@charset "UTF-8";
.b2b-login-first {
  background: var(--account-login-bg);
  background-size: var(--account-login-bg-size);
  background-position: var(--account-login-bg-position);
  color: var(--account-login-color);
  padding: var(--account-login-padding) !important;
  min-height: 100dvh;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.b2b-login-first .mys-head {
  background: var(--account-login-head-bg);
  background-size: var(--account-login-head-bg-size);
  background-position: var(--account-login-head-bg-position);
  color: var(--account-login-head-color);
  border-radius: var(--account-login-head-radius);
  -webkit-box-shadow: var(--account-login-head-shadow);
          box-shadow: var(--account-login-head-shadow);
  max-width: var(--account-login-width);
  width: 100%;
}
.b2b-login-first .mys-head .mys-top,
.b2b-login-first .mys-head .mys-bot {
  display: none;
}
.b2b-login-first .mys-head .mys-mid {
  background: transparent;
}
.b2b-login-first .mys-head .mys-hslv {
  padding-left: var(--account-login-head-x-padding);
  padding-right: var(--account-login-head-x-padding);
}
.b2b-login-first .mys-head .mys-hslv .mys-col {
  padding-top: var(--account-login-head-y-padding);
  padding-bottom: var(--account-login-head-y-padding);
}
.b2b-login-first .mys-head .mys-product-menu-holder,
.b2b-login-first .mys-head .mys-menu,
.b2b-login-first .mys-head .mys-user,
.b2b-login-first .mys-head #korpa_mala,
.b2b-login-first .mys-head .mys-search,
.b2b-login-first .mys-head .mys-mob-trigger {
  display: none;
}
.b2b-login-first .mys-foot .mys-top,
.b2b-login-first .mys-foot .mys-mid {
  display: none;
}
.b2b-login-first .mys-foot .mys-bot {
  background: transparent;
}
.b2b-login-first main {
  max-width: var(--account-login-width) !important;
  width: 100%;
  margin: unset;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  background: var(--account-login-main-bg);
  color: var(--account-login-main-color);
  border: var(--account-login-main-border);
  border-radius: var(--account-login-main-radius);
  padding: var(--account-login-main-padding);
}
.b2b-login-first main .user-account {
  display: none;
}
.b2b-login-first main h1,
.b2b-login-first main h2 {
  font-size: var(--account-login-headline-size);
}
.b2b-login-first main .mys-content-layout .mys-bcrumb {
  display: none;
}
.b2b-login-first main .mys-user-account {
  margin-bottom: 0;
}
.b2b-login-first main .mys-user-account .user-login,
.b2b-login-first main .mys-user-account .user-forgotten-password {
  background: var(--account-login-account-bg);
  color: var(--account-login-account-color);
  border: var(--account-login-account-border);
  border-radius: var(--account-login-account-radius);
  padding: var(--account-login-account-padding);
}
.b2b-login-first .mys-foot {
  background: var(--account-login-foot-bg);
  background-size: var(--account-login-foot-bg-size);
  background-position: var(--account-login-foot-bg-position);
  color: var(--account-login-foot-color);
  border-radius: var(--account-login-foot-radius);
  -webkit-box-shadow: var(--account-login-foot-shadow);
          box-shadow: var(--account-login-foot-shadow);
  max-width: var(--account-login-width);
  width: 100%;
}
.b2b-login-first .mys-foot .mys-fslv {
  padding: var(--account-login-foot-y-padding) var(--account-login-foot-x-padding);
}
.b2b-login-first .mys-foot .mys-bot {
  padding-top: 0;
  background: none;
  color: inherit;
}
.b2b-login-first .mys-foot .mys-bot .mys-fslv {
  -ms-grid-columns: 1fr;
  grid-template-columns: 1fr;
}
.b2b-login-first .mys-foot .mys-bot .mys-fslv .col-copy .myoffice {
  background-image: var(--account-login-myoffice-logo);
}

.b2b-card-profile {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 1em;
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
  margin-bottom: 0;
}

.saldo-card-dates {
  font-size: 1rem;
  font-weight: normal;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0.5em;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  letter-spacing: 0;
  line-height: 1;
}
.saldo-card-dates i {
  font-size: 1.5em;
  letter-spacing: 0;
}

.mys-my-account .user-addresses .user-email-addresses {
  list-style: none;
  margin: 0;
  padding: 0;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr;
  grid-template-columns: 1fr;
  gap: 0.375em;
}
.mys-my-account .user-addresses .user-email-addresses li {
  padding: 0;
  line-height: 1.2;
}
.mys-my-account .user-addresses .user-email-addresses li:before {
  display: none;
}
.mys-my-account .user-addresses .user-email-addresses li strong {
  color: var(--secondary-color);
}
.mys-my-account .user-addresses .user-email-addresses li > span:before, .mys-my-account .user-addresses .user-email-addresses li > strong:before {
  display: block;
  font-family: remixicon;
  content: "\f264";
  float: left;
  line-height: 1;
  font-size: 1.5em;
  font-weight: normal;
  margin: 0 0.25em 0.5em 0;
}
.mys-my-account .user-addresses .user-email-addresses .user-email {
  font-size: 0.875em;
  opacity: 0.6;
}

.client-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 1em;
  container: client-list/inline-size;
}
.client-list .client-search .search-form {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0.5em;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  max-width: 40em;
}
.client-list .client-search .search-form .client-keyword {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
}
.client-list .client-search .search-form .client-search-btn {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
}
.client-list .client-table {
  position: relative;
}
.client-list .client-table table thead {
  position: sticky;
  top: var(--client-total-balance-sticky-top);
}
.client-list .client-table table thead tr th {
  font-size: var(--client-thead-font-size);
  line-height: 1.2;
  vertical-align: bottom;
  font-weight: normal;
  border-bottom: 0;
}
.client-list .client-table table tbody tr td {
  font-size: var(--client-font-size);
}
.client-list .client-table table tbody tr td.client-code {
  font-size: calc(var(--client-font-size) * 0.875);
  color: var(--theme-color-60);
}
.client-list .client-table table tfoot th {
  font-size: var(--client-total-balance-font-size);
}
.client-list .client-table table tfoot th.client-outside-currency {
  -ms-grid-row: 2;
  -ms-grid-column: 2;
  -ms-grid-row: 1;
  -ms-grid-column: 4;
  grid-area: c-out-cur;
}
.client-list .client-table table tfoot th.client-outside-currency:before {
  content: attr(data-title) ": ";
}

