.kk-page-title {
  display: flex;
  flex-direction: column;
  gap: 5px;
  padding: 40px 25px 30px 25px;
  background: #f6f6f6;
  font-size: 32px;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
}
.kk-page-title h1 {
  color: #333;
  font-size: 32px;
  line-height: 36px;
}
.kk-page-title h2 {
  color: #666;
}.kk-page-header {
  display: flex;
  flex-direction: column;
  padding: 40px 25px 30px 25px;
  background: #f6f6f6;
  color: #333;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
}
.kk-page-header h1 {
  font-size: 32px;
  line-height: 36px;
}
.kk-page-header h2 {
  font-size: 18px;
  color: #666;
}.kk-page {
  display: flex;
  flex-direction: column;
  width: 100%;
  max-width: 1440px;
  margin: auto;
  margin-top: 155px;
  min-height: 800px;
}.kk-search-title {
  display: flex;
  flex-direction: column;
}.kk-filter-tags {
  align-items: flex-start;
}
.kk-filter-tags .fui-Button {
  justify-content: flex-start;
  text-decoration: underline;
  padding: 4px;
}.kk-tree-filter {
  background: lightyellow;
}.kk-multiselect-filter {
  padding: 2px 2px 2px 0px;
}

.kk-multiselect-filter-header {
  align-items: center;
  padding: 2px 4px;
  border-bottom: 1px solid #ccc;
}

.kk-multiselect-filter-item .fui-Checkbox__indicator {
  margin: 4px 6px;
}
.kk-multiselect-filter-item .fui-Label {
  padding: 0px;
  font-size: 12px;
}
.kk-multiselect-filter-item .kk-selected {
  font-weight: bold;
}

.kk-multiselect-filter-dropdown {
  padding: 2px;
}
.kk-multiselect-filter-dropdown .fui-Dropdown {
  border-radius: 0px;
  padding: 2px;
  max-width: 200px;
  min-width: 200px;
}

.kk-multiselect-filter-collapsible {
  display: flex;
  flex-direction: column;
  gap: 5px;
}
.kk-multiselect-filter-collapsible .fui-Button {
  margin: 5px;
  font-weight: normal;
  width: 85%;
}

.kk-multiselect-filter-footer {
  align-items: flex-start;
}
.kk-multiselect-filter-footer .fui-Button {
  justify-content: flex-start;
  text-decoration: underline;
  padding: 4px;
}.kk-collapsible-fitler-list {
  display: flex;
  flex-direction: column;
  gap: 5px;
}

.kk-collapsible-filter-list-button {
  display: flex;
  padding: 6px;
}
.kk-collapsible-filter-list-button .fui-Button {
  display: flex;
  justify-content: flex-start;
  width: 100%;
}.kk-vertical-filterbar {
  width: 250px;
  padding: 2px 10px 2px 0px;
  border-right: 1px solid #eee;
  height: 100%;
  transition: width 400ms ease;
  overflow: hidden;
}
.kk-vertical-filterbar.kk-collapsed {
  width: 44px;
}
.kk-vertical-filterbar.kk-collapsed .kk-vertical-filterbar-body,
.kk-vertical-filterbar.kk-collapsed .kk-vertical-filterbar-footer {
  visibility: collapse;
}

.kk-vertical-filterbar-body,
.kk-vertical-filterbar-footer {
  min-width: 200px;
}

.kk-vertical-filterbar-footer {
  margin: 10px 5px;
}.kk-paging-btn {
  max-width: 32px !important;
  min-width: 32px !important;
  font-weight: normal !important;
}
.kk-paging-btn.kk-selected {
  background: var(--colorBrandBackground) !important;
  border: none !important;
  cursor: default !important;
  color: #fff !important;
}.kk-drawer {
  position: fixed;
  z-index: 1001;
  background: #fff;
  transition: transform 0.2s ease-out;
  -ms-overflow-style: none;
  scrollbar-width: none;
}
.kk-drawer .kk-drawer-header {
  padding: 30px 30px 30px 30px;
  position: sticky;
  top: 0px;
  background: inherit;
  z-index: 200;
}
.kk-drawer .kk-drawer-header h2 {
  color: #333;
}
.kk-drawer .kk-drawer-header h4 {
  font-weight: normal;
  font-size: 16px;
  color: #666;
}
.kk-drawer::-webkit-scrollbar {
  display: none;
}
.kk-drawer.kk-pos-left {
  width: 600px;
  height: 100%;
  left: 0px;
  top: 0px;
  display: flex;
  flex-direction: column;
  gap: 10px;
  -webkit-box-shadow: -5px 0 10px 2px rgba(0, 0, 0, 0.15);
  box-shadow: 5px 0 10px 2px rgba(0, 0, 0, 0.15);
  transform: translateX(-105%);
}
.kk-drawer.kk-pos-right {
  width: 600px;
  height: 100%;
  right: 0px;
  top: 0px;
  display: flex;
  flex-direction: column;
  gap: 10px;
  -webkit-box-shadow: -5px 0 10px 2px rgba(0, 0, 0, 0.15);
  box-shadow: -5px 0 10px 2px rgba(0, 0, 0, 0.15);
  transform: translateX(105%);
}
.kk-drawer.kk-pos-bottom {
  width: 100%;
  height: 400px;
  left: 0px;
  bottom: 0px;
  display: flex;
  flex-direction: column;
  gap: 10px;
  -webkit-box-shadow: -5px 0 10px 2px rgba(0, 0, 0, 0.15);
  box-shadow: -5px 0 10px 2px rgba(0, 0, 0, 0.15);
  transform: translateY(105%);
}
.kk-drawer.kk-pos-bottom.kk-open {
  transform: translateY(0);
}
.kk-drawer.kk-open {
  transform: translateX(0);
}
.kk-drawer.kk-size-tiny {
  width: 320px !important;
}
.kk-drawer.kk-size-small {
  width: 480px !important;
}
.kk-drawer.kk-size-submedium {
  width: 620px !important;
}
.kk-drawer.kk-size-medium {
  width: 800px !important;
}
.kk-drawer.kk-size-large {
  width: 1200px !important;
}
.kk-drawer .kk-drawer-content {
  overflow-y: auto;
  scrollbar-width: thin;
  scrollbar-color: #efefef #fefefe;
}
.kk-drawer .kk-drawer-body,
.kk-drawer .kk-drawer-content,
.kk-drawer .kk-drawer-footer {
  padding: 0px 30px 30px 30px;
}.kk-dialog.kk-size-fit {
  max-width: fit-content !important;
}
.kk-dialog.kk-size-tiny {
  max-width: 300px !important;
  min-width: 200px;
}
.kk-dialog.kk-size-small {
  max-width: 400px !important;
  min-width: 300px;
}
.kk-dialog.kk-size-submedium {
  width: 620px !important;
  min-width: 340px;
}
.kk-dialog.kk-size-medium {
  max-width: 800px !important;
  min-width: 400px;
}
.kk-dialog.kk-size-large {
  max-width: 1200px !important;
  min-width: 800px;
}
.kk-dialog.kk-size-full {
  display: flex;
  width: 100vw;
  height: 100vh;
  position: fixed;
  max-width: unset;
  margin: unset;
}
.kk-dialog.kk-size-full .fui-DialogBody {
  width: 100%;
  height: 100%;
}

.kk-dialog-container-v2 {
  position: fixed;
  margin: auto;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 99999;
  display: flex;
  justify-content: center;
  align-items: center;
}

.kk-dialog-surface {
  background: #fff;
  padding: 24px;
  margin: auto;
  overflow: unset;
  border: 1px solid transparent;
  display: flex;
  height: fit-content;
  max-height: 100vh;
  box-sizing: border-box;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.12), 0 32px 64px rgba(0, 0, 0, 0.14);
  border-radius: 8px;
  max-width: 600px;
}
.kk-dialog-surface .kk-dialog-body {
  display: flex;
  flex-direction: column;
  gap: 5px;
  width: 100%;
  height: 100%;
}
.kk-dialog-surface .kk-dialog-title {
  display: flex;
  justify-content: space-between;
  gap: 20px;
}
.kk-dialog-surface .kk-dialog-title h2 {
  font-size: 20px;
  line-height: 28px;
  font-weight: 600;
}
.kk-dialog-surface .kk-dialog-title .kk-dialog-actions {
  display: flex;
  gap: 5px;
}
.kk-dialog-surface .kk-dialog-content {
  display: flex;
  width: 100%;
  height: 100%;
  min-height: 60px;
}

.kk-dialog-content {
  width: 100%;
}.kk-popup {
  position: absolute;
}

.kk-overlay {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0px;
  left: 0px;
  background: rgba(0, 0, 0, 0.3);
  display: none;
  z-index: 1000;
}
.kk-overlay.kk-open {
  display: unset;
}.kk-dialog-filterbar {
  max-width: 280px;
}.kk-search-filter-dialog-button .fui-Button {
  font-weight: normal;
}

.kk-search-filter-dialog .kk-drawer-header {
  padding-bottom: 10px;
}.kk-search-navbar {
  align-items: end;
  padding-bottom: 10px;
  border-bottom: 1px solid #cdcdcd;
}

.kk-search-top-navbar {
  align-items: end;
  padding-bottom: 10px;
  border-bottom: 1px solid #cdcdcd;
  justify-content: space-between;
}

.kk-search-bottom-navbar {
  align-items: end;
  margin-bottom: 50px;
}.kk-product-image {
  background: var(--kk-debug-bg3);
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 2px;
  width: 100%;
  padding: 2px 5px;
  min-height: 155px;
  cursor: pointer;
}
.kk-product-image img {
  display: block;
  width: auto;
  height: auto;
  max-height: 150px;
  max-width: 200px;
}.kk-error-dialog {
  width: 100%;
}

.kk-error-dialog-content {
  width: 100%;
}

.kk-error-dialog-collapsible-content {
  background-color: #464646;
  color: #0bc6ff;
  padding: 10px;
  overflow: auto;
  max-height: 300px;
}

.btn-error-notify {
  background: #df0f3c !important;
}
.btn-error-notify:hover {
  background: #d40e39 !important;
}.kk-bar-loader {
  width: 100%;
  overflow: hidden;
  background: #0c509f;
  z-index: 1000;
  height: 3px;
  position: fixed;
  top: 0px;
  left: 0px;
}
.kk-bar-loader .kk-loader-animation {
  width: 100%;
  height: 100%;
  background: rgb(206, 5, 99);
  animation: indeterminateAnimation 1.5s infinite linear;
  transform-origin: 0% 50%;
}
@keyframes indeterminateAnimation {
  0% {
    transform: translateX(0) scaleX(0);
  }
  40% {
    transform: translateX(0) scaleX(0.4);
  }
  100% {
    transform: translateX(100%) scaleX(0.5);
  }
}

.kk-text-loader {
  position: fixed;
  background: #efefef;
  padding: 5px 10px;
  right: 120px;
  bottom: 20px;
  border-radius: 5px;
}

.kk-loader-modal {
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
}
.kk-loader-modal .kk-overlay {
  background: rgba(0, 0, 0, 0.2);
  display: flex;
  z-index: 1002;
}
.kk-loader-modal .kk-loader-modal-content {
  position: fixed;
  top: 45%;
  left: calc(50% - 64px);
  display: flex;
  flex-direction: column;
  gap: 10px;
  align-items: center;
  justify-content: center;
  background-color: #fff;
  padding: 15px;
  border: 1px solid #0c509f;
  z-index: 1003;
  font-size: 16px;
  cursor: pointer;
}.kk-product-title {
  background: var(--kk-debug-bg3);
  height: 44px;
  overflow: hidden;
  padding: 2px 5px;
  width: 100%;
  cursor: pointer;
  color: #333;
}
.kk-product-title:hover {
  color: #0851a5;
}.kk-link {
  cursor: pointer;
  text-decoration: none;
  color: inherit;
  font-size: 14px;
  font-weight: normal;
  color: #2c63a3;
}
.kk-link:hover {
  text-decoration: underline;
}
.kk-link:visited, .kk-link:hover, .kk-link:active {
  color: inherit;
}
.kk-link.kk-display-flex {
  display: flex;
  width: 100%;
}
.kk-link.kk-appearance-subtle {
  text-decoration: none !important;
  color: inherit;
}.kk-product-ids {
  width: 100%;
  padding: 2px 5px;
  background-color: var(--kk-debug-bg3);
  height: 28px;
}
.kk-product-ids strong {
  font-weight: 600;
}.fui-Toaster {
  max-width: 460px;
  width: auto !important;
}
.fui-Toaster .kk-product-image {
  padding: 5px;
  min-height: auto;
  width: auto;
}
.fui-Toaster .kk-product-image img {
  height: 60px;
  border-radius: 5px;
}
.fui-Toaster .kk-product-title {
  padding: 0px;
  line-height: 20px;
  height: unset;
}
.fui-Toaster .kk-product-ids {
  padding: 0px;
  height: unset;
  font-size: 10px;
}
.fui-Toaster .kk-product-ids .fui-Text {
  font-size: 12px;
  color: #666;
}.kk-product-badges {
  display: flex;
  flex-direction: column;
  gap: 10px;
  position: absolute;
  right: 25px;
  top: 0px;
  visibility: hidden;
  transition: 100ms ease;
  z-index: 1000;
}
.kk-product-badges.kk-horizontal {
  flex-direction: row;
  left: -50px;
  background: #fff;
  padding: 2px 5px;
  bottom: 0px;
  top: unset;
  max-width: 150px;
}
.kk-product-badges .fui-Badge {
  cursor: pointer;
  transition: transform 500ms;
  background: #3373be;
}
.kk-product-badges .fui-Badge:hover {
  opacity: 0.9;
  transform: rotate(20deg);
  background: #d01720;
}.kk-product-supplier {
  height: 26px;
  width: 100%;
  background: var(--kk-debug-bg3);
  padding: 2px 5px;
}
.kk-product-supplier a {
  width: auto !important;
}
.kk-product-supplier > .fui-Button {
  min-width: unset;
  padding: 0px;
  font-weight: normal;
}

.kk-product-supplier-name {
  cursor: pointer;
  color: #2c63a3 !important;
}
.kk-product-supplier-details {
  max-width: 400px;
  display: flex;
  flex-direction: column;
  gap: 5px;
}

.kk-product-supplier-detail-header {
  display: flex;
  align-items: flex-start;
  gap: 15px;
  padding: 5px;
}

.kk-product-supplier-detail-table {
  display: flex;
  flex-direction: column;
  gap: 5px;
}
.kk-product-supplier-detail-table table {
  margin-bottom: 0;
  width: auto;
  font-size: 12px;
}
.kk-product-supplier-detail-table table tr:nth-child(2n+1) {
  background: #f8f8f8;
}
.kk-product-supplier-detail-table table th, .kk-product-supplier-detail-table table td {
  padding: 2px 8px;
}

.kk-product-supplier-actions {
  display: flex;
  justify-content: flex-end;
  gap: 5px;
  padding: 5px;
}
.kk-product-supplier-actions .fui-Button {
  font-weight: normal;
}.kk-product-tags {
  width: fit-content;
  padding: 2px 5px;
  background: var(--kk-debug-bg3);
  height: 30px;
  align-items: center;
}
.kk-product-tags.kk-absolute {
  position: absolute;
  left: 25px;
  top: 10px;
  height: auto;
}

.kk-product-tags-abs {
  position: absolute;
  left: 25px;
  top: 10px;
  padding: 2px 5px;
}

.kk-tag {
  display: flex;
  border-radius: 2px;
  color: #fff;
  justify-content: center;
  min-width: 65px;
  font-size: 11px;
}

.kk-angebot {
  background: #C41A1A;
}

.kk-neuheit {
  background: #0aa156;
}

.kk-ausverkauf {
  background: #e66123;
}

.kk-loyalty {
  background: #bdbdbd;
}.kk-skeleton {
  opacity: 0.75;
  animation: kk-skeleton-anim 1s linear infinite alternate;
  border-radius: 3px;
}

@keyframes kk-skeleton-anim {
  0% {
    background-color: hsl(200, 20%, 70%);
  }
  100% {
    background-color: hsl(200, 20%, 95%);
  }
}.kk-product-stock {
  width: 100%;
  padding: 2px 5px;
  background: var(--kk-debug-bg3);
  height: 30px;
}
.kk-product-stock .fui-Button {
  min-width: unset;
  padding: 0px;
}

.kk-product-stock-details .kk-product-stock-display-text:hover {
  text-decoration: underline;
}

.kk-product-stock-display-text {
  font-weight: bold;
}

.kk-product-stock-display-detail .kk-product-stock-display-text {
  text-decoration: none !important;
}
.kk-product-stock-display-detail .kk-product-stock-display-text > span {
  font-weight: normal;
  color: #333;
}

.kk-product-stock-in-stock {
  color: #47a71b;
}
.kk-product-stock-in-stock .fui-Badge {
  background: #47a71b;
}

.kk-product-stock-order,
.kk-product-stock-out-of-stock,
.kk-product-stock-transfer {
  color: rgb(223, 3, 58);
}
.kk-product-stock-order .fui-Badge,
.kk-product-stock-out-of-stock .fui-Badge,
.kk-product-stock-transfer .fui-Badge {
  background: rgb(223, 3, 58);
}

.kk-product-stock-part {
  color: rgb(250, 150, 20);
}
.kk-product-stock-part .fui-Badge {
  background: rgb(250, 150, 20);
}

.kk-product-stock-location-table {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 5px;
  margin-top: 20px;
}
.kk-product-stock-location-table table {
  margin-bottom: 0;
  width: auto;
  font-size: 12px;
}
.kk-product-stock-location-table table tr:nth-child(2n+1) {
  background: #f8f8f8;
}
.kk-product-stock-location-table table th, .kk-product-stock-location-table table td {
  padding: 2px 8px;
}
.kk-product-stock-location-table table .kk-location-ZL {
  font-weight: bold;
}

.kk-product-stock-wbz {
  display: flex;
  align-items: flex-start;
  font-size: 14px;
  color: #666;
}.kk-product-price-block {
  height: 80px;
  padding: 2px 5px;
  background: var(--kk-debug-bg3);
  width: 100%;
  align-items: flex-end;
}

.kk-product-price-block-discount {
  display: flex;
  gap: 20px;
  align-items: center;
  justify-content: flex-end;
}

.kk-product-price-details {
  display: flex;
  justify-content: flex-end;
  align-items: center;
}

.kk-product-net-price {
  display: flex;
  justify-content: flex-end;
}

.kk-product-no-price {
  display: flex;
  justify-content: flex-end;
}

.kk-product-list-price {
  display: flex;
  justify-content: flex-end;
  text-decoration: line-through;
}

.kk-product-list-price-tooltip {
  font-size: 14px;
}

.kk-product-discount {
  display: flex;
  justify-content: flex-end;
  color: #df0f3c;
}

.kk-product-points {
  display: flex;
  justify-content: flex-end;
}

.kk-product-price-unit {
  display: flex;
  justify-content: flex-end;
  color: #666;
}

.kk-product-volume-price-unit {
  display: flex;
  justify-content: flex-end;
}
.kk-product-volume-price-unit > span {
  background: #23c523;
  color: #fff;
  border-radius: 4px;
  padding: 1px 4px;
}

.kk-product-points-hint {
  display: flex;
  justify-content: flex-end;
  cursor: pointer;
}

.kk-product-price-details > span {
  color: #3d73b6;
  font-size: 12px;
  cursor: pointer;
  padding: 0px 10px;
}
.kk-product-price-details > span:hover {
  text-decoration: underline;
}
.kk-product-price-details .fui-Button {
  padding: 0px;
  min-width: unset;
  border: none;
}

.kk-product-price-details-content {
  display: flex;
  flex-direction: column;
  gap: 20px;
}

.kk-product-price-details-webdiscount {
  display: flex;
  flex-direction: column;
}
.kk-product-price-details-webdiscount span:nth-child(2) {
  font-size: 12px;
  color: #666;
}

.kk-product-price-details-hidediscounts {
  font-size: 12px;
  color: #666;
}

.kk-product-price-details-table {
  display: flex;
  flex-direction: column;
  gap: 5px;
}
.kk-product-price-details-table table {
  margin-bottom: 0;
  width: auto;
  font-size: 12px;
}
.kk-product-price-details-table table tr:nth-child(2n+1) {
  background: #f8f8f8;
}
.kk-product-price-details-table table th, .kk-product-price-details-table table td {
  padding: 2px 8px;
}
.kk-product-price-details-table table .kk-best-price {
  background: #17c217;
  color: #fff;
}.kk-error-toast-container {
  background: #e34260;
  color: white;
  align-items: flex-start;
}
.kk-error-toast-container svg {
  fill: #fff;
  color: #fff;
}

.kk-error-toast {
  display: flex;
  flex-direction: column;
  width: 100%;
}
.kk-error-toast > strong {
  font-size: 16px;
}
.kk-error-toast > span {
  font-size: 14px;
  margin-top: 5px;
}

.kk-error-toast-title {
  display: flex;
  font-size: 16px;
  font-weight: bold;
}

.kk-error-toast-messages {
  display: flex;
  flex-direction: column;
  font-size: 14px;
  margin-top: 5px;
}

.kk-error-toast-actions {
  display: flex;
  justify-content: flex-end;
  margin-top: 10px;
}
.kk-error-toast-actions .fui-Button {
  font-weight: normal;
  min-width: unset;
  color: #fff !important;
  text-transform: uppercase;
  font-weight: bold;
}
.kk-error-toast-actions .fui-Button:hover {
  text-decoration: underline;
}.kk-ids-wke-loader {
  display: flex;
  align-items: center;
  justify-content: center;
  position: fixed;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.kk-ids-wke-loader .kk-overlay {
  background: rgba(0, 0, 0, 0.2);
  display: flex;
  z-index: 1002;
}
.kk-ids-wke-loader .kk-ids-wke-loader-container {
  position: fixed;
  top: 40%;
  left: calc(50% - 100px);
  width: 200px;
  display: flex;
  flex-direction: column;
  gap: 5px;
  align-items: center;
  justify-content: center;
  background-color: #fff;
  padding: 5px 5px 15px 5px;
  border: 1px solid #0c509f;
  z-index: 1003;
  font-size: 16px;
  cursor: pointer;
}
.kk-ids-wke-loader .kk-ids-wke-loader-header {
  display: flex;
  justify-content: flex-end;
  align-items: flex-end;
  width: 100%;
}
.kk-ids-wke-loader .kk-ids-wke-loader-body {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 15px;
  margin-top: 5px;
}
.kk-ids-wke-loader .kk-ids-wke-loader-footer {
  display: flex;
  gap: 10px;
  justify-content: center;
  align-items: center;
  width: 100%;
  margin-top: 15px;
}.kk-cart-toast-container {
  align-items: flex-start;
  min-width: 400px;
}

.kk-cart-toast {
  display: flex;
  flex-direction: column;
  width: 100%;
}

.kk-cart-toast-product {
  display: flex;
  gap: 10px;
  align-items: flex-start;
  color: #000;
  margin-right: 10px;
}
.kk-cart-toast-product .kk-product-image {
  width: 80px;
  align-items: flex-start;
  min-height: unset;
  padding: 0;
  max-height: 80px;
  max-width: 80px;
  margin-top: 5px;
}
.kk-cart-toast-product .kk-product-image img {
  object-fit: contain;
  width: 100%;
  max-width: 80px;
  max-height: 80px;
}

.kk-cart-toast-message {
  display: flex;
  font-size: 14px;
  margin-top: 10px;
  color: #666;
}

.kk-cart-toast-actions {
  display: flex;
  justify-content: flex-end;
  margin-top: 5px;
}
.kk-cart-toast-actions .fui-Button {
  font-weight: normal;
  min-width: unset;
  font-weight: bold;
}
.kk-cart-toast-actions .fui-Button:hover {
  text-decoration: underline;
}.kk-cart-button,
.kk-addto-cart-button,
.kk-multi-addto-cart-button {
  background: var(--kk-debug-bg1);
}
.kk-cart-button .kk-button-success,
.kk-addto-cart-button .kk-button-success,
.kk-multi-addto-cart-button .kk-button-success {
  background: #47a71b !important;
  cursor: pointer !important;
  color: #fff !important;
}
.kk-cart-button .kk-button-success .fui-Button__icon,
.kk-addto-cart-button .kk-button-success .fui-Button__icon,
.kk-multi-addto-cart-button .kk-button-success .fui-Button__icon {
  color: #fff !important;
}.kk-product-button-hidden {
  visibility: hidden;
}.kk-product-quantity {
  display: flex;
  gap: 10px;
  height: 50px;
  align-items: center;
  background: var(--kk-debug-bg3);
  width: 100%;
  padding: 2px 5px;
  justify-content: space-between;
}
.kk-product-quantity .kk-product-unit {
  width: 100%;
}

.kk-product-quantity-input {
  background: var(--kk-debug-bg1);
  align-items: center;
}
.kk-product-quantity-input .fui-Input {
  border-radius: 0;
  max-width: 85px;
  min-width: 65px;
}
.kk-product-quantity-input .fui-Input::after {
  border-radius: 0;
}

.kk-not-empty .fui-Input {
  background: #c9ffd1;
}.kk-product-vpe {
  height: 20px;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  background: var(--kk-debug-bg3);
  padding: 2px 5px;
}

.kk-product-vpe-display,
.kk-product-min-display,
.kk-product-max-display {
  display: flex;
  gap: 5px;
  width: 100%;
  font-size: 12px;
}

.kk-product-vpe-line {
  font-size: 12px;
}.kk-cart-button {
  padding: 2px 5px;
  background: var(--kk-debug-bg1);
}

.kk-checkmark-button {
  padding: 2px 5px;
}

.kk-packing-tier-button .fui-Button {
  color: #b8b8b8 !important;
}

.kk-pricing-tier-button .fui-Button {
  color: #259c25;
}

.kk-product-variant-button {
  height: 50px;
  justify-content: center;
}
.kk-product-variant-button .fui-Button {
  background: #efefef;
  color: #333 !important;
  font-weight: normal;
  border: 1px solid #e2e2e2 !important;
}
.kk-product-variant-button .fui-Button:hover {
  background: #e8e8e8;
}
.kk-product-variant-button .fui-Button:active {
  background: #e2e2e2 !important;
}.kk-product-variant-count {
  width: 100%;
  padding: 2px 5px;
  background-color: var(--kk-debug-bg3);
  height: 28px;
  justify-content: center;
  align-items: flex-start;
}
.kk-product-variant-count span {
  background: #f4f4f4;
  padding: 0 10px;
  font-size: 12px;
}.kk-collapsible {
  display: flex;
  flex-direction: column;
}
.kk-collapsible .kk-collapsible-header {
  display: flex;
  gap: 5px;
  align-items: center;
  justify-content: space-between;
  cursor: pointer;
}
.kk-collapsible .kk-collapsible-content {
  display: flex;
  flex-direction: column;
  margin-top: 10px;
}
.kk-collapsible.kk-collapsed .kk-collapsible-content {
  display: none;
}.kk-product-attributes-popup {
  padding: 0px 5px;
}
.kk-product-attributes-popup .fui-PopoverSurface {
  z-index: 100;
}
.kk-product-attributes-popup span {
  color: #3d73b6;
  font-size: 14px;
  cursor: pointer;
}
.kk-product-attributes-popup span:hover {
  text-decoration: underline;
}

.kk-product-attributes-collapsible {
  width: fit-content;
}
.kk-product-attributes-collapsible .kk-collapsible-header h2 {
  color: #3d73b6;
  font-size: 14px;
  font-weight: normal;
  cursor: pointer;
}
.kk-product-attributes-collapsible .kk-collapsible-header h2:hover {
  text-decoration: underline;
}
.kk-product-attributes-collapsible .kk-collapsible-header .fui-Button {
  display: none !important;
  padding: 0px;
  min-width: unset;
  background: transparent;
}
.kk-product-attributes-collapsible .kk-collapsible-content {
  margin: 0px !important;
}

.kk-product-attributes-table {
  display: flex;
}
.kk-product-attributes-table table {
  border-spacing: 10px 2px;
  margin-bottom: 0;
  width: auto;
}
.kk-product-attributes-table table .kk-td-name {
  padding: 5px;
  background: #f4f4f4;
}
.kk-product-attributes-table table .kk-td-value {
  padding: 5px;
  word-break: break-all;
}.kk-product-actions {
  display: flex;
  gap: 10px;
  position: absolute;
  right: 20px;
  top: 10px;
  visibility: hidden;
  z-index: 1000;
}
.kk-product-actions .fui-Button {
  background: #f4f4f4;
}.kk-product-packing-tier-table {
  min-width: 400px;
}
.kk-product-packing-tier-table table .kk-td-tier-qty {
  padding: 4px 0px;
}
.kk-product-packing-tier-table table .kk-td-tier-uom {
  padding: 4px 10px;
  text-align: left;
}
.kk-product-packing-tier-table table .kk-td-tier-unit {
  padding: 4px 10px;
  text-align: right;
}
.kk-product-packing-tier-table table .kk-td-tier-space {
  padding: 4px;
}
.kk-product-packing-tier-table table .kk-td-tier-actions .kk-product-button {
  align-items: flex-end;
}
.kk-product-packing-tier-table table td {
  text-align: right;
}
.kk-product-packing-tier-table table td:nth-child(2) {
  text-align: left;
  font-weight: bold;
  color: #2c63a3;
}
.kk-product-packing-tier-table .kk-product-quantity-input {
  padding: 0px;
}
.kk-product-packing-tier-table .kk-product-quantity-input input {
  font-size: 16px;
  padding-right: 5px;
}

.kk-packing-tier-uom {
  font-weight: bold;
  color: #2c63a3;
  cursor: pointer;
}

.kk-product-packing-tier-popup .fui-PopoverSurface {
  z-index: 98;
}.kk-product-pricing-tier {
  min-width: 300px;
}

.kk-product-pricing-tier-table table {
  border-spacing: 0px 10px;
}
.kk-product-pricing-tier-table .kk-td-tier-qty {
  padding: 4px 5px;
  text-align: right;
}
.kk-product-pricing-tier-table .kk-td-tier-unit {
  padding: 4px 10px;
  text-align: right;
  color: #2c63a3;
  font-weight: bold;
}
.kk-product-pricing-tier-table .kk-td-tier-space {
  padding: 4px;
}
.kk-product-pricing-tier-table .kk-td-tier-price {
  padding: 4px 10px;
  text-align: right;
  font-weight: bold;
}
.kk-product-pricing-tier-table .kk-td-tier-discount {
  padding: 4px 10px;
  text-align: right;
  font-weight: bold;
  color: #df0f3c;
}
.kk-product-pricing-tier-table .kk-td-tier-actions .kk-product-button {
  align-items: flex-end;
}

.kk-packing-tier-uom {
  font-weight: bold;
  color: #2c63a3;
  cursor: pointer;
}

.kk-product-pricing-tier-popup .fui-PopoverSurface {
  z-index: 98;
}.kk-product {
  padding-bottom: 10px;
  padding-top: 10px;
  border-bottom: 1px solid #cdcdcd;
}
.kk-product a {
  display: flex;
  color: inherit;
  text-decoration: none !important;
  width: 100%;
}

.kk-product-price-and-tiers {
  width: 100%;
  padding: 0px 5px;
  align-items: flex-start;
  min-height: 40px;
}

.kk-product-tiers {
  padding: 4px 0px;
}.kk-product-listview {
  display: flex;
  flex-direction: column;
}
.kk-product-listview .kk-product-hover-block {
  display: flex;
  width: 100%;
  align-items: center;
  justify-content: center;
}
.kk-product-listview .kk-product-hover-block:hover .kk-product-badges {
  visibility: visible;
  transform: translateX(50px);
}

.kk-product-listitem {
  display: grid;
  grid-template-columns: auto 2fr 1fr 1fr;
  column-gap: 10px;
  background: var(--kk-debug-bg1);
  align-items: flex-start;
  position: relative;
}
.kk-product-listitem .kk-product-title {
  height: 24px;
}
.kk-product-listitem .kk-product-image {
  min-height: auto;
  width: 155px;
}
.kk-product-listitem .kk-product-image img {
  max-width: 150px;
  max-height: 113px;
}
.kk-product-listitem .kk-product-tags {
  height: auto;
}
.kk-product-listitem > :nth-child(3) {
  height: 100%;
  padding: 0px 10px;
  border-left: 1px solid #cdcdcd;
  border-right: 1px solid #cdcdcd;
  min-width: 280px;
}
.kk-product-listitem > :nth-child(4) {
  min-width: 324px;
  height: 100%;
}
.kk-product-listitem.kk-product-group > :nth-child(3) {
  height: 100%;
  padding: 0px 10px;
  border-left: 1px solid #cdcdcd;
  border-right: 1px solid #cdcdcd;
}
.kk-product-listitem.kk-product-group .kk-product-variant-button {
  padding: 5px;
}.kk-product-gridview {
  display: grid;
  background: var(--kk-debug-bg1);
}
.kk-product-gridview.kk-collapsed {
  grid-template-columns: 1fr 1fr 1fr 1fr;
}
.kk-product-gridview.kk-collapsed > :nth-child(4n+4) .kk-product-griditem, .kk-product-gridview.kk-collapsed > :nth-child(4n+4) .kk-product-griditem-group {
  border-right: none;
}
.kk-product-gridview:not(.kk-collapsed) {
  grid-template-columns: 1fr 1fr 1fr;
}
.kk-product-gridview:not(.kk-collapsed) > :nth-child(3n+3) .kk-product-griditem, .kk-product-gridview:not(.kk-collapsed) > :nth-child(3n+3) .kk-product-griditem-group {
  border-right: none;
}
.kk-product-gridview .kk-product-hover-block {
  display: flex;
  width: 100%;
  align-items: center;
  justify-content: center;
}
.kk-product-gridview .kk-product-hover-block:hover .kk-product-badges {
  visibility: visible;
  transform: translateY(25px);
}
.kk-product-gridview .kk-product-hover-block:hover .kk-product-actions {
  visibility: visible;
}
.kk-product-gridview .kk-product-price-block {
  padding: 0px;
}

.kk-product-griditem {
  padding: 20px;
  align-items: center;
  position: relative;
  background: var(--kk-debug-bg2);
  border-right: 1px solid #cdcdcd;
}

.kk-product-griditem-group {
  padding: 20px;
  align-items: center;
  position: relative;
  background: var(--kk-debug-bg2);
  height: 100%;
  border-right: 1px solid #cdcdcd;
}
.kk-product-griditem-group .kk-product-variant-button {
  width: 100%;
  background: var(--kk-debug-bg3);
  padding: 2px 5px;
}
.kk-product-griditem-group .kk-product-griditem-placeholder {
  width: 100%;
  height: 120px;
  background: var(--kk-debug-bg3);
}.kk-product-table-view > table {
  border-spacing: 2px 2px;
  border-collapse: collapse;
  width: 100%;
  table-layout: auto;
}
.kk-product-table-view .kk-product-image {
  min-height: auto;
  width: 85px;
}
.kk-product-table-view .kk-product-image img {
  max-width: 80px;
  max-height: 113px;
}
.kk-product-table-view .kk-product-title {
  height: auto;
}
.kk-product-table-view thead {
  background: #efefef;
}
.kk-product-table-view th {
  font-weight: normal;
  padding: 4px;
}
.kk-product-table-view tr {
  border-bottom: 1px solid #cdcdcd;
}

.kk-product-table-item a {
  display: flex;
  color: inherit;
  text-decoration: none !important;
  width: 100%;
}
.kk-product-table-item td {
  padding: 4px;
  background: #fff;
}
.kk-product-table-item .kk-td-image {
  width: 100px;
}
.kk-product-table-item .kk-td-title {
  min-width: 200px;
}
.kk-product-table-item .kk-td-price {
  border-left: 1px solid #cdcdcd;
  border-right: 1px solid #cdcdcd;
  min-width: 240px;
}
.kk-product-table-item .kk-td-price .kk-product-price-block {
  height: unset;
}
.kk-product-table-item .kk-td-stock {
  border-right: 1px solid #cdcdcd;
  text-align: center;
}
.kk-product-table-item .kk-td-qty {
  min-width: 300px;
}.kk-product-compact-list-view {
  display: flex;
  flex-direction: column;
}
.kk-product-compact-list-view .kk-product-hover-block {
  display: flex;
  width: 100%;
  align-items: center;
  justify-content: center;
}
.kk-product-compact-list-view .kk-product-hover-block:hover .kk-product-badges {
  visibility: visible;
  transform: translateX(50px);
}

.kk-product-compact-list-item {
  display: grid;
  grid-template-columns: 100px 1fr 250px 34px 310px;
  background: var(--kk-debug-bg1);
  align-items: flex-start;
  position: relative;
}
.kk-product-compact-list-item .kk-product-image {
  min-height: auto;
  width: 85px;
}
.kk-product-compact-list-item .kk-product-image img {
  max-width: 80px;
  max-height: 113px;
}
.kk-product-compact-list-item .kk-product-title {
  height: 24px;
}
.kk-product-compact-list-item > * {
  display: flex;
  padding: 0px 6px;
  height: 100%;
  justify-content: center;
}
.kk-product-compact-list-item > :nth-child(3) {
  border-left: 1px solid #cdcdcd;
  border-right: 1px solid #cdcdcd;
}
.kk-product-compact-list-item > :nth-child(4) {
  border-right: 1px solid #cdcdcd;
  padding-top: 12px;
  justify-content: flex-start;
}
.kk-product-compact-list-item.kk-product-group > :nth-child(3), .kk-product-compact-list-item.kk-product-group > :nth-child(4) {
  border: none;
}
.kk-product-compact-list-item.kk-product-group .kk-product-variant-button {
  padding: 5px;
}.kk-error {
  display: flex;
  flex-direction: column;
  gap: 10px;
  max-height: 200px;
  overflow-y: scroll;
  margin: 20px 0px 30px 0px;
  background: rgb(247, 110, 110);
  padding: 5px;
  border: 1px solid rgb(255, 232, 235);
  border-radius: 5px;
  box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}
.kk-error h2 {
  color: #f4f4f4;
}.kk-breadcrumb {
  display: flex;
  row-gap: 10px;
  width: 100%;
}

.kk-breadcrumb-item-link {
  display: flex;
  text-decoration: none !important;
  align-items: center;
}

.kk-breadcrumb-items {
  display: flex;
  counter-reset: flag;
  overflow: hidden;
}

.kk-breadcrumb-item {
  display: flex;
  align-items: center;
  gap: 5px;
  background: #f4f4f4;
  color: #222;
  padding: 8px 15px;
  border-radius: 5px;
  border-right: 1px solid #efefef;
  cursor: pointer;
  position: relative;
  font-size: 14px;
  max-width: 250px;
  overflow: hidden;
  text-overflow: ellipsis;
  text-wrap: nowrap;
  transition: max-width 0.55s linear;
}
.kk-breadcrumb-item.kk-compressed {
  max-width: 70px;
}
.kk-breadcrumb-item span {
  text-overflow: ellipsis;
  overflow: hidden;
  line-height: normal !important;
}
.kk-breadcrumb-item:hover {
  background-color: #efefef;
  color: #333;
  max-width: 500px;
}
.kk-breadcrumb-item:hover::before {
  border: 1px solid #ccc;
}
.kk-breadcrumb-item:active {
  background: #e4e4e4;
}
.kk-breadcrumb-item .kk-breadcrumb-icon {
  display: flex;
}

.kk-breadcrumb-item-appearance-start {
  margin-left: 0px;
  padding: 8px 20px 8px 10px;
  clip-path: polygon(0% 0%, 0% 100%, calc(100% - 15px) 100%, 100% 50%, calc(100% - 15px) 0%) !important;
}
.kk-breadcrumb-item-appearance-start::before {
  content: none;
}

.kk-breadcrumb-item-appearance-mid {
  padding: 8px 20px 8px 25px;
  margin-left: -10px;
  clip-path: polygon(0% 0%, 15px 50%, 0% 100%, calc(100% - 15px) 100%, 100% 50%, calc(100% - 15px) 0%);
}

.kk-breadcrumb-item-appearance-end {
  padding: 8px 20px 8px 25px;
  margin-left: -10px;
  clip-path: polygon(0% 0%, 15px 50%, 0% 100%, 100% 100%, 100% 0%);
  border-right: none;
}
.kk-breadcrumb-item-appearance-end.kk-disabled {
  background-color: #f4f4f4;
  cursor: default;
  color: #333;
}

.kk-breadcrumb-back {
  display: flex;
}
.kk-breadcrumb-back .kk-sep {
  margin: 0px 25px;
  border-right: 1px solid #ccc;
}

.kk-breadcrumb-sep {
  margin: 0px 25px;
  border-right: 1px solid #ccc;
}

.kk-breadcrumb-up {
  display: flex;
}

.kk-breadcrumb-menu {
  display: flex;
  width: 100%;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
}

.kk-breadcrumb-menu-button.fui-Button {
  box-shadow: none;
  border: none;
  background: #f4f4f4;
  color: #222;
  display: flex;
  gap: 5px;
  padding: 8px 16px;
  font-size: 14px;
  font-weight: normal;
  border-radius: 5px;
}
.kk-breadcrumb-menu-button:hover {
  background: #efefef !important;
}
.kk-breadcrumb-menu-button > span {
  text-wrap: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  font-weight: normal;
  font-size: 14px;
}.kk-search-breadcrumb {
  display: flex;
  margin-bottom: 20px;
}.kk-search-category-image {
  display: flex;
  padding: 2px;
  transition: transform 0.2s linear;
}
.kk-search-category-image img {
  width: 60px;
}.kk-search-category-title span {
  display: block;
  max-height: 36px;
  line-height: 18px;
  overflow: hidden;
}.kk-search-category-productcount {
  color: #666;
  font-size: 12px;
}.kk-search-category {
  display: flex;
  align-items: center;
  gap: 20px;
  padding: 5px;
  border: 1px solid #ccc;
  cursor: pointer;
}
.kk-search-category:hover {
  box-shadow: rgba(0, 0, 0, 0.12) 0px 1px 3px, rgba(0, 0, 0, 0.24) 0px 1px 2px;
}
.kk-search-category:hover .kk-search-category-title {
  color: #0c509f;
}
.kk-search-category:hover .kk-search-category-image {
  transform: scale(0.8);
}.kk-search-categories {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  row-gap: 15px;
  column-gap: 15px;
  margin-bottom: 15px;
}.kk-search-no-results {
  display: flex;
  flex-direction: column;
  gap: 30px;
  margin-top: 30px;
}
.kk-search-no-results li {
  list-style: square;
  font-size: 16px;
  padding: 5px;
  margin-left: 15px;
}
.kk-search-no-results a {
  color: #2c63a3;
  text-decoration: underline;
}.kk-accept-button {
  background: #47a71b !important;
  border: 1px solid #47a71b !important;
  color: #fff !important;
}
.kk-accept-button:hover {
  background: #3f9418 !important;
}
.kk-accept-button:active {
  background: #3a8616 !important;
}.kk-product-quantity-v5 {
  display: flex;
  gap: 10px;
  height: 50px;
  align-items: center;
  background: var(--kk-debug-bg3);
  width: 100%;
  padding: 2px 5px;
  justify-content: space-between;
}
.kk-product-quantity-v5 .kk-product-unit {
  width: 100%;
}

.kk-product-quantity-input-v5 {
  background: var(--kk-debug-bg1);
  align-items: center;
}
.kk-product-quantity-input-v5 .fui-Input {
  border-radius: 0;
  max-width: 85px;
  min-width: 65px;
}
.kk-product-quantity-input-v5 .kk-input-error::after {
  border-bottom: 2px solid #df0f3c !important;
}
.kk-product-quantity-input-v5 .fui-Input::after {
  border-radius: 0;
}

.kk-not-empty .fui-Input {
  background: #c9ffd1;
}

.kk-product-quantity-input-v5-tooltip-content {
  display: flex;
  gap: 10px;
  align-items: center;
}.kk-navbar-button {
  display: flex;
  align-items: center;
  justify-content: center;
  background: #f4f4f4;
  color: #333;
  border-radius: 1000px;
  padding: 5px;
  font-size: 14px;
  line-height: 22px;
  min-width: 96px;
  padding: 8px 16px;
  cursor: pointer;
}
.kk-navbar-button:hover {
  background: #e2e2e2;
}
.kk-navbar-button.kk-selected {
  background: #0c509f;
  color: #fff;
  font-weight: bold;
}
.kk-navbar-button.kk-selected:hover {
  background: #0a4486;
}.kk-search-input {
  display: flex;
  align-items: center;
  border-radius: 40px;
  background: #efefef;
  padding: 6px 10px;
}
.kk-search-input input {
  padding: 2px 6px;
  width: 200px;
  font-size: 1rem;
  margin-right: -4px;
  border: none;
  outline: none;
  background: none;
  color: #333;
}
.kk-search-input .fui-Button {
  background: none !important;
}
.kk-search-input .kk-search-input-dismiss {
  margin-right: 10px;
  margin-top: 5px;
  cursor: pointer;
}
.kk-search-input .kk-search-input-dismiss:hover {
  color: #0c509f;
}.kk-checkout-zipcode-popover {
  display: flex;
  z-index: 100;
}
.kk-checkout-zipcode-popover .fui-MenuPopover {
  max-width: unset;
}
.kk-checkout-zipcode-popover > .fui-Button {
  font-weight: normal;
}

.kk-checkout-zipcode-popover-content {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 10px;
  padding: 4px;
  width: 400px;
  height: 200px;
}

.kk-zipcode-table {
  display: flex;
  flex-direction: column;
  gap: 15px;
  max-height: 200px;
  width: 100%;
  overflow-y: scroll;
  scrollbar-width: thin;
}
.kk-zipcode-table > table {
  border-spacing: 2px 2px;
  border-collapse: collapse;
  width: 100%;
  table-layout: auto;
  font-size: 14px;
  cursor: pointer;
}
.kk-zipcode-table > table thead {
  background: #efefef;
  position: sticky;
  top: 0px;
}
.kk-zipcode-table > table th {
  padding: 6px;
}
.kk-zipcode-table > table td {
  padding: 6px;
  font-size: 14px;
}
.kk-zipcode-table > table tr:hover {
  background: #f4f4f4;
}.kk-product-availability {
  display: flex;
  flex-direction: column;
  z-index: 100;
  cursor: pointer;
  align-items: center;
}
.kk-product-availability.kk-availability-full {
  color: #47a71b;
}
.kk-product-availability.kk-availability-full .fui-Badge {
  background: #47a71b;
}
.kk-product-availability.kk-availability-part {
  color: rgb(250, 150, 20);
}
.kk-product-availability.kk-availability-part .fui-Badge {
  background: rgb(250, 150, 20);
}
.kk-product-availability.kk-availability-not {
  color: rgb(223, 3, 58);
}
.kk-product-availability.kk-availability-not .fui-Badge {
  background: rgb(223, 3, 58);
}

.kk-product-availability-content {
  display: flex;
}.kk-cart-position-view > table {
  border-spacing: 2px 2px;
  border-collapse: collapse;
  width: 100%;
  table-layout: auto;
}
.kk-cart-position-view .kk-product-image {
  min-height: auto;
  width: 65px;
  height: 65px;
  padding: 0px;
  cursor: default;
}
.kk-cart-position-view .kk-product-image img {
  object-fit: contain;
  width: 100%;
  height: 100%;
}
.kk-cart-position-view .kk-product-title {
  height: auto;
  cursor: default;
}
.kk-cart-position-view .kk-product-title:hover {
  color: inherit;
}
.kk-cart-position-view thead {
  background: #efefef;
}
.kk-cart-position-view tfoot {
  background: #f4f4f4;
}
.kk-cart-position-view tfoot tr {
  border: none;
}
.kk-cart-position-view tfoot .kk-tr-separator td {
  padding: 10px;
}
.kk-cart-position-view .kk-td-amount-text {
  background: #f4f4f4;
  font-size: 18px;
  text-align: end;
  padding: 5px 20px;
}
.kk-cart-position-view .kk-td-amount-value {
  background: #f4f4f4;
  font-size: 18px;
  font-weight: bold;
  text-align: end;
  padding: 6px;
}
.kk-cart-position-view .kk-td-amount-total {
  border-top: 3px double #ccc;
}
.kk-cart-position-view .kk-td-amount-discount {
  color: #df0f3c;
}
.kk-cart-position-view .kk-td-amount-points {
  color: #df0f3c;
}
.kk-cart-position-view th {
  font-weight: normal;
  padding: 4px;
}
.kk-cart-position-view tr {
  border-bottom: 1px solid #cdcdcd;
}

.kk-cart-position-item a {
  display: flex;
  color: inherit;
  text-decoration: none !important;
  width: 100%;
}
.kk-cart-position-item td {
  padding: 4px;
}
.kk-cart-position-item .kk-td-title {
  min-width: 200px;
}
.kk-cart-position-item .kk-td-price {
  border-left: 1px solid #cdcdcd;
  border-right: 1px solid #cdcdcd;
  min-width: 240px;
}
.kk-cart-position-item .kk-td-price .kk-product-price-block {
  height: unset;
}
.kk-cart-position-item .kk-td-stock {
  border-right: 1px solid #cdcdcd;
  text-align: center;
}
.kk-cart-position-item .kk-td-qty {
  min-width: 300px;
  border-right: 1px solid #cdcdcd;
}
.kk-cart-position-item .kk-td-sum {
  text-align: end;
  min-width: 100px;
  border-right: 1px solid #cdcdcd;
  padding: 0px 6px;
  color: #333;
}
.kk-cart-position-item .kk-td-sum label {
  font-size: 11px;
  color: #666;
}

.kk-total-amount,
.kk-net2-amount {
  font-weight: bold !important;
}

.kk-cart-amount {
  display: flex;
  justify-content: flex-end;
  padding: 6px;
  font-size: 18px;
  font-weight: normal;
  color: #333;
}
.kk-cart-amount span {
  display: flex;
  justify-content: flex-end;
  width: 140px;
}

.kk-cart-points {
  display: flex;
  justify-content: flex-end;
  padding: 15px 6px 6px 6px;
  font-size: 18px;
  font-weight: bold;
}
.kk-cart-points span {
  display: flex;
  justify-content: flex-end;
  width: 140px;
  color: #df0f3c;
}

.kk-cart-discount span {
  color: #df0f3c;
}

.kk-cart-hint {
  font-weight: bold;
  font-size: 14px;
  color: #df0f3c;
  padding: 10px;
}.kk-checkout-dialog-content {
  display: flex;
  flex-direction: column;
  height: 100%;
}

.kk-checkout-dialog-content-body h3 {
  font-size: 16px;
  padding: 0px 0px;
  color: #333;
}

.kk-checkout-dialog-shipping {
  display: flex;
  flex-direction: column;
  gap: 20px;
  align-items: flex-start;
}
.kk-checkout-dialog-shipping h4 {
  color: #666;
}

.kk-checkout-dialog-shipping-select {
  display: flex;
  gap: 10px;
}

.kk-checkout-dialog-shipping-delivery {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.kk-checkout-dialog-shipping-delivery-select {
  display: flex;
  gap: 20px;
  margin-bottom: 10px;
}
.kk-checkout-dialog-shipping-delivery-select .kk-navbar-button {
  background: #fff !important;
  color: #333 !important;
  font-weight: normal;
  border: none;
  border-radius: 0px;
  padding: 2px 0px;
  min-width: unset;
}
.kk-checkout-dialog-shipping-delivery-select .kk-navbar-button.kk-selected {
  border-bottom: 2px solid #0a4486;
  font-weight: bold;
}

.kk-checkout-dialog-shipping-pickup {
  display: flex;
  flex-direction: column;
  position: relative;
  gap: 5px;
  min-height: 260px;
}
.kk-checkout-dialog-shipping-pickup .fui-RadioGroup {
  display: flex;
  flex-direction: column;
  gap: 5px;
}
.kk-checkout-dialog-shipping-pickup .fui-Radio {
  display: flex;
  gap: 10px;
  align-items: center;
  border-radius: 10px;
}
.kk-checkout-dialog-shipping-pickup .kk-selected {
  background: #f4f4f4;
  border-radius: 10px;
}
.kk-checkout-dialog-shipping-pickup .kk-loader {
  position: absolute;
  top: 50%;
  left: 50%;
}

.kk-shipping-pickup {
  display: flex;
  flex-direction: column;
  min-width: 400px;
  padding: 5px;
}

.kk-delivery-address-default {
  display: flex;
  flex-direction: column;
  gap: 5px;
  min-width: 400px;
  background: #f4f4f4;
  border-radius: 10px;
  padding: 5px 10px;
}
.kk-delivery-address-default .fui-Radio {
  display: flex;
  gap: 10px;
  align-items: center;
  border-radius: 10px;
}

.kk-delivery-address-search {
  display: flex;
  flex-direction: column;
  gap: 10px;
  align-items: flex-start;
  position: relative;
}
.kk-delivery-address-search .kk-loader {
  position: absolute;
  top: 50%;
  left: 50%;
}

.kk-delivery-addresses {
  display: flex;
  flex-direction: column;
  max-height: 280px;
  min-height: 280px;
  overflow-y: auto;
  width: 600px;
  background: #f8f8f8;
  border-radius: 10px;
}
.kk-delivery-addresses .fui-Radio {
  display: flex;
  align-items: center;
  width: 100%;
  border-bottom: 2px solid #fff;
}
.kk-delivery-addresses .fui-Radio .fui-Label {
  width: 100%;
}
.kk-delivery-addresses .kk-selected {
  background: #e8e8e8 !important;
}
.kk-delivery-addresses .kk-delivery-address {
  width: 100%;
}

.kk-delivery-address {
  display: flex;
  flex-direction: column;
}

.kk-delivery-address-creation-form {
  display: flex;
  flex-direction: column;
  gap: 10px;
  width: 500px;
}

.kk-checkout-dialog-fields {
  display: flex;
  flex-direction: column;
  gap: 20px;
}

.kk-checkout-fields-v2 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 20px;
}

.kk-checkout-fields {
  display: flex;
  flex-direction: column;
  gap: 10px;
  width: 500px;
  min-height: 280px;
}
.kk-checkout-fields .fui-Switch__indicator {
  margin: 5px 0;
}

.kk-checkout-field {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 40px;
  width: 500px;
  font-size: 14px;
}
.kk-checkout-field .fui-Input {
  min-width: 300px;
}
.kk-checkout-field .fui-Switch__indicator {
  margin: 5px 0;
}
.kk-checkout-field input[type=date] {
  min-width: 140px;
  padding: 8px;
  border-radius: 5px;
  border: 1px solid #ddd;
  border-bottom: 1px solid #aaa;
  cursor: pointer;
  outline: none;
}
.kk-checkout-field input[type=date]:hover {
  border-bottom: 1px solid #666;
}

.kk-checkout-dialog-cart {
  display: flex;
  flex-direction: column;
  gap: 20px;
}

.kk-checkout-dialog-actions {
  border-top: 1px solid #efefef;
  padding: 10px 0;
}
.kk-checkout-dialog-actions .fui-Button {
  font-weight: normal;
}

.kk-checkout-delivery-date {
  display: flex;
  flex-direction: column;
}

.kk-checkout-delivery-date-messages {
  display: flex;
  flex-direction: column;
  gap: 5px;
  margin: 15px;
  width: 600px;
}
.kk-checkout-delivery-date-messages li {
  list-style: disc !important;
}

.kk-checkout-delivery-date-errors {
  display: flex;
  flex-direction: column;
  gap: 5px;
  color: #df0f3c;
}

.kk-checkout-delivery-date-warnings {
  display: flex;
  flex-direction: column;
  gap: 5px;
  color: #df5b0f;
}

.kk-checkout-delivery-date-info {
  color: #0a4486;
}.kk-multi-addto-cart-button {
  display: flex;
}.kk-ids-positions-button.fui-Button {
  justify-content: flex-start;
  font-weight: normal !important;
}.kk-checkout-panel {
  display: flex;
  flex-direction: column;
}

.kk-checkout-panel-full {
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: fixed;
  bottom: 0px;
  box-shadow: rgba(0, 0, 0, 0.12) 0px 1px 3px, rgba(0, 0, 0, 0.24) 0px 1px 2px;
  left: 0px;
  width: 100%;
  padding: 15px 260px;
  background: rgba(248, 248, 248, 0.9725490196);
  border-top: 1px solid #ddd;
  z-index: 1000;
}

.kk-checkout-panel-short {
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: fixed;
  bottom: 0px;
  box-shadow: rgba(0, 0, 0, 0.12) 0px 1px 3px, rgba(0, 0, 0, 0.24) 0px 1px 2px;
  background: rgba(248, 248, 248, 0.9725490196);
  border-top: 1px solid #ddd;
  z-index: 1000;
  right: 40px;
  padding: 5px 15px 10px 15px;
}
.kk-checkout-panel-short .kk-checkout-panel-summary {
  width: unset;
}

.kk-checkout-panel-summary {
  display: flex;
  flex-direction: column;
  gap: 4px;
  width: 300px;
  color: #333;
}

.kk-checkout-panel-amounts {
  display: flex;
  flex-direction: column;
  gap: 5px;
}

.kk-checkout-panel-net-amount {
  display: flex;
  gap: 40px;
  justify-content: space-between;
  align-items: center;
  font-weight: bold;
}

.kk-checkout-panel-tax-amount {
  display: flex;
  gap: 40px;
  justify-content: space-between;
  align-items: center;
}

.kk-checkout-panel-total-amount {
  display: flex;
  gap: 40px;
  justify-content: space-between;
  align-items: center;
  font-weight: bold;
}

.kk-checkout-panel-positions {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 10px;
  border-bottom: 1px solid #ddd;
  padding: 8px 0px;
  margin-bottom: 5px;
}

.kk-checkout-panel-actions {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.kk-checkout-panel-actions .fui-Button {
  font-weight: normal;
}

.kk-checkout-panel-options {
  display: flex;
  gap: 5px;
  position: absolute;
  top: 10px;
  right: 10px;
}.kk-product-link {
  cursor: pointer;
}
.kk-product-link:hover {
  color: #0851a5;
}.kk-cart-checkout-panel-full-v1 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: fixed;
  bottom: 0px;
  box-shadow: rgba(0, 0, 0, 0.12) 0px 1px 3px, rgba(0, 0, 0, 0.24) 0px 1px 2px;
  left: 0px;
  width: 100%;
  padding: 15px 260px;
  background: rgba(248, 248, 248, 0.9725490196);
  border-top: 1px solid #ddd;
  z-index: 1000;
}

.kk-cart-checkout-panel-full {
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: fixed;
  bottom: 0px;
  box-shadow: rgba(0, 0, 0, 0.12) 0px 1px 3px, rgba(0, 0, 0, 0.24) 0px 1px 2px;
  left: 0px;
  width: 100%;
  padding: 15px;
  background: rgba(248, 248, 248, 0.9725490196);
  border-top: 1px solid #ddd;
  z-index: 1000;
}
.kk-cart-checkout-panel-full .kk-cart-checkout-panel-full-container {
  display: flex;
  justify-content: space-between;
  max-width: 1440px;
  margin: auto;
  width: 100%;
  padding: 0px 200px;
}.kk-cart-checkout-panel-short {
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: fixed;
  bottom: 0px;
  box-shadow: rgba(0, 0, 0, 0.12) 0px 1px 3px, rgba(0, 0, 0, 0.24) 0px 1px 2px;
  background: rgba(248, 248, 248, 0.9725490196);
  border-top: 1px solid #ddd;
  z-index: 1000;
  right: 40px;
  padding: 5px 15px 10px 15px;
}
.kk-cart-checkout-panel-short .kk-cart-checkout-panel-summary {
  width: unset;
}.kk-cart-amounts {
  display: flex;
  flex-direction: column;
  width: 100%;
  align-items: flex-end;
  background: #f8f8f8;
  padding: 10px;
  border-radius: 5px;
  margin-top: 20px;
}
.kk-cart-amounts .kk-cart-amount {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  padding: 5px;
  font-size: 16px;
  min-width: 400px;
}
.kk-cart-amounts .kk-cart-amount span {
  min-width: 140px;
  text-align: end;
}
.kk-cart-amounts .kk-cart-amount-price-discount span {
  color: #df0f3c;
}
.kk-cart-amounts .kk-cart-amount-price-net {
  font-weight: bold;
}
.kk-cart-amounts .kk-cart-amount-price-gross {
  font-weight: bold;
}
.kk-cart-amounts .kk-cart-amount-price-total {
  font-weight: bold;
  border-top: 1px solid #ccc;
}
.kk-cart-amounts .kk-cart-amount-points {
  margin-top: 15px;
}
.kk-cart-amounts .kk-cart-amount-points span {
  color: #df0f3c;
}.kk-cart-message {
  display: flex;
  width: 100%;
  border-radius: 6px;
}

.kk-cart-message-error {
  background: #ffe4e4;
}
.kk-cart-message-error .kk-cart-message-type {
  background: #ff4c4c;
}

.kk-cart-message-warning {
  background: #fffae4;
}
.kk-cart-message-warning .kk-cart-message-type {
  background: #f7ab09;
}

.kk-cart-message-info {
  background: #e4f5ff;
}
.kk-cart-message-info .kk-cart-message-type {
  background: #09a0f7;
}

.kk-cart-message-type {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  color: #fff;
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
}

.kk-cart-message-text {
  display: flex;
  width: 100%;
  padding: 5px 10px;
  align-items: center;
}

.kk-cart-message-actions {
  display: flex;
  align-items: flex-start;
  padding: 5px;
}.kk-cart-message-view {
  display: flex;
  flex-direction: column;
  gap: 10px;
  width: 100%;
}.kk-copy-text {
  display: flex;
  gap: 6px;
  margin-top: 5px;
  align-items: center;
}
.kk-copy-text span {
  color: #666;
}.kk-cart-quantity {
  display: flex;
  gap: 10px;
  align-items: center;
}
.kk-cart-quantity > span {
  font-size: 16px;
}
.kk-cart-quantity .kk-not-empty .fui-Input {
  background: #c9ffd1;
}

.kk-cart-quantity-input {
  display: flex;
  align-items: center;
  gap: 5px;
}
.kk-cart-quantity-input .fui-Input {
  border-radius: 0;
  width: 85px;
  font-size: 16px;
  padding-right: 0px;
}.kk-cart-position-tiers {
  display: flex;
  gap: 6px;
  width: 100%;
  margin-top: 5px;
  justify-content: flex-end;
}
.kk-cart-position-tiers .kk-separator {
  display: flex;
  height: 15px;
  background: #ccc;
  width: 1px;
  margin-top: 6px;
}
.kk-cart-position-tiers .kk-product-packing-tier-popup > .fui-Button,
.kk-cart-position-tiers .kk-product-pricing-tier-popup > .fui-Button {
  padding: 0px;
  color: #2c63a3;
  font-weight: 600;
}
.kk-cart-position-tiers .kk-product-packing-tier-popup > .fui-Button:hover,
.kk-cart-position-tiers .kk-product-pricing-tier-popup > .fui-Button:hover {
  text-decoration: underline;
}.kk-cart-position-view-item {
  display: flex;
  flex-direction: column;
  border-bottom: 1px solid #ddd;
}
.kk-cart-position-view-item.kk-unchecked .kk-cart-position-view-item-product-pos,
.kk-cart-position-view-item.kk-unchecked .kk-cart-position-view-item-product-quantity,
.kk-cart-position-view-item.kk-unchecked .kk-cart-position-view-item-product-price,
.kk-cart-position-view-item.kk-unchecked .kk-cart-position-view-item-product-amount,
.kk-cart-position-view-item.kk-unchecked .kk-cart-position-part-view,
.kk-cart-position-view-item.kk-unchecked .kk-cart-position-view-item-actions {
  opacity: 0.5;
  pointer-events: none;
}
.kk-cart-position-view-item:last-child {
  border-bottom: none;
}
.kk-cart-position-view-item.kk-price-none .kk-cart-position-view-header-pos,
.kk-cart-position-view-item.kk-price-none .kk-cart-position-view-item-product-pos {
  width: 75% !important;
}

.kk-cart-position-view-item-product {
  display: flex;
  width: 100%;
  padding-top: 20px;
}

.kk-cart-position-view-item-actions {
  display: flex;
  align-items: center;
  gap: 10px;
  width: 100%;
  padding-left: 130px;
  margin-top: 5px;
}
.kk-cart-position-view-item-actions .fui-Button {
  font-weight: normal;
  text-decoration: underline;
}
.kk-cart-position-view-item-actions .fui-Button:first-child {
  padding-left: 0px;
}

.kk-cart-position-view-item-messages {
  display: flex;
  width: 100%;
  padding: 10px 0px;
}

.kk-cart-position-view-item-product-checkbox {
  display: flex;
  align-items: center;
}

.kk-cart-position-view-item-product-pos {
  display: flex;
  gap: 15px;
  padding: 10px 10px 0px 5px;
  width: 45%;
}
.kk-cart-position-view-item-product-pos .kk-product-image {
  width: unset;
  height: unset;
  min-width: 80px;
  max-width: 80px;
  min-height: 80px;
  max-height: 80px;
}
.kk-cart-position-view-item-product-pos .kk-product-stock {
  height: unset;
}
.kk-cart-position-view-item-product-pos .kk-availability {
  display: flex;
  gap: 5px;
  align-items: center;
  margin-left: 2px;
}
.kk-cart-position-view-item-product-pos .kk-availability.kk-full-available {
  color: #47a71b;
}
.kk-cart-position-view-item-product-pos .kk-availability.kk-part-available {
  color: #fa9614;
}
.kk-cart-position-view-item-product-pos .kk-availability.kk-not-available {
  color: #df033a;
}

.kk-cart-position-view-item-product-pos-title {
  display: flex;
  flex-direction: column;
}
.kk-cart-position-view-item-product-pos-title .kk-product-title {
  padding: 0px;
  font-size: 14px;
  color: #000;
  cursor: inherit;
}
.kk-cart-position-view-item-product-pos-title a:hover {
  color: #0851a5;
  cursor: pointer;
}
.kk-cart-position-view-item-product-pos-title .kk-product-stock {
  padding: 0px;
}

.kk-cart-position-view-item-product-price {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  width: 20%;
  padding: 10px 15px 0px 10px;
  border-right: 1px solid #ddd;
  border-left: 1px solid #ddd;
  height: unset;
}
.kk-cart-position-view-item-product-price .kk-cart-position-view-item-product-tiers {
  display: flex;
  gap: 5px;
  width: 100%;
  margin-top: 5px;
  justify-content: flex-end;
}
.kk-cart-position-view-item-product-price .kk-cart-position-view-item-product-tiers .fui-Button {
  padding: 2px 0px;
  color: #2c63a3;
  font-weight: 600;
}
.kk-cart-position-view-item-product-price .kk-cart-position-view-item-product-tiers .fui-Button:hover {
  text-decoration: underline;
}

.kk-cart-position-price {
  display: flex;
  flex-direction: column;
  width: 100%;
  justify-content: flex-end;
}
.kk-cart-position-price .kk-product-price-block {
  padding: 0px;
  height: unset;
}

.kk-cart-position-view-item-product-quantity {
  display: flex;
  flex-direction: column;
  gap: 10px;
  align-items: center;
  width: 20%;
  padding: 10px 10px 0px 15px;
  border-left: 1px solid #ddd;
}
.kk-cart-position-view-item-product-quantity .kk-cart-quantity {
  width: 100%;
}
.kk-cart-position-view-item-product-quantity .kk-cart-position-view-item-product-vpe {
  display: flex;
  flex-direction: column;
  width: 100%;
}

.kk-cart-position-view-item-product-amount {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  justify-content: flex-start;
  width: 15%;
  padding: 10px 5px 0px 10px;
}
.kk-cart-position-view-item-product-amount label {
  font-size: 11px;
  color: #666;
}
.kk-cart-position-view-item-product-amount span {
  font-size: 16px;
}

.kk-cart-position-amount {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  justify-content: flex-start;
}
.kk-cart-position-amount label {
  font-size: 11px;
  color: #666;
}
.kk-cart-position-amount span {
  font-size: 16px;
}

.kk-cart-position-part-view {
  display: flex;
  flex-direction: column;
  border-radius: 5px;
  padding-left: 115px;
  margin-top: 10px;
}
.kk-cart-position-part-view .fui-AccordionHeader__button {
  min-height: unset;
  margin-bottom: 10px;
  font-weight: bold;
}
.kk-cart-position-part-view .kk-cart-position-part-items {
  display: flex;
  flex-direction: column;
  gap: 10px;
  background: #f8f8f8;
  border: 1px solid #efefef;
  padding: 10px;
  border-radius: 5px;
}
.kk-cart-position-part-view .kk-cart-position-part-item {
  display: flex;
  gap: 10px;
}
.kk-cart-position-part-view .kk-cart-position-part-item .kk-cart-position-part-item-image {
  display: flex;
  align-items: center;
  max-width: 65px;
  min-width: 65px;
  max-height: 65px;
  min-height: 65px;
  border: 1px solid #ddd;
  background: #fff;
  border-radius: 5px;
}
.kk-cart-position-part-view .kk-cart-position-part-item .kk-cart-position-part-item-image img {
  object-fit: contain;
  width: 100%;
  height: 100%;
  padding: 2px;
}
.kk-cart-position-part-view .kk-cart-position-part-item .kk-cart-position-part-item-title {
  display: flex;
  max-width: 480px;
}
.kk-cart-position-part-view .kk-cart-position-part-item .kk-cart-position-part-item-quantity {
  display: flex;
  font-weight: bold;
}

.kk-cart-position-view-item-charge .kk-cart-position-view-item-product-price {
  align-items: flex-end;
}.kk-cart-position-view {
  display: flex;
  flex-direction: column;
  margin-top: 10px;
  background: #fff;
}

.kk-cart-position-view-header {
  display: flex;
  border-top: 1px solid #cdcdcd;
  border-bottom: 1px solid #cdcdcd;
}

.kk-cart-position-view-header-checkbox {
  display: flex;
  align-items: center;
}
.kk-cart-position-view-header-checkbox .fui-Button {
  padding: 0px;
  min-width: unset;
  margin: 6px;
}
.kk-cart-position-view-header-checkbox .fui-Button .fui-Button__icon {
  width: 22px;
  height: 22px;
}

.kk-cart-position-view-header-pos {
  display: flex;
  align-items: center;
  padding: 10px 15px 10px 5px;
  width: 45%;
}

.kk-cart-position-view-header-price {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  width: 20%;
  padding: 10px 15px;
}

.kk-cart-position-view-header-quantity {
  display: flex;
  align-items: center;
  width: 20%;
  padding: 10px 15px;
}

.kk-cart-position-view-header-amount {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  width: 15%;
  padding: 10px 5px 10px 15px;
}.kk-direct-order-dialog-position-view {
  display: flex;
  flex-direction: column;
}
.kk-direct-order-dialog-position-view .kk-collapsible-content {
  margin-top: 20px;
}
.kk-direct-order-dialog-position-view .kk-cart-position-view-header-checkbox {
  display: none;
}
.kk-direct-order-dialog-position-view .kk-cart-position-view-item-product-checkbox {
  display: none;
}
.kk-direct-order-dialog-position-view .kk-cart-position-view {
  margin: 0px;
}
.kk-direct-order-dialog-position-view .kk-cart-position-view-header {
  background: #f8f8f8;
}
.kk-direct-order-dialog-position-view .kk-cart-amounts {
  border-radius: 0px;
  margin-top: 10px;
}
.kk-direct-order-dialog-position-view .kk-product-image {
  min-width: 60px;
  max-width: 60px;
  min-height: 60px;
  max-height: 60px;
}
.kk-direct-order-dialog-position-view .kk-cart-position-view-header-pos,
.kk-direct-order-dialog-position-view .kk-cart-position-view-item-product-pos {
  width: 40%;
}
.kk-direct-order-dialog-position-view .kk-cart-position-view-header-quantity,
.kk-direct-order-dialog-position-view .kk-cart-position-view-item-product-quantity {
  width: 25%;
}
.kk-direct-order-dialog-position-view .kk-cart-position-view-item-product {
  padding-top: 15px;
}
.kk-direct-order-dialog-position-view .kk-cart-position-view-item-actions {
  padding-left: 80px;
}.kk-shipment-date-dialog-content {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.kk-shipment-date-dialog-scroll {
  display: flex;
  flex-direction: column;
  max-height: 200px;
  overflow-y: scroll;
  scrollbar-width: thin;
  scrollbar-color: rgb(239, 239, 239) rgb(254, 254, 254);
  gap: 8px;
  padding: 10px 0px;
}
.kk-shipment-date-dialog-scroll .kk-cart-message-view {
  max-width: 780px;
}

.kk-shipment-date-dialog-requested {
  color: red;
  border-radius: 5px;
  font-weight: 600;
}

.kk-shipment-date-dialog-valid {
  color: rgb(7, 136, 7);
  border-radius: 5px;
  font-weight: 600;
}

.kk-shipment-date-dialog-actions {
  display: flex;
}
.kk-shipment-date-dialog-actions .fui-Button:first-child {
  font-weight: normal;
}.kk-shipment-date {
  display: flex;
  gap: 5px;
  align-items: center;
}
.kk-shipment-date input {
  width: 190px;
}.kk-delivery-address-item {
  display: flex;
  flex-direction: column;
  gap: 2px;
  cursor: pointer;
  width: 100%;
  padding: 10px 5px;
  background: #f8f8f8;
  border-radius: 4px;
  color: #333;
}
.kk-delivery-address-item:hover {
  background: rgb(239, 248, 255) !important;
}
.kk-delivery-address-item:nth-child(2n-1) {
  background: #fff;
}
.kk-delivery-address-item.kk-highlighted {
  background: #0078d4 !important;
}
.kk-delivery-address-item.kk-highlighted span,
.kk-delivery-address-item.kk-highlighted svg {
  color: #fff;
}
.kk-delivery-address-item h4 {
  display: flex;
  align-items: flex-start;
  gap: 10px;
}
.kk-delivery-address-item h4 strong {
  font-weight: 600;
  background: rgb(25, 167, 108);
  color: #fff;
  padding: 0px 6px;
  border-radius: 4px;
  font-size: 12px;
}.kk-delivery-address-view {
  display: flex;
  flex-direction: column;
}.kk-delivery-address-search-dialog-content {
  display: flex;
  flex-direction: column;
  gap: 10px;
  height: 100%;
  width: 100%;
}

.kk-delivery-address-search-dialog-navbar {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.kk-delivery-address-search-dialog-navbar .fui-Button {
  font-weight: normal;
}
.kk-delivery-address-search-dialog-navbar input {
  width: 240px;
}

.kk-delivery-address-search-dialog-scroll {
  display: flex;
  height: 100%;
  overflow-y: scroll;
  flex-direction: column;
  scrollbar-width: thin;
  scrollbar-color: rgb(239, 239, 239) rgb(254, 254, 254);
  gap: 8px;
  margin-top: 10px;
  padding: 5px;
}

.kk-delivery-address-search-dialog-actions {
  display: flex;
  align-items: center;
  margin-top: 10px;
}
.kk-delivery-address-search-dialog-actions .fui-Button {
  font-weight: normal;
}.kk-delivery-address-search-dialog.kk-dialog {
  height: 680px;
}.kk-delivery-zipcode-popover {
  display: flex;
  z-index: 100;
}
.kk-delivery-zipcode-popover .fui-MenuPopover {
  max-width: unset;
}
.kk-delivery-zipcode-popover > .fui-Button {
  font-weight: normal;
}

.kk-delivery-zipcode-popover-content {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 10px;
  padding: 4px;
  width: 400px;
  height: 200px;
}

.kk-delivery-zipcode-table {
  display: flex;
  flex-direction: column;
  gap: 15px;
  max-height: 200px;
  width: 100%;
  overflow-y: scroll;
  scrollbar-width: thin;
}
.kk-delivery-zipcode-table > table {
  border-spacing: 2px 2px;
  border-collapse: collapse;
  width: 100%;
  table-layout: auto;
  font-size: 14px;
  cursor: pointer;
}
.kk-delivery-zipcode-table > table thead {
  background: #efefef;
  position: sticky;
  top: 0px;
}
.kk-delivery-zipcode-table > table th {
  padding: 6px;
}
.kk-delivery-zipcode-table > table td {
  padding: 6px;
  font-size: 14px;
}
.kk-delivery-zipcode-table > table tr:hover {
  background: #f4f4f4;
}.kk-delivery-address-create-form {
  display: flex;
  flex-direction: column;
  gap: 10px;
  width: 500px;
}
.kk-delivery-address-create-form input {
  color: #000;
}
.kk-delivery-address-create-form input::placeholder {
  color: #999;
}.kk-delivery-address-create-dialog-content {
  display: flex;
  flex-direction: column;
  gap: 10px;
  height: 100%;
}

.kk-delivery-address-create-dialog-scroll {
  display: flex;
  height: 100%;
  overflow-y: scroll;
  flex-direction: column;
  scrollbar-width: thin;
  scrollbar-color: rgb(239, 239, 239) rgb(254, 254, 254);
  gap: 8px;
  margin-top: 10px;
  padding: 5px;
}

.kk-delivery-address-create-dialog-actions {
  display: flex;
  align-items: center;
  margin-top: 10px;
}
.kk-delivery-address-create-dialog-actions .fui-Button {
  font-weight: normal;
}.kk-delivery-address-selection {
  display: flex;
  align-items: flex-start;
  gap: 5px;
}
.kk-delivery-address-selection .fui-Textarea {
  width: 100%;
  height: 80px;
}
.kk-delivery-address-selection .fui-Textarea textarea {
  color: #666;
}
.kk-delivery-address-selection .kk-delivery-address-selection-actions {
  display: flex;
  gap: 5px;
}.kk-cart-page-shipment {
  display: flex;
  flex-direction: column;
  padding: 15px;
  margin-top: 30px;
  background: #fff;
  border: 1px solid #ddd;
  border-radius: 5px;
}

.kk-cart-shipment {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.kk-cart-shipment h3 {
  font-size: 16px;
  font-weight: bold;
  color: #666;
}
.kk-cart-shipment .fui-Button {
  font-weight: normal;
}
.kk-cart-shipment.kk-collapsed .kk-cart-shipment-body {
  display: none;
}
.kk-cart-shipment .fui-Field {
  display: grid;
  grid-template-columns: 200px 1fr;
}

.kk-cart-shipment-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 60px;
  margin-bottom: 10px;
}
.kk-cart-shipment-header .kk-block-1,
.kk-cart-shipment-header .kk-block-2 {
  display: flex;
  flex-direction: column;
  width: 100%;
}
.kk-cart-shipment-header .kk-block-2 {
  align-items: flex-end;
}

.kk-cart-shipment-content {
  display: flex;
  flex-direction: column;
}

.kk-cart-shipment-delivery {
  display: flex;
  gap: 60px;
}
.kk-cart-shipment-delivery .kk-block-1,
.kk-cart-shipment-delivery .kk-block-2 {
  display: flex;
  flex-direction: column;
  width: 100%;
  gap: 10px;
}
.kk-cart-shipment-delivery .fui-Textarea {
  width: 100%;
  height: 80px;
}
.kk-cart-shipment-delivery .fui-Textarea textarea {
  color: #666;
}
.kk-cart-shipment-delivery .kk-cart-shipment-delivery-options {
  display: grid;
  grid-template-columns: 33% 1fr;
}

.kk-cart-shipment-pickup {
  display: flex;
  gap: 60px;
}
.kk-cart-shipment-pickup .kk-block-1,
.kk-cart-shipment-pickup .kk-block-2 {
  display: flex;
  flex-direction: column;
  width: 100%;
  gap: 10px;
}
.kk-cart-shipment-pickup .kk-cart-shipment-pickup-options {
  display: grid;
  grid-template-columns: 33% 1fr;
}.kk-direct-order-dialog-shipment .kk-collapsible-content {
  margin-top: 20px;
}
.kk-direct-order-dialog-shipment .kk-cart-shipment-content {
  width: 600px;
}
.kk-direct-order-dialog-shipment .kk-cart-shipment-delivery,
.kk-direct-order-dialog-shipment .kk-cart-shipment-pickup {
  flex-direction: column;
  gap: 15px;
}.kk-cart-checkout-confirmation {
  display: flex;
  flex-direction: column;
  gap: 10px;
  margin-top: 10px;
}
.kk-cart-checkout-confirmation .kk-cart-checkout-confirmation-content {
  display: flex;
  flex-direction: column;
  gap: 15px;
}
.kk-cart-checkout-confirmation .kk-cart-checkout-confirmation-content h2 {
  margin: 10px 0px;
}
.kk-cart-checkout-confirmation .kk-cart-checkout-confirmation-content p {
  font-size: 14px;
}
.kk-cart-checkout-confirmation .kk-cart-checkout-confirmation-content a {
  color: #2D598D;
  text-decoration: underline;
}
.kk-cart-checkout-confirmation .kk-cart-checkout-confirmation-actions {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  margin-top: 20px;
}
.kk-cart-checkout-confirmation .kk-cart-checkout-confirmation-actions .fui-Button {
  font-weight: normal;
}.kk-cart-checkout-actions {
  display: flex;
  flex-direction: column;
  gap: 5px;
  margin-top: 10px;
}
.kk-cart-checkout-actions .fui-Button {
  font-weight: normal;
}
.kk-cart-checkout-actions .kk-button-submit {
  background: #47a71b;
  color: #fff;
  font-weight: bold;
}
.kk-cart-checkout-actions .kk-button-submit:hover {
  background: #3e9117;
}
.kk-cart-checkout-actions .kk-button-submit:active {
  background: #327513 !important;
}
.kk-cart-checkout-actions .kk-button-submit:disabled {
  background: #efefef !important;
  color: #aaa !important;
}
.kk-cart-checkout-actions a {
  text-decoration: underline;
  color: #2d598d !important;
}.kk-cart-checkout-amounts {
  display: flex;
}
.kk-cart-checkout-amounts .kk-cart-amounts {
  margin-top: 0px;
}
.kk-cart-checkout-amounts .kk-cart-amounts .kk-cart-amount {
  min-width: unset;
}.kk-cart-checkout-positions-list-view-item {
  display: grid;
  grid-template-columns: auto 120px 120px;
  border-top: 1px solid #ddd;
  padding: 10px 0px;
}
.kk-cart-checkout-positions-list-view-item .kk-product-image {
  min-width: 60px;
  max-width: 60px;
  min-height: 60px;
  max-height: 60px;
}
.kk-cart-checkout-positions-list-view-item .kk-product-image img {
  object-fit: contain;
  width: 100%;
  height: 100%;
  max-height: 60px;
}
.kk-cart-checkout-positions-list-view-item .kk-checkout-pos-product {
  display: flex;
  gap: 5px;
  align-items: center;
}
.kk-cart-checkout-positions-list-view-item .kk-checkout-pos-quantity {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  min-width: 130px;
}
.kk-cart-checkout-positions-list-view-item .kk-checkout-pos-amount {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  min-width: 120px;
  font-weight: bold;
}.kk-cart-checkout-positions-list-view {
  display: flex;
  flex-direction: column;
  margin-top: 10px;
  padding-right: 30px;
  border-right: 1px solid #eee;
}
.kk-cart-checkout-positions-list-view h3 {
  margin-bottom: 15px;
}
.kk-cart-checkout-positions-list-view .kk-cart-checkout-positions-list-view-header {
  padding: 4px 0px;
  border-top: none;
}
.kk-cart-checkout-positions-list-view .kk-cart-checkout-positions-list-view-header .kk-cart-checkout-positions-list-view-header-quantity,
.kk-cart-checkout-positions-list-view .kk-cart-checkout-positions-list-view-header .kk-cart-checkout-positions-list-view-header-amount {
  text-align: end;
}
.kk-cart-checkout-positions-list-view .kk-cart-checkout-positions-list-view-items {
  display: flex;
  flex-direction: column;
}.kk-cart-checkout-positions-table-view-item .kk-product-image {
  min-width: 60px;
  max-width: 60px;
  min-height: 60px;
  max-height: 60px;
}
.kk-cart-checkout-positions-table-view-item .kk-product-image img {
  object-fit: contain;
  width: 100%;
  height: 100%;
  max-height: 60px;
}
.kk-cart-checkout-positions-table-view-item .kk-td-pos-quantity {
  min-width: 130px;
}
.kk-cart-checkout-positions-table-view-item .kk-td-pos-amount {
  min-width: 120px;
  font-weight: bold;
}.kk-cart-checkout-positions-table-view {
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
  padding: 0px 20px 0px 0px;
  overflow-y: auto;
  border-right: 1px solid #efefef;
  padding-right: 30px;
}
.kk-cart-checkout-positions-table-view h3 {
  margin-bottom: 5px;
}
.kk-cart-checkout-positions-table-view > table {
  border-spacing: 0px 2px;
  width: 100%;
  table-layout: auto;
  background: #fff;
}
.kk-cart-checkout-positions-table-view > table tr td {
  border-bottom: 1px solid #ddd;
}
.kk-cart-checkout-positions-table-view > table tr:last-child td {
  border-bottom: none;
}
.kk-cart-checkout-positions-table-view > table th {
  font-weight: normal;
  padding: 10px 4px;
  border-bottom: 1px solid #ddd;
}
.kk-cart-checkout-positions-table-view > table td {
  padding: 4px 4px;
}.kk-cart-checkout-shipment {
  display: flex;
  padding: 10px 10px;
  border: 1px solid #efefef;
  border-radius: 5px;
  background: #f8f8f8;
  margin-top: 5px;
}
.kk-cart-checkout-shipment .kk-cart-checkout-delivery,
.kk-cart-checkout-shipment .kk-cart-checkout-pickup {
  display: flex;
  width: 100%;
  gap: 40px;
}
.kk-cart-checkout-shipment .kk-cart-checkout-delivery .kk-cart-checkout-shipment-field,
.kk-cart-checkout-shipment .kk-cart-checkout-pickup .kk-cart-checkout-shipment-field {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  max-width: 340px;
}
.kk-cart-checkout-shipment .kk-cart-checkout-delivery .kk-cart-checkout-shipment-field label,
.kk-cart-checkout-shipment .kk-cart-checkout-pickup .kk-cart-checkout-shipment-field label {
  font-weight: 600;
  margin-bottom: 5px;
}
.kk-cart-checkout-shipment .kk-cart-checkout-delivery .kk-cart-checkout-shipment-field pre,
.kk-cart-checkout-shipment .kk-cart-checkout-pickup .kk-cart-checkout-shipment-field pre {
  text-wrap: wrap;
}.kk-cart-checkout-validation-summary {
  display: flex;
  flex-direction: column;
  gap: 10px;
  padding: 15px 10px;
  border: 1px solid #ddd;
  border-radius: 5px;
  margin-top: 10px;
}
.kk-cart-checkout-validation-summary .kk-cart-message-view {
  gap: 0px;
}
.kk-cart-checkout-validation-summary .kk-cart-message-view .kk-cart-message-error {
  background: none;
}
.kk-cart-checkout-validation-summary .kk-cart-message-view .kk-cart-message-error .kk-cart-message-type {
  background: none;
  color: #ff4c4c;
  width: unset;
}
.kk-cart-checkout-validation-summary .kk-cart-message-view .kk-cart-message-warning {
  background: none;
}
.kk-cart-checkout-validation-summary .kk-cart-message-view .kk-cart-message-warning .kk-cart-message-type {
  background: none;
  color: #f7ab09;
  width: unset;
}
.kk-cart-checkout-validation-summary .kk-cart-message-view .kk-cart-message-info {
  background: none;
}
.kk-cart-checkout-validation-summary .kk-cart-message-view .kk-cart-message-info .kk-cart-message-type {
  background: none;
  color: #09a0f7;
  width: unset;
}.kk-cart-checkout-view {
  display: flex;
  flex-direction: column;
  gap: 5px;
  height: 100%;
}
.kk-cart-checkout-view .kk-cart-checkout-view-summary {
  display: flex;
  gap: 30px;
  margin-top: 10px;
  padding: 5px;
}
.kk-cart-checkout-view .kk-cart-checkout-view-summary .kk-cart-checkout-view-summary-left {
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
}
.kk-cart-checkout-view .kk-cart-checkout-view-summary .kk-cart-checkout-view-summary-right {
  display: flex;
  flex-direction: column;
  width: 360px;
  min-width: 360px;
  gap: 10px;
  position: sticky;
  top: 0px;
  height: 400px;
}.kk-cart-checkout-dialog-content {
  overflow-y: auto;
  max-height: 75vh;
  padding-right: 20px;
}

.kk-cart-checkout-dialog-no-price .kk-cart-checkout-positions-table-view-header-amount {
  display: none;
}
.kk-cart-checkout-dialog-no-price .kk-cart-checkout-positions-table-view-item .kk-td-pos-amount {
  display: none;
}
.kk-cart-checkout-dialog-no-price .kk-cart-checkout-positions-list-view-header-amount {
  display: none;
}
.kk-cart-checkout-dialog-no-price .kk-cart-checkout-positions-list-view-item {
  grid-template-columns: auto 120px;
}
.kk-cart-checkout-dialog-no-price .kk-cart-checkout-positions-list-view-item .kk-checkout-pos-amount {
  display: none;
}.kk-cart-checkout-dialog {
  margin-left: 10px;
  margin-right: 10px;
}.kk-validation-summary {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.kk-validation-message-group {
  display: flex;
  flex-direction: column;
  margin: 10px 0px;
  gap: 10px;
}

.kk-validation-message-collapsible-view {
  display: flex;
  flex-direction: column;
  border-radius: 5px;
}
.kk-validation-message-collapsible-view .fui-AccordionHeader__button {
  min-height: unset;
  font-weight: bold;
  width: fit-content;
  padding: 0px;
}
.kk-validation-message-collapsible-view .fui-AccordionPanel {
  margin: 10px 0px 10px 0px;
  background: #fff;
  border: 1px solid #efefef;
  padding: 10px;
  border-radius: 5px;
}

.kk-validation-message-view {
  display: flex;
  flex-direction: column;
  gap: 5px;
  width: 100%;
}

.kk-validation-message {
  display: flex;
  width: 100%;
  border-radius: 6px;
}
.kk-validation-message.kk-validation-message-error-filled {
  background: #ffe4e4;
}
.kk-validation-message.kk-validation-message-error-filled .kk-validation-message-type {
  background: #ff4c4c;
}
.kk-validation-message.kk-validation-message-error {
  background: none;
}
.kk-validation-message.kk-validation-message-error .kk-validation-message-type {
  background: none;
  color: #ff4c4c;
  width: unset;
}
.kk-validation-message.kk-validation-message-warning-filled {
  background: #fffae4;
}
.kk-validation-message.kk-validation-message-warning-filled .kk-validation-message-type {
  background: #f7ab09;
}
.kk-validation-message.kk-validation-message-warning {
  background: none;
}
.kk-validation-message.kk-validation-message-warning .kk-validation-message-type {
  background: none;
  color: #f7ab09;
  width: unset;
}
.kk-validation-message.kk-validation-message-info-filled {
  background: #e4f5ff;
}
.kk-validation-message.kk-validation-message-info-filled .kk-validation-message-type {
  background: #09a0f7;
}
.kk-validation-message.kk-validation-message-info {
  background: none;
}
.kk-validation-message.kk-validation-message-info .kk-validation-message-type {
  background: none;
  color: #09a0f7;
  width: unset;
}
.kk-validation-message .kk-validation-message-type {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  color: #fff;
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
}
.kk-validation-message .kk-validation-message-text {
  display: flex;
  width: 100%;
  padding: 5px 10px;
  align-items: center;
}
.kk-validation-message .kk-validation-message-actions {
  display: flex;
  align-items: flex-start;
  padding: 5px;
}.kk-direct-order-dialog-validation-summary {
  display: flex;
  flex-direction: column;
}
.kk-direct-order-dialog-validation-summary .kk-collapsible-content {
  margin-top: 20px;
}.kk-direct-order-dialog-content {
  display: flex;
  flex-direction: column;
  gap: 10px;
  height: 100%;
}

.kk-direct-order-dialog-content-scroll {
  display: flex;
  flex-direction: column;
  height: 100%;
  overflow-y: scroll;
  scrollbar-width: thin;
  scrollbar-color: rgb(239, 239, 239) rgb(254, 254, 254);
  gap: 50px;
  padding-right: 10px;
}

.kk-direct-order-dialog-actions {
  display: flex;
  flex-direction: row;
  gap: 10px;
  margin-top: 20px;
  border-top: 1px solid #ddd;
  padding-top: 20px;
}.kk-cart-direct-order-dialog .kk-drawer-header {
  padding-bottom: 0px;
}
.kk-cart-direct-order-dialog .kk-drawer-content {
  padding: 0px;
}.kk-cart-checkout-panel {
  display: flex;
  flex-direction: column;
}
.kk-cart-checkout-panel .kk-cart-checkout-panel-summary {
  display: flex;
  flex-direction: column;
  gap: 4px;
  color: #333;
}
.kk-cart-checkout-panel .kk-cart-checkout-panel-amounts {
  display: flex;
  flex-direction: column;
  gap: 5px;
}
.kk-cart-checkout-panel .kk-cart-checkout-panel-net-amount {
  display: flex;
  gap: 40px;
  justify-content: space-between;
  align-items: center;
  font-weight: bold;
}
.kk-cart-checkout-panel .kk-cart-checkout-panel-tax-amount {
  display: flex;
  gap: 40px;
  justify-content: space-between;
  align-items: center;
}
.kk-cart-checkout-panel .kk-cart-checkout-panel-total-amount {
  display: flex;
  gap: 40px;
  justify-content: space-between;
  align-items: center;
  font-weight: bold;
}
.kk-cart-checkout-panel .kk-cart-checkout-panel-positions {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 10px;
  border-bottom: 1px solid #ddd;
  padding: 8px 0px;
  margin-bottom: 5px;
}
.kk-cart-checkout-panel .kk-cart-checkout-panel-actions {
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 10px;
}
.kk-cart-checkout-panel .kk-cart-checkout-panel-actions .fui-Button {
  font-weight: normal;
}
.kk-cart-checkout-panel .kk-cart-checkout-panel-options {
  display: flex;
  gap: 5px;
  position: absolute;
  top: 10px;
  right: 10px;
}.kk-product-variants {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.kk-product-variants .kk-product-hover-block {
  display: flex;
  width: 100%;
  align-items: center;
  justify-content: center;
}
.kk-product-variants .kk-product-hover-block:hover .kk-product-badges {
  visibility: visible;
  transform: translateX(50px);
}
.kk-product-variants .kk-product-attributes-table {
  max-height: 300px;
  overflow-y: auto;
  scrollbar-width: thin;
  scrollbar-color: #ddd #f4f4f4;
}
.kk-product-variants .kk-selected-variant-hint {
  display: flex;
  gap: 2px;
  align-items: center;
  font-size: 11px;
  padding: 2px 4px;
  background-color: #e15a99;
  color: #fff;
  font-weight: 600;
  border-radius: 5px;
  width: fit-content;
  margin-top: 10px;
}
.kk-product-variants .kk-selected-variant-hint > span {
  line-height: 12px;
  padding-bottom: 2px;
}

.kk-product-variants-top-navbar-v1 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 10px 5px;
  background: #efefef;
}

.kk-product-variants-top-navbar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 10px 0px;
  position: sticky;
  top: 175px;
  background: #fff;
  z-index: 98;
}
.kk-product-variants-top-navbar .fui-Button {
  font-weight: normal;
}

.kk-product-variant-filters {
  display: flex;
  gap: 10px;
  justify-content: center;
  align-items: flex-end;
}

.kk-product-variants-count {
  display: flex;
  gap: 10px;
}

.kk-product-variants-column-appearance {
  display: flex;
  gap: 10px;
  align-items: center;
}
.kk-product-variants-column-appearance .fui-Button {
  border: 1px solid #2c578a !important;
  color: #2c578a !important;
  padding: 5px;
  min-width: 105px;
  font-weight: normal;
}

.kk-product-variants-column-appearance-v2 {
  display: flex;
  gap: 10px;
  align-items: center;
}
.kk-product-variants-column-appearance-v2 .fui-Button {
  border: 1px solid #2c578a !important;
  color: #2c578a !important;
  padding: 5px 10px;
  font-weight: normal;
}
.kk-product-variants-column-appearance-v2 .fui-Button.kk-selected {
  background: #2c578a;
  color: #fff !important;
  border: none !important;
}

.kk-product-variants-column-appearance-v3 {
  display: flex;
  gap: 10px;
  align-items: center;
}
.kk-product-variants-column-appearance-v3 .fui-Button {
  border: 1px solid #2c578a !important;
  border: none !important;
  background: #efefef;
  padding: 8px 10px;
  min-width: 110px;
  font-weight: normal;
}

.kk-product-variants-multiinput {
  display: flex;
  gap: 10px;
  align-items: center;
}

.kk-product-variants-multiinput-actions {
  display: flex;
  gap: 10px;
  align-items: center;
}
.kk-product-variants-multiinput-actions .fui-Button {
  background: #f4f4f4;
  color: #333;
  border: none;
  font-size: 14px;
  font-weight: normal;
}
.kk-product-variants-multiinput-actions .fui-Button:hover {
  background: #efefef;
}

.kk-product-variants-bottom-navbar {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  padding: 10px 0px;
}
.kk-product-variants-bottom-navbar .fui-Button {
  font-weight: normal;
}

.kk-product-variants-bottom-navbar-actions {
  display: flex;
  gap: 10px;
  align-items: center;
}
.kk-product-variants-bottom-navbar-actions .fui-Button {
  font-weight: normal;
}

.kk-product-variant-header {
  display: grid;
  grid-template-columns: 100px 1fr 250px 34px 310px;
  background: pink;
  padding: 5px;
}
.kk-product-variant-header > * {
  display: flex;
  padding: 5px;
  justify-content: center;
  align-items: flex-end;
}

.kk-product-variants-filterbar {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  background-color: #fff;
  gap: 10px;
}
.kk-product-variants-filterbar.kk-loading {
  pointer-events: none;
}
.kk-product-variants-filterbar.kk-loading .kk-loading-overlay {
  position: absolute;
  display: flex !important;
  padding: 10px;
  align-items: flex-end;
  justify-content: center;
  width: 100%;
  height: 100%;
  background: rgba(255, 255, 255, 0.5);
}

.kk-horizontal-filter-list {
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
  align-items: flex-end;
}

.kk-collapsible-horizontal-fitler-list {
  display: flex;
  gap: 10px;
  align-items: flex-end;
  flex-wrap: wrap;
}

.kk-horizontal-filterbar-filters {
  display: flex;
  align-items: flex-end;
  gap: 10px;
}

.kk-product-variants-table-view {
  display: flex;
  flex-direction: column;
  gap: 15px;
}
.kk-product-variants-table-view > table {
  border-spacing: 2px 2px;
  border-collapse: collapse;
  width: 100%;
  table-layout: auto;
}
.kk-product-variants-table-view .kk-appearance-attributes.kk-attribute-columns-0 .kk-td-image {
  width: 99%;
}
.kk-product-variants-table-view .kk-appearance-attributes.kk-attribute-columns-1 .kk-td-attribute {
  width: 99%;
}
.kk-product-variants-table-view .kk-appearance-attributes.kk-attribute-columns-2 .kk-td-attribute {
  width: 50%;
}
.kk-product-variants-table-view .kk-appearance-attributes.kk-attribute-columns-3 .kk-td-attribute {
  width: 33.33%;
}
.kk-product-variants-table-view .kk-product-image {
  min-height: auto;
  width: 85px;
  height: 85px;
  cursor: inherit;
}
.kk-product-variants-table-view .kk-product-image img {
  object-fit: contain;
  width: 100%;
  height: 100%;
}
.kk-product-variants-table-view .kk-product-title {
  height: auto;
  cursor: inherit;
}
.kk-product-variants-table-view .kk-product-title:hover {
  color: inherit;
}
.kk-product-variants-table-view .kk-attribute-header {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
}
.kk-product-variants-table-view .kk-attribute-header.kk-sort {
  color: #3d73b6;
}
.kk-product-variants-table-view .kk-attribute-header.kk-sort .fui-Button {
  border: 1px solid #3d73b6;
}
.kk-product-variants-table-view .kk-attribute-header.kk-sort span {
  color: #3d73b6;
}
.kk-product-variants-table-view thead {
  background: #efefef;
  position: sticky;
  top: 230px;
  z-index: 97;
}
.kk-product-variants-table-view tr {
  border-bottom: 1px solid #cdcdcd;
}
.kk-product-variants-table-view th {
  font-weight: normal;
  padding: 4px;
}
.kk-product-variants-table-view td {
  padding: 4px;
}
.kk-product-variants-table-view .kk-td-image {
  width: 100px;
}
.kk-product-variants-table-view .kk-td-title {
  min-width: 200px;
  max-width: 360px;
}
.kk-product-variants-table-view .kk-td-attribute {
  text-align: center;
  min-width: 110px;
}
.kk-product-variants-table-view .kk-td-price {
  border-left: 1px solid #cdcdcd;
  border-right: 1px solid #cdcdcd;
  min-width: 260px;
}
.kk-product-variants-table-view .kk-td-stock {
  border-right: 1px solid #cdcdcd;
  text-align: center;
}
.kk-product-variants-table-view .kk-td-qty {
  min-width: 300px;
}

.kk-product-variant-table-item.kk-selected {
  background: #e9f7ff;
}
.kk-product-variant-table-item.kk-disable-product-link a {
  pointer-events: none;
}
.kk-product-variant-table-item .kk-product-tags {
  height: unset;
}

.kk-product-variant-attributes {
  display: flex;
  gap: 5px;
  justify-content: flex-end;
  align-items: flex-end;
}

.kk-product-attributes {
  display: flex;
  gap: 10px;
  background: lightyellow;
}

.kk-product-variant-filters {
  display: flex;
  gap: 10px;
}

.kk-dropdown-filter .fui-Button {
  font-weight: normal;
}
.kk-dropdown-filter .fui-PopoverSurface {
  top: 5px !important;
  padding: 10px !important;
  z-index: 100;
}
.kk-dropdown-filter.kk-selected .kk-dropdown-filter-trigger .fui-Label {
  color: #3d73b6;
}
.kk-dropdown-filter.kk-selected .kk-dropdown-filter-trigger .fui-Button {
  border: 1px solid #3d73b6;
}

.kk-dropdown-filter-body {
  display: flex;
  flex-direction: column;
  gap: 2px;
  max-height: 300px;
  min-width: 180px;
  overflow-y: auto;
  scrollbar-width: thin;
  border-bottom: 1px solid #efefef;
  padding-right: 2px;
}
.kk-dropdown-filter-body .fui-Button {
  font-weight: normal;
}

.kk-dropdown-filter-item {
  display: flex;
  padding: 2px;
  cursor: pointer;
  border-right: 2px;
  background: #f8f8f8;
  max-width: 200px;
}
.kk-dropdown-filter-item .fui-Checkbox {
  display: flex;
  align-items: center;
  width: 100%;
}
.kk-dropdown-filter-item .fui-Checkbox .fui-Label {
  width: 100%;
}
.kk-dropdown-filter-item .fui-Checkbox__indicator {
  align-self: center;
}
.kk-dropdown-filter-item:hover {
  background: #efefef;
}

.kk-dropdown-filter-trigger {
  display: flex;
  flex-direction: column;
  gap: 5px;
  min-width: 150px;
  max-width: 250px;
}
.kk-dropdown-filter-trigger .fui-Label {
  display: block;
  text-overflow: ellipsis;
  overflow-x: hidden;
  white-space: nowrap;
}
.kk-dropdown-filter-trigger .fui-Button {
  font-weight: normal;
  display: flex;
  justify-content: space-between;
}

.kk-product-variant-attribute {
  max-width: 150px;
  min-width: 150px;
}
.kk-product-variant-attribute .fui-Dropdown {
  max-width: 150px;
  min-width: 150px;
}
.kk-product-variant-attribute .fui-Listbox {
  max-height: 300px !important;
  overflow-y: auto;
  scrollbar-width: thin;
}

.kk-product-variant-item {
  display: grid;
  grid-template-columns: 100px 1fr 250px 34px 310px;
  background: var(--kk-debug-bg1);
  align-items: flex-start;
  position: relative;
  border-bottom: 1px solid #cdcdcd;
  padding-bottom: 2px;
  padding-top: 2px;
}
.kk-product-variant-item .kk-product-image {
  min-height: auto;
  width: 85px;
}
.kk-product-variant-item .kk-product-image img {
  max-width: 80px;
  max-height: 113px;
}
.kk-product-variant-item .kk-product-title {
  height: 24px;
}
.kk-product-variant-item > * {
  display: flex;
  padding: 0px 6px;
  height: 100%;
  justify-content: center;
  align-items: center;
}
.kk-product-variant-item > :nth-child(3) {
  border-left: 1px solid #cdcdcd;
  border-right: 1px solid #cdcdcd;
}
.kk-product-variant-item > :nth-child(4) {
  border-right: 1px solid #cdcdcd;
  padding-top: 12px;
  justify-content: flex-start;
}

.kk-product-variant-table-footer {
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.kk-product-variant-table-footer .fui-Button {
  font-weight: normal;
}

.kk-product-variants-grid-view {
  display: grid;
  grid-template-columns: 1fr 1fr;
}

.kk-product-variant-grid-item-container {
  display: flex;
  flex-direction: column;
  padding: 10px 0px;
  border-bottom: 1px solid #cdcdcd;
}
.kk-product-variant-grid-item-container:nth-child(2n-1) .kk-product-variant-grid-item {
  border-right: 1px solid #cdcdcd;
}

.kk-product-variant-grid-item {
  display: flex;
  flex-direction: column;
  gap: 5px;
  padding: 20px;
  position: relative;
  background: var(--kk-debug-bg2);
}
.kk-product-variant-grid-item.kk-selected {
  background: #e9f7ff;
}

.kk-product-variants-list-view {
  display: flex;
  flex-direction: column;
  padding: 0px 5px;
}

.kk-product-variant-list-item-container {
  display: flex;
  flex-direction: column;
  padding: 15px 0px;
  border-bottom: 1px solid #cdcdcd;
}

.kk-product-variant-list-item {
  display: flex;
  gap: 10px;
  align-items: flex-start;
  justify-content: flex-start;
}
.kk-product-variant-list-item .kk-product-image {
  min-height: auto;
  width: 65px;
  height: 65px;
  padding: 0px;
  background: #fff;
}
.kk-product-variant-list-item .kk-product-image img {
  object-fit: contain;
  width: 100%;
  height: 100%;
}
.kk-product-variant-list-item .kk-separator {
  height: 1px;
  border-bottom: 1px dashed #cdcdcd;
  margin: 5px 0px;
}
.kk-product-variant-list-item .kk-product-hover-block {
  width: unset;
  flex-direction: column;
  padding: 2px;
}
.kk-product-variant-list-item .kk-product-title {
  height: unset;
  padding: 0px;
}
.kk-product-variant-list-item .kk-product-ids {
  height: unset;
  padding: 0px;
}
.kk-product-variant-list-item .kk-product-stock {
  height: unset;
  padding: 0px;
}
.kk-product-variant-list-item .kk-product-tags {
  height: unset;
  padding: 0px;
}
.kk-product-variant-list-item .kk-product-attributes-collapsible {
  margin-top: 5px;
  width: fit-content;
}
.kk-product-variant-list-item .kk-product-attributes-table {
  max-height: unset;
  margin-top: 5px;
}
.kk-product-variant-list-item .kk-product-attributes-table table {
  border-spacing: 0px 2px;
}
.kk-product-variant-list-item .kk-product-attributes-table table .kk-td-value {
  background: #fff;
}
.kk-product-variant-list-item .kk-product-quantity-v5 {
  height: unset;
  padding: 0px;
  flex-direction: column;
  align-items: flex-start;
}
.kk-product-variant-list-item .kk-product-quantity-v5 .fui-Input {
  max-width: 75px;
}
.kk-product-variant-list-item .kk-product-quantity-v5 .kk-product-button {
  width: 100%;
  max-width: 190px;
}
.kk-product-variant-list-item .kk-product-vpe {
  height: unset;
  padding: 0px;
  flex-direction: column;
  align-items: flex-start;
  gap: 5px;
}
.kk-product-variant-list-item .kk-product-price-and-tiers {
  display: flex;
  flex-direction: column;
  padding: 0px;
  gap: 5px;
  flex: 1;
}
.kk-product-variant-list-item .kk-product-price-and-tiers .kk-product-tiers {
  flex-direction: row !important;
  width: 100%;
  justify-content: flex-end !important;
  padding-top: 0px;
}
.kk-product-variant-list-item .kk-product-price-block {
  padding: 0px;
  flex: 1;
}
.kk-product-variant-list-item.kk-selected {
  background: #e9f7ff;
}.kk-product-variant-dialog-content {
  height: 100%;
}

.kk-product-variant-dialog-body {
  overflow-y: auto;
  scrollbar-width: thin;
  height: 100%;
  background: #fff;
  padding: 0px 5px;
}
.kk-product-variant-dialog-body .kk-product-variants {
  gap: 0px;
}
.kk-product-variant-dialog-body .kk-product-variants-filterbar {
  padding-bottom: 10px;
  gap: 10px;
}
.kk-product-variant-dialog-body .kk-product-variants-top-navbar {
  top: 0px;
}
.kk-product-variant-dialog-body .kk-product-variants-table-view table .kk-th-attribute:nth-child(6),
.kk-product-variant-dialog-body .kk-product-variants-table-view table .kk-td-attribute:nth-child(6) {
  display: none;
}
.kk-product-variant-dialog-body .kk-product-variants-table-view thead {
  top: 55px;
}
.kk-product-variant-dialog-body .fui-PopoverSurface {
  z-index: 201;
}

.kk-product-variant-dialog-actions .fui-Button {
  font-weight: normal;
}.kk-search-page {
  padding: 0px 16px;
}.kk-category-breadcrumb {
  display: flex;
  gap: 5px;
  justify-content: space-between;
  align-items: flex-start;
}.kk-category-treebar {
  width: 320px;
  transition: width 400ms ease;
  padding: 2px 20px 2px 0px;
  height: 100%;
  overflow: hidden;
  position: sticky;
  top: 140px;
}
.kk-category-treebar.kk-collapsed {
  width: 52px;
  border: none;
}
.kk-category-treebar.kk-collapsed .kk-category-tree {
  visibility: collapse;
}
.kk-category-treebar.kk-collapsed .kk-category-treebar-header {
  padding: 0px;
  background: unset;
}
.kk-category-treebar.kk-collapsed .kk-category-treebar-header .fui-Text {
  visibility: collapse;
}
.kk-category-treebar.kk-collapsed .kk-category-treebar-header .fui-Button:not(:last-child) {
  visibility: collapse;
  min-width: 0px;
  padding: 0px;
}
.kk-category-treebar .fui-TreeItemLayout.open {
  background: #f4f4f4;
}

.kk-category-treebar-header {
  align-items: center;
  justify-content: space-between;
  width: 100%;
  padding: 0px 8px 0px 8px;
  background: #f4f4f4;
}
.kk-category-treebar-header .fui-Button:first-child {
  padding-left: 0px;
}
.kk-category-treebar-header .fui-Button:nth-child(2) {
  background: #f4f4f4;
}

.kk-category-tree {
  overflow-x: hidden;
  overflow-y: scroll;
  scrollbar-width: thin;
  scrollbar-color: #f2f2f2 #fff;
  max-height: 900px;
  padding: 2px 2px 2px 0px;
}.kk-category-title {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 50px;
  text-align: center;
  overflow: hidden;
  text-overflow: ellipsis;
  background-color: #f4f4f4;
  color: #333;
  transition: background-color 0.2s linear;
  width: 100%;
}
.kk-category-title .kk-category-title-text {
  padding: 4px;
  overflow: hidden;
  max-width: 210px;
}.kk-category-image {
  display: flex;
  align-items: center;
  justify-content: center;
  transform-origin: 50% 50%;
  transition: transform 0.2s linear;
  overflow: hidden;
  width: 200px;
  height: 150px;
}
.kk-category-image img {
  object-fit: contain;
  height: 100%;
}.kk-category-subcount span {
  font-size: 12px;
  line-height: 16px;
}.kk-category-productcount span {
  color: #3166a4;
  font-size: 11px;
  line-height: 16px;
  border: 1px solid #3166a4;
  border-radius: 3px;
  padding: 1px 4px;
}
.kk-category-productcount span:hover {
  background-color: #ebf4ff;
}.kk-category-griditem {
  display: flex;
  flex-direction: column;
  gap: 15px;
  box-shadow: rgba(0, 0, 0, 0.12) 0px 1px 3px, rgba(0, 0, 0, 0.24) 0px 1px 2px;
  cursor: pointer;
  border-bottom-right-radius: 5px;
  border-bottom-left-radius: 5px;
  color: inherit;
  min-width: 210px;
  position: relative;
}
.kk-category-griditem .kk-category-body {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 15px;
  color: inherit;
  text-decoration: none !important;
  padding-bottom: 20px;
}
.kk-category-griditem .kk-category-footer {
  display: flex;
  justify-content: space-between;
  padding: 10px;
}
.kk-category-griditem:hover {
  box-shadow: rgba(0, 0, 0, 0.12) 0px 2px 4px, rgba(0, 0, 0, 0.24) 0px 2px 3px;
}
.kk-category-griditem:hover .kk-category-title {
  background-color: #e9e9e9;
}
.kk-category-griditem:hover .kk-category-image {
  font-weight: bold;
  transform: scale(0.9);
}
.kk-category-griditem .kk-category-link-info {
  position: absolute;
  bottom: 2px;
  right: 5px;
  padding: 2px;
  color: #999;
}.kk-category-gridview {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  row-gap: 20px;
  column-gap: 20px;
}
.kk-category-gridview.kk-collapsed {
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
}.kk-category-view {
  width: 100%;
}.kk-category-page .kk-category-page-container {
  display: flex;
  flex-direction: column;
  gap: 40px;
  padding: 0px 16px;
}.kk-detail-breadcrumb {
  display: flex;
  gap: 30px;
  margin: 0px 0px 20px 0px;
}
.kk-detail-breadcrumb .kk-sep {
  border-right: 1px solid #ccc;
}.kk-video-thumbnail {
  display: flex;
  text-align: center;
  position: relative;
}
.kk-video-thumbnail::before {
  content: "";
  background-image: url(https://img01.kleiner.de/ff/images/misc/kk_video_overlay.png);
  background-size: 100%;
  display: inline-block;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  width: 35px;
  height: 35px;
}
.kk-video-thumbnail img {
  background-color: #fff;
  border-radius: 5px;
}

.kk-video-thumbnail-duration {
  position: absolute;
  color: #fff;
  right: 4px;
  bottom: 4px;
  padding: 2px 4px;
  border-radius: 4px;
  font-weight: 600;
  font-size: 12px;
  z-index: 1;
  background: rgba(0, 0, 0, 0.5333333333);
}.kk-detail-gallery-zoom-dialog {
  border-radius: unset !important;
}

.kk-detail-gallery-zoom-dialog-content {
  display: flex;
  flex-direction: column;
  gap: 10px;
  height: 100%;
  width: 100%;
}
.kk-detail-gallery-zoom-dialog-content .fui-TabList {
  position: absolute;
  z-index: 100;
}

.kk-detail-gallery-zoom-dialog-content-images {
  display: flex;
  flex-direction: column;
  gap: 10px;
  height: 100%;
  width: 100%;
}
.kk-detail-gallery-zoom-dialog-content-images .fui-Carousel {
  display: flex;
  flex-direction: column;
  height: 100%;
}
.kk-detail-gallery-zoom-dialog-content-images .fui-CarouselButton {
  background: #fff !important;
  border: 1px solid #ccc;
  border-radius: 0;
}
.kk-detail-gallery-zoom-dialog-content-images .fui-CarouselButton .fui-CarouselButton__icon {
  color: #ccc;
}
.kk-detail-gallery-zoom-dialog-content-images .fui-CarouselButton:hover {
  border: 1px solid #333;
}
.kk-detail-gallery-zoom-dialog-content-images .fui-CarouselButton:hover .fui-CarouselButton__icon {
  color: #333;
}
.kk-detail-gallery-zoom-dialog-content-images .fui-CarouselCard {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  padding: 0 80px;
}
.kk-detail-gallery-zoom-dialog-content-images .fui-CarouselCard img {
  object-fit: contain;
  width: 100%;
  height: 100%;
}
.kk-detail-gallery-zoom-dialog-content-images .fui-CarouselSlider {
  width: 100%;
  height: 100%;
}
.kk-detail-gallery-zoom-dialog-content-images .fui-CarouselViewport {
  display: flex;
  flex-direction: column;
  height: 100%;
  justify-content: center;
  padding-bottom: 80px;
}
.kk-detail-gallery-zoom-dialog-content-images .fui-CarouselNav {
  display: flex;
  flex-wrap: wrap;
  gap: 5px;
  justify-content: flex-start;
  margin: 0px;
}
.kk-detail-gallery-zoom-dialog-content-images .fui-CarouselButton {
  max-width: 48px;
  max-height: 48px;
  width: 48px;
  height: 48px;
}
.kk-detail-gallery-zoom-dialog-content-images .fui-CarouselNavImageButton {
  width: 60px;
  height: 60px;
  background: #fff;
  border: 1px solid #ddd;
  margin: 0px;
}
.kk-detail-gallery-zoom-dialog-content-images .fui-CarouselNavImageButton:hover {
  box-shadow: rgba(0, 0, 0, 0.12) 0px 2px 4px, rgba(0, 0, 0, 0.24) 0px 2px 3px;
}
.kk-detail-gallery-zoom-dialog-content-images .fui-CarouselNavImageButton.selected {
  border: 1px solid #333;
}
.kk-detail-gallery-zoom-dialog-content-images .fui-CarouselNavImageButton img {
  padding: 5px;
  width: 100%;
  height: 100%;
  object-fit: contain;
  box-sizing: border-box;
}

.kk-detail-gallery-zoom-dialog-content-videos {
  display: flex;
  gap: 10px;
  height: 100%;
  width: 100%;
  padding: 65px 0px;
}
.kk-detail-gallery-zoom-dialog-content-videos .kk-detail-gallery-zoom-dialog-content-video {
  padding: 10px;
  background: #fafafa;
  border-radius: 10px;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.kk-detail-gallery-zoom-dialog-content-videos .kk-detail-gallery-zoom-dialog-content-video iframe {
  border: 0px;
}
.kk-detail-gallery-zoom-dialog-content-videos .kk-detail-gallery-zoom-dialog-content-videos-navigation {
  display: flex;
  flex-direction: column;
  gap: 10px;
  width: 600px;
  padding: 0px 5px;
  max-height: 100%;
  overflow-y: auto;
  scrollbar-width: thin;
  scrollbar-color: #e8e8e8 #f5f5f5;
}
.kk-detail-gallery-zoom-dialog-content-videos .kk-detail-gallery-zoom-dialog-content-videos-navigation-item {
  display: flex;
  gap: 20px;
  padding: 5px;
  border: 1px solid #efefef;
  background: #f8f8f8;
  border-radius: 5px;
  cursor: pointer;
  align-items: flex-start;
}
.kk-detail-gallery-zoom-dialog-content-videos .kk-detail-gallery-zoom-dialog-content-videos-navigation-item.selected {
  border: 1px solid #666;
}
.kk-detail-gallery-zoom-dialog-content-videos .kk-detail-gallery-zoom-dialog-content-videos-navigation-item:hover {
  border: 1px solid #666;
}
.kk-detail-gallery-zoom-dialog-content-videos .kk-detail-gallery-zoom-dialog-content-videos-navigation-item img {
  width: 160px;
  height: 90px;
  object-fit: cover;
}
.kk-detail-gallery-zoom-dialog-content-videos .kk-detail-gallery-zoom-dialog-content-videos-navigation-item .kk-video-thumbnail-texts {
  display: flex;
  flex-direction: column;
  height: 100%;
}
.kk-detail-gallery-zoom-dialog-content-videos .kk-detail-gallery-zoom-dialog-content-videos-navigation-item .kk-video-thumbnail-texts .kk-video-thumbnail-text-title {
  font-weight: bold;
  font-size: 14px;
}
.kk-detail-gallery-zoom-dialog-content-videos .kk-detail-gallery-zoom-dialog-content-videos-navigation-item .kk-video-thumbnail-texts .kk-video-thumbnail-text-source {
  color: #666;
  font-size: 12px;
}
.kk-detail-gallery-zoom-dialog-content-videos .kk-detail-gallery-zoom-dialog-content-videos-navigation-item .kk-video-thumbnail-texts .kk-video-thumbnail-text-duration {
  color: #666;
  font-size: 12px;
}.kk-detail-gallery {
  display: flex;
  flex-direction: column;
  gap: 15px;
  min-width: 440px;
  position: sticky;
  top: 140px;
  height: 100%;
  z-index: 99;
  width: 100%;
}
.kk-detail-gallery .kk-product-tags {
  position: absolute;
  top: 5px;
  left: 0px;
  padding: 0px;
}
.kk-detail-gallery .kk-product-tags span {
  font-size: 14px;
  font-weight: normal;
  padding: 2px;
}

.kk-detail-gallery-image {
  display: flex;
  justify-content: center;
  align-items: flex-start;
  position: relative;
  cursor: pointer;
  height: 480px;
}
.kk-detail-gallery-image img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  padding: 5px;
}
.kk-detail-gallery-image .kk-image-zoom-lens {
  position: absolute;
  width: 200px;
  height: 150px;
  background: rgba(29, 115, 243, 0.2);
  border: 1px dashed rgba(29, 115, 243, 0.3);
  visibility: hidden;
  pointer-events: none;
}

.kk-detail-gallery-navigation {
  display: flex;
  flex-wrap: wrap;
  gap: 5px;
  justify-content: flex-start;
  margin: 0px;
  padding: 5px;
  padding-left: 0px;
}

.kk-detail-gallery-navigation-item {
  width: 60px;
  height: 60px;
  background: #fff;
  border: 1px solid #ddd;
  margin: 0px;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
}
.kk-detail-gallery-navigation-item:hover {
  box-shadow: rgba(0, 0, 0, 0.12) 0px 2px 4px, rgba(0, 0, 0, 0.24) 0px 2px 3px;
}
.kk-detail-gallery-navigation-item.selected {
  border: 1px solid #333;
}
.kk-detail-gallery-navigation-item img {
  padding: 5px;
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.kk-detail-gallery-zoom-hint {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  border-radius: 5px;
  background-color: rgba(240, 240, 240, 0.8);
  padding: 2px;
  position: absolute;
  margin-left: auto;
  margin-right: auto;
  bottom: 0px;
}

.kk-image-zoom {
  position: absolute;
  width: 600px;
  height: 450px;
  left: 100%;
  box-shadow: rgba(0, 0, 0, 0.12) 0px 2px 4px, rgba(0, 0, 0, 0.24) 0px 2px 3px;
  visibility: hidden;
  border-radius: 5px;
  background-color: #fff;
  background-repeat: no-repeat;
  background-position: center;
}.kk-product-logo {
  display: flex;
  height: 40px;
}
.kk-product-logo img {
  height: 100%;
  object-fit: contain;
}.kk-product-order-hint {
  display: flex;
  gap: 10px;
  justify-content: flex-start;
  align-items: center;
  padding: 15px 10px;
  border-radius: 10px;
  background: #a5fb93;
  width: 100%;
}.kk-detail-product-order-hint {
  display: flex;
  align-items: center;
  justify-content: flex-start;
}.kk-product-thumb-list-view {
  display: flex;
  flex-direction: column;
  gap: 10px;
  width: 100%;
  align-items: flex-start;
}
.kk-product-thumb-list-view .kk-product {
  border: none;
}

.kk-product-thumb-list-item {
  display: flex;
  background: var(--kk-debug-bg1);
  align-items: center;
  position: relative;
  border: 1px solid #aaa;
  border-radius: 3px;
  text-decoration: none;
  width: 100%;
}
.kk-product-thumb-list-item .kk-product-image {
  min-height: auto;
  width: 85px;
  height: 85px;
}
.kk-product-thumb-list-item .kk-product-image img {
  object-fit: contain;
  height: 100%;
  width: 100%;
}
.kk-product-thumb-list-item .kk-product-ids {
  margin-top: 0px !important;
}
.kk-product-thumb-list-item .kk-product-title {
  height: unset;
}
.kk-product-thumb-list-item.kk-product-group .kk-product-variant-button {
  padding: 5px;
}.kk-category-tile-view {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  row-gap: 10px;
  column-gap: 10px;
}

.kk-category-tile-item {
  display: flex;
  gap: 20px;
  border: 1px solid #aaa;
  align-items: center;
  padding: 4px;
  font-size: 14px;
  background: #fff;
  text-decoration: none;
  color: #333;
  border-radius: 3px;
  overflow: hidden;
}
.kk-category-tile-item:hover {
  border: 1px solid #666;
}
.kk-category-tile-item:hover .kk-category-tile-image {
  transform: scale(0.9);
}
.kk-category-tile-item:visited, .kk-category-tile-item:active {
  color: inherit;
}

.kk-category-tile-item-image {
  height: 60px;
  transform-origin: 50% 50%;
  transition: transform 0.2s linear;
}
.kk-category-tile-item-image img {
  object-fit: contain;
  height: 100%;
}.kk-comparison-toast-container {
  align-items: flex-start;
  min-width: 400px;
}
.kk-comparison-toast-container .Toastify__toast-icon {
  display: none;
}

.kk-comparison-toast {
  display: flex;
  flex-direction: column;
  width: 100%;
}

.kk-comparison-toast-product {
  display: flex;
  gap: 10px;
  align-items: flex-start;
  color: #000;
  margin-right: 10px;
}
.kk-comparison-toast-product .kk-product-image {
  width: 80px;
  align-items: flex-start;
  min-height: unset;
  padding: 0;
  max-height: 80px;
  margin-top: 5px;
}
.kk-comparison-toast-product .kk-product-image img {
  object-fit: contain;
  width: 100%;
  height: 100%;
}

.kk-comparison-toast-message {
  display: flex;
  font-size: 14px;
  margin-top: 10px;
  color: #666;
}

.kk-comparison-toast-actions {
  display: flex;
  justify-content: flex-end;
  margin-top: 5px;
}
.kk-comparison-toast-actions .fui-Button {
  font-weight: normal;
  min-width: unset;
  font-weight: bold;
}
.kk-comparison-toast-actions .fui-Button:hover {
  text-decoration: underline;
}.kk-bookmark-toast-container {
  align-items: flex-start;
  min-width: 400px;
}

.kk-bookmark-toast {
  display: flex;
  flex-direction: column;
  width: 100%;
}

.kk-bookmark-toast-message {
  display: flex;
  font-size: 14px;
  color: #666;
}

.kk-bookmark-toast-actions {
  display: flex;
  justify-content: flex-end;
  margin-top: 5px;
}
.kk-bookmark-toast-actions .fui-Button {
  font-weight: normal;
  min-width: unset;
  font-weight: bold;
}
.kk-bookmark-toast-actions .fui-Button:hover {
  text-decoration: underline;
}.kk-bookmarked {
  background: #0851a5 !important;
  border: 1px solid #0851a5 !important;
  color: #fff !important;
}.kk-detail-product {
  display: flex;
  flex-direction: column;
  gap: 5px;
  width: 100%;
}
.kk-detail-product > .kk-product-title {
  font-size: 30px;
  font-weight: 700;
  height: auto;
  color: #333 !important;
  cursor: unset;
  line-height: normal;
}
.kk-detail-product .kk-product-ids {
  margin-top: 5px;
  height: auto;
}
.kk-detail-product .kk-product-stock {
  height: auto;
  margin-top: 5px;
  padding: 0px;
}
.kk-detail-product .kk-product-stock span {
  font-size: 18px;
  line-height: 28px;
}
.kk-detail-product .kk-product-stock .fui-Badge {
  width: 12px;
  height: 12px;
}
.kk-detail-product .kk-product-price-and-tiers {
  display: flex;
  gap: 40px;
  justify-content: space-between;
  padding: 0px 0px 5px 5px;
}
.kk-detail-product .kk-product-packing-tier,
.kk-detail-product .kk-product-pricing-tier {
  background: #f8f8f8;
  padding: 10px;
  border-radius: 5px;
}
.kk-detail-product .kk-product-price-block {
  align-items: flex-start;
  margin-top: 20px;
  padding: 0;
  height: auto;
}
.kk-detail-product .kk-product-price-block-discount {
  justify-content: flex-start;
}
.kk-detail-product .kk-product-price-details {
  justify-content: flex-start;
}
.kk-detail-product .kk-product-price-unit {
  justify-content: flex-start;
  margin-top: 10px;
}
.kk-detail-product .kk-product-price-unit span {
  font-size: 14px;
}
.kk-detail-product .kk-product-net-price {
  justify-content: flex-start;
}
.kk-detail-product .kk-product-net-price span {
  font-size: 30px;
  line-height: 36px;
}
.kk-detail-product .kk-product-points {
  justify-content: flex-start;
}
.kk-detail-product .kk-product-points span {
  font-size: 30px;
  line-height: 26px;
  color: #333;
}
.kk-detail-product .kk-product-list-price {
  margin-top: 5px;
}
.kk-detail-product .kk-product-list-price span {
  font-size: 18px;
}
.kk-detail-product .kk-product-discount {
  margin-top: 5px;
}
.kk-detail-product .kk-product-discount span {
  font-size: 20px;
}
.kk-detail-product .kk-product-quantity {
  margin-top: 40px;
  flex-direction: column;
  height: auto;
  align-items: flex-start;
  padding: 0;
}
.kk-detail-product .kk-product-vpe {
  padding: 0;
  flex-direction: column;
  align-items: flex-start;
  gap: 5px;
  height: unset;
}
.kk-detail-product .kk-detail-product-price {
  display: flex;
  flex-direction: column;
  gap: 10px;
  width: 100%;
}
.kk-detail-product .kk-detail-product-price .kk-product-button {
  width: 100%;
  justify-content: center;
}
.kk-detail-product .kk-detail-product-price .kk-product-button .fui-Button:first-child {
  width: 100%;
  height: 50px;
  max-width: unset;
  font-size: 18px;
}
.kk-detail-product .kk-detail-product-price .kk-product-quantity-input .fui-Button {
  max-width: unset;
  width: 42px;
  height: 42px;
}
.kk-detail-product .kk-detail-product-price .kk-product-quantity-input .fui-Input {
  max-height: unset;
  height: 42px;
  max-width: 120px;
  font-size: 18px;
  font-weight: normal;
}
.kk-detail-product .kk-detail-product-price .kk-product-unit span {
  font-size: 18px;
}
.kk-detail-product .kk-detail-product-tiers {
  display: flex;
  flex-direction: column;
  gap: 10px;
  width: 100%;
}
.kk-detail-product hr {
  border: none;
  height: 1px;
  background-color: #efefef;
  margin: 5px;
}
.kk-detail-product h4 {
  display: flex;
  color: #333;
  padding: 8px 0px;
  font-size: 16px;
  font-weight: bold;
}

.kk-detail-product-variant-info {
  display: flex;
  margin-top: 15px;
  padding: 4px;
  flex-direction: column;
}
.kk-detail-product-variant-info a {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 12px;
  font-weight: 600;
  gap: 10px;
  font-size: 18px;
  background: #df2c67;
  background: #d13438;
  background: #15b159;
  background: #fff;
  background: #f2f2f2;
  border: 2px solid #2d598d;
  border: 1px solid #ccc;
  color: #2d598d;
  color: #333;
  font-weight: normal;
}
.kk-detail-product-variant-info a:hover {
  background: #f8f8f8;
}
.kk-detail-product-variant-info .fui-Button {
  height: 50px;
  font-size: 18px;
  max-width: unset;
  background: #df2c67;
}

.kk-detail-product-short-description {
  padding: 5px;
  line-height: 1.6;
}
.kk-detail-product-short-description a {
  color: #1d5bb9 !important;
  text-decoration: underline;
}

.kk-detail-product-attributes h4 {
  padding: 8px 4px;
}
.kk-detail-product-attributes .kk-product-attributes-table {
  padding: 5px;
}
.kk-detail-product-attributes .kk-product-attributes-table table {
  border-spacing: 0;
}
.kk-detail-product-attributes .kk-product-attributes-table table td {
  border-bottom: 1px solid #efefef;
}
.kk-detail-product-attributes .kk-product-attributes-table table td:last-child {
  min-width: 200px;
}
.kk-detail-product-attributes .kk-product-attributes-table table tr:last-child td {
  border: none;
}

.kk-detail-product-actions {
  display: flex;
  gap: 10px;
  padding: 5px;
}
.kk-detail-product-actions .fui-Button-v1 {
  font-weight: normal;
  color: #0851a5 !important;
  border: 1px solid #0851a5 !important;
  color: #333 !important;
  border: 1px solid #666 !important;
}
.kk-detail-product-actions .fui-Button-v1:hover {
  background: rgba(8, 81, 165, 0.1);
}
.kk-detail-product-actions .fui-Button-v1:hover {
  background: #0851a5;
  border: 1px solid #0851a5 !important;
  color: #fff !important;
}
.kk-detail-product-actions .fui-Button {
  font-weight: normal;
  color: #444;
  border: 1px solid #666;
}
.kk-detail-product-actions .fui-Button:hover {
  background: #0851a5;
  border: 1px solid #0851a5;
  color: #fff;
}

.kk-detail-product-symbols {
  display: flex;
  gap: 10px;
  padding: 5px;
  margin-top: 10px;
  flex-wrap: wrap;
}

.kk-detail-product-symbol {
  display: flex;
  height: 48px;
}
.kk-detail-product-symbol img {
  object-fit: contain;
  height: 100%;
}

.kk-detail-product-promotions {
  display: flex;
  flex-direction: column;
  gap: 10px;
  padding: 5px;
  align-items: flex-start;
}
.kk-detail-product-promotions .kk-category-tile-view {
  grid-template-columns: 1fr 1fr;
  width: 100%;
}

.kk-detail-product-promotion-categories {
  display: grid;
  grid-template-columns: 1fr 1fr;
  row-gap: 10px;
  column-gap: 10px;
  width: 100%;
}
.kk-detail-product-promotion-categories a, .kk-detail-product-promotion-categories a:visited, .kk-detail-product-promotion-categories a:active {
  text-decoration: none !important;
  color: inherit;
}

.kk-detail-product-successors {
  display: flex;
  flex-direction: column;
  gap: 10px;
  padding: 5px;
  align-items: flex-start;
}
.kk-detail-product-successors .kk-product-title {
  font-size: unset;
  font-weight: normal;
}.kk-html-text p {
  margin: 10px 0;
}
.kk-html-text ul {
  list-style: unset;
}
.kk-html-text ul li {
  list-style: unset;
  margin-left: 15px;
}.kk-product-table-view-v3 > table {
  border-spacing: 2px 2px;
  border-collapse: collapse;
  width: 100%;
  table-layout: auto;
}
.kk-product-table-view-v3 .kk-product-image {
  min-height: auto;
  width: 85px;
  height: 85px;
}
.kk-product-table-view-v3 .kk-product-image img {
  object-fit: contain;
  width: 100%;
  height: 100%;
}
.kk-product-table-view-v3 .kk-product-title {
  height: auto;
}
.kk-product-table-view-v3 thead {
  background: #efefef;
}
.kk-product-table-view-v3 th {
  font-weight: normal;
  padding: 4px;
}
.kk-product-table-view-v3 tr {
  border-bottom: 1px solid #cdcdcd;
}

.kk-product-table-item-v3 a {
  display: flex;
  color: inherit;
  text-decoration: none !important;
  width: 100%;
}
.kk-product-table-item-v3 td {
  padding: 4px;
}
.kk-product-table-item-v3 .kk-td-image {
  width: 100px;
}
.kk-product-table-item-v3 .kk-td-title {
  min-width: 200px;
}
.kk-product-table-item-v3 .kk-td-price {
  border-left: 1px solid #cdcdcd;
  border-right: 1px solid #cdcdcd;
  min-width: 240px;
}
.kk-product-table-item-v3 .kk-td-price .kk-product-price-block {
  height: unset;
}
.kk-product-table-item-v3 .kk-td-stock {
  border-right: 1px solid #cdcdcd;
  text-align: center;
}
.kk-product-table-item-v3 .kk-td-qty {
  min-width: 300px;
}.kk-product-accessories-table-item a {
  display: flex;
  color: inherit;
  text-decoration: none !important;
  width: 100%;
}
.kk-product-accessories-table-item td {
  padding: 4px;
}
.kk-product-accessories-table-item .kk-td-image {
  width: 100px;
}
.kk-product-accessories-table-item .kk-td-title {
  min-width: 200px;
}
.kk-product-accessories-table-item .kk-td-price {
  border-left: 1px solid #cdcdcd;
  border-right: 1px solid #cdcdcd;
  min-width: 240px;
}
.kk-product-accessories-table-item .kk-td-price .kk-product-price-block {
  height: unset;
}
.kk-product-accessories-table-item .kk-td-stock {
  border-right: 1px solid #cdcdcd;
  text-align: center;
}
.kk-product-accessories-table-item .kk-td-qty {
  min-width: 300px;
}.kk-product-accessories-table-view > table {
  border-spacing: 2px 2px;
  border-collapse: collapse;
  width: 100%;
  table-layout: auto;
}
.kk-product-accessories-table-view .kk-product-image {
  min-height: auto;
  width: 85px;
  height: 85px;
}
.kk-product-accessories-table-view .kk-product-image img {
  object-fit: contain;
  width: 100%;
  height: 100%;
}
.kk-product-accessories-table-view .kk-product-title {
  height: auto;
}
.kk-product-accessories-table-view thead {
  background: #efefef;
}
.kk-product-accessories-table-view th {
  font-weight: normal;
  padding: 4px;
}
.kk-product-accessories-table-view tr {
  border-bottom: 1px solid #cdcdcd;
}.kk-product-accessories-grid-item-container {
  padding: 15px 0;
  border-bottom: 1px solid #cdcdcd;
}

.kk-product-accessories-grid-item {
  padding: 20px;
  align-items: center;
  position: relative;
  background: var(--kk-debug-bg2);
}
.kk-product-accessories-grid-item .kk-product-hover-block a {
  display: flex;
  width: 100%;
  text-decoration: none;
}.kk-product-accessories-grid-item-group {
  padding: 20px;
  align-items: center;
  position: relative;
  background: var(--kk-debug-bg2);
  height: 100%;
  border-right: 1px solid #cdcdcd;
}
.kk-product-accessories-grid-item-group .kk-product-variant-button {
  width: 100%;
  background: var(--kk-debug-bg3);
  padding: 2px 5px;
}
.kk-product-accessories-grid-item-group .kk-product-griditem-placeholder {
  width: 100%;
  height: 120px;
  background: var(--kk-debug-bg3);
}.kk-product-accessories-grid-view {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  background: var(--kk-debug-bg1);
}
.kk-product-accessories-grid-view .kk-product-hover-block {
  display: flex;
  width: 100%;
  align-items: center;
  justify-content: center;
}
.kk-product-accessories-grid-view .kk-product-hover-block:hover .kk-product-badges {
  visibility: visible;
  transform: translateY(25px);
}
.kk-product-accessories-grid-view .kk-product-hover-block:hover .kk-product-actions {
  visibility: visible;
}
.kk-product-accessories-grid-view .kk-product-price-block {
  padding: 0px;
}.kk-product-set-table-item a {
  display: flex;
  color: inherit;
  text-decoration: none !important;
  width: 100%;
}
.kk-product-set-table-item td {
  padding: 4px;
}
.kk-product-set-table-item .kk-td-image {
  width: 100px;
}
.kk-product-set-table-item .kk-td-title {
  min-width: 200px;
}
.kk-product-set-table-item .kk-td-price {
  border-left: 1px solid #cdcdcd;
  border-right: 1px solid #cdcdcd;
  min-width: 240px;
}
.kk-product-set-table-item .kk-td-price .kk-product-price-block {
  height: unset;
  justify-content: center;
}
.kk-product-set-table-item .kk-td-stock {
  border-right: 1px solid #cdcdcd;
  text-align: center;
}
.kk-product-set-table-item .kk-td-qty {
  text-align: center;
  border-left: 1px solid #cdcdcd;
  font-size: 16px;
}
.kk-product-set-table-item .kk-td-unit {
  border-left: 1px solid #cdcdcd;
  padding-left: 15px;
  font-size: 16px;
}.kk-product-set-table-view > table {
  border-spacing: 2px 2px;
  border-collapse: collapse;
  width: 100%;
  table-layout: auto;
}
.kk-product-set-table-view .kk-product-image {
  min-height: auto;
  width: 85px;
  height: 85px;
}
.kk-product-set-table-view .kk-product-image img {
  object-fit: contain;
  width: 100%;
  height: 100%;
}
.kk-product-set-table-view .kk-product-title {
  height: auto;
}
.kk-product-set-table-view thead {
  background: #efefef;
}
.kk-product-set-table-view th {
  font-weight: normal;
  padding: 4px 8px;
}
.kk-product-set-table-view tr {
  border-bottom: 1px solid #cdcdcd;
}.kk-product-set-grid-item-container {
  padding: 10px 0;
  border-bottom: 1px solid #cdcdcd;
}

.kk-product-set-grid-item .kk-product-hover-block {
  display: flex;
  gap: 10px;
  align-items: center;
  justify-content: space-between;
  padding: 0px;
}
.kk-product-set-grid-item .kk-product-title {
  height: unset;
  padding: 2px;
}
.kk-product-set-grid-item .kk-product-ids {
  padding: 2px;
}
.kk-product-set-grid-item .kk-product-set-qty {
  font-weight: bold;
  font-size: 18px;
  color: #000 !important;
}
.kk-product-set-grid-item .kk-product-image {
  width: 85px;
  height: 85px;
  min-height: unset;
  padding: 0px;
}
.kk-product-set-grid-item .kk-product-image img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}.kk-product-set-grid-view {
  display: grid;
  grid-template-columns: 1fr;
}.kk-filetype-image {
  display: flex;
  align-items: center;
  justify-content: center;
  background: #fff;
  padding: 5px;
  border: 1px solid #ccc;
  height: 60px;
  width: 50px;
}
.kk-filetype-image svg {
  width: 40px;
  height: 40px;
}.kk-detail-tab-navigation {
  position: sticky;
  top: 120px;
  z-index: 99;
  background: #fff;
  padding: 0px 0px 0px 0px;
  display: flex;
  gap: 10px;
  border-top: 1px solid #dedede;
  border-bottom: 1px solid #dedede;
  margin-bottom: 10px;
}
.kk-detail-tab-navigation .kk-tab {
  color: #242424;
  padding: 12px;
  padding: 15px 12px 15px 12px;
  line-height: 20px;
  cursor: pointer;
  font-size: 16px;
}
.kk-detail-tab-navigation .kk-tab:first-child {
  padding-left: 2px;
}
.kk-detail-tab-navigation .kk-tab:hover {
  border-bottom: 4px solid #999;
}
.kk-detail-tab-navigation .kk-tab.kk-selected {
  font-weight: 600;
  border-bottom: 4px solid #2c578a;
}.kk-detail-tab-content-v1 {
  display: flex;
  flex-direction: column;
  gap: 15px;
}
.kk-detail-tab-content-v1:last-child {
  min-height: 300px;
}
.kk-detail-tab-content-v1 h2 {
  margin-bottom: 5px;
}

.kk-detail-tab-content {
  display: flex;
  flex-direction: column;
  padding: 20px 0px 20px 0px;
  border-bottom: 1px solid #dedede;
}
.kk-detail-tab-content:last-child {
  min-height: 200px;
}
.kk-detail-tab-content .kk-collapsible .kk-collapsible-content {
  margin: 25px 0px 30px 0px;
}
.kk-detail-tab-content .kk-collapsible .kk-collapsible-header .fui-Button {
  border: none;
  display: none;
}.kk-detail-tabs {
  margin-top: 20px;
  background: #fff;
}
.kk-detail-tabs .fui-TabList {
  position: sticky;
  top: 0;
  z-index: 99;
  background: #fff;
  padding: 15px 5px 30px 5px;
}
.kk-detail-tabs hr {
  border: none;
  height: 1px;
  background-color: #efefef;
  margin: 5px 0px;
}

.kk-detail-tabs-content {
  display: flex;
  flex-direction: column;
  padding: 5px 0px;
}
.kk-detail-tabs-content .kk-detail-tab-content:last-child {
  border-bottom: none;
}

.kk-detail-product-infos {
  display: flex;
  flex-direction: column;
  max-width: 920px;
  align-items: flex-start;
}
.kk-detail-product-infos h3 {
  padding: 10px 0;
}
.kk-detail-product-infos h3:not(:first-child) {
  margin-top: 20px;
}
.kk-detail-product-infos span {
  font-size: 16px;
  line-height: 24px;
}
.kk-detail-product-infos .kk-html-text {
  font-size: 16px;
  line-height: 24px;
}

.kk-detail-product-long-description {
  font-size: 16px;
  display: flex;
  flex-direction: column;
}

.kk-detail-product-technical h3 {
  padding: 10px 4px;
}
.kk-detail-product-technical h3:not(:first-child) {
  margin-top: 20px;
}
.kk-detail-product-technical table {
  border-spacing: 4px 4px;
  width: 920px;
}
.kk-detail-product-technical table td {
  padding: 8px;
  font-size: 16px;
  background: #f2f2f2;
}
.kk-detail-product-technical table td:first-child {
  width: 460px;
}
.kk-detail-product-technical table tr:nth-child(2n) td {
  background: #fff;
}
.kk-detail-product-technical pre {
  font-family: unset;
}

.kk-detail-search-terms {
  display: flex;
  gap: 10px;
  max-width: 1000px;
  flex-wrap: wrap;
}
.kk-detail-search-terms a {
  text-decoration: none;
  background-color: #efefef;
  border-radius: 5px;
  padding: 6px 10px;
  font-size: 16px;
  color: #333;
}
.kk-detail-search-terms a:hover {
  text-decoration: underline;
}

.kk-scrollable-tab-list-v1 {
  position: sticky;
  top: 0px;
  z-index: 99;
  background: #fff;
  padding: 15px 5px 30px 5px;
  display: flex;
  gap: 10px;
}
.kk-scrollable-tab-list-v1 .kk-tab {
  background: #f5f5f5;
  color: #242424;
  padding: 12px;
  border-radius: 10000px;
  line-height: 20px;
  cursor: pointer;
}
.kk-scrollable-tab-list-v1 .kk-tab:hover {
  background: #ebebeb;
}
.kk-scrollable-tab-list-v1 .kk-tab.kk-selected {
  font-weight: 600;
  color: #fff;
  background: #2c578a !important;
}

.kk-scrollable-tab-list {
  position: sticky;
  top: 120px;
  z-index: 99;
  background: #fff;
  padding: 0px 0px 0px 0px;
  display: flex;
  gap: 10px;
  border-top: 1px solid #efefef;
  border-bottom: 1px solid #efefef;
  margin-bottom: 30px;
}
.kk-scrollable-tab-list .kk-tab {
  color: #242424;
  padding: 12px;
  padding: 15px 12px 15px 12px;
  line-height: 20px;
  cursor: pointer;
  font-size: 16px;
}
.kk-scrollable-tab-list .kk-tab:first-child {
  padding-left: 2px;
}
.kk-scrollable-tab-list .kk-tab:hover {
  border-bottom: 4px solid #999;
}
.kk-scrollable-tab-list .kk-tab.kk-selected {
  font-weight: 600;
  border-bottom: 4px solid #2c578a;
}

.kk-detail-product-media {
  display: flex;
  flex-direction: column;
  gap: 20px;
  justify-content: flex-start;
}
.kk-detail-product-media .kk-detail-product-media-files,
.kk-detail-product-media .kk-detail-product-media-links {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  row-gap: 15px;
  column-gap: 15px;
}

.kk-detail-product-media-file,
.kk-detail-product-media-link {
  display: flex;
  gap: 10px;
  align-items: center;
  font-size: 16px;
  line-height: 18px;
  border: 1px solid #ddd;
  border-radius: 5px;
  cursor: pointer;
  color: #333;
}
.kk-detail-product-media-file:hover,
.kk-detail-product-media-link:hover {
  background: #f8f8f8;
}
.kk-detail-product-media-file .kk-filetype-image,
.kk-detail-product-media-link .kk-filetype-image {
  border: none;
  background: none;
}
.kk-detail-product-media-file span,
.kk-detail-product-media-link span {
  display: flex;
}
.kk-detail-product-media-file a,
.kk-detail-product-media-link a {
  color: #333 !important;
}
.kk-detail-product-media-file a:hover,
.kk-detail-product-media-link a:hover {
  text-decoration: underline;
}

.kk-detail-product-accessories .kk-product-table-view-v2 thead {
  position: unset;
  z-index: unset;
}
.kk-detail-product-accessories .kk-product-accessories-table-view thead {
  position: unset;
  z-index: unset;
}.kk-detail-page {
  padding: 0px 16px;
}
.kk-detail-page .kk-detail-selected-product {
  display: flex;
  gap: 10px;
}.kk-start-banners {
  display: flex;
  flex-direction: column;
  gap: 40px;
}

.kk-banner {
  display: flex;
  flex-direction: column;
  padding: 15px 0px 15px 0px;
}

.kk-banner-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 4px 0px;
  margin-bottom: 15px;
  color: #333;
}
.kk-banner-header h2 {
  font-size: 28px;
  line-height: 32px;
}

.kk-banner-actions a, .kk-banner-actions a:visited, .kk-banner-actions a:active {
  padding: 5px 10px;
  border-radius: 5px;
  background: #0c509f;
  color: #fff;
  text-decoration: none;
  font-weight: bold;
}
.kk-banner-actions a:hover {
  background: #09407e;
  text-decoration: none;
}

.kk-banner-main {
  display: flex;
  justify-content: space-between;
  padding: 0px 16px;
}
.kk-banner-main .kk-banner {
  padding: 0;
}
.kk-banner-main .kk-banner-body {
  padding: 0;
}
.kk-banner-main .fui-CarouselNav {
  display: none;
}
.kk-banner-main:hover .fui-CarouselNav {
  display: unset;
}
.kk-banner-main .kk-banner-main-item {
  display: flex;
  overflow: hidden;
}
.kk-banner-main .kk-banner-main-item img {
  object-fit: contain;
  width: 100%;
}

.kk-banner-categories {
  padding: 0px 16px;
}

.kk-banner-promotions {
  display: flex;
  padding: 0px 16px;
  margin-top: 30px;
}
.kk-banner-promotions .fui-CarouselCard {
  max-width: 260px;
  overflow: hidden;
}
.kk-banner-promotions .kk-promotion-item {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  background: #fff;
  margin: 10px 20px;
  border-radius: 10px;
}
.kk-banner-promotions .kk-promotion-item:hover .kk-promotion-image {
  transform: scale(0.95);
}
.kk-banner-promotions .kk-promotion-item:hover .kk-promotion-title {
  filter: saturate(0.8);
}
.kk-banner-promotions .kk-promotion-title-v1 {
  display: flex;
  padding: 4px;
  min-height: 70px;
  justify-content: center;
  align-items: flex-start;
  text-align: center;
  color: #333;
}
.kk-banner-promotions .kk-promotion-title {
  display: flex;
  padding: 4px 10px;
  min-height: 70px;
  justify-content: center;
  align-items: center;
  text-align: center;
  color: #fff;
  background: url("https://img01.kleiner.de/img/ff/test/misc/background_03.png") no-repeat center;
  background-size: contain;
  font-weight: bold;
  font-size: 14px;
  width: 100%;
  filter: saturate(0.3);
  line-height: 16px;
}
.kk-banner-promotions .kk-promotion-image {
  transform-origin: 50% 50%;
  transition: transform 0.2s linear;
  padding: 6px 4px;
}
.kk-banner-promotions .kk-promotion-image img {
  object-fit: contain;
  border-radius: 10px;
  border: 1px solid #ddd;
  box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 3px 0px, rgba(0, 0, 0, 0.06) 0px 1px 2px 0px;
}
.kk-banner-promotions .kk-banner-text-block {
  padding: 20px 0px 20px 0px;
}

.kk-banner-newcomers,
.kk-banner-recommendations,
.kk-banner-topsellers {
  padding: 0px 16px;
}
.kk-banner-newcomers .fui-CarouselCard,
.kk-banner-recommendations .fui-CarouselCard,
.kk-banner-topsellers .fui-CarouselCard {
  max-width: 280px;
}
.kk-banner-brands {
  display: flex;
  padding: 0px 16px;
}
.kk-banner-brands .fui-CarouselViewport {
  padding: 5px;
  overflow: hidden;
}
.kk-banner-brands .fui-CarouselSlider {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  align-items: center;
  max-height: 200px;
}
.kk-banner-brands a.kk-banner-brand-item {
  display: flex;
  height: 80px;
  cursor: pointer;
  padding: 2px;
  margin: 5px 24px;
  border: 1px solid #aaa;
  border-radius: 3px;
}
.kk-banner-brands a.kk-banner-brand-item img {
  object-fit: contain;
  width: 100%;
}
.kk-banner-brands a.kk-banner-brand-item:hover {
  border: 2px solid #333;
  border-radius: 3px;
}
.kk-banner-brands .kk-banner-text-block {
  padding: 20px 0px 20px 0px;
}

.kk-banner-carousel {
  display: flex;
  overflow: hidden;
  width: 100%;
}
.kk-banner-carousel .fui-CarouselButton {
  background: #fff !important;
  border: 1px solid #333;
  border-radius: 0;
  min-width: 42px;
  min-height: 42px;
  background: #f8f8f8 !important;
  border-radius: 3px;
  visibility: hidden;
}
.kk-banner-carousel .fui-CarouselButton .fui-CarouselButton__icon {
  color: #333;
}
.kk-banner-carousel .fui-CarouselButton:hover {
  border: 1px solid #333;
  background: #f2f2f2 !important;
}
.kk-banner-carousel .fui-CarouselButton:hover .fui-CarouselButton__icon {
  color: #333;
}
.kk-banner-carousel .fui-CarouselButton:active {
  background: #fff !important;
  border: 1px solid #666 !important;
}
.kk-banner-carousel .fui-CarouselButton:active .fui-CarouselButton__icon {
  color: #666 !important;
}
.kk-banner-carousel:hover .fui-CarouselButton {
  visibility: visible;
}
.kk-banner-carousel .kk-product {
  border-bottom: none;
}
.kk-banner-carousel .kk-product-tile-item,
.kk-banner-carousel .kk-product-tile-item-group {
  border: 1px solid #aaa;
  border-radius: 5px;
  margin: 0 10px;
}
.kk-banner-carousel .kk-product-tile-item:hover,
.kk-banner-carousel .kk-product-tile-item-group:hover {
  border: 1px solid #666;
}
.kk-banner-carousel .kk-product-tile-item:hover .kk-product-image img,
.kk-banner-carousel .kk-product-tile-item-group:hover .kk-product-image img {
  transform: scale(0.9);
}
.kk-banner-carousel .kk-product-tile-item .kk-product-discount,
.kk-banner-carousel .kk-product-tile-item-group .kk-product-discount {
  color: #fff;
  background: #df0f3c;
  border-radius: 1000px;
}
.kk-banner-carousel .kk-product-tile-item .kk-product-discount .fui-Text,
.kk-banner-carousel .kk-product-tile-item-group .kk-product-discount .fui-Text {
  font-size: 10px;
  line-height: 10px;
  padding: 4px 6px;
}
.kk-banner-carousel .kk-product-image img {
  transform-origin: 50% 50%;
  transition: transform 0.2s linear;
}

.kk-banner-text-block {
  min-width: 400px;
  color: #333;
  background: #fff;
  padding: 40px 20px 20px 20px;
  display: flex;
  gap: 30px;
  align-items: flex-start;
  flex-direction: column;
}

.kk-banner-text-link {
  color: #fff !important;
  background: #0c509f;
  font-size: 18px;
  padding: 10px 15px;
  border-radius: 1000px;
  font-weight: bold;
  text-decoration: none !important;
}
.kk-banner-text-link:hover {
  background: #093b75;
}

.kk-banner-text-h1 {
  font-size: 28px;
  font-weight: bold;
  text-wrap: wrap;
  line-height: 36px;
}

.kk-banner-text-h2 {
  font-size: 20px;
  font-weight: 600;
  line-height: 26px;
  color: #333;
}

.kk-banner-text-h3 {
  font-size: 16px;
  font-weight: 600;
  line-height: 20px;
  color: #333;
}
.kk-banner-text-h3 a {
  color: #0c509f;
  text-decoration: none;
  font-weight: bold;
}

.kk-banner-highlights {
  display: flex;
  gap: 5px;
  padding: 0px 16px;
}
.kk-banner-highlights .kk-banner-body {
  display: flex;
  gap: 20px;
}
.kk-banner-highlights .kk-banner-highlight-image {
  height: 240px;
}
.kk-banner-highlights .kk-banner-highlight-image img {
  object-fit: contain;
  height: 100%;
  overflow: hidden;
  border-radius: 10px;
  border: 1px solid #ddd;
  box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 3px 0px, rgba(0, 0, 0, 0.06) 0px 1px 2px 0px;
}
.kk-banner-highlights .kk-banner-text-block {
  display: flex;
  flex-direction: column;
  gap: 15px;
  padding: 0px;
  align-items: center;
  margin-top: 15px;
  width: 100%;
}
.kk-banner-highlights .kk-banner-text-h3 {
  text-align: center;
  height: 40px;
}
.kk-banner-highlights .kk-banner-highlight-items {
  display: grid;
  width: 100%;
  grid-template-columns: repeat(auto-fit, minmax(370px, 1fr));
  margin: 0px auto;
  column-gap: 20px;
  row-gap: 45px;
  max-width: 1440px;
}
.kk-banner-highlights .kk-banner-highlight-item {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 10px;
}.kk-product-tile-view {
  display: grid;
  background: var(--kk-debug-bg1);
}
.kk-product-tile-view.kk-collapsed {
  grid-template-columns: 1fr 1fr 1fr 1fr;
}
.kk-product-tile-view.kk-collapsed > :nth-child(4n+4) .kk-product-griditem, .kk-product-tile-view.kk-collapsed > :nth-child(4n+4) .kk-product-griditem-group {
  border-right: none;
}
.kk-product-tile-view:not(.kk-collapsed) {
  grid-template-columns: 1fr 1fr 1fr;
}
.kk-product-tile-view:not(.kk-collapsed) > :nth-child(3n+3) .kk-product-griditem, .kk-product-tile-view:not(.kk-collapsed) > :nth-child(3n+3) .kk-product-griditem-group {
  border-right: none;
}
.kk-product-tile-view .kk-product-hover-block {
  display: flex;
  width: 100%;
  align-items: center;
  justify-content: center;
}
.kk-product-tile-view .kk-product-hover-block:hover .kk-product-badges {
  visibility: visible;
  transform: translateY(25px);
}
.kk-product-tile-view .kk-product-hover-block:hover .kk-product-actions {
  visibility: visible;
}
.kk-product-tile-view .kk-product-price-block {
  padding: 0px;
}

.kk-product-tile-item {
  padding: 10px;
  align-items: center;
  position: relative;
  background: var(--kk-debug-bg2);
  border-right: 1px solid #cdcdcd;
  background: #fff;
}

.kk-product-tile-item-group {
  padding: 10px;
  align-items: center;
  position: relative;
  background: var(--kk-debug-bg2);
  height: 100%;
  border-right: 1px solid #cdcdcd;
  background: #fff;
}
.kk-product-tile-item-group .kk-product-placeholder {
  width: 100%;
  height: 115px;
  background: var(--kk-debug-bg3);
}
.kk-product-tile-item-group .kk-product-variant-count {
  display: flex;
  align-items: center;
  visibility: visible;
  background-color: #f4f4f4;
  color: #333;
  padding: 4px;
  font-size: 14px;
  height: unset;
}.kk-quick-search-navbar {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 40px;
  margin-bottom: 10px;
  border-bottom: 1px solid #ddd;
  padding: 10px 0px;
}
.kk-quick-search-navbar .fui-Input {
  min-width: 350px;
}.kk-orderlist-date {
  color: #666;
  font-size: 12px;
}.kk-orderlist-visibility-menu .fui-Button {
  font-weight: normal;
  display: flex;
  justify-content: space-between;
  width: 100%;
}
.kk-orderlist-visibility-menu .fui-Button .fui-MenuButton__menuIcon {
  width: 16px;
  height: 16px;
  font-size: 16px;
}.kk-orderlist-thumbnail {
  display: flex;
  flex-direction: column;
  gap: 10px;
  padding: 5px;
}

.kk-orderlist-thumbnail-details {
  display: flex;
  flex-direction: column;
  gap: 15px;
  padding: 5px;
}

.kk-orderlist-thumbnail-stack {
  display: flex;
  flex-direction: column;
  gap: 10px;
  padding: 5px;
  position: relative;
}

.kk-orderlist-thumbnail-stack1 {
  width: calc(100% - 36px);
  position: absolute;
  height: 20%;
  border-radius: 10px;
  left: 18px;
  right: 18px;
  background: #ddd;
  top: -4px;
  opacity: 50%;
}

.kk-orderlist-thumbnail-stack2 {
  width: calc(100% - 26px);
  position: absolute;
  height: 20%;
  border-radius: 8px;
  left: 13px;
  right: 13px;
  background: #ddd;
  top: 0px;
  border-top: 1px solid #fff;
}

.kk-orderlist-thumbnail-img {
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 10px;
  box-shadow: rgba(0, 0, 0, 0.12) 0px 1px 3px, rgba(0, 0, 0, 0.24) 0px 1px 2px;
  padding: 5px;
  background: #f8f8f8;
  border-top: 1px solid #fff;
  z-index: 2;
  min-width: 224px;
  min-height: 165px;
}
.kk-orderlist-thumbnail-img:hover {
  box-shadow: rgba(0, 0, 0, 0.22) 0px 1px 3px, rgba(0, 0, 0, 0.34) 0px 1px 2px;
}
.kk-orderlist-thumbnail-img img {
  object-fit: contain;
  width: 188px;
  height: 141px;
}

.kk-orderlist-thumbnail-badge {
  position: absolute;
  right: 10px;
  bottom: 10px;
  background: rgba(27, 34, 38, 0.8);
  border-radius: 3px;
  color: #fff;
  padding: 0px 6px;
  font-size: 12px;
  display: flex;
  align-items: center;
  gap: 4px;
}

.kk-orderlist-thumbnail-shared {
  position: absolute;
  left: 10px;
  bottom: 10px;
  padding: 0px 6px;
  font-size: 12px;
  display: flex;
  color: #0c509f;
}

.kk-orderlist-thumbnail-actionbar {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.kk-orderlist-thumbnail-actionbar-title {
  display: flex;
  gap: 5px;
  align-items: center;
}
.kk-orderlist-thumbnail-actionbar-title .fui-Button {
  padding: 0px;
  min-width: unset;
}
.kk-orderlist-thumbnail-actionbar-title a {
  display: flex;
  font-size: 16px;
  font-weight: bold;
  text-decoration: none;
  outline: none;
  color: #000 !important;
  text-overflow: ellipsis;
  overflow: hidden;
  display: inline-block;
  text-wrap: nowrap;
  max-width: 200px;
  line-height: 24px;
}

.kk-orderlist-info {
  color: #666;
  font-size: 12px;
}.kk-orderlist-thumbnail-view {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  row-gap: 20px;
  column-gap: 40px;
}

.kk-orderlist-thumbnail-header {
  margin-top: 40px;
  margin-bottom: 20px;
  border-bottom: 1px solid #ddd;
  padding-bottom: 10px;
}

.kk-orderlist-thumbnail-groups {
  display: flex;
  flex-direction: column;
  gap: 60px;
}

.kk-orderlist-thumbnail-group {
  display: flex;
  gap: 40px;
}
.kk-orderlist-thumbnail-group .kk-orderlist-thumbnail-view {
  grid-template-columns: 1fr 1fr 1fr 1fr;
}

.kk-orderlist-thumbnail-header-group {
  width: 160px;
}
.kk-orderlist-thumbnail-header-group .fui-Text {
  background-color: #efefef;
  padding: 2px 8px;
}.kk-orderlists-navbar {
  display: flex;
  flex-direction: column;
  gap: 30px;
  margin-top: 50px;
}
.kk-orderlists-navbar h1 {
  color: #666;
  font-size: 34px;
}

.kk-orderlists-navbar-actions {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.kk-orderlists-navbar-filters {
  display: flex;
  gap: 10px;
}
.kk-orderlists-navbar-filters .fui-Button {
  background: #f4f4f4;
  color: #333;
  border: none;
  font-size: 14px;
  font-weight: normal;
}
.kk-orderlists-navbar-filters .fui-Button.kk-selected {
  background: #0c509f !important;
  color: #fff;
  font-weight: bold;
}
.kk-orderlists-navbar-filters .fui-Button:hover {
  background: #efefef;
}

.kk-orderlists-navbar-buttons {
  display: flex;
  gap: 10px;
}
.kk-orderlists-navbar-buttons .fui-Button {
  background: #f4f4f4;
  color: #333;
  border: none;
  font-size: 14px;
  font-weight: normal;
}
.kk-orderlists-navbar-buttons .fui-Button.kk-selected {
  background: #0c509f !important;
  color: #fff;
  font-weight: bold;
}
.kk-orderlists-navbar-buttons .fui-Button:hover {
  background: #efefef;
}.kk-input-error-message {
  font-size: 12px;
  color: #d50d4f;
  padding: 0px 2px;
}.kk-orderlist-permissions-info {
  display: flex;
  flex-direction: column;
  gap: 5px;
}.kk-orderlist-permissions-input {
  display: flex;
  flex-direction: column;
  gap: 5px;
}.kk-orderlist-dialog-content-checkboxes {
  background: #f8f8f8;
  max-height: 220px;
  overflow-y: scroll;
  border-radius: 5px;
  padding: 5px;
  scrollbar-width: thin;
  scrollbar-color: #ddd #fff;
}

.kk-orderlist-dialog-content {
  width: 100%;
  min-width: 260px;
}

.kk-info-orderlist-dialog table {
  display: flex;
  min-width: 400px;
  border-spacing: 10px 2px;
  margin-bottom: 0;
  width: auto;
}
.kk-info-orderlist-dialog table .kk-td-name {
  padding: 5px;
  background: #f4f4f4;
}
.kk-info-orderlist-dialog table .kk-td-value {
  padding: 5px;
}
.kk-info-orderlist-dialog table .kk-td-value .kk-value-userid {
  font-size: 12px;
  color: #666;
}
.kk-info-orderlist-dialog table img {
  object-fit: contain;
  width: 80px;
  height: 60px;
}
.kk-info-orderlist-dialog .kk-orderlist-dialog-body {
  max-height: 400px;
}.kk-orderlists-page {
  padding: 0px 16px;
}.kk-suggest {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

.kk-suggest-input {
  display: flex;
  align-items: center;
  border-radius: 40px;
  background: #efefef;
}
.kk-suggest-input input {
  padding: 8px 16px;
  width: 300px;
  font-size: 1rem;
  margin-right: -4px;
  border: none;
  outline: none;
  background: none;
  color: #333;
}
.kk-suggest-input .kk-suggest-dismiss {
  margin-right: 10px;
  margin-top: 5px;
  cursor: pointer;
}
.kk-suggest-input .kk-suggest-dismiss:hover {
  color: #0c509f;
}

.kk-suggest-items {
  display: flex;
  flex-direction: column;
  gap: 5px;
}

.kk-suggest-content {
  display: flex;
  flex-direction: column;
  position: absolute;
  margin-top: 50px;
  z-index: 1000;
  max-height: 400px;
  max-width: 400px;
  overflow-y: auto;
  scrollbar-width: thin;
  padding: 10px;
  border: 1px solid #efefef;
  box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 3px 0px, rgba(0, 0, 0, 0.06) 0px 1px 2px 0px;
  background: #fff;
  border-radius: 5px;
  min-width: 200px;
}.kk-search-dialog-suggest-item {
  display: flex;
  gap: 15px;
  align-items: center;
  justify-content: flex-start;
  cursor: pointer;
  padding: 6px 8px;
  border-radius: 5px;
}
.kk-search-dialog-suggest-item.kk-highlighted {
  background: #0078d4 !important;
  color: #fff;
}
.kk-search-dialog-suggest-item:hover {
  background: #f8f8f8;
}
.kk-search-dialog-suggest-item .kk-text-highlight-mark {
  font-weight: bold;
}
.kk-search-dialog-suggest-item img {
  width: 60px;
  border-radius: 10px;
}

.kk-search-dialg-suggest-item-text {
  display: flex;
  flex-direction: column;
}

.kk-search-dialog-searchmode-popup {
  display: flex;
  height: 100%;
}
.kk-search-dialog-searchmode-popup .fui-MenuButton {
  background: #ff5757;
  color: #fff !important;
  min-width: unset;
  padding: 1px 5px;
  margin-right: 15px;
}
.kk-search-dialog-searchmode-popup .fui-MenuButton:hover {
  background: #e44f4f;
}
.kk-search-dialog-searchmode-popup .fui-MenuButton:active {
  background: #d34a4a !important;
}
.kk-search-dialog-searchmode-popup .fui-MenuList .fui-MenuItem__content {
  font-weight: bold;
}.kk-search-dialog-mode-dropdown {
  padding: 5px;
}
.kk-search-dialog-mode-dropdown .fui-Dropdown {
  min-width: unset;
  border: none;
  background: #efefef;
  padding: 4px 4px;
  border-radius: 15px;
}
.kk-search-dialog-mode-dropdown .fui-Dropdown::after {
  border: none !important;
}
.kk-search-dialog-mode-dropdown .fui-Dropdown__listbox {
  border-radius: 10px;
  padding: 0px;
  z-index: 3;
  min-width: 200px;
}
.kk-search-dialog-mode-dropdown .kk-search-dialog-mode-dropdown-option {
  display: flex;
  flex-direction: column;
  padding: 2px;
}
.kk-search-dialog-mode-dropdown .kk-search-dialog-mode-dropdown-option span {
  color: #666;
}.kk-search-dialog-navbar {
  display: flex;
  gap: 10px;
  padding-bottom: 15px;
  align-items: center;
  justify-content: space-between;
}.kk-product-number-found-in {
  display: flex;
  gap: 10px;
  padding: 5px;
}
.kk-product-number-found-in label {
  text-decoration: underline;
}
.kk-product-number-found-in span {
  background: #c0fb6b;
  padding: 0px 6px;
}.kk-search-dialog-product-list-item {
  display: flex;
  gap: 10px;
  align-items: flex-start;
  justify-content: flex-start;
  padding: 15px 0px;
  border-bottom: 1px solid #cdcdcd;
}
.kk-search-dialog-product-list-item .kk-product-image {
  min-height: auto;
  width: 65px;
  height: 65px;
  padding: 0px;
  cursor: inherit;
}
.kk-search-dialog-product-list-item .kk-product-image img {
  object-fit: contain;
  width: 100%;
  height: 100%;
}
.kk-search-dialog-product-list-item .kk-separator {
  height: 1px;
  border-bottom: 1px dashed #cdcdcd;
}
.kk-search-dialog-product-list-item .kk-product-title {
  height: unset;
  padding: 0px;
  cursor: inherit;
}
.kk-search-dialog-product-list-item .kk-product-title:hover {
  color: inherit;
}
.kk-search-dialog-product-list-item .kk-product-ids {
  height: unset;
  padding: 0px;
}
.kk-search-dialog-product-list-item .kk-product-stock {
  height: unset;
  padding: 0px;
}
.kk-search-dialog-product-list-item .kk-product-quantity {
  height: unset;
  padding: 0px;
  flex-direction: column;
  align-items: flex-start;
}
.kk-search-dialog-product-list-item .kk-product-quantity .fui-Input {
  max-width: 75px;
}
.kk-search-dialog-product-list-item .kk-product-quantity .kk-product-button {
  width: 100%;
  max-width: 190px;
}
.kk-search-dialog-product-list-item .kk-product-vpe {
  height: unset;
  padding: 0px;
  flex-direction: column;
  align-items: flex-start;
  gap: 5px;
}
.kk-search-dialog-product-list-item .kk-product-price-and-tiers {
  display: flex;
  flex-direction: column;
  padding: 0px;
  gap: 5px;
  flex: 1;
}
.kk-search-dialog-product-list-item .kk-product-price-and-tiers .kk-product-tiers {
  flex-direction: row !important;
  width: 100%;
  justify-content: flex-end !important;
  padding-top: 0px;
}
.kk-search-dialog-product-list-item .kk-product-price-block {
  padding: 0px;
  flex: 1;
}
.kk-search-dialog-product-list-item .kk-product-variant-count {
  padding: 0px;
}.kk-search-dialog-product-list-item.kk-product-group {
  min-height: 100px;
}.kk-search-dialog-product-list-view {
  display: flex;
  flex-direction: column;
  padding: 0px 5px;
}.kk-search-dialog-product-table-item.kk-disable-product-link a {
  pointer-events: none;
}
.kk-search-dialog-product-table-item > td {
  padding: 4px;
  height: 96px;
}
.kk-search-dialog-product-table-item .kk-td-title {
  min-width: 200px;
}
.kk-search-dialog-product-table-item .kk-td-price {
  border-left: 1px solid #cdcdcd;
  border-right: 1px solid #cdcdcd;
  min-width: 280px;
}
.kk-search-dialog-product-table-item .kk-td-price .kk-product-price-block {
  height: unset;
}
.kk-search-dialog-product-table-item .kk-td-qty {
  min-width: 300px;
  border-right: 1px solid #cdcdcd;
}
.kk-search-dialog-product-table-item .kk-td-qty .kk-product-variant-button {
  width: 100%;
}
.kk-search-dialog-product-table-item .fui-PopoverSurface {
  z-index: 201;
}.kk-search-dialog-product-table-view > table {
  border-spacing: 2px 2px;
  border-collapse: collapse;
  width: 100%;
  table-layout: auto;
}
.kk-search-dialog-product-table-view thead {
  background: #efefef;
  position: sticky;
  top: 0px;
  z-index: 2;
}
.kk-search-dialog-product-table-view th {
  font-weight: normal;
  padding: 4px;
}
.kk-search-dialog-product-table-view tr {
  border-bottom: 1px solid #cdcdcd;
}
.kk-search-dialog-product-table-view .kk-product-title {
  height: auto;
  cursor: inherit;
}
.kk-search-dialog-product-table-view .kk-product-title:hover {
  color: inherit;
}
.kk-search-dialog-product-table-view .kk-product-image {
  min-height: auto;
  width: 65px;
  height: 65px;
  padding: 0px;
  cursor: inherit;
}
.kk-search-dialog-product-table-view .kk-product-image img {
  object-fit: contain;
  width: 100%;
  height: 100%;
}
.kk-search-dialog-product-table-view .fui-Checkbox {
  padding: 2px 0px;
}
.kk-search-dialog-product-table-view .fui-Checkbox__indicator {
  margin: 0px;
}
.kk-search-dialog-product-table-view .kk-td-intersect {
  border: none;
}.kk-search-dialog-results {
  display: flex;
  flex-direction: column;
  gap: 10px;
  height: 100%;
  overflow-y: auto;
  scrollbar-width: thin;
}
.kk-search-dialog-results .kk-loader {
  align-self: center;
}.kk-search-dialog-content {
  display: flex;
  flex-direction: column;
  position: relative;
  gap: 10px;
  height: 100%;
}

.kk-search-dialog-actions {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  margin-top: 10px;
}
.kk-search-dialog-actions .fui-Button {
  font-weight: normal;
}.kk-dropdown {
  display: flex;
  gap: 10px;
  align-items: center;
}
.kk-dropdown .fui-Dropdown {
  min-width: unset;
  border: none;
  background: #efefef;
  padding: 2px 4px;
  border-radius: 15px;
}
.kk-dropdown .fui-Dropdown::after {
  border: none !important;
}
.kk-dropdown .fui-Dropdown__listbox {
  margin-top: 10px;
  border-radius: 10px;
}.kk-radio-button-group .kk-radio-button-group-buttons {
  display: flex;
}
.kk-radio-button-group .kk-radio-button {
  background: #ededed;
  color: #333;
  border: 1px solid #cdcdcd;
  cursor: pointer;
}
.kk-radio-button-group .kk-radio-button:hover {
  background: #fff;
}
.kk-radio-button-group .kk-radio-button.kk-disabled {
  cursor: not-allowed;
}
.kk-radio-button-group .kk-selected {
  background: #0c509f !important;
  border: 1px solid #0c509f;
  color: #fff;
  cursor: default;
}
.kk-radio-button-group.kk-size-small .kk-radio-button-group-label {
  font-size: 12px;
}
.kk-radio-button-group.kk-size-small .kk-radio-button {
  font-size: 12px;
  min-width: 60px;
  padding: 6px 8px;
}
.kk-radio-button-group.kk-size-medium .kk-radio-button-group-label {
  font-size: 14px;
}
.kk-radio-button-group.kk-size-medium .kk-radio-button {
  font-size: 14px;
  min-width: 80px;
  padding: 8px 10px;
}
.kk-radio-button-group.kk-shape-rect .kk-radio-button {
  border-radius: 0px;
}
.kk-radio-button-group.kk-shape-rounded .kk-radio-button {
  border-radius: 5px;
}
.kk-radio-button-group.kk-shape-circled .kk-radio-button {
  border-radius: 10000px;
}
.kk-radio-button-group.kk-appearance-separated .kk-radio-button-group-buttons {
  gap: 10px;
}
.kk-radio-button-group.kk-appearance-joined .kk-radio-button-group-buttons {
  gap: 0px;
}
.kk-radio-button-group.kk-appearance-joined .kk-first {
  border-right: none;
  border-top-right-radius: 0px;
  border-bottom-right-radius: 0px;
}
.kk-radio-button-group.kk-appearance-joined .kk-last {
  border-left: none;
  border-top-left-radius: 0px;
  border-bottom-left-radius: 0px;
}
.kk-radio-button-group.kk-appearance-joined .kk-mid {
  border-radius: unset;
}
.kk-radio-button-group.kk-label-pos-before {
  display: flex;
  flex-direction: row;
  gap: 10px;
  align-items: center;
}
.kk-radio-button-group.kk-label-pos-above {
  display: flex;
  flex-direction: column;
  gap: 5px;
  align-items: flex-start;
}.kk-orderlist-navbar {
  display: flex;
  flex-direction: column;
  gap: 30px;
  margin-top: 50px;
}
.kk-orderlist-navbar h1 {
  color: #666;
  font-size: 34px;
}
.kk-orderlist-navbar .kk-dropdown .fui-Dropdown {
  min-width: 130px;
}
.kk-orderlist-navbar .kk-radio-button {
  border: none;
  background: #f4f4f4;
  padding: 10px !important;
  min-width: 100px !important;
}
.kk-orderlist-navbar .kk-radio-button.kk-selected {
  font-weight: bold;
}
.kk-orderlist-navbar .kk-radio-button:hover {
  background: #efefef;
}

.kk-orderlist-navbar-groups {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.kk-orderlist-navbar-actions {
  display: flex;
  gap: 10px;
  align-items: center;
}
.kk-orderlist-navbar-actions .fui-Button {
  background: #f4f4f4;
  color: #333;
  border: none;
  font-size: 14px;
  font-weight: normal;
}
.kk-orderlist-navbar-actions .fui-Button.kk-selected {
  background: #0c509f !important;
  color: #fff;
  font-weight: bold;
}
.kk-orderlist-navbar-actions .fui-Button:hover {
  background: #efefef;
}.kk-orderlist-position-item-menu {
  display: flex;
  flex-direction: column;
  gap: 5px;
}.kk-orderlist-positions-table-view-item a {
  display: flex;
  color: inherit;
  text-decoration: none !important;
  width: 100%;
}
.kk-orderlist-positions-table-view-item > td {
  padding: 4px;
  height: 90px;
}
.kk-orderlist-positions-table-view-item .kk-td-pos {
  width: 45px;
}
.kk-orderlist-positions-table-view-item .kk-td-image {
  width: 80px;
}
.kk-orderlist-positions-table-view-item .kk-td-title {
  min-width: 200px;
}
.kk-orderlist-positions-table-view-item .kk-td-price {
  border-left: 1px solid #cdcdcd;
  border-right: 1px solid #cdcdcd;
  min-width: 240px;
  max-width: 300px;
}
.kk-orderlist-positions-table-view-item .kk-td-price .kk-product-price-block {
  height: unset;
}
.kk-orderlist-positions-table-view-item .kk-td-qty {
  min-width: 300px;
  max-width: 360px;
  border-right: 1px solid #cdcdcd;
}
.kk-orderlist-positions-table-view-item .kk-td-actions {
  width: 45px;
}.kk-orderlist-variant-attributes {
  display: grid;
  grid-template-columns: auto auto auto auto;
  width: 100%;
  padding: 0px 10px 0px 5px;
  grid-column-gap: 5px;
}

.kk-orderlist-variant-attribute {
  display: flex;
  flex-direction: column;
  max-width: 120px;
  height: 100%;
  justify-content: space-between;
}
.kk-orderlist-variant-attribute span, .kk-orderlist-variant-attribute strong {
  text-overflow: ellipsis;
  overflow: hidden;
}.kk-orderlist-position-item-variant-menu {
  display: flex;
  align-items: center;
}
.kk-orderlist-position-item-variant-menu .kk-orderlist-position-item-variant-menu-buttons {
  display: flex;
  gap: 10px;
}
.kk-orderlist-position-item-variant-menu .kk-orderlist-position-item-variant-menu-buttons .fui-Button {
  padding: 0px;
  text-decoration: underline;
  font-weight: normal;
}.kk-orderlist-positions-table-view-item-variant {
  background: #f8f8f8;
}
.kk-orderlist-positions-table-view-item-variant .kk-product-image {
  background: #fff;
  border-radius: 10px;
}
.kk-orderlist-positions-table-view-item-variant .kk-td-actions {
  text-align: center;
}
.kk-orderlist-positions-table-view-item-variant .kk-td-actions .fui-Button {
  color: #999 !important;
}
.kk-orderlist-positions-table-view-item-variant .kk-td-actions .fui-Button.kk-checked {
  color: #0c509f !important;
}

.kk-orderlist-variant-attribute {
  display: flex;
  flex-direction: column;
  max-width: 120px;
  height: 100%;
  justify-content: space-between;
}
.kk-orderlist-variant-attribute span, .kk-orderlist-variant-attribute strong {
  text-overflow: ellipsis;
  overflow: hidden;
}.kk-orderlist-positions-table-view-item-group-toolbar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 15px 10px;
  background: #f8f8f8;
}
.kk-orderlist-positions-table-view-item-group-toolbar .kk-search-input input {
  width: 200px;
}
.kk-orderlist-positions-table-view-item-group-toolbar .kk-radio-button-group .fui-Button {
  background: #efefef;
  color: #0c509f !important;
  border: 1px solid #ddd !important;
}
.kk-orderlist-positions-table-view-item-group-toolbar .kk-radio-button-group .fui-Button.kk-selected {
  color: #0c509f !important;
}
.kk-orderlist-positions-table-view-item-group-toolbar .fui-Button {
  background: #efefef;
  border: none !important;
}
.kk-orderlist-positions-table-view-item-group-toolbar .fui-Button:hover {
  background: #fff;
}.kk-orderlist-position-item-group-menu {
  display: flex;
  flex-direction: column;
  gap: 5px;
}.kk-orderlist-positions-table-view-item-group .kk-td-price {
  border: none;
}
.kk-orderlist-positions-table-view-item-group .kk-td-toolbar .fui-Button {
  background: #efefef;
}
.kk-orderlist-positions-table-view-item-group .kk-orderlist-position-item-selected-hint {
  padding: 2px 10px;
  background: rgb(37, 185, 37);
  color: #fff;
  border-radius: 10px;
}.kk-orderlist-positions-table-view {
  margin-top: 20px;
}
.kk-orderlist-positions-table-view > table {
  border-spacing: 2px 2px;
  border-collapse: collapse;
  width: 100%;
  table-layout: auto;
}
.kk-orderlist-positions-table-view thead {
  background: #efefef;
}
.kk-orderlist-positions-table-view th {
  font-weight: normal;
  padding: 4px;
}
.kk-orderlist-positions-table-view tr {
  border-bottom: 1px solid #cdcdcd;
}
.kk-orderlist-positions-table-view .kk-tr-toolbar {
  padding: 10px 10px 20px 10px;
}
.kk-orderlist-positions-table-view .kk-product-title {
  height: auto;
  cursor: default;
}
.kk-orderlist-positions-table-view .kk-product-title:hover {
  color: inherit;
}
.kk-orderlist-positions-table-view .kk-product-image {
  min-height: auto;
  width: 65px;
  height: 65px;
  padding: 0px;
  cursor: default;
}
.kk-orderlist-positions-table-view .kk-product-image img {
  object-fit: contain;
  width: 100%;
  height: 100%;
}
.kk-orderlist-positions-table-view .fui-Checkbox {
  padding: 2px 0px;
}
.kk-orderlist-positions-table-view .fui-Checkbox__indicator {
  margin: 0px;
}
.kk-orderlist-positions-table-view.kk-multiinput-view .kk-td-qty .kk-product-quantity-v5 .fui-Input {
  padding-right: 0px;
  max-width: 110px;
}
.kk-orderlist-positions-table-view.kk-multiinput-view .kk-td-qty .kk-product-quantity-v5 .fui-Input .fui-Button {
  color: #999;
}.kk-orderlist-positions-list-view-item {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 5px;
  width: 100%;
  border-bottom: 1px solid #ddd;
  padding-bottom: 15px;
  padding-top: 15px;
}
.kk-orderlist-positions-list-view-item .kk-orderlist-pos-image {
  border: 1px solid #ddd;
}
.kk-orderlist-positions-list-view-item .kk-orderlist-pos-image .kk-product-image {
  padding: 0px;
  min-height: unset;
  width: 80px;
  height: 80px;
  min-width: 80px;
  min-height: 80px;
  max-width: 80px;
  max-height: 80px;
  background: #fff;
}
.kk-orderlist-positions-list-view-item .kk-orderlist-pos-image .kk-product-image img {
  object-fit: contain;
  width: 100%;
  height: 100%;
}
.kk-orderlist-positions-list-view-item .kk-orderlist-pos-detail {
  display: flex;
  flex-direction: column;
  width: 100%;
}
.kk-orderlist-positions-list-view-item .kk-product-title {
  padding: 0px;
  height: unset;
}
.kk-orderlist-positions-list-view-item .kk-product-stock {
  padding: 0px;
  height: unset;
}
.kk-orderlist-positions-list-view-item .kk-product-ids {
  padding: 0px;
  height: unset;
}
.kk-orderlist-positions-list-view-item .kk-separator {
  height: 1px;
  border-bottom: 1px dashed #cdcdcd;
  margin: 10px 0px;
  width: 100%;
}
.kk-orderlist-positions-list-view-item .kk-orderlist-pos-price-and-quantity {
  display: flex;
  justify-content: space-between;
  width: 100%;
}
.kk-orderlist-positions-list-view-item .kk-product-quantity-v5 {
  padding: 0px;
  flex-direction: column;
  align-items: flex-start;
  height: unset;
}
.kk-orderlist-positions-list-view-item .kk-product-quantity-v5 .kk-product-button {
  width: 100%;
}
.kk-orderlist-positions-list-view-item .kk-product-quantity-v5 .kk-product-button .fui-Button {
  width: 100%;
  max-width: 190px;
}
.kk-orderlist-positions-list-view-item .kk-product-price-and-tiers {
  flex-direction: column;
  align-items: flex-end;
  gap: 0px !important;
  padding: 0px;
}
.kk-orderlist-positions-list-view-item .kk-product-price-block {
  padding: 0px;
  height: unset;
}
.kk-orderlist-positions-list-view-item .kk-product-tiers {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 0px !important;
  padding: 0px;
  margin-bottom: 5px;
}
.kk-orderlist-positions-list-view-item .kk-product-vpe {
  flex-direction: column;
  align-items: flex-start;
  padding: 0px;
  gap: 5px;
  height: unset;
  margin-top: 5px;
}
.kk-orderlist-positions-list-view-item .kk-orderlist-pos-actions {
  width: 100%;
  margin-top: 15px;
}
.kk-orderlist-positions-list-view-item .kk-orderlist-pos-actions .kk-orderlist-position-item-menu-buttons {
  display: flex;
  gap: 20px;
}
.kk-orderlist-positions-list-view-item .kk-orderlist-pos-actions .kk-orderlist-position-item-menu-buttons .fui-Button {
  font-weight: normal;
  text-decoration: underline;
  padding: 0px;
}.kk-orderlist-positions-list-view-item-variant:last-child {
  border-bottom: none;
}
.kk-orderlist-positions-list-view-item-variant .kk-orderlist-pos-image .kk-product-image {
  width: 65px;
  height: 65px;
  min-width: 65px;
  min-height: 65px;
  max-width: 65px;
  max-height: 65px;
}
.kk-orderlist-positions-list-view-item-variant .kk-product-attributes-table {
  margin-top: 5px;
  background: #fff;
}
.kk-orderlist-positions-list-view-item-variant .kk-product-attributes-table table {
  border-spacing: 2px;
  background-color: #fff;
}.kk-orderlist-positions-list-view-item-group .kk-product-variant-count {
  padding: 0px;
}
.kk-orderlist-positions-list-view-item-group .kk-orderlist-pos-actions {
  width: 100%;
  margin-top: 15px;
}
.kk-orderlist-positions-list-view-item-group .kk-orderlist-pos-actions .kk-orderlist-position-item-group-menu-buttons {
  display: flex;
  gap: 20px;
}
.kk-orderlist-positions-list-view-item-group .kk-orderlist-pos-actions .kk-orderlist-position-item-group-menu-buttons .fui-Button {
  font-weight: normal;
  text-decoration: underline;
  padding: 0px;
}
.kk-orderlist-positions-list-view-item-group .kk-orderlist-pos-variants {
  width: 100%;
  background-color: #f8f8f8;
  padding: 5px 5px;
}
.kk-orderlist-positions-list-view-item-group .kk-orderlist-pos-variants .kk-collapsible-header h2 {
  font-size: 16px;
}
.kk-orderlist-positions-list-view-item-group .kk-orderlist-pos-variants .kk-collapsible-header .fui-Button {
  border: none;
}
.kk-orderlist-positions-list-view-item-group .kk-orderlist-pos-variants .kk-product-variant-button {
  height: unset;
}
.kk-orderlist-positions-list-view-item-group .kk-orderlist-pos-variants .kk-orderlist-positions-list-view-item-group-toolbar {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 10px;
}
.kk-orderlist-positions-list-view-item-group .kk-orderlist-pos-variants .kk-orderlist-positions-list-view-item-group-toolbar .kk-flex-row:first-child .kk-radio-button-group:first-child {
  display: none;
}
.kk-orderlist-positions-list-view-item-group .kk-orderlist-pos-variants .kk-orderlist-pos-variants-list-view {
  margin-top: 10px;
  border-top: 1px solid #ddd;
}.kk-orderlist-positions-list-view {
  margin-top: 20px;
  border-top: 1px solid #ddd;
}.kk-drag-handle {
  display: flex;
  cursor: grab;
}
.kk-drag-handle.kk-dragging {
  cursor: grabbing;
}.kk-orderlist-sorting-item a {
  display: flex;
  color: inherit;
  text-decoration: none !important;
  width: 100%;
}
.kk-orderlist-sorting-item td {
  padding: 4px;
}
.kk-orderlist-sorting-item .kk-td-title {
  min-width: 200px;
}
.kk-orderlist-sorting-item svg {
  pointer-events: none;
}
.kk-orderlist-sorting-item .kk-td-price {
  min-width: 240px;
}
.kk-orderlist-sorting-item .kk-td-qty {
  min-width: 300px;
}.kk-orderlist-sorting-view {
  margin-top: 20px;
}
.kk-orderlist-sorting-view > table {
  border-spacing: 2px 2px;
  border-collapse: collapse;
  width: 100%;
  table-layout: auto;
}
.kk-orderlist-sorting-view thead {
  background: #efefef;
}
.kk-orderlist-sorting-view th {
  font-weight: normal;
  padding: 4px;
}
.kk-orderlist-sorting-view tr {
  border-bottom: 1px solid #cdcdcd;
}
.kk-orderlist-sorting-view .kk-product-title {
  height: auto;
  cursor: default;
}
.kk-orderlist-sorting-view .kk-product-title:hover {
  color: inherit;
}
.kk-orderlist-sorting-view .kk-product-image {
  min-height: auto;
  width: 65px;
  height: 65px;
  padding: 0px;
  cursor: default;
}
.kk-orderlist-sorting-view .kk-product-image img {
  object-fit: contain;
  width: 100%;
  height: 100%;
}.kk-orderlist {
  margin: 40px 0px 150px 0px;
}

.kk-orderlist-page {
  padding: 0px 16px;
}
.kk-orderlist-page .kk-page-header {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-start;
}
.kk-orderlist-page .kk-page-header a:hover {
  color: #666;
}
.kk-orderlist-page .kk-page-header a:visited {
  color: inherit;
}.kk-ordermatrices-settings-dialog-content {
  height: 100%;
}

.kk-settings-dialog-view-item {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 10px;
  background: #efefef;
  cursor: pointer;
  padding: 10px;
  border-radius: 10px;
}
.kk-settings-dialog-view-item:hover {
  background: #ddd;
}

.kk-settings-dialog-view-item-title {
  font-size: 16px;
  color: #333;
}

.kk-settings-dialog-view-item-subtitle {
  font-size: 12px;
  color: #666;
}

.kk-settings-dialog-navigation-view {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 10px;
}

.kk-settings-dialog-view-item-image {
  display: flex;
  min-height: auto;
  width: 80px;
  height: 80px;
  padding: 2px;
  border-right: 10px;
}
.kk-settings-dialog-view-item-image img {
  object-fit: contain;
  width: 100%;
  height: 100%;
}

.kk-settings-dialog-breadcrumb {
  display: flex;
  align-items: center;
  gap: 2px;
}
.kk-settings-dialog-breadcrumb .fui-Button {
  padding: 2px;
  min-width: unset;
}.kk-ordermatirces-view {
  display: flex;
  flex-direction: column;
  gap: 20px;
}

.kk-ordermatrices-view-group {
  display: flex;
  flex-direction: column;
  gap: 20px;
  margin: 50px 0px;
}
.kk-ordermatrices-view-group:first-child {
  margin-top: 0px;
}

.kk-ordermatrices-view-group-items {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 30px;
  margin-top: 10px;
}

.kk-ordermatrices-view-item {
  display: flex;
  gap: 20px;
  align-items: center;
  position: relative;
  padding: 5px;
  cursor: pointer;
  border-radius: 10px;
  background: #f4f4f4;
  text-decoration: none !important;
}
.kk-ordermatrices-view-item:hover {
  background: #efefef;
}
.kk-ordermatrices-view-item:hover .kk-ordermatices-item-hint {
  text-decoration: underline;
}

.kk-ordermatrices-item-image {
  display: flex;
  min-height: auto;
  width: 80px;
  height: 80px;
  padding: 2px;
}
.kk-ordermatrices-item-image img {
  object-fit: contain;
  width: 100%;
  height: 100%;
}

.kk-ordermatrices-item-body {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 5px;
}
.kk-ordermatrices-item-body .fui-Button {
  padding: 0;
}

.kk-ordermatirces-item-title {
  font-size: 18px;
  color: #333;
}

.kk-ordermatirces-item-path {
  color: #999;
}

.kk-ordermatrices-item-actions {
  display: flex;
  position: absolute;
  bottom: 10px;
  right: 10px;
}
.kk-ordermatrices-item-actions .fui-Button {
  color: #999;
}
.kk-ordermatrices-item-actions .fui-Button.kk-selected {
  background: #0c509f;
  color: #fff;
  font-weight: bold;
  border: none;
}.kk-ordermatrices-navbar {
  display: flex;
  flex-direction: column;
  gap: 30px;
  margin-top: 50px;
  margin-bottom: 40px;
}
.kk-ordermatrices-navbar h1 {
  color: #666;
  font-size: 34px;
}

.kk-ordermatrices-navbar-actions {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.kk-ordermatrices-navbar-actions .fui-Button {
  background: #f4f4f4;
  color: #333;
  border: none;
  font-size: 14px;
  font-weight: normal;
}
.kk-ordermatrices-navbar-actions .fui-Button.kk-selected {
  background: #0c509f;
  color: #fff;
  font-weight: bold;
}.kk-ordermatrices-page {
  padding: 0px 16px;
}
.kk-ordermatrices-page .kk-ordermatrices-breadcrumb {
  display: flex;
  color: #333;
  cursor: pointer;
}
.kk-ordermatrices-page .kk-ordermatrices-breadcrumb .kk-breadcrumb-item {
  background: #f4f4f4;
}
.kk-ordermatrices-page .kk-ordermatrices-breadcrumb .kk-breadcrumb-item::before {
  content: none;
}
.kk-ordermatrices-page .kk-ordermatrices-breadcrumb .kk-breadcrumb-item:hover {
  background: #efefef;
}
.kk-ordermatrices-page .kk-ordermatrices-breadcrumb .kk-breadcrumb-item:active {
  background: #e4e4e4;
}
.kk-ordermatrices-page .kk-ordermatrices-breadcrumb .kk-breadcrumb-item.kk-disabled {
  background: #f4f4f4 !important;
  cursor: default;
}
.kk-ordermatrices-page .kk-ordermatrices-breadcrumb .kk-breadcrumb-item-link {
  filter: none;
}
.kk-ordermatrices-page .kk-ordermatrices-breadcrumb .kk-breadcrumb-item-appearance-end {
  padding: 8px 20px 8px 25px;
}
.kk-ordermatrices-page .kk-ordermatrices-breadcrumb .kk-breadcrumb-item-appearance-mid {
  padding: 8px 20px 8px 25px;
}
.kk-ordermatrices-page .kk-ordermatrices-breadcrumb .kk-sep {
  margin: 0px 25px;
}.kk-ordermatrix-settings-dialog-content {
  height: 100%;
}

.kk-ordermatrix-settings-dialog-content-body {
  display: flex;
  flex-direction: column;
  gap: 20px;
}

.kk-ordermatrix-settings {
  display: flex;
  flex-direction: column;
  gap: 40px;
}

.kk-ordermatrix-check-group {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.kk-ordermatrix-check-group-header {
  display: flex;
  align-items: center;
  border-bottom: 1px solid #efefef;
  padding: 5px 0px;
}

.kk-ordermatrix-check-group-items {
  display: flex;
  flex-direction: column;
  gap: 2px;
}
.kk-ordermatrix-check-group-items .fui-Checkbox {
  padding: 2px 0px;
}
.kk-ordermatrix-check-group-items .fui-Checkbox:nth-child(2n-1) {
  background: #f4f4f4;
}

.kk-ordermatrix-column-dropdown {
  display: flex;
  flex-direction: column;
  gap: 10px;
  align-items: flex-start;
}

.kk-navbar-button {
  display: flex;
  align-items: center;
  justify-content: center;
  background: #f4f4f4;
  color: #333;
  border-radius: 1000px;
  padding: 5px;
  font-size: 14px;
  line-height: 22px;
  min-width: 96px;
  padding: 8px 16px;
  cursor: pointer;
}
.kk-navbar-button:hover {
  background: #e2e2e2;
}
.kk-navbar-button.kk-selected {
  background: #0c509f;
  color: #fff;
  font-weight: bold;
}
.kk-navbar-button.kk-selected:hover {
  background: #0a4486;
}

.kk-ordermatrix-settings-dialog-actions .fui-Button {
  font-weight: normal;
}
.kk-ordermatrix-settings-dialog-actions .kk-btn-reset {
  color: #fff !important;
  background: #dd3636;
  border: none !important;
}
.kk-ordermatrix-settings-dialog-actions .kk-btn-reset:hover {
  background: #c93030;
}
.kk-ordermatrix-settings-dialog-actions .kk-btn-reset:active {
  background: #a12727;
}
.kk-ordermatrix-settings-dialog-actions .kk-btn-save {
  color: #fff !important;
  background: #44a244;
  border: none !important;
}
.kk-ordermatrix-settings-dialog-actions .kk-btn-save:hover {
  background: #3d913d;
}
.kk-ordermatrix-settings-dialog-actions .kk-btn-save:active {
  background: #327532;
}.kk-product-dialog-content {
  height: 100%;
}
.kk-product-dialog-content .kk-product-dialog-actions {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  margin-top: 10px;
}
.kk-product-dialog-content .kk-product-dialog-actions .fui-Button {
  font-weight: normal;
}

.kk-product-dialog-content-body {
  display: flex;
  flex-direction: column;
  gap: 40px;
  height: 100%;
}
.kk-product-dialog-content-body .kk-product-attributes-table {
  margin-top: 15px;
  padding: 15px 0px;
  border-top: 1px solid #efefef;
}
.kk-product-dialog-content-body .kk-product-attributes-table > table {
  border-spacing: 2px 2px;
}
.kk-product-dialog-content-body > .fui-Button {
  min-height: 40px;
}.kk-ordermatrix-page {
  padding: 0px 16px;
}
.kk-ordermatrix-page.kk-fullscreen {
  margin: 0;
  padding: 0px 10px;
  position: absolute;
  left: 0px;
  top: 0px;
  z-index: 110;
  width: 100%;
  max-width: unset;
  background-color: #fff;
}
.kk-ordermatrix-page.kk-fullscreen .kk-ordermatrix-breadcrumb {
  display: none;
}
.kk-ordermatrix-page.kk-fullscreen .kk-ordermatrix-navbar {
  margin-top: 0;
  top: 0px;
}
.kk-ordermatrix-page.kk-fullscreen .kk-ordermatrix-product-view {
  margin-top: 0px;
  margin-bottom: 652px;
}
.kk-ordermatrix-page.kk-fullscreen .kk-ordermatrix-product-view th {
  top: 93px;
}
.kk-ordermatrix-page.kk-fullscreen .kk-td-sticky {
  top: 162px;
}

.kk-ordermatrix-breadcrumb {
  display: flex;
  color: #333;
  cursor: pointer;
}
.kk-ordermatrix-breadcrumb .kk-breadcrumb-item {
  background: #f4f4f4;
}
.kk-ordermatrix-breadcrumb .kk-breadcrumb-item::before {
  content: none;
}
.kk-ordermatrix-breadcrumb .kk-breadcrumb-item:hover {
  background: #efefef;
}
.kk-ordermatrix-breadcrumb .kk-breadcrumb-item:active {
  background: #e4e4e4;
}
.kk-ordermatrix-breadcrumb .kk-breadcrumb-item-link {
  filter: none;
}
.kk-ordermatrix-breadcrumb .kk-breadcrumb-item-appearance-end {
  padding: 8px 20px 8px 25px;
}
.kk-ordermatrix-breadcrumb .kk-breadcrumb-item-appearance-mid {
  padding: 8px 20px 8px 25px;
}
.kk-ordermatrix-breadcrumb .kk-sep {
  margin: 0px 25px;
}

.kk-ordermatrix-navbar {
  display: flex;
  flex-direction: column;
  gap: 20px;
  margin-top: 40px;
  position: sticky;
  top: 85px;
  background: #fff;
  z-index: 100;
  padding: 10px 0px 5px 0px;
}
.kk-ordermatrix-navbar h1 {
  color: #666;
  font-size: 34px;
}

.kk-ordermatrix-navbar-actions {
  display: flex;
  gap: 10px;
}
.kk-ordermatrix-navbar-actions .fui-Button {
  background: #f4f4f4;
  border: none;
}

.kk-ordermatrix-navbar-options {
  display: flex;
  align-items: center;
  justify-content: flex-end;
}

.kk-ordermatrix-navbar-option-buttons {
  display: flex;
  justify-content: flex-end;
  gap: 10px;
  width: 100%;
}
.kk-ordermatrix-navbar-option-buttons .fui-Button {
  background: #f4f4f4;
  color: #333;
  border: none;
  font-size: 14px;
  font-weight: normal;
}
.kk-ordermatrix-navbar-option-buttons .fui-Button.kk-selected {
  background: #0c509f !important;
  color: #fff;
  font-weight: bold;
}
.kk-ordermatrix-navbar-option-buttons .fui-Button:hover {
  background: #efefef;
}

.kk-ordermatrix-product-view {
  margin-top: 15px;
  display: flex;
}
.kk-ordermatrix-product-view > table {
  width: 100%;
  overflow-x: scroll;
  scrollbar-width: thin;
  background: #fff;
}
.kk-ordermatrix-product-view > table tr:hover .kk-td-text,
.kk-ordermatrix-product-view > table tr:hover .kk-td-row-value {
  background: #fafafa;
}
.kk-ordermatrix-product-view > table th {
  padding: 2px;
  white-space: wrap;
  text-align: center;
  height: 55px;
  font-weight: bold;
  font-size: 12px;
  position: sticky;
  top: 175px;
  height: 65px;
  z-index: 100;
  background: #fff;
  border-bottom: 1px solid #efefef;
  max-width: 100px;
  overflow: hidden;
  text-overflow: ellipsis;
}
.kk-ordermatrix-product-view > table .kk-th-name {
  text-align: end;
  font-weight: bold;
}
.kk-ordermatrix-product-view > table td {
  background: #f4f4f4;
  vertical-align: middle;
  text-align: center;
  height: 88px;
  min-width: 95px;
}
.kk-ordermatrix-product-view > table .kk-td-image {
  background: #fff;
  padding: 4px;
  min-width: 75px;
}
.kk-ordermatrix-product-view > table .kk-td-text {
  background: #fff;
  text-align: start;
  padding: 5px 10px;
  vertical-align: top;
  min-width: 165px;
}
.kk-ordermatrix-product-view > table .kk-td-sticky {
  position: sticky;
  top: 240px;
}
.kk-ordermatrix-product-view > table .kk-td-row-value {
  background: #fff;
  padding: 5px 10px;
  font-size: 12px;
  border-bottom: 1px solid #f4f4f4;
  vertical-align: top;
  border-right: 1px solid #ccc;
  white-space: nowrap;
  text-align: left;
  width: 100%;
}
.kk-ordermatrix-product-view > table .kk-td-product {
  background: #fff;
}
.kk-ordermatrix-product-view > table .kk-td-valid-qty {
  background: #b7eaa0;
}
.kk-ordermatrix-product-view > table .kk-td-invalid-qty {
  background: #ffc3c3;
}
.kk-ordermatrix-product-view > table .kk-td-cell {
  border-right: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
}

.kk-ordermatrix-product-image {
  display: flex;
  padding: 4px;
  width: 65px;
  height: 65px;
  background: #f4f4f4;
  border-radius: 10px;
  box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 3px 0px, rgba(0, 0, 0, 0.06) 0px 1px 2px 0px;
}
.kk-ordermatrix-product-image img {
  object-fit: contain;
  width: 100%;
  height: 100%;
}

.kk-ordermatrix-view-cell {
  display: flex;
  flex-direction: column;
  padding: 4px;
  gap: 5px;
}

.kk-ordermatrix-view-cell-text {
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-size: 12px;
  gap: 5px;
}
.kk-ordermatrix-view-cell-text > .fui-Button {
  font-size: 12px;
  padding: 0px;
  min-width: unset;
}
.kk-ordermatrix-view-cell-text .kk-product-stock {
  padding: 2px;
  height: unset;
  width: unset;
}

.kk-ordermatrix-view-cell-input {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 2px;
}
.kk-ordermatrix-view-cell-input .matrix-cell-input .fui-Button {
  min-width: unset;
  padding: 0px;
  width: 22px;
  height: 22px;
  font-weight: bold;
}
.kk-ordermatrix-view-cell-input .matrix-cell-input input {
  width: 100%;
  outline: none;
  border: none;
  background: #f6f6f6;
  box-shadow: none;
  font-size: 18px;
  padding: 0px 4px;
  padding-left: 2px;
  font-weight: bold;
}.kk-bookmark-navbar {
  display: flex;
  flex-direction: column;
  gap: 30px;
  margin-top: 190px;
  margin-bottom: 40px;
}
.kk-bookmark-navbar h1 {
  color: #666;
  font-size: 34px;
}

.kk-bookmark-navbar-actions {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.kk-bookmark-navbar-actions .fui-Button {
  background: #f4f4f4;
  color: #333;
  border: none;
  font-size: 14px;
  font-weight: normal;
}
.kk-bookmark-navbar-actions .fui-Button.kk-selected {
  background: #0c509f;
  color: #fff;
  font-weight: bold;
}

.kk-bookmark-view-item {
  display: flex;
  flex-direction: column;
  gap: 5px;
  position: relative;
}
.kk-bookmark-view-item .kk-bookmark-view-item-footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 5px;
  font-size: 12px;
  gap: 20px;
}

.kk-bookmark-view h2 {
  color: #333;
}

.kk-bookmark-view-navbar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 30px;
  margin: 60px 0px 20px 0px;
}
.kk-bookmark-view-navbar h2 {
  color: #333;
  line-height: 40px;
}

.kk-bookmark-view-actions {
  display: flex;
  gap: 10px;
}
.kk-bookmark-view-actions .fui-Button {
  background-color: #f4f4f4;
  color: #333;
  border: none;
}
.kk-bookmark-view-actions .kk-selected {
  background: #0c509f;
  color: #fff;
}

.kk-bookmark-matrix-view {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 30px;
}
.kk-bookmark-matrix-view .kk-ordermatrices-item-actions {
  display: none;
}

.kk-bookmark-category-gridview {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  gap: 30px;
}
.kk-bookmark-category-gridview .kk-category-image {
  height: 120px;
}

.kk-bookmark-category-tileview {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  gap: 30px;
}

.kk-bookmark-product-gridview {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  gap: 0px;
}

.kk-bookmark-product-listview {
  display: grid;
  flex-direction: column;
  gap: 10px;
}
.kk-bookmark-product-listview .kk-bookmark-view-item-footer {
  justify-content: flex-end;
}.kk-test-basket-link-injector {
  margin-top: 20px;
}
.kk-test-basket-link-injector > table {
  border-spacing: 10px 20px;
  width: 100%;
  table-layout: auto;
}
.kk-test-basket-link-injector .Lines_large-title {
  display: flex;
  font-size: 20px;
  text-transform: uppercase;
  color: #333 !important;
}
.kk-test-basket-link-injector .Lines_hyp-view {
  text-decoration: underline;
  color: blue !important;
}
.kk-test-basket-link-injector .Lines_product-thumbnail {
  display: flex;
  width: 60px;
  height: 60px;
}

.kk-test-basket-dropdown-link-injector {
  margin-top: 10px;
}
.kk-test-basket-dropdown-link-injector .Summary_summary {
  display: flex;
  flex-direction: column;
  margin-top: 20px;
}
.kk-test-basket-dropdown-link-injector .dropdown-body {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.kk-test-basket-dropdown-link-injector .Summary_product-tile {
  display: flex;
  gap: 10px;
  align-items: center;
}
.kk-test-basket-dropdown-link-injector .Summary_description {
  display: flex;
  flex-direction: column;
  gap: 5px;
}
.kk-test-basket-dropdown-link-injector .Summary_product-img {
  display: flex;
  width: 60px;
  height: 60px;
}

.kk-test-ids-button-basket-injector .BasketB2B_actions {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 10px;
}

.kk-test-visual-tree .kk-test-visual-tree-nav {
  display: flex;
  gap: 10px;
  align-items: center;
}
.kk-test-visual-tree .kk-test-visual-tree-items {
  display: flex;
  flex-direction: column;
  gap: 10;
}
.kk-test-visual-tree .kk-test-visual-tree-item {
  display: flex;
}

.kk-test-ids-form {
  display: flex;
  flex-direction: column;
  gap: 5px;
}
.kk-test-ids-form textarea {
  resize: both;
}

.kk-test-documents-download-menu-injectors .Order_actions {
  display: flex;
  gap: 5px;
}

.kk-test-form-sliders-page {
  display: flex;
  gap: 10px;
}
.kk-test-form-sliders-page .kk-test-form-sliders-left {
  display: flex;
  width: 50%;
}
.kk-test-form-sliders-page .kk-test-form-sliders-right {
  display: flex;
  width: 100%;
}
.kk-test-form-sliders-page .kk-test-form-sliders-right img {
  object-fit: contain;
  width: 100%;
  height: 100%;
}
.kk-test-form-sliders-page .kk-test-form-sliders {
  width: 400px;
  margin: 100px auto;
  overflow: hidden;
  border: 1px solid #ddd;
  border-radius: 8px;
  font-family: sans-serif;
  /* Slider container */
  /* Positions */
  /* Individual form */
}
.kk-test-form-sliders-page .kk-test-form-sliders .auth-slider {
  display: flex;
  width: 300%;
  transition: transform 0.5s ease-in-out;
}
.kk-test-form-sliders-page .kk-test-form-sliders .auth-slider.login {
  transform: translateX(0%);
}
.kk-test-form-sliders-page .kk-test-form-sliders .auth-slider.register {
  transform: translateX(-33.333%);
}
.kk-test-form-sliders-page .kk-test-form-sliders .auth-slider.reset {
  transform: translateX(-66.666%);
}
.kk-test-form-sliders-page .kk-test-form-sliders .auth-form {
  width: 100%;
  padding: 24px;
  box-sizing: border-box;
}
.kk-test-form-sliders-page .kk-test-form-sliders .auth-form h2 {
  margin-bottom: 16px;
}
.kk-test-form-sliders-page .kk-test-form-sliders .auth-form input {
  width: 100%;
  margin-bottom: 12px;
  padding: 8px;
}
.kk-test-form-sliders-page .kk-test-form-sliders .auth-form button {
  width: 100%;
  padding: 10px;
  margin-bottom: 12px;
}
.kk-test-form-sliders-page .kk-test-form-sliders .auth-form p {
  font-size: 14px;
}
.kk-test-form-sliders-page .kk-test-form-sliders .auth-form span {
  color: #007bff;
  cursor: pointer;
}.kk-brands-alphabet-list {
  display: flex;
  align-items: center;
  gap: 8px;
}
.kk-brands-alphabet-list .fui-Button {
  min-width: unset;
  font-weight: normal;
  padding: 4px 8px;
  min-width: 28px;
  background: #efefef;
  border: none;
}
.kk-brands-alphabet-list .kk-selected {
  background: #0c509f !important;
  color: #fff !important;
  border: none;
}
.kk-brands-alphabet-list .kk-disabled {
  background: #fff !important;
}.kk-brands-alphabet-menu .fui-MenuButton {
  min-width: unset;
  border: none;
  background: #efefef;
  padding: 8px 14px;
  border-radius: 40px;
  font-weight: normal;
  font-size: 16px;
}
.kk-brands-alphabet-menu .fui-MenuButton strong {
  font-weight: normal;
  background: #f8f8f8;
  border: 1px solid #ddd;
  padding: 0px 10px;
  border-radius: 15px;
  font-size: 12px;
  min-width: 26px;
  min-height: 26px;
  line-height: 24px;
}
.kk-brands-alphabet-menu .fui-MenuPopover {
  background: #fff;
  border-radius: 15px;
  z-index: 99999;
  padding: 10px;
}
.kk-brands-alphabet-menu .kk-brands-alphabet-list {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  background: #fff;
}.kk-brands-alphabet {
  display: flex;
  align-items: center;
  gap: 8px;
}
.kk-brands-alphabet .fui-Button {
  min-width: unset;
  font-weight: normal;
  padding: 4px 8px;
  min-width: 28px;
  background: #efefef;
  border: none;
}
.kk-brands-alphabet .kk-selected {
  background: #0c509f !important;
  color: #fff !important;
  border: none;
}
.kk-brands-alphabet .kk-disabled {
  background: #fff !important;
}

.kk-brands-alphabet-menu .fui-MenuButton {
  min-width: unset;
  border: none;
  background: #efefef;
  padding: 8px 14px;
  border-radius: 40px;
  font-weight: normal;
  font-size: 16px;
}
.kk-brands-alphabet-menu .fui-MenuButton strong {
  font-weight: normal;
  background: #f8f8f8;
  border: 1px solid #ddd;
  padding: 0px 10px;
  border-radius: 15px;
  font-size: 12px;
  min-width: 26px;
  min-height: 26px;
  line-height: 24px;
}
.kk-brands-alphabet-menu .fui-MenuPopover {
  background: #fff;
  border-radius: 15px;
  z-index: 99999;
  padding: 10px;
}
.kk-brands-alphabet-menu .kk-brands-alphabet {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  background: #fff;
}.kk-brands-navbar {
  display: flex;
  flex-direction: column;
  gap: 30px;
  margin-top: 50px;
}
.kk-brands-navbar h1 {
  color: #666;
  font-size: 34px;
}
.kk-brands-navbar .kk-dropdown .fui-Dropdown {
  min-width: 130px;
}

.kk-brands-navbar-groups {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.kk-brands-navbar-actions {
  display: flex;
  gap: 10px;
  align-items: center;
}
.kk-brands-navbar-actions .fui-Button {
  background: #f4f4f4;
  color: #333;
  border: none;
  font-size: 14px;
  font-weight: normal;
}
.kk-brands-navbar-actions .fui-Button.kk-selected {
  background: #0c509f !important;
  color: #fff;
  font-weight: bold;
}
.kk-brands-navbar-actions .fui-Button:hover {
  background: #efefef;
}.kk-brands-grid-item {
  display: flex;
  flex-direction: column;
  position: relative;
  cursor: pointer;
  text-decoration: none;
}

.kk-brands-grid-item-image {
  display: flex;
  height: 80px;
  border: 1px solid #d8d8d8;
  border-radius: 5px;
  padding: 2px;
}
.kk-brands-grid-item-image img {
  object-fit: contain;
  width: 100%;
}
.kk-brands-grid-item-image:hover {
  border: 2px solid #333;
  border-radius: 5px;
}

.kk-brands-grid-item-info {
  position: absolute;
  bottom: 0px;
  right: 4px;
  color: #666;
}.kk-brands-grid-view {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  row-gap: 20px;
  column-gap: 20px;
  margin-top: 40px;
}.kk-brands-page {
  padding: 0px 16px;
}.kk-recently-viewed-dialog-grid-item {
  display: flex;
  border: 1px solid #efefef;
  padding: 10px;
  border-radius: 10px;
  cursor: pointer;
}
.kk-recently-viewed-dialog-grid-item a {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 10px;
  text-decoration: none;
}
.kk-recently-viewed-dialog-grid-item .kk-product-title {
  padding: 0px;
}
.kk-recently-viewed-dialog-grid-item .kk-product-image {
  width: 120px;
  height: 90px;
  min-height: unset;
  padding: 0px;
}
.kk-recently-viewed-dialog-grid-item .kk-product-image img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  transform-origin: 50% 50%;
  transition: transform 0.2s linear;
}
.kk-recently-viewed-dialog-grid-item .kk-product-variant-count {
  color: #000;
  padding: 0px;
}
.kk-recently-viewed-dialog-grid-item:hover .kk-product-image img {
  transform: scale(0.9);
}.kk-recently-viewed-dialog-grid-item-group {
  display: flex;
  flex-direction: column;
  border: 1px solid #efefef;
  padding: 10px;
  border-radius: 10px;
  cursor: pointer;
}
.kk-recently-viewed-dialog-grid-item-group a {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 10px;
  text-decoration: none;
}
.kk-recently-viewed-dialog-grid-item-group .kk-product-title {
  padding: 0px;
}
.kk-recently-viewed-dialog-grid-item-group .kk-product-image {
  width: 120px;
  height: 90px;
  min-height: unset;
  padding: 0px;
}
.kk-recently-viewed-dialog-grid-item-group .kk-product-image img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  transform-origin: 50% 50%;
  transition: transform 0.2s linear;
}
.kk-recently-viewed-dialog-grid-item-group .kk-product-variant-count {
  color: #000;
  padding: 0px;
}
.kk-recently-viewed-dialog-grid-item-group:hover .kk-product-image img {
  transform: scale(0.9);
}.kk-recently-viewed-dialog-grid-view {
  display: grid;
  grid-template-columns: 1fr 1fr;
  row-gap: 20px;
  column-gap: 20px;
}.kk-recently-viewed-dialog-content {
  height: 100%;
}

.kk-recently-viewed-dialog-content-body {
  padding: 0px 5px;
}

.kk-recently-viewed-dialog-actions .fui-Button {
  font-weight: normal;
}.kk-recently-viewed-dialog {
  transform: translateX(-100%) !important;
  box-shadow: unset !important;
}
.kk-recently-viewed-dialog.kk-open {
  transform: translateX(0) !important;
  box-shadow: 5px 0 10px 2px rgba(0, 0, 0, 0.15) !important;
}.kk-recently-viewed-dialog-dock-button.fui-Button {
  position: absolute;
  top: 45%;
  background: #0c509f;
  border: none;
  color: #fff !important;
  font-weight: normal;
  font-size: 18px;
  width: 200px;
  padding: 10px;
  transform: rotate(-90deg);
  right: -120px;
  font-weight: normal;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
}
.kk-recently-viewed-dialog-dock-button.fui-Button:hover {
  background: #0b4a92;
}
.kk-recently-viewed-dialog-dock-button.fui-Button:active {
  background: #0a4180 !important;
}.kk-comparison-table-container {
  max-width: 100%;
  overflow-x: auto;
}

.kk-comparison-table {
  width: 100%;
  border-collapse: collapse;
  table-layout: fixed;
}
.kk-comparison-table tr {
  border-top: 1px solid #e8e8e8;
}
.kk-comparison-table th {
  background-color: #f2f2f2;
  padding: 10px;
  width: 200px;
  position: sticky;
  left: 0;
  z-index: 10;
}
.kk-comparison-table td {
  padding: 10px;
  border-right: 1px solid #e8e8e8;
  width: 295px;
}
.kk-comparison-table .kk-product-ids {
  height: unset;
  width: unset;
  padding: 0px;
}
.kk-comparison-table .kk-product-image {
  width: 140px;
  height: 105px;
  padding: 0px;
  min-height: unset;
  cursor: default;
}
.kk-comparison-table .kk-product-image img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.kk-comparison-table .kk-product-price-block {
  height: unset;
  padding: 0px;
  width: unset;
  align-items: flex-start;
  justify-content: flex-start;
}
.kk-comparison-table .kk-product-price-block > div {
  align-items: flex-start;
}
.kk-comparison-table .kk-product-stock {
  padding: 0px;
  height: unset;
  width: unset;
}
.kk-comparison-table .kk-product-stock .kk-product-stock-display-text {
  font-size: 14px;
}
.kk-comparison-table .kk-product-vpe {
  padding: 0px;
  height: unset;
  width: unset;
  flex-direction: column;
  align-items: flex-start;
  gap: 5px;
}
.kk-comparison-table .kk-product-vpe span {
  display: flex;
  gap: 5px;
  font-size: 14px !important;
}
.kk-comparison-table .kk-product-vpe-line {
  padding: 0px;
  height: unset;
  width: unset;
  justify-content: flex-start;
  font-size: 14px;
}
.kk-comparison-table .kk-product-quantity {
  height: unset;
  width: unset;
  padding: 0px;
  justify-content: unset;
  gap: 20px;
}
.kk-comparison-table .kk-product-packing-tier-popup > .fui-Button,
.kk-comparison-table .kk-product-pricing-tier-popup > .fui-Button {
  font-weight: normal;
}
.kk-comparison-table .kk-product-packing-tier-popup td,
.kk-comparison-table .kk-product-pricing-tier-popup td {
  border-right: none;
  padding: 4px 10px;
}
.kk-comparison-table .kk-comparison-table-actions {
  padding: 10px 0px;
}
.kk-comparison-table .kk-comparison-table-actions .fui-Button {
  font-weight: normal;
  text-decoration: underline;
  padding: 0px;
}
.kk-comparison-table .kk-td-category a {
  text-decoration: underline;
  color: #0c509f !important;
}
.kk-comparison-table .kk-tr-technical th,
.kk-comparison-table .kk-tr-attribute th {
  background-color: #f8f8f8;
}
.kk-comparison-table .kk-th-attribute,
.kk-comparison-table .kk-th-technical {
  font-weight: normal;
}.kk-comparison-selection-menu {
  z-index: 12;
}
.kk-comparison-selection-menu .fui-Button {
  padding: 8px 10px;
}
.kk-comparison-selection-menu .fui-MenuPopover {
  max-width: unset;
}
.kk-comparison-selection-menu .kk-comparison-selection-menu-item {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 6px 0px;
  max-width: 400px;
  cursor: pointer;
  font-size: 12px;
}
.kk-comparison-selection-menu .kk-comparison-selection-menu-item .kk-product-image {
  width: 60px;
  height: 45px;
  padding: 2px;
  min-height: unset;
}
.kk-comparison-selection-menu .kk-comparison-selection-menu-item .kk-product-image img {
  height: 100%;
  object-fit: contain;
}
.kk-comparison-selection-menu .kk-comparison-selection-menu-item:hover {
  background: #f8f8f8;
}.kk-comparison-highlight-menu {
  z-index: 11;
}.kk-comparison-navbar {
  display: flex;
  flex-direction: column;
  gap: 30px;
  margin-top: 50px;
}
.kk-comparison-navbar h1 {
  color: #666;
  font-size: 34px;
}

.kk-comparison-navbar-tools {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  margin-bottom: 10px;
  margin-top: 10px;
}
.kk-comparison-navbar-tools .fui-Button {
  font-weight: normal;
}

.kk-comparison-navbar-actions {
  display: flex;
  gap: 20px;
  align-items: center;
  padding: 10px 5px;
  width: 100%;
  justify-content: flex-end;
}
.kk-comparison-navbar-actions .fui-Button {
  font-weight: normal;
  padding: 0px;
}

.kk-comparison-navbar-filters {
  display: flex;
  align-items: center;
  gap: 20px;
}

.kk-comparison-navbar-filter-hint {
  display: flex;
  flex-direction: column;
}
.kk-comparison-navbar-filter-hint span {
  color: #666;
}.kk-comparison-page {
  padding: 0px 16px;
}@media print {
  @page {
    size: A4 portrait;
  }
}.kk-comparison-dialog-content {
  width: 100%;
}

.kk-comparison-dialog-content-body .kk-comparison-page {
  margin: 0px;
  min-height: unset;
}
.kk-comparison-dialog-content-body .kk-comparison-breadcrumb {
  display: none;
}
.kk-comparison-dialog-content-body .kk-comparison-navbar {
  margin-top: 10px;
}
.kk-comparison-dialog-content-body .kk-comparison-navbar > h1 {
  display: none;
}

.kk-comparison-dialog-actions .fui-Button {
  font-weight: normal;
}.kk-comparison-dialog {
  border-radius: unset !important;
}@media print {
  .kk-page:has(> .kk-popup) {
    background: cyan;
  }
  .kk-popup {
    position: unset;
    width: 100%;
    height: 100%;
    margin: 0px;
    padding: 0px;
  }
  .kk-popup .kk-overlay {
    display: none;
  }
  .kk-popup .kk-dialog-container-v2 {
    position: unset;
    display: unset;
    justify-content: unset;
    align-items: unset;
  }
  .kk-popup .kk-dialog {
    width: 100%;
    height: 100%;
    position: unset;
    display: block;
  }
  .kk-popup .kk-page {
    display: block;
  }
  .kk-popup .kk-dialog-body .kk-dialog-actions,
  .kk-popup .kk-dialog-body .kk-dialog-footer-actions {
    display: none;
  }
}.kk-ids-button.fui-Button {
  background: #119e11;
  border: 1px solid #119e11;
  color: #fff;
  font-weight: 600 !important;
}
.kk-ids-button.fui-Button:hover {
  background: #119411 !important;
  border: 1px solid #119411 !important;
  color: #fff;
}
.kk-ids-button.fui-Button:active {
  background: #0e7a0e !important;
  border: 1px solid #0e7a0e !important;
  color: #fff !important;
}
.kk-ids-button.fui-Button:disabled {
  color: #bdbdbd !important;
  background: #f0f0f0 !important;
  border: #f0f0f0 !important;
}
.kk-ids-button.fui-Button .fui-Button__icon {
  color: #fff !important;
}.kk-cart-page-2col-view .kk-cart-page-sub-toolbar-action-import,
.kk-cart-page-2col-view .kk-cart-page-sub-toolbar-action-export {
  display: none;
}

.kk-cart-page-top-navbar {
  display: flex;
  flex-direction: column;
  gap: 20px;
  margin-top: 40px;
}

.kk-cart-page-top-navbar-main {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.kk-cart-page-top-navbar-main h2 {
  font-size: 18px;
  font-weight: normal;
  color: #333;
}

.kk-cart-page-top-navbar-main-actions {
  display: flex;
  gap: 10px;
  align-items: center;
  justify-content: space-between;
}
.kk-cart-page-top-navbar-main-actions .fui-Button {
  font-weight: normal;
}

.kk-cart-page-top-navbar-sub-actions {
  display: flex;
  gap: 5px;
  align-items: center;
  justify-content: space-between;
  margin-top: 10px;
}

.kk-cart-page-top-navbar-sub-action-buttons {
  display: flex;
  gap: 5px;
}
.kk-cart-page-top-navbar-sub-action-buttons .fui-Button {
  font-weight: normal;
  text-decoration: underline;
  min-width: unset;
}
.kk-cart-page-top-navbar-sub-action-buttons .fui-Button:first-child {
  padding-left: 0px;
}

.kk-cart-page-top-navbar-sub-action-menus {
  display: flex;
  gap: 10px;
}
.kk-cart-page-top-navbar-sub-action-menus .fui-Button {
  font-weight: normal;
}

.kk-cart-page-toolbar-title {
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 18px;
  font-weight: normal;
  color: #333;
  padding: 5px 0px;
}

.kk-cart-page-main-toolbar {
  display: flex;
  gap: 10px;
  align-items: center;
  justify-content: flex-end;
  width: 100%;
}
.kk-cart-page-main-toolbar .fui-Button {
  font-weight: normal;
}

.kk-cart-page-sub-toolbar {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.kk-cart-page-sub-toolbar .fui-Button {
  font-weight: normal;
}

.kk-cart-page-sub-toolbar-actions {
  display: flex;
  gap: 20px;
}
.kk-cart-page-sub-toolbar-actions .fui-Button {
  font-weight: normal;
  text-decoration: underline;
  min-width: unset;
  padding: 0px;
}
.kk-cart-page-sub-toolbar-actions .fui-Button:first-child {
  padding-left: 0px;
}
.kk-cart-page-sub-toolbar-actions .kk-cart-page-sub-toolbar-action-refresh,
.kk-cart-page-sub-toolbar-actions .kk-cart-page-sub-toolbar-action-template-save,
.kk-cart-page-sub-toolbar-actions .kk-cart-page-sub-toolbar-action-template-open {
  display: none;
}

.kk-cart-page-sub-toolbar-menus {
  display: flex;
  align-items: center;
}

.kk-cart-page-view-switch .fui-ToolbarGroup {
  display: flex;
  gap: 5px;
}

.kk-cart-page-sort-action {
  display: flex;
  gap: 15px;
}

.kk-cart-page-sort-action-options {
  display: flex;
  gap: 10px;
}
.kk-cart-page-sort-action-options .fui-Button {
  padding: 2px !important;
}.kk-cart-page-bottom-navbar {
  display: flex;
  flex-direction: column;
  gap: 20px;
  margin-top: 40px;
}

.kk-cart-page-bottom-navbar-main-actions {
  display: flex;
  gap: 10px;
  align-items: center;
  justify-content: space-between;
}
.kk-cart-page-bottom-navbar-main-actions .fui-Button {
  font-weight: normal;
}.kk-cart-charges {
  display: flex;
  flex-direction: column;
  margin-top: 20px;
}.kk-cart-position-sorting-view-item {
  display: flex;
  gap: 15px;
  border-bottom: 1px solid #efefef;
  padding: 2px 0px;
  align-items: center;
  background-color: #fff;
}

.kk-cart-position-sorting-view-item-handle {
  display: flex;
  height: unset;
  align-items: center;
  cursor: grab;
}
.kk-cart-position-sorting-view-item-handle.kk-dragging {
  cursor: grabbing;
}

.kk-cart-position-sorting-view-item-pos {
  display: flex;
  align-items: center;
  gap: 15px;
}
.kk-cart-position-sorting-view-item-pos .kk-product-image {
  width: unset;
  height: unset;
  min-width: 80px;
  max-width: 80px;
  min-height: 80px;
  max-height: 80px;
  padding: 5px;
}
.kk-cart-position-sorting-view-item-pos .kk-product-image img {
  object-fit: contain;
  width: 100%;
  height: 100%;
}

.kk-cart-position-sorting-view-item-pos-title {
  display: flex;
  flex-direction: column;
  gap: 5px;
}.kk-cart-position-sorting-view {
  display: flex;
  flex-direction: column;
  margin-top: 10px;
  background: #fff;
  margin-top: 5px;
}

.kk-cart-position-sorting-view-header {
  display: flex;
  gap: 10px;
  border-top: 1px solid #cdcdcd;
  border-bottom: 1px solid #cdcdcd;
}

.kk-cart-position-view-header-handle {
  display: flex;
  align-items: center;
  padding: 10px 15px 10px 0px;
}

.kk-cart-position-view-header-handle-pos {
  display: flex;
  align-items: center;
  padding: 10px 15px 10px 5px;
}.kk-cart-page-2col-view {
  display: flex;
  gap: 20px;
  margin-top: 40px;
}
.kk-cart-page-2col-view .kk-cart-page-view-col1 {
  display: flex;
  flex-direction: column;
  gap: 10px;
  width: 100%;
}
.kk-cart-page-2col-view .kk-cart-page-view-col1 .kk-cart-position-view {
  margin-top: 5px;
}
.kk-cart-page-2col-view .kk-cart-page-view-col1 .kk-cart-position-view .kk-product-image {
  min-width: 60px;
  max-width: 60px;
  min-height: 60px;
  min-height: 60px;
}
.kk-cart-page-2col-view .kk-cart-page-view-col1 .kk-cart-position-view-item-actions {
  padding-left: 110px;
}
.kk-cart-page-2col-view .kk-cart-page-view-col1 .kk-cart-position-part-view {
  padding-left: 100px;
}
.kk-cart-page-2col-view .kk-cart-page-view-col2 {
  display: flex;
  flex-direction: column;
  gap: 10px;
  margin-top: 95px;
  position: sticky;
  top: 130px;
  height: 100%;
  min-width: 300px;
  max-width: 300px;
}
.kk-cart-page-2col-view .kk-cart-page-view-col2 .kk-cart-amounts {
  margin-top: 5px;
}
.kk-cart-page-2col-view .kk-cart-page-view-col2 .kk-cart-amounts .kk-cart-amount {
  min-width: 200px;
  width: 100%;
}
.kk-cart-page-2col-view .kk-cart-page-view-col2 .kk-cart-page-main-toolbar {
  display: flex;
  flex-direction: column;
  gap: 10px;
  width: 100%;
}
.kk-cart-page-2col-view .kk-cart-page-view-col2 .kk-cart-page-main-toolbar .fui-Button {
  width: 100%;
  padding: 10px;
}.kk-cart-page-header {
  display: flex;
  flex-direction: column;
  gap: 20px;
  color: #333;
  align-items: flex-start;
}
.kk-cart-page-header .fui-Button {
  font-weight: normal;
  width: 300px;
}
.kk-cart-page-header .kk-cart-page-sub-header {
  display: flex;
  gap: 4px;
  font-size: 18px;
  color: #333;
}.kk-cart-page-validation-summary {
  display: flex;
  flex-direction: column;
  gap: 10px;
  padding: 15px;
  border: 1px solid #ddd;
  border-radius: 5px;
  margin-top: 20px;
  background: #fff;
}
.kk-cart-page-validation-summary .kk-cart-page-validation-summary-group {
  display: flex;
  flex-direction: column;
  margin: 10px 0px;
  gap: 10px;
}
.kk-cart-page-validation-summary .kk-cart-page-validation-summary-group .kk-cart-message-view {
  gap: 0px;
}
.kk-cart-page-validation-summary .kk-cart-page-validation-summary-group .kk-cart-message-view .kk-cart-message-error {
  background: none;
}
.kk-cart-page-validation-summary .kk-cart-page-validation-summary-group .kk-cart-message-view .kk-cart-message-error .kk-cart-message-type {
  background: none;
  color: #ff4c4c;
  width: unset;
}
.kk-cart-page-validation-summary .kk-cart-page-validation-summary-group .kk-cart-message-view .kk-cart-message-warning {
  background: none;
}
.kk-cart-page-validation-summary .kk-cart-page-validation-summary-group .kk-cart-message-view .kk-cart-message-warning .kk-cart-message-type {
  background: none;
  color: #f7ab09;
  width: unset;
}
.kk-cart-page-validation-summary .kk-cart-page-validation-summary-group .kk-cart-message-view .kk-cart-message-info {
  background: none;
}
.kk-cart-page-validation-summary .kk-cart-page-validation-summary-group .kk-cart-message-view .kk-cart-message-info .kk-cart-message-type {
  background: none;
  color: #09a0f7;
  width: unset;
}.kk-cart-page-view > .kk-cart-message-view {
  margin-top: 20px;
}

.kk-cart-page-view-2col {
  display: flex;
  gap: 20px;
}
.kk-cart-page-view-2col .kk-cart-page-view-col-1 {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.kk-cart-page-view-2col .kk-cart-page-view-col-2 {
  display: flex;
  flex-direction: column;
  gap: 10px;
}.kk-cart-template-create-dialog-content {
  display: flex;
  flex-direction: column;
  gap: 10px;
  width: 100%;
}.kk-cart-template-select-dialog-heads-navbar {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.kk-cart-template-select-dialog-heads-navbar-actions {
  display: flex;
}
.kk-cart-template-select-dialog-heads-navbar-actions .fui-Button {
  font-weight: normal;
  text-decoration: underline;
  padding: 0px;
}.kk-cart-template-head-item {
  display: grid;
  align-items: center;
  grid-template-columns: 4fr 2fr 100px 2fr;
  border-bottom: 1px solid #cdcdcd;
  padding: 5px;
}
.kk-cart-template-head-item:hover {
  background: #f8f8f8;
}

.kk-cart-template-head-item-name {
  display: flex;
  padding: 0px 20px 0px 0px;
}
.kk-cart-template-head-item-name input {
  width: 100%;
  padding: 4px;
}
.kk-cart-template-head-item-name .fui-Button {
  padding: 0px;
  text-decoration: underline;
  color: #2d598d;
  font-weight: normal;
  text-align: start;
  min-width: unset;
}

.kk-cart-template-head-item-poscount {
  display: flex;
  align-items: center;
  justify-content: center;
}

.kk-cart-template-head-item-actions {
  display: flex;
  align-items: center;
  justify-content: flex-end;
}.kk-cart-template-heads-view {
  display: flex;
  flex-direction: column;
}

.kk-cart-template-heads-view-header {
  display: grid;
  align-items: center;
  grid-template-columns: 4fr 2fr 100px 2fr;
  padding: 5px;
  position: sticky;
  top: 0px;
  background: #fff;
  border-top: 1px solid #cdcdcd;
  border-bottom: 1px solid #cdcdcd;
  color: #333;
}
.kk-cart-template-heads-view-header span {
  padding: 5px 0px;
}
.kk-cart-template-heads-view-header span:nth-child(3) {
  display: flex;
  justify-content: center;
}

.kk-cart-template-heads-view-items {
  display: flex;
  flex-direction: column;
}

.kk-cart-template-head-view-empty {
  padding: 5px;
}.kk-cart-template-select-dialog-heads {
  display: flex;
  flex-direction: column;
  margin-top: 10px;
}

.kk-cart-template-select-dialog-heads-scroll {
  display: flex;
  flex-direction: column;
  max-height: 480px;
  min-height: 480px;
  overflow-y: auto;
  scrollbar-width: thin;
  scrollbar-color: rgb(239, 239, 239) rgb(254, 254, 254);
  margin-top: 10px;
}.kk-cart-template-position-item {
  display: grid;
  align-items: center;
  grid-template-columns: 40px 60px 1fr 260px 210px;
  column-gap: 12px;
  padding: 5px 0px;
  border-bottom: 1px solid #cdcdcd;
}
.kk-cart-template-position-item:last-child {
  border-bottom: none;
}
.kk-cart-template-position-item.kk-unchecked .kk-cart-template-position-item-image,
.kk-cart-template-position-item.kk-unchecked .kk-cart-template-position-item-product,
.kk-cart-template-position-item.kk-unchecked .kk-cart-template-position-item-price,
.kk-cart-template-position-item.kk-unchecked .kk-cart-template-position-item-quantity,
.kk-cart-template-position-item.kk-unchecked .kk-cart-template-position-item-actions {
  opacity: 0.5;
  pointer-events: none;
}

.kk-cart-template-position-item-image {
  display: flex;
  align-items: center;
  max-width: 60px;
  min-width: 60px;
  max-height: 60px;
  min-height: 60px;
}
.kk-cart-template-position-item-image img {
  object-fit: contain;
  width: 100%;
  height: 100%;
  max-height: 60px;
  max-width: 60px;
}

.kk-cart-template-position-item-product {
  display: flex;
  flex-direction: column;
}
.kk-cart-template-position-item-product .kk-copy-text {
  margin: 0px;
}
.kk-cart-template-position-item-product .kk-product-stock {
  height: unset;
  padding: 0px;
}

.kk-cart-template-position-item-actions {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 5px;
}.kk-cart-template-positions-view {
  display: flex;
  flex-direction: column;
  padding-right: 10px;
}

.kk-cart-template-positions-view-header {
  display: grid;
  align-items: center;
  grid-template-columns: 40px 60px 1fr 260px 210px;
  column-gap: 12px;
  padding: 5px 0px;
  position: sticky;
  top: 0px;
  background: #fff;
  border-top: 1px solid #cdcdcd;
  border-bottom: 1px solid #cdcdcd;
  color: #333;
  z-index: 1;
}.kk-cart-template-select-dialog-positions-navbar {
  display: flex;
  flex-direction: column;
}

.kk-cart-template-select-dialog-positions-navbar-nav {
  display: flex;
  align-items: center;
  gap: 10px;
}

.kk-cart-template-select-dialog-positions-navbar-main {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  padding-left: 5px;
  margin-top: 5px;
  margin-bottom: 15px;
}
.kk-cart-template-select-dialog-positions-navbar-main .fui-Button {
  font-weight: normal;
}

.kk-cart-template-select-dialog-positions-navbar-sub {
  display: flex;
  margin-top: 10px;
  margin-bottom: 5px;
  gap: 20px;
}
.kk-cart-template-select-dialog-positions-navbar-sub .fui-Button {
  font-weight: normal;
  padding: 0px;
  text-decoration: underline;
}.kk-cart-template-select-dialog-positions {
  display: flex;
  flex-direction: column;
  margin-top: 5px;
}

.kk-cart-template-select-dialog-positions-scroll {
  display: flex;
  flex-direction: column;
  max-height: 480px;
  min-height: 480px;
  overflow-y: auto;
  scrollbar-width: thin;
  scrollbar-color: rgb(239, 239, 239) rgb(254, 254, 254);
  margin-top: 5px;
}.kk-cart-template-select-dialog-content {
  display: flex;
  flex-direction: column;
  width: 100%;
}

.kk-cart-template-select-dialog-content-scroll {
  display: flex;
  flex-direction: column;
  scrollbar-width: thin;
  scrollbar-color: rgb(239, 239, 239) rgb(254, 254, 254);
}

.kk-cart-template-select-dialog-actions {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  margin-top: 10px;
}
.kk-cart-template-select-dialog-actions .fui-Button {
  font-weight: normal;
}.kk-import-dialog-positions-toolbar {
  display: flex;
  flex-direction: column;
}
.kk-import-dialog-positions-toolbar .kk-import-dialog-positions-toolbar-nav {
  display: flex;
  align-items: center;
  gap: 10px;
}
.kk-import-dialog-positions-toolbar .kk-import-dialog-positions-toolbar-main {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  margin-top: 10px;
}
.kk-import-dialog-positions-toolbar .kk-import-dialog-positions-toolbar-main .fui-Button {
  font-weight: normal;
}
.kk-import-dialog-positions-toolbar .kk-import-dialog-positions-toolbar-main .kk-import-dialog-positions-toolbar-stats {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.kk-import-dialog-positions-toolbar .kk-import-dialog-positions-toolbar-sub {
  display: flex;
  margin-top: 20px;
  gap: 20px;
  justify-content: space-between;
}
.kk-import-dialog-positions-toolbar .kk-import-dialog-positions-toolbar-sub .kk-import-dialog-positions-toolbar-sub-actions {
  display: flex;
  align-items: center;
  gap: 20px;
}
.kk-import-dialog-positions-toolbar .kk-import-dialog-positions-toolbar-sub .kk-import-dialog-positions-toolbar-sub-actions .fui-Button {
  font-weight: normal;
  text-decoration: underline;
  padding: 0px;
}
.kk-import-dialog-positions-toolbar .kk-import-dialog-positions-toolbar-sub .kk-import-dialog-positions-toolbar-sub-view-dropdown {
  display: flex;
  align-items: center;
  gap: 10px;
}
.kk-import-dialog-positions-toolbar .kk-import-dialog-positions-toolbar-sub .kk-import-dialog-positions-toolbar-sub-view-dropdown .fui-Dropdown {
  min-width: 160px;
}.kk-cart-import-dialog-positions-listview-item {
  display: flex;
  flex-direction: column;
  gap: 5px;
  border-bottom: 1px solid #cdcdcd;
  padding: 10px 0px;
}
.kk-cart-import-dialog-positions-listview-item:last-child {
  border-bottom: none;
}
.kk-cart-import-dialog-positions-listview-item.kk-unchecked .kk-position-image,
.kk-cart-import-dialog-positions-listview-item.kk-unchecked .kk-position-product,
.kk-cart-import-dialog-positions-listview-item.kk-unchecked .kk-position-price,
.kk-cart-import-dialog-positions-listview-item.kk-unchecked .kk-position-quantity {
  opacity: 0.65;
  pointer-events: none;
}
.kk-cart-import-dialog-positions-listview-item .kk-position-detail {
  display: grid;
  grid-template-columns: 40px 60px 1fr 260px 210px;
  column-gap: 12px;
  align-items: center;
}
.kk-cart-import-dialog-positions-listview-item .kk-position-detail .kk-product-stock {
  height: unset;
  padding: 0px;
}
.kk-cart-import-dialog-positions-listview-item .kk-position-image .kk-product-image {
  display: flex;
  align-items: center;
  max-width: 60px;
  min-width: 60px;
  max-height: 60px;
  min-height: 60px;
}
.kk-cart-import-dialog-positions-listview-item .kk-position-image .kk-product-image img {
  object-fit: contain;
  width: 100%;
  height: 100%;
  max-width: 60px;
  max-height: 60px;
}
.kk-cart-import-dialog-positions-listview-item .kk-position-product {
  display: flex;
  flex-direction: column;
  gap: 2px;
}
.kk-cart-import-dialog-positions-listview-item .kk-position-product .kk-copy-text {
  margin: 0px;
}
.kk-cart-import-dialog-positions-listview-item .kk-position-quantity .kk-product-vpe {
  flex-direction: column;
  align-items: flex-start;
  gap: 5px;
  padding: 0px;
  height: unset;
  margin-top: 5px;
}
.kk-cart-import-dialog-positions-listview-item .kk-position-price {
  text-align: end;
  padding-right: 5px;
}
.kk-cart-import-dialog-positions-listview-item .kk-position-price .kk-product-price-block {
  padding: 0px;
  height: unset;
}
.kk-cart-import-dialog-positions-listview-item .kk-position-messages {
  padding: 10px 0px;
}.kk-cart-import-positions-listview {
  display: flex;
  flex-direction: column;
}
.kk-cart-import-positions-listview .kk-cart-import-positions-listview-header {
  display: grid;
  grid-template-columns: 40px 60px 1fr 260px 210px;
  column-gap: 5px;
  align-items: center;
  padding: 10px 0px;
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
  margin-top: 10px;
  margin-right: 10px;
}
.kk-cart-import-positions-listview .kk-cart-import-positions-listview-items {
  display: flex;
  flex-direction: column;
  max-height: 400px;
  min-height: 400px;
  overflow-y: auto;
  scrollbar-width: thin;
  scrollbar-color: rgb(239, 239, 239) rgb(254, 254, 254);
  margin-top: 5px;
  padding-right: 10px;
}.kk-cart-import-dialog-positions {
  display: flex;
  flex-direction: column;
  margin-top: 5px;
}.kk-cart-import-dialog-upload {
  display: flex;
  flex-direction: column;
  gap: 10px;
  margin-top: 20px;
  min-height: 340px;
}
.kk-cart-import-dialog-upload .fui-Dropdown {
  min-width: 175px;
}

.kk-cart-upload {
  display: flex;
  flex-direction: column;
  max-height: 400px;
  overflow-y: scroll;
  margin: 20px 0px;
}
.kk-cart-upload .kk-cart-upload-header {
  display: flex;
  flex-direction: column;
  gap: 10px;
  margin-bottom: 10px;
}
.kk-cart-upload .kk-cart-upload-header p {
  display: flex;
  flex-direction: column;
}
.kk-cart-upload .kk-cart-upload-header a {
  text-decoration: underline;
  color: #2c63a3 !important;
}
.kk-cart-upload .kk-cart-upload-toolbar {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  margin-bottom: 5px;
}
.kk-cart-upload .kk-cart-upload-content {
  display: flex;
  flex-direction: column;
  gap: 5px;
}
.kk-cart-upload .kk-cart-upload-content .kk-open-file-input {
  margin-bottom: 10px;
}
.kk-cart-upload .kk-cart-upload-content .kk-cart-upload-error {
  padding: 4px 0px;
  color: #be3a3a;
}

.kk-open-file-input {
  display: flex;
  flex-direction: column;
  cursor: pointer;
  padding: 10px;
  border: 4px dashed #ccc;
  background: #f8f8f8;
}
.kk-open-file-input:hover {
  background: #f0f8ff;
}
.kk-open-file-input .fui-Button {
  font-weight: normal;
  text-decoration: underline;
  color: #2c63a3;
}.kk-cart-import-dialog-content {
  display: flex;
  flex-direction: column;
  width: 100%;
}
.kk-cart-import-dialog-content .kk-cart-import-dialog-content-scroll {
  display: flex;
  flex-direction: column;
  scrollbar-width: thin;
  scrollbar-color: rgb(239, 239, 239) rgb(254, 254, 254);
}
.kk-cart-import-dialog-content .kk-cart-import-dialog-actions {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  margin-top: 10px;
}
.kk-cart-import-dialog-content .kk-cart-import-dialog-actions .fui-Button {
  font-weight: normal;
}
.kk-cart-import-dialog-content .fui-TabList .kk-tab-upload {
  padding-left: 0px;
}
.kk-cart-import-dialog-content .fui-TabList .kk-tab-upload::after, .kk-cart-import-dialog-content .fui-TabList .kk-tab-upload::before {
  left: 0px;
  right: 8px;
}.kk-cart-import-dialog {
  min-width: 1180px !important;
}.kk-cart-export-dialog-download {
  display: flex;
  flex-direction: column;
  gap: 10px;
  margin-top: 20px;
  min-height: 180px;
}

.kk-cart-download {
  display: flex;
  flex-direction: column;
  max-height: 500px;
  overflow-y: scroll;
  margin: 20px 0px;
}
.kk-cart-download .kk-cart-download-header {
  display: flex;
  flex-direction: column;
  gap: 10px;
  margin-bottom: 10px;
}
.kk-cart-download .kk-cart-download-header p {
  display: flex;
  flex-direction: column;
}
.kk-cart-download .kk-cart-download-header a {
  text-decoration: underline;
  color: #2c63a3 !important;
}
.kk-cart-download .kk-cart-download-toolbar {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  margin-bottom: 5px;
}
.kk-cart-download .kk-cart-download-content {
  display: flex;
  flex-direction: column;
  gap: 15px;
}
.kk-cart-download .kk-cart-download-content .kk-open-file-input {
  margin-bottom: 10px;
}
.kk-cart-download .kk-cart-download-content .kk-cart-upload-error {
  padding: 4px 0px;
  color: #be3a3a;
}.kk-cart-export-dialog-content {
  display: flex;
  flex-direction: column;
  width: 100%;
}
.kk-cart-export-dialog-content .kk-cart-export-dialog-content-scroll {
  display: flex;
  flex-direction: column;
  max-height: 580px;
  min-height: 580px;
  overflow-y: auto;
  scrollbar-width: thin;
  scrollbar-color: rgb(239, 239, 239) rgb(254, 254, 254);
}
.kk-cart-export-dialog-content .kk-cart-export-dialog-actions {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  margin-top: 30px;
}
.kk-cart-export-dialog-content .kk-cart-export-dialog-actions .fui-Button {
  font-weight: normal;
}.kk-cart-export-dialog {
  min-width: 800px !important;
}.kk-cart-page {
  padding: 0px 16px;
}

.kk-cart-page-no-price .kk-cart-position-view-header-pos,
.kk-cart-page-no-price .kk-cart-position-view-item-product-pos {
  width: 70% !important;
}
.kk-cart-page-no-price .kk-cart-position-view-header-quantity,
.kk-cart-page-no-price .kk-cart-position-view-item-product-quantity {
  width: 30% !important;
}
.kk-cart-page-no-price .kk-cart-position-view-header-price,
.kk-cart-page-no-price .kk-cart-position-view-header-amount,
.kk-cart-page-no-price .kk-cart-position-view-item-product-price,
.kk-cart-page-no-price .kk-cart-position-view-item-product-amount,
.kk-cart-page-no-price .kk-cart-amounts {
  display: none;
}

.kk-cart-page-2col .kk-cart-position-view-header-pos,
.kk-cart-page-2col .kk-cart-position-view-item-product-pos {
  width: 38%;
}
.kk-cart-page-2col .kk-cart-position-view-header-quantity,
.kk-cart-page-2col .kk-cart-position-view-item-product-quantity {
  width: 25%;
}
.kk-cart-page-2col .kk-cart-position-view-header-quantity .fui-Input,
.kk-cart-page-2col .kk-cart-position-view-item-product-quantity .fui-Input {
  width: 75px;
}
.kk-cart-page-2col .kk-cart-position-view-header-price,
.kk-cart-page-2col .kk-cart-position-view-item-product-price {
  width: 22%;
}
.kk-cart-page-2col .kk-cart-position-view-header-amount,
.kk-cart-page-2col .kk-cart-position-view-item-product-amount {
  width: 15%;
}.kk-price-query-product-search-input {
  display: flex;
  align-items: center;
  border-radius: 40px;
  background: #efefef;
  padding: 6px 10px;
}
.kk-price-query-product-search-input input {
  padding: 2px 6px;
  width: 200px;
  font-size: 1rem;
  margin-right: -4px;
  border: none;
  outline: none;
  background: none;
  color: #333;
}
.kk-price-query-product-search-input .fui-Button {
  background: none !important;
}.kk-price-query-customer-search-input {
  display: flex;
  align-items: center;
  border-radius: 40px;
  background: #efefef;
  padding: 6px 10px;
}
.kk-price-query-customer-search-input input {
  padding: 2px 6px;
  width: 200px;
  font-size: 1rem;
  margin-right: -4px;
  border: none;
  outline: none;
  background: none;
  color: #333;
}
.kk-price-query-customer-search-input .fui-Button {
  background: none !important;
}

.kk-customer-suggest {
  display: flex;
  flex-direction: column;
  cursor: pointer;
  padding: 4px 10px;
}
.kk-customer-suggest:hover {
  background: #f8f8f8;
}.kk-price-query-customer-label {
  display: flex;
  padding: 6px 8px;
  border-radius: 5px;
  color: #fff;
  background: rgb(94, 201, 62);
  box-shadow: rgba(0, 0, 0, 0.12) 0px 2px 4px, rgba(0, 0, 0, 0.24) 0px 2px 3px;
}.kk-price-query-navbar {
  display: flex;
  flex-direction: column;
  gap: 30px;
  margin-top: 50px;
  margin-bottom: 30px;
  border-bottom: 1px solid #ddd;
  padding-bottom: 20px;
}
.kk-price-query-navbar h1 {
  color: #666;
  font-size: 34px;
}
.kk-price-query-navbar .kk-price-query-navbar-sections {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.kk-price-query-navbar .kk-price-query-navbar-sections .kk-price-query-navbar-customer-section {
  display: flex;
  align-items: center;
  gap: 20px;
}
.kk-price-query-navbar .kk-price-query-navbar-sections .kk-price-query-navbar-product-section {
  display: flex;
  align-items: center;
  gap: 10px;
}
.kk-price-query-navbar .kk-navbar-action.fui-Button {
  background: #f4f4f4;
  color: #333;
  border: none;
  font-size: 14px;
  font-weight: normal;
}
.kk-price-query-navbar .kk-navbar-action.fui-Button.kk-selected {
  background: #0c509f !important;
  color: #fff;
  font-weight: bold;
}
.kk-price-query-navbar .kk-navbar-action.fui-Button:hover {
  background: #efefef;
}.kk-product-refs .kk-product-ref {
  display: grid;
  grid-template-columns: auto 1fr auto;
  align-items: center;
  gap: 8px;
  font-size: 14px;
  padding: 2px;
}
.kk-product-refs .kk-product-ref > span:first-child {
  color: #444;
  min-width: 60px;
  background: #efefef;
  padding: 2px 4px;
}
.kk-product-refs .kk-product-ref > span {
  color: #666;
  padding: 2px 4px;
}.kk-price-query-result .kk-price-info-result-item {
  position: relative;
}
.kk-price-query-result .kk-product-title {
  font-size: 18px;
  line-height: 28px;
  height: unset;
}
.kk-price-query-result .kk-product-packing-tier-table {
  min-width: 280px;
  padding: 5px;
  background: #f8f8f8;
  border-radius: 5px;
}
.kk-price-query-result .kk-product-packing-tier-table .kk-td-tier-actions {
  display: none;
}
.kk-price-query-result .kk-product-price-block {
  padding: 0px;
  height: unset;
  align-items: flex-start;
}
.kk-price-query-result .kk-product-price-block .kk-product-net-price {
  display: flex;
  justify-content: flex-start;
}
.kk-price-query-result .kk-product-price-block .kk-product-net-price span {
  font-size: 42px;
  line-height: 52px;
}
.kk-price-query-result .kk-product-price-block .kk-product-price-unit {
  justify-content: flex-start;
}
.kk-price-query-result .kk-product-price-block .kk-product-price-unit span {
  font-size: 14px;
}
.kk-price-query-result .kk-product-price-block .kk-product-price-block-discount {
  justify-content: flex-start;
  margin-top: 5px;
}
.kk-price-query-result .kk-product-price-block .kk-product-price-block-discount .kk-product-list-price span {
  font-size: 24px;
  font-weight: lighter;
}
.kk-price-query-result .kk-product-price-block .kk-product-discount {
  justify-content: flex-start;
}
.kk-price-query-result .kk-product-price-block .kk-product-discount span {
  font-size: 24px;
}
.kk-price-query-result .kk-product-vpe-line {
  height: unset;
  padding: 0px;
  font-size: 14px;
  margin-top: 5px;
}
.kk-price-query-result .kk-price-info-group {
  margin-top: 15px;
  display: flex;
  flex-direction: column;
  width: 100%;
}
.kk-price-query-result .kk-price-info-group h4 {
  margin-bottom: 10px;
  font-size: 14px;
  font-weight: 600;
  text-transform: uppercase;
  color: #666;
  letter-spacing: 1px;
}
.kk-price-query-result .kk-price-info-group .kk-price-info-group-content {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.kk-price-query-result .kk-product-price-details-table {
  margin-top: 10px;
}
.kk-price-query-result .kk-product-stock-location-table {
  margin-top: 0px;
}
.kk-price-query-result .kk-product-stock {
  font-size: 32px;
  line-height: 36px;
  margin-bottom: 10px;
  height: unset;
}
.kk-price-query-result .kk-category-tile-view {
  grid-template-columns: 1fr 1fr;
}
.kk-price-query-result .kk-category-tile-view .kk-category-tile-item-image {
  height: 80px;
}
.kk-price-query-result .kk-category-tile-view .kk-category-tile-item-title {
  font-size: 16px;
}.kk-register-form .fui-TabList {
  margin-top: 20px;
}
.kk-register-form form {
  margin-top: 10px !important;
  overflow-y: scroll;
  max-height: 370px;
  scrollbar-width: thin;
  scrollbar-color: #f2f2f2 #fff;
}.kk-footer-social {
  display: flex;
  flex-direction: column;
  margin-right: 92px;
}
.kk-footer-social h3 {
  margin-bottom: 10px;
  font-size: 18px;
  display: none;
}
.kk-footer-social .kk-footer-social-links {
  display: flex;
  gap: 15px;
}
.kk-footer-social .kk-footer-social-links a {
  display: flex;
  align-items: flex-end;
}
.kk-footer-social .kk-footer-social-links svg {
  color: #fff;
  font-size: 40px;
  width: 36px;
  height: 36px;
  cursor: pointer;
}
.kk-footer-social .kk-footer-social-links svg path {
  fill: #333;
  transition: all 0.5s ease-in-out;
}
.kk-footer-social .kk-footer-social-links svg:hover path {
  fill: #155daf;
}.kk-footer-copyright {
  display: flex;
  width: 100%;
  color: #333;
  font-weight: 400;
  font-size: 14px;
  margin-top: -20px;
}
.kk-footer-copyright ul {
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
}
.kk-footer-copyright ul li:not(:first-child) {
  list-style: outside;
  margin-left: 15px;
}
.kk-footer-copyright a {
  text-decoration: none;
  color: inherit;
}
.kk-footer-copyright a:visited {
  text-decoration: none;
  color: inherit;
}
.kk-footer-copyright a:hover {
  color: #155daf;
}.kk-logo {
  display: flex;
}.kk-login-page {
  display: flex;
  flex-direction: column;
}
.kk-login-page .kk-login-page-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0px 60px 0px 60px;
  height: 100px;
  width: 100%;
}
.kk-login-page .kk-login-page-header .kk-login-page-header-actions {
  display: flex;
  align-items: center;
  gap: 40px;
}
.kk-login-page .kk-login-page-header .kk-login-page-header-actions .kk-login-page-header-action {
  display: flex;
  flex-direction: column;
  align-items: center;
  cursor: pointer;
  font-size: 12px;
}
.kk-login-page .kk-login-page-header .kk-login-page-header-actions .kk-login-page-header-action svg {
  width: 32px;
  height: 32px;
  padding: 6px;
  border: 1px solid #333;
  color: #000;
  border-radius: 100%;
}
.kk-login-page .kk-login-page-header .kk-login-page-header-actions .kk-login-page-header-action:hover svg {
  background: #f2f2f2;
}
.kk-login-page .kk-login-page-header .kk-login-page-header-actions a {
  text-decoration: none;
  color: #000;
}
.kk-login-page .kk-login-page-header .kk-login-page-header-support {
  display: flex;
  flex-direction: column;
}
.kk-login-page .kk-login-page-header .kk-login-page-header-support a {
  text-decoration: none;
  color: #155daf !important;
}
.kk-login-page .kk-login-page-header .kk-login-page-header-support a:hover {
  text-decoration: underline;
}
.kk-login-page .kk-login-page-footer {
  width: 100%;
  padding-left: 860px;
  padding-right: 40px;
  margin-top: 30px;
  display: flex;
  flex-direction: column;
  gap: 20px;
  align-items: flex-start;
  justify-content: space-between;
}
.kk-login-page .kk-login-page-footer .kk-footer-social {
  margin-top: 15px;
}
.kk-login-page .kk-login-page-footer .kk-footer-social svg path {
  fill: #ababab;
}
.kk-login-page .kk-login-page-footer .kk-footer-social svg:hover path {
  fill: #155daf;
}
.kk-login-page .kk-login-page-footer .kk-footer-copyright {
  margin-top: -90px;
}
.kk-login-page .kk-login-page-content {
  display: flex;
  height: 600px;
  background-image: url("https://img01.kleiner.de/ff/images/banner/login.jpg");
  background-position: center;
  background-size: cover;
}
.kk-login-page .kk-login-page-forms {
  display: flex;
  align-items: flex-start;
  width: 100%;
  margin: 0px 360px;
}
.kk-login-page .kk-login-page-form-sliders {
  width: 440px;
  margin: 40px 0px;
  overflow: hidden;
  box-shadow: rgb(38, 57, 77) 0px 20px 30px -10px;
  border-radius: 15px;
  background: #fff;
  height: 660px;
  z-index: 1;
}
.kk-login-page .kk-login-page-form-slider {
  display: flex;
  width: 300%;
  transition: transform 0.3s ease-in-out;
  /* Individual form */
}
.kk-login-page .kk-login-page-form-slider .kk-login-form,
.kk-login-page .kk-login-page-form-slider .kk-register-form,
.kk-login-page .kk-login-page-form-slider .kk-reset-password-form {
  width: 100%;
  padding: 36px;
}
.kk-login-page .kk-login-page-form-slider .auth-form {
  width: 100%;
  padding: 24px;
  box-sizing: border-box;
}
.kk-login-page .kk-login-page-form-slider .auth-form h2 {
  margin-bottom: 16px;
}
.kk-login-page .kk-login-page-form-slider .auth-form input {
  width: 100%;
  margin-bottom: 12px;
  padding: 8px;
}
.kk-login-page .kk-login-page-form-slider .auth-form button {
  width: 100%;
  padding: 10px;
  margin-bottom: 12px;
}
.kk-login-page .kk-login-page-form-slider .auth-form p {
  font-size: 14px;
}
.kk-login-page .kk-login-page-form-slider .auth-form span {
  color: #007bff;
  cursor: pointer;
}
.kk-login-page .kk-login-page-form-slider-login {
  transform: translateX(0%);
}
.kk-login-page .kk-login-page-form-slider-reset {
  transform: translateX(-33.333%);
}
.kk-login-page .kk-login-page-form-slider-register {
  transform: translateX(-66.666%);
}
.kk-login-page .kk-auth-form {
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  background: #fff;
  width: 100%;
  margin-top: 40px;
}
.kk-login-page .kk-auth-form.kk-disabled {
  opacity: 0.5;
  pointer-events: none;
}
.kk-login-page .kk-auth-form h1 {
  font-size: 32px;
  line-height: 32px;
}
.kk-login-page .kk-auth-form h4 {
  font-size: 14px;
  font-weight: normal;
  color: #999;
  margin-top: 20px;
}
.kk-login-page .kk-auth-form form {
  width: 100%;
  margin-top: 40px;
}
.kk-login-page .kk-auth-form .kk-form-inputs {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.kk-login-page .kk-auth-form .kk-form-inputs .kk-form-input-row {
  display: flex;
  gap: 5px;
}
.kk-login-page .kk-auth-form .kk-form-inputs .kk-form-input-row input {
  width: 100%;
}
.kk-login-page .kk-auth-form .kk-form-errors {
  color: rgb(216, 17, 44);
  margin-top: 10px;
}
.kk-login-page .kk-auth-form .kk-form-options {
  display: flex;
  justify-content: space-between;
  margin-top: 10px;
}
.kk-login-page .kk-auth-form .kk-form-options .fui-Checkbox__indicator {
  margin-left: 2px;
}
.kk-login-page .kk-auth-form .kk-form-options .fui-Button {
  padding-right: 2px;
  font-size: 14px;
  color: #2d598d;
  font-weight: normal;
}
.kk-login-page .kk-auth-form .kk-form-options .fui-Button:hover {
  text-decoration: underline;
}
.kk-login-page .kk-auth-form .kk-form-actions {
  display: flex;
  align-items: flex-start;
  margin-top: 40px;
}
.kk-login-page .kk-auth-form .kk-form-actions .fui-Button {
  display: flex;
  gap: 5px;
}
.kk-login-page .kk-auth-form .kk-form-actions .fui-Button span {
  margin-top: 4px;
}
.kk-login-page .kk-auth-form .kk-form-message {
  display: flex;
  flex-direction: column;
  margin-top: 40px;
  font-size: 16px;
  line-height: 26px;
}
.kk-login-page .kk-auth-form .kk-form-links {
  margin-top: 40px;
  display: flex;
  align-items: center;
  gap: 5px;
}
.kk-login-page .kk-auth-form .kk-form-links .fui-Button {
  padding: 0px;
  min-width: auto;
  color: #2d598d;
  font-weight: normal;
}
.kk-login-page .kk-auth-form .kk-form-links .fui-Button:hover {
  text-decoration: underline;
}.kk-footer-support {
  display: flex;
  flex-direction: column;
  max-width: 300px;
  margin-right: 25px;
}
.kk-footer-support span {
  font-size: 12px;
}

.kk-footer-support-header {
  position: relative;
}
.kk-footer-support-header h3 {
  margin-bottom: 15px;
  font-size: 18px;
}
.kk-footer-support-header svg {
  position: absolute;
  width: 32px;
  height: 32px;
  top: -15px;
  left: 140px;
}

.kk-footer-support-body {
  display: flex;
  flex-direction: column;
}.kk-footer-links {
  display: flex;
  width: 100%;
}
.kk-footer-links .kk-footer-link-groups {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 20px;
  width: 100%;
}
.kk-footer-links .kk-footer-link-groups .kk-footer-vertical-sep {
  width: 1px;
  border-left: 1px solid #ccc;
  align-self: stretch;
}
.kk-footer-links .kk-footer-link-groups .kk-footer-link-group h3 {
  margin-bottom: 15px;
  font-size: 18px;
}
.kk-footer-links .kk-footer-link-groups .kk-footer-link-group ul, .kk-footer-links .kk-footer-link-groups .kk-footer-link-group li {
  font-size: 14px;
  padding-bottom: 8px;
}
.kk-footer-links .kk-footer-link-groups .kk-footer-link-group a {
  color: #000;
  text-decoration: none;
}
.kk-footer-links .kk-footer-link-groups .kk-footer-link-group a:visited {
  text-decoration: none;
}
.kk-footer-links .kk-footer-link-groups .kk-footer-link-group a:hover {
  color: #155daf;
}

.kk-footer-links-accordion {
  display: flex;
  flex-direction: column;
}
.kk-footer-links-accordion .fui-AccordionItem {
  border-bottom: 1px solid #ddd;
}
.kk-footer-links-accordion .fui-AccordionHeader__button {
  min-height: unset;
  padding: 8px 10px;
  font-size: 16px;
  font-weight: bold;
}
.kk-footer-links-accordion .fui-AccordionPanel {
  background: #f8f8f8;
  margin: 0px;
}
.kk-footer-links-accordion .fui-AccordionPanel .kk-footer-link-group h3 {
  display: none;
}
.kk-footer-links-accordion .fui-AccordionPanel li {
  padding: 10px 10px;
  border-bottom: 1px solid #ddd;
  cursor: pointer;
}
.kk-footer-links-accordion .fui-AccordionPanel li:last-child {
  border-bottom: none;
}
.kk-footer-links-accordion .fui-AccordionPanel li:hover {
  background-color: #f3f3f3;
}
.kk-footer-links-accordion .fui-AccordionPanel li a {
  text-decoration: none;
  color: #333;
}.kk-footer-desktop {
  display: flex;
  flex-direction: column;
}.kk-footer-mobile {
  display: none;
  flex-direction: column;
  padding-top: 5px;
  background: #f3f3f3;
  gap: 5px;
}
.kk-footer-mobile .kk-footer-support {
  padding-top: 5px;
  border-bottom: 1px solid #ddd;
  margin-right: 0px;
  max-width: unset;
}
.kk-footer-mobile .kk-footer-support .kk-footer-support-header h3, .kk-footer-mobile .kk-footer-support .kk-footer-support-header svg {
  display: none;
}
.kk-footer-mobile .kk-footer-support .kk-footer-support-body {
  padding: 10px;
}
.kk-footer-mobile .kk-footer-support .kk-footer-support-body .kk-flex-row {
  max-width: 260px;
}
.kk-footer-mobile .kk-footer-social {
  padding: 0px 10px 0px 10px;
  margin-right: 0px;
  align-items: center;
  margin-top: 10px;
}
.kk-footer-mobile .kk-footer-social .kk-footer-social-links {
  margin-top: 5px;
}
.kk-footer-mobile .kk-footer-copyright {
  justify-content: center;
  margin-top: 10px;
  padding: 10px;
  background: #e8e8e8;
}.kk-footer {
  display: flex;
  flex-direction: column;
  color: #333;
  background-color: #f3f3f3;
  margin-top: 100px;
}
.kk-footer .kk-footer-container {
  display: flex;
  flex-direction: column;
  width: 100%;
  margin: auto;
  max-width: 1440px;
}
.kk-footer .kk-footer-top {
  display: flex;
  flex-direction: column;
  padding-top: 10px;
  background: #f3f3f3;
}
.kk-footer .kk-footer-mid {
  background: #f3f3f3;
  min-height: 200px;
  padding-top: 50px;
  padding-bottom: 20px;
  padding: 30px 16px 20px 16px;
}
.kk-footer .kk-footer-mid .kk-footer-content {
  display: flex;
  gap: 20px;
}
.kk-footer .kk-footer-bottom {
  background: #f3f4f5;
  padding-bottom: 30px;
}
.kk-footer .kk-footer-bottom .kk-footer-content {
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-end;
}
.kk-footer .kk-footer-content {
  display: flex;
}.kk-print-header {
  display: none;
  border-bottom: 1px solid #000;
  margin-bottom: 20px;
  background: #fff;
  align-items: flex-start;
  justify-content: space-between;
  font-size: 12px;
  padding: 20px 5px;
}.kk-customer-search-dialog-navbar {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 10px;
  border-bottom: 1px solid #efefef;
  margin-bottom: 5px;
  padding-bottom: 10px;
  position: sticky;
  top: 0px;
  background: #fff;
}
.kk-customer-search-dialog-navbar input {
  width: 240px;
}.kk-customer-list-item {
  display: flex;
  justify-content: space-between;
  gap: 10px;
  align-items: flex-start;
  padding: 10px 8px;
  cursor: pointer;
  min-height: 100px;
}
.kk-customer-list-item:nth-child(2n-1) {
  background: #f8f8f8;
  border-radius: 5px;
}
.kk-customer-list-item:hover {
  background: rgb(239, 248, 255) !important;
}
.kk-customer-list-item:hover span,
.kk-customer-list-item:hover svg {
  color: #333 !important;
}
.kk-customer-list-item.kk-highlighted {
  background: #0078d4 !important;
}
.kk-customer-list-item.kk-highlighted span,
.kk-customer-list-item.kk-highlighted svg {
  color: #fff;
}

.kk-customer-list-item-fields {
  display: flex;
  flex-direction: column;
  gap: 5px;
  align-items: flex-start;
  width: 100%;
}

.kk-customer-list-item-customer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 5px;
  width: 100%;
}
.kk-customer-list-item-customer .kk-customer-list-item-id {
  font-weight: 600;
  color: #333;
}
.kk-customer-list-item-customer .kk-customer-list-item-name {
  font-weight: 600;
  color: #333;
}

.kk-customer-list-item-address {
  display: flex;
  flex-direction: column;
  color: #333;
}

.kk-customer-list-item-properties {
  width: 100%;
  display: flex;
  align-items: center;
  gap: 10px;
  align-items: center;
  font-size: 12px;
  color: #333;
  margin-top: 5px;
}
.kk-customer-list-item-properties label {
  font-weight: bold;
}

.kk-customer-list-item-actions .fui-Button {
  font-weight: normal;
}

.kk-customer-list-item-tooltip-infos label {
  font-weight: bold;
}.kk-customer-list-view {
  display: flex;
  flex-direction: column;
}.kk-customer-search-dialog-content {
  height: 100%;
}

.kk-customer-search-dialog-content-scroll {
  display: flex;
  height: 100%;
  overflow-y: scroll;
  flex-direction: column;
  scrollbar-width: thin;
  scrollbar-color: rgb(239, 239, 239) rgb(254, 254, 254);
  gap: 10px;
}

.kk-customer-search-dialog-actions {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  margin-top: 10px;
}
.kk-customer-search-dialog-actions .fui-Button {
  font-weight: normal;
}.kk-header-avatar {
  display: flex;
  align-items: center;
  gap: 10px;
  color: #333;
}
.kk-header-avatar .kk-header-avatar-name {
  display: flex;
  align-items: center;
  gap: 2px;
  font-weight: bold;
}
.kk-header-avatar .kk-header-avatar-company {
  text-overflow: ellipsis;
  overflow: hidden;
  text-wrap: nowrap;
  width: 260px;
  text-align: end;
  text-decoration: underline;
  color: #2D598D;
}.kk-header-account-menu {
  display: flex;
  gap: 0px;
  align-items: flex-end;
}
.kk-header-account-menu > .fui-Button {
  padding-left: 0px;
  padding-right: 0px;
}
.kk-header-account-menu .fui-PopoverSurface {
  z-index: 2;
}
.kk-header-account-menu .kk-header-account-menu-content {
  display: flex;
  gap: 15px;
}
.kk-header-account-menu .kk-header-account-menu-content a {
  color: #2652a6;
}
.kk-header-account-menu .kk-header-account-menu-content a:hover {
  color: #0c509f;
  text-decoration: underline;
}
.kk-header-account-menu .kk-header-account-menu-content h5 {
  color: #333;
  font-size: 12px;
  font-weight: bold;
  margin: 5px 0;
}
.kk-header-account-menu .kk-header-account-menu-content .kk-header-account-menu-links {
  display: flex;
  flex-direction: column;
  min-width: 160px;
  gap: 5px;
  padding: 0 10px;
  border-right: 1px solid #efefef;
}
.kk-header-account-menu .kk-header-account-menu-content .kk-header-account-menu-links .kk-header-account-menu-link-group {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.kk-header-account-menu .kk-header-account-menu-content .kk-header-account-menu-actions {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  width: 100%;
  padding: 0px 10px 0px 15px;
  gap: 5px;
}
.kk-header-account-menu .kk-header-account-menu-content .kk-header-account-menu-actions .kk-button-danger {
  color: #fff;
  background: #d13438;
  border: none;
}
.kk-header-account-menu .kk-header-account-menu-content .kk-header-account-menu-actions .kk-button-danger:hover {
  background: #c23237;
}
.kk-header-account-menu .kk-header-account-menu-content .kk-header-account-menu-actions .fui-Button {
  font-weight: normal;
  min-width: unset;
  justify-content: flex-start;
}
.kk-header-account-menu .kk-header-account-menu-content .kk-header-account-menu-actions .fui-Dropdown {
  min-width: unset;
}
.kk-header-account-menu .kk-header-account-menu-content .kk-header-account-menu-logout {
  display: flex;
  align-items: flex-end;
  justify-content: flex-end;
  height: 100%;
  width: 100%;
  margin-top: 20px;
}
.kk-header-account-menu .kk-header-account-menu-content .kk-header-account-menu-logout .fui-Button {
  font-weight: normal;
}
.kk-header-account-menu .kk-header-account-menu-content .kk-header-account-menu-logout .fui-Button svg {
  width: 28px;
  height: 28px;
}

.kk-header-account-menu-avatar {
  display: flex;
  gap: 10px;
  align-items: center;
  background: #f8f8f8;
  padding: 10px;
  border-radius: 5px;
  margin-bottom: 5px;
  width: 100%;
}
.kk-header-account-menu-avatar .kk-header-account-menu-avatar-name {
  font-weight: bold;
}
.kk-header-account-menu-avatar .kk-header-account-menu-avatar-customer {
  font-size: 12px;
  color: #333;
  text-overflow: ellipsis;
  overflow: hidden;
  text-wrap: nowrap;
  width: 220px;
}
.kk-header-account-menu-avatar a {
  margin-left: 20px;
  width: 100%;
}

.kk-header-account-menu-recently-bought {
  display: flex;
  flex-direction: column;
  padding: 5px;
  border-right: 1px solid #efefef;
  padding-right: 20px;
}
.kk-header-account-menu-recently-bought .kk-header-account-menu-recently-bought-header {
  display: flex;
  flex-direction: column;
}
.kk-header-account-menu-recently-bought .kk-header-account-menu-recently-bought-items {
  display: flex;
  flex-direction: column;
  margin-top: 20px;
}.kk-header-actions {
  display: flex;
  align-items: center;
  gap: 10px;
}
.kk-header-actions .fui-Toolbar {
  display: flex;
  gap: 20px;
  padding: 0px;
}
.kk-header-actions .fui-Toolbar .fui-Button {
  font-weight: normal;
  font-size: 11px;
  padding: 0px;
  min-width: 0px;
}
.kk-header-actions .fui-Toolbar .fui-Button:hover .fui-Button__icon {
  border: 1px solid #3e6fac;
}
.kk-header-actions .fui-Toolbar .fui-Button .fui-Button__icon {
  width: 26px;
  height: 26px;
  border-radius: 100%;
  border: 1px solid #ccc;
}
.kk-header-actions .kk-header-action-comparison {
  overflow: unset;
  position: relative;
}
.kk-header-actions .kk-header-action-comparison .fui-Badge {
  background: #D01720;
  position: absolute;
  top: -4px;
  right: 0px;
}.kk-cart-dialog-header {
  display: flex;
  flex-direction: column;
  gap: 10px;
  padding: 0px 30px 20px 30px;
  border-bottom: 1px solid #ddd;
}

.kk-cart-dialog-header-poscount {
  display: flex;
  font-size: 16px;
}

.kk-cart-dialog-header-actions {
  display: flex;
}
.kk-cart-dialog-header-actions .fui-Button {
  width: 100%;
}.kk-cart-dialog-footer {
  display: flex;
  flex-direction: column;
  gap: 15px;
  background: #f8f8f8;
  padding: 20px 30px;
  border-top: 1px solid #ddd;
  margin-top: 20px;
}

.kk-cart-dialog-footer-amount {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.kk-cart-dialog-footer-amount span {
  font-size: 16px;
}

.kk-cart-dialog-footer-actions {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
}
.kk-cart-dialog-footer-actions .fui-Button {
  width: 100%;
}.kk-cart-dialog-view-item {
  display: flex;
  align-items: flex-start;
  padding: 20px 30px;
  gap: 5px;
}
.kk-cart-dialog-view-item:not(:first-child) {
  border-top: 1px solid #ddd;
}
.kk-cart-dialog-view-item .kk-product-image {
  width: 80px;
  margin-top: 6px;
  align-items: flex-start;
  min-height: unset;
}
.kk-cart-dialog-view-item .kk-product-image img {
  object-fit: contain;
  width: 100%;
  height: 100%;
  max-height: 80px;
}

.kk-cart-dialog-view-item-amount {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
}
.kk-cart-dialog-view-item-amount label {
  font-size: 11px;
  color: #666;
}
.kk-cart-dialog-view-item-amount span {
  font-size: 16px;
  font-weight: bold;
}

.kk-cart-dialog-view-item-container {
  display: flex;
  flex-direction: column;
  gap: 15px;
  width: 100%;
}
.kk-cart-dialog-view-item-container .kk-copy-text {
  margin-top: 5px;
}

.kk-cart-dialog-view-item-title-container {
  display: flex;
  flex-direction: column;
  width: 100%;
}
.kk-cart-dialog-view-item-title-container a {
  text-decoration: none;
  font-size: 16px;
  line-height: 22px;
  font-weight: 600;
  color: #000;
}
.kk-cart-dialog-view-item-title-container a:hover {
  color: #0851a5 !important;
}
.kk-cart-dialog-view-item-title-container a:visited {
  color: #000;
}

.kk-cart-dialog-view-item-price-container {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
}

.kk-cart-dialog-view-item-actions {
  display: flex;
  gap: 15px;
  align-items: center;
  width: 100%;
}
.kk-cart-dialog-view-item-actions .fui-Button {
  padding: 0px;
  font-weight: normal;
}.kk-cart-dialog-view {
  display: flex;
  flex-direction: column;
}.kk-cart-dialog-content {
  display: flex;
  flex-direction: column;
  gap: 10px;
  height: 100%;
}

.kk-cart-dialog-content-scroll {
  display: flex;
  height: 100%;
  overflow-y: scroll;
  flex-direction: column;
  scrollbar-width: thin;
  scrollbar-color: rgb(239, 239, 239) rgb(254, 254, 254);
  gap: 10px;
}.kk-cart-dialog .kk-drawer-header {
  padding-bottom: 0px;
}
.kk-cart-dialog .kk-drawer-content {
  padding: 0px;
}.kk-header-cart {
  display: flex;
  gap: 10px;
  position: relative;
  align-items: center;
  cursor: pointer;
  min-width: 185px;
  justify-content: flex-end;
  margin-right: -6px;
}
.kk-header-cart.kk-disabled .fui-Button {
  cursor: default !important;
  color: #333 !important;
}
.kk-header-cart .kk-header-cart-content {
  display: flex;
  flex-direction: column;
  gap: 0;
  align-items: flex-end;
  font-size: 14px;
  font-weight: normal;
}
.kk-header-cart .kk-header-cart-poscount {
  line-height: 18px;
  font-size: 14px;
  font-weight: bold;
}
.kk-header-cart .kk-header-cart-amount {
  line-height: 18px;
  font-size: 14px;
  font-weight: normal;
}
.kk-header-cart .fui-Button {
  padding: 0px;
}
.kk-header-cart .fui-Button__icon {
  width: 40px;
  height: 40px;
  color: #D01720 !important;
}
.kk-header-cart .fui-Button__icon svg {
  width: 40px;
  height: 40px;
}
.kk-header-cart .kk-header-cart-badge {
  position: absolute;
  top: 0px;
  right: 0;
  font-size: 10px;
  font-weight: bold;
  background: #000;
  color: #fff;
  border-radius: 50%;
  width: 20px;
  height: 20px;
}
.kk-header-cart .fui-Badge {
  position: absolute;
  top: 0px;
  right: 2px;
  width: 18px;
  height: 18px;
  background: #0c509f;
  font-weight: normal;
}

.kk-header-no-cart .kk-header-cart-hint {
  background: #fff;
  color: #333;
  padding: 0px 6px;
  font-size: 12px;
  border-radius: 5px;
  border: 1px solid #1773ab;
  font-weight: 600;
}
.kk-header-no-cart .fui-Button__icon {
  color: #ccc !important;
}.kk-header-logo .kk-logo-sm {
  display: none;
}.kk-header-menu-dialog-links {
  display: flex;
  flex-direction: column;
}
.kk-header-menu-dialog-links .fui-AccordionItem {
  border-bottom: 1px solid #ddd;
}
.kk-header-menu-dialog-links .fui-AccordionHeader__button {
  min-height: unset;
  padding: 10px 20px 10px 15px;
  font-size: 18px;
}
.kk-header-menu-dialog-links .fui-AccordionPanel {
  background: #f8f8f8;
  margin: 0px;
}
.kk-header-menu-dialog-links .fui-AccordionPanel li {
  border-bottom: 1px solid #ddd;
  cursor: pointer;
  font-size: 16px;
}
.kk-header-menu-dialog-links .fui-AccordionPanel li:last-child {
  border-bottom: none;
}
.kk-header-menu-dialog-links .fui-AccordionPanel li:hover {
  background-color: #f3f3f3;
}
.kk-header-menu-dialog-links .fui-AccordionPanel li a {
  padding: 10px 0px 10px 15px;
  text-decoration: none;
  color: #333;
  display: flex;
}
.kk-header-menu-dialog-links > ul {
  margin-top: 30px;
}
.kk-header-menu-dialog-links > ul li {
  padding: 10px 0px 10px 15px;
  font-size: 16px;
}.kk-header-menu-dialog-avatar {
  display: flex;
  gap: 10px;
  align-items: center;
  background: #f8f8f8;
  padding: 10px;
  border-radius: 5px;
  margin-bottom: 5px;
  width: 100%;
}
.kk-header-menu-dialog-avatar .kk-header-menu-dialog-avatar-name {
  font-weight: bold;
}
.kk-header-menu-dialog-avatar .kk-header-menu-dialog-avatar-customer {
  font-size: 12px;
  color: #333;
  text-overflow: ellipsis;
  overflow: hidden;
  text-wrap: nowrap;
  width: 220px;
}.kk-change-password-form {
  display: flex;
  flex-direction: column;
  gap: 15px;
  width: 100%;
  max-width: 400px;
}
.kk-change-password-form .fui-Button {
  font-weight: normal;
}
.kk-change-password-form .kk-form-actions {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 10px;
}
.kk-change-password-form .kk-form-errors {
  color: rgb(216, 17, 44);
}.kk-change-password-dialog-content {
  display: flex;
  width: 100%;
}.kk-change-password-dialog.kk-drawer .kk-drawer-header, .kk-change-password-dialog.kk-size-tiny .kk-drawer-header {
  padding: 20px 15px 10px 15px;
}
.kk-change-password-dialog.kk-drawer .kk-drawer-content, .kk-change-password-dialog.kk-size-tiny .kk-drawer-content {
  margin-top: 20px;
  padding: 5px 10px;
}.kk-menu-dialog-content {
  padding: 0px;
}
.kk-menu-dialog-content .kk-header-avatar {
  padding: 0px 10px;
}
.kk-menu-dialog-content .kk-header-account-menu-avatar a {
  display: none;
}
.kk-menu-dialog-content .kk-header-menu-dialog-links {
  margin-top: 30px;
}.kk-header-menu-dialog .kk-drawer-header {
  padding: 20px 15px 10px 15px;
  align-items: center !important;
}
.kk-header-menu-dialog .kk-drawer-content {
  padding: 0px;
}.kk-header-menu-dialog-trigger {
  display: none;
  gap: 5px;
}
.kk-header-menu-dialog-trigger > button {
  display: flex;
  flex-direction: column;
  align-items: center;
  background: transparent;
  border: none;
  cursor: pointer;
  color: #0c509f;
  font-size: 11px;
  font-weight: 600;
  padding: 0px 6px 0px 2px;
}
.kk-header-menu-dialog-trigger > button:hover {
  color: #D01720;
}.kk-header-menu {
  display: flex;
  gap: 15px;
  margin-top: 5px;
  z-index: 10;
}
.kk-header-menu .kk-header-menu-main {
  display: flex;
  align-items: center;
  font-size: 16px;
  font-weight: 600;
  line-height: 22px;
  padding: 0px 4px;
  cursor: pointer;
  border-radius: 5px;
  color: #0c509f;
  gap: 5px;
}
.kk-header-menu .kk-header-menu-main:hover {
  background: #f8f8f8;
}
.kk-header-menu ul {
  display: flex;
  align-items: flex-end;
  align-items: center;
  gap: 20px;
}
.kk-header-menu li {
  font-size: 18px;
  font-weight: 600;
  text-transform: uppercase;
  color: #0c509f;
  line-height: 22px;
  cursor: pointer;
}
.kk-header-menu li:hover {
  color: #D01720;
}
.kk-header-menu li.kk-active {
  color: #D01720;
}
.kk-header-menu li svg {
  margin-top: 2px;
}
.kk-header-menu a {
  text-decoration: none;
  color: inherit;
}
.kk-header-menu a:visited {
  color: inherit;
}
.kk-header-menu .kk-header-menu-popup {
  background: #fff;
  position: absolute;
  top: 122px;
  transition: 0.45s ease;
  border-top: 1px solid #eee;
  width: 100%;
  left: 0;
}
.kk-header-menu .kk-header-menu-popup-inactive {
  height: 0px;
  border-top: 0px solid #eee;
}
.kk-header-menu .kk-header-menu-popup-assortment {
  height: 680px;
  padding-bottom: 10px;
  border-bottom: 1px solid #666;
}
.kk-header-menu .kk-header-menu-popup-promotion {
  height: 680px;
  border-bottom: 1px solid #666;
}
.kk-header-menu .kk-header-menu-popup-brand {
  height: 680px;
  border-bottom: 1px solid #666;
}
.kk-header-menu .kk-header-menu-popup-service {
  height: 380px;
  border-bottom: 1px solid #666;
}
.kk-header-menu .kk-header-menu-popup-content {
  width: 100%;
  margin: auto;
  max-width: 1440px;
  padding: 0px 12px;
  background: #fff;
  height: 100%;
}

.kk-header-menu-backdrop {
  display: none;
}
.kk-header-menu-backdrop.kk-active {
  display: flex;
  backdrop-filter: blur(3px);
  background-color: rgba(35, 47, 62, 0.3);
  bottom: 0;
  left: 0;
  position: fixed;
  right: 0;
  top: 131px;
  z-index: 9;
}

.kk-header-assortment {
  display: flex;
  gap: 10px;
  height: 100%;
  padding-top: 20px;
  background: #fff;
}
.kk-header-assortment .kk-header-nav {
  display: flex;
  flex-direction: column;
  border-right: 1px solid #efefef;
  min-width: 320px;
  gap: 30px;
  overflow-y: scroll;
  overscroll-behavior: contain;
  scrollbar-width: thin;
  scrollbar-color: #aaa #fff;
}
.kk-header-assortment .kk-header-nav .kk-header-nav-banner {
  display: flex;
  gap: 20px;
  align-items: flex-start;
  flex-direction: column;
  margin-top: 10px;
}
.kk-header-assortment .kk-header-nav .kk-header-nav-banner > h1 {
  font-size: 28px;
  font-weight: bold;
  text-wrap: wrap;
  line-height: 36px;
}
.kk-header-assortment .kk-header-nav .kk-header-nav-banner > h2 {
  font-size: 20px;
  font-weight: 600;
  line-height: 26px;
  color: #333;
}
.kk-header-assortment .kk-header-nav .kk-header-nav-banner .fui-Button {
  color: #fff !important;
  background: #0c509f;
  font-size: 18px;
  padding: 10px 15px;
  border-radius: 1000px;
  font-weight: bold;
  text-decoration: none !important;
  border: none;
}
.kk-header-assortment .kk-header-nav .kk-header-nav-banner .fui-Button:hover {
  background: #093b75;
}
.kk-header-assortment .kk-header-nav .kk-header-nav-items {
  display: flex;
  flex-direction: column;
}
.kk-header-assortment .kk-header-nav .kk-header-nav-items .kk-header-nav-item {
  display: flex;
  align-items: center;
  gap: 10px;
  cursor: pointer;
  padding: 15px 0px 15px 15px;
}
.kk-header-assortment .kk-header-nav .kk-header-nav-items .kk-header-nav-item.kk-selected {
  background: #f8f8f8;
  font-weight: 600;
  border-left: 4px solid #333;
}
.kk-header-assortment .kk-header-nav .kk-header-nav-items .kk-header-nav-item:hover {
  background: #f8f8f8;
  font-weight: 600;
  border-left: 4px solid #333;
}
.kk-header-assortment .kk-header-nav .kk-header-nav-items .kk-header-nav-item .kk-header-nav-item-name {
  font-size: 16px;
}
.kk-header-assortment .kk-header-view {
  display: flex;
  flex-direction: column;
  gap: 20px;
  padding: 10px;
  width: 100%;
  overflow-y: auto;
  overscroll-behavior: contain;
  scrollbar-width: thin;
  scrollbar-color: #aaa #fff;
}
.kk-header-assortment .kk-header-view .kk-header-view-info {
  padding: 10px 10px;
  border-radius: 5px;
}
.kk-header-assortment .kk-header-view .kk-header-view-info .fui-Button {
  font-weight: normal;
}
.kk-header-assortment .kk-header-view .kk-header-view-groups {
  display: flex;
  flex-direction: column;
  gap: 25px;
  width: 100%;
  margin-bottom: 420px;
}
.kk-header-assortment .kk-header-view .kk-header-view-groups .kk-header-view-group {
  display: flex;
  flex-direction: column;
}
.kk-header-assortment .kk-header-view .kk-header-view-groups .kk-header-view-group .kk-header-view-group-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.kk-header-assortment .kk-header-view .kk-header-view-groups .kk-header-view-group .kk-header-view-group-header .fui-Button {
  font-weight: normal;
  text-decoration: underline;
}
.kk-header-assortment .kk-header-view .kk-header-view-groups .kk-header-view-group .kk-header-view-group-items {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
  row-gap: 10px;
  column-gap: 10px;
  margin-top: 30px;
}
.kk-header-assortment .kk-header-view .kk-header-view-groups .kk-header-view-group .kk-header-view-group-items .kk-header-view-group-item {
  display: flex;
  flex-direction: column;
  align-items: center;
  cursor: pointer;
  border: 1px solid #ddd;
  border-radius: 10px;
  padding-top: 5px;
}
.kk-header-assortment .kk-header-view .kk-header-view-groups .kk-header-view-group .kk-header-view-group-items .kk-header-view-group-item:hover {
  box-shadow: rgba(0, 0, 0, 0.12) 0px 2px 4px, rgba(0, 0, 0, 0.24) 0px 2px 3px;
}
.kk-header-assortment .kk-header-view .kk-header-view-groups .kk-header-view-group .kk-header-view-group-items .kk-header-view-group-item:hover .kk-header-view-group-item-name {
  font-weight: 600;
  color: #000;
}
.kk-header-assortment .kk-header-view .kk-header-view-groups .kk-header-view-group .kk-header-view-group-items .kk-header-view-group-item:hover .kk-header-view-group-item-image {
  transform: scale(0.9);
}
.kk-header-assortment .kk-header-view .kk-header-view-groups .kk-header-view-group .kk-header-view-group-items .kk-header-view-group-item .kk-header-view-group-item-image {
  display: flex;
  height: 100px;
  transform-origin: 50% 50%;
  transition: transform 0.2s linear;
}
.kk-header-assortment .kk-header-view .kk-header-view-groups .kk-header-view-group .kk-header-view-group-items .kk-header-view-group-item .kk-header-view-group-item-image img {
  object-fit: contain;
  height: 100%;
  width: 100%;
}
.kk-header-assortment .kk-header-view .kk-header-view-groups .kk-header-view-group .kk-header-view-group-items .kk-header-view-group-item .kk-header-view-group-item-name {
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  width: 100%;
  height: 40px;
  margin-top: 5px;
  margin-bottom: 5px;
}
.kk-header-assortment .kk-header-view .kk-header-view-groups .kk-header-view-group .kk-header-view-group-items .kk-header-view-group-item .kk-header-view-group-item-name span {
  font-size: 12px;
  color: #333;
}

.kk-header-promotion {
  display: flex;
  gap: 20px;
  height: 100%;
  padding-top: 20px;
  background: #fff;
}
.kk-header-promotion .kk-header-nav {
  display: flex;
  flex-direction: column;
  gap: 30px;
  min-width: 350px;
  border-right: 1px solid #dedede;
  overflow-y: auto;
  overscroll-behavior: contain;
}
.kk-header-promotion .kk-header-nav .kk-header-nav-banner {
  display: flex;
  gap: 20px;
  align-items: flex-start;
  flex-direction: column;
  margin-top: 10px;
}
.kk-header-promotion .kk-header-nav .kk-header-nav-banner > h1 {
  font-size: 28px;
  font-weight: bold;
  text-wrap: wrap;
  line-height: 36px;
}
.kk-header-promotion .kk-header-nav .kk-header-nav-banner > h2 {
  font-size: 20px;
  font-weight: 600;
  line-height: 26px;
  color: #333;
}
.kk-header-promotion .kk-header-nav .kk-header-nav-banner .fui-Button {
  color: #fff !important;
  background: #0c509f;
  font-size: 18px;
  padding: 10px 15px;
  border-radius: 1000px;
  font-weight: bold;
  text-decoration: none !important;
  border: none;
}
.kk-header-promotion .kk-header-nav .kk-header-nav-banner .fui-Button:hover {
  background: #093b75;
}
.kk-header-promotion .kk-header-nav .kk-header-nav-items {
  display: flex;
  flex-direction: column;
}
.kk-header-promotion .kk-header-nav .kk-header-nav-items .kk-header-nav-item {
  display: flex;
  align-items: center;
  gap: 10px;
  cursor: pointer;
  padding: 15px 0px 15px 15px;
}
.kk-header-promotion .kk-header-nav .kk-header-nav-items .kk-header-nav-item.kk-selected {
  background: #f8f8f8;
  font-weight: 600;
  border-left: 4px solid #333;
}
.kk-header-promotion .kk-header-nav .kk-header-nav-items .kk-header-nav-item:hover {
  background: #f8f8f8;
  font-weight: 600;
  border-left: 4px solid #333;
}
.kk-header-promotion .kk-header-nav .kk-header-nav-items .kk-header-nav-item .kk-header-nav-item-name {
  font-size: 16px;
}
.kk-header-promotion .kk-header-view {
  display: flex;
  flex-direction: column;
  gap: 20px;
  padding: 10px;
  width: 100%;
  overflow-y: scroll;
  overscroll-behavior: contain;
  scrollbar-width: thin;
  scrollbar-color: #aaa #fff;
}
.kk-header-promotion .kk-header-view .kk-header-view-groups {
  display: flex;
  flex-direction: column;
  gap: 25px;
  width: 100%;
  margin-bottom: 300px;
}
.kk-header-promotion .kk-header-view .kk-header-view-groups .kk-header-view-group {
  display: flex;
  flex-direction: column;
}
.kk-header-promotion .kk-header-view .kk-header-view-groups .kk-header-view-group .kk-header-view-group-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.kk-header-promotion .kk-header-view .kk-header-view-groups .kk-header-view-group .kk-header-view-group-header .fui-Button {
  font-weight: normal;
  text-decoration: underline;
}
.kk-header-promotion .kk-header-view .kk-header-view-groups .kk-header-view-group .kk-header-view-group-items {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  row-gap: 20px;
  column-gap: 25px;
  margin-top: 30px;
}
.kk-header-promotion .kk-header-view .kk-header-view-groups .kk-header-view-group .kk-header-view-group-items .kk-header-view-group-item {
  display: flex;
  flex-direction: column;
  align-items: center;
  cursor: pointer;
  border-radius: 10px;
  padding-top: 5px;
}
.kk-header-promotion .kk-header-view .kk-header-view-groups .kk-header-view-group .kk-header-view-group-items .kk-header-view-group-item:hover .kk-header-view-group-item-name {
  font-weight: 600;
  color: #000;
}
.kk-header-promotion .kk-header-view .kk-header-view-groups .kk-header-view-group .kk-header-view-group-items .kk-header-view-group-item:hover .kk-header-view-group-item-image {
  transform: scale(0.9);
}
.kk-header-promotion .kk-header-view .kk-header-view-groups .kk-header-view-group .kk-header-view-group-items .kk-header-view-group-item .kk-header-view-group-item-image {
  display: flex;
  transform-origin: 50% 50%;
  transition: transform 0.2s linear;
}
.kk-header-promotion .kk-header-view .kk-header-view-groups .kk-header-view-group .kk-header-view-group-items .kk-header-view-group-item .kk-header-view-group-item-image img {
  object-fit: contain;
  height: 100%;
  width: 100%;
  border-radius: 10px;
  border: 1px solid #ddd;
  box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 3px 0px, rgba(0, 0, 0, 0.06) 0px 1px 2px 0px;
}

.kk-header-brand {
  display: flex;
  gap: 20px;
  height: 100%;
  padding-top: 20px;
  background: #fff;
}
.kk-header-brand .kk-header-nav {
  display: flex;
  flex-direction: column;
  gap: 30px;
  min-width: 340px;
  border-right: 1px solid #dedede;
  overflow-y: scroll;
  overscroll-behavior: contain;
  scrollbar-width: thin;
  scrollbar-color: #aaa #fff;
}
.kk-header-brand .kk-header-nav .kk-header-nav-banner {
  display: flex;
  gap: 20px;
  align-items: flex-start;
  flex-direction: column;
  margin-top: 10px;
}
.kk-header-brand .kk-header-nav .kk-header-nav-banner > h1 {
  font-size: 28px;
  font-weight: bold;
  text-wrap: wrap;
  line-height: 36px;
}
.kk-header-brand .kk-header-nav .kk-header-nav-banner > h2 {
  font-size: 20px;
  font-weight: 600;
  line-height: 26px;
  color: #333;
}
.kk-header-brand .kk-header-nav .kk-header-nav-banner .fui-Button {
  color: #fff !important;
  background: #0c509f;
  font-size: 18px;
  padding: 10px 15px;
  border-radius: 1000px;
  font-weight: bold;
  text-decoration: none !important;
  border: none;
}
.kk-header-brand .kk-header-nav .kk-header-nav-banner .fui-Button:hover {
  background: #093b75;
}
.kk-header-brand .kk-header-nav .kk-header-nav-items {
  display: flex;
  flex-direction: column;
}
.kk-header-brand .kk-header-nav .kk-header-nav-items .kk-header-nav-item {
  display: flex;
  align-items: center;
  gap: 10px;
  cursor: pointer;
  padding: 15px 0px 15px 15px;
}
.kk-header-brand .kk-header-nav .kk-header-nav-items .kk-header-nav-item.kk-selected {
  background: #f8f8f8;
  font-weight: 600;
  border-left: 4px solid #333;
}
.kk-header-brand .kk-header-nav .kk-header-nav-items .kk-header-nav-item:hover {
  background: #f8f8f8;
  font-weight: 600;
  border-left: 4px solid #333;
}
.kk-header-brand .kk-header-nav .kk-header-nav-items .kk-header-nav-item .kk-header-nav-item-name {
  font-size: 16px;
}
.kk-header-brand .kk-header-view {
  display: flex;
  flex-direction: column;
  gap: 20px;
  padding: 10px;
  width: 100%;
  overflow-y: scroll;
  overscroll-behavior: contain;
  scrollbar-width: thin;
  scrollbar-color: #aaa #fff;
}
.kk-header-brand .kk-header-view .kk-header-view-groups {
  display: flex;
  flex-direction: column;
  gap: 25px;
  width: 100%;
  margin-bottom: 500px;
}
.kk-header-brand .kk-header-view .kk-header-view-groups .kk-header-view-group {
  display: flex;
  flex-direction: column;
}
.kk-header-brand .kk-header-view .kk-header-view-groups .kk-header-view-group .kk-header-view-group-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.kk-header-brand .kk-header-view .kk-header-view-groups .kk-header-view-group .kk-header-view-group-header .fui-Button {
  font-weight: normal;
  text-decoration: underline;
}
.kk-header-brand .kk-header-view .kk-header-view-groups .kk-header-view-group .kk-header-view-group-items {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  row-gap: 20px;
  column-gap: 15px;
  margin-top: 30px;
}
.kk-header-brand .kk-header-view .kk-header-view-groups .kk-header-view-group .kk-header-view-group-items .kk-header-view-group-item {
  display: flex;
  flex-direction: column;
  align-items: center;
  cursor: pointer;
  border-radius: 10px;
  padding-top: 5px;
}
.kk-header-brand .kk-header-view .kk-header-view-groups .kk-header-view-group .kk-header-view-group-items .kk-header-view-group-item:hover .kk-header-view-group-item-name {
  font-weight: 600;
  color: #000;
}
.kk-header-brand .kk-header-view .kk-header-view-groups .kk-header-view-group .kk-header-view-group-items .kk-header-view-group-item:hover .kk-header-view-group-item-image {
  transform: scale(0.9);
}
.kk-header-brand .kk-header-view .kk-header-view-groups .kk-header-view-group .kk-header-view-group-items .kk-header-view-group-item .kk-header-view-group-item-image {
  display: flex;
  transform-origin: 50% 50%;
  transition: transform 0.2s linear;
}
.kk-header-brand .kk-header-view .kk-header-view-groups .kk-header-view-group .kk-header-view-group-items .kk-header-view-group-item .kk-header-view-group-item-image img {
  object-fit: contain;
  height: 100%;
  width: 100%;
  border-radius: 10px;
  border: 1px solid #ddd;
  box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 3px 0px, rgba(0, 0, 0, 0.06) 0px 1px 2px 0px;
}

.kk-header-service {
  display: flex;
  gap: 20px;
  height: 100%;
  padding-top: 20px;
  background: #fff;
}
.kk-header-service .kk-header-nav {
  display: flex;
  flex-direction: column;
  gap: 30px;
  width: 320px;
}
.kk-header-service .kk-header-nav .kk-header-nav-banner {
  display: flex;
  gap: 20px;
  align-items: flex-start;
  flex-direction: column;
  margin-top: 10px;
}
.kk-header-service .kk-header-nav .kk-header-nav-banner > h1 {
  font-size: 28px;
  font-weight: bold;
  text-wrap: wrap;
  line-height: 36px;
}
.kk-header-service .kk-header-nav .kk-header-nav-banner > h2 {
  font-size: 20px;
  font-weight: 600;
  line-height: 26px;
  color: #333;
}
.kk-header-service .kk-header-nav .kk-header-nav-banner .fui-Button {
  color: #fff !important;
  background: #0c509f;
  font-size: 18px;
  padding: 10px 15px;
  border-radius: 1000px;
  font-weight: bold;
  text-decoration: none !important;
  border: none;
}
.kk-header-service .kk-header-nav .kk-header-nav-banner .fui-Button:hover {
  background: #093b75;
}
.kk-header-service .kk-header-view {
  display: flex;
  flex-direction: column;
  gap: 20px;
  padding: 10px;
  width: 100%;
  overflow-y: scroll;
  overscroll-behavior: contain;
  scrollbar-width: thin;
  scrollbar-color: #aaa #fff;
}
.kk-header-service .kk-header-view .kk-header-view-groups {
  display: grid;
  grid-template-columns: 1fr 2fr;
  column-gap: 20px;
}
.kk-header-service .kk-header-view .kk-header-view-groups .kk-header-view-group {
  display: flex;
  flex-direction: column;
  border-right: 1px solid #ededed;
  padding: 0px 10px;
}
.kk-header-service .kk-header-view .kk-header-view-groups .kk-header-view-group .kk-header-view-group-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.kk-header-service .kk-header-view .kk-header-view-groups .kk-header-view-group .kk-header-view-group-header h2 {
  margin-left: 10px;
  line-height: 24px;
  color: #333;
}
.kk-header-service .kk-header-view .kk-header-view-groups .kk-header-view-group .kk-header-view-group-header .fui-Button {
  font-weight: normal;
  text-decoration: underline;
}
.kk-header-service .kk-header-view .kk-header-view-groups .kk-header-view-group .kk-header-view-group-items {
  display: flex;
  flex-direction: column;
  margin-top: 20px;
  gap: 5px;
}
.kk-header-service .kk-header-view .kk-header-view-groups .kk-header-view-group .kk-header-view-group-items .kk-header-view-group-item {
  display: flex;
  align-items: flex-start;
  cursor: pointer;
  border-radius: 5px;
  padding: 10px 10px;
  gap: 10px;
}
.kk-header-service .kk-header-view .kk-header-view-groups .kk-header-view-group .kk-header-view-group-items .kk-header-view-group-item:hover {
  background: rgb(239, 248, 255) !important;
}
.kk-header-service .kk-header-view .kk-header-view-groups .kk-header-view-group .kk-header-view-group-items .kk-header-view-group-item .kk-header-view-group-item-name {
  display: flex;
  flex-direction: column;
  gap: 5px;
  width: 100%;
}
.kk-header-service .kk-header-view .kk-header-view-groups .kk-header-view-group .kk-header-view-group-items .kk-header-view-group-item .kk-header-view-group-item-name strong {
  font-size: 16px;
}
.kk-header-service .kk-header-view .kk-header-view-groups .kk-header-view-group .kk-header-view-group-items .kk-header-view-group-item .kk-header-view-group-item-name span {
  font-size: 14px;
}
.kk-header-service .kk-header-view .kk-header-view-groups .kk-header-view-group-functions {
  border-right: none;
}
.kk-header-service .kk-header-view .kk-header-view-groups .kk-header-view-group-functions .kk-header-view-group-items {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-template-rows: 1fr 1fr 1fr;
  grid-auto-flow: column;
}.kk-search-suggests {
  position: absolute;
  width: 800px;
  max-height: 745px;
  background: #fff;
  border: 1px solid #ccc;
  top: 50px;
  left: 50%;
  transform: translateX(-50%);
  z-index: 1001;
  text-wrap: wrap;
  overflow: auto;
  box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
  border-radius: 3px;
}

.kk-search-suggests-header {
  padding: 10px;
  font-size: 14px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: sticky;
  top: 0px;
  background: #fff;
}

.kk-search-suggests-footer {
  padding: 10px;
  font-size: 14px;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.kk-search-suggests-footer .kk-search-term {
  cursor: pointer;
  color: rgb(24, 82, 241);
}

.kk-search-suggests-body {
  background: rgb(251, 251, 251);
  padding: 12px 10px;
  display: flex;
  gap: 30px;
}
.kk-search-suggests-body h4 {
  color: #264c7d;
  margin-bottom: 8px;
  font-size: 14px;
  padding: 5px 4px;
}

.kk-search-suggest-image {
  min-width: 40px;
  min-height: 40px;
  max-width: 40px;
  max-height: 40px;
  background: #fff;
  padding: 2px;
  border: 1px solid #d7d7d7;
  border-radius: 3px;
}
.kk-search-suggest-image img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.kk-search-suggest-group1 {
  display: flex;
  flex-direction: column;
  width: 100%;
  max-width: 440px;
}

.kk-search-suggest-group2 {
  display: flex;
  flex-direction: column;
  gap: 20px;
  width: 100%;
  max-width: 300px;
}

.kk-search-suggest {
  cursor: pointer;
  padding: 4px;
  overflow: hidden;
}
.kk-search-suggest:hover {
  background: #efefef;
  border-radius: 5px;
}

.kk-suggest-text1 {
  font-size: 12px;
}

.kk-suggest-text2 {
  font-size: 10px;
  color: #666;
}

.kk-suggest-mark {
  font-weight: bold;
  color: #264c7d;
}

.kk-search-product-suggests {
  display: flex;
  flex-direction: column;
  font-size: 12px;
  gap: 5px;
}
.kk-search-product-suggests .kk-suggest-text1 {
  text-wrap: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.kk-search-product-suggests .kk-product-tags {
  padding: 0px;
  height: auto;
}
.kk-search-product-suggests .kk-product-tags .kk-tag {
  font-size: 9px;
  min-width: 50px;
  padding: 1px;
  line-height: 14px;
}
.kk-search-product-suggests .kk-tag-variants {
  font-size: 9px;
  min-width: 50px;
  padding: 1px 4px;
  line-height: 14px;
  background: #666;
}

.kk-search-category-suggests {
  display: flex;
  flex-direction: column;
  gap: 5px;
  font-size: 12px;
}
.kk-search-category-suggests .kk-suggest-text1 {
  font-weight: bold;
  color: #333;
}

.kk-search-supplier-suggests {
  display: flex;
  flex-direction: column;
  font-size: 12px;
}

.kk-search-product-suggest {
  display: flex;
  gap: 10px;
  align-items: center;
}

.kk-search-category-suggest {
  display: flex;
  gap: 10px;
  align-items: center;
}

.kk-search-supplier-suggest {
  display: flex;
  gap: 10px;
  align-items: center;
}.kk-searchbar {
  display: flex;
  align-items: center;
  height: 40px;
  position: relative;
  width: 100%;
}

.kk-searchbar-input {
  display: flex;
  align-items: center;
  border-radius: 40px 0px 0px 40px;
  background: #efefef;
  height: 100%;
  width: 100%;
}

.kk-searchbar-input input {
  padding: 4px 6px;
  font-size: 1rem;
  margin-right: -4px;
  border: none;
  outline: none;
  background: none;
  color: #333;
  flex: 1;
  width: 100%;
  display: block;
  min-width: 200px;
}
.kk-searchbar-input input::-webkit-search-cancel-button {
  -webkit-appearance: none;
  appearance: none;
}
.kk-searchbar-input input::-ms-clear {
  display: none;
  width: 0;
  height: 0;
}

.kk-searchbar > button {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  width: 60px;
  background: #0c509f;
  color: #fff;
  border: none;
  border-radius: 0px 40px 40px 0px;
  cursor: pointer;
  min-width: 50px;
}
.kk-searchbar > button:hover {
  background: #2c63a3;
}
.kk-searchbar > button:disabled {
  background: #ccc;
  cursor: default;
}

.kk-searchbar-input-before {
  color: #999;
  margin-left: 10px;
  margin-top: 5px;
}

.kk-searchbar-input-after {
  cursor: pointer;
  color: #666;
  margin-right: 10px;
  margin-top: 5px;
}
.kk-searchbar-input-after:hover {
  color: #3373be;
}.kk-header-searchbar {
  display: flex;
  gap: 10px;
  align-items: center;
  width: 100%;
  max-width: 440px;
  min-width: 200px;
}.kk-header-hint {
  display: flex;
  text-align: center;
  position: absolute;
  top: -4px;
  left: 50%;
  transform: translateX(-50%);
  z-index: 12;
}
.kk-header-hint span {
  background: #ff0054;
  color: #fff;
  border-radius: 5px;
  border: 1px solid #d3064a;
  padding: 2px 6px 0px 6px;
  font-weight: bold;
}.kk-header {
  display: flex;
  flex-direction: column;
  position: fixed;
  top: 0px;
  width: 100%;
  z-index: 102;
  background: #fff;
  border-bottom: 1px solid #efefef;
}
.kk-header .kk-header-container {
  display: flex;
  flex-direction: column;
  width: 100%;
  margin: auto;
  max-width: 1440px;
  padding: 0px 16px;
}
.kk-header .kk-header-main {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 15px;
  min-height: 48px;
  gap: 25px;
}
.kk-header .kk-header-sub {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  margin-top: 15px;
  margin-bottom: 4px;
}.kk-main-layout-sidebar {
  background-color: #fff;
  bottom: 25%;
  box-shadow: 0 2px 6px 2px rgba(0, 0, 0, 0.12);
  inset-inline-end: 0;
  position: fixed;
  z-index: 100;
  padding: 5px 10px 5px 10px;
  border-top-left-radius: 8px;
  border-bottom-left-radius: 8px;
}
.kk-main-layout-sidebar ul {
  list-style: none;
  margin: 0px;
  padding: 0px;
  background: #ddd;
  display: flex;
  flex-direction: column;
  gap: 1px;
}
.kk-main-layout-sidebar li {
  list-style: none;
  margin: 0px;
  cursor: pointer;
  display: flex;
  justify-content: center;
  padding: 4px 0px;
  position: relative;
  background: #fff;
}
.kk-main-layout-sidebar li .fui-Badge {
  position: absolute;
  bottom: 6px;
  right: 2px;
  background: #D01720;
  color: #fff;
}

.kk-main-layout-sidebar-tooltip {
  background: #0c509f;
  color: #fff;
}.kk-main-layout main {
  display: flex;
  flex-direction: column;
  width: 100%;
}.kk-customers-page-navbar {
  display: flex;
  flex-direction: column;
  gap: 30px;
  margin-top: 50px;
}
.kk-customers-page-navbar h1 {
  color: #666;
  font-size: 34px;
}

.kk-customers-page-navbar-groups {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.kk-customers-page-navbar-group {
  display: flex;
  gap: 10px;
  align-items: center;
}

.kk-customers-page-navbar-search-input input {
  width: 240px;
}

.kk-customers-page-navbar-limits {
  display: flex;
  gap: 5px;
  align-items: center;
}
.kk-customers-page-navbar-limits .fui-ToolbarGroup {
  display: flex;
  gap: 5px;
}
.kk-customers-page-navbar-limits .fui-Button {
  font-weight: normal;
  min-width: 40px;
  padding: 6px 6px;
}

.kk-customers-page-navbar-actions {
  display: flex;
  gap: 10px;
  align-items: center;
}
.kk-customers-page-navbar-actions .fui-Button {
  background: #f4f4f4;
  color: #333;
  border: none;
  font-size: 14px;
  font-weight: normal;
}
.kk-customers-page-navbar-actions .fui-Button.kk-selected {
  background: #0c509f !important;
  color: #fff;
  font-weight: bold;
}
.kk-customers-page-navbar-actions .fui-Button:hover {
  background: #efefef;
}.kk-customer-table-item > td {
  padding: 10px;
}
.kk-customer-table-item .kk-td-actions {
  text-align: end;
}
.kk-customer-table-item .kk-td-actions .fui-Button {
  font-weight: normal;
}.kk-customer-table-view {
  margin-top: 40px;
}
.kk-customer-table-view > table {
  border-spacing: 2px 2px;
  border-collapse: collapse;
  width: 100%;
  table-layout: auto;
}
.kk-customer-table-view thead {
  background: #efefef;
}
.kk-customer-table-view th {
  font-weight: normal;
  padding: 10px;
  color: #333;
}
.kk-customer-table-view .kk-product-title {
  height: auto;
  cursor: default;
}
.kk-customer-table-view .kk-product-title:hover {
  color: inherit;
}
.kk-customer-table-view .kk-product-image {
  min-height: auto;
  width: 85px;
  height: 85px;
  padding: 0px;
  cursor: default;
}
.kk-customer-table-view .kk-product-image img {
  object-fit: contain;
  width: 100%;
  height: 100%;
}
.kk-customer-table-view .fui-Checkbox {
  padding: 2px 0px;
}
.kk-customer-table-view .fui-Checkbox__indicator {
  margin: 0px;
}.kk-profile-page-navbar {
  display: flex;
  margin-top: 20px;
}.kk-profile-page-titlebar {
  display: flex;
  flex-direction: column;
  gap: 30px;
}
.kk-profile-page-titlebar h1 {
  color: #666;
  font-size: 34px;
}.kk-bookmarks-page-navbar {
  display: flex;
  flex-direction: column;
  gap: 30px;
  margin-top: 30px;
}
.kk-bookmarks-page-navbar h1 {
  color: #666;
  font-size: 34px;
}.kk-bookmark-view-item {
  display: flex;
  flex-direction: column;
}
.kk-bookmark-view-item .kk-bookmark-view-item-footer {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  margin-top: 5px;
}
.kk-bookmark-view-item .kk-bookmark-view-item-footer .fui-Button {
  text-decoration: underline;
}.kk-bookmark-view {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.kk-bookmark-view h2 {
  color: #666;
}
.kk-bookmark-view .kk-bookmark-view-items {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  column-gap: 25px;
  row-gap: 30px;
  align-items: flex-start;
  margin-top: 10px;
}.kk-bookmarks-page-view {
  display: flex;
  flex-direction: column;
  margin-top: 40px;
  gap: 60px;
}

.kk-bookmark-product-view .kk-product {
  border: none;
  padding: 0px;
}
.kk-bookmark-product-view .kk-product-griditem,
.kk-bookmark-product-view .kk-product-griditem-group {
  border: 1px solid #ddd;
  border-radius: 5px;
}
.kk-bookmark-product-view .kk-product-tile-item,
.kk-bookmark-product-view .kk-product-tile-item-group {
  border: 1px solid #ddd;
  border-radius: 5px;
}
.kk-bookmark-product-view .kk-product-tile-item:hover,
.kk-bookmark-product-view .kk-product-tile-item-group:hover {
  border: 1px solid #999;
}

.kk-bookmark-matrix-view .kk-bookmark-view-items {
  grid-template-columns: 1fr 1fr 1fr;
}.kk-products-page-bookmarks-tab {
  display: flex;
  flex-direction: column;
}
.kk-products-page-bookmarks-tab .kk-page {
  margin: 0px;
}
.kk-products-page-bookmarks-tab .kk-bookmarks-page-breadcrumb {
  display: none;
}
.kk-products-page-bookmarks-tab .kk-bookmarks-page-navbar h1 {
  display: none;
}
.kk-products-page-bookmarks-tab .kk-bookmark-category-view .kk-bookmark-view-items {
  grid-template-columns: 1fr 1fr 1fr;
}
.kk-products-page-bookmarks-tab > span {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 20px 10px;
  background: #efefef;
  color: #333;
  margin-top: 20px;
}.kk-profile-page-user-tab {
  display: flex;
  flex-direction: column;
  gap: 10px;
  margin-top: 40px;
  max-width: 940px;
}

.kk-profile-page-avatar {
  display: flex;
  gap: 10px;
  align-items: center;
  justify-content: space-between;
  padding: 10px;
  border-radius: 10px;
  border: 1px solid #ddd;
}
.kk-profile-page-avatar .kk-profile-page-avatar-actions {
  display: flex;
  gap: 20px;
  align-items: center;
}
.kk-profile-page-avatar .kk-profile-page-avatar-actions .kk-logout-button {
  font-weight: normal;
  text-decoration: underline;
}
.kk-profile-page-avatar h4 {
  font-weight: normal;
}
.kk-profile-page-avatar h5 {
  font-weight: normal;
  color: #666;
}

.kk-profile-page-cards {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  row-gap: 20px;
  column-gap: 20px;
  margin-top: 40px;
}
.kk-profile-page-cards .kk-credit-card strong {
  color: #47a71b;
}
.kk-profile-page-cards .kk-credit-card .kk-danger {
  color: #d01720;
}

.kk-card {
  display: flex;
  flex-direction: column;
  background: #fff;
  box-shadow: rgba(0, 0, 0, 0.15) 1.95px 1.95px 2.6px;
  padding: 5px 10px;
  gap: 15px;
  border-radius: 5px;
}
.kk-card .kk-card-header {
  display: flex;
  align-items: center;
}
.kk-card .kk-card-header label {
  color: #333;
}
.kk-card .kk-card-content {
  display: flex;
  flex-direction: column;
  height: 28px;
}
.kk-card .kk-card-content strong {
  font-size: 32px;
}
.kk-card .kk-card-content label {
  display: flex;
  color: #666;
}
.kk-card .kk-card-content a {
  font-size: 32px;
  font-weight: bold;
  color: #0c509f !important;
}
.kk-card .kk-card-content a:hover {
  text-decoration: underline;
}
.kk-card .kk-card-footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.kk-card .kk-card-footer span {
  font-size: 12px;
  color: #666;
}
.kk-card .kk-card-footer .fui-Button {
  padding: 0;
  min-width: unset;
}
.kk-card.kk-card-color-yellow {
  border-left: 4px solid #dee035;
}
.kk-card.kk-card-color-green {
  border-left: 4px solid #35e099;
}
.kk-card.kk-card-color-blue {
  border-left: 4px solid #3571e0;
}
.kk-card.kk-card-color-red {
  border-left: 4px solid #e03535;
}
.kk-card.kk-card-color-orange {
  border-left: 4px solid #e09035;
}

.kk-profile-field {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  background: #f8f8f8;
  padding: 10px;
  border-radius: 5px;
}
.kk-profile-field label {
  font-weight: 600;
  margin-bottom: 5px;
}
.kk-profile-field.kk-profile-field-danger pre {
  background: #d01720;
  color: #fff;
  padding: 2px 8px;
  border-radius: 5px;
}
.kk-profile-field.kk-profile-field-success pre {
  background: #17d04f;
  color: #fff;
  padding: 2px 8px;
  border-radius: 5px;
}

.kk-profile-page-customer {
  display: flex;
  flex-direction: column;
  margin-top: 40px;
}
.kk-profile-page-customer h2 {
  border-bottom: 1px solid #ddd;
  padding: 10px 0;
}
.kk-profile-page-customer .kk-profile-page-customer-fields {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  row-gap: 20px;
  column-gap: 15px;
  margin-top: 20px;
}
.kk-profile-page-customer .kk-profile-page-customer-delivery {
  display: flex;
  flex-direction: column;
  gap: 15px;
  align-items: flex-start;
}

.kk-profile-page-appsettings {
  display: flex;
  flex-direction: column;
  margin-top: 40px;
}
.kk-profile-page-appsettings h2 {
  border-bottom: 1px solid #ddd;
  padding: 10px 0;
}
.kk-profile-page-appsettings .kk-profile-page-appsettings-fields {
  display: flex;
  flex-direction: column;
  gap: 20px;
  margin-top: 20px;
}
.kk-profile-page-appsettings .kk-app-setting {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
}
.kk-profile-page-appsettings .kk-app-setting .kk-app-setting-text {
  display: flex;
  flex-direction: column;
  gap: 2px;
  width: 460px;
}
.kk-profile-page-appsettings .kk-app-setting .kk-app-setting-text label {
  font-weight: 600;
}
.kk-profile-page-appsettings .kk-app-setting .kk-app-setting-text span {
  color: #999;
}

.kk-profile-page-newsletter {
  display: flex;
  flex-direction: column;
  margin-top: 40px;
}
.kk-profile-page-newsletter h2 {
  border-bottom: 1px solid #ddd;
  padding: 10px 0;
}
.kk-profile-page-newsletter .kk-profile-page-newsletter-fields {
  display: flex;
  flex-direction: column;
  margin-top: 20px;
}
.kk-profile-page-newsletter a {
  color: #0c509f !important;
  text-decoration: underline;
}.kk-profile-page {
  margin: 0;
}
.kk-profile-page .kk-profile-page-navbar > .fui-TabList > button:nth-child(2) {
  padding-left: 0px;
}
.kk-profile-page .kk-profile-page-navbar > .fui-TabList > button:nth-child(2)::after, .kk-profile-page .kk-profile-page-navbar > .fui-TabList > button:nth-child(2)::before {
  left: 0px;
  right: 8px;
}.kk-document-page-breadcrumb {
  display: flex;
  margin-bottom: 30px;
}
.kk-document-page-breadcrumb .fui-Button {
  font-weight: normal;
  padding: 0px;
  min-width: unset;
}.kk-document-titlebar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0px 2px;
}
.kk-document-titlebar h1 {
  color: #666;
}
.kk-document-titlebar .fui-Button {
  font-weight: normal;
}.kk-document-fields {
  display: flex;
  gap: 50px;
  background: #f8f8f8;
  padding: 15px 20px;
  margin-top: 20px;
  border-radius: 5px;
}
.kk-document-fields .kk-document-fields-left {
  display: flex;
  flex-direction: column;
  gap: 1px;
  width: 100%;
}
.kk-document-fields .kk-document-fields-right {
  display: flex;
  flex-direction: column;
  gap: 1px;
  width: 100%;
}
.kk-document-fields .kk-document-field {
  display: flex;
  gap: 10px;
}
.kk-document-fields .kk-document-field label {
  display: flex;
  align-items: flex-start;
  min-width: 160px;
  font-weight: bold;
  padding: 6px;
}
.kk-document-fields .kk-document-field pre {
  padding: 4px 10px;
  background: #fff;
  width: 100%;
}
.kk-document-fields .kk-document-field.kk-highlight-success pre {
  background: #c8ff00;
}
.kk-document-fields .kk-document-field.kk-highlight-danger pre {
  background: #ff6c3f;
}
.kk-document-fields .kk-document-field.kk-highlight-warning pre {
  background: #ffd000;
}

.kk-document-fields-v2 {
  background: #f8f8f8;
  margin-top: 20px;
}
.kk-document-fields-v2 .kk-collapsible-header {
  padding: 15px 20px;
}
.kk-document-fields-v2 .kk-collapsible-content {
  display: flex;
  flex-direction: row;
  gap: 50px;
  padding: 15px;
  border-radius: 5px;
  margin: 0px;
}
.kk-document-fields-v2 .kk-collapsible-content .kk-document-fields-left {
  display: flex;
  flex-direction: column;
  gap: 1px;
  width: 100%;
}
.kk-document-fields-v2 .kk-collapsible-content .kk-document-fields-right {
  display: flex;
  flex-direction: column;
  gap: 1px;
  width: 100%;
}
.kk-document-fields-v2 .kk-collapsible-content .kk-document-field {
  display: flex;
  gap: 10px;
}
.kk-document-fields-v2 .kk-collapsible-content .kk-document-field label {
  display: flex;
  align-items: flex-start;
  min-width: 160px;
  font-weight: bold;
  padding: 6px;
}
.kk-document-fields-v2 .kk-collapsible-content .kk-document-field pre {
  padding: 4px 10px;
  background: #fff;
  width: 100%;
}.kk-document-download-menu {
  display: flex;
  flex-direction: column;
}
.kk-document-download-menu .fui-MenuPopover {
  z-index: 2;
}.kk-ids-document-menu {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.kk-ids-document-menu .fui-Button {
  font-weight: normal;
  font-size: 16px;
  background: #119e11;
  border: none;
  color: #fff;
  border-radius: 5px;
  display: flex;
  gap: 10px;
  cursor: pointer;
  min-width: 162px;
  min-height: 34px;
  justify-content: space-between;
  padding: 12px 16px;
  align-items: center;
  line-height: 16px;
}
.kk-ids-document-menu .fui-Button svg {
  width: 16px;
  height: 16px;
}
.kk-ids-document-menu .fui-Button:hover {
  background: #119411 !important;
  color: #fff;
}
.kk-ids-document-menu .fui-Button:active {
  background: #0e7a0e !important;
  color: #fff !important;
}.kk-document-actionbar {
  display: flex;
  align-items: center;
  gap: 20px;
  margin-top: 30px;
}.kk-document-position-title {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 5px;
}
.kk-document-position-title .kk-document-position-title-alternative {
  font-weight: 600;
  background: #3e4aa9;
  border-radius: 4px;
  padding: 0px 6px;
  font-size: 10px;
  color: #fff;
  letter-spacing: 1px;
}
.kk-document-position-title .kk-document-position-title-aow {
  font-weight: 600;
  background: #a93e47;
  border-radius: 4px;
  padding: 0px 6px;
  font-size: 10px;
  color: #fff;
  letter-spacing: 1px;
}
.kk-document-position-title a {
  text-decoration: none;
  color: #000;
}
.kk-document-position-title a:hover {
  color: #2d598d;
}
.kk-document-position-title > pre {
  white-space: pre-wrap;
  word-break: break-all;
}.kk-document-position-product {
  display: flex;
  flex-direction: column;
}.kk-document-position-image {
  display: flex;
  align-items: flex-start;
  justify-content: center;
}
.kk-document-position-image .kk-product-image {
  width: 65px;
  height: 65px;
  min-width: 65px;
  max-width: 65px;
  min-height: 65px;
  max-height: 65px;
  cursor: default;
}
.kk-document-position-image .kk-product-image img {
  object-fit: contain;
  width: 100%;
  height: 100%;
}.kk-document-positions-table-view-text-item {
  opacity: 0.5;
}
.kk-document-positions-table-view-text-item .kk-td-document-pos-title {
  text-align: start;
}
.kk-document-positions-table-view-text-item .kk-td-document-pos-title .kk-document-position-title {
  min-height: 65px;
  justify-content: center;
}

.kk-document-positions-table-view-separator-item {
  background: #efefef;
}
.kk-document-positions-table-view-separator-item td {
  border-bottom: 1px solid #ccc !important;
}.kk-document-positions-table-view-non-orderable-item .kk-td-document-product-image {
  width: 75px;
}
.kk-document-positions-table-view-non-orderable-item .kk-td-document-product {
  text-align: start;
  word-wrap: break-word;
}
.kk-document-positions-table-view-non-orderable-item .kk-td-document-product .kk-product-stock {
  padding: 0px;
  height: unset;
}
.kk-document-positions-table-view-non-orderable-item .kk-td-document-product .kk-document-position-title {
  justify-content: center;
  max-width: 380px;
}
.kk-document-positions-table-view-non-orderable-item .kk-td-document-hint strong {
  text-wrap: nowrap;
}.kk-document-positions-order-table-view-empty-item {
  opacity: 0.5;
}

.kk-document-positions-order-table-view-item .kk-td-document-image {
  max-width: 70px;
}
.kk-document-positions-order-table-view-item .kk-td-document-product {
  text-align: start;
  word-wrap: break-word;
}
.kk-document-positions-order-table-view-item .kk-td-document-product .kk-document-position-title {
  max-width: 380px;
}
.kk-document-positions-order-table-view-item .kk-td-document-product .fui-Checkbox__indicator {
  margin-left: 0px;
}
.kk-document-positions-order-table-view-item .kk-td-document-product .fui-Checkbox__label {
  font-weight: bold;
}
.kk-document-positions-order-table-view-item .kk-td-document-price {
  border-left: 1px solid #efefef;
  border-right: 1px solid #efefef;
}
.kk-document-positions-order-table-view-item .kk-product-stock {
  padding: 0px 0px 0px 0px;
  height: unset;
}

.kk-document-positions-order-table-view-item-alternative-unchecked .kk-td-document-pos,
.kk-document-positions-order-table-view-item-alternative-unchecked .kk-td-document-image,
.kk-document-positions-order-table-view-item-alternative-unchecked .kk-td-document-price,
.kk-document-positions-order-table-view-item-alternative-unchecked .kk-document-position-title,
.kk-document-positions-order-table-view-item-alternative-unchecked .kk-copy-text,
.kk-document-positions-order-table-view-item-alternative-unchecked .kk-product-stock {
  opacity: 0.5;
  pointer-events: none;
}

.kk-document-positions-order-table-view-item-extensions td {
  padding: 10px 8px 10px 10px !important;
}.kk-product-parts-collapsible-view {
  display: flex;
  flex-direction: column;
  border-radius: 5px;
}
.kk-product-parts-collapsible-view .fui-AccordionHeader__button {
  min-height: unset;
  font-weight: bold;
  padding: 0px;
  width: fit-content;
}
.kk-product-parts-collapsible-view .fui-AccordionPanel {
  margin: 10px 0px 10px 0px;
  background: #f8f8f8;
  border: 1px solid #efefef;
  padding: 10px;
  border-radius: 5px;
}
.kk-product-parts-collapsible-view .kk-product-parts-collapsible-view-items {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.kk-product-parts-collapsible-view .kk-product-parts-collapsible-view-item {
  display: flex;
  gap: 10px;
}
.kk-product-parts-collapsible-view .kk-product-parts-collapsible-view-item .kk-product-parts-collapsible-view-item-image {
  display: flex;
  align-items: center;
  border: 1px solid #ddd;
  background: #fff;
  border-radius: 5px;
}
.kk-product-parts-collapsible-view .kk-product-parts-collapsible-view-item .kk-product-parts-collapsible-view-item-image .kk-product-image {
  width: 65px;
  height: 65px;
  max-width: 65px;
  min-width: 65px;
  max-height: 65px;
  min-height: 65px;
  cursor: default;
}
.kk-product-parts-collapsible-view .kk-product-parts-collapsible-view-item .kk-product-parts-collapsible-view-item-image img {
  object-fit: contain;
  width: 100%;
  height: 100%;
  padding: 2px;
}
.kk-product-parts-collapsible-view .kk-product-parts-collapsible-view-item .kk-product-parts-collapsible-view-item-title {
  display: flex;
  max-width: 480px;
  text-align: start;
}
.kk-product-parts-collapsible-view .kk-product-parts-collapsible-view-item .kk-product-parts-collapsible-view-item-quantity {
  display: flex;
  font-weight: bold;
}.kk-document-positions-order-table-view {
  border-bottom: 1px solid #ddd;
}
.kk-document-positions-order-table-view > table {
  border-spacing: 2px 2px;
  width: 100%;
  table-layout: auto;
  margin-top: 10px;
  background: #fff;
}
.kk-document-positions-order-table-view > table thead {
  background: #f8f8f8;
  position: sticky;
  top: 0px;
  z-index: 1;
}
.kk-document-positions-order-table-view > table tr td {
  border-bottom: 1px solid #ddd;
}
.kk-document-positions-order-table-view > table tr:last-child td {
  border-bottom: none;
}
.kk-document-positions-order-table-view > table th {
  font-weight: normal;
  padding: 10px 8px;
}
.kk-document-positions-order-table-view > table td {
  padding: 8px 8px;
  text-align: end;
}.kk-document-positions-list-view-text-item {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 0px;
  width: 100%;
  border-bottom: 1px solid #ddd;
  padding-bottom: 15px;
  padding-top: 15px;
}
.kk-document-positions-list-view-text-item .kk-document-pos,
.kk-document-positions-list-view-text-item .kk-document-pos-title {
  opacity: 0.5;
}

.kk-document-positions-list-view-separator-item-v1 {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 10px;
  background: #efefef;
  padding: 2px;
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
}

.kk-document-positions-list-view-separator-item {
  display: flex;
  flex-direction: row;
  gap: 5px;
  padding: 0px 4px;
  background: repeating-linear-gradient(45deg, #ccc, #ddd 10px, #eee 10px, #ddd 20px);
  background: #efefef;
}.kk-document-positions-list-view-non-orderable-item {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 0px;
  width: 100%;
  border-bottom: 1px solid #ddd;
  padding-bottom: 15px;
  padding-top: 15px;
}
.kk-document-positions-list-view-non-orderable-item .kk-document-pos {
  display: flex;
  width: 100%;
  padding: 0px 2px;
}
.kk-document-positions-list-view-non-orderable-item .kk-product-image {
  padding: 0px;
}
.kk-document-positions-list-view-non-orderable-item .kk-separator {
  height: 1px;
  border-bottom: 1px dashed #cdcdcd;
  margin: 10px 0px;
}
.kk-document-positions-list-view-non-orderable-item .kk-product-stock {
  padding: 0px;
  height: unset;
}
.kk-document-positions-list-view-non-orderable-item .kk-document-pos-detail {
  display: flex;
  flex-direction: column;
  width: 100%;
}
.kk-document-positions-list-view-non-orderable-item .kk-document-pos-price-and-quantity {
  display: flex;
  justify-content: space-between;
}
.kk-document-positions-list-view-non-orderable-item .kk-document-pos-quantity {
  display: flex;
  flex-direction: column;
  gap: 5px;
}
.kk-document-positions-list-view-non-orderable-item .kk-product-quantity-v5 {
  padding: 0px;
  flex-direction: column;
  align-items: flex-start;
  height: unset;
}
.kk-document-positions-list-view-non-orderable-item .kk-product-quantity-v5 .kk-product-button {
  width: 100%;
}
.kk-document-positions-list-view-non-orderable-item .kk-product-quantity-v5 .kk-product-button .fui-Button {
  width: 100%;
  max-width: 190px;
}
.kk-document-positions-list-view-non-orderable-item .kk-product-vpe {
  flex-direction: column;
  align-items: flex-start;
  padding: 0px;
  gap: 5px;
  height: unset;
}
.kk-document-positions-list-view-non-orderable-item .kk-document-pos-hint {
  display: flex;
  align-items: center;
  width: 100%;
  justify-content: flex-end;
}.kk-document-positions-order-list-view-item {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 5px;
  width: 100%;
  border-bottom: 1px solid #ddd;
  padding-bottom: 15px;
  padding-top: 15px;
}
.kk-document-positions-order-list-view-item .kk-document-pos {
  display: flex;
  width: 100%;
  padding: 0px 2px;
}
.kk-document-positions-order-list-view-item .kk-document-position-image {
  border: 1px solid #ddd;
}
.kk-document-positions-order-list-view-item .kk-document-position-image .kk-product-image {
  padding: 0px;
}
.kk-document-positions-order-list-view-item .kk-document-pos-detail {
  display: flex;
  flex-direction: column;
  width: 100%;
}
.kk-document-positions-order-list-view-item .kk-document-pos-price-and-quantity {
  display: flex;
  justify-content: space-between;
}
.kk-document-positions-order-list-view-item .kk-product-stock {
  padding: 0px;
  height: unset;
}
.kk-document-positions-order-list-view-item .kk-separator {
  height: 1px;
  border-bottom: 1px dashed #cdcdcd;
  margin: 10px 0px;
}
.kk-document-positions-order-list-view-item .kk-product-quantity-v5 {
  padding: 0px;
  flex-direction: column;
  align-items: flex-start;
  height: unset;
}
.kk-document-positions-order-list-view-item .kk-product-quantity-v5 .kk-product-button {
  width: 100%;
}
.kk-document-positions-order-list-view-item .kk-product-quantity-v5 .kk-product-button .fui-Button {
  width: 100%;
  max-width: 190px;
}
.kk-document-positions-order-list-view-item .kk-product-price-and-tiers {
  flex-direction: column;
  align-items: flex-end;
  gap: 0px !important;
  padding: 0px;
}
.kk-document-positions-order-list-view-item .kk-product-price-block {
  padding: 0px;
  height: unset;
}
.kk-document-positions-order-list-view-item .kk-product-vpe {
  flex-direction: column;
  align-items: flex-start;
  padding: 0px;
  gap: 5px;
  height: unset;
}
.kk-document-positions-order-list-view-item .kk-document-abruf-scheduled-ordercalls-collapsible-view,
.kk-document-positions-order-list-view-item .kk-validation-message-collapsible-view,
.kk-document-positions-order-list-view-item .kk-product-parts-collapsible-view {
  margin-top: 10px;
}
.kk-document-positions-order-list-view-item .kk-document-pos-detail-extensions {
  width: 100%;
  display: flex;
  flex-direction: column;
}.kk-document-positions-order-list-view {
  display: flex;
  flex-direction: column;
  margin-top: 10px;
  padding-top: 10px;
  border-top: 1px solid #ddd;
}
.kk-document-positions-order-list-view .kk-document-positions-list-view-item {
  padding-top: 15px;
  padding-bottom: 15px;
  border-bottom: 1px solid #ddd;
}
.kk-document-positions-order-list-view .kk-document-positions-list-view-item:first-child {
  padding-top: 0px;
}.kk-document-positions-order-table-view {
  display: flex;
  flex-direction: column;
}.kk-document-position-discount {
  display: flex;
  flex-direction: column;
  gap: 0px;
}
.kk-document-position-discount label {
  color: #888;
}.kk-document-position-price {
  display: flex;
  flex-direction: column;
  gap: 0px;
}.kk-document-auftrag-state.kk-document-auftrag-state-storniert {
  color: #e43f3f;
  font-weight: bold;
}.kk-document-positions-table-view-item .kk-td-document-pos-image {
  width: 1%;
}
.kk-document-positions-table-view-item .kk-td-document-pos-product {
  word-wrap: break-word;
}
.kk-document-positions-table-view-item .kk-td-document-pos-product .kk-document-position-title {
  max-width: 420px;
}

.kk-document-positions-table-view-item-extensions td {
  padding: 10px 8px 10px 10px !important;
}.kk-document-positions-table-view {
  display: flex;
  flex-direction: column;
}
.kk-document-positions-table-view table {
  border-spacing: 2px 2px;
  width: 100%;
  table-layout: auto;
}
.kk-document-positions-table-view thead {
  background: #f8f8f8;
  position: sticky;
  top: 0px;
  z-index: 1;
}
.kk-document-positions-table-view tr td {
  border-bottom: 1px solid #ddd;
}
.kk-document-positions-table-view tr:last-child td {
  border-bottom: none;
}
.kk-document-positions-table-view th {
  font-weight: normal;
  padding: 10px 8px;
}
.kk-document-positions-table-view td {
  padding: 4px 8px;
}.kk-document-positions-actionbar {
  display: flex;
  align-items: center;
  gap: 5px;
}
.kk-document-positions-actionbar .kk-document-positions-actionbar-hints {
  display: flex;
  gap: 10px;
}
.kk-document-positions-actionbar .kk-document-positions-actionbar-hints > span {
  display: flex;
  gap: 5px;
}
.kk-document-positions-actionbar.kk-document-positions-actionbar-order {
  flex-direction: column-reverse;
  align-items: flex-start;
  gap: 10px;
}
.kk-document-positions-actionbar > span {
  display: flex;
  gap: 5px;
}
.kk-document-positions-actionbar .kk-document-positions-actionbar-actions {
  display: flex;
  align-items: center;
  gap: 10px;
  width: 100%;
  justify-content: flex-end;
}
.kk-document-positions-actionbar .kk-document-positions-actionbar-actions .fui-Button {
  font-weight: normal;
}
.kk-document-positions-actionbar .kk-document-positions-actionbar-options {
  display: flex;
  width: 100%;
  justify-content: flex-end;
}

.kk-document-positions-bottom-actionbar {
  padding-top: 25px;
  margin-top: 0px !important;
}.kk-document-amounts {
  display: flex;
  flex-direction: column;
  width: 100%;
  align-items: flex-end;
  background: #f8f8f8;
  padding: 10px;
  border-radius: 5px;
  margin-top: 0px;
}

.kk-document-amount {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  padding: 4px;
  font-size: 16px;
  min-width: 400px;
}
.kk-document-amount span {
  min-width: 140px;
  text-align: end;
}
.kk-document-amount.kk-document-amount-important span {
  color: #df0f3c;
}
.kk-document-amount.kk-document-amount-bold {
  font-weight: bold;
}
.kk-document-amount.kk-document-amount-line-top {
  border-top: 1px solid #666;
}.kk-document-positions-view {
  display: flex;
  flex-direction: column;
  gap: 5px;
  margin-top: 40px;
}.kk-document {
  margin-bottom: 100px;
  padding: 15px;
  background: #fff;
  border-radius: 5px;
  box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
  padding-bottom: 240px;
}.kk-document-angebot-expiration-state {
  display: flex;
  align-items: center;
  gap: 10px;
}
.kk-document-angebot-expiration-state span:last-child {
  color: #fff;
  font-size: 12px;
  padding: 0px 4px;
  border-radius: 4px;
}
.kk-document-angebot-expiration-state.kk-document-angebot-expired span:last-child {
  background: red;
}
.kk-document-angebot-expiration-state.kk-document-angebot-not-expired span:last-child {
  background: green;
}.kk-document-angebot-offercall-history-dropdown {
  display: flex;
  gap: 5px;
  align-items: center;
  z-index: 4;
}
.kk-document-angebot-offercall-history-dropdown .fui-Dropdown {
  min-width: 200px;
}

.kk-document-angebot-offercall-history-menu {
  display: flex;
  gap: 5px;
  align-items: center;
}

.kk-document-angebot-offercall-history-popover {
  z-index: 4;
}.kk-document-angebot-positions-actionbar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 20px;
}
.kk-document-angebot-positions-actionbar .kk-document-angebot-positions-actionbar-hints {
  display: flex;
  gap: 10px;
}
.kk-document-angebot-positions-actionbar .kk-document-angebot-positions-actionbar-hints > span {
  display: flex;
  gap: 5px;
}
.kk-document-angebot-positions-actionbar.kk-document-angebot-positions-actionbar-offercall {
  margin-top: 40px;
  flex-direction: column-reverse;
  align-items: flex-start;
  gap: 10px;
}
.kk-document-angebot-positions-actionbar .kk-document-angebot-positions-actionbar-actions {
  display: flex;
  align-items: center;
  width: 100%;
  justify-content: flex-end;
  gap: 10px;
}
.kk-document-angebot-positions-actionbar .kk-document-angebot-positions-actionbar-actions .fui-Button {
  font-weight: normal;
}
.kk-document-angebot-positions-actionbar .kk-document-angebot-positions-actionbar-options {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  width: 100%;
  gap: 10px;
}

.kk-document-angebot-positions-bottom-actionbar {
  padding-top: 25px;
  margin-top: 0px !important;
}.kk-document-angebot-offercall-delivery {
  display: flex;
  flex-direction: column;
  gap: 10px;
  padding: 15px;
  border: 1px solid #ddd;
  border-radius: 5px;
  background: #fff;
}
.kk-document-angebot-offercall-delivery .kk-document-angebot-offercall-delivery-fields {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.kk-document-angebot-offercall-delivery .kk-document-angebot-offercall-delivery-fields .fui-Field {
  grid-template-columns: 200px 1fr;
}
.kk-document-angebot-offercall-delivery .kk-document-angebot-offercall-delivery-fields .fui-Textarea {
  width: 400px;
}.kk-document-angebot-offercall-validation-summary {
  margin-top: 10px;
  padding: 15px;
  border: 1px solid #ddd;
  border-radius: 5px;
  background: #fff;
}.kk-document-angebot-offercall-state {
  border-radius: 4px;
  font-size: 12px;
  padding: 3px 10px;
}
.kk-document-angebot-offercall-state.kk-document-angebot-offercall-state-pending, .kk-document-angebot-offercall-state.kk-document-angebot-offercall-state-processing, .kk-document-angebot-offercall-state.kk-document-angebot-offercall-state-error, .kk-document-angebot-offercall-state.kk-document-angebot-offercall-state-undefined {
  color: #fff;
  background: #f7ab09;
}
.kk-document-angebot-offercall-state.kk-document-angebot-offercall-state-completed {
  color: #fff;
  background: #3e9117;
}.kk-document-angebot-scheduled-offercalls-collapsible-view {
  display: flex;
  flex-direction: column;
  border-radius: 5px;
}
.kk-document-angebot-scheduled-offercalls-collapsible-view .fui-AccordionHeader {
  width: fit-content;
}
.kk-document-angebot-scheduled-offercalls-collapsible-view .fui-AccordionHeader__button {
  min-height: unset;
  font-weight: bold;
  padding: 0px;
}
.kk-document-angebot-scheduled-offercalls-collapsible-view .fui-AccordionPanel {
  margin: 10px 0px 10px 0px;
  background: #f8f8f8;
  border: 1px solid #efefef;
  padding: 10px;
  border-radius: 5px;
}
.kk-document-angebot-scheduled-offercalls-collapsible-view .kk-document-angebot-scheduled-offercalls-view {
  background: #fff;
}

.kk-document-angebot-scheduled-offercalls-table-view {
  display: flex;
  flex-direction: column;
  width: 100%;
  align-items: flex-start;
  gap: 10px;
  padding: 5px;
}
.kk-document-angebot-scheduled-offercalls-table-view > table {
  width: 100%;
  border-spacing: 0px;
  background: #fff;
}
.kk-document-angebot-scheduled-offercalls-table-view > table th {
  text-align: left;
  background: #fff;
  font-weight: 600 !important;
}
.kk-document-angebot-scheduled-offercalls-table-view > table tr td {
  text-align: left;
  border-bottom: none !important;
}
.kk-document-angebot-scheduled-offercalls-table-view > table .kk-th-state,
.kk-document-angebot-scheduled-offercalls-table-view > table .kk-td-state {
  width: 140px;
}
.kk-document-angebot-scheduled-offercalls-table-view > table .kk-th-delivery-address,
.kk-document-angebot-scheduled-offercalls-table-view > table .kk-td-delivery-address {
  width: 400px;
}
.kk-document-angebot-scheduled-offercalls-table-view > table .kk-th-quantity,
.kk-document-angebot-scheduled-offercalls-table-view > table .kk-td-quantity {
  text-align: right;
}
.kk-document-angebot-scheduled-offercalls-table-view > table tr:last-child td {
  border-bottom: 1px solid #ddd;
}

.kk-document-angebot-scheduled-offercalls-list-view {
  display: flex;
  flex-direction: column;
  padding: 5px;
  background: #fff;
}
.kk-document-angebot-scheduled-offercalls-list-view .kk-document-angebot-scheduled-offercalls-list-view-header {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr 2fr 1fr;
  justify-items: start;
  padding: 10px 0px;
  text-align: start;
}
.kk-document-angebot-scheduled-offercalls-list-view .kk-document-angebot-scheduled-offercalls-list-view-header > div:last-child {
  justify-self: end;
}
.kk-document-angebot-scheduled-offercalls-list-view .kk-document-angebot-scheduled-offercalls-list-view-item {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr 2fr 1fr;
  justify-items: start;
  padding: 5px 0px;
  text-align: start;
}
.kk-document-angebot-scheduled-offercalls-list-view .kk-document-angebot-scheduled-offercalls-list-view-item > label {
  display: none;
  font-weight: bold;
}
.kk-document-angebot-scheduled-offercalls-list-view .kk-document-angebot-scheduled-offercalls-list-view-item > div:last-child {
  justify-self: end;
}.kk-document-position-price-block {
  display: flex;
  flex-direction: column;
}.kk-document-positions-table-view-non-callable-item .kk-td-document-product-image {
  width: 75px;
}
.kk-document-positions-table-view-non-callable-item .kk-td-document-product {
  text-align: start;
  word-wrap: break-word;
}
.kk-document-positions-table-view-non-callable-item .kk-td-document-product .kk-product-stock {
  padding: 0px;
  height: unset;
}
.kk-document-positions-table-view-non-callable-item .kk-td-document-product .kk-document-position-title {
  justify-content: center;
  max-width: 380px;
}
.kk-document-positions-table-view-non-callable-item .kk-td-document-hint strong {
  text-wrap: nowrap;
}.kk-document-angebot-offercall-positions-table-view-item .kk-td-document-product {
  text-align: start;
  word-wrap: break-word;
}
.kk-document-angebot-offercall-positions-table-view-item .kk-td-document-product .kk-document-position-title {
  max-width: 380px;
}
.kk-document-angebot-offercall-positions-table-view-item .kk-td-document-product .fui-Checkbox__indicator {
  margin-left: 0px;
}
.kk-document-angebot-offercall-positions-table-view-item .kk-td-document-product .fui-Checkbox__label {
  font-weight: bold;
}
.kk-document-angebot-offercall-positions-table-view-item .kk-td-document-price {
  border-left: 1px solid #efefef;
}
.kk-document-angebot-offercall-positions-table-view-item .kk-td-document-quantity {
  border-left: 1px solid #efefef;
  padding-left: 14px;
  text-align: left;
}
.kk-document-angebot-offercall-positions-table-view-item .kk-td-document-quantity .kk-product-quantity-v5 {
  padding: 0px;
}
.kk-document-angebot-offercall-positions-table-view-item .kk-product-stock {
  padding: 0px;
  height: unset;
}

.kk-document-angebot-offercall-positions-table-view-item-extensions td {
  padding: 10px 8px 10px 10px !important;
  border-bottom: 1px solid #ddd;
}

.kk-document-angebot-offercall-positions-table-view-item-alternative-unchecked .kk-td-document-pos,
.kk-document-angebot-offercall-positions-table-view-item-alternative-unchecked .kk-td-document-image,
.kk-document-angebot-offercall-positions-table-view-item-alternative-unchecked .kk-td-document-price,
.kk-document-angebot-offercall-positions-table-view-item-alternative-unchecked .kk-document-position-title,
.kk-document-angebot-offercall-positions-table-view-item-alternative-unchecked .kk-copy-text,
.kk-document-angebot-offercall-positions-table-view-item-alternative-unchecked .kk-product-stock {
  opacity: 0.5;
  pointer-events: none;
}.kk-document-angebot-offercall-positions-table-view {
  border-bottom: 1px solid #ddd;
}
.kk-document-angebot-offercall-positions-table-view > table {
  border-spacing: 2px 2px;
  width: 100%;
  table-layout: auto;
  margin-top: 10px;
  background: #fff;
}
.kk-document-angebot-offercall-positions-table-view > table thead {
  background: #f8f8f8;
  position: sticky;
  top: 0px;
  z-index: 1;
}
.kk-document-angebot-offercall-positions-table-view > table tr td {
  border-bottom: 1px solid #ddd;
}
.kk-document-angebot-offercall-positions-table-view > table tr:last-child td {
  border-bottom: none;
}
.kk-document-angebot-offercall-positions-table-view > table th {
  font-weight: normal;
  padding: 10px 8px;
}
.kk-document-angebot-offercall-positions-table-view > table td {
  padding: 8px 8px;
  text-align: end;
}.kk-document-abruf-ordercall-state {
  border-radius: 4px;
  font-size: 12px;
  padding: 3px 10px;
}
.kk-document-abruf-ordercall-state.kk-document-abruf-ordercall-state-pending, .kk-document-abruf-ordercall-state.kk-document-abruf-ordercall-state-processing, .kk-document-abruf-ordercall-state.kk-document-abruf-ordercall-state-error, .kk-document-abruf-ordercall-state.kk-document-abruf-ordercall-state-undefined {
  color: #fff;
  background: #f7ab09;
}
.kk-document-abruf-ordercall-state.kk-document-abruf-ordercall-state-completed {
  color: #fff;
  background: #3e9117;
}.kk-document-abruf-scheduled-ordercalls-collapsible-view {
  display: flex;
  flex-direction: column;
  border-radius: 5px;
}
.kk-document-abruf-scheduled-ordercalls-collapsible-view .fui-AccordionHeader__button {
  min-height: unset;
  font-weight: bold;
  padding: 0px;
  width: fit-content;
}
.kk-document-abruf-scheduled-ordercalls-collapsible-view .fui-AccordionPanel {
  margin: 10px 0px 10px 0px;
  background: #f8f8f8;
  border: 1px solid #efefef;
  padding: 10px;
  border-radius: 5px;
}
.kk-document-abruf-scheduled-ordercalls-collapsible-view .kk-document-abruf-scheduled-ordercalls-view {
  background: #fff;
}

.kk-document-abruf-scheduled-ordercalls-table-view {
  display: flex;
  flex-direction: column;
  width: 100%;
  align-items: flex-start;
  gap: 10px;
  padding: 5px;
}
.kk-document-abruf-scheduled-ordercalls-table-view > table {
  width: 100%;
  border-spacing: 0px;
  background: #fff;
}
.kk-document-abruf-scheduled-ordercalls-table-view > table th {
  text-align: left;
  background: #fff;
  font-weight: 600 !important;
}
.kk-document-abruf-scheduled-ordercalls-table-view > table tr td {
  text-align: left;
  border-bottom: none !important;
}
.kk-document-abruf-scheduled-ordercalls-table-view > table .kk-th-state,
.kk-document-abruf-scheduled-ordercalls-table-view > table .kk-td-state {
  width: 140px;
}
.kk-document-abruf-scheduled-ordercalls-table-view > table .kk-th-delivery-address,
.kk-document-abruf-scheduled-ordercalls-table-view > table .kk-td-delivery-address {
  width: 400px;
}
.kk-document-abruf-scheduled-ordercalls-table-view > table .kk-th-quantity,
.kk-document-abruf-scheduled-ordercalls-table-view > table .kk-td-quantity {
  text-align: right;
}
.kk-document-abruf-scheduled-ordercalls-table-view > table tr:last-child td {
  border-bottom: 1px solid #ddd;
}

.kk-document-abruf-scheduled-ordercalls-list-view {
  display: flex;
  flex-direction: column;
  padding: 5px;
  background: #fff;
}
.kk-document-abruf-scheduled-ordercalls-list-view .kk-document-abruf-scheduled-ordercalls-list-view-header {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 2fr 1fr;
  justify-items: start;
  padding: 10px 0px;
  text-align: start;
}
.kk-document-abruf-scheduled-ordercalls-list-view .kk-document-abruf-scheduled-ordercalls-list-view-header > div:last-child {
  justify-self: end;
}
.kk-document-abruf-scheduled-ordercalls-list-view .kk-document-abruf-scheduled-ordercalls-list-view-item {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 2fr 1fr;
  justify-items: start;
  padding: 5px 0px;
  text-align: start;
}
.kk-document-abruf-scheduled-ordercalls-list-view .kk-document-abruf-scheduled-ordercalls-list-view-item > label {
  display: none;
  font-weight: bold;
}
.kk-document-abruf-scheduled-ordercalls-list-view .kk-document-abruf-scheduled-ordercalls-list-view-item > div:last-child {
  justify-self: end;
}.kk-document-positions-list-view-non-callable-item {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 0px;
  width: 100%;
  border-bottom: 1px solid #ddd;
  padding-bottom: 15px;
  padding-top: 15px;
}
.kk-document-positions-list-view-non-callable-item .kk-document-pos {
  display: flex;
  width: 100%;
  padding: 0px 2px;
}
.kk-document-positions-list-view-non-callable-item .kk-product-image {
  padding: 0px;
}
.kk-document-positions-list-view-non-callable-item .kk-separator {
  height: 1px;
  border-bottom: 1px dashed #cdcdcd;
  margin: 10px 0px;
}
.kk-document-positions-list-view-non-callable-item .kk-product-stock {
  padding: 0px;
  height: unset;
}
.kk-document-positions-list-view-non-callable-item .kk-document-pos-detail {
  display: flex;
  flex-direction: column;
  width: 100%;
}
.kk-document-positions-list-view-non-callable-item .kk-document-pos-price-and-quantity {
  display: flex;
  justify-content: space-between;
}
.kk-document-positions-list-view-non-callable-item .kk-document-pos-quantity {
  display: flex;
  flex-direction: column;
  gap: 5px;
}
.kk-document-positions-list-view-non-callable-item .kk-product-quantity-v5 {
  padding: 0px;
  flex-direction: column;
  align-items: flex-start;
  height: unset;
}
.kk-document-positions-list-view-non-callable-item .kk-product-quantity-v5 .kk-product-button {
  width: 100%;
}
.kk-document-positions-list-view-non-callable-item .kk-product-quantity-v5 .kk-product-button .fui-Button {
  width: 100%;
  max-width: 190px;
}
.kk-document-positions-list-view-non-callable-item .kk-product-vpe {
  flex-direction: column;
  align-items: flex-start;
  padding: 0px;
  gap: 5px;
  height: unset;
}
.kk-document-positions-list-view-non-callable-item .kk-document-pos-hint {
  display: flex;
  align-items: center;
  width: 100%;
  justify-content: flex-end;
}.kk-document-angebot-offercall-positions-list-view-item {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 5px;
  width: 100%;
  border-bottom: 1px solid #ddd;
  padding-bottom: 10px;
}
.kk-document-angebot-offercall-positions-list-view-item .kk-document-pos {
  display: flex;
  width: 100%;
  padding: 0px 2px;
}
.kk-document-angebot-offercall-positions-list-view-item .kk-document-position-image {
  border: 1px solid #ddd;
}
.kk-document-angebot-offercall-positions-list-view-item .kk-document-position-image .kk-product-image {
  padding: 0px;
}
.kk-document-angebot-offercall-positions-list-view-item .kk-document-pos-detail {
  display: flex;
  flex-direction: column;
  width: 100%;
}
.kk-document-angebot-offercall-positions-list-view-item .kk-document-pos-product .fui-Checkbox__indicator {
  margin-left: 0px;
}
.kk-document-angebot-offercall-positions-list-view-item .kk-document-pos-price-and-quantity {
  display: flex;
  justify-content: space-between;
}
.kk-document-angebot-offercall-positions-list-view-item .kk-product-stock {
  padding: 0px;
  height: unset;
}
.kk-document-angebot-offercall-positions-list-view-item .kk-separator {
  height: 1px;
  border-bottom: 1px dashed #cdcdcd;
  margin: 15px 0px;
}
.kk-document-angebot-offercall-positions-list-view-item .kk-product-quantity-v5 {
  padding: 0px;
  flex-direction: column;
  align-items: flex-start;
  height: unset;
}
.kk-document-angebot-offercall-positions-list-view-item .kk-product-quantity-v5 .kk-product-button {
  width: 100%;
}
.kk-document-angebot-offercall-positions-list-view-item .kk-product-quantity-v5 .kk-product-button .fui-Button {
  width: 100%;
  max-width: 190px;
}
.kk-document-angebot-offercall-positions-list-view-item .kk-product-price-and-tiers {
  flex-direction: column;
  align-items: flex-end;
  gap: 0px !important;
  padding: 0px;
}
.kk-document-angebot-offercall-positions-list-view-item .kk-product-price-block {
  padding: 0px;
  height: unset;
}
.kk-document-angebot-offercall-positions-list-view-item .kk-product-vpe {
  flex-direction: column;
  align-items: flex-start;
  padding: 0px;
  gap: 5px;
  height: unset;
}
.kk-document-angebot-offercall-positions-list-view-item .kk-document-pos-hint {
  display: flex;
  align-items: center;
  width: 100%;
  justify-content: flex-end;
}
.kk-document-angebot-offercall-positions-list-view-item .kk-document-angebot-scheduled-offercalls-collapsible-view,
.kk-document-angebot-offercall-positions-list-view-item .kk-validation-message-collapsible-view,
.kk-document-angebot-offercall-positions-list-view-item .kk-product-parts-collapsible-view {
  margin-top: 10px;
}
.kk-document-angebot-offercall-positions-list-view-item .kk-document-angebot-offercall-positions-list-view-item-extensions {
  width: 100%;
  display: flex;
  flex-direction: column;
}.kk-document-angebot-offercall-positions-list-view {
  display: flex;
  flex-direction: column;
  padding-top: 10px;
  border-top: 1px solid #ddd;
  margin-top: 10px;
}
.kk-document-angebot-offercall-positions-list-view .kk-document-positions-list-view-item {
  padding-top: 15px;
  padding-bottom: 15px;
  border-bottom: 1px solid #ddd;
}
.kk-document-angebot-offercall-positions-list-view .kk-document-positions-list-view-item:first-child {
  padding-top: 0px;
}.kk-document-angebot-offercall-positions-view {
  display: flex;
  flex-direction: column;
}.kk-offercall-success-dialog-content {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.kk-offercall-success-dialog-content .kk-offercall-success-dialog-content-text {
  display: flex;
  flex-direction: column;
  gap: 5px;
  margin-top: 20px;
}
.kk-offercall-success-dialog-content .kk-offercall-success-dialog-content-text h3 {
  margin: 10px 0px;
}
.kk-offercall-success-dialog-content .kk-offercall-success-dialog-content-text p {
  font-size: 14px;
}
.kk-offercall-success-dialog-content .kk-offercall-success-dialog-content-text a {
  color: #2D598D;
  text-decoration: underline;
}
.kk-offercall-success-dialog-content .kk-offercall-success-dialog-content-actions {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  margin-top: 20px;
}
.kk-offercall-success-dialog-content .kk-offercall-success-dialog-content-actions .fui-Button {
  font-weight: normal;
}.kk-document-abruf-calloff-state {
  border-radius: 4px;
  font-size: 12px;
  padding: 3px 10px;
}
.kk-document-abruf-calloff-state.kk-document-abruf-calloff-state-none {
  color: #fff;
  background: #3e9117;
}
.kk-document-abruf-calloff-state.kk-document-abruf-calloff-state-partial {
  color: #fff;
  background: #f7ab09;
}
.kk-document-abruf-calloff-state.kk-document-abruf-calloff-state-full {
  color: #fff;
  background: #ff4c4c;
}.kk-document-abruf-positions-actionbar {
  display: flex;
  gap: 5px;
  align-items: center;
  justify-content: space-between;
}
.kk-document-abruf-positions-actionbar .kk-document-abruf-positions-actionbar-hints {
  display: flex;
  gap: 10px;
}
.kk-document-abruf-positions-actionbar .kk-document-abruf-positions-actionbar-hints > span {
  display: flex;
  gap: 5px;
}
.kk-document-abruf-positions-actionbar.kk-document-abruf-positions-actionbar-order {
  flex-direction: column-reverse;
  align-items: flex-start;
  gap: 10px;
}
.kk-document-abruf-positions-actionbar.kk-document-abruf-positions-actionbar-ordercall {
  flex-direction: column-reverse;
  align-items: flex-start;
  gap: 10px;
  margin-top: 15px;
}
.kk-document-abruf-positions-actionbar .kk-document-abruf-positions-actionbar-actions {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  width: 100%;
  gap: 10px;
}
.kk-document-abruf-positions-actionbar .kk-document-abruf-positions-actionbar-actions .fui-Button {
  font-weight: normal;
}
.kk-document-abruf-positions-actionbar .kk-document-abruf-positions-actionbar-options {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  width: 100%;
  gap: 10px;
}

.kk-document-abruf-positions-bottom-actionbar {
  padding-top: 25px;
  margin-top: 0px !important;
}.kk-document-abruf-ordercall-delivery {
  display: flex;
  flex-direction: column;
  gap: 10px;
  padding: 15px;
  border: 1px solid #ddd;
  border-radius: 5px;
  background: #fff;
}
.kk-document-abruf-ordercall-delivery .kk-document-abruf-ordercall-delivery-fields {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.kk-document-abruf-ordercall-delivery .kk-document-abruf-ordercall-delivery-fields .fui-Field {
  grid-template-columns: 200px 1fr;
}
.kk-document-abruf-ordercall-delivery .kk-document-abruf-ordercall-delivery-fields .fui-Textarea {
  width: 400px;
}.kk-document-ordercall-position-quantity-remain {
  display: flex;
  flex-direction: column;
  gap: 0px;
  align-items: flex-end;
}
.kk-document-ordercall-position-quantity-remain label {
  font-size: 11px;
  color: #666;
}
.kk-document-ordercall-position-quantity-remain .kk-quantity-remain {
  color: #47a71b;
  font-size: 18px;
}
.kk-document-ordercall-position-quantity-remain .kk-quantity-remain.kk-danger {
  color: #d01720;
}.kk-document-abruf-ordercall-positions-table-view-item .kk-td-document-product {
  text-align: start;
  word-wrap: break-word;
}
.kk-document-abruf-ordercall-positions-table-view-item .kk-td-document-product .kk-document-position-title {
  max-width: 380px;
}
.kk-document-abruf-ordercall-positions-table-view-item .kk-td-document-price {
  border-left: 1px solid #efefef;
  min-width: 220px;
}
.kk-document-abruf-ordercall-positions-table-view-item .kk-td-document-quantity {
  border-left: 1px solid #efefef;
  border-right: 1px solid #efefef;
  padding-left: 14px;
  text-align: left;
}
.kk-document-abruf-ordercall-positions-table-view-item .kk-td-document-quantity .kk-product-quantity-v5 {
  padding: 0px;
}
.kk-document-abruf-ordercall-positions-table-view-item .kk-td-document-quantity .kk-product-quantity-v5 .fui-Input {
  padding-right: 2px;
}
.kk-document-abruf-ordercall-positions-table-view-item .kk-td-document-quantity-remain label {
  font-size: 11px;
  color: #666;
}
.kk-document-abruf-ordercall-positions-table-view-item .kk-td-document-quantity-remain :nth-child(3) {
  margin-top: 5px;
}
.kk-document-abruf-ordercall-positions-table-view-item .kk-td-document-quantity-remain .kk-quantity-remain-value {
  color: #47a71b;
  font-size: 18px;
}
.kk-document-abruf-ordercall-positions-table-view-item .kk-td-document-quantity-remain .kk-quantity-remain-value.kk-danger {
  color: #d01720;
}
.kk-document-abruf-ordercall-positions-table-view-item .kk-product-stock {
  padding: 0px;
  height: unset;
}

.kk-document-abruf-ordercall-positions-table-view-item-extensions td {
  padding: 10px 8px 10px 10px !important;
}.kk-document-abruf-ordercall-positions-table-view {
  border-bottom: 1px solid #ddd;
}
.kk-document-abruf-ordercall-positions-table-view > table {
  border-spacing: 2px 2px;
  width: 100%;
  table-layout: auto;
  background: #fff;
}
.kk-document-abruf-ordercall-positions-table-view > table thead {
  background: #f8f8f8;
  position: sticky;
  top: 0px;
  z-index: 1;
}
.kk-document-abruf-ordercall-positions-table-view > table tr td {
  border-bottom: 1px solid #ddd;
}
.kk-document-abruf-ordercall-positions-table-view > table tr:last-child td {
  border-bottom: none;
}
.kk-document-abruf-ordercall-positions-table-view > table th {
  font-weight: normal;
  padding: 10px 8px;
}
.kk-document-abruf-ordercall-positions-table-view > table td {
  padding: 8px 8px;
  text-align: end;
}.kk-document-abruf-ordercall-positions-list-view-item {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 5px;
  width: 100%;
  border-bottom: 1px solid #ddd;
  padding-bottom: 10px;
}
.kk-document-abruf-ordercall-positions-list-view-item .kk-document-pos {
  display: flex;
  width: 100%;
  padding: 0px 2px;
}
.kk-document-abruf-ordercall-positions-list-view-item .kk-document-position-image {
  border: 1px solid #ddd;
}
.kk-document-abruf-ordercall-positions-list-view-item .kk-document-position-image .kk-product-image {
  padding: 0px;
}
.kk-document-abruf-ordercall-positions-list-view-item .kk-document-pos-detail {
  display: flex;
  flex-direction: column;
  width: 100%;
}
.kk-document-abruf-ordercall-positions-list-view-item .kk-document-pos-product .fui-Checkbox__indicator {
  margin-left: 0px;
}
.kk-document-abruf-ordercall-positions-list-view-item .kk-document-pos-price-and-quantity {
  display: flex;
  justify-content: space-between;
}
.kk-document-abruf-ordercall-positions-list-view-item .kk-product-stock {
  padding: 0px;
  height: unset;
}
.kk-document-abruf-ordercall-positions-list-view-item .kk-separator {
  height: 1px;
  border-bottom: 1px dashed #cdcdcd;
  margin: 15px 0px;
}
.kk-document-abruf-ordercall-positions-list-view-item .kk-product-quantity-v5 {
  padding: 0px;
  flex-direction: column;
  align-items: flex-start;
  height: unset;
}
.kk-document-abruf-ordercall-positions-list-view-item .kk-product-quantity-v5 .kk-product-button {
  width: 100%;
}
.kk-document-abruf-ordercall-positions-list-view-item .kk-product-quantity-v5 .kk-product-button .fui-Button {
  width: 100%;
  max-width: 190px;
}
.kk-document-abruf-ordercall-positions-list-view-item .kk-document-pos-quantity-remain {
  display: flex;
  background: #f8f8f8;
  padding: 4px 8px;
  border: 1px solid #efefef;
  border-radius: 4px;
  width: fit-content;
}
.kk-document-abruf-ordercall-positions-list-view-item .kk-document-pos-quantity-remain label {
  font-size: 11px;
  color: #666;
}
.kk-document-abruf-ordercall-positions-list-view-item .kk-document-pos-quantity-remain :nth-child(3) {
  margin-top: 5px;
}
.kk-document-abruf-ordercall-positions-list-view-item .kk-document-pos-quantity-remain .kk-quantity-remain-value {
  color: #47a71b;
  font-size: 18px;
}
.kk-document-abruf-ordercall-positions-list-view-item .kk-document-pos-quantity-remain .kk-quantity-remain-value.kk-danger {
  color: #d01720;
}
.kk-document-abruf-ordercall-positions-list-view-item .kk-product-price-and-tiers {
  flex-direction: column;
  align-items: flex-end;
  gap: 0px !important;
  padding: 0px;
}
.kk-document-abruf-ordercall-positions-list-view-item .kk-product-price-block {
  padding: 0px;
  height: unset;
}
.kk-document-abruf-ordercall-positions-list-view-item .kk-product-vpe {
  flex-direction: column;
  align-items: flex-start;
  padding: 0px;
  gap: 5px;
  height: unset;
}
.kk-document-abruf-ordercall-positions-list-view-item .kk-document-abruf-scheduled-ordercalls-collapsible-view,
.kk-document-abruf-ordercall-positions-list-view-item .kk-validation-message-collapsible-view,
.kk-document-abruf-ordercall-positions-list-view-item .kk-product-parts-collapsible-view {
  margin-top: 10px;
}
.kk-document-abruf-ordercall-positions-list-view-item .kk-document-abruf-ordercall-positions-list-view-item-extensions {
  width: 100%;
  display: flex;
  flex-direction: column;
}
.kk-document-abruf-ordercall-positions-list-view-item .kk-document-pos-quantity-remain .kk-document-ordercall-position-quantity-remain {
  flex-direction: row;
  gap: 5px;
  align-items: flex-end;
  justify-content: flex-end;
}
.kk-document-abruf-ordercall-positions-list-view-item .kk-document-pos-quantity-remain .kk-document-ordercall-position-quantity-remain .kk-flex-col {
  flex-direction: row !important;
}
.kk-document-abruf-ordercall-positions-list-view-item .kk-document-pos-quantity-remain label {
  font-size: 14px;
  color: #000;
}
.kk-document-abruf-ordercall-positions-list-view-item .kk-document-pos-hint {
  display: flex;
  align-items: center;
  width: 100%;
  justify-content: flex-end;
}.kk-document-abruf-ordercall-positions-list-view {
  display: flex;
  flex-direction: column;
  padding-top: 10px;
  border-top: 1px solid #ddd;
  margin-top: 10px;
}
.kk-document-abruf-ordercall-positions-list-view .kk-document-positions-list-view-item {
  padding-top: 15px;
  padding-bottom: 15px;
  border-bottom: 1px solid #ddd;
}
.kk-document-abruf-ordercall-positions-list-view .kk-document-positions-list-view-item:first-child {
  padding-top: 0px;
}.kk-document-abruf-ordercall-validation-summary {
  margin-top: 10px;
  padding: 15px;
  border: 1px solid #ddd;
  border-radius: 5px;
  background: #fff;
}.kk-ordercall-success-dialog-content {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.kk-ordercall-success-dialog-content .kk-ordercall-success-dialog-content-text {
  display: flex;
  flex-direction: column;
  gap: 5px;
  margin-top: 20px;
}
.kk-ordercall-success-dialog-content .kk-ordercall-success-dialog-content-text h3 {
  margin: 10px 0px;
}
.kk-ordercall-success-dialog-content .kk-ordercall-success-dialog-content-text p {
  font-size: 14px;
}
.kk-ordercall-success-dialog-content .kk-ordercall-success-dialog-content-text a {
  color: #2D598D;
  text-decoration: underline;
}
.kk-ordercall-success-dialog-content .kk-ordercall-success-dialog-content-actions {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  margin-top: 20px;
}
.kk-ordercall-success-dialog-content .kk-ordercall-success-dialog-content-actions .fui-Button {
  font-weight: normal;
}.kk-document-page {
  margin: 0;
}.kk-document-query {
  display: flex;
  gap: 20px;
  align-items: center;
}
.kk-document-query > span {
  min-width: 120px;
}
.kk-document-query .fui-Input {
  width: 100%;
}.kk-documents-page-searchbar {
  display: flex;
  flex-direction: column;
  width: 100%;
}
.kk-documents-page-searchbar .kk-document-page-searchbar-title {
  display: flex;
  margin-bottom: 15px;
  color: #333;
}
.kk-documents-page-searchbar .kk-document-page-searchbar-inputs {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.kk-documents-page-searchbar .kk-document-page-searchbar-actions {
  display: flex;
  gap: 10px;
  align-items: center;
  justify-content: flex-end;
  margin-top: 30px;
}
.kk-documents-page-searchbar .kk-document-page-searchbar-actions .fui-Button {
  font-weight: normal;
}.kk-document-daterange-filter {
  display: flex;
  gap: 10px;
  align-items: center;
  width: 100%;
}
.kk-document-daterange-filter .kk-document-daterange-filter-content {
  display: flex;
  flex-direction: column;
  gap: 10px;
  padding: 10px;
  min-width: 200px;
}
.kk-document-daterange-filter .fui-Input {
  width: 134px;
}
.kk-document-daterange-filter .fui-Button {
  font-weight: normal;
}.kk-document-text-filter {
  display: flex;
  gap: 10px;
  align-items: center;
}
.kk-document-text-filter > span {
  min-width: 120px;
}.kk-document-multiselect-filter {
  display: flex;
  align-items: flex-start;
  gap: 5px;
  width: 100%;
}
.kk-document-multiselect-filter .fui-Dropdown {
  width: 100%;
}
.kk-document-multiselect-filter .fui-MenuPopover {
  z-index: 2;
}
.kk-document-multiselect-filter .fui-Listbox {
  z-index: 2;
  max-height: 300px !important;
}
.kk-document-multiselect-filter .kk-document-multiselect-filter-element {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
}
.kk-document-multiselect-filter .kk-document-multiselect-filter-element span {
  color: #999;
}
.kk-document-multiselect-filter .kk-document-multiselect-filter-content {
  display: flex;
  flex-direction: column;
  gap: 10px;
  padding: 10px;
}
.kk-document-multiselect-filter .kk-document-multiselect-filter-elements {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 5px;
  max-height: 300px;
  overflow-y: scroll;
}
.kk-document-multiselect-filter .kk-document-multiselect-filter-item {
  display: flex;
  padding: 2px;
  cursor: pointer;
  border-right: 2px;
  background: #f8f8f8;
  width: 100%;
}
.kk-document-multiselect-filter .kk-document-multiselect-filter-item .fui-Checkbox {
  display: flex;
  align-items: center;
  width: 100%;
}
.kk-document-multiselect-filter .kk-document-multiselect-filter-item .fui-Checkbox .fui-Label {
  width: 100%;
}
.kk-document-multiselect-filter .kk-document-multiselect-filter-item .fui-Checkbox__indicator {
  align-self: center;
}
.kk-document-multiselect-filter .kk-document-multiselect-filter-item:hover {
  background: #efefef;
}
.kk-document-multiselect-filter .kk-document-multiselect-filter-actions {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 10px;
}.kk-document-filter {
  display: flex;
  gap: 20px;
  align-items: center;
}
.kk-document-filter > span {
  min-width: 120px;
}.kk-documents-page-filterbar-v1 {
  display: flex;
  flex-direction: column;
  margin-top: 40px;
}
.kk-documents-page-filterbar-v1 .kk-document-page-filterbar-title {
  display: flex;
}
.kk-documents-page-filterbar-v1 .kk-document-page-filterbar-filters {
  display: grid;
  grid-template-columns: 1fr 1fr;
  align-items: flex-start;
  row-gap: 10px;
  column-gap: 40px;
  margin-top: 20px;
  background: #f8f8f8;
  padding: 20px 20px;
}
.kk-documents-page-filterbar-v1 .kk-document-page-filterbar-actions {
  display: flex;
  gap: 10px;
  align-items: center;
  justify-content: flex-start;
  margin-top: 20px;
}
.kk-documents-page-filterbar-v1 .kk-document-page-filterbar-actions .fui-Button {
  font-weight: normal;
}

.kk-documents-page-filterbar {
  display: flex;
  flex-direction: column;
  width: 100%;
}
.kk-documents-page-filterbar .kk-document-page-filterbar-title {
  display: flex;
  margin-bottom: 15px;
  color: #333;
}
.kk-documents-page-filterbar .kk-document-page-filterbar-filters {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.kk-documents-page-filterbar .kk-document-page-filterbar-actions {
  display: flex;
  gap: 10px;
  align-items: center;
  justify-content: flex-end;
  margin-top: 20px;
}
.kk-documents-page-filterbar .kk-document-page-filterbar-actions .fui-Button {
  font-weight: normal;
  padding: 0px;
  text-decoration: underline;
}.kk-documents-page-actionbar {
  display: flex;
  background: #f8f8f8;
  border-radius: 5px;
  margin-top: 20px;
  padding: 10px 20px;
}
.kk-documents-page-actionbar .kk-collapsible {
  width: 100%;
}
.kk-documents-page-actionbar .kk-collapsible .kk-collapsible-content {
  flex-direction: row;
  gap: 80px;
  margin-top: 10px;
  padding: 10px 1px;
}.kk-documents-table-view-header {
  display: flex;
  align-items: center;
  gap: 8px;
}.kk-documents-table-view-item a {
  color: #2d598d;
}
.kk-documents-table-view-item a:hover {
  text-decoration: underline;
}
.kk-documents-table-view-item .kk-documents-table-view-item-totalAmount {
  text-align: end;
}
.kk-documents-table-view-item .kk-documents-table-view-item-reference,
.kk-documents-table-view-item .kk-documents-table-view-item-comission {
  max-width: 180px;
}
.kk-documents-table-view-item .kk-documents-table-view-item-shippingAddress {
  font-size: 12px;
}.kk-documents-table-view {
  display: flex;
  flex-direction: column;
}
.kk-documents-table-view table {
  border-spacing: 2px 2px;
  width: 100%;
  table-layout: auto;
}
.kk-documents-table-view thead {
  background: #efefef;
  position: sticky;
  top: 0px;
  z-index: 1;
}
.kk-documents-table-view tr:nth-child(2n) {
  background: #f8f8f8;
}
.kk-documents-table-view th {
  font-weight: normal;
  padding: 10px 8px;
}
.kk-documents-table-view td {
  padding: 4px 8px;
}
.kk-documents-table-view td pre {
  overflow-wrap: anywhere;
  text-wrap: wrap;
}.kk-documents-page-view {
  display: flex;
  flex-direction: column;
  margin-top: 20px;
}.kk-documents-page-titlebar {
  display: flex;
  flex-direction: column;
  gap: 30px;
}
.kk-documents-page-titlebar h1 {
  color: #666;
  font-size: 34px;
}
.kk-documents-page-titlebar .fui-Field {
  display: none;
}.kk-documents-page-paging {
  display: flex;
}.kk-documents-page-limit {
  display: flex;
  align-items: center;
  gap: 10px;
}
.kk-documents-page-limit .fui-Dropdown {
  min-width: unset;
}.kk-documents-page-top-navbar {
  display: flex;
  margin-top: 40px;
  align-items: center;
  justify-content: space-between;
}
.kk-documents-page-top-navbar .fui-PopoverSurface {
  z-index: 2;
}

.kk-documents-page-top-navbar-right {
  display: flex;
  gap: 20px;
  align-items: center;
}

.kk-documents-page-sorting .fui-Button {
  font-weight: normal;
}
.kk-documents-page-sorting .kk-documents-page-sorting-item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
}

.kk-documents-page-settings {
  display: flex;
  gap: 10px;
  align-items: center;
}
.kk-documents-page-settings .fui-Button {
  font-weight: normal;
  min-width: unset;
}.kk-documents-page-bottom-navbar {
  display: flex;
  margin-top: 40px;
  align-items: flex-end;
  justify-content: flex-end;
}.kk-documents-page {
  margin: 0;
}
.kk-documents-page .kk-documents-page-titlebar > .fui-TabList > button:nth-child(2) {
  padding-left: 0px;
}
.kk-documents-page .kk-documents-page-titlebar > .fui-TabList > button:nth-child(2)::after, .kk-documents-page .kk-documents-page-titlebar > .fui-TabList > button:nth-child(2)::before {
  left: 0px;
  right: 8px;
}.kk-downloads-page-titlebar {
  display: flex;
  flex-direction: column;
  gap: 30px;
}
.kk-downloads-page-titlebar h1 {
  color: #666;
  font-size: 34px;
}.kk-downloads-page-view-v1 {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  row-gap: 10px;
  column-gap: 10px;
  margin-top: 20px;
}
.kk-downloads-page-view-v1 .kk-download-view-item-group {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.kk-downloads-page-view-v1 .kk-download-view-item {
  display: flex;
  flex-direction: column;
  gap: 15px;
  border: 1px solid #efefef;
  border-radius: 5px;
  padding: 10px;
}
.kk-downloads-page-view-v1 .kk-download-view-item .fui-Button {
  font-weight: normal;
}

.kk-downloads-page-view {
  display: flex;
  flex-direction: column;
  margin-top: 20px;
}
.kk-downloads-page-view .kk-download-view-item-group {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.kk-downloads-page-view .kk-download-view-item-group h2 {
  color: #333;
}
.kk-downloads-page-view .kk-download-view-item-group:nth-child(2n) {
  margin-top: 40px;
}
.kk-downloads-page-view .kk-download-view-item {
  display: flex;
  align-items: center;
  gap: 15px;
  border-top: 1px solid #efefef;
  padding: 10px 5px;
}
.kk-downloads-page-view .kk-download-view-item .kk-download-view-item-text {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex-direction: column;
  width: 100%;
}
.kk-downloads-page-view .kk-download-view-item .kk-download-view-item-text .fui-Button {
  font-weight: bold;
  padding: 0;
  margin-bottom: 5px;
}
.kk-downloads-page-view .kk-download-view-item .kk-download-view-item-text .fui-Button:hover {
  text-decoration: underline;
}
.kk-downloads-page-view .kk-download-view-item .kk-download-view-item-text a {
  font-weight: bold;
  color: #333;
}
.kk-downloads-page-view .kk-download-view-item .kk-download-view-item-text a:hover {
  text-decoration: underline;
  color: #3166A4 !important;
}.kk-downloads-page-actionbar {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  margin-top: 20px;
}.kk-downloads-page {
  margin: 0;
}.kk-approval-page {
  margin: 0;
}
.kk-approval-page > span {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 20px 10px;
  background: #efefef;
  color: #333;
}.kk-notifications-page {
  margin: 0;
}
.kk-notifications-page > span {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 20px 10px;
  background: #efefef;
  color: #333;
}.kk-reportings-page {
  margin: 0;
}
.kk-reportings-page > span {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 20px 10px;
  background: #efefef;
  color: #333;
}.kk-usermanagement-page-titlebar {
  display: flex;
  flex-direction: column;
  gap: 30px;
}
.kk-usermanagement-page-titlebar h1 {
  color: #666;
  font-size: 34px;
}.kk-usermanagement-page-actionbar {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  margin-top: 20px;
  gap: 25px;
}
.kk-usermanagement-page-actionbar .fui-Button {
  font-weight: normal;
  text-decoration: underline;
  padding: 0px;
}.kk-usermanagement-page-list-view-item {
  display: grid;
  grid-template-columns: minmax(180px, 1fr) minmax(180px, 1fr) 80px 120px 150px 240px;
  column-gap: 2px;
  align-items: center;
}
.kk-usermanagement-page-list-view-item:nth-child(2n+1) > * {
  background: #f8f8f8;
}
.kk-usermanagement-page-list-view-item > * {
  padding: 10px 6px;
  overflow-wrap: anywhere;
  display: block;
  text-overflow: ellipsis;
  text-wrap: nowrap;
  overflow: hidden;
}
.kk-usermanagement-page-list-view-item .kk-usermanagement-item-id {
  text-decoration: underline;
  cursor: pointer;
}
.kk-usermanagement-page-list-view-item .kk-usermanagement-item-id:hover {
  color: #2c63a3;
}
.kk-usermanagement-page-list-view-item .kk-usermanagement-item-state-active {
  font-weight: bold;
  color: #47a71b;
}
.kk-usermanagement-page-list-view-item .kk-usermanagement-item-state-deactive {
  font-weight: bold;
  color: #df0f3c;
}
.kk-usermanagement-page-list-view-item .kk-usermanagement-item-actions {
  display: flex;
  align-items: center;
  gap: 5px;
  justify-content: flex-end;
  padding: 2px;
}
.kk-usermanagement-page-list-view-item .kk-usermanagement-item-actions .fui-Button {
  font-weight: normal;
}.kk-usermanagement-page-list-view {
  margin-top: 15px;
}.kk-usermanagement-page-table-view-item .kk-td-usermanagement-id .fui-Button {
  font-weight: normal;
  color: #2c63a3;
  padding: 0;
}
.kk-usermanagement-page-table-view-item .kk-td-usermanagement-id .fui-Button:hover {
  text-decoration: underline;
}
.kk-usermanagement-page-table-view-item .kk-td-usermanagement-state-active {
  font-weight: bold;
  color: #47a71b;
}
.kk-usermanagement-page-table-view-item .kk-td-usermanagement-state-deactive {
  font-weight: bold;
  color: #df0f3c;
}
.kk-usermanagement-page-table-view-item .fui-Button {
  font-weight: normal;
}
.kk-usermanagement-page-table-view-item .kk-usermanagement-page-table-view-item-actions {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 10px;
}.kk-usermanagement-page-table-view {
  display: flex;
  flex-direction: column;
  margin-top: 20px;
}
.kk-usermanagement-page-table-view > table {
  border-spacing: 2px 2px;
  width: 100%;
  table-layout: auto;
}
.kk-usermanagement-page-table-view > table thead {
  background: #efefef;
  position: sticky;
  top: 0px;
  z-index: 1;
}
.kk-usermanagement-page-table-view > table tr:nth-child(2n) {
  background: #f8f8f8;
}
.kk-usermanagement-page-table-view > table th {
  font-weight: normal;
  padding: 10px 8px;
}
.kk-usermanagement-page-table-view > table td {
  padding: 8px 8px;
}.kk-manageduser-dialog-form {
  display: flex;
  flex-direction: column;
  margin-top: 20px;
}
.kk-manageduser-dialog-form form {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.kk-manageduser-dialog-form form h4 {
  color: #333;
  font-size: 14px;
  margin-bottom: 10px;
  padding-left: 4px;
}
.kk-manageduser-dialog-form form .kk-form-fields {
  display: flex;
  flex-direction: column;
  gap: 10px;
  height: 100%;
  overflow-y: scroll;
}
.kk-manageduser-dialog-form form .kk-form-fields .fui-Label {
  font-weight: normal;
  font-size: 14px;
}
.kk-manageduser-dialog-form form .kk-form-fields-rights {
  display: flex;
  flex-direction: column;
  gap: 0px;
  margin-top: 15px;
}
.kk-manageduser-dialog-form form .kk-form-block-1 {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  gap: 15px;
  width: 100%;
}
.kk-manageduser-dialog-form form .kk-form-block-2 {
  display: flex;
  flex-direction: column;
  width: 100%;
  margin-top: 15px;
}
.kk-manageduser-dialog-form form .kk-switch-field-container {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
}
.kk-manageduser-dialog-form form .kk-switch-field {
  padding-left: 4px;
}
.kk-manageduser-dialog-form form .kk-switch-field:hover {
  background: #f8f8f8;
}
.kk-manageduser-dialog-form .kk-form-actions {
  display: flex;
  gap: 10px;
  align-items: center;
  justify-content: flex-start;
  margin-top: 20px;
}
.kk-manageduser-dialog-form .kk-form-actions .fui-Button {
  font-weight: normal;
}.kk-usermanagement-page {
  margin: 0;
}
.kk-usermanagement-page > span {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 20px 10px;
  background: #efefef;
  color: #333;
}.kk-profile-layout {
  display: flex;
  gap: 60px;
  width: 100%;
  max-width: 1440px;
  margin: auto;
  margin-top: 155px;
  padding: 0px 16px;
}

.kk-profile-layout-sidebar {
  display: flex;
  flex-direction: column;
  width: 200px;
  min-width: 200px;
  background: #f8f8f8;
  height: fit-content;
  border-radius: 10px;
  padding: 10px;
}
.kk-profile-layout-sidebar .kk-profile-layout-sidebar-tablist .fui-Tab {
  margin-bottom: 5px;
}
.kk-profile-layout-sidebar .kk-profile-layout-sidebar-list {
  margin-bottom: 30px;
}
.kk-profile-layout-sidebar .fui-Button {
  font-weight: normal;
  justify-content: flex-start;
  width: 100%;
}
.kk-profile-layout-sidebar .kk-profile-layout-sidebar-header {
  display: flex;
  align-items: center;
  margin-bottom: 8px;
  padding-left: 8px;
  gap: 5px;
}
.kk-profile-layout-sidebar.kk-collapsed {
  width: auto;
  min-width: auto;
}
.kk-profile-layout-sidebar.kk-collapsed .kk-profile-layout-sidebar-header strong {
  visibility: collapse;
}

.kk-profile-layout-content {
  display: flex;
  flex-direction: column;
  width: 100%;
  min-height: 800px;
}.kk-forgot-password-page-form {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 20px;
}
.kk-forgot-password-page-form form {
  display: flex;
  flex-direction: column;
  gap: 15px;
  width: 300px;
}
.kk-forgot-password-page-form form .fui-Button {
  font-weight: normal;
}
.kk-forgot-password-page-form form .kk-form-actions {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 10px;
}
.kk-forgot-password-page-form form .kk-form-errors {
  color: rgb(216, 17, 44);
}.kk-forgot-password-page-message {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  font-size: 18px;
}
.kk-forgot-password-page-message .fui-Button {
  font-weight: normal;
  color: #2c63a3;
}
.kk-forgot-password-page-message .fui-Button:hover {
  text-decoration: underline;
}.kk-orderforms-page-navbar {
  display: flex;
  flex-direction: column;
  gap: 30px;
  margin-top: 50px;
}
.kk-orderforms-page-navbar h1 {
  color: #666;
  font-size: 34px;
}

.kk-orderforms-page-navbar-actions {
  display: flex;
  gap: 10px;
  align-items: center;
  justify-content: flex-end;
}
.kk-orderforms-page-navbar-actions .fui-Button {
  background: #f4f4f4;
  color: #333;
  border: none;
  font-size: 14px;
  font-weight: normal;
}
.kk-orderforms-page-navbar-actions .fui-Button.kk-selected {
  background: #0c509f !important;
  color: #fff;
  font-weight: bold;
}
.kk-orderforms-page-navbar-actions .fui-Button:hover {
  background: #efefef;
}.kk-orderforms-page-view-item {
  display: flex;
  gap: 20px;
  align-items: center;
  position: relative;
  padding: 5px;
  cursor: pointer;
  border-radius: 10px;
  background: #f4f4f4;
  text-decoration: none !important;
}
.kk-orderforms-page-view-item:hover {
  background: #efefef;
}

.kk-orderform-item-image {
  display: flex;
  min-height: auto;
  width: 100px;
  height: 100px;
  padding: 2px;
}
.kk-orderform-item-image img {
  object-fit: contain;
  width: 100%;
  height: 100%;
}

.kk-orderform-item-body {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 5px;
  width: 100%;
  padding-right: 10px;
}
.kk-orderform-item-body .fui-Button {
  padding: 0;
}

.kk-orderform-item-title {
  font-size: 18px;
  color: #333;
}

.kk-orderform-item-path {
  color: #999;
}

.kk-orderform-item-actions {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
}
.kk-orderform-item-actions .kk-orderform-item-download-link:hover {
  text-decoration: underline;
}
.kk-orderform-item-actions .kk-orderform-item-download-icon {
  width: 32px;
  height: 32px;
}.kk-orderforms-page-view-group {
  display: flex;
  flex-direction: column;
  gap: 20px;
  margin-top: 50px;
}
.kk-orderforms-page-view-group:first-child {
  margin-top: 30px;
}
.kk-orderforms-page-view-group h2 {
  color: #333;
}
.kk-orderforms-page-view-group .kk-orderforms-page-view-group-items {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 30px;
  margin-top: 10px;
}.kk-orderforms-page-view {
  display: flex;
  flex-direction: column;
  gap: 20px;
}.kk-orderforms-page {
  padding: 0px 16px;
}.kk-otp-page {
  display: flex;
  flex-direction: column;
  margin-top: 40px;
  min-height: 300px;
}
.kk-otp-page pre {
  border: 1px solid #000;
  background: #464646;
  color: #0bc6ff;
  width: 100%;
  padding: 10px;
  max-height: 300px;
  overflow-y: auto;
}.kk-barcode-scanner-test {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
}.kk-barcode-search-list-view-item {
  display: flex;
  flex-direction: column;
  padding: 15px 0px;
  border-bottom: 1px dashed #ccc;
  cursor: pointer;
}
.kk-barcode-search-list-view-item .kk-barcode-search-list-view-item-details {
  display: flex;
  gap: 4px;
}
.kk-barcode-search-list-view-item .kk-barcode-search-list-view-item-details .kk-product-image {
  min-width: 60px;
  max-width: 60px;
  min-height: 60px;
  max-height: 60px;
  padding: 0px;
}
.kk-barcode-search-list-view-item .kk-barcode-search-list-view-item-details .kk-product-image img {
  object-fit: contain;
  width: 100%;
  height: 100%;
  max-height: 60px;
  max-width: 60px;
}
.kk-barcode-search-list-view-item .kk-barcode-search-list-view-item-details .kk-product-title {
  height: unset;
  padding: 0px;
  color: #333 !important;
  cursor: default;
}
.kk-barcode-search-list-view-item .kk-barcode-search-list-view-item-details .kk-copy-text {
  margin-top: 2px;
}
.kk-barcode-search-list-view-item .kk-barcode-search-list-view-item-details .kk-product-number-found-in {
  padding: 0px;
  margin-top: 2px;
}
.kk-barcode-search-list-view-item .kk-barcode-search-list-view-item-details:hover {
  background: #effcff;
  border-radius: 5px;
}
.kk-barcode-search-list-view-item .kk-barcode-search-list-view-item-options {
  display: flex;
  justify-content: flex-start;
  margin-top: 10px;
  gap: 10px;
}
.kk-barcode-search-list-view-item .kk-barcode-search-list-view-item-options .fui-Button {
  font-weight: normal;
}
.kk-barcode-search-list-view-item .kk-barcode-search-list-view-item-options .fui-MenuButton {
  font-weight: normal;
  width: 100%;
}.kk-barcode-search-list-view {
  display: flex;
  flex-direction: column;
}.kk-barcode-search-dialog-result-footer {
  display: flex;
  flex-direction: column;
  gap: 5px;
  padding: 30px 2px 60px 2px;
}
.kk-barcode-search-dialog-result-footer .kk-barcode-search-dialog-result-footer-options {
  display: grid;
  grid-template-columns: 1fr 1fr;
  column-gap: 15px;
  row-gap: 15px;
  margin-top: 5px;
}
.kk-barcode-search-dialog-result-footer .kk-barcode-search-dialog-result-footer-options .fui-Button {
  display: flex;
  flex-direction: column;
  font-size: 14px;
  font-weight: normal;
  padding: 10px 5px;
  gap: 10px;
}
.kk-barcode-search-dialog-result-footer .kk-barcode-search-dialog-result-footer-options .kk-barcode-search-dialog-result-footer-option {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  border: 1px solid #d1d1d1;
  padding: 10px 5px;
  text-align: center;
  gap: 10px;
  cursor: pointer;
}
.kk-barcode-search-dialog-result-footer .kk-barcode-search-dialog-result-footer-options .kk-barcode-search-dialog-result-footer-option:hover {
  background: #f8f8f8;
}.kk-barcode-search-dialog-result {
  display: flex;
  flex-direction: column;
}.kk-barcode-search-dialog-toolbar {
  display: flex;
  flex-direction: column;
  padding-bottom: 10px;
  border-bottom: 1px dashed #ccc;
  position: sticky;
  top: 0px;
  background: #fff;
}
.kk-barcode-search-dialog-toolbar .kk-barcode-search-dialog-toolbar-title {
  display: flex;
  justify-content: space-between;
  width: 100%;
}.kk-barcode-search-dialog-content {
  display: flex;
  flex-direction: column;
  height: 100%;
}.kk-barcode-scanner-page {
  z-index: 200;
  position: absolute;
  background: cyan;
  left: 0px;
  right: 0px;
  top: 0px;
  bottom: 0px;
}/* :root {
  --kk-debug-bg1: #ffb2d8;
  --kk-debug-bg2: #c3ffa7;
  --kk-debug-bg3: #b2faff;
} */

* {
  padding: 0;
  margin: 0;
  font-family: 'segoe ui', 'Roboto', arial, tahoma;
  box-sizing: border-box;
}

a {
  text-decoration: none;
}

li, ul {
  list-style: none;
}

#root {
    height: 100%;
}

.kk-hidden {
  display: none !important;
}

body:has(.kk-popup.kk-open),
body:has(.kk-searchbar .kk-search-suggests:not(.kk-hidden)),
body:has(.kk-header-menu-backdrop.kk-active) {
    overflow: hidden !important;
}

.Toastify__toast-container {
    z-index: 999999;
    margin-top: 60px;
}@media (max-width: 1610px) {
  .kk-login-page .kk-login-page-forms {
    margin: 0px 210px;
  }
  .kk-login-page .kk-login-page-footer {
    padding-left: 680px;
  }
}
@media (max-width: 1440px) {
  .kk-header .kk-header-menu-popup-assortment .kk-header-view-group-items {
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr !important;
  }
  .kk-header .kk-header-menu-popup-assortment .kk-header-view-group-items .kk-header-view-group-item-image {
    height: 80px !important;
  }
  .kk-header .kk-header-menu-popup-assortment .kk-header-view-group-items .kk-header-nav-item-name {
    font-size: 14px;
  }
  .kk-header .kk-header-menu-popup-brand .kk-header-view-group-items {
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr !important;
  }
  .kk-login-page .kk-login-page-footer {
    padding: 0px 30px;
    margin-top: 130px;
    align-items: center;
    margin-bottom: 10px;
  }
  .kk-login-page .kk-login-page-footer .kk-footer-copyright {
    justify-content: center;
    margin: 0px;
  }
  .kk-login-page .kk-login-page-footer .kk-footer-copyright ul {
    justify-content: center;
  }
  .kk-login-page .kk-login-page-footer .kk-footer-social {
    margin: 0px;
  }
  .kk-login-page .kk-login-page-forms {
    justify-content: center;
    margin: 0;
  }
  .kk-login-page .kk-login-page-form-sliders {
    margin: 20px 0;
  }
  .kk-category-page .kk-category-treebar {
    display: none !important;
  }
  .kk-category-page .kk-category-gridview {
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  }
  .kk-search-page .kk-product-gridview.kk-collapsed {
    grid-template-columns: 1fr 1fr 1fr !important;
  }
  .kk-search-page .kk-product-gridview:not(.kk-collapsed) {
    grid-template-columns: 1fr 1fr !important;
  }
  .kk-search-page .kk-product-gridview:not(.kk-collapsed) > :nth-child(2n+2) .kk-product-griditem,
  .kk-search-page .kk-product-gridview:not(.kk-collapsed) > :nth-child(2n+2) .kk-product-griditem-group {
    border-right: none !important;
  }
  .kk-search-page .kk-product-gridview.kk-collapsed > :nth-child(3n+3) .kk-product-griditem,
  .kk-search-page .kk-product-gridview.kk-collapsed > :nth-child(3n+3) .kk-product-griditem-group {
    border-right: none !important;
  }
  .kk-search-page .kk-product-griditem,
  .kk-search-page .kk-product-griditem-group {
    border-right: 1px solid #cdcdcd !important;
  }
  .kk-search-page .kk-product-listview:not(.kk-collapsed) .kk-product-listitem .kk-product-vpe {
    flex-direction: column;
    align-items: flex-start;
    gap: 5px;
  }
  .kk-search-page .kk-product-listview:not(.kk-collapsed) .kk-product-listitem .kk-product-image {
    width: 70px;
  }
  .kk-search-page .kk-product-listview:not(.kk-collapsed) .kk-product-listitem .kk-product-image img {
    max-width: 70px;
    max-height: 52px;
  }
  .kk-search-page .kk-product-listview:not(.kk-collapsed) .kk-product-listitem > .kk-flex-col:nth-child(3) {
    min-width: 210px !important;
  }
  .kk-search-page .kk-product-listview:not(.kk-collapsed) .kk-product-listitem > .kk-flex-col:nth-child(4) {
    min-width: 300px !important;
  }
  .kk-search-page .kk-product-listview:not(.kk-collapsed) .kk-product-listitem .kk-product-price-and-tiers {
    flex-direction: column;
    align-items: flex-end;
    gap: 8px !important;
  }
  .kk-search-page .kk-product-listview:not(.kk-collapsed) .kk-product-listitem .kk-product-price-and-tiers .kk-product-tiers {
    flex-direction: row !important;
    padding-top: 10px !important;
  }
  .kk-detail-page .kk-tab-variants .kk-product-variants-table-view table .kk-th-attribute:nth-child(6),
  .kk-detail-page .kk-tab-variants .kk-product-variants-table-view table .kk-td-attribute:nth-child(6) {
    display: none;
  }
  .kk-cart-page .kk-cart-shipment .fui-Field {
    grid-template-columns: 120px 1fr;
  }
  .kk-cart-page .kk-cart-page-sub-toolbar .kk-cart-page-sub-toolbar-menus .kk-cart-page-sub-toolbar-menu-action-amount-pos {
    display: none !important;
  }
  .kk-profile-page .kk-profile-page-user-tab {
    margin: auto;
    max-width: 1440px;
    width: 100%;
    margin-top: 40px;
  }
  .kk-orderlist-page .kk-orderlist-thumbnail-group {
    flex-direction: column;
  }
  .kk-orderlist-page .kk-orderlist-thumbnail-view {
    grid-template-columns: 1fr 1fr 1fr 1fr;
  }
  .kk-profile-layout {
    flex-direction: column;
    gap: 0px;
  }
  .kk-profile-layout .kk-profile-layout-sidebar {
    display: flex;
    width: 100%;
    padding: 0px;
    background: unset;
    align-items: center;
    justify-content: flex-start;
    flex-direction: row !important;
  }
  .kk-profile-layout .kk-profile-layout-sidebar .kk-profile-layout-sidebar-header {
    display: none;
  }
  .kk-profile-layout .kk-profile-layout-sidebar ul {
    display: flex;
    gap: 15px;
  }
  .kk-profile-layout .kk-profile-layout-sidebar ul li {
    margin: 0px;
    padding: 2px;
  }
  .kk-profile-layout .kk-profile-layout-sidebar ul li:hover {
    border-bottom: 1px solid rgba(12, 80, 159, 0.5333333333);
  }
  .kk-profile-layout .kk-profile-layout-sidebar ul li.kk-selected {
    background: unset;
    border-bottom: 1px solid #0c509f;
  }
  .kk-profile-layout .kk-profile-layout-sidebar ul a {
    text-decoration: none;
    color: #0c509f !important;
  }
}
@media (max-width: 1200px) {
  .kk-header .kk-searchbar-input input {
    width: 100%;
  }
  .kk-header .kk-header-menu-popup .kk-header-nav {
    width: 280px;
    min-width: 280px;
  }
  .kk-header .kk-header-menu-popup .kk-header-nav .kk-header-nav-banner > h1 {
    font-size: 24px !important;
  }
  .kk-header .kk-header-menu-popup .kk-header-nav .kk-header-nav-banner > h2 {
    font-size: 18px !important;
  }
  .kk-header .kk-header-menu-popup .kk-header-nav .kk-header-nav-banner > .fui-Button {
    font-size: 16px !important;
  }
  .kk-header .kk-header-menu-popup .kk-header-nav .kk-header-nav-item-name {
    font-size: 14px !important;
  }
  .kk-header .kk-header-menu-popup-assortment .kk-header-view-group-items {
    grid-template-columns: 1fr 1fr 1fr 1fr !important;
  }
  .kk-header .kk-header-menu-popup-assortment .kk-header-view-group-items .kk-header-view-group-item-image {
    height: 80px !important;
  }
  .kk-header .kk-header-menu-popup-promotion .kk-header-view-group-items {
    grid-template-columns: 1fr 1fr 1fr 1fr !important;
  }
  .kk-header .kk-header-menu-popup-brand .kk-header-view-group-items {
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr !important;
  }
  .kk-start-page .kk-banner-categories .kk-category-tile-view {
    grid-template-columns: 1fr 1fr 1fr;
  }
  .kk-category-page .kk-category-gridview {
    grid-template-columns: 1fr 1fr 1fr 1fr;
  }
  .kk-search-page .kk-product-listview .kk-product-listitem .kk-product-title {
    height: unset;
  }
  .kk-search-page .kk-product-listview .kk-product-listitem .kk-product-vpe {
    flex-direction: column;
    align-items: flex-start;
    gap: 5px;
  }
  .kk-search-page .kk-product-listview .kk-product-listitem .kk-product-image {
    width: 70px;
  }
  .kk-search-page .kk-product-listview .kk-product-listitem .kk-product-image img {
    max-width: 70px;
    max-height: 52px;
  }
  .kk-search-page .kk-product-listview .kk-product-listitem > .kk-flex-col:nth-child(3) {
    min-width: 210px !important;
  }
  .kk-search-page .kk-product-listview .kk-product-listitem > .kk-flex-col:nth-child(4) {
    min-width: 300px !important;
  }
  .kk-search-page .kk-product-listview .kk-product-listitem .kk-product-price-and-tiers {
    flex-direction: column;
    align-items: flex-end;
    gap: 8px !important;
  }
  .kk-search-page .kk-product-listview .kk-product-listitem .kk-product-price-and-tiers .kk-product-tiers {
    flex-direction: row !important;
    padding-top: 10px !important;
  }
  .kk-search-page .kk-product-listview .kk-product-listitem .kk-product-price-and-tiers .kk-product-price-block {
    height: unset;
  }
  .kk-search-page .kk-product-listview .kk-product-listitem .kk-product-price-and-tiers .kk-product-price-block .kk-product-price-block-discount {
    gap: 10px;
    flex-wrap: wrap;
  }
  .kk-detail-page .kk-detail-gallery {
    min-width: 220px;
  }
  .kk-detail-page .kk-detail-gallery .kk-image-zoom,
  .kk-detail-page .kk-detail-gallery .kk-image-zoom-lens {
    display: none;
  }
  .kk-detail-page .kk-detail-product .kk-product-price-and-tiers {
    flex-direction: column;
    width: unset;
  }
  .kk-detail-page .kk-detail-product .kk-product-price-and-tiers .kk-detail-product-tiers .kk-product-packing-tier-table,
  .kk-detail-page .kk-detail-product .kk-product-price-and-tiers .kk-detail-product-tiers .kk-product-pricing-tier-table {
    max-width: 420px !important;
    width: 100%;
  }
  .kk-detail-page .kk-detail-product .kk-detail-product-short-description {
    padding-right: 0px;
  }
  .kk-detail-page .kk-detail-product .kk-detail-product-actions {
    flex-direction: column;
    padding-right: 0px;
  }
  .kk-detail-page .kk-tab-variants .kk-product-variants-table-view table .kk-th-attribute:nth-child(5),
  .kk-detail-page .kk-tab-variants .kk-product-variants-table-view table .kk-td-attribute:nth-child(5) {
    display: none;
  }
  .kk-detail-page .kk-tab-variants .kk-product-variants-table-view .kk-td-title {
    max-width: 320px;
  }
  .kk-detail-page .kk-tab-variants .kk-product-variants-table-view .kk-td-price {
    min-width: 220px;
  }
  .kk-detail-page .kk-tab-variants .kk-product-variants-table-view .kk-td-price .kk-product-price-and-tiers {
    flex-direction: column;
    align-items: flex-end;
    gap: 8px !important;
  }
  .kk-detail-page .kk-tab-variants .kk-product-variants-table-view .kk-td-price .kk-product-price-and-tiers .kk-product-tiers {
    flex-direction: row !important;
    padding-top: 10px !important;
  }
  .kk-detail-page .kk-tab-variants .kk-product-variants-table-view .kk-td-price .kk-product-price-and-tiers .kk-product-price-block {
    height: unset;
  }
  .kk-detail-page .kk-tab-variants .kk-product-variants-table-view .kk-td-price .kk-product-price-and-tiers .kk-product-price-block .kk-product-price-block-discount {
    gap: 10px;
    flex-wrap: wrap;
  }
  .kk-detail-page .kk-tab-variants .kk-product-variants-table-view .kk-td-qty {
    min-width: 260px;
  }
  .kk-detail-page .kk-tab-variants .kk-product-variants-table-view .kk-td-qty .kk-product-vpe {
    flex-direction: column;
    align-items: flex-start;
    gap: 5px;
    height: unset;
  }
  .kk-cart-page .kk-cart-shipment .kk-cart-shipment-delivery {
    gap: 30px;
  }
  .kk-cart-page .kk-cart-shipment .kk-cart-shipment-delivery .kk-delivery-address-selection {
    flex-direction: column;
  }
  .kk-cart-page .kk-cart-shipment .kk-cart-shipment-delivery .kk-cart-shipment-delivery-options .kk-flex-row {
    flex-direction: column;
    gap: 0px !important;
  }
  .kk-cart-page .kk-cart-shipment .kk-cart-shipment-pickup {
    gap: 30px;
  }
  .kk-cart-page .kk-cart-page-sub-toolbar .kk-cart-page-sub-toolbar-action-import,
  .kk-cart-page .kk-cart-page-sub-toolbar .kk-cart-page-sub-toolbar-action-export {
    display: none;
  }
  .kk-cart-page .kk-cart-position-view .kk-cart-position-view-item .kk-cart-position-view-item-product .kk-cart-position-view-item-product-quantity .kk-cart-quantity > span {
    display: none;
  }
  .kk-documents-page .kk-documents-page-actionbar .kk-collapsible-content {
    gap: 20px;
  }
  .kk-documents-page .kk-documents-page-actionbar .kk-document-filter {
    gap: 5px;
  }
  .kk-documents-page .kk-documents-page-actionbar .kk-document-filter .kk-document-daterange-filter {
    align-items: flex-start;
  }
  .kk-documents-page .kk-documents-page-actionbar .kk-document-filter .kk-document-daterange-filter .fui-Input {
    width: 120px;
  }
  .kk-documents-page .kk-documents-page-actionbar .kk-document-filter .kk-document-daterange-filter .fui-Input input {
    padding: 1px 5px;
  }
  .kk-documents-page .kk-documents-page-actionbar .kk-document-query {
    gap: 5px;
  }
  .kk-documents-page .kk-documents-page-actionbar .kk-document-query > span {
    min-width: 100px;
  }
  .kk-documents-page .kk-documents-table-view table th:nth-child(n+8),
  .kk-documents-page .kk-documents-table-view table td:nth-child(n+8) {
    display: none;
    background: cyan !important;
  }
  .kk-document-page .kk-document {
    padding: 0px;
    box-shadow: unset;
  }
  .kk-document-page .kk-document .kk-document-fields {
    padding: 10px;
  }
  .kk-document-page .kk-document .kk-document-angebot-offercall-positions-table-view .kk-td-document-price,
  .kk-document-page .kk-document .kk-document-positions-order-table-view .kk-td-document-price {
    min-width: 240px;
  }
  .kk-document-page .kk-document .kk-document-angebot-offercall-positions-table-view .kk-td-document-price .kk-product-price-and-tiers,
  .kk-document-page .kk-document .kk-document-positions-order-table-view .kk-td-document-price .kk-product-price-and-tiers {
    flex-direction: column;
    align-items: flex-end;
    gap: 0px !important;
    padding: 0px;
  }
  .kk-document-page .kk-document .kk-document-angebot-offercall-positions-table-view .kk-product-quantity-v5,
  .kk-document-page .kk-document .kk-document-positions-order-table-view .kk-product-quantity-v5 {
    padding: 0px 5px;
  }
  .kk-document-page .kk-document .kk-document-angebot-offercall-positions-table-view .kk-product-vpe,
  .kk-document-page .kk-document .kk-document-positions-order-table-view .kk-product-vpe {
    flex-direction: column;
    align-items: flex-start;
    gap: 5px;
    height: unset;
    padding: 0px 5px;
  }
  .kk-document-page .kk-document-abruf .kk-document-abruf-ordercall-positions-table-view table .kk-th-document-pos,
  .kk-document-page .kk-document-abruf .kk-document-abruf-ordercall-positions-table-view table .kk-td-document-pos,
  .kk-document-page .kk-document-abruf .kk-document-abruf-ordercall-positions-table-view table .kk-td-document-image {
    padding: 10px 0px;
  }
  .kk-document-page .kk-document-abruf .kk-document-abruf-ordercall-positions-table-view table .kk-td-document-price {
    padding-left: 0px;
  }
  .kk-document-page .kk-document-abruf .kk-document-abruf-ordercall-positions-table-view table .kk-td-document-quantity .kk-product-quantity-v5 .fui-Input {
    width: 60px;
  }
  .kk-ordermatrices-page .kk-ordermatrices-view .kk-ordermatrices-view-group-items {
    grid-template-columns: 1fr 1fr;
  }
  .kk-orderforms-page .kk-orderforms-page-view .kk-orderforms-page-view-group-items {
    grid-template-columns: 1fr 1fr;
  }
  .kk-profile-page .kk-profile-page-user-tab .kk-profile-page-cards {
    grid-template-columns: 1fr 1fr 1fr;
  }
  .kk-profile-page .kk-products-page-bookmarks-tab .kk-bookmark-product-view .kk-bookmark-view-items {
    grid-template-columns: 1fr 1fr 1fr;
  }
  .kk-profile-page .kk-products-page-bookmarks-tab .kk-bookmark-category-view .kk-bookmark-view-items {
    grid-template-columns: 1fr 1fr;
  }
  .kk-profile-page .kk-products-page-bookmarks-tab .kk-bookmark-matrix-view .kk-bookmark-view-items {
    grid-template-columns: 1fr 1fr;
  }
  .kk-orderlist-page .kk-orderlist-thumbnail-view {
    grid-template-columns: 1fr 1fr 1fr;
  }
  .kk-orderlist-page .kk-orderlist-navbar .kk-orderlist-navbar-groups {
    flex-direction: column;
    align-items: flex-start;
    gap: 10px;
  }
  .kk-orderlist-page .kk-orderlist-navbar .kk-orderlist-navbar-groups .kk-orderlist-navbar-actions {
    width: 100%;
    justify-content: flex-end;
  }
  .kk-orderlist-page .kk-orderlist-positions-table-view .kk-td-title {
    min-width: 160px;
  }
  .kk-orderlist-page .kk-orderlist-positions-table-view .kk-td-price {
    padding: 10px 10px 10px 5px;
    min-width: 230px;
    vertical-align: top;
  }
  .kk-orderlist-page .kk-orderlist-positions-table-view .kk-td-price .kk-product-price-and-tiers {
    flex-direction: column;
    gap: 0px !important;
    padding: 0px;
    height: unset;
  }
  .kk-orderlist-page .kk-orderlist-positions-table-view .kk-td-price .kk-product-price-and-tiers .kk-product-tiers {
    width: 100%;
    align-items: flex-end;
    padding: 0px;
    height: unset;
    margin-bottom: 5px;
  }
  .kk-orderlist-page .kk-orderlist-positions-table-view .kk-td-price .kk-product-price-and-tiers .kk-product-price-block {
    padding: 0px 5px 0px 0px;
    height: unset;
  }
  .kk-orderlist-page .kk-orderlist-positions-table-view .kk-td-qty {
    padding: 10px 5px 10px 10px;
    min-width: 250px;
    vertical-align: top;
  }
  .kk-orderlist-page .kk-orderlist-positions-table-view .kk-td-qty .kk-product-vpe {
    flex-direction: column;
    gap: 5px;
    align-items: flex-start;
    height: unset;
    padding: 0px;
  }
  .kk-orderlist-page .kk-orderlist-positions-table-view .kk-td-qty .kk-product-quantity-v5 {
    padding: 0px;
    height: unset;
    flex-direction: column;
    align-items: flex-start;
  }
  .kk-orderlist-page .kk-orderlist-positions-table-view .kk-td-qty .kk-product-quantity-v5 .kk-product-button {
    width: 100%;
  }
  .kk-orderlist-page .kk-orderlist-positions-table-view .kk-td-qty .kk-product-quantity-v5 .kk-product-button .fui-Button {
    width: 100%;
    max-width: 140px;
  }
  .kk-orderlist-page .kk-orderlist-positions-table-view .kk-td-qty .kk-product-quantity-v5 .fui-Input {
    width: 65px;
  }
  .kk-orderlist-page .kk-orderlist-positions-table-view .kk-td-attributes .kk-orderlist-variant-attributes {
    grid-template-columns: auto auto auto;
  }
  .kk-orderlist-page .kk-orderlist-positions-table-view .kk-td-attributes .kk-orderlist-variant-attributes .kk-orderlist-variant-attribute:nth-child(n+4) {
    display: none;
  }
  .kk-ordermatrix-page .kk-ordermatrix-navbar .kk-ordermatrix-navbar-option-buttons .kk-ordermatrix-navbar-option-actions .fui-Button:first-child {
    display: none;
  }
  .kk-comparison-page .kk-comparison-navbar-actions {
    margin-top: 10px;
  }
  .kk-comparison-page .kk-comparison-table .kk-product-quantity {
    gap: 5px;
  }
  .kk-comparison-page .kk-comparison-table .kk-product-quantity .kk-product-unit {
    display: none;
  }
  .kk-comparison-page .kk-comparison-table .kk-comparison-table-actions {
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    gap: 5px;
  }
  .kk-search-dialog.kk-drawer {
    width: 940px !important;
  }
  .kk-search-dialog.kk-drawer .kk-drawer-header {
    padding: 20px 15px 10px 15px;
    align-items: center !important;
  }
  .kk-search-dialog.kk-drawer .kk-drawer-content {
    padding: 10px 15px 15px 15px;
  }
  .kk-search-dialog.kk-drawer .kk-drawer-content .kk-search-dialog-product-table-view .kk-search-dialog-product-table-item .kk-td-price {
    min-width: 240px;
  }
  .kk-search-dialog.kk-drawer .kk-drawer-content .kk-search-dialog-product-table-view .kk-search-dialog-product-table-item .kk-td-price .kk-product-price-and-tiers {
    flex-direction: column;
    align-items: flex-end;
    gap: 8px !important;
  }
  .kk-search-dialog.kk-drawer .kk-drawer-content .kk-search-dialog-product-table-view .kk-search-dialog-product-table-item .kk-td-price .kk-product-price-and-tiers .kk-product-tiers {
    flex-direction: row !important;
    padding-top: 10px !important;
  }
  .kk-search-dialog.kk-drawer .kk-drawer-content .kk-search-dialog-product-table-view .kk-search-dialog-product-table-item .kk-td-price .kk-product-price-and-tiers .kk-product-price-block {
    padding: 2px;
  }
  .kk-search-dialog.kk-drawer .kk-drawer-content .kk-search-dialog-product-table-view .kk-search-dialog-product-table-item .kk-td-qty .kk-product-vpe {
    flex-direction: column;
    align-items: flex-start;
    gap: 5px;
    height: unset;
  }
  .kk-product-variant-dialog.kk-drawer {
    width: 940px !important;
  }
  .kk-product-variant-dialog.kk-drawer .kk-drawer-header {
    padding: 20px 15px 10px 15px;
    align-items: center !important;
  }
  .kk-product-variant-dialog.kk-drawer .kk-drawer-content {
    padding: 10px 15px 15px 15px;
  }
  .kk-product-variant-dialog.kk-drawer .kk-drawer-content .kk-product-variants .kk-product-variants-filterbar .kk-search-input {
    display: none;
  }
  .kk-product-variant-dialog.kk-drawer .kk-drawer-content .kk-product-variants .kk-product-variants-table-view table .kk-th-attribute:nth-child(5),
  .kk-product-variant-dialog.kk-drawer .kk-drawer-content .kk-product-variants .kk-product-variants-table-view table .kk-td-attribute:nth-child(5) {
    display: none;
  }
  .kk-product-variant-dialog.kk-drawer .kk-drawer-content .kk-product-variants .kk-product-variants-table-view table .kk-th-attribute:nth-child(4),
  .kk-product-variant-dialog.kk-drawer .kk-drawer-content .kk-product-variants .kk-product-variants-table-view table .kk-td-attribute:nth-child(4) {
    display: none;
  }
  .kk-product-variant-dialog.kk-drawer .kk-drawer-content .kk-product-variants .kk-product-variants-table-view .kk-product-variant-table-item .kk-td-price {
    min-width: 240px;
  }
  .kk-product-variant-dialog.kk-drawer .kk-drawer-content .kk-product-variants .kk-product-variants-table-view .kk-product-variant-table-item .kk-td-price .kk-product-price-and-tiers {
    flex-direction: column;
    align-items: flex-end;
    gap: 8px !important;
  }
  .kk-product-variant-dialog.kk-drawer .kk-drawer-content .kk-product-variants .kk-product-variants-table-view .kk-product-variant-table-item .kk-td-price .kk-product-price-and-tiers .kk-product-tiers {
    flex-direction: row !important;
    padding-top: 10px !important;
  }
  .kk-product-variant-dialog.kk-drawer .kk-drawer-content .kk-product-variants .kk-product-variants-table-view .kk-product-variant-table-item .kk-td-price .kk-product-price-and-tiers .kk-product-price-block {
    padding: 2px;
  }
  .kk-product-variant-dialog.kk-drawer .kk-drawer-content .kk-product-variants .kk-product-variants-table-view .kk-product-variant-table-item .kk-td-qty .kk-product-vpe {
    flex-direction: column;
    align-items: flex-start;
    gap: 5px;
    height: unset;
  }
  .kk-cart-import-dialog.kk-dialog {
    min-width: unset !important;
    width: 100%;
    margin-left: 10px;
    margin-right: 10px;
  }
  .kk-cart-template-select-dialog.kk-dialog {
    margin-left: 10px;
    margin-right: 10px;
  }
  .kk-cart-checkout-panel .kk-cart-checkout-panel-full .kk-cart-checkout-panel-action-direct-order {
    display: none;
  }
}
@media (max-width: 1040px) {
  .kk-header .kk-header-menu > ul li:nth-child(5) {
    display: none;
  }
  .kk-header .kk-header-actions {
    display: none;
  }
  .kk-header .kk-logo-lg {
    height: 36px;
  }
  .kk-header .kk-header-menu-popup-assortment .kk-header-view-group-items {
    grid-template-columns: 1fr 1fr 1fr 1fr !important;
  }
  .kk-header .kk-header-menu-popup-assortment .kk-header-view-group-items .kk-header-view-group-item-image {
    height: 65px !important;
  }
  .kk-header .kk-header-menu-popup-promotion .kk-header-view-group-items {
    grid-template-columns: 1fr 1fr 1fr !important;
  }
  .kk-header .kk-header-menu-popup-brand .kk-header-view-group-items {
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr !important;
  }
  .kk-header .kk-header-menu-popup-service .kk-header-view-group-items .kk-header-view-group-item-name > span {
    font-size: 12px !important;
  }
  .kk-footer .kk-footer-mid {
    padding-bottom: 0px !important;
  }
  .kk-footer .kk-footer-bottom {
    padding-top: 30px;
    padding-bottom: 0px;
  }
  .kk-footer .kk-footer-bottom .kk-footer-content {
    flex-direction: column;
    gap: 15px;
    align-items: flex-start !important;
  }
  .kk-footer .kk-footer-social {
    width: 100%;
    align-items: center;
  }
  .kk-footer .kk-footer-copyright {
    margin-top: 10px;
    justify-content: center;
    padding: 10px;
    background: #e8e8e8;
  }
  .kk-main-layout-sidebar {
    display: none;
  }
  .kk-category-page .kk-category-gridview {
    grid-template-columns: 1fr 1fr 1fr;
  }
  .kk-detail-page .kk-detail-product .kk-category-tile-view {
    grid-template-columns: 1fr;
  }
  .kk-detail-page .kk-tab-variants .kk-product-variants-filterbar .kk-search-input {
    display: none;
  }
  .kk-detail-page .kk-tab-variants .kk-product-variants-table-view table .kk-th-attribute:nth-child(4),
  .kk-detail-page .kk-tab-variants .kk-product-variants-table-view table .kk-td-attribute:nth-child(4) {
    display: none;
  }
  .kk-detail-page .kk-tab-variants .kk-product-variants-table-view .kk-td-price {
    min-width: 220px;
  }
  .kk-detail-page .kk-tab-variants .kk-product-variants-table-view .kk-td-price .kk-product-price-and-tiers {
    flex-direction: column;
    align-items: flex-end;
    gap: 8px !important;
  }
  .kk-detail-page .kk-tab-variants .kk-product-variants-table-view .kk-td-price .kk-product-price-and-tiers .kk-product-tiers {
    flex-direction: row !important;
    padding-top: 10px !important;
  }
  .kk-detail-page .kk-tab-variants .kk-product-variants-table-view .kk-td-qty {
    min-width: 260px;
  }
  .kk-detail-page .kk-tab-variants .kk-product-variants-table-view .kk-td-qty .kk-product-vpe {
    flex-direction: column;
    align-items: flex-start;
    gap: 5px;
    height: unset;
  }
  .kk-detail-page .kk-tab-accessories .kk-product-accessories-table-view .kk-td-price {
    min-width: 220px;
  }
  .kk-detail-page .kk-tab-accessories .kk-product-accessories-table-view .kk-td-price .kk-product-price-and-tiers {
    flex-direction: column;
    align-items: flex-end;
    gap: 8px !important;
  }
  .kk-detail-page .kk-tab-accessories .kk-product-accessories-table-view .kk-td-price .kk-product-price-and-tiers .kk-product-tiers {
    flex-direction: row !important;
    padding-top: 10px !important;
  }
  .kk-detail-page .kk-tab-accessories .kk-product-accessories-table-view .kk-td-qty {
    min-width: 260px;
  }
  .kk-detail-page .kk-tab-accessories .kk-product-accessories-table-view .kk-td-qty .kk-product-vpe {
    flex-direction: column;
    align-items: flex-start;
    gap: 5px;
    height: unset;
  }
  .kk-detail-page .kk-tab-technical .kk-detail-product-technical table {
    width: 100%;
    table-layout: fixed;
  }
  .kk-detail-page .kk-tab-technical .kk-detail-product-technical table td {
    word-wrap: break-word;
  }
  .kk-detail-page .kk-tab-technical .kk-detail-product-technical table td pre {
    text-wrap: wrap;
    overflow-wrap: anywhere;
  }
  .kk-detail-page .kk-tab-technical .kk-detail-product-technical table td:first-child {
    width: 50%;
  }
  .kk-cart-page .kk-cart-position-view .kk-cart-position-view-item .kk-cart-position-view-item-product .kk-cart-position-view-item-product-pos .kk-product-image {
    min-width: 65px;
    max-width: 65px;
    min-height: 65px;
    max-height: 65px;
  }
  .kk-cart-page .kk-cart-position-view .kk-cart-position-view-item .kk-cart-position-view-item-product .kk-cart-position-view-item-product-price .kk-product-list-price span,
  .kk-cart-page .kk-cart-position-view .kk-cart-position-view-item .kk-cart-position-view-item-product .kk-cart-position-view-item-product-price .kk-product-discount span {
    font-size: 12px;
  }
  .kk-cart-page .kk-cart-position-view .kk-cart-position-view-item .kk-cart-position-part-view {
    padding-left: 105px;
  }
  .kk-cart-page .kk-cart-position-view .kk-cart-position-view-item .kk-cart-position-view-item-actions {
    padding-left: 115px;
  }
  .kk-documents-page .kk-documents-table-view table th:nth-child(n+7),
  .kk-documents-page .kk-documents-table-view table td:nth-child(n+7) {
    display: none;
    background: cyan !important;
  }
  .kk-document-page .kk-document {
    padding: 0px;
    box-shadow: unset;
  }
  .kk-document-page .kk-document .kk-document-fields {
    gap: 30px;
  }
  .kk-document-page .kk-document .kk-document-fields .kk-document-field {
    flex-direction: column;
    gap: 0px;
  }
  .kk-document-page .kk-document .kk-document-positions-table-view table th:nth-child(n+7),
  .kk-document-page .kk-document .kk-document-positions-table-view table td:nth-child(n+8) {
    background: cyan;
    display: none;
  }
  .kk-document-page .kk-document-angebot .kk-document-angebot-offercall-positions-view .kk-document-angebot-offercall-positions-view-item .kk-td-document-quantity .kk-product-vpe {
    flex-direction: column;
    align-items: flex-start;
    padding: 0px;
  }
  .kk-usermanagement-page .kk-usermanagement-page-table-view table th:nth-child(6),
  .kk-usermanagement-page .kk-usermanagement-page-table-view table td:nth-child(6) {
    display: none;
  }
  .kk-usermanagement-page .kk-usermanagement-page-list-view .kk-usermanagement-page-list-view-item {
    grid-template-columns: minmax(180px, 1fr) minmax(180px, 1fr) 80px 120px 240px;
  }
  .kk-usermanagement-page .kk-usermanagement-page-list-view .kk-usermanagement-page-list-view-item > :nth-child(5) {
    display: none;
  }
  .kk-orderlist-page .kk-orderlist-navbar .kk-orderlist-navbar-groups .kk-orderlist-navbar-actions .kk-search-input {
    display: none;
  }
  .kk-orderlist-page .kk-orderlist-positions-table-view .kk-td-attributes .kk-orderlist-variant-attributes {
    grid-template-columns: auto auto;
  }
  .kk-orderlist-page .kk-orderlist-positions-table-view .kk-td-attributes .kk-orderlist-variant-attributes .kk-orderlist-variant-attribute:nth-child(n+3) {
    display: none;
  }
  .kk-cart-checkout-dialog {
    min-width: unset !important;
  }
  .kk-cart-checkout-dialog .kk-cart-checkout-view-summary {
    flex-direction: column;
    gap: 30px;
  }
  .kk-cart-checkout-dialog .kk-cart-checkout-view-summary .kk-cart-checkout-view-summary-left {
    height: unset;
  }
  .kk-cart-checkout-dialog .kk-cart-checkout-view-summary .kk-cart-checkout-view-summary-left .kk-cart-checkout-positions-list-view {
    padding-right: 0px;
    border-right: none;
  }
  .kk-cart-checkout-dialog .kk-cart-checkout-view-summary .kk-cart-checkout-view-summary-right {
    width: 100%;
    position: relative;
    min-width: unset;
  }
  .kk-cart-import-dialog.kk-dialog .kk-cart-import-positions-listview-header {
    grid-template-columns: 40px 60px;
    padding: 0px;
  }
  .kk-cart-import-dialog.kk-dialog .kk-cart-import-positions-listview-header > span:nth-child(n+2) {
    display: none;
  }
  .kk-cart-import-dialog.kk-dialog .kk-cart-import-dialog-content .kk-cart-import-dialog-actions {
    display: none;
  }
  .kk-cart-import-dialog.kk-dialog .kk-cart-import-dialog-positions-listview-item .kk-position-detail {
    grid-template-columns: 40px 60px 1fr 1fr;
  }
  .kk-cart-import-dialog.kk-dialog .kk-cart-import-dialog-positions-listview-item .kk-position-detail .kk-position-product {
    grid-column: 3/5;
    border-bottom: 1px dashed #ddd;
    padding-bottom: 10px;
    margin-bottom: 10px;
  }
  .kk-cart-import-dialog.kk-dialog .kk-cart-import-dialog-positions-listview-item .kk-position-detail .kk-position-quantity {
    grid-row: 2;
    grid-column: 3/4;
  }
  .kk-cart-import-dialog.kk-dialog .kk-cart-import-dialog-positions-listview-item .kk-position-detail .kk-position-price {
    grid-row: 2;
    grid-column: 4/5;
  }
  .kk-cart-template-select-dialog.kk-dialog .kk-cart-template-positions-view-header {
    grid-template-columns: 40px 60px;
    padding: 0px;
  }
  .kk-cart-template-select-dialog.kk-dialog .kk-cart-template-positions-view-header > span:nth-child(n+2) {
    display: none;
  }
  .kk-cart-template-select-dialog.kk-dialog .kk-cart-template-select-dialog-actions {
    display: none;
  }
  .kk-cart-template-select-dialog.kk-dialog .kk-cart-template-position-item {
    grid-template-columns: 40px 60px 1fr 1fr;
  }
  .kk-cart-template-select-dialog.kk-dialog .kk-cart-template-position-item .kk-cart-template-position-item-product {
    grid-column: 3/5;
    border-bottom: 1px dashed #ddd;
    padding-bottom: 10px;
    margin-bottom: 10px;
  }
  .kk-cart-template-select-dialog.kk-dialog .kk-cart-template-position-item .kk-cart-template-position-item-quantity {
    grid-row: 2;
    grid-column: 3/4;
  }
  .kk-cart-template-select-dialog.kk-dialog .kk-cart-template-position-item .kk-cart-template-position-item-price {
    grid-row: 2;
    grid-column: 4/5;
  }
}
@media (max-width: 940px) {
  .kk-header .kk-header-menu-dialog-trigger {
    display: flex;
  }
  .kk-header .kk-header-menu-dialog-trigger .fui-Divider {
    display: none;
  }
  .kk-header .kk-header-menu > ul li {
    display: none;
  }
  .kk-header .kk-header-menu-popup,
  .kk-header .kk-header-menu-backdrop {
    display: none !important;
  }
  .kk-footer .kk-footer-mobile {
    display: flex;
  }
  .kk-footer .kk-footer-desktop {
    display: none;
  }
  .kk-search-suggests {
    position: fixed;
    top: 75px;
    width: 100vw;
    border-radius: 0px;
    border: none;
    box-shadow: none;
    max-height: 100%;
    padding-bottom: 60px;
  }
  .kk-login-page .kk-login-page-footer .kk-footer-copyright {
    font-size: 12px;
  }
  .kk-start-page .kk-category-tile-view {
    grid-template-columns: 1fr 1fr 1fr;
  }
  .kk-start-page .kk-category-tile-view .kk-category-tile-item {
    flex-direction: column;
    gap: 10px;
  }
  .kk-start-page .kk-banner-promotions {
    flex-direction: column;
  }
  .kk-start-page .kk-banner-promotions .kk-banner-text-block {
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
  }
  .kk-start-page .kk-banner-promotions .kk-banner-text-block .kk-banner-text-h2 {
    display: none;
  }
  .kk-start-page .kk-banner-promotions .kk-banner-text-block .kk-banner-text-link {
    padding: 5px 10px;
    border-radius: 5px;
    background: #0c509f;
    color: #fff;
    text-decoration: none;
    font-weight: bold;
    font-size: 14px;
  }
  .kk-start-page .kk-banner-promotions .kk-banner-carousel {
    padding: 0px;
  }
  .kk-start-page .kk-banner-brands {
    flex-direction: column;
  }
  .kk-start-page .kk-banner-brands .kk-banner-text-block {
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
  }
  .kk-start-page .kk-banner-brands .kk-banner-text-block .kk-banner-text-h2 {
    display: none;
  }
  .kk-start-page .kk-banner-brands .kk-banner-text-block .kk-banner-text-link {
    padding: 5px 10px;
    border-radius: 5px;
    background: #0c509f;
    color: #fff;
    text-decoration: none;
    font-weight: bold;
    font-size: 14px;
  }
  .kk-search-page .kk-product-gridview.kk-collapsed,
  .kk-search-page .kk-product-gridview:not(.kk-collapsed) {
    grid-template-columns: 1fr 1fr !important;
  }
  .kk-search-page .kk-product-gridview.kk-collapsed > :nth-child(3n+3) .kk-product-griditem,
  .kk-search-page .kk-product-gridview.kk-collapsed > :nth-child(3n+3) .kk-product-griditem-group,
  .kk-search-page .kk-product-gridview:not(.kk-collapsed) > :nth-child(3n+3) .kk-product-griditem,
  .kk-search-page .kk-product-gridview:not(.kk-collapsed) > :nth-child(3n+3) .kk-product-griditem-group {
    border-right: 1px solid #cdcdcd !important;
  }
  .kk-search-page .kk-product-gridview.kk-collapsed > :nth-child(2n+2) .kk-product-griditem,
  .kk-search-page .kk-product-gridview.kk-collapsed > :nth-child(2n+2) .kk-product-griditem-group,
  .kk-search-page .kk-product-gridview:not(.kk-collapsed) > :nth-child(2n+2) .kk-product-griditem,
  .kk-search-page .kk-product-gridview:not(.kk-collapsed) > :nth-child(2n+2) .kk-product-griditem-group {
    border-right: none !important;
  }
  .kk-detail-page .kk-detail-tab-navigation {
    display: none;
  }
  .kk-detail-page .kk-detail-tabs-content {
    padding-top: 0px;
    border-top: 1px solid #dedede;
  }
  .kk-detail-page .kk-detail-tabs-content .kk-collapsible .kk-collapsible-header .fui-Button {
    display: flex;
  }
  .kk-detail-page .kk-detail-tabs-content .kk-detail-tab-content:last-child {
    min-height: unset;
  }
  .kk-detail-page .kk-tab-media .kk-detail-product-media-links,
  .kk-detail-page .kk-tab-media .kk-detail-product-media-files {
    grid-template-columns: 1fr 1fr;
  }
  .kk-detail-page .kk-tab-accessories .kk-product-accessories-grid-view {
    grid-template-columns: 1fr 1fr;
  }
  .kk-detail-page .kk-tab-accessories .kk-product-accessories-grid-item-container .kk-product-accessories-grid-item > a {
    width: 100%;
  }
  .kk-detail-page .kk-tab-accessories .kk-product-accessories-grid-item-container:nth-child(2n-1) .kk-product-accessories-grid-item {
    border-right: 1px solid #cdcdcd;
  }
  .kk-detail-page .kk-tab-variants .kk-product-variants-top-navbar {
    position: relative;
    top: unset;
  }
  .kk-detail-page .kk-tab-variants .kk-product-variants-top-navbar .kk-product-variants-column-appearance-v3,
  .kk-detail-page .kk-tab-variants .kk-product-variants-top-navbar .kk-product-variants-multiinput {
    display: none;
  }
  .kk-detail-page .kk-tab-variants .kk-product-variants-grid-view {
    grid-template-columns: 1fr 1fr;
  }
  .kk-detail-page .kk-tab-variants .kk-product-variant-grid-item-container:nth-child(2n-1) .kk-product-variant-grid-item {
    border-right: 1px solid #cdcdcd;
  }
  .kk-brands-page .kk-brands-grid-view {
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
  }
  .kk-cart-page .kk-cart-shipment .kk-cart-shipment-delivery {
    flex-direction: column;
    gap: 20px;
  }
  .kk-cart-page .kk-cart-shipment .kk-cart-shipment-delivery .kk-delivery-address-selection {
    flex-direction: column;
  }
  .kk-cart-page .kk-cart-shipment .kk-cart-shipment-pickup {
    flex-direction: column;
    gap: 20px;
  }
  .kk-cart-page .kk-cart-shipment .fui-Field {
    grid-template-columns: 120px 1fr;
  }
  .kk-cart-page .kk-cart-position-view .kk-cart-position-view-header .kk-cart-position-view-header-pos {
    width: 100%;
  }
  .kk-cart-page .kk-cart-position-view .kk-cart-position-view-header .kk-cart-position-view-header-quantity,
  .kk-cart-page .kk-cart-position-view .kk-cart-position-view-header .kk-cart-position-view-header-price {
    display: none;
  }
  .kk-cart-page .kk-cart-position-view .kk-cart-position-view-item {
    border-bottom: 0px;
  }
  .kk-cart-page .kk-cart-position-view .kk-cart-position-view-item .kk-cart-position-view-item-product {
    display: block;
    padding-top: 10px;
  }
  .kk-cart-page .kk-cart-position-view .kk-cart-position-view-item .kk-cart-position-view-item-product .kk-cart-position-view-item-product-checkbox {
    background: #f2f2f2;
    margin-bottom: 10px;
  }
  .kk-cart-page .kk-cart-position-view .kk-cart-position-view-item .kk-cart-position-view-item-product .kk-cart-position-view-item-product-pos {
    padding: 0px;
    width: 100%;
    padding-bottom: 15px;
    margin-bottom: 15px;
    border-bottom: 1px dashed #ddd;
  }
  .kk-cart-page .kk-cart-position-view .kk-cart-position-view-item .kk-cart-position-view-item-product .kk-cart-position-view-item-product-pos .kk-product-image {
    min-width: 100px;
    max-width: 100px;
    min-height: 100px;
    max-height: 100px;
  }
  .kk-cart-page .kk-cart-position-view .kk-cart-position-view-item .kk-cart-position-view-item-product .kk-cart-position-view-item-product-pos .kk-cart-position-view-item-product-pos-title {
    padding-right: 5px;
  }
  .kk-cart-page .kk-cart-position-view .kk-cart-position-view-item .kk-cart-position-view-item-product .kk-cart-position-view-item-product-quantity {
    padding: 0px;
    border-left: 0px;
    width: 40%;
    clear: both;
    float: left;
  }
  .kk-cart-page .kk-cart-position-view .kk-cart-position-view-item .kk-cart-position-view-item-product .kk-cart-position-view-item-product-quantity .kk-cart-quantity > span {
    display: flex;
  }
  .kk-cart-page .kk-cart-position-view .kk-cart-position-view-item .kk-cart-position-view-item-product .kk-cart-position-view-item-product-quantity .kk-cart-position-view-item-product-vpe {
    padding-top: 5px;
  }
  .kk-cart-page .kk-cart-position-view .kk-cart-position-view-item .kk-cart-position-view-item-product .kk-cart-position-view-item-product-price {
    display: block;
    float: left;
    width: 30%;
    padding-top: 0px;
    min-height: 80px;
  }
  .kk-cart-page .kk-cart-position-view .kk-cart-position-view-item .kk-cart-position-view-item-product .kk-cart-position-view-item-product-price .kk-product-list-price span,
  .kk-cart-page .kk-cart-position-view .kk-cart-position-view-item .kk-cart-position-view-item-product .kk-cart-position-view-item-product-price .kk-product-discount span {
    font-size: unset;
  }
  .kk-cart-page .kk-cart-position-view .kk-cart-position-view-item .kk-cart-position-view-item-product .kk-cart-position-view-item-product-amount {
    width: 30%;
    padding: 0px;
  }
  .kk-cart-page .kk-cart-position-view .kk-cart-position-view-item .kk-cart-position-part-view {
    padding-left: 0px;
  }
  .kk-cart-page .kk-cart-position-view .kk-cart-position-view-item .kk-cart-position-part-view .fui-AccordionHeader__button {
    padding: 0px;
    margin-left: -5px;
  }
  .kk-cart-page .kk-cart-position-view .kk-cart-position-view-item .kk-cart-position-part-view .fui-AccordionPanel {
    margin: 0px;
  }
  .kk-cart-page .kk-cart-position-view .kk-cart-position-view-item .kk-cart-position-part-view .kk-cart-position-part-items {
    padding: 6px;
  }
  .kk-cart-page .kk-cart-position-view .kk-cart-position-view-item .kk-cart-position-view-item-actions {
    padding-left: 0px;
    margin-top: 15px;
    margin-bottom: 10px;
  }
  .kk-profile-layout {
    margin-top: 150px;
  }
  .kk-profile-layout .kk-profile-layout-sidebar {
    display: none;
  }
  .kk-documents-page {
    margin-top: 0px !important;
  }
  .kk-documents-page .kk-documents-page-actionbar {
    padding: 10px;
  }
  .kk-documents-page .kk-documents-page-actionbar .kk-collapsible-content {
    flex-direction: column;
    gap: 25px;
  }
  .kk-documents-page .kk-documents-table-view table th:nth-child(n+6),
  .kk-documents-page .kk-documents-table-view table td:nth-child(n+6) {
    display: none;
    background: cyan !important;
  }
  .kk-document-page .kk-document .kk-document-positions-table-view table th:nth-child(n+5),
  .kk-document-page .kk-document .kk-document-positions-table-view table td:nth-child(n+6) {
    display: none;
  }
  .kk-document-page .kk-document-angebot .kk-document-angebot-scheduled-offercalls-list-view {
    display: flex;
    flex-direction: column;
    padding: 0px;
    gap: 10px;
    background: #f8f8f8;
  }
  .kk-document-page .kk-document-angebot .kk-document-angebot-scheduled-offercalls-list-view .kk-document-angebot-scheduled-offercalls-list-view-header {
    display: none;
    flex-direction: column;
    padding: 0px;
    padding: 0px 4px;
    padding-bottom: 10px;
  }
  .kk-document-page .kk-document-angebot .kk-document-angebot-scheduled-offercalls-list-view .kk-document-angebot-scheduled-offercalls-list-view-item {
    display: flex;
    flex-direction: column;
    padding: 4px;
    background: #fff;
    border: 1px solid #efefef;
    border-radius: 5px;
  }
  .kk-document-page .kk-document-angebot .kk-document-angebot-scheduled-offercalls-list-view .kk-document-angebot-scheduled-offercalls-list-view-item > label {
    display: flex;
  }
  .kk-document-page .kk-document-angebot .kk-document-angebot-scheduled-offercalls-list-view .kk-document-angebot-scheduled-offercalls-list-view-item > label:nth-of-type(2) {
    margin-top: 10px;
  }
  .kk-document-page .kk-document-angebot .kk-document-angebot-scheduled-offercalls-list-view .kk-document-angebot-scheduled-offercalls-list-view-item > div {
    padding: 2px 0px;
  }
  .kk-document-page .kk-document-abruf .kk-document-abruf-scheduled-ordercalls-list-view {
    display: flex;
    flex-direction: column;
    padding: 0px;
    gap: 10px;
    background: #f8f8f8;
  }
  .kk-document-page .kk-document-abruf .kk-document-abruf-scheduled-ordercalls-list-view .kk-document-abruf-scheduled-ordercalls-list-view-header {
    display: none;
    flex-direction: column;
    padding: 0px;
    padding: 0px 4px;
    padding-bottom: 10px;
  }
  .kk-document-page .kk-document-abruf .kk-document-abruf-scheduled-ordercalls-list-view .kk-document-abruf-scheduled-ordercalls-list-view-item {
    display: flex;
    flex-direction: column;
    padding: 4px;
    background: #fff;
    border: 1px solid #efefef;
    border-radius: 5px;
  }
  .kk-document-page .kk-document-abruf .kk-document-abruf-scheduled-ordercalls-list-view .kk-document-abruf-scheduled-ordercalls-list-view-item > label {
    display: flex;
  }
  .kk-document-page .kk-document-abruf .kk-document-abruf-scheduled-ordercalls-list-view .kk-document-abruf-scheduled-ordercalls-list-view-item > label:nth-of-type(2) {
    margin-top: 10px;
  }
  .kk-document-page .kk-document-abruf .kk-document-abruf-scheduled-ordercalls-list-view .kk-document-abruf-scheduled-ordercalls-list-view-item > div {
    padding: 2px 0px;
  }
  .kk-usermanagement-page .kk-usermanagement-page-actionbar {
    margin-top: 30px;
  }
  .kk-usermanagement-page .kk-usermanagement-page-table-view table th:nth-child(5),
  .kk-usermanagement-page .kk-usermanagement-page-table-view table td:nth-child(5) {
    display: none;
  }
  .kk-usermanagement-page .kk-usermanagement-page-list-view .kk-usermanagement-page-list-view-item {
    grid-template-columns: minmax(180px, 1fr) minmax(180px, 1fr) 80px 240px;
  }
  .kk-usermanagement-page .kk-usermanagement-page-list-view .kk-usermanagement-page-list-view-item > :nth-child(4) {
    display: none;
  }
  .kk-profile-page .kk-profile-page-user-tab .kk-profile-page-cards {
    grid-template-columns: 1fr 1fr 1fr;
  }
  .kk-profile-page .kk-products-page-bookmarks-tab .kk-bookmark-product-view .kk-bookmark-view-items {
    grid-template-columns: 1fr 1fr;
  }
  .kk-orderlist-page .kk-orderlists-navbar-actions .kk-search-input {
    display: none;
  }
  .kk-orderlist-page .kk-orderlist-thumbnail-view {
    grid-template-columns: 1fr 1fr;
  }
  .kk-search-dialog.kk-drawer {
    width: 620px !important;
    gap: 0px;
  }
  .kk-search-dialog.kk-drawer .kk-drawer-header {
    padding: 20px 15px 10px 15px;
    align-items: center !important;
  }
  .kk-search-dialog.kk-drawer .kk-drawer-content {
    padding: 10px 15px 15px 15px;
  }
  .kk-search-dialog.kk-drawer .kk-drawer-content .kk-search-dialog-results {
    overflow-y: unset;
  }
  .kk-search-dialog.kk-drawer .kk-drawer-content .kk-search-dialog-navbar {
    flex-direction: column;
    gap: 10px;
    padding-bottom: 10px;
  }
  .kk-search-dialog.kk-drawer .kk-drawer-content .kk-search-dialog-navbar > div {
    width: 100%;
  }
  .kk-search-dialog.kk-drawer .kk-drawer-content .kk-search-dialog-navbar > div:nth-child(2) {
    gap: 10px !important;
    flex-direction: row !important;
    padding-right: 10px;
    justify-content: space-between;
    padding: 0px 6px;
  }
  .kk-search-dialog.kk-drawer .kk-drawer-content .kk-search-dialog-navbar > div:nth-child(2) > span:nth-child(1) {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 100%;
    text-wrap: nowrap;
  }
  .kk-search-dialog.kk-drawer .kk-drawer-content .kk-search-dialog-navbar > div:nth-child(2) > span:nth-child(2) {
    display: flex;
    flex: 1;
    text-wrap: nowrap;
    min-width: 80px;
    justify-content: flex-end;
  }
  .kk-search-dialog.kk-drawer .kk-drawer-content .kk-search-dialog-navbar .kk-search-dialog-suggest {
    flex: 1;
  }
  .kk-search-dialog.kk-drawer .kk-drawer-content .kk-search-dialog-navbar .kk-search-dialog-suggest .kk-suggest-input {
    width: 100%;
  }
  .kk-search-dialog.kk-drawer .kk-drawer-content .kk-search-dialog-navbar .kk-search-dialog-suggest .kk-suggest-input input {
    width: 100%;
  }
  .kk-search-dialog.kk-drawer .kk-drawer-content .kk-search-dialog-product-table-view .kk-search-dialog-product-table-item .kk-td-price {
    min-width: 240px;
  }
  .kk-search-dialog.kk-drawer .kk-drawer-content .kk-search-dialog-product-table-view .kk-search-dialog-product-table-item .kk-td-price .kk-product-price-and-tiers {
    flex-direction: column;
    align-items: flex-end;
    gap: 8px !important;
  }
  .kk-search-dialog.kk-drawer .kk-drawer-content .kk-search-dialog-product-table-view .kk-search-dialog-product-table-item .kk-td-price .kk-product-price-and-tiers .kk-product-tiers {
    flex-direction: row !important;
    padding-top: 10px !important;
  }
  .kk-search-dialog.kk-drawer .kk-drawer-content .kk-search-dialog-product-table-view .kk-search-dialog-product-table-item .kk-td-qty .kk-product-vpe {
    flex-direction: column;
    align-items: flex-start;
    gap: 5px;
    height: unset;
  }
  .kk-search-dialog.kk-drawer .kk-drawer-content .kk-search-dialog-actions {
    display: none !important;
  }
  .kk-barcode-search-dialog.kk-drawer {
    width: 620px !important;
    gap: 0px;
  }
  .kk-barcode-search-dialog.kk-drawer .kk-drawer-header {
    padding: 20px 10px 10px 10px;
    align-items: center !important;
  }
  .kk-barcode-search-dialog.kk-drawer .kk-drawer-content {
    padding: 0px 10px 10px 10px;
  }
  .kk-product-variant-dialog.kk-drawer {
    width: 620px !important;
  }
  .kk-product-variant-dialog.kk-drawer .kk-drawer-header {
    padding: 20px 15px 10px 15px;
    align-items: center !important;
  }
  .kk-product-variant-dialog.kk-drawer .kk-drawer-content {
    padding: 10px 15px 15px 15px;
  }
  .kk-product-variant-dialog.kk-drawer .kk-drawer-content .kk-product-variants .kk-product-variants-filterbar .kk-search-input {
    display: none;
  }
  .kk-product-variant-dialog.kk-drawer .kk-drawer-content .kk-product-variants .kk-product-variants-top-navbar .kk-product-variants-column-appearance-v3 {
    display: none;
  }
  .kk-product-variant-dialog.kk-drawer .kk-drawer-content .kk-product-variant-dialog-actions {
    display: none !important;
  }
  .kk-ordermatrix-settings-dialog.kk-drawer {
    width: 620px !important;
  }
  .kk-ordermatrix-settings-dialog.kk-drawer .kk-drawer-header {
    padding: 20px 15px 10px 15px;
    align-items: center !important;
  }
  .kk-ordermatrix-settings-dialog.kk-drawer .kk-drawer-content {
    padding: 10px 15px 15px 15px;
  }
  .kk-cart-export-dialog.kk-dialog {
    min-width: unset !important;
    width: 100%;
    margin-left: 10px;
    margin-right: 10px;
  }
  .kk-cart-import-dialog.kk-dialog {
    height: 95vh;
  }
  .kk-cart-import-dialog.kk-dialog .kk-import-dialog-positions-toolbar-sub {
    flex-direction: column-reverse;
  }
  .kk-cart-import-dialog.kk-dialog .kk-import-dialog-positions-toolbar-sub .kk-import-dialog-positions-toolbar-sub-view-dropdown {
    justify-content: flex-end;
  }
  .kk-cart-import-dialog.kk-dialog .kk-cart-import-dialog-content .kk-cart-import-dialog-content-scroll {
    overflow-y: scroll;
    scrollbar-width: thin;
    scrollbar-color: rgb(239, 239, 239) rgb(254, 254, 254);
    padding-right: 5px;
    height: 100%;
  }
  .kk-cart-import-dialog.kk-dialog .kk-cart-import-dialog-content .kk-cart-import-dialog-content-scroll .kk-cart-import-positions-listview-items {
    height: 100%;
    max-height: unset;
    min-height: unset;
    overflow-y: unset;
  }
  .kk-cart-template-select-dialog.kk-dialog {
    min-width: 340px;
    width: 100%;
    height: 95vh;
  }
  .kk-cart-template-select-dialog.kk-dialog .kk-cart-template-select-dialog-content-scroll {
    overflow-y: scroll;
    scrollbar-width: thin;
    scrollbar-color: rgb(239, 239, 239) rgb(254, 254, 254);
    padding-right: 5px;
    height: 100%;
  }
  .kk-cart-template-select-dialog.kk-dialog .kk-cart-template-select-dialog-content-scroll .kk-cart-template-select-dialog-positions-scroll {
    height: 100%;
    max-height: unset;
    min-height: unset;
    overflow-y: unset;
  }
  .kk-cart-template-select-dialog.kk-dialog .kk-cart-template-select-dialog-content-scroll .kk-cart-template-positions-view-header {
    position: unset;
  }
  .kk-cart-template-select-dialog.kk-dialog .kk-cart-template-select-dialog-heads .kk-cart-template-heads-view-header {
    display: none;
  }
  .kk-cart-template-select-dialog.kk-dialog .kk-cart-template-select-dialog-heads .kk-cart-template-heads-view-items {
    border-top: 1px solid #ddd;
  }
  .kk-cart-template-select-dialog.kk-dialog .kk-cart-template-select-dialog-heads .kk-cart-template-heads-view-items .kk-cart-template-head-item {
    grid-template-columns: 4fr 2fr 100px 2fr;
    grid-template-columns: 1fr 100px;
    padding: 10px 0px;
    column-gap: 20px;
    row-gap: 10px;
  }
  .kk-cart-template-select-dialog.kk-dialog .kk-cart-template-select-dialog-heads .kk-cart-template-heads-view-items .kk-cart-template-head-item .kk-cart-template-head-item-name {
    grid-row: 1;
    grid-column: 1/4;
    padding: 0px;
  }
  .kk-cart-template-select-dialog.kk-dialog .kk-cart-template-select-dialog-heads .kk-cart-template-heads-view-items .kk-cart-template-head-item .kk-cart-template-head-item-poscount {
    grid-row: 1;
    grid-column: 4/5;
  }
  .kk-cart-template-select-dialog.kk-dialog .kk-cart-template-select-dialog-heads .kk-cart-template-heads-view-items .kk-cart-template-head-item .kk-cart-template-head-item-date {
    grid-row: 2;
    grid-column: 1/3;
    padding-left: 5px;
  }
  .kk-cart-template-select-dialog.kk-dialog .kk-cart-template-select-dialog-heads .kk-cart-template-heads-view-items .kk-cart-template-head-item .kk-cart-template-head-item-actions {
    grid-row: 2;
    grid-column: 3/5;
  }
  .kk-cart-checkout-panel .kk-cart-checkout-panel-full .kk-cart-checkout-panel-full-container {
    padding: 0px 100px;
  }
}
@media (max-width: 768px) {
  .kk-header .kk-header-main {
    margin-top: 5px;
  }
  .kk-header .kk-header-sub {
    margin-top: 5px;
  }
  .kk-header .kk-header-menu > ul li {
    display: none;
  }
  .kk-header .kk-logo-lg {
    display: none;
  }
  .kk-header .kk-logo-sm {
    display: flex;
    height: 36px;
  }
  .kk-header .kk-header-cart {
    min-width: auto;
  }
  .kk-header .kk-header-cart .fui-Button {
    min-width: unset;
  }
  .kk-header .kk-header-cart .kk-header-cart-content {
    display: none;
  }
  .kk-header .kk-header-cart .fui-Badge {
    display: flex;
  }
  .kk-header .kk-header-account-menu .kk-header-account-menu-avatar,
  .kk-header .kk-header-account-menu .kk-header-account-menu-links,
  .kk-header .kk-header-account-menu .kk-header-account-menu-logout {
    display: none;
  }
  .kk-searchbar .kk-searchbar-input {
    border-radius: 40px;
  }
  .kk-searchbar .kk-searchbar-input input {
    min-width: 140px;
  }
  .kk-searchbar > button {
    display: none;
  }
  .kk-search-suggests {
    top: 60px;
  }
  .kk-search-suggests .kk-search-suggests-body {
    flex-direction: column;
  }
  .kk-search-suggests .kk-suggest-text1 {
    text-wrap: unset;
  }
  .kk-search-suggests h4 {
    font-size: 18px;
    padding: 10px 0px;
  }
  .kk-footer .kk-footer-mobile {
    display: flex;
  }
  .kk-footer .kk-footer-mobile .kk-footer-copyright {
    font-size: 10px;
  }
  .kk-footer .kk-footer-mobile .kk-footer-copyright ul {
    justify-content: center;
  }
  .kk-login-page .kk-login-page-header {
    height: 60px;
    justify-content: center;
    background: #f8f8f8;
  }
  .kk-login-page .kk-login-page-header .kk-login-page-header-logo .kk-logo {
    height: 32px;
  }
  .kk-login-page .kk-login-page-header .kk-login-page-header-actions {
    display: none;
  }
  .kk-login-page .kk-login-page-content {
    background: #fff;
    margin-top: 20px;
    height: unset;
  }
  .kk-login-page .kk-login-page-content .kk-login-page-form-sliders {
    margin: 0;
    box-shadow: none;
    height: unset;
  }
  .kk-login-page .kk-login-page-content .kk-auth-form {
    margin-top: 10px;
    padding: 10px 36px;
    align-items: center;
  }
  .kk-login-page .kk-login-page-content .kk-auth-form h1, .kk-login-page .kk-login-page-content .kk-auth-form h4 {
    text-align: center;
  }
  .kk-login-page .kk-login-page-content .kk-auth-form .kk-form-actions {
    justify-content: center;
  }
  .kk-login-page .kk-login-page-content .kk-auth-form .fui-TabList {
    justify-content: center;
  }
  .kk-login-page .kk-login-page-content .kk-auth-form form {
    max-height: unset;
  }
  .kk-login-page .kk-login-page-footer {
    margin-top: 30px;
  }
  .kk-page {
    margin-top: 120px;
  }
  .kk-start-page .kk-banner-main {
    flex-direction: column;
    background: #f6f6f6;
    padding: 20px 0px;
  }
  .kk-start-page .kk-banner-main .kk-banner-header {
    justify-content: center;
  }
  .kk-start-page .kk-banner-main .kk-banner-header h2 {
    font-size: 24px;
  }
  .kk-start-page .kk-banner-main .kk-banner-main-list-view {
    display: flex;
    flex-direction: column;
    gap: 20px;
    padding: 0 10px;
  }
  .kk-start-page .kk-banner-main .kk-banner-main-list-view .kk-banner-main-item img {
    object-fit: cover;
    height: 140px;
    width: 100%;
    border-radius: 10px;
  }
  .kk-start-page .kk-banner-main .kk-banner-expandable {
    font-weight: bold;
    margin-top: 15px;
    color: #0c509f;
  }
  .kk-start-page .kk-banner-promotions {
    flex-direction: column;
    margin-top: 40px;
    gap: 20px;
  }
  .kk-start-page .kk-banner-promotions .kk-banner-text-block {
    flex-direction: column;
    gap: 10px;
    align-items: center;
    padding: 0 10px;
    min-width: unset;
  }
  .kk-start-page .kk-banner-promotions .kk-banner-text-block .kk-banner-text-h1 {
    font-size: 24px;
    line-height: 38px;
  }
  .kk-start-page .kk-banner-promotions .kk-banner-text-block .kk-banner-text-h2 {
    display: none;
  }
  .kk-start-page .kk-banner-promotions .kk-banner-text-block .kk-banner-text-link {
    padding: 8px 15px;
    border-radius: 50px;
    background: #0c509f;
    color: #fff;
    text-decoration: none;
    font-weight: bold;
    font-size: 14px;
    text-align: center;
  }
  .kk-start-page .kk-banner-promotions .kk-banner-promotions-list-view {
    display: grid;
    grid-template-columns: 1fr 1fr;
    row-gap: 10px;
    column-gap: 10px;
    padding: 5px 0px;
  }
  .kk-start-page .kk-banner-promotions .kk-banner-promotions-list-view .kk-promotion-item {
    border-radius: 0px;
    margin: unset;
  }
  .kk-start-page .kk-banner-promotions .kk-banner-promotions-list-view .kk-promotion-item .kk-promotion-image {
    transition: unset;
    transform: unset;
  }
  .kk-start-page .kk-banner-promotions .kk-banner-promotions-list-view .kk-promotion-item .kk-promotion-image img {
    border: none;
    width: 100%;
    height: 100%;
  }
  .kk-start-page .kk-banner-promotions .kk-banner-promotions-list-view .kk-promotion-item .kk-promotion-title {
    display: none;
    background: #f6f6f6;
    color: #333;
    font-weight: normal;
    font-size: 16px;
    height: 120px;
    border-bottom-left-radius: 15px;
    border-bottom-right-radius: 15px;
    filter: none;
    line-height: unset;
  }
  .kk-start-page .kk-banner-promotions .kk-banner-expandable {
    font-weight: bold;
    color: #0c509f;
  }
  .kk-start-page .kk-banner-promotions .kk-banner-carousel {
    padding: 10px;
  }
  .kk-start-page .kk-banner-categories {
    background: #f6f6f6;
    padding: 20px 16px;
  }
  .kk-start-page .kk-banner-categories .kk-banner-header {
    justify-content: center;
  }
  .kk-start-page .kk-banner-categories .kk-banner-header h2 {
    font-size: 24px;
  }
  .kk-start-page .kk-banner-categories .kk-category-tile-view {
    grid-template-columns: 1fr 1fr;
  }
  .kk-start-page .kk-banner-categories .kk-category-tile-view .kk-category-tile-item {
    flex-direction: column;
    gap: 10px;
    border: none;
  }
  .kk-start-page .kk-banner-categories .kk-category-tile-view .kk-category-tile-item-image {
    height: 80px;
    transition: none;
  }
  .kk-start-page .kk-banner-categories .kk-category-tile-view .kk-category-tile-item-title {
    text-align: center;
  }
  .kk-start-page .kk-banner-brands {
    flex-direction: column;
  }
  .kk-start-page .kk-banner-brands .kk-banner-text-block {
    flex-direction: column;
    gap: 10px;
    align-items: center;
    padding: 10px;
    min-width: unset;
  }
  .kk-start-page .kk-banner-brands .kk-banner-text-block .kk-banner-text-h1 {
    font-size: 24px;
    line-height: 24px;
  }
  .kk-start-page .kk-banner-brands .kk-banner-text-block .kk-banner-text-h2 {
    display: none;
  }
  .kk-start-page .kk-banner-brands .kk-banner-text-block .kk-banner-text-link {
    padding: 8px 15px;
    border-radius: 50px;
    background: #0c509f;
    color: #fff;
    text-decoration: none;
    font-weight: bold;
    font-size: 14px;
    text-align: center;
  }
  .kk-start-page .kk-banner-brands .kk-banner-brand-item {
    margin: 5px;
  }
  .kk-start-page .kk-banner-newcomers,
  .kk-start-page .kk-banner-recommendations {
    background: #f6f6f6;
  }
  .kk-start-page .kk-banner-newcomers .kk-banner-header,
  .kk-start-page .kk-banner-recommendations .kk-banner-header {
    padding: 10px 0px;
  }
  .kk-start-page .kk-banner-newcomers .kk-banner-header h2,
  .kk-start-page .kk-banner-recommendations .kk-banner-header h2 {
    font-size: 18px;
  }
  .kk-start-page .kk-banner-newcomers .kk-banner-actions a,
  .kk-start-page .kk-banner-recommendations .kk-banner-actions a {
    border-radius: 50px;
    padding: 6px 12px;
  }
  .kk-start-page .kk-banner-highlights .kk-banner-header {
    padding: 10px;
    justify-content: center;
  }
  .kk-start-page .kk-banner-highlights .kk-banner-header h2 {
    font-size: 24px;
  }
  .kk-start-page .kk-banner-highlights .kk-banner-highlight-items {
    display: flex;
    flex-direction: column;
    gap: 40px;
  }
  .kk-start-page .kk-banner-highlights .kk-banner-highlight-item {
    gap: 0;
  }
  .kk-start-page .kk-banner-highlights .kk-banner-highlight-item .kk-banner-highlight-image {
    max-height: 480px;
    width: 100%;
    height: unset;
  }
  .kk-start-page .kk-banner-highlights .kk-banner-highlight-item .kk-banner-highlight-image img {
    height: 100%;
    border: none;
    border-radius: unset;
    border-top-right-radius: 10px;
    border-top-left-radius: 10px;
    width: 100%;
    object-position: center;
    object-fit: cover;
    box-shadow: none;
  }
  .kk-start-page .kk-banner-highlights .kk-banner-highlight-item .kk-banner-text-block {
    background-color: #f6f6f6;
    padding: 20px 0;
    width: 100%;
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
    min-width: unset;
    margin-top: 0px;
  }
  .kk-start-page .kk-banner-highlights .kk-banner-highlight-item .kk-banner-text-block .kk-banner-text-h1 {
    font-size: 24px;
  }
  .kk-start-page .kk-banner-highlights .kk-banner-highlight-item .kk-banner-text-block .kk-banner-text-h3 {
    height: 40px;
    font-weight: normal;
  }
  .kk-category-page .kk-category-breadcrumb .kk-breadcrumb-up {
    display: none;
  }
  .kk-category-page .kk-category-gridview .kk-category-griditem {
    min-width: unset;
  }
  .kk-category-page .kk-category-gridview .kk-category-griditem .kk-category-title .kk-category-title-text {
    overflow: hidden;
    text-overflow: ellipsis;
    hyphens: auto;
    max-width: 150px;
  }
  .kk-category-page .kk-category-gridview .kk-category-griditem .kk-category-image {
    width: 146px;
    height: 110px;
  }
  .kk-detail-page .kk-detail-selected-product {
    display: flex;
    flex-direction: column;
  }
  .kk-detail-page .kk-detail-gallery {
    width: 100%;
    position: relative;
    top: unset;
  }
  .kk-detail-page .kk-detail-gallery .kk-image-zoom,
  .kk-detail-page .kk-detail-gallery .kk-image-zoom-lens {
    display: none;
  }
  .kk-detail-page .kk-detail-product > .kk-product-title,
  .kk-detail-page .kk-detail-product > .kk-product-ids,
  .kk-detail-page .kk-detail-product > .kk-detail-product-short-description,
  .kk-detail-page .kk-detail-product > .kk-detail-product-attributes .kk-product-attributes-table,
  .kk-detail-page .kk-detail-product > .kk-detail-product-attributes h4,
  .kk-detail-page .kk-detail-product > .kk-detail-product-actions {
    padding-left: 0px;
  }
  .kk-detail-page .kk-detail-product .kk-product-price-and-tiers {
    flex-direction: column;
    justify-content: unset;
    padding-left: 0px;
  }
  .kk-detail-page .kk-detail-product .kk-product-price-and-tiers .kk-detail-product-tiers {
    width: unset;
  }
  .kk-detail-page .kk-detail-product .kk-category-tile-view {
    grid-template-columns: 1fr;
  }
  .kk-detail-page .kk-tab-variants .kk-product-variants-filterbar {
    flex-direction: column;
  }
  .kk-detail-page .kk-tab-variants .kk-product-variants-filterbar .kk-horizontal-filterbar {
    width: 100%;
  }
  .kk-detail-page .kk-tab-variants .kk-product-variants-filterbar .kk-horizontal-filterbar .kk-horizontal-filterbar-filters {
    flex-direction: column;
    gap: 20px;
  }
  .kk-detail-page .kk-tab-variants .kk-product-variants-filterbar .kk-horizontal-filterbar .kk-horizontal-filterbar-filters .kk-horizontal-filter-list {
    flex-direction: column;
    width: 100%;
    align-items: unset;
  }
  .kk-detail-page .kk-tab-variants .kk-product-variants-filterbar .kk-horizontal-filterbar .kk-horizontal-filterbar-filters .kk-horizontal-filter-list .kk-dropdown-filter .fui-PopoverSurface {
    width: 100%;
  }
  .kk-detail-page .kk-tab-variants .kk-product-variants-filterbar .kk-horizontal-filterbar .kk-horizontal-filterbar-filters .kk-horizontal-filter-list .kk-dropdown-filter .kk-dropdown-filter-item {
    max-width: unset;
  }
  .kk-detail-page .kk-tab-variants .kk-product-variants-filterbar .kk-horizontal-filterbar .kk-horizontal-filterbar-filters .kk-horizontal-filter-list .kk-dropdown-filter .kk-dropdown-filter-trigger {
    max-width: unset;
  }
  .kk-detail-page .kk-tab-variants .kk-product-variants-grid-view {
    grid-template-columns: 1fr 1fr;
  }
  .kk-detail-page .kk-tab-variants .kk-product-variants-grid-view .kk-product-variant-grid-item-container .kk-product-variant-grid-item {
    padding: 20px 10px;
  }
  .kk-detail-page .kk-tab-accessories .kk-product-accessories-grid-view .kk-product-accessories-grid-item {
    padding: 20px 10px;
  }
  .kk-detail-page .kk-tab-media .kk-detail-product-media-links,
  .kk-detail-page .kk-tab-media .kk-detail-product-media-files {
    grid-template-columns: 1fr;
  }
  .kk-detail-page .kk-detail-gallery-zoom-dialog {
    padding-top: 40px;
  }
  .kk-detail-page .kk-detail-gallery-zoom-dialog .kk-detail-gallery-zoom-dialog-content .fui-TabList .fui-Tab {
    padding: 5px 10px !important;
  }
  .kk-detail-page .kk-detail-gallery-zoom-dialog .kk-detail-gallery-zoom-dialog-content .kk-detail-gallery-zoom-dialog-content-videos {
    flex-direction: column;
    padding-bottom: 20px;
    padding-top: 40px;
  }
  .kk-detail-page .kk-detail-gallery-zoom-dialog .kk-detail-gallery-zoom-dialog-content .kk-detail-gallery-zoom-dialog-content-videos .kk-detail-gallery-zoom-dialog-content-videos-navigation {
    width: 100%;
    overflow-y: scroll;
  }
  .kk-cart-page .kk-cart-position-view .kk-cart-position-view-item .kk-cart-position-view-item-product .kk-cart-position-view-item-product-price {
    padding-right: 10px;
  }
  .kk-cart-page .kk-cart-position-view .kk-cart-position-view-item .kk-cart-position-view-item-product .kk-cart-position-view-item-product-price .kk-product-list-price span,
  .kk-cart-page .kk-cart-position-view .kk-cart-position-view-item .kk-cart-position-view-item-product .kk-cart-position-view-item-product-price .kk-product-discount span {
    font-size: 12px;
  }
  .kk-profile-layout {
    margin-top: 130px;
  }
  .kk-documents-page .kk-documents-page-titlebar .fui-TabList {
    display: none;
  }
  .kk-documents-page .kk-documents-page-titlebar .fui-Field {
    display: grid;
    padding: 0px 2px;
  }
  .kk-documents-page .kk-documents-page-titlebar .fui-Field label {
    font-weight: normal;
  }
  .kk-documents-page .kk-documents-table-view table th:nth-child(n+5),
  .kk-documents-page .kk-documents-table-view table td:nth-child(n+5) {
    display: none;
    background: cyan !important;
  }
  .kk-document-page {
    margin-top: 0px;
  }
  .kk-document-page .kk-document .kk-document-titlebar .fui-Button {
    display: none;
  }
  .kk-document-page .kk-document .kk-document-fields {
    gap: 5px;
    flex-direction: column;
  }
  .kk-document-page .kk-document .kk-document-positions-view {
    margin-top: 30px;
  }
  .kk-document-page .kk-document .kk-document-positions-view .kk-document-positions-actionbar .kk-document-positions-actionbar-actions {
    flex-direction: column;
    width: 100%;
    justify-content: flex-end;
    align-items: flex-end;
    gap: 5px;
  }
  .kk-document-page .kk-document .kk-document-positions-view .kk-document-positions-actionbar .kk-document-positions-actionbar-actions .kk-multi-addto-cart-button {
    width: 100%;
  }
  .kk-document-page .kk-document .kk-document-positions-view .kk-document-positions-actionbar .kk-document-positions-actionbar-actions .fui-Button {
    width: 100%;
    max-width: unset;
  }
  .kk-document-page .kk-document .kk-document-positions-view .kk-document-positions-table-view table th:nth-child(n+3),
  .kk-document-page .kk-document .kk-document-positions-view .kk-document-positions-table-view table td:nth-child(n+4) {
    display: none;
  }
  .kk-document-page .kk-document-angebot .kk-document-angebot-offercall-delivery .kk-document-angebot-offercall-delivery-fields .fui-Field {
    grid-template-columns: 120px 1fr;
  }
  .kk-document-page .kk-document-angebot .kk-document-angebot-offercall-delivery .kk-document-angebot-offercall-delivery-fields .kk-delivery-address-selection {
    flex-direction: column;
  }
  .kk-document-page .kk-document-angebot .kk-document-angebot-offercall-delivery .kk-document-angebot-offercall-delivery-fields .kk-delivery-address-selection .fui-Textarea {
    width: 100%;
  }
  .kk-document-page .kk-document-angebot .kk-document-angebot-positions-actionbar-offercall {
    margin-top: 15px;
  }
  .kk-document-page .kk-document-angebot .kk-document-angebot-positions-actionbar-offercall .kk-document-angebot-positions-actionbar-actions {
    flex-direction: column;
    align-items: flex-end;
    gap: 5px;
  }
  .kk-document-page .kk-document-angebot .kk-document-angebot-positions-actionbar-offercall .kk-document-angebot-positions-actionbar-actions .fui-Button {
    width: 100%;
  }
  .kk-document-page .kk-document-abruf .kk-document-abruf-ordercall-delivery .kk-document-abruf-ordercall-delivery-fields .fui-Field {
    grid-template-columns: 120px 1fr;
  }
  .kk-document-page .kk-document-abruf .kk-document-abruf-ordercall-delivery .kk-document-abruf-ordercall-delivery-fields .kk-delivery-address-selection {
    flex-direction: column;
  }
  .kk-document-page .kk-document-abruf .kk-document-abruf-ordercall-delivery .kk-document-abruf-ordercall-delivery-fields .kk-delivery-address-selection .fui-Textarea {
    width: 100%;
  }
  .kk-document-page .kk-document-abruf .kk-document-abruf-positions-actionbar-order {
    margin-top: 15px;
  }
  .kk-document-page .kk-document-abruf .kk-document-abruf-positions-actionbar-order .kk-document-abruf-positions-actionbar-actions {
    flex-direction: column;
    align-items: flex-end;
    gap: 5px;
  }
  .kk-document-page .kk-document-abruf .kk-document-abruf-positions-actionbar-order .kk-document-abruf-positions-actionbar-actions .kk-multi-addto-cart-button {
    width: 100%;
  }
  .kk-document-page .kk-document-abruf .kk-document-abruf-positions-actionbar-order .kk-document-abruf-positions-actionbar-actions .fui-Button {
    width: 100%;
    max-width: unset;
  }
  .kk-document-page .kk-document-abruf .kk-document-abruf-positions-actionbar-ordercall {
    margin-top: 15px;
  }
  .kk-document-page .kk-document-abruf .kk-document-abruf-positions-actionbar-ordercall .kk-document-abruf-positions-actionbar-actions {
    flex-direction: column;
    align-items: flex-end;
    gap: 5px;
  }
  .kk-document-page .kk-document-abruf .kk-document-abruf-positions-actionbar-ordercall .kk-document-abruf-positions-actionbar-actions > .fui-Button {
    width: 100%;
  }
  .kk-reportings-page,
  .kk-notifications-page {
    margin-top: 0px;
  }
  .kk-downloads-page {
    margin-top: 0px;
  }
  .kk-downloads-page .kk-downloads-page-view .kk-download-view-item {
    padding: 10px 0px;
  }
  .kk-usermanagement-page {
    margin-top: 0px;
  }
  .kk-usermanagement-page .kk-usermanagement-page-table-view table th:nth-child(2),
  .kk-usermanagement-page .kk-usermanagement-page-table-view table th:nth-child(3),
  .kk-usermanagement-page .kk-usermanagement-page-table-view table td:nth-child(2),
  .kk-usermanagement-page .kk-usermanagement-page-table-view table td:nth-child(3) {
    display: none;
  }
  .kk-usermanagement-page .kk-usermanagement-page-list-view .kk-usermanagement-page-list-view-header {
    background: #f8f8f8;
  }
  .kk-usermanagement-page .kk-usermanagement-page-list-view .kk-usermanagement-page-list-view-header > :nth-child(n+2) {
    display: none;
  }
  .kk-usermanagement-page .kk-usermanagement-page-list-view .kk-usermanagement-page-list-view-item {
    grid-template-columns: 1fr 1fr;
    padding: 8px 4px;
    border-top: 1px solid #efefef;
  }
  .kk-usermanagement-page .kk-usermanagement-page-list-view .kk-usermanagement-page-list-view-item > * {
    padding: 2px;
    background: unset;
  }
  .kk-usermanagement-page .kk-usermanagement-page-list-view .kk-usermanagement-page-list-view-item > :nth-child(1) {
    grid-column: 1/3;
    width: 100%;
  }
  .kk-usermanagement-page .kk-usermanagement-page-list-view .kk-usermanagement-page-list-view-item > :nth-child(2) {
    grid-row: 2;
    grid-column: 1/3;
    width: 100%;
  }
  .kk-usermanagement-page .kk-usermanagement-page-list-view .kk-usermanagement-page-list-view-item > :nth-child(3) {
    grid-row: 3;
    grid-column: 1;
  }
  .kk-usermanagement-page .kk-usermanagement-page-list-view .kk-usermanagement-page-list-view-item :nth-child(6) {
    grid-row: 4;
    grid-column: 1/3;
    width: 100%;
  }
  .kk-profile-page {
    margin-top: 0px;
  }
  .kk-profile-page .kk-profile-page-user-tab {
    margin-top: 20px;
  }
  .kk-profile-page .kk-profile-page-user-tab .kk-profile-page-cards {
    grid-template-columns: 1fr 1fr;
  }
  .kk-profile-page .kk-profile-page-user-tab .kk-profile-page-customer-fields {
    grid-template-columns: 1fr 1fr;
  }
  .kk-profile-page .kk-profile-page-user-tab .kk-profile-page-appsettings-fields .kk-app-setting {
    flex-direction: column;
    align-items: flex-start;
    gap: 10px;
  }
  .kk-ordermatrices-page .kk-ordermatrices-view .kk-ordermatrices-view-group-items {
    grid-template-columns: 1fr;
  }
  .kk-orderforms-page .kk-orderforms-page-view .kk-orderforms-page-view-group-items {
    grid-template-columns: 1fr;
  }
  .kk-ordermatrix-page .kk-ordermatrix-navbar {
    margin-top: 10px;
    top: 40px;
  }
  .kk-ordermatrix-page .kk-ordermatrix-navbar h1 {
    line-height: 34px;
    font-size: 28px;
  }
  .kk-ordermatrix-page .kk-ordermatrix-navbar .kk-ordermatrix-navbar-options {
    margin-top: 10px;
  }
  .kk-ordermatrix-page .kk-ordermatrix-product-view table th {
    top: 155px;
  }
  .kk-ordermatrix-page .kk-ordermatrix-product-view table .kk-td-sticky {
    top: 220px;
  }
  .kk-ordermatrix-page .kk-ordermatrix-product-view table .kk-td-image {
    padding: 5px;
    min-width: 60px;
  }
  .kk-ordermatrix-page .kk-ordermatrix-product-view table .kk-td-text {
    font-size: 12px;
    padding: 5px;
    min-width: unset;
  }
  .kk-ordermatrix-page .kk-ordermatrix-product-view table .kk-td-row-value {
    padding: 5px;
    min-width: unset;
  }
  .kk-ordermatrix-page .kk-ordermatrix-product-view table .kk-ordermatrix-product-image {
    width: 60px;
    height: 60px;
    padding: 0;
    border: 0px;
    box-shadow: unset;
    background: unset;
  }
  .kk-comparison-page .kk-comparison-navbar {
    margin-top: 20px;
  }
  .kk-comparison-page .kk-comparison-navbar h1 {
    line-height: 36px;
  }
  .kk-comparison-page .kk-comparison-navbar-tools {
    margin-top: 0px;
  }
  .kk-orderlist-page .kk-orderlist-navbar .kk-orderlist-navbar-groups .kk-orderlist-navbar-actions {
    justify-content: space-between;
    margin-top: 20px;
  }
  .kk-orderlist-page .kk-orderlist-navbar .kk-orderlist-navbar-groups .kk-orderlist-navbar-actions .kk-search-input {
    display: none;
  }
  .kk-customer-search-dialog.kk-drawer {
    width: 320px !important;
    gap: 0px;
  }
  .kk-customer-search-dialog.kk-drawer .kk-drawer-header {
    padding: 20px 15px 10px 15px;
    align-items: center !important;
  }
  .kk-customer-search-dialog.kk-drawer .kk-drawer-content {
    padding: 10px 15px 15px 15px;
  }
  .kk-customer-search-dialog.kk-drawer .kk-drawer-content .kk-customer-search-dialog-actions {
    display: none !important;
  }
  .kk-customer-search-dialog.kk-drawer .kk-customer-search-dialog-navbar {
    flex-direction: column;
    align-items: flex-start;
  }
  .kk-customer-search-dialog.kk-drawer .kk-customer-search-dialog-navbar > .kk-flex-col {
    padding-left: 5px;
  }
  .kk-customer-search-dialog.kk-drawer .kk-customer-list-item-customer svg {
    display: none;
  }
  .kk-delivery-address-search-dialog.kk-drawer {
    width: 320px !important;
    gap: 0px;
  }
  .kk-delivery-address-search-dialog.kk-drawer .kk-drawer-header {
    padding: 20px 15px 10px 15px;
    align-items: center !important;
  }
  .kk-delivery-address-search-dialog.kk-drawer .kk-drawer-content {
    padding: 10px 15px 15px 15px;
  }
  .kk-delivery-address-search-dialog.kk-drawer .kk-drawer-content .kk-delivery-address-search-dialog-navbar {
    flex-direction: column;
    align-items: flex-start;
    gap: 10px;
  }
  .kk-delivery-address-search-dialog.kk-drawer .kk-drawer-content .kk-delivery-address-search-dialog-navbar .kk-search-input {
    border-radius: 5px;
    width: 100%;
  }
  .kk-delivery-address-search-dialog.kk-drawer .kk-drawer-content .kk-delivery-address-search-dialog-navbar .kk-search-input input {
    width: 100%;
  }
  .kk-delivery-address-search-dialog.kk-drawer .kk-drawer-content .kk-delivery-address-search-dialog-navbar .kk-flex-row {
    justify-content: space-between;
    width: 100%;
  }
  .kk-delivery-address-search-dialog.kk-drawer .kk-drawer-content .kk-delivery-address-search-dialog-scroll {
    padding: 0px;
  }
  .kk-delivery-address-search-dialog.kk-drawer .kk-drawer-content .kk-delivery-address-search-dialog-scroll .kk-delivery-address-item {
    padding: 10px 0px;
    font-size: 12px;
  }
  .kk-delivery-address-search-dialog.kk-drawer .kk-drawer-content .kk-delivery-address-search-dialog-actions {
    display: none !important;
  }
  .kk-delivery-address-create-dialog.kk-drawer {
    width: 320px !important;
    gap: 0px;
  }
  .kk-delivery-address-create-dialog.kk-drawer .kk-drawer-header {
    padding: 20px 15px 10px 15px;
    align-items: center !important;
  }
  .kk-delivery-address-create-dialog.kk-drawer .kk-drawer-content {
    padding: 10px 15px 15px 15px;
  }
  .kk-delivery-address-create-dialog.kk-drawer .kk-drawer-content .kk-delivery-address-create-dialog-scroll {
    padding: 0px;
  }
  .kk-delivery-address-create-dialog.kk-drawer .kk-drawer-content .kk-delivery-address-create-dialog-scroll .fui-Field {
    display: flex;
    flex-direction: column;
  }
  .kk-delivery-address-create-dialog.kk-drawer .kk-drawer-content .kk-delivery-address-create-dialog-scroll .kk-delivery-address-create-form {
    width: unset;
  }
  .kk-delivery-address-create-dialog.kk-drawer .kk-drawer-content .kk-delivery-address-create-dialog-actions {
    display: none !important;
  }
  .kk-manageduser-dialog.kk-drawer {
    width: 320px !important;
  }
  .kk-manageduser-dialog.kk-drawer .kk-drawer-header {
    padding: 20px 15px 10px 15px;
    align-items: center !important;
  }
  .kk-manageduser-dialog.kk-drawer .kk-drawer-content {
    padding: 10px 15px 15px 15px;
  }
  .kk-manageduser-dialog.kk-drawer .kk-drawer-content .kk-manageduser-dialog-form {
    padding: 0px;
  }
  .kk-ordermatrices-settings-dialog.kk-drawer {
    width: 320px !important;
    gap: 0px;
  }
  .kk-ordermatrices-settings-dialog.kk-drawer .kk-drawer-header {
    padding: 20px 15px 10px 15px;
    align-items: center !important;
  }
  .kk-ordermatrices-settings-dialog.kk-drawer .kk-drawer-content {
    padding: 10px 15px 15px 15px;
  }
  .kk-ordermatrices-settings-dialog.kk-drawer .kk-settings-dialog-navigation-view {
    grid-template-columns: 1fr;
  }
  .kk-ordermatrix-settings-dialog.kk-drawer {
    width: 320px !important;
    gap: 0px;
  }
  .kk-ordermatrix-settings-dialog.kk-drawer .kk-drawer-content .kk-ordermatrix-settings {
    gap: 10px;
  }
  .kk-ordermatrix-settings-dialog.kk-drawer .kk-drawer-content .kk-ordermatrix-settings-dialog-actions {
    display: grid !important;
    grid-template-columns: 1fr 1fr;
  }
  .kk-ordermatrix-settings-dialog.kk-drawer .kk-drawer-content .kk-ordermatrix-settings-dialog-actions .fui-Button {
    width: 100%;
  }
  .kk-ordermatrix-settings-dialog.kk-drawer .kk-drawer-content .kk-ordermatrix-settings-dialog-actions .kk-flex-spacer {
    display: none;
  }
  .kk-product-dialog.kk-drawer {
    width: 320px !important;
  }
  .kk-product-dialog.kk-drawer .kk-drawer-header {
    padding: 20px 15px 10px 15px;
    align-items: center !important;
  }
  .kk-product-dialog.kk-drawer .kk-drawer-content {
    padding: 10px 15px 15px 15px;
  }
  .kk-product-dialog.kk-drawer .kk-drawer-content .kk-product-dialog-content-body {
    padding-right: 5px;
  }
  .kk-product-dialog.kk-drawer .kk-drawer-content .kk-product-dialog-content-body .kk-product-dialog-item .kk-product-title,
  .kk-product-dialog.kk-drawer .kk-drawer-content .kk-product-dialog-content-body .kk-product-dialog-item .kk-product-supplier,
  .kk-product-dialog.kk-drawer .kk-drawer-content .kk-product-dialog-content-body .kk-product-dialog-item .kk-product-ids,
  .kk-product-dialog.kk-drawer .kk-drawer-content .kk-product-dialog-content-body .kk-product-dialog-item .kk-product-stock,
  .kk-product-dialog.kk-drawer .kk-drawer-content .kk-product-dialog-content-body .kk-product-dialog-item .kk-product-price-and-tiers,
  .kk-product-dialog.kk-drawer .kk-drawer-content .kk-product-dialog-content-body .kk-product-dialog-item .kk-product-quantity-v5 {
    padding: 0px;
  }
  .kk-product-dialog.kk-drawer .kk-drawer-content .kk-product-dialog-content-body .kk-product-dialog-item .kk-product-vpe {
    flex-direction: column;
    gap: 5px;
    align-items: flex-start;
    height: unset;
    padding: 0px;
  }
  .fui-PopoverSurface .kk-product-stock-details,
  .fui-PopoverSurface .kk-product-price-details-content,
  .fui-PopoverSurface .kk-product-pricing-tier,
  .fui-PopoverSurface .kk-product-packing-tier {
    max-width: 600px !important;
    overflow-x: auto !important;
  }
  .fui-PopoverSurface .kk-product-stock-details table,
  .fui-PopoverSurface .kk-product-price-details-content table,
  .fui-PopoverSurface .kk-product-pricing-tier table,
  .fui-PopoverSurface .kk-product-packing-tier table {
    text-wrap: nowrap;
  }
  .kk-cart-checkout-panel .kk-cart-checkout-panel-full .kk-cart-checkout-panel-full-container {
    padding: 0px 10px;
  }
  .kk-cart-import-dialog.kk-dialog {
    padding: 20px 15px;
  }
  .kk-cart-import-dialog.kk-dialog .kk-import-dialog-positions-toolbar-main {
    flex-direction: column;
    align-items: flex-start;
    gap: 10px;
  }
  .kk-cart-import-dialog.kk-dialog .kk-import-dialog-positions-toolbar-main .kk-flex-row:nth-child(2) {
    width: 100%;
  }
  .kk-cart-import-dialog.kk-dialog .kk-import-dialog-positions-toolbar-main .kk-flex-row:nth-child(2) .fui-Button {
    width: 100%;
  }
  .kk-cart-import-dialog.kk-dialog .kk-import-dialog-positions-toolbar-sub {
    gap: 5px;
  }
  .kk-cart-import-dialog.kk-dialog .kk-import-dialog-positions-toolbar-sub .kk-import-dialog-positions-toolbar-sub-actions {
    flex-direction: column;
    align-items: flex-start !important;
    gap: 10px !important;
  }
  .kk-cart-import-dialog.kk-dialog .kk-cart-import-dialog-positions-listview-item {
    border-bottom: none;
  }
  .kk-cart-import-dialog.kk-dialog .kk-cart-import-dialog-positions-listview-item .kk-position-detail {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 5px;
  }
  .kk-cart-import-dialog.kk-dialog .kk-cart-import-dialog-positions-listview-item .kk-position-detail > .fui-Checkbox {
    background: #efefef;
    width: 100%;
  }
  .kk-cart-import-dialog.kk-dialog .kk-cart-import-dialog-positions-listview-item .kk-position-detail .kk-position-image {
    grid-row: 2;
  }
  .kk-cart-import-dialog.kk-dialog .kk-cart-import-dialog-positions-listview-item .kk-position-detail .kk-position-image .kk-product-image {
    border: 1px solid #ddd;
  }
  .kk-cart-import-dialog.kk-dialog .kk-cart-import-dialog-positions-listview-item .kk-position-detail .kk-position-product {
    width: 100%;
  }
  .kk-cart-import-dialog.kk-dialog .kk-cart-import-dialog-positions-listview-item .kk-position-detail .kk-position-product .kk-position-pos {
    display: none;
  }
  .kk-cart-import-dialog.kk-dialog .kk-cart-import-dialog-positions-listview-item .kk-position-detail .kk-position-quantity {
    width: 100%;
  }
  .kk-cart-import-dialog.kk-dialog .kk-cart-import-dialog-positions-listview-item .kk-position-detail .kk-position-price {
    width: 100%;
    align-items: flex-end;
  }
  .kk-cart-template-select-dialog.kk-dialog {
    padding: 20px 15px;
  }
  .kk-cart-template-select-dialog.kk-dialog .kk-cart-template-select-dialog-positions-navbar-main {
    flex-direction: column;
    align-items: flex-start;
    gap: 10px;
  }
  .kk-cart-template-select-dialog.kk-dialog .kk-cart-template-select-dialog-positions-navbar-main .kk-flex-row:nth-child(2) {
    width: 100%;
  }
  .kk-cart-template-select-dialog.kk-dialog .kk-cart-template-select-dialog-positions-navbar-main .kk-flex-row:nth-child(2) .fui-Button {
    width: 100%;
  }
  .kk-cart-template-select-dialog.kk-dialog .kk-cart-template-position-item {
    border-bottom: none;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 5px;
  }
  .kk-cart-template-select-dialog.kk-dialog .kk-cart-template-position-item > .fui-Checkbox {
    background: #efefef;
    width: 100%;
  }
  .kk-cart-template-select-dialog.kk-dialog .kk-cart-template-position-item .kk-cart-template-position-item-image {
    border: 1px solid #ddd;
  }
  .kk-cart-template-select-dialog.kk-dialog .kk-cart-template-position-item .kk-cart-template-position-item-product {
    width: 100%;
  }
  .kk-cart-template-select-dialog.kk-dialog .kk-cart-template-position-item .kk-cart-template-position-item-product .kk-position-pos {
    display: none;
  }
  .kk-cart-template-select-dialog.kk-dialog .kk-cart-template-position-item .kk-cart-template-position-item-quantity {
    width: 100%;
  }
  .kk-cart-template-select-dialog.kk-dialog .kk-cart-template-position-item .kk-cart-template-position-item-price {
    width: 100%;
    align-items: flex-end;
  }
}
@media (max-width: 720px) {
  .kk-search-page .kk-product-gridview.kk-collapsed > :nth-child(n) .kk-product-griditem,
  .kk-search-page .kk-product-gridview.kk-collapsed > :nth-child(n) .kk-product-griditem-group,
  .kk-search-page .kk-product-gridview:not(.kk-collapsed) > :nth-child(n) .kk-product-griditem,
  .kk-search-page .kk-product-gridview:not(.kk-collapsed) > :nth-child(n) .kk-product-griditem-group {
    padding: 20px 10px !important;
  }
  .kk-cart-page .kk-cart-page-top-navbar .kk-cart-page-sub-toolbar .kk-cart-page-sub-toolbar-actions .kk-cart-page-sub-toolbar-action-add {
    display: none;
  }
  .kk-documents-page .kk-documents-table-view table th:nth-child(n+4),
  .kk-documents-page .kk-documents-table-view table td:nth-child(n+4) {
    display: none;
  }
  .kk-profile-page .kk-products-page-bookmarks-tab .kk-bookmark-navbar-actions .kk-search-input {
    display: none;
  }
  .kk-profile-page .kk-products-page-bookmarks-tab .kk-bookmark-category-view .kk-bookmark-view-items {
    grid-template-columns: 1fr;
    row-gap: 15px;
  }
  .kk-profile-page .kk-products-page-bookmarks-tab .kk-bookmark-matrix-view .kk-bookmark-view-items {
    grid-template-columns: 1fr;
    row-gap: 15px;
  }
}
@media (max-width: 640px) {
  .kk-category-page .kk-category-gridview {
    grid-template-columns: 1fr 1fr;
  }
  .kk-category-page .kk-category-gridview .kk-category-griditem {
    min-width: unset;
  }
  .kk-category-page .kk-category-gridview .kk-category-griditem .kk-category-title {
    font-size: 12px;
  }
  .kk-search-page .kk-search-top-navbar,
  .kk-search-page .kk-search-bottom-navbar {
    flex-direction: column;
    align-items: flex-start;
  }
  .kk-search-page .kk-product-gridview.kk-collapsed,
  .kk-search-page .kk-product-gridview:not(.kk-collapsed) {
    display: flex;
    flex-direction: column;
    border-right: none !important;
  }
  .kk-search-page .kk-product-gridview.kk-collapsed > :nth-child(n) .kk-product-griditem,
  .kk-search-page .kk-product-gridview.kk-collapsed > :nth-child(n) .kk-product-griditem-group,
  .kk-search-page .kk-product-gridview:not(.kk-collapsed) > :nth-child(n) .kk-product-griditem,
  .kk-search-page .kk-product-gridview:not(.kk-collapsed) > :nth-child(n) .kk-product-griditem-group {
    border-right: none !important;
    padding: 20px 0px !important;
  }
  .kk-detail-page .kk-detail-product .kk-product-attributes-table table {
    table-layout: fixed;
    width: 100%;
  }
  .kk-detail-page .kk-tab-technical table td {
    font-size: 14px;
  }
  .kk-detail-page .kk-tab-variants .kk-product-variants-grid-view {
    grid-template-columns: 1fr;
  }
  .kk-detail-page .kk-tab-variants .kk-product-variants-grid-view .kk-product-variant-grid-item {
    border-right: none !important;
  }
  .kk-detail-page .kk-tab-variants .kk-product-variants-list-view {
    padding: 0px;
  }
  .kk-detail-page .kk-tab-variants .kk-product-variants-list-view .kk-product-variant-list-item-container .kk-product-variant-list-item {
    flex-direction: column;
    gap: 5px;
  }
  .kk-detail-page .kk-tab-variants .kk-product-variants-list-view .kk-product-variant-list-item-container .kk-product-variant-list-item > div:nth-child(2) {
    gap: 5px !important;
  }
  .kk-detail-page .kk-tab-variants .kk-product-variants-list-view .kk-product-variant-list-item-container .kk-product-variant-list-item .kk-product-image {
    border: 1px solid #ddd;
    padding: 2px;
  }
  .kk-detail-page .kk-tab-variants .kk-product-variants-list-view .kk-product-variant-list-item-container .kk-product-variant-list-item .kk-separator {
    display: none;
  }
  .kk-detail-page .kk-tab-variants .kk-product-variants-list-view .kk-product-variant-list-item-container .kk-product-variant-list-item .kk-product-hover-block {
    flex-direction: row;
    gap: 10px;
    width: 100%;
    align-items: flex-start !important;
    justify-content: space-between;
  }
  .kk-detail-page .kk-tab-variants .kk-product-variants-list-view .kk-product-variant-list-item-container .kk-product-variant-list-item .kk-product-hover-block .kk-selected-variant-hint {
    margin-top: 2px;
  }
  .kk-detail-page .kk-tab-variants .kk-product-variants-list-view .kk-product-variant-list-item-container .kk-product-variant-list-item .kk-product-price-and-quantity {
    flex-direction: column-reverse;
    gap: 20px !important;
    margin-top: 5px;
  }
  .kk-detail-page .kk-tab-variants .kk-product-variants-list-view .kk-product-variant-list-item-container .kk-product-variant-list-item .kk-product-price-and-quantity .kk-product-price-and-tiers {
    flex-direction: row;
  }
  .kk-detail-page .kk-tab-variants .kk-product-variants-list-view .kk-product-variant-list-item-container .kk-product-variant-list-item .kk-product-price-and-quantity .kk-product-price-and-tiers .kk-product-tiers {
    flex-direction: column !important;
    width: unset;
  }
  .kk-detail-page .kk-tab-variants .kk-product-variants-list-view .kk-product-variant-list-item-container .kk-product-variant-list-item .kk-product-price-and-quantity .kk-product-quantity-v5 .kk-product-button {
    width: 100%;
    max-width: unset;
  }
  .kk-detail-page .kk-tab-variants .kk-product-variants-list-view .kk-product-variant-list-item-container .kk-product-variant-list-item .kk-product-attributes-table table {
    table-layout: fixed;
    width: 100%;
  }
  .kk-detail-page .kk-tab-accessories .kk-product-accessories-grid-view {
    grid-template-columns: 1fr;
  }
  .kk-detail-page .kk-tab-accessories .kk-product-accessories-grid-view .kk-product-accessories-grid-item {
    border-right: none !important;
  }
  .kk-brands-page .kk-brands-grid-view {
    grid-template-columns: 1fr 1fr 1fr 1fr;
  }
  .kk-brands-page .kk-brands-navbar-groups .kk-search-input {
    display: none;
  }
  .kk-cart-page .kk-cart-page-top-navbar {
    display: flex;
    flex-direction: column;
    gap: 30px;
    margin-top: 20px;
  }
  .kk-cart-page .kk-cart-page-top-navbar .kk-cart-page-top-navbar-main {
    flex-direction: column;
    align-items: flex-start;
    gap: 10px;
  }
  .kk-cart-page .kk-cart-page-top-navbar .kk-cart-page-main-toolbar {
    flex-direction: column;
    align-items: unset;
    width: 100%;
  }
  .kk-cart-page .kk-cart-page-top-navbar .kk-cart-page-sub-toolbar {
    flex-direction: column;
    align-items: flex-start;
    gap: 10px;
  }
  .kk-cart-page .kk-cart-page-top-navbar .kk-cart-page-sub-toolbar .kk-cart-page-sub-toolbar-actions {
    margin-bottom: 20px;
    display: grid;
    grid-template-columns: auto 1fr;
  }
  .kk-cart-page .kk-cart-page-top-navbar .kk-cart-page-sub-toolbar .kk-cart-page-sub-toolbar-actions .kk-cart-page-sub-toolbar-action-add,
  .kk-cart-page .kk-cart-page-top-navbar .kk-cart-page-sub-toolbar .kk-cart-page-sub-toolbar-actions .kk-cart-page-sub-toolbar-action-import,
  .kk-cart-page .kk-cart-page-top-navbar .kk-cart-page-sub-toolbar .kk-cart-page-sub-toolbar-actions .kk-cart-page-sub-toolbar-action-export,
  .kk-cart-page .kk-cart-page-top-navbar .kk-cart-page-sub-toolbar .kk-cart-page-sub-toolbar-actions .kk-cart-page-sub-toolbar-action-refresh,
  .kk-cart-page .kk-cart-page-top-navbar .kk-cart-page-sub-toolbar .kk-cart-page-sub-toolbar-actions .kk-cart-page-sub-toolbar-action-template-save,
  .kk-cart-page .kk-cart-page-top-navbar .kk-cart-page-sub-toolbar .kk-cart-page-sub-toolbar-actions .kk-cart-page-sub-toolbar-action-template-open {
    display: flex;
  }
  .kk-cart-page .kk-cart-page-top-navbar .kk-cart-page-sub-toolbar .kk-cart-page-sub-toolbar-actions .fui-Button {
    justify-content: flex-start;
  }
  .kk-cart-page .kk-cart-page-top-navbar .kk-cart-page-sub-toolbar .kk-cart-page-sub-toolbar-menus {
    display: none;
  }
  .kk-cart-page .kk-cart-page-bottom-navbar {
    margin-top: 30px;
  }
  .kk-cart-page .kk-cart-page-bottom-navbar .kk-cart-page-main-toolbar {
    flex-direction: column;
    align-items: unset;
    width: 100%;
  }
  .kk-cart-page .kk-cart-amounts .kk-cart-amount {
    min-width: unset;
  }
  .kk-cart-page .kk-cart-amounts .kk-cart-amount > span {
    min-width: 130px;
  }
  .kk-cart-page .kk-cart-position-view .kk-cart-position-view-header .kk-cart-position-view-header-pos {
    width: 100%;
  }
  .kk-cart-page .kk-cart-position-view .kk-cart-position-view-header .kk-cart-position-view-header-quantity,
  .kk-cart-page .kk-cart-position-view .kk-cart-position-view-header .kk-cart-position-view-header-price {
    display: none;
  }
  .kk-cart-page .kk-cart-position-view .kk-cart-position-view-item {
    border-bottom: 0px;
  }
  .kk-cart-page .kk-cart-position-view .kk-cart-position-view-item .kk-cart-position-view-item-product .kk-cart-position-view-item-product-pos .kk-product-image {
    min-width: 65px;
    max-width: 65px;
    min-height: 65px;
    max-height: 65px;
    padding: 2px;
  }
  .kk-cart-page .kk-cart-position-view .kk-cart-position-view-item .kk-cart-position-view-item-product .kk-cart-position-view-item-product-pos .kk-cart-position-view-item-product-pos-title {
    padding-right: 5px;
  }
  .kk-cart-page .kk-cart-position-view .kk-cart-position-view-item .kk-cart-position-view-item-product .kk-cart-position-view-item-product-quantity {
    width: 70%;
  }
  .kk-cart-page .kk-cart-position-view .kk-cart-position-view-item .kk-cart-position-view-item-product .kk-cart-position-view-item-product-quantity .kk-cart-quantity > span {
    display: none;
  }
  .kk-cart-page .kk-cart-position-view .kk-cart-position-view-item .kk-cart-position-view-item-product .kk-cart-position-view-item-product-quantity .kk-cart-position-view-item-product-vpe {
    padding-top: 0px;
  }
  .kk-cart-page .kk-cart-position-view .kk-cart-position-view-item .kk-cart-position-view-item-product .kk-cart-position-view-item-product-price {
    display: none;
  }
  .kk-documents-page .kk-documents-page-actionbar .kk-document-query {
    flex-direction: column;
    align-items: flex-start;
  }
  .kk-documents-page .kk-documents-page-actionbar .kk-document-filter {
    flex-direction: column;
    align-items: flex-start;
  }
  .kk-documents-page .kk-documents-page-top-navbar {
    flex-direction: column;
    align-items: flex-start;
    gap: 15px;
  }
  .kk-documents-page .kk-documents-page-top-navbar .kk-documents-page-top-navbar-right {
    width: 100%;
    justify-content: space-between;
  }
  .kk-documents-page .kk-documents-table-view table th:nth-child(n+3),
  .kk-documents-page .kk-documents-table-view table td:nth-child(n+3) {
    display: none;
  }
  .kk-document-page .kk-document-angebot .kk-document-angebot-offercall-delivery .kk-document-angebot-offercall-delivery-fields .fui-Field {
    display: flex;
    flex-direction: column !important;
  }
  .kk-document-page .kk-document-abruf .kk-document-abruf-ordercall-delivery .kk-document-abruf-ordercall-delivery-fields .fui-Field {
    display: flex;
    flex-direction: column !important;
  }
  .kk-downloads-page .kk-downloads-page-view .kk-download-view-item {
    padding: 10px 0px;
    gap: 10px;
  }
  .kk-downloads-page .kk-downloads-page-view .kk-download-view-item .kk-filetype-image {
    width: 36px;
    height: 36px;
    border: none;
    padding: 0px;
  }
  .kk-downloads-page .kk-downloads-page-view .kk-download-view-item .kk-download-view-item-text h4 {
    overflow-wrap: anywhere;
  }
  .kk-usermanagement-page {
    margin-top: 0px;
  }
  .kk-usermanagement-page .kk-usermanagement-page-table-view table th:nth-child(4),
  .kk-usermanagement-page .kk-usermanagement-page-table-view table td:nth-child(4) {
    display: none;
  }
  .kk-profile-page {
    margin-top: 0px;
  }
  .kk-profile-page .kk-profile-page-user-tab .kk-profile-page-avatar {
    flex-direction: column;
    align-items: flex-start;
    gap: 20px;
  }
  .kk-profile-page .kk-profile-page-user-tab .kk-profile-page-avatar > .kk-flex-row {
    width: 100%;
    gap: 10px !important;
    align-items: flex-start !important;
  }
  .kk-profile-page .kk-profile-page-user-tab .kk-profile-page-avatar .fui-Avatar {
    width: 48px;
    height: 48px;
  }
  .kk-profile-page .kk-profile-page-user-tab .kk-profile-page-avatar h2 {
    font-size: 18px;
  }
  .kk-profile-page .kk-profile-page-user-tab .kk-profile-page-avatar .kk-profile-page-avatar-actions {
    width: 100%;
  }
  .kk-profile-page .kk-profile-page-user-tab .kk-profile-page-avatar .kk-profile-page-avatar-actions .fui-Button {
    width: 100%;
    max-width: unset;
  }
  .kk-profile-page .kk-profile-page-user-tab .kk-profile-page-cards {
    grid-template-columns: 1fr;
  }
  .kk-profile-page .kk-profile-page-user-tab .kk-profile-page-customer-fields {
    grid-template-columns: 1fr;
  }
  .kk-profile-page .kk-profile-page-user-tab .kk-profile-page-appsettings-fields .kk-app-setting {
    flex-direction: column;
    align-items: flex-start;
    gap: 10px;
  }
  .kk-profile-page .kk-profile-page-user-tab .kk-profile-page-appsettings-fields .kk-app-setting .kk-app-setting-text {
    width: 100% !important;
  }
  .kk-profile-page .kk-products-page-bookmarks-tab .kk-bookmark-product-view .kk-bookmark-view-items {
    grid-template-columns: 1fr;
  }
  .kk-ordermatrices-page .kk-ordermatrices-navbar-actions .kk-search-input {
    display: none;
  }
  .kk-orderlist-page .kk-orderlists-navbar {
    margin-top: 30px;
  }
  .kk-orderlist-page .kk-orderlists-navbar-actions {
    flex-direction: column;
    align-items: flex-start;
    gap: 20px;
  }
  .kk-orderlist-page .kk-orderlists-navbar-actions .kk-orderlists-navbar-buttons {
    width: 100%;
    justify-content: flex-end;
  }
  .kk-orderlist-page .kk-orderlist-thumbnail-view {
    grid-template-columns: 1fr;
  }
  .kk-orderlist-page .kk-orderlist-thumbnail-view .kk-orderlist-thumbnail {
    padding: 5px 0px;
  }
  .kk-orderlist-page .kk-orderlist-thumbnail-header {
    margin-bottom: 10px;
    margin-top: 20px;
  }
  .kk-orderlist-page .kk-orderlist-breadcrumb .kk-breadcrumb-sep,
  .kk-orderlist-page .kk-orderlist-breadcrumb .kk-breadcrumb-items {
    display: none;
  }
  .kk-orderlist-page .kk-orderlist-navbar {
    margin-top: 10px;
    gap: 10px;
  }
  .kk-orderlist-page .kk-orderlist-navbar h1 {
    font-size: 20px;
    line-height: 34px;
  }
  .kk-orderlist-page .kk-orderlist-navbar .kk-orderlist-navbar-groups .kk-orderlist-navbar-filters .kk-radio-button {
    padding: 6px 10px !important;
  }
  .kk-orderlist-page .kk-orderlist-navbar .kk-orderlist-navbar-groups .kk-orderlist-navbar-actions {
    justify-content: space-between;
    margin-top: 20px;
  }
  .kk-orderlist-page .kk-orderlist-navbar .kk-orderlist-navbar-groups .kk-orderlist-navbar-actions .kk-search-input {
    display: none;
  }
  .kk-comparison-page .kk-comparison-navbar-filters {
    flex-direction: column;
    align-items: flex-start;
    gap: 10px;
    padding: 0px;
    width: 100%;
  }
  .kk-comparison-page .kk-comparison-navbar-filters .kk-comparison-selection-menu {
    background: cyan;
    width: 100%;
  }
  .kk-comparison-page .kk-comparison-navbar-filters .kk-comparison-selection-menu > button {
    width: 100%;
  }
  .kk-comparison-page .kk-comparison-navbar-actions {
    flex-direction: column;
    align-items: flex-start;
    padding: 0px;
    margin-top: 25px;
    gap: 5px;
  }
  .kk-comparison-page .kk-comparison-navbar-actions .kk-comparison-highlight-menu {
    width: 100%;
  }
  .kk-comparison-page .kk-comparison-navbar-actions button {
    width: 100%;
    background: #fff;
    padding: 5px;
    border: 1px solid #ddd;
  }
  .kk-comparison-page .kk-comparison-table-container {
    margin-top: 15px;
  }
  .kk-comparison-page .kk-comparison-table th {
    width: 110px;
    font-size: 12px;
    font-weight: normal;
    overflow-wrap: anywhere;
    padding: 10px 5px;
  }
  .kk-comparison-page .kk-comparison-table td {
    padding: 10px 5px;
    width: 240px;
    overflow-wrap: anywhere;
  }
  .fui-PopoverSurface .kk-product-stock-details,
  .fui-PopoverSurface .kk-product-price-details-content,
  .fui-PopoverSurface .kk-product-pricing-tier,
  .fui-PopoverSurface .kk-product-packing-tier {
    max-width: 440px !important;
    overflow-x: auto !important;
  }
  .fui-PopoverSurface .kk-product-stock-details .kk-product-packing-tier-table,
  .fui-PopoverSurface .kk-product-stock-details .kk-product-pricing-tier-table,
  .fui-PopoverSurface .kk-product-price-details-content .kk-product-packing-tier-table,
  .fui-PopoverSurface .kk-product-price-details-content .kk-product-pricing-tier-table,
  .fui-PopoverSurface .kk-product-pricing-tier .kk-product-packing-tier-table,
  .fui-PopoverSurface .kk-product-pricing-tier .kk-product-pricing-tier-table,
  .fui-PopoverSurface .kk-product-packing-tier .kk-product-packing-tier-table,
  .fui-PopoverSurface .kk-product-packing-tier .kk-product-pricing-tier-table {
    min-width: unset;
  }
  .fui-PopoverSurface .kk-product-stock-details .kk-product-packing-tier-table .fui-Input,
  .fui-PopoverSurface .kk-product-stock-details .kk-product-pricing-tier-table .fui-Input,
  .fui-PopoverSurface .kk-product-price-details-content .kk-product-packing-tier-table .fui-Input,
  .fui-PopoverSurface .kk-product-price-details-content .kk-product-pricing-tier-table .fui-Input,
  .fui-PopoverSurface .kk-product-pricing-tier .kk-product-packing-tier-table .fui-Input,
  .fui-PopoverSurface .kk-product-pricing-tier .kk-product-pricing-tier-table .fui-Input,
  .fui-PopoverSurface .kk-product-packing-tier .kk-product-packing-tier-table .fui-Input,
  .fui-PopoverSurface .kk-product-packing-tier .kk-product-pricing-tier-table .fui-Input {
    max-width: 50px !important;
  }
  .kk-search-dialog.kk-drawer {
    width: 320px !important;
  }
  .kk-search-dialog.kk-drawer .kk-drawer-content {
    padding: 10px 10px 10px 10px;
  }
  .kk-search-dialog.kk-drawer .kk-drawer-content .kk-search-dialog-navbar {
    flex-direction: column;
    gap: 10px;
    padding-bottom: 10px;
  }
  .kk-search-dialog.kk-drawer .kk-drawer-content .kk-search-dialog-navbar > div {
    width: 100%;
  }
  .kk-search-dialog.kk-drawer .kk-drawer-content .kk-search-dialog-navbar > div:nth-child(1) {
    flex-direction: column;
  }
  .kk-search-dialog.kk-drawer .kk-drawer-content .kk-search-dialog-navbar > div:nth-child(1) .kk-search-dialog-suggest {
    width: 100%;
    padding: 0px;
  }
  .kk-search-dialog.kk-drawer .kk-drawer-content .kk-search-dialog-navbar > div:nth-child(1) .kk-search-dialog-mode-dropdown {
    width: 100%;
    padding: 0px;
  }
  .kk-search-dialog.kk-drawer .kk-drawer-content .kk-search-dialog-navbar > div:nth-child(2) {
    gap: 5px !important;
    flex-direction: row !important;
    padding-right: 10px;
    justify-content: space-between;
    padding: 0px 6px;
  }
  .kk-search-dialog.kk-drawer .kk-drawer-content .kk-search-dialog-navbar .kk-search-dialog-suggest {
    flex: 1;
  }
  .kk-search-dialog.kk-drawer .kk-drawer-content .kk-search-dialog-navbar .kk-search-dialog-suggest .kk-suggest-input {
    width: 100%;
  }
  .kk-search-dialog.kk-drawer .kk-drawer-content .kk-search-dialog-navbar .kk-search-dialog-suggest .kk-suggest-input input {
    width: 100%;
  }
  .kk-search-dialog.kk-drawer .kk-drawer-content .kk-search-dialog-product-list-view .kk-search-dialog-product-list-item {
    flex-direction: column;
    gap: 5px;
  }
  .kk-search-dialog.kk-drawer .kk-drawer-content .kk-search-dialog-product-list-view .kk-search-dialog-product-list-item > div:nth-child(2) {
    gap: 5px !important;
  }
  .kk-search-dialog.kk-drawer .kk-drawer-content .kk-search-dialog-product-list-view .kk-search-dialog-product-list-item .kk-product-image {
    border: 1px solid #ddd;
    padding: 2px;
  }
  .kk-search-dialog.kk-drawer .kk-drawer-content .kk-search-dialog-product-list-view .kk-search-dialog-product-list-item .kk-separator {
    display: none;
  }
  .kk-search-dialog.kk-drawer .kk-drawer-content .kk-search-dialog-product-list-view .kk-search-dialog-product-list-item .kk-product-tiers {
    display: none !important;
  }
  .kk-search-dialog.kk-drawer .kk-drawer-content .kk-search-dialog-product-list-view .kk-search-dialog-product-list-item .kk-product-price-and-quantity {
    flex-direction: column-reverse;
    gap: 20px !important;
  }
  .kk-search-dialog.kk-drawer .kk-drawer-content .kk-search-dialog-product-list-view .kk-search-dialog-product-list-item .kk-product-quantity .kk-product-button {
    width: 100%;
    max-width: unset;
  }
  .kk-barcode-search-dialog.kk-drawer {
    width: 320px !important;
  }
  .kk-product-variant-dialog.kk-drawer {
    width: 320px !important;
  }
  .kk-product-variant-dialog.kk-drawer .kk-drawer-content {
    padding: 10px 10px 10px 10px;
  }
  .kk-product-variant-dialog.kk-drawer .kk-drawer-content .kk-product-variants .kk-product-variants-filterbar {
    position: unset;
  }
  .kk-product-variant-dialog.kk-drawer .kk-drawer-content .kk-product-variants .kk-product-variants-filterbar .kk-horizontal-filterbar {
    width: 100%;
  }
  .kk-product-variant-dialog.kk-drawer .kk-drawer-content .kk-product-variants .kk-product-variants-filterbar .kk-horizontal-filterbar .kk-horizontal-filter-list {
    flex-direction: column;
    align-items: flex-start;
    width: 100%;
  }
  .kk-product-variant-dialog.kk-drawer .kk-drawer-content .kk-product-variants .kk-product-variants-filterbar .kk-horizontal-filterbar .kk-horizontal-filter-list .kk-dropdown-filter {
    width: 100%;
  }
  .kk-product-variant-dialog.kk-drawer .kk-drawer-content .kk-product-variants .kk-product-variants-filterbar .kk-horizontal-filterbar .kk-horizontal-filter-list .kk-dropdown-filter .kk-dropdown-filter-trigger {
    max-width: unset;
  }
  .kk-product-variant-dialog.kk-drawer .kk-drawer-content .kk-product-variants .kk-product-variants-filterbar .kk-horizontal-filterbar .kk-horizontal-filter-list > .fui-Button {
    width: 100%;
  }
  .kk-product-variant-dialog.kk-drawer .kk-drawer-content .kk-product-variants .kk-product-variants-top-navbar {
    position: unset;
  }
  .kk-product-variant-dialog.kk-drawer .kk-drawer-content .kk-product-variants .kk-product-variants-list-view {
    padding: 0px;
  }
  .kk-product-variant-dialog.kk-drawer .kk-drawer-content .kk-product-variants .kk-product-variants-list-view .kk-product-variant-list-item-container .kk-product-variant-list-item {
    flex-direction: column;
    gap: 5px;
  }
  .kk-product-variant-dialog.kk-drawer .kk-drawer-content .kk-product-variants .kk-product-variants-list-view .kk-product-variant-list-item-container .kk-product-variant-list-item > div:nth-child(2) {
    gap: 5px !important;
  }
  .kk-product-variant-dialog.kk-drawer .kk-drawer-content .kk-product-variants .kk-product-variants-list-view .kk-product-variant-list-item-container .kk-product-variant-list-item .kk-product-image {
    border: 1px solid #ddd;
    padding: 2px;
  }
  .kk-product-variant-dialog.kk-drawer .kk-drawer-content .kk-product-variants .kk-product-variants-list-view .kk-product-variant-list-item-container .kk-product-variant-list-item .kk-separator {
    display: none;
  }
  .kk-product-variant-dialog.kk-drawer .kk-drawer-content .kk-product-variants .kk-product-variants-list-view .kk-product-variant-list-item-container .kk-product-variant-list-item .kk-product-price-and-quantity {
    flex-direction: column-reverse;
    gap: 5px !important;
    margin-top: 5px;
  }
  .kk-product-variant-dialog.kk-drawer .kk-drawer-content .kk-product-variants .kk-product-variants-list-view .kk-product-variant-list-item-container .kk-product-variant-list-item .kk-product-price-and-quantity .kk-product-price-and-tiers {
    flex-direction: row;
  }
  .kk-product-variant-dialog.kk-drawer .kk-drawer-content .kk-product-variants .kk-product-variants-list-view .kk-product-variant-list-item-container .kk-product-variant-list-item .kk-product-price-and-quantity .kk-product-price-and-tiers .kk-product-tiers {
    flex-direction: column !important;
    width: unset;
  }
  .kk-product-variant-dialog.kk-drawer .kk-drawer-content .kk-product-variants .kk-product-variants-list-view .kk-product-variant-list-item-container .kk-product-variant-list-item .kk-product-price-and-quantity .kk-product-quantity-v5 .kk-product-button {
    width: 100%;
    max-width: unset;
  }
  .kk-product-variant-dialog.kk-drawer .kk-drawer-content .kk-product-variants .kk-product-variants-list-view .kk-product-variant-list-item-container .kk-product-variant-list-item .kk-product-attributes-table table {
    table-layout: fixed;
    width: 100%;
  }
  .kk-cart-checkout-panel .kk-cart-checkout-panel-full {
    padding: 10px;
  }
  .kk-cart-checkout-panel .kk-cart-checkout-panel-full .kk-cart-checkout-panel-full-container {
    flex-direction: column;
    align-items: flex-start;
    gap: 10px;
    padding-right: 40px;
  }
  .kk-cart-checkout-panel .kk-cart-checkout-panel-full .kk-cart-checkout-panel-full-container .kk-cart-checkout-panel-summary {
    width: 100%;
  }
  .kk-cart-checkout-panel .kk-cart-checkout-panel-full .kk-cart-checkout-panel-full-container .kk-cart-checkout-panel-summary .kk-cart-checkout-panel-positions {
    padding-top: 0px;
  }
  .kk-cart-checkout-panel .kk-cart-checkout-panel-full .kk-cart-checkout-panel-full-container .kk-cart-checkout-panel-summary .kk-cart-checkout-panel-amounts .kk-cart-checkout-panel-tax-amount,
  .kk-cart-checkout-panel .kk-cart-checkout-panel-full .kk-cart-checkout-panel-full-container .kk-cart-checkout-panel-summary .kk-cart-checkout-panel-amounts .kk-cart-checkout-panel-total-amount {
    display: none;
  }
  .kk-cart-checkout-panel .kk-cart-checkout-panel-full .kk-cart-checkout-panel-full-container .kk-cart-checkout-panel-actions {
    width: 100%;
  }
  .kk-cart-checkout-panel .kk-cart-checkout-panel-full .kk-cart-checkout-panel-full-container .kk-cart-checkout-panel-actions .fui-Button {
    width: 100%;
  }
  .kk-cart-checkout-dialog {
    padding-left: 10px;
    padding-right: 10px;
  }
  .kk-cart-checkout-dialog .kk-cart-checkout-dialog-content {
    padding-right: 5px;
  }
  .kk-cart-checkout-dialog .kk-cart-checkout-dialog-content .kk-cart-checkout-shipment .kk-cart-checkout-delivery,
  .kk-cart-checkout-dialog .kk-cart-checkout-dialog-content .kk-cart-checkout-shipment .kk-cart-checkout-pickup {
    flex-direction: column;
    gap: 10px;
  }
  .kk-cart-checkout-dialog .kk-cart-checkout-dialog-content .kk-cart-checkout-positions-list-view-header {
    display: none !important;
  }
  .kk-cart-checkout-dialog .kk-cart-checkout-dialog-content .kk-cart-checkout-positions-list-view-item {
    grid-template-columns: 1fr auto;
    row-gap: 8px;
    padding: 5px 0;
  }
  .kk-cart-checkout-dialog .kk-cart-checkout-dialog-content .kk-cart-checkout-positions-list-view-item .kk-checkout-pos-product {
    grid-column: 1/-1;
  }
  .kk-cart-checkout-dialog .kk-cart-checkout-dialog-content .kk-cart-checkout-positions-list-view-item .kk-checkout-pos-quantity {
    justify-content: flex-start;
    padding-left: 5px;
  }
  .kk-cart-checkout-dialog .kk-cart-checkout-dialog-content .kk-cart-checkout-positions-list-view-item .kk-checkout-pos-amount {
    padding-right: 5px;
  }
  .kk-cart-import-dialog.kk-dialog .kk-import-dialog-positions-toolbar-main .kk-import-dialog-positions-toolbar-stats > p:nth-child(2) {
    font-size: 12px;
  }
  .kk-cart-import-dialog.kk-dialog .kk-import-dialog-positions-toolbar-sub {
    margin-top: 10px;
  }
  .kk-cart-import-dialog.kk-dialog .kk-import-dialog-positions-toolbar-sub .kk-import-dialog-positions-toolbar-sub-view-dropdown {
    flex-direction: column;
    width: 100%;
    gap: 5px;
    align-items: flex-start;
    margin-bottom: 10px;
  }
  .kk-cart-import-dialog.kk-dialog .kk-import-dialog-positions-toolbar-sub .kk-import-dialog-positions-toolbar-sub-view-dropdown .fui-Dropdown {
    width: 100%;
  }
}
@media (max-width: 480px) {
  .Toastify__toast-container {
    margin-top: 60px !important;
  }
}
@media (max-width: 460px) {
  .kk-header .kk-header-main:has(.kk-searchbar input:focus) .kk-header-searchbar,
  .kk-header .kk-header-main:has(.kk-searchbar .kk-search-suggests:not(.kk-hidden)) .kk-header-searchbar {
    position: fixed;
    left: 0;
    top: 0;
    height: 60px;
    background: #fff;
    padding: 0px 16px;
    z-index: 11;
  }
  .kk-page .kk-breadcrumb-menu .kk-breadcrumb-menu-items .kk-breadcrumb-menu-button > span:first-child {
    max-width: 200px;
  }
  .kk-login-page .kk-login-page-content .kk-login-form .kk-form-options .fui-Checkbox label {
    padding: 0px;
    font-size: 12px;
  }
  .kk-login-page .kk-login-page-content .kk-login-form .kk-form-options .fui-Button {
    padding: 0px;
    text-align: end;
  }
  .kk-detail-page .kk-detail-product .kk-product-price-and-tiers {
    padding: 0px;
  }
  .kk-detail-page .kk-detail-product .kk-product-price-and-tiers .kk-detail-product-tiers {
    width: 100% !important;
  }
  .kk-detail-page .kk-detail-product .kk-product-price-and-tiers .kk-product-packing-tier,
  .kk-detail-page .kk-detail-product .kk-product-price-and-tiers .kk-product-pricing-tier {
    padding: 10px 5px;
  }
  .kk-detail-page .kk-detail-product .kk-product-price-and-tiers .kk-product-packing-tier-table,
  .kk-detail-page .kk-detail-product .kk-product-price-and-tiers .kk-product-pricing-tier-table {
    min-width: unset;
  }
  .kk-detail-page .kk-detail-product .kk-product-price-and-tiers .kk-product-packing-tier-table .fui-Input,
  .kk-detail-page .kk-detail-product .kk-product-price-and-tiers .kk-product-pricing-tier-table .fui-Input {
    max-width: 50px !important;
  }
  .kk-detail-page .kk-detail-product .kk-product-price-and-tiers .kk-product-packing-tier-table .kk-td-tier-uom,
  .kk-detail-page .kk-detail-product .kk-product-price-and-tiers .kk-product-packing-tier-table .kk-td-tier-unit,
  .kk-detail-page .kk-detail-product .kk-product-price-and-tiers .kk-product-packing-tier-table .kk-td-tier-space,
  .kk-detail-page .kk-detail-product .kk-product-price-and-tiers .kk-product-pricing-tier-table .kk-td-tier-uom,
  .kk-detail-page .kk-detail-product .kk-product-price-and-tiers .kk-product-pricing-tier-table .kk-td-tier-unit,
  .kk-detail-page .kk-detail-product .kk-product-price-and-tiers .kk-product-pricing-tier-table .kk-td-tier-space {
    padding: 4px 2px;
  }
  .kk-detail-page .kk-detail-gallery-zoom-dialog .kk-detail-gallery-zoom-dialog-content-videos .kk-detail-gallery-zoom-dialog-content-videos-navigation-item {
    flex-direction: column;
    align-items: flex-start;
  }
  .kk-cart-page .kk-cart-page-header .kk-cart-page-sub-header span {
    font-size: 14px;
  }
  .kk-cart-page .kk-cart-page-header > .fui-Button {
    width: 100%;
  }
  .kk-cart-page .kk-cart-shipment .kk-cart-shipment-delivery {
    flex-direction: column;
    gap: 10px;
  }
  .kk-cart-page .kk-cart-shipment .kk-cart-shipment-delivery .kk-delivery-address-selection {
    flex-direction: column;
  }
  .kk-cart-page .kk-cart-shipment .kk-cart-shipment-pickup {
    flex-direction: column;
    gap: 10px;
  }
  .kk-cart-page .kk-cart-shipment .fui-Field {
    display: flex;
    flex-direction: column;
  }
  .kk-cart-page .kk-cart-page-top-navbar .kk-cart-page-top-navbar-main .kk-cart-page-toolbar-title {
    font-size: 16px;
  }
  .kk-cart-page .kk-cart-page-top-navbar .kk-cart-page-sub-toolbar .kk-cart-page-sub-toolbar-actions {
    display: flex;
    flex-direction: column;
  }
  .kk-documents-page .kk-documents-page-top-navbar .kk-documents-page-top-navbar-right {
    flex-direction: column;
    align-items: flex-end;
  }
  .kk-documents-page .kk-documents-page-actionbar .kk-document-filter .kk-document-daterange-filter {
    flex-direction: column;
  }
  .kk-documents-page .kk-documents-page-actionbar .kk-document-filter .kk-document-daterange-filter > div {
    width: 100%;
  }
  .kk-documents-page .kk-documents-page-actionbar .kk-document-filter .kk-document-daterange-filter .fui-Input {
    width: 100%;
  }
  .kk-documents-page .kk-documents-table-view table th:nth-child(n+2),
  .kk-documents-page .kk-documents-table-view table td:nth-child(n+2) {
    display: none;
  }
  .kk-document-page .kk-document .kk-document-titlebar h1 {
    font-size: 24px;
  }
  .kk-document-page .kk-document .kk-document-fields {
    gap: 5px;
    flex-direction: column;
  }
  .kk-document-page .kk-document .kk-document-positions-view .kk-document-positions-table-view table th, .kk-document-page .kk-document .kk-document-positions-view .kk-document-positions-table-view table td {
    padding: 2px 4px;
  }
  .kk-document-page .kk-document .kk-document-positions-view .kk-document-positions-table-view table th:nth-child(1),
  .kk-document-page .kk-document .kk-document-positions-view .kk-document-positions-table-view table td:nth-child(1) {
    padding: 0px;
  }
  .kk-document-page .kk-document .kk-document-positions-view .kk-document-positions-order-list-view .kk-document-positions-order-list-view-item .kk-document-pos-price-and-quantity,
  .kk-document-page .kk-document .kk-document-positions-view .kk-document-positions-order-list-view .kk-document-positions-list-view-non-orderable-item .kk-document-pos-price-and-quantity {
    flex-direction: column-reverse;
    gap: 15px;
  }
  .kk-document-page .kk-document .kk-document-positions-view .kk-document-positions-order-list-view .kk-document-positions-order-list-view-item .kk-document-pos-price-and-quantity .kk-product-price-and-tiers,
  .kk-document-page .kk-document .kk-document-positions-view .kk-document-positions-order-list-view .kk-document-positions-list-view-non-orderable-item .kk-document-pos-price-and-quantity .kk-product-price-and-tiers {
    flex-direction: row;
    align-items: flex-start;
  }
  .kk-document-page .kk-document .kk-document-positions-view .kk-document-positions-order-list-view .kk-document-positions-order-list-view-item .kk-document-pos-price-and-quantity .kk-product-vpe,
  .kk-document-page .kk-document .kk-document-positions-view .kk-document-positions-order-list-view .kk-document-positions-list-view-non-orderable-item .kk-document-pos-price-and-quantity .kk-product-vpe {
    flex-direction: row;
  }
  .kk-document-page .kk-document .kk-document-positions-view .kk-document-positions-order-list-view .kk-document-positions-order-list-view-item .kk-document-pos-price-and-quantity .kk-product-button .fui-Button,
  .kk-document-page .kk-document .kk-document-positions-view .kk-document-positions-order-list-view .kk-document-positions-list-view-non-orderable-item .kk-document-pos-price-and-quantity .kk-product-button .fui-Button {
    max-width: unset;
  }
  .kk-document-page .kk-document .kk-document-positions-view .kk-document-positions-order-list-view .kk-document-positions-order-list-view-item .kk-document-pos-price-and-quantity .kk-document-pos-hint,
  .kk-document-page .kk-document .kk-document-positions-view .kk-document-positions-order-list-view .kk-document-positions-list-view-non-orderable-item .kk-document-pos-price-and-quantity .kk-document-pos-hint {
    justify-content: flex-end;
  }
  .kk-document-page .kk-document-angebot .kk-document-angebot-offercall-delivery .kk-document-angebot-offercall-delivery-fields .fui-Field {
    flex-direction: column;
  }
  .kk-document-page .kk-document-angebot .kk-document-angebot-offercall-delivery .kk-document-angebot-offercall-delivery-fields .kk-delivery-address-selection {
    flex-direction: column;
  }
  .kk-document-page .kk-document-angebot .kk-document-angebot-offercall-positions-list-view .kk-document-angebot-offercall-positions-list-view-item .kk-document-pos-price-and-quantity {
    flex-direction: column-reverse;
    gap: 15px;
  }
  .kk-document-page .kk-document-angebot .kk-document-angebot-offercall-positions-list-view .kk-document-angebot-offercall-positions-list-view-item .kk-document-pos-price-and-quantity .kk-product-price-and-tiers {
    flex-direction: row;
    align-items: flex-start;
  }
  .kk-document-page .kk-document-angebot .kk-document-angebot-offercall-positions-list-view .kk-document-angebot-offercall-positions-list-view-item .kk-document-pos-price-and-quantity .kk-product-vpe {
    flex-direction: row;
  }
  .kk-document-page .kk-document-angebot .kk-document-angebot-offercall-positions-list-view .kk-document-angebot-offercall-positions-list-view-item .kk-document-pos-price-and-quantity .kk-product-button .fui-Button {
    max-width: unset;
  }
  .kk-document-page .kk-document-angebot .kk-document-angebot-offercall-positions-list-view .kk-document-angebot-offercall-positions-list-view-item .kk-document-pos-price-and-quantity .kk-document-pos-hint {
    justify-content: flex-end;
    margin-bottom: 10px;
  }
  .kk-document-page .kk-document-abruf .kk-document-abruf-positions-actionbar-table {
    align-items: flex-start;
    flex-direction: column-reverse;
  }
  .kk-document-page .kk-document-abruf .kk-document-abruf-positions-actionbar-table .kk-document-abruf-positions-actionbar-options {
    flex-direction: column;
    align-items: flex-end;
    justify-content: flex-end;
    gap: 0px;
  }
  .kk-document-page .kk-document-abruf .kk-document-abruf-ordercall-positions-list-view .kk-document-abruf-ordercall-positions-list-view-item .kk-document-pos-price-and-quantity {
    flex-direction: column-reverse;
    gap: 15px;
  }
  .kk-downloads-page .kk-downloads-page-view .kk-download-view-item-v1 {
    flex-direction: column;
    align-items: flex-start;
    gap: 5px;
  }
  .kk-downloads-page .kk-downloads-page-view .kk-download-view-item-v1 .fui-Button, .kk-downloads-page .kk-downloads-page-view .kk-download-view-item-v1 a {
    border-radius: 0px;
    max-width: unset;
    width: 100%;
  }
  .kk-downloads-page .kk-downloads-page-view .kk-download-view-item-v1 .kk-download-view-item-text h4 {
    overflow-wrap: anywhere;
  }
  .kk-downloads-page .kk-downloads-page-view .kk-download-view-item {
    display: grid;
    grid-template-columns: auto 1fr;
  }
  .kk-downloads-page .kk-downloads-page-view .kk-download-view-item .kk-download-view-item-text {
    width: 100%;
  }
  .kk-downloads-page .kk-downloads-page-view .kk-download-view-item .fui-Button, .kk-downloads-page .kk-downloads-page-view .kk-download-view-item a {
    border-radius: 0px;
    max-width: unset;
    width: 100%;
    grid-column: 1/-1;
  }
  .kk-usermanagement-page {
    margin-top: 0px;
  }
  .kk-usermanagement-page .kk-usermanagement-page-actionbar {
    margin-top: 40px;
  }
  .kk-usermanagement-page .kk-usermanagement-page-table-view table th:nth-child(2),
  .kk-usermanagement-page .kk-usermanagement-page-table-view table th:nth-child(3),
  .kk-usermanagement-page .kk-usermanagement-page-table-view table td:nth-child(2),
  .kk-usermanagement-page .kk-usermanagement-page-table-view table td:nth-child(3) {
    display: none;
  }
  .kk-usermanagement-page .kk-usermanagement-page-table-view table .kk-td-usermanagement-id .fui-Button {
    text-align: start;
  }
  .kk-usermanagement-page .kk-usermanagement-page-table-view .kk-usermanagement-page-table-view-item-actions {
    flex-direction: column;
    align-items: flex-start;
  }
  .kk-usermanagement-page .kk-usermanagement-page-table-view .kk-usermanagement-page-table-view-item-actions .fui-Button {
    max-width: unset;
    width: 100%;
  }
  .kk-profile-page .kk-products-page-bookmarks-tab .kk-bookmark-navbar-actions > .kk-flex-row {
    display: none !important;
  }
  .kk-orderlist-page .kk-orderlists-navbar-actions .kk-orderlists-navbar-filters .fui-Button {
    font-size: 12px;
  }
  .kk-orderlist-page .kk-orderlist-navbar .kk-orderlist-navbar-groups .kk-orderlist-navbar-filters .kk-radio-button {
    padding: 4px 10px !important;
    min-width: unset !important;
  }
  .kk-orderlist-page .kk-orderlist-navbar .kk-orderlist-navbar-groups .kk-orderlist-navbar-actions {
    margin-top: 10px;
  }
  .kk-orderlist-page .kk-orderlist-navbar .kk-orderlist-navbar-groups .kk-orderlist-navbar-actions .kk-dropdown label {
    display: none;
  }
  .kk-orderlist-page .kk-orderlist-navbar .kk-orderlist-navbar-groups .kk-orderlist-navbar-actions .kk-search-input {
    display: none;
  }
  .kk-orderlist-page .kk-orderlist-pos-price-and-quantity {
    flex-direction: column-reverse;
    gap: 15px;
  }
  .kk-orderlist-page .kk-orderlist-pos-price-and-quantity .kk-product-button .fui-Button {
    max-width: unset;
  }
  .kk-orderlist-page .kk-orderlist-pos-price-and-quantity .kk-product-tiers {
    display: none;
  }
  .kk-orderlist-page .kk-orderlist-pos-price-and-quantity .kk-product-vpe {
    flex-direction: row;
  }
  .kk-ordermatrix-page .kk-ordermatrix-breadcrumb .kk-breadcrumb-sep,
  .kk-ordermatrix-page .kk-ordermatrix-breadcrumb .kk-breadcrumb-items {
    display: none;
  }
  .kk-ordermatrix-page .kk-ordermatrix-navbar {
    margin-top: 5px;
    padding: 4px 0px;
    gap: 10px;
    top: 70px;
  }
  .kk-ordermatrix-page .kk-ordermatrix-navbar h1 {
    font-size: 20px;
  }
  .kk-ordermatrix-page .kk-ordermatrix-navbar .kk-ordermatrix-navbar-options {
    margin-top: 0px;
  }
  .kk-ordermatrix-page .kk-ordermatrix-navbar .kk-ordermatrix-navbar-options .kk-ordermatrix-navbar-option-buttons {
    justify-content: space-between;
  }
  .kk-ordermatrix-page .kk-ordermatrix-product-view {
    margin-top: 5px;
  }
  .kk-ordermatrix-page .kk-ordermatrix-product-view table th {
    top: 158px;
  }
  .kk-ordermatrix-page .kk-ordermatrix-product-view table th:first-child {
    display: none;
  }
  .kk-ordermatrix-page .kk-ordermatrix-product-view table .kk-td-image {
    padding: 5px;
    min-width: unset;
    display: none;
  }
  .kk-ordermatrix-page .kk-ordermatrix-product-view table .kk-ordermatrix-product-image {
    width: 50px;
    height: 50px;
  }
  .kk-comparison-page .kk-comparison-selection-menu .fui-MenuPopover {
    max-width: 340px;
  }
  .fui-PopoverSurface {
    padding: 10px 6px !important;
  }
  .fui-PopoverSurface .kk-delivery-zipcode-popover-content {
    max-width: 260px;
  }
  .fui-PopoverSurface .kk-delivery-zipcode-popover-content .kk-search-input {
    width: 100%;
  }
  .fui-PopoverSurface .kk-delivery-zipcode-popover-content .kk-search-input input {
    width: 100%;
  }
  .fui-PopoverSurface .kk-product-stock-details,
  .fui-PopoverSurface .kk-product-price-details-content,
  .fui-PopoverSurface .kk-product-pricing-tier,
  .fui-PopoverSurface .kk-product-packing-tier {
    max-width: 340px !important;
    overflow-x: auto !important;
  }
  .fui-PopoverSurface .kk-product-stock-details .kk-product-packing-tier-table,
  .fui-PopoverSurface .kk-product-stock-details .kk-product-pricing-tier-table,
  .fui-PopoverSurface .kk-product-price-details-content .kk-product-packing-tier-table,
  .fui-PopoverSurface .kk-product-price-details-content .kk-product-pricing-tier-table,
  .fui-PopoverSurface .kk-product-pricing-tier .kk-product-packing-tier-table,
  .fui-PopoverSurface .kk-product-pricing-tier .kk-product-pricing-tier-table,
  .fui-PopoverSurface .kk-product-packing-tier .kk-product-packing-tier-table,
  .fui-PopoverSurface .kk-product-packing-tier .kk-product-pricing-tier-table {
    min-width: unset;
  }
  .fui-PopoverSurface .kk-product-stock-details .kk-product-packing-tier-table table,
  .fui-PopoverSurface .kk-product-stock-details .kk-product-pricing-tier-table table,
  .fui-PopoverSurface .kk-product-price-details-content .kk-product-packing-tier-table table,
  .fui-PopoverSurface .kk-product-price-details-content .kk-product-pricing-tier-table table,
  .fui-PopoverSurface .kk-product-pricing-tier .kk-product-packing-tier-table table,
  .fui-PopoverSurface .kk-product-pricing-tier .kk-product-pricing-tier-table table,
  .fui-PopoverSurface .kk-product-packing-tier .kk-product-packing-tier-table table,
  .fui-PopoverSurface .kk-product-packing-tier .kk-product-pricing-tier-table table {
    text-wrap: nowrap;
  }
  .fui-PopoverSurface .kk-product-stock-details .kk-product-packing-tier-table .fui-Input,
  .fui-PopoverSurface .kk-product-stock-details .kk-product-pricing-tier-table .fui-Input,
  .fui-PopoverSurface .kk-product-price-details-content .kk-product-packing-tier-table .fui-Input,
  .fui-PopoverSurface .kk-product-price-details-content .kk-product-pricing-tier-table .fui-Input,
  .fui-PopoverSurface .kk-product-pricing-tier .kk-product-packing-tier-table .fui-Input,
  .fui-PopoverSurface .kk-product-pricing-tier .kk-product-pricing-tier-table .fui-Input,
  .fui-PopoverSurface .kk-product-packing-tier .kk-product-packing-tier-table .fui-Input,
  .fui-PopoverSurface .kk-product-packing-tier .kk-product-pricing-tier-table .fui-Input {
    max-width: 50px !important;
  }
  .fui-PopoverSurface .kk-product-stock-details .kk-product-packing-tier-table .kk-td-tier-uom,
  .fui-PopoverSurface .kk-product-stock-details .kk-product-packing-tier-table .kk-td-tier-unit,
  .fui-PopoverSurface .kk-product-stock-details .kk-product-packing-tier-table .kk-td-tier-space,
  .fui-PopoverSurface .kk-product-stock-details .kk-product-pricing-tier-table .kk-td-tier-uom,
  .fui-PopoverSurface .kk-product-stock-details .kk-product-pricing-tier-table .kk-td-tier-unit,
  .fui-PopoverSurface .kk-product-stock-details .kk-product-pricing-tier-table .kk-td-tier-space,
  .fui-PopoverSurface .kk-product-price-details-content .kk-product-packing-tier-table .kk-td-tier-uom,
  .fui-PopoverSurface .kk-product-price-details-content .kk-product-packing-tier-table .kk-td-tier-unit,
  .fui-PopoverSurface .kk-product-price-details-content .kk-product-packing-tier-table .kk-td-tier-space,
  .fui-PopoverSurface .kk-product-price-details-content .kk-product-pricing-tier-table .kk-td-tier-uom,
  .fui-PopoverSurface .kk-product-price-details-content .kk-product-pricing-tier-table .kk-td-tier-unit,
  .fui-PopoverSurface .kk-product-price-details-content .kk-product-pricing-tier-table .kk-td-tier-space,
  .fui-PopoverSurface .kk-product-pricing-tier .kk-product-packing-tier-table .kk-td-tier-uom,
  .fui-PopoverSurface .kk-product-pricing-tier .kk-product-packing-tier-table .kk-td-tier-unit,
  .fui-PopoverSurface .kk-product-pricing-tier .kk-product-packing-tier-table .kk-td-tier-space,
  .fui-PopoverSurface .kk-product-pricing-tier .kk-product-pricing-tier-table .kk-td-tier-uom,
  .fui-PopoverSurface .kk-product-pricing-tier .kk-product-pricing-tier-table .kk-td-tier-unit,
  .fui-PopoverSurface .kk-product-pricing-tier .kk-product-pricing-tier-table .kk-td-tier-space,
  .fui-PopoverSurface .kk-product-packing-tier .kk-product-packing-tier-table .kk-td-tier-uom,
  .fui-PopoverSurface .kk-product-packing-tier .kk-product-packing-tier-table .kk-td-tier-unit,
  .fui-PopoverSurface .kk-product-packing-tier .kk-product-packing-tier-table .kk-td-tier-space,
  .fui-PopoverSurface .kk-product-packing-tier .kk-product-pricing-tier-table .kk-td-tier-uom,
  .fui-PopoverSurface .kk-product-packing-tier .kk-product-pricing-tier-table .kk-td-tier-unit,
  .fui-PopoverSurface .kk-product-packing-tier .kk-product-pricing-tier-table .kk-td-tier-space {
    padding: 4px 4px;
  }
  .Toastify__toast {
    min-width: unset !important;
  }
  .kk-cart-import-dialog.kk-dialog .kk-import-dialog-positions-toolbar-main .kk-import-dialog-positions-toolbar-stats > p:nth-child(2) {
    font-size: 10px;
  }
}