@container client-list (max-width: 900px) {
  .client-list .client-table {
    max-height: 70dvh;
  }
  .client-list .client-table table {
    display: block;
    width: 100%;
  }
  .client-list .client-table table tfoot tr th.client-code,
  .client-list .client-table table tbody tr td.client-code {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
    -ms-grid-column-span: 11;
    grid-area: c-code;
  }
  .client-list .client-table table tfoot tr th.client-desc,
  .client-list .client-table table tbody tr td.client-desc {
    -ms-grid-row: 3;
    -ms-grid-column: 1;
    -ms-grid-column-span: 11;
    grid-area: c-desc;
  }
  .client-list .client-table table tfoot tr th.client-owes, .client-list .client-table table tfoot tr th.client-seeks, .client-list .client-table table tfoot tr th.client-balance,
  .client-list .client-table table tbody tr td.client-owes,
  .client-list .client-table table tbody tr td.client-seeks,
  .client-list .client-table table tbody tr td.client-balance {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
    -ms-grid-column-span: 1;
    grid-area: c-owes;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    text-align: left;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
  .client-list .client-table table tfoot tr th.client-owes:before, .client-list .client-table table tfoot tr th.client-seeks:before, .client-list .client-table table tfoot tr th.client-balance:before,
  .client-list .client-table table tbody tr td.client-owes:before,
  .client-list .client-table table tbody tr td.client-seeks:before,
  .client-list .client-table table tbody tr td.client-balance:before {
    content: attr(data-title) ": ";
  }
  .client-list .client-table table tfoot tr th.client-seeks,
  .client-list .client-table table tbody tr td.client-seeks {
    -ms-grid-row: 1;
    -ms-grid-column: 2;
    -ms-grid-column-span: 1;
    grid-area: c-seeks;
  }
  .client-list .client-table table tfoot tr th.client-balance,
  .client-list .client-table table tbody tr td.client-balance {
    -ms-grid-row: 2;
    -ms-grid-column: 1;
    -ms-grid-column-span: 1;
    grid-area: c-bal;
  }
  .client-list .client-table table tfoot tr th.client-date-1, .client-list .client-table table tfoot tr th.client-date-2,
  .client-list .client-table table tbody tr td.client-date-1,
  .client-list .client-table table tbody tr td.client-date-2 {
    -ms-grid-row: 7;
    -ms-grid-column: 1;
    -ms-grid-column-span: 5;
    grid-area: c-date-1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-align: baseline;
        -ms-flex-align: baseline;
            align-items: baseline;
    gap: 0.5em;
  }
  .client-list .client-table table tfoot tr th.client-date-1:before, .client-list .client-table table tfoot tr th.client-date-2:before,
  .client-list .client-table table tbody tr td.client-date-1:before,
  .client-list .client-table table tbody tr td.client-date-2:before {
    content: attr(data-title) ": ";
  }
  .client-list .client-table table tfoot tr th.client-date-2,
  .client-list .client-table table tbody tr td.client-date-2 {
    -ms-grid-row: 7;
    -ms-grid-column: 7;
    -ms-grid-column-span: 5;
    grid-area: c-date-2;
  }
  .client-list .client-table table thead {
    display: none;
  }
  .client-list .client-table table tbody tr {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 1em 1fr 1em 1fr 1em 1fr 1em 1fr 1em 1fr;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
    -ms-grid-rows: auto 0.125em auto 0.125em auto 0.125em auto;
        grid-template-areas: "c-code c-code c-code c-code c-code c-code" "c-desc c-desc c-desc c-desc c-desc c-desc" "c-owes c-owes c-seeks c-seeks c-bal c-bal" "c-date-1 c-date-1 c-date-1 c-date-2 c-date-2 c-date-2";
    padding: 0.5em;
    gap: 0.125em 1em;
  }
  .client-list .client-table table tbody {
    display: block;
    width: 100%;
  }
  .client-list .client-table table tbody tr {
    border-bottom: var(--table-td-border-width) solid var(--table-td-border-color);
  }
  .client-list .client-table table tbody tr td {
    border-bottom: 0;
    padding: 0;
  }
  .client-list .client-table table tbody tr td.client-owes, .client-list .client-table table tbody tr td.client-seeks, .client-list .client-table table tbody tr td.client-balance, .client-list .client-table table tbody tr td.client-date-1, .client-list .client-table table tbody tr td.client-date-2 {
    text-align: left;
  }
  .client-list .client-table table tbody tr td.client-owes:before, .client-list .client-table table tbody tr td.client-seeks:before, .client-list .client-table table tbody tr td.client-balance:before, .client-list .client-table table tbody tr td.client-date-1:before, .client-list .client-table table tbody tr td.client-date-2:before {
    color: var(--theme-color-60);
    font-size: calc(var(--client-font-size) * 0.875);
    font-weight: normal;
  }
  .client-list .client-table table tfoot {
    display: block;
    width: 100%;
  }
  .client-list .client-table table tfoot tr {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 1fr 1fr 1fr;
    grid-template-columns: 1fr 1fr 1fr 1fr;
        grid-template-areas: "c-owes c-seeks c-bal c-out-cur";
  }
  .client-list .client-table table tfoot tr th.client-owes, .client-list .client-table table tfoot tr th.client-seeks, .client-list .client-table table tfoot tr th.client-balance, .client-list .client-table table tfoot tr th.client-outside-currency {
    text-align: left;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
  .client-list .client-table table tfoot tr th.client-owes:before, .client-list .client-table table tfoot tr th.client-seeks:before, .client-list .client-table table tfoot tr th.client-balance:before, .client-list .client-table table tfoot tr th.client-outside-currency:before {
    color: var(--white-color-60);
    font-size: calc(var(--client-font-size) * 0.875);
    font-weight: normal;
  }
}
@container client-list (max-width: 600px) {
  .client-list .client-table table tfoot tr {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 1fr;
    grid-template-columns: 1fr 1fr;
        grid-template-areas: "c-owes c-seeks" "c-bal c-out-cur";
  }
}
.client-table {
  max-height: var(--client-table-max-height);
  overflow-y: auto;
  padding-right: 6px;
}
.client-table .orders-table {
  margin-bottom: 0;
  position: relative;
}
.client-table .orders-table thead {
  position: var(--client-table-thead-position);
  top: 0;
}
.client-table .orders-table tfoot {
  position: var(--client-table-tfoot-position);
  bottom: 0;
}
.client-table::-webkit-scrollbar {
  width: 6px;
  background: var(--theme-color-5);
  border-radius: 6px;
}
.client-table::-webkit-scrollbar-thumb {
  background: var(--theme-color-15);
  border-radius: 6px;
}
.client-table::-webkit-scrollbar-thumb:hover {
  background: var(--theme-color-25);
}

.product-purchase-button {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: var(--sp-add-input-btn-group-gap);
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  position: relative;
}
.product-purchase-button .mys-purchase-amount {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  max-width: var(--sp-add-input-btn-group-max-width);
}
.product-purchase-button .mys-purchase-amount .product-amount {
  width: 100%;
  text-align: var(--sp-add-input-btn-group-align);
}
.product-purchase-button .mys-purchase-amount .max-message {
  position: absolute;
  background: var(--cart-quantity-width-max-warning-bg);
  color: var(--cart-quantity-width-max-warning-color);
  -webkit-box-shadow: var(--cart-quantity-width-max-warning-shadow);
          box-shadow: var(--cart-quantity-width-max-warning-shadow);
  inset: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: var(--cart-quantity-width-max-warning-padding);
  font-size: calc(var(--cart-quantity-width-max-warning-font-size) * 1.25);
  line-height: 1.2;
  white-space: nowrap;
  border-radius: var(--cart-quantity-width-max-warning-radius);
  z-index: 1;
}
.product-purchase-button .mys-purchase-link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
}
.product-purchase-button .mys-purchase-link .btn {
  width: 100%;
}

.mys-cart.b2b-cart .cart-trigger .cart-icon:before {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.mys-cart.b2b-cart .cart-trigger .cart-text {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.mys-cart.b2b-cart .cart-trigger .cart-text br {
  display: none;
}
.mys-cart.b2b-cart .wdg-cart .cart-contents .cart-products ul li .cart-item {
  gap: 1em;
}
.mys-cart.b2b-cart .wdg-cart .cart-contents .cart-products ul li .cart-item .cart-item-holder {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0.5em;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
}
.mys-cart.b2b-cart .wdg-cart .cart-contents .cart-products ul li .cart-item .cart-item-holder .item-photo {
  width: var(--cart-image-width);
  -ms-flex-negative: 0;
  flex-shrink: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  aspect-ratio: 1/1;
}
.mys-cart.b2b-cart .wdg-cart .cart-contents .cart-products ul li .cart-item .cart-item-holder .item-photo img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  -ms-flex-item-align: stretch;
      -ms-grid-row-align: stretch;
      align-self: stretch;
  -webkit-transform-origin: center;
          transform-origin: center;
  -webkit-transition: 300ms ease all;
  transition: 300ms ease all;
}
.mys-cart.b2b-cart .wdg-cart .cart-contents .cart-products ul li .cart-item .cart-item-holder .item-photo .item-image-tags {
  position: absolute;
  inset: var(--image-tags-inset);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: var(--image-tags-direction);
          flex-direction: var(--image-tags-direction);
  -webkit-box-align: var(--image-tags-align);
      -ms-flex-align: var(--image-tags-align);
          align-items: var(--image-tags-align);
  gap: var(--image-tags-gap);
  z-index: 1;
}
.mys-cart.b2b-cart .wdg-cart .cart-contents .cart-products ul li .cart-item .cart-item-holder .item-photo .item-image-tags .image-tag {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: calc(var(--image-tag-img-width) * 0.7);
  aspect-ratio: 1/1;
}
.mys-cart.b2b-cart .wdg-cart .cart-contents .cart-products ul li .cart-item .cart-item-holder .item-photo .item-image-tags .image-tag img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.mys-cart.b2b-cart .wdg-cart .cart-contents .cart-products ul li .cart-item .cart-item-holder .item-details {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}
.mys-cart.b2b-cart .wdg-cart .cart-contents .cart-products ul li .cart-item .cart-item-holder .item-details .item-code, .mys-cart.b2b-cart .wdg-cart .cart-contents .cart-products ul li .cart-item .cart-item-holder .item-details .item-cat {
  font-size: 0.75em;
  opacity: 0.6;
}
.mys-cart.b2b-cart .wdg-cart .cart-contents .cart-products ul li .cart-item .cart-item-holder .item-details br {
  display: none;
}
.mys-cart.b2b-cart .wdg-cart .cart-contents .cart-products ul li .cart-item .cart-item-holder .item-details .item-name {
  color: var(--cart-w-name-color);
  font-weight: var(--cart-w-name-weight);
  -webkit-transition: 300ms ease all;
  transition: 300ms ease all;
  line-height: 1.2;
  text-decoration: none;
}
.mys-cart.b2b-cart .wdg-cart .cart-contents .cart-products ul li .cart-item .cart-item-holder .item-details .item-name:hover {
  color: var(--cart-item-hover-color);
}
.mys-cart.b2b-cart .wdg-cart .cart-contents .cart-products ul li .cart-item .cart-item-holder .item-details .item-price {
  color: var(--cart-price-color);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  gap: 0.25em;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  font-size: 0.875em;
}
.mys-cart.b2b-cart .wdg-cart .cart-contents .cart-products ul li .cart-item .cart-item-holder .item-details .item-price strong {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  color: var(--cart-w-price-color);
  font-weight: var(--cart-w-price-weight);
  font-size: var(--cart-w-price-size);
}
.mys-cart.b2b-cart .wdg-cart .cart-contents .cart-products ul li .cart-item .cart-item-holder .item-details .item-price .amount {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.5em;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
}
.mys-cart.b2b-cart .wdg-cart .cart-contents .cart-products ul li .cart-item .cart-item-holder .item-details .item-price .amount .product-amount {
  max-width: 55px;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
}

@media (min-width: 576px) {
  .mys-cart.b2b-cart .cart-trigger .cart-icon:before {
    display: none;
  }
}
@media (max-width: 575px) {
  .mys-cart.b2b-cart .cart-trigger .cart-text {
    display: none;
  }
}
main .mys-currency-b2b .wdg-currency-chooser {
  background: var(--currency-choose-standalone-bg);
  color: var(--currency-choose-standalone-color);
  border-radius: var(--currency-choose-standalone-radius);
  padding: var(--currency-choose-standalone-padding);
  margin: var(--currency-choose-standalone-margin);
  -webkit-box-shadow: var(--currency-choose-standalone-shadow);
          box-shadow: var(--currency-choose-standalone-shadow);
  border: var(--currency-choose-standalone-border);
}
main .mys-currency-b2b .wdg-currency-chooser .current-currency .currency-label {
  font-size: var(--currency-choose-standalone-label-size);
  font-weight: var(--currency-choose-standalone-label-weight);
  color: var(--currency-choose-standalone-label-color);
}
main .mys-currency-b2b .wdg-currency-chooser .current-currency .currency-symbol {
  display: none;
}
main .mys-currency-b2b .wdg-currency-chooser .choose-currency {
  z-index: 1;
}
main .mys-currency-b2b .wdg-currency-chooser .choose-currency ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: var(--currency-choose-standalone-list-gap);
}
main .mys-currency-b2b .wdg-currency-chooser .choose-currency ul li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0.25em;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  cursor: pointer;
  -webkit-transition: 200ms ease all;
  transition: 200ms ease all;
}
main .mys-currency-b2b .wdg-currency-chooser .choose-currency ul li:before {
  font-family: var(--currency-choose-standalone-check-family);
  color: var(--currency-choose-standalone-check-color-unchecked);
  font-size: var(--currency-choose-standalone-check-size);
  content: var(--currency-choose-standalone-check-icon-unchecked);
  line-height: 1;
  -webkit-transition: 200ms ease all;
  transition: 200ms ease all;
}
main .mys-currency-b2b .wdg-currency-chooser .choose-currency ul li:hover:before {
  color: var(--currency-choose-standalone-check-color-hover);
}
main .mys-currency-b2b .wdg-currency-chooser .choose-currency ul li.active:before {
  content: var(--currency-choose-standalone-check-icon-checked);
  color: var(--currency-choose-standalone-check-color-checked);
}
.mys-head .mys-currency-b2b .wdg-currency-chooser {
  position: relative;
}
.mys-head .mys-currency-b2b .wdg-currency-chooser .current-currency {
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0.5em;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.mys-head .mys-currency-b2b .wdg-currency-chooser .current-currency .currency-label {
  font-size: var(--currency-choose-head-label-size);
}
.mys-head .mys-currency-b2b .wdg-currency-chooser .current-currency .currency-symbol {
  background: var(--currency-choose-head-shown-bg);
  color: var(--currency-choose-head-shown-color);
  border-radius: var(--currency-choose-head-shown-radius);
  padding: var(--currency-choose-head-shown-padding);
  font-size: var(--currency-choose-head-shown-size);
  font-weight: var(--currency-choose-head-shown-weight);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.15em;
}
.mys-head .mys-currency-b2b .wdg-currency-chooser .current-currency .currency-symbol:after {
  content: "";
  display: block;
  width: 1.5em;
  aspect-ratio: 1/1;
  background: var(--field-select-arrow);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  -webkit-transition: 200ms ease all;
  transition: 200ms ease all;
}
.mys-head .mys-currency-b2b .wdg-currency-chooser .choose-currency {
  position: absolute;
  inset: var(--currency-choose-head-inset);
  padding-top: 2px;
  pointer-events: none;
  opacity: 0;
  -webkit-transition: 300ms ease all;
  transition: 300ms ease all;
  -webkit-transform: var(--currency-choose-select-transform);
          transform: var(--currency-choose-select-transform);
}
.mys-head .mys-currency-b2b .wdg-currency-chooser .choose-currency ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  pointer-events: inherit;
  background: var(--currency-choose-select-bg);
  color: var(--currency-choose-select-color);
  border-radius: var(--currency-choose-select-radius);
  -webkit-box-shadow: var(--currency-choose-select-shadow);
          box-shadow: var(--currency-choose-select-shadow);
  padding: var(--currency-choose-select-padding);
  font-size: var(--currency-choose-select-font-size);
  line-height: var(--currency-choose-select-line-height);
}
.mys-head .mys-currency-b2b .wdg-currency-chooser .choose-currency ul li {
  padding: var(--currency-choose-select-li-padding);
  color: var(--currency-choose-select-li-color);
  cursor: pointer;
  -webkit-transition: 200ms ease all;
  transition: 200ms ease all;
  position: relative;
}
.mys-head .mys-currency-b2b .wdg-currency-chooser .choose-currency ul li:not(:last-child):after {
  content: "";
  display: block;
  height: 1px;
  position: absolute;
  inset: var(--currency-choose-select-li-line-inset);
  background: var(--gray-color-10);
}
.mys-head .mys-currency-b2b .wdg-currency-chooser .choose-currency ul li:hover {
  color: var(--currency-choose-select-li-hover-color);
}
.mys-head .mys-currency-b2b .wdg-currency-chooser .choose-currency ul li.active .currency-symbol {
  color: var(--currency-choose-select-li-active-color);
  font-weight: bold;
}
.mys-head .mys-currency-b2b .wdg-currency-chooser:hover .current-currency .currency-symbol:after {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}
.mys-head .mys-currency-b2b .wdg-currency-chooser:hover .choose-currency {
  opacity: 1;
  pointer-events: initial;
  -webkit-transform: var(--currency-choose-select-hover-transform);
          transform: var(--currency-choose-select-hover-transform);
}

.mys-user-saldo {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 0.5em;
}
.mys-user-saldo .saldo-card-dates {
  -ms-flex-item-align: end;
      -ms-grid-row-align: end;
      align-self: end;
}
.user-data .mys-user-saldo .saldo-card-dates {
  display: none;
}
.mys-user-saldo .saldo-stats {
  background: var(--saldo-w-bg);
  color: var(--saldo-w-color);
  border: var(--saldo-w-border);
  border-radius: var(--saldo-w-radius);
  padding: var(--saldo-w-padding);
  margin: var(--saldo-w-margin);
  display: var(--saldo-w-display);
  -ms-grid-columns: var(--saldo-w-columns);
  grid-template-columns: var(--saldo-w-columns);
  gap: var(--saldo-w-gap);
  -webkit-box-align: var(--saldo-w-align);
      -ms-flex-align: var(--saldo-w-align);
          align-items: var(--saldo-w-align);
  -webkit-box-pack: var(--saldo-w-justify);
      -ms-flex-pack: var(--saldo-w-justify);
          justify-content: var(--saldo-w-justify);
}
.user-data .mys-user-saldo .saldo-stats {
  margin-bottom: 0;
  margin-left: 0;
}
.mys-user-saldo .saldo-stats li {
  border: var(--saldo-w-li-border);
  border-radius: var(--saldo-w-li-radius);
  padding: var(--saldo-w-li-padding);
  display: var(--saldo-w-li-display);
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: var(--saldo-w-li-f-direction);
          flex-direction: var(--saldo-w-li-f-direction);
  -ms-grid-columns: var(--saldo-w-li-columns);
  grid-template-columns: var(--saldo-w-li-columns);
      grid-template-areas: var(--saldo-w-li-areas);
  gap: var(--saldo-w-li-gap);
  -webkit-box-align: var(--saldo-w-li-align);
      -ms-flex-align: var(--saldo-w-li-align);
          align-items: var(--saldo-w-li-align);
  -webkit-box-pack: var(--saldo-w-li-justify);
      -ms-flex-pack: var(--saldo-w-li-justify);
          justify-content: var(--saldo-w-li-justify);
}
.user-data .mys-user-saldo .saldo-stats li:before {
  display: none;
}
.mys-user-saldo .saldo-stats li i {
  font-style: normal;
  font-size: var(--saldo-w-icon-size);
  font-family: var(--saldo-w-icon-family);
  line-height: 1;
}
.mys-user-saldo .saldo-stats li i:before {
  font-style: inherit;
  line-height: 1;
}
.mys-user-saldo .saldo-stats li p {
  font-size: var(--saldo-w-text-size);
  line-height: 1.2;
  margin-bottom: 0 !important;
}
.mys-user-saldo .saldo-stats li p strong {
  font-size: var(--saldo-w-text-strong-size);
}
.mys-user-saldo .saldo-stats li.saldo-bought {
  background: var(--saldo-w-bought-bg);
  color: var(--saldo-w-bought-color);
  border-color: var(--saldo-w-bought-border-color);
}
.mys-user-saldo .saldo-stats li.saldo-bought i:before {
  content: var(--saldo-w-bought-icon);
}
.mys-user-saldo .saldo-stats li.saldo-paid {
  background: var(--saldo-w-paid-bg);
  color: var(--saldo-w-paid-color);
  border-color: var(--saldo-w-paid-border-color);
}
.mys-user-saldo .saldo-stats li.saldo-paid i:before {
  content: var(--saldo-w-paid-icon);
}
.mys-user-saldo .saldo-stats li.saldo-current {
  background: var(--saldo-w-current-bg);
  color: var(--saldo-w-current-color);
  border-color: var(--saldo-w-current-border-color);
}
.mys-user-saldo .saldo-stats li.saldo-current i:before {
  content: var(--saldo-w-current-icon);
}
.mys-user-saldo .saldo-stats li.saldo-conflicted {
  background: var(--saldo-w-conflicted-bg);
  color: var(--saldo-w-conflicted-color);
  border-color: var(--saldo-w-conflicted-border-color);
}
.mys-user-saldo .saldo-stats li.saldo-conflicted i:before {
  content: var(--saldo-w-conflicted-icon);
}

@media (max-width: 767px) {
  .mys-user-saldo .saldo-stats {
    -ms-grid-columns: var(--saldo-w-columns-767);
    grid-template-columns: var(--saldo-w-columns-767);
  }
}
@media (max-width: 575px) {
  .mys-user-saldo .saldo-stats {
    -ms-grid-columns: var(--saldo-w-columns-575);
    grid-template-columns: var(--saldo-w-columns-575);
  }
}
.mys-products-b2b {
  border: var(--products-table-border);
  border-radius: var(--products-table-radius);
  -webkit-box-shadow: var(--products-table-shadow);
          box-shadow: var(--products-table-shadow);
  width: 100%;
}
.mys-products-b2b thead th.b2b-code,
.mys-products-b2b tbody td.b2b-code {
  width: var(--products-table-view-code-width);
}
.mys-products-b2b thead th.b2b-favorite,
.mys-products-b2b tbody td.b2b-favorite {
  width: var(--products-table-view-favorite-width);
}
.mys-products-b2b thead th.b2b-name,
.mys-products-b2b tbody td.b2b-name {
  width: var(--products-table-view-name-width);
}
.mys-products-b2b thead th.b2b-image,
.mys-products-b2b tbody td.b2b-image {
  width: var(--products-table-view-image-width);
}
.mys-products-b2b thead th.b2b-packaging,
.mys-products-b2b tbody td.b2b-packaging {
  width: var(--products-table-view-packaging-width);
}
.mys-products-b2b thead th.b2b-lager,
.mys-products-b2b tbody td.b2b-lager {
  width: var(--products-table-view-lager-width);
}
.mys-products-b2b thead th.b2b-price-discount,
.mys-products-b2b tbody td.b2b-price-discount {
  width: var(--products-table-view-price-discount-width);
}
.mys-products-b2b thead th.b2b-price-discounted,
.mys-products-b2b tbody td.b2b-price-discounted {
  width: var(--products-table-view-price-discounted-width);
}
.mys-products-b2b thead th.b2b-price-wholesale,
.mys-products-b2b tbody td.b2b-price-wholesale {
  width: var(--products-table-view-price-wholesale-width);
}
.mys-products-b2b thead th.b2b-price-change,
.mys-products-b2b tbody td.b2b-price-change {
  width: var(--products-table-view-price-change-width);
}
.mys-products-b2b thead th.b2b-items-cart,
.mys-products-b2b tbody td.b2b-items-cart {
  width: var(--products-table-view-cart-width);
}
.mys-products-b2b thead th.b2b-items-add,
.mys-products-b2b tbody td.b2b-items-add {
  width: var(--products-table-view-add-cart-width);
}
.mys-products-b2b thead tr th {
  background: var(--products-table-th-bg);
  color: var(--products-table-th-color);
  font-size: var(--products-table-th-size);
  font-weight: var(--products-table-th-weight);
  padding: var(--products-table-th-padding);
  text-align: var(--products-table-th-text-align);
  line-height: var(--products-table-th-line-height);
  vertical-align: var(--products-table-th-valign);
  border-bottom: var(--products-table-th-border);
}
.mys-products-b2b thead tr th.b2b-favorite {
  font-size: 0;
}
.mys-products-b2b thead tr th.b2b-image {
  font-size: 0;
}
.mys-products-b2b thead tr th.b2b-packaging {
  text-align: right;
  font-size: calc(var(--products-table-th-size) * 0.875);
}
.mys-products-b2b thead tr th.b2b-lager {
  text-align: right;
}
.mys-products-b2b thead tr th.b2b-price-discount {
  text-align: right;
  font-size: calc(var(--products-table-th-size) * 0.875);
}
.mys-products-b2b thead tr th.b2b-price-discounted {
  text-align: right;
  font-size: calc(var(--products-table-th-size) * 0.875);
}
.mys-products-b2b thead tr th.b2b-price-wholesale {
  text-align: right;
}
.mys-products-b2b thead tr th.b2b-price-change {
  font-size: 0;
}
.mys-products-b2b thead tr th.b2b-items-cart {
  font-size: 0;
}
.mys-products-b2b thead tr th.b2b-items-add {
  font-size: 0;
}
.mys-products-b2b tbody tr:not(:last-child) td {
  border-bottom: var(--products-table-td-border);
}
.mys-products-b2b tbody tr[data-lager="0"] {
  opacity: 0.4;
  -webkit-transition: 200ms ease opacity;
  transition: 200ms ease opacity;
  position: relative;
}
.mys-products-b2b tbody tr[data-lager="0"]:hover {
  opacity: 1;
}
.mys-products-b2b tbody tr[data-lager="0"] td.b2b-items-add .add-to-cart {
  pointer-events: none;
  -webkit-filter: grayscale(1);
          filter: grayscale(1);
  opacity: 0.5;
}
.mys-products-b2b tbody tr td {
  padding: var(--products-table-td-padding);
  vertical-align: var(--products-table-td-valign);
}
.mys-products-b2b tbody tr td.b2b-code {
  color: var(--products-table-view-code-color);
  font-size: var(--products-table-view-code-size);
  font-weight: var(--products-table-view-code-weight);
  white-space: var(--products-table-view-code-whitespace);
}
.mys-products-b2b tbody tr td.b2b-favorite .item-wishlist-link .wishlist-btn {
  width: var(--products-table-view-favorite-icon-size);
  font-size: var(--products-table-view-favorite-icon-font-size);
  aspect-ratio: 1/1;
  border-radius: var(--products-table-view-favorite-radius);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  text-decoration: none;
}
.mys-products-b2b tbody tr td.b2b-favorite .item-wishlist-link .wishlist-btn i {
  line-height: 1;
  font-style: normal;
}
.mys-products-b2b tbody tr td.b2b-favorite .item-wishlist-link .wishlist-btn i:before {
  font-family: var(--products-table-view-favorite-family);
  line-height: inherit;
}
.mys-products-b2b tbody tr td.b2b-favorite .item-wishlist-link .wishlist-btn span {
  display: none;
}
.mys-products-b2b tbody tr td.b2b-favorite .item-wishlist-link .wishlist-btn.add-to-wishlist {
  -webkit-box-shadow: var(--products-table-view-favorite-icon-add-shadow);
          box-shadow: var(--products-table-view-favorite-icon-add-shadow);
  color: var(--products-table-view-favorite-icon-add-color);
}
.mys-products-b2b tbody tr td.b2b-favorite .item-wishlist-link .wishlist-btn.add-to-wishlist i:before {
  content: var(--products-table-view-favorite-icon-add);
}
.mys-products-b2b tbody tr td.b2b-favorite .item-wishlist-link .wishlist-btn.remove-from-wishlist {
  -webkit-box-shadow: var(--products-table-view-favorite-icon-remove-shadow);
          box-shadow: var(--products-table-view-favorite-icon-remove-shadow);
  color: var(--products-table-view-favorite-icon-remove-color);
}
.mys-products-b2b tbody tr td.b2b-favorite .item-wishlist-link .wishlist-btn.remove-from-wishlist i:before {
  content: var(--products-table-view-favorite-icon-remove);
}
.mys-products-b2b tbody tr td.b2b-name .b2b-name-link {
  line-height: var(--products-table-view-name-line-height);
  text-decoration: none;
  color: var(--products-table-view-name-color);
  font-size: var(--products-table-view-name-size);
  font-weight: var(--products-table-view-name-weight);
  display: inline-block;
}
.mys-products-b2b tbody tr td.b2b-name .b2b-name-link .b2b-name-description {
  display: var(--products-table-view-desc-display);
  color: var(--products-table-view-desc-color);
  font-size: var(--products-table-view-desc-size);
  font-weight: var(--products-table-view-desc-weight);
  -webkit-box-orient: var(--products-table-view-desc-orient);
  -webkit-line-clamp: var(--products-table-view-desc-line-clamp);
  text-overflow: ellipsis;
  overflow: hidden;
  max-height: var(--products-table-view-desc-max-height);
}
.mys-products-b2b tbody tr td.b2b-name .item-tags {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0.25em;
}
.mys-products-b2b tbody tr td.b2b-name .item-tags:not(:has(.item-tag)) {
  display: none;
}
.mys-products-b2b tbody tr td.b2b-image .item-image {
  position: relative;
  width: var(--products-table-view-image-width);
  aspect-ratio: 1/1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.mys-products-b2b tbody tr td.b2b-image .item-image .item-thumb {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.mys-products-b2b tbody tr td.b2b-image .item-image .item-larger {
  position: absolute;
  inset: auto auto 0 0;
  -webkit-transform: translateX(-100%);
          transform: translateX(-100%);
  display: block;
  z-index: 1000;
  background: var(--products-table-view-image-larger-bg);
  max-width: var(--products-table-view-image-larger-width);
  padding: var(--products-table-view-image-larger-padding);
  border-radius: var(--products-table-view-image-larger-radius);
  -webkit-box-shadow: var(--products-table-view-image-larger-shadow);
          box-shadow: var(--products-table-view-image-larger-shadow);
  -webkit-transition: 200ms ease opacity;
  transition: 200ms ease opacity;
  pointer-events: none;
  opacity: 0;
}
.mys-products-b2b tbody tr td.b2b-image .item-image:hover .item-larger {
  opacity: 1;
  pointer-events: initial;
}
.mys-products-b2b tbody tr td.b2b-packaging {
  text-align: right;
  color: var(--products-table-view-packaging-color);
  font-size: var(--products-table-view-packaging-size);
  font-weight: var(--products-table-view-packaging-weight);
}
.mys-products-b2b tbody tr td.b2b-lager {
  text-align: right;
  color: var(--products-table-view-price-lager-color);
  font-size: var(--products-table-view-price-lager-size);
  font-weight: var(--products-table-view-price-lager-weight);
}
.mys-products-b2b tbody tr td.b2b-price-discount {
  text-align: right;
  white-space: nowrap;
  color: var(--products-table-view-price-discount-color);
  font-size: var(--products-table-view-price-discount-size);
  font-weight: var(--products-table-view-price-discount-weight);
}
.mys-products-b2b tbody tr td.b2b-price-discounted {
  text-align: right;
  white-space: nowrap;
  color: var(--products-table-view-price-discounted-color);
  font-size: var(--products-table-view-price-discounted-size);
  font-weight: var(--products-table-view-price-discounted-weight);
}
.mys-products-b2b tbody tr td.b2b-price-wholesale {
  text-align: right;
  white-space: nowrap;
  color: var(--products-table-view-price-wholesale-color);
  font-size: var(--products-table-view-price-wholesale-size);
  font-weight: var(--products-table-view-price-wholesale-weight);
}
.mys-products-b2b tbody tr td.b2b-price-change .price-change {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: var(--products-table-view-price-change-icon-size);
  font-size: var(--products-table-view-price-change-icon-font-size);
  aspect-ratio: 1/1;
  border-radius: var(--products-table-view-price-change-icon-radius);
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  line-height: 1;
}
.mys-products-b2b tbody tr td.b2b-price-change .price-change:before {
  font-family: var(--products-table-view-price-change-icon-family);
  line-height: inherit;
}
.mys-products-b2b tbody tr td.b2b-price-change .price-change.price-up {
  -webkit-box-shadow: var(--products-table-view-price-change-up-shadow);
          box-shadow: var(--products-table-view-price-change-up-shadow);
  color: var(--products-table-view-price-change-up-color);
}
.mys-products-b2b tbody tr td.b2b-price-change .price-change.price-up:before {
  content: var(--products-table-view-price-change-up-icon);
}
.mys-products-b2b tbody tr td.b2b-price-change .price-change.price-down {
  -webkit-box-shadow: var(--products-table-view-price-change-down-shadow);
          box-shadow: var(--products-table-view-price-change-down-shadow);
  color: var(--products-table-view-price-change-down-color);
}
.mys-products-b2b tbody tr td.b2b-price-change .price-change.price-down:before {
  content: var(--products-table-view-price-change-down-icon);
}
.mys-products-b2b tbody tr td.b2b-price-change .price-change.price-same {
  -webkit-box-shadow: var(--products-table-view-price-change-same-shadow);
          box-shadow: var(--products-table-view-price-change-same-shadow);
  color: var(--products-table-view-price-change-same-color);
}
.mys-products-b2b tbody tr td.b2b-price-change .price-change.price-same:before {
  content: var(--products-table-view-price-change-same-icon);
}
.mys-products-b2b tbody tr td.b2b-items-cart {
  color: var(--products-table-view-cart-color);
  font-size: var(--products-table-view-cart-size);
  font-weight: var(--products-table-view-cart-weight);
}
.mys-products-b2b tbody tr td.b2b-items-add .add-to-cart {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  gap: 0.25em;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  position: relative;
}
.mys-products-b2b tbody tr td.b2b-items-add .add-to-cart .form-qty {
  font-size: var(--products-table-view-add-qty-size);
  width: var(--products-table-view-add-qty-width);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  text-align: right;
}
.mys-products-b2b tbody tr td.b2b-items-add .add-to-cart .btn-add {
  font-size: var(--products-table-view-add-btn-size);
  width: var(--products-table-view-add-btn-width);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.mys-products-b2b tbody tr td.b2b-items-add .add-to-cart .btn-add i {
  line-height: 1;
  font-style: normal;
}
.mys-products-b2b tbody tr td.b2b-items-add .add-to-cart .btn-add i:before {
  display: block;
  content: var(--products-table-view-add-btn-icon);
  font-family: var(--products-table-view-add-btn-icon-family);
}
.mys-products-b2b tbody tr td.b2b-items-add .add-to-cart .btn-add.btn-loading i:before {
  font-family: var(--preloader-font);
  content: var(--preloader-icon);
}
.mys-products-b2b tbody tr td.b2b-items-add .add-to-cart .max-message {
  position: absolute;
  background: var(--cart-quantity-width-max-warning-bg);
  color: var(--cart-quantity-width-max-warning-color);
  -webkit-box-shadow: var(--cart-quantity-width-max-warning-shadow);
          box-shadow: var(--cart-quantity-width-max-warning-shadow);
  inset: 0 0 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: var(--cart-quantity-width-max-warning-padding);
  font-size: var(--cart-quantity-width-max-warning-font-size);
  line-height: 1.2;
  white-space: nowrap;
  border-radius: var(--cart-quantity-width-max-warning-radius);
  z-index: 1;
}

@media (max-width: 767px) {
  .mys-products-b2b {
    display: block;
    width: 100%;
  }
  .mys-products-b2b thead {
    display: none;
  }
  .mys-products-b2b tbody {
    display: block;
    width: 100%;
  }
  .mys-products-b2b tbody tr {
    width: 100%;
    display: -ms-grid;
    display: grid;
    position: relative;
    -ms-grid-columns: var(--products-table-responsive-grid-columns);
    grid-template-columns: var(--products-table-responsive-grid-columns);
        grid-template-areas: var(--products-table-responsive-grid-areas);
    gap: var(--products-table-responsive-td-gap);
  }
  .mys-products-b2b tbody tr:not(:last-child) {
    border-bottom: var(--products-table-td-border);
  }
  .mys-products-b2b tbody tr:not(:last-child) td {
    border: 0;
  }
  .mys-products-b2b tbody tr td {
    padding: var(--products-table-responsive-td-padding);
  }
  .mys-products-b2b tbody tr td.b2b-code {
    grid-area: code;
    width: unset;
  }
  .mys-products-b2b tbody tr td.b2b-code:before {
    content: "Šifra: ";
  }
  .mys-products-b2b tbody tr td.b2b-favorite {
    grid-area: favorite;
    position: absolute;
    inset: 0.5em auto auto 0;
    padding: 0;
  }
  .mys-products-b2b tbody tr td.b2b-name {
    grid-area: name;
  }
  .mys-products-b2b tbody tr td.b2b-image {
    grid-area: image;
    width: 100%;
  }
  .mys-products-b2b tbody tr td.b2b-image .item-image {
    width: 100%;
    aspect-ratio: 1/1;
    max-width: 10em;
    margin: 0 auto;
  }
  .mys-products-b2b tbody tr td.b2b-image .item-image .item-larger {
    display: none;
  }
  .mys-products-b2b tbody tr td.b2b-packaging {
    grid-area: packaging;
    text-align: left;
  }
  .mys-products-b2b tbody tr td.b2b-packaging:before {
    content: "Transportno pakovanje: ";
  }
  .mys-products-b2b tbody tr td.b2b-lager {
    grid-area: lager;
    text-align: left;
  }
  .mys-products-b2b tbody tr td.b2b-lager:before {
    content: "Lager: ";
  }
  .mys-products-b2b tbody tr td.b2b-price-discount {
    grid-area: discount-price;
    width: unset;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  .mys-products-b2b tbody tr td.b2b-price-discount:before {
    content: "Rabat %: ";
  }
  .mys-products-b2b tbody tr td.b2b-price-discounted {
    grid-area: discounted-price;
    width: unset;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  .mys-products-b2b tbody tr td.b2b-price-discounted:before {
    content: "VP cena sa rabatom: ";
  }
  .mys-products-b2b tbody tr td.b2b-price-wholesale {
    grid-area: wholesale-price;
    width: unset;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  .mys-products-b2b tbody tr td.b2b-price-wholesale:before {
    content: "VP cena: ";
  }
  .mys-products-b2b tbody tr td.b2b-price-change {
    grid-area: price-change;
  }
  .mys-products-b2b tbody tr td.b2b-items-cart {
    grid-area: cart;
    text-align: right;
  }
  .mys-products-b2b tbody tr td.b2b-items-cart:before {
    content: "Poručeno: ";
  }
  .mys-products-b2b tbody tr td.b2b-items-cart:empty:before {
    display: none;
  }
  .mys-products-b2b tbody tr td.b2b-items-add {
    grid-area: add-cart;
    width: unset;
  }
  .mys-products-b2b tbody tr td.b2b-items-add .add-to-cart {
    width: 100%;
  }
  .mys-products-b2b tbody tr td.b2b-items-add .add-to-cart .form-qty {
    width: auto;
    -webkit-box-flex: 1;
        -ms-flex: 1 1 auto;
            flex: 1 1 auto;
  }
}
.mys-products-cat-b2b {
  display: -ms-grid;
  display: grid;
  gap: var(--product-main-list-gap);
}
.mys-products-cat-b2b:not(:last-of-type) .mys-products-b2b {
  margin-bottom: var(--product-main-list-table-margin);
}
.mys-products-cat-b2b .mys-prod-cat-title {
  margin-bottom: 0;
}
.mys-products-cat-b2b .mys-prod-cat-title .mys-cat-title {
  font-size: var(--product-main-b2b-cat-title-font-size);
}
.mys-products-cat-b2b .mys-prod-cat-title .mys-cat-title .mys-cat-group-title {
  font-size: var(--product-main-b2b-cat-group-font-size);
  font-weight: var(--product-main-b2b-cat-group-weight);
  color: var(--product-main-b2b-cat-group-color);
}
.mys-products-cat-b2b .mys-prod-cat-title .mys-cat-title .mys-cat-group-title:before {
  content: "- ";
}
.mys-products-cat-b2b .mys-products-b2b thead tr th {
  padding: var(--product-main-list-table-th-padding);
  border-top: var(--product-main-list-table-th-top-border);
}
.mys-products-cat-b2b .mys-products-b2b tbody tr:last-child td {
  border-bottom: var(--products-table-td-border);
}

.mys-product .item-data .item-price .price-rabat {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr;
  grid-template-columns: 1fr;
  gap: var(--product-rabat-gap);
}
.mys-product .item-data .item-price .price-rabat .rabat-percent {
  color: var(--product-rabat-color);
  font-size: var(--product-rabat-size);
  font-weight: var(--product-rabat-weight);
}
.mys-product .item-data .item-price .price-rabat .rabat-percent strong {
  font-weight: var(--product-rabat-percent-weight);
}
.mys-product .item-data .item-price .price-rabat .rabat-final {
  color: var(--product-rabat-final-color);
  font-size: var(--product-rabat-final-size);
  font-weight: var(--product-rabat-final-weight);
}

.mys-display-options .mys-filter-page .mys-mobile-filter {
  display: block;
}

@media (max-width: 991px) {
  .mys-display-options .mys-filter-page .mys-mobile-filter {
    display: block;
  }
}
@media (max-width: 767px) {
  .mys-display-options.mys-has-filtering {
        grid-template-areas: "mys-filter-page" "mys-pagination";
  }
  .mys-display-options.mys-has-filtering .mys-filter-page {
    -ms-grid-columns: 1fr 1fr;
    grid-template-columns: 1fr 1fr;
  }
  .mys-display-options.mys-has-filtering .mys-mobile-filter {
    -ms-grid-column-span: 2;
    grid-column: span 2;
  }
}
@media (min-width: 992px) {
  .mys-filters .filter-backdrop .filter-contents {
    position: fixed;
    inset: 0 0 0 auto;
    z-index: 101;
    width: var(--filters-sidebar-width);
    background: var(--filters-sidebar-bg);
    color: var(--filters-sidebar-color);
    padding: var(--filters-sidebar-padding);
    -webkit-transform: translateX(100%);
            transform: translateX(100%);
    -webkit-transition: 300ms ease transform, 300ms ease opacity;
    transition: 300ms ease transform, 300ms ease opacity;
  }
  .sidebar-filters .mys-filters .filter-backdrop .filter-contents {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .sidebar-filters .mys-filters .filter-backdrop .filter-contents .filters-close {
    display: block;
    position: absolute;
    right: 1em;
    top: 1em;
    cursor: pointer;
    text-decoration: none;
  }
  .sidebar-filters .mys-filters .filter-backdrop .filter-contents .filters-close span {
    display: none;
  }
  .sidebar-filters .mys-filters .filter-backdrop .filter-contents .filters-close label {
    cursor: pointer;
  }
  .sidebar-filters .mys-filters .filter-backdrop .filter-contents .filters-close label:after {
    color: var(--primary-color);
    -webkit-box-shadow: 0 0 0 2px var(--primary-color) inset;
            box-shadow: 0 0 0 2px var(--primary-color) inset;
    content: var(--filters-close-icon);
    font-family: var(--filters-close-font);
    line-height: 1;
    font-size: 1.5em;
    width: 1.5em;
    height: 1.5em;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    border-radius: 50%;
    -webkit-transition: 300ms ease all;
    transition: 300ms ease all;
  }
  .sidebar-filters .mys-filters .filter-backdrop .filter-contents .filters-close label:hover:after {
    color: var(--white-color);
    -webkit-box-shadow: 0 0 0 2em var(--primary-color) inset;
            box-shadow: 0 0 0 2em var(--primary-color) inset;
  }
  .sidebar-filters .mys-filters .filter-backdrop .filter-contents .filter-contents-title {
    display: block;
    font-size: 1.25rem;
  }
  .sidebar-filters .mys-filters .filter-backdrop .filter-contents form {
    overflow-y: auto;
    margin-right: -0.75em;
    padding-right: 0.75em;
    position: relative;
    isolation: isolate;
  }
  .sidebar-filters .mys-filters .filter-backdrop .filter-contents form::-webkit-scrollbar {
    width: 6px;
    background: var(--theme-color-5);
    border-radius: 6px;
  }
  .sidebar-filters .mys-filters .filter-backdrop .filter-contents form::-webkit-scrollbar-thumb {
    background: var(--theme-color-15);
    border-radius: 6px;
  }
  .sidebar-filters .mys-filters .filter-backdrop .filter-contents form::-webkit-scrollbar-thumb:hover {
    background: var(--theme-color-25);
  }
  .mys-filters .mys-mobile-filter-checkbox:checked + .filter-backdrop .filter-contents {
    -webkit-box-shadow: var(--b-shad) var(--filters-sidebar-shadow-color);
            box-shadow: var(--b-shad) var(--filters-sidebar-shadow-color);
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}