@charset "UTF-8";
* {
  --light-gray-color-hs: 0deg 0%;
  --light-gray-color-l: 96%;
  --light-gray-color-hsl: var(--light-gray-color-hs) var(--light-gray-color-l);
  --light-gray-color: hsl(var(--light-gray-color-hs) var(--light-gray-color-l));
  --light-gray-color-2: hsl(var(--light-gray-color-hsl) / calc(2 * 1%));
  --light-gray-color-3: hsl(var(--light-gray-color-hsl) / calc(3 * 1%));
  --light-gray-color-4: hsl(var(--light-gray-color-hsl) / calc(4 * 1%));
  --light-gray-color-5: hsl(var(--light-gray-color-hsl) / calc(5 * 1%));
  --light-gray-color-6: hsl(var(--light-gray-color-hsl) / calc(6 * 1%));
  --light-gray-color-7: hsl(var(--light-gray-color-hsl) / calc(7 * 1%));
  --light-gray-color-8: hsl(var(--light-gray-color-hsl) / calc(8 * 1%));
  --light-gray-color-9: hsl(var(--light-gray-color-hsl) / calc(9 * 1%));
  --light-gray-color-10: hsl(var(--light-gray-color-hsl) / calc(10 * 1%));
  --light-gray-color-15: hsl(var(--light-gray-color-hsl) / calc(15 * 1%));
  --light-gray-color-20: hsl(var(--light-gray-color-hsl) / calc(20 * 1%));
  --light-gray-color-25: hsl(var(--light-gray-color-hsl) / calc(25 * 1%));
  --light-gray-color-30: hsl(var(--light-gray-color-hsl) / calc(30 * 1%));
  --light-gray-color-35: hsl(var(--light-gray-color-hsl) / calc(35 * 1%));
  --light-gray-color-40: hsl(var(--light-gray-color-hsl) / calc(40 * 1%));
  --light-gray-color-45: hsl(var(--light-gray-color-hsl) / calc(45 * 1%));
  --light-gray-color-50: hsl(var(--light-gray-color-hsl) / calc(50 * 1%));
  --light-gray-color-55: hsl(var(--light-gray-color-hsl) / calc(55 * 1%));
  --light-gray-color-60: hsl(var(--light-gray-color-hsl) / calc(60 * 1%));
  --light-gray-color-65: hsl(var(--light-gray-color-hsl) / calc(65 * 1%));
  --light-gray-color-70: hsl(var(--light-gray-color-hsl) / calc(70 * 1%));
  --light-gray-color-75: hsl(var(--light-gray-color-hsl) / calc(75 * 1%));
  --light-gray-color-80: hsl(var(--light-gray-color-hsl) / calc(80 * 1%));
  --light-gray-color-85: hsl(var(--light-gray-color-hsl) / calc(85 * 1%));
  --light-gray-color-90: hsl(var(--light-gray-color-hsl) / calc(90 * 1%));
  --light-gray-color-95: hsl(var(--light-gray-color-hsl) / calc(95 * 1%));
}

body {
  background: var(--light-gray-color);
  font-size: 15px;
  padding-top: 9.25em;
}

@media (max-width: 879px) {
  body {
    padding-top: 9em;
  }
}
@media (max-width: 767px) {
  body {
    padding-top: 8.5em;
  }
}
h1, h2, h3, h4, h5, h6 {
  line-height: 1.2;
}

.main-content {
  background: var(--theme-bg);
  padding: 2em;
  border-radius: var(--b-radius);
  -webkit-box-shadow: 0 0.25em 0.5em var(--theme-color-10);
          box-shadow: 0 0.25em 0.5em var(--theme-color-10);
}
.main-content.main-no-bg, .b2b-login-first .main-content {
  background: none;
  padding: 0;
  border-radius: 0;
  -webkit-box-shadow: none;
          box-shadow: none;
}

.b2b-login-first main {
  -webkit-box-shadow: 0 0 2em var(--black-color-10);
          box-shadow: 0 0 2em var(--black-color-10);
}
.b2b-login-first main h2 {
  color: var(--primary-color);
  border-bottom: 2px dotted var(--theme-color-10);
  padding-bottom: 0.25em;
  margin-bottom: 0.5em;
}
main > .main-content {
  margin-top: 1.5em;
}

@media (max-width: 575px) {
  .main-content {
    padding: 1em;
  }
  .main-content.main-no-bg {
    padding: 0;
  }
}
.mys-foot .mys-mid {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.mys-foot .mys-badges .mys-fslv {
  padding-top: 0;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: auto 1fr;
  grid-template-columns: auto 1fr;
}
.mys-foot .mys-badges p {
  display: block;
  margin: 0;
  -webkit-box-flex: 0;
      -ms-flex: 0 1 auto;
          flex: 0 1 auto;
}
.mys-foot .mys-badges .badges {
  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;
  gap: 2em;
}
.mys-foot .mys-badges .badge {
  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-foot .mys-badges .badge img {
  max-height: 50px;
}
.mys-foot .col-newsletter {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 1em 1fr;
  grid-template-columns: 1fr 1fr;
  -ms-grid-rows: auto 0.25em auto;
      grid-template-areas: "title form" "desc form";
  -ms-flex-line-pack: center;
      align-content: center;
  gap: 0.25em 1em;
}
.mys-foot .col-newsletter .foot-col-title {
  -ms-grid-row: 1;
  -ms-grid-column: 1;
  grid-area: title;
  margin-bottom: 0;
  font-weight: normal;
  color: var(--white-color);
  font-size: 2.25em;
}
.mys-foot .col-newsletter p {
  -ms-grid-row: 3;
  -ms-grid-column: 1;
  grid-area: desc;
}
.mys-foot .col-newsletter .mys-newsletter-short {
  -ms-grid-row: 1;
  -ms-grid-row-span: 3;
  -ms-grid-column: 3;
  grid-area: form;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0.5em;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.mys-foot .col-newsletter .mys-newsletter-short .form-user-email {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  background: transparent !important;
  outline-color: var(--white-color-30);
  color: var(--white-color);
  border-radius: 2em;
}
.mys-foot .col-newsletter .mys-newsletter-short .form-user-email::-webkit-input-placeholder {
  color: var(--white-color-40) !important;
}
.mys-foot .col-newsletter .mys-newsletter-short .form-user-email::-moz-placeholder {
  color: var(--white-color-40) !important;
}
.mys-foot .col-newsletter .mys-newsletter-short .form-user-email:-ms-input-placeholder {
  color: var(--white-color-40) !important;
}
.mys-foot .col-newsletter .mys-newsletter-short .form-user-email::-ms-input-placeholder {
  color: var(--white-color-40) !important;
}
.mys-foot .col-newsletter .mys-newsletter-short .form-user-email::placeholder {
  color: var(--white-color-40) !important;
}
.mys-foot .col-newsletter .mys-newsletter-short .form-user-email:hover {
  outline-color: var(--white-color-50) !important;
}
.mys-foot .col-newsletter .mys-newsletter-short .form-user-email:focus {
  outline-color: var(--white-color) !important;
}
.mys-foot .social {
  font-weight: bold;
  display: block;
  font-size: 1.125em;
  margin: 1.5em 0 0.5em;
}
.mys-foot .socials {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0.5em;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.mys-foot .col-about-logo {
  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;
  text-align: center;
}
.mys-foot .mys-shop-logo .logo-wrap .logo-img {
  width: 100%;
  max-width: 220px;
}
.mys-foot .links {
  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.25em;
}
.mys-foot .links p {
  font-size: 1.25em;
  font-weight: bold;
}
.mys-foot .links .top-link .mys-ico-label {
  color: var(--theme-color);
}

@media (max-width: 991px) {
  .mys-foot .col-newsletter {
    text-align: center;
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
        grid-template-areas: "title" "desc" "form";
  }
  .mys-foot .col-newsletter .foot-col-title {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .mys-foot .col-newsletter .mys-newsletter-short {
    margin-top: 0.5em;
  }
  .mys-foot .mys-badges .mys-fslv {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
  }
  .mys-foot .mys-badges .mys-fslv p {
    text-align: center;
    -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
            order: -1;
  }
  .mys-foot .col-newsletter .foot-col-title {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }
  .mys-foot .col-newsletter p {
    -ms-grid-row: 2;
    -ms-grid-column: 1;
  }
  .mys-foot .col-newsletter .mys-newsletter-short {
    -ms-grid-row: 3;
    -ms-grid-row-span: 1;
    -ms-grid-column: 1;
  }
}
@media (max-width: 767px) {
  .mys-foot .col-copy {
    text-align: center;
  }
  .mys-foot .mys-badges .badge img {
    max-height: 3em;
  }
}
.logo-cards {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0.25em;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.logo-cards .single-card {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 60px;
  height: 40px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  background: var(--white-color);
  border-radius: var(--b-radius-sm);
  border: 2px solid transparent;
  -webkit-transition: 200ms ease all;
  transition: 200ms ease all;
}
.logo-cards .single-card img {
  height: 100%;
  width: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  display: block;
  mix-blend-mode: multiply;
}
.logo-cards a.single-card:hover {
  border-color: var(--primary-color-50);
  -webkit-transition: 200ms ease all;
  transition: 200ms ease all;
}

@media (max-width: 767px) {
  .logo-cards {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}
.mys-head.mys-head-sticky {
  position: fixed;
  inset: 0 0 auto;
  -webkit-box-shadow: 0 0.5em 1.5em var(--black-color-10);
          box-shadow: 0 0.5em 1.5em var(--black-color-10);
}
.b2b-login-first .mys-head.mys-head-sticky {
  position: relative;
  inset: unset;
  -webkit-box-shadow: var(--account-login-head-shadow);
          box-shadow: var(--account-login-head-shadow);
}
.b2b-login-first .mys-head .wdg-top-right {
  display: none;
}
.mys-head .top-link {
  font-size: 12px;
  margin-right: 1em;
}
.mys-head .top-link .mys-ico {
  gap: 0.75em;
}
.mys-head .top-link .mys-ico-label {
  color: var(--black-color);
  -webkit-transition: 300ms ease all;
  transition: 300ms ease all;
  font-family: var(--h-font, var(--base-font));
}
.mys-head .top-link:hover .mys-ico-label {
  color: var(--black-color-60);
}
.mys-head .mys-bot {
  color: var(--white-color);
}
.mys-head .mys-col.wdg-search-holder {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
}
.mys-head .btn-b2b {
  margin: 0 2em;
}

@media (max-width: 1199px) {
  .mys-head .col-logo {
    margin-right: auto;
  }
}
@media (max-width: 991px) {
  * {
    --logo-width: 200px;
  }
  .mys-head .mys-mid .mys-head-cols {
    gap: 1em;
  }
  .mys-head .top-link {
    margin-right: 0;
  }
  .mys-head .btn-b2b {
    margin: 0 1em;
  }
}
@media (max-width: 879px) {
  * {
    --logo-width: 160px;
  }
  .mys-head .btn.btn-b2b {
    font-size: 0.75em;
    margin: 0;
    padding: 1.125em 1em !important;
  }
}
@media (max-width: 767px) {
  .mys-head .soc-link {
    display: none;
  }
  .mys-head .top-link .mys-ico-label {
    width: 4em;
    line-height: 1;
  }
  .mys-head .top-link .mys-ico-label .ico-phone {
    display: none;
  }
}
@media (min-width: 576px) {
  .mys-head .btn.btn-b2b i {
    display: none;
  }
}
@media (max-width: 575px) {
  .mys-head .top-link .mys-ico-label {
    display: none;
  }
  .mys-head .btn.btn-b2b span {
    display: none;
  }
  .mys-head .btn.btn-b2b:after {
    content: "B2B";
    display: block;
  }
  .mys-head .mys-bot .mys-head-cols {
    gap: 1em;
  }
  .mys-head .mys-bot .mys-col.col-multiple-wdg.gap-xl {
    gap: 1em;
  }
}
@media (min-width: 1200px) {
  .mys-mob-trigger {
    display: none;
  }
}
@media (max-width: 1199px) {
  .mys-mob-trigger {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
}
.myoffice {
  font-weight: bold;
  color: transparent !important;
  background: url(/assets/img/myoffice-gray.svg) no-repeat center;
  background-size: contain;
  aspect-ratio: 89/19;
  display: inline-block;
  text-decoration: none;
  width: 7em;
  text-align: center;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  margin: 0 0.25em;
}

.mys-product-trigger span {
  font-family: var(--m-font, var(--base-font));
  font-size: 13px;
}

@media (max-width: 1199px) {
  .mys-head .mys-menu {
    opacity: 0;
    pointer-events: none;
    -webkit-transition: 500ms ease all;
    transition: 500ms ease all;
    margin-left: 0;
  }
  .mys-head .mys-menu * {
    pointer-events: none;
  }
  header .mys-menu-toggler:checked + .mys-menu {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    opacity: 1;
    pointer-events: initial;
  }
  header .mys-menu-toggler:checked + .mys-menu * {
    pointer-events: initial;
  }
  .mys-menu {
    position: fixed;
    inset: 0;
    z-index: 100;
    background: var(--menu-resp-bg);
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .mys-menu:before {
    content: "";
    display: block;
    position: absolute;
    inset: 0;
    background: var(--menu-resp-image);
    background-size: var(--menu-resp-image-size);
    mix-blend-mode: var(--menu-resp-image-effect);
    opacity: var(--menu-resp-image-opacity);
  }
  .mys-menu nav {
    height: 100vh;
    width: 100vw;
    overflow-y: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: var(--menu-resp-padding);
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    position: relative;
    color: var(--menu-resp-color);
  }
  .mys-menu nav:after {
    content: "";
    display: block;
    height: calc(var(--menu-resp-padding) * 3);
    width: 100%;
    background: -webkit-gradient(linear, left bottom, left top, from(var(--menu-resp-bg)), to(transparent));
    background: linear-gradient(to top, var(--menu-resp-bg), transparent);
    position: fixed;
    left: 0;
    bottom: 0;
  }
  .mys-menu nav > ul {
    width: 80%;
    margin: auto;
    display: block;
  }
  .mys-menu nav > ul > li:not(:last-child):after {
    content: "";
    display: block;
    height: 1px;
    background: currentColor;
    opacity: 0.1;
    width: 100%;
    margin: 0.5em 0;
    position: unset;
  }
  .mys-menu nav > ul > li a {
    padding: 0.375em 0;
  }
  .mys-menu nav > ul > li ul {
    margin: 0.5em 0;
    position: unset;
    left: unset;
    background: transparent;
    display: block;
    padding: 0;
    border-radius: 0;
    -webkit-box-shadow: 0;
            box-shadow: 0;
    width: unset;
    -webkit-transform: none;
            transform: none;
    opacity: unset;
    pointer-events: initial;
  }
  .mys-menu nav > ul > li ul li {
    padding: 0;
  }
  .mys-menu nav > ul > li ul li a {
    color: var(--theme-color);
  }
  .mys-menu nav > ul > li ul ul {
    opacity: 0.7;
  }
  .mys-menu nav > ul > li ul ul li a {
    font-size: 0.875em;
    padding: 0;
  }
  .mys-menu nav ul {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: var(--menu-resp-item-gap);
  }
  .mys-menu nav ul > li a {
    display: block;
    text-align: center;
  }
}
@media (min-width: 992px) and (max-width: 1099px) {
  * {
    --menu-item-gap: 1.5em;
  }
}
@media (max-width: 991px) {
  .mys-menu nav {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .mys-menu nav > ul {
    margin: auto;
  }
  .mys-menu nav > ul > li > a {
    padding: 0.375em 0;
  }
}
@media (min-width: 992px) {
  .mys-menu nav ul li ul li a {
    padding: 0.5em 0;
  }
}
.mys-search .search-desk {
  position: relative;
}
.mys-search .search-desk .search-field {
  color: var(--white-color) !important;
  border-radius: 2em !important;
  padding-left: 1.5em !important;
  padding-right: 3.5em !important;
  outline-color: var(--white-color-40) !important;
}
.mys-search .search-desk .search-field::-webkit-input-placeholder {
  color: var(--white-color-60) !important;
}
.mys-search .search-desk .search-field::-moz-placeholder {
  color: var(--white-color-60) !important;
}
.mys-search .search-desk .search-field:-ms-input-placeholder {
  color: var(--white-color-60) !important;
}
.mys-search .search-desk .search-field::-ms-input-placeholder {
  color: var(--white-color-60) !important;
}
.mys-search .search-desk .search-field::placeholder {
  color: var(--white-color-60) !important;
}
.mys-search .search-desk .search-field:hover {
  outline-color: var(--white-color-60) !important;
}
.mys-search .search-desk .search-field:focus {
  outline-color: var(--white-color) !important;
}
.mys-search .search-desk .search-btn {
  position: absolute;
  inset: 0 1em 0 auto;
  background: transparent;
  border: 0;
  padding: 0;
  cursor: pointer;
  color: var(--white-color);
  -webkit-transition: 300ms ease all;
  transition: 300ms ease all;
}
.mys-search .search-desk .search-btn i {
  font-size: 1.75rem;
}
.mys-search .search-desk .search-btn:hover {
  color: var(--white-color-60);
}

@media (max-width: 767px) {
  .mys-search .search-wrap .search-mob-trigger {
    margin-left: auto;
  }
  .mys-search .search-wrap .search-mob-trigger:after {
    color: var(--white-color);
    border-radius: 0 !important;
    -webkit-box-shadow: none;
            box-shadow: none;
    font-size: 1.75rem;
    padding: 0;
  }
}
.mys-search .search-results-wrapper .search-results .results-list .result-product a {
  gap: 1em;
}
.mys-search .search-results-wrapper .search-results .results-list .result-product a .item-details .item-cat {
  font-size: 0.875em;
  opacity: 1;
  color: var(--black-color-40);
  text-transform: uppercase;
}
.mys-search .search-results-wrapper .search-results .results-list .result-product a .item-details .item-name {
  font-family: var(--h-font, var(--base-font));
  font-weight: bold;
  line-height: 1.2;
}
.mys-search .search-results-wrapper .search-results .results-list .result-product a .item-price {
  font-size: 0.875em;
  opacity: 1;
  color: var(--black-color-60);
}
.mys-search .search-results-wrapper .search-results .results-list .result-product a .item-price strong {
  font-weight: normal;
}
.mys-search .search-results-wrapper .search-results .results-list .result-product a:hover .item-photo img {
  -webkit-transform: none;
          transform: none;
}
.mys-search .search-results-wrapper .search-results .results-list .result-product a:hover .item-details .item-name {
  color: var(--primary-color);
}

.mys-user .user-trigger .user-label {
  display: none;
}
.mys-user .user-contents .user-close:after {
  border-radius: var(--b-radius-md);
  color: var(--white-color);
  background: var(--secondary-color);
  -webkit-box-shadow: none;
          box-shadow: none;
}
.mys-user .user-contents .user-close:hover:after {
  color: var(--white-color);
  background: var(--secondary-color-darker-10);
  -webkit-box-shadow: none;
          box-shadow: none;
}

.wdg-fav .fav-trigger {
  position: relative;
}
.wdg-fav .fav-trigger .fav-icon:before {
  content: attr(data-fav-items);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 11px;
  color: var(--white-color);
  background: var(--primary-color);
  border-radius: var(--b-radius-sm);
  padding: 0.25em 0.5em;
  position: absolute;
  inset: -0.375em -0.75em auto auto;
  -webkit-transition: 300ms ease all;
  transition: 300ms ease all;
}
.wdg-fav .fav-trigger .fav-label {
  display: none;
}
.wdg-fav .fav-trigger:hover .fav-icon:before {
  -webkit-transform: translateY(-5px);
          transform: translateY(-5px);
}

.mys-favorites-full .favorites-table tbody td.favorites-name .item-name {
  font-family: var(--h-font, var(--base-font));
}
.mys-favorites-full .favorites-table tbody td .item-thumb:hover img {
  -webkit-transform: none;
          transform: none;
}

.mys-cart .cart-trigger {
  position: relative;
  gap: 0.375em;
}
.mys-cart .cart-trigger .cart-icon:before {
  content: attr(data-cart-items);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 11px;
  color: var(--white-color);
  background: var(--primary-color);
  border-radius: var(--b-radius-sm);
  padding: 0.25em 0.5em;
  position: absolute;
  inset: -0.375em -0.75em auto auto;
  -webkit-transition: 300ms ease all;
  transition: 300ms ease all;
}
.mys-cart .cart-trigger .cart-text {
  display: none;
}
.mys-cart .cart-trigger:hover .cart-icon:before {
  -webkit-transform: translateY(-5px);
          transform: translateY(-5px);
}

.mys-cart .cart-contents .cart-close:after {
  border-radius: var(--b-radius-md);
  color: var(--white-color);
  background: var(--secondary-color);
  -webkit-box-shadow: none;
          box-shadow: none;
}
.mys-cart .cart-contents .cart-close:hover:after {
  color: var(--white-color);
  background: var(--secondary-color-darker-10);
  -webkit-box-shadow: none;
          box-shadow: none;
}
.mys-cart .cart-contents .cart-products .cart-item > a .item-details .item-cat {
  font-size: 0.875em;
  opacity: 1;
  color: var(--black-color-40);
  text-transform: uppercase;
}
.mys-cart .cart-contents .cart-products .cart-item > a .item-details .item-name {
  font-family: var(--h-font, var(--base-font));
}
.mys-cart .cart-contents .cart-products .cart-item > a .item-details .item-price {
  font-size: 0.875em;
  opacity: 1;
  color: var(--black-color-60);
}
.mys-cart .cart-contents .cart-products .cart-totals {
  font-size: 0.875em;
}
.mys-cart .cart-contents .cart-products .cart-totals strong {
  text-align: right;
}
.mys-cart .cart-contents .cart-products .cart-totals.total-final {
  color: var(--primary-color);
  border-top: 2px solid currentColor;
  padding-top: 0.75em;
}

@media (min-width: 768px) {
  .mys-head .mys-cart .wdg-cart .cart-backdrop {
    top: var(--cart-widget-icon);
  }
}
.btn {
  padding: 1.125em 2em !important;
}

h1 {
  color: var(--primary-color);
  border-bottom: 2px dotted var(--theme-color-10);
  padding-bottom: 0.25em;
  margin-bottom: 0.5em;
}

.mys-user-account:last-child {
  margin-bottom: 0;
}

.mys-bcrumb .mys-bcrumb-home i {
  display: none;
}

.contact-page {
  display: -ms-grid;
  display: grid;
  gap: 2em;
  -ms-grid-columns: 1fr 2em max(300px, 24%);
  grid-template-columns: 1fr max(300px, 24%);
}
.contact-page .map {
  -ms-grid-column: 1;
  -ms-grid-column-span: 2;
  grid-column: 1/span 2;
}
.contact-page .map iframe {
  width: 100%;
  height: 30em;
  border-radius: var(--b-radius);
}
.contact-page .form {
  background: var(--account-col-bg);
  color: var(--account-col-color);
  border: var(--account-col-border);
  border-radius: var(--account-col-radius);
  padding: var(--account-col-padding);
}
.contact-page .company-info {
  padding: 2em;
  border-radius: var(--b-radius);
  background: var(--primary-color-10);
}
.contact-page .company-info a {
  font-weight: bold;
}

@media (max-width: 767px) {
  .contact-page {
    gap: 1em;
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
  }
  .contact-page .form,
  .contact-page .company-info {
    padding: 1em;
  }
}
.c-info-icon {
  color: var(--black-color);
  margin-bottom: 1em;
  -webkit-transition: 200ms ease color;
  transition: 200ms ease color;
  display: block;
}
.c-info-icon .mys-ico {
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: var(--ico-gap-md);
}
.c-info-icon .mys-ico i {
  margin-top: 0.125em;
}
.c-info-icon .mys-ico-label strong {
  font-weight: bold;
  font-size: 1.375em;
  display: block;
}
.c-info-icon:hover {
  color: var(--black-color-60);
}

.salesperson {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 2.5em 1fr 2.5em 1fr 2.5em 1fr;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  gap: 2.5em;
}

@media (max-width: 991px) {
  .salesperson {
    -ms-grid-columns: 1fr 2em 1fr 2em 1fr;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 2em;
  }
}
@media (max-width: 767px) {
  .salesperson {
    -ms-grid-columns: 1fr 1.5em 1fr;
    grid-template-columns: 1fr 1fr;
    gap: 1.5em;
  }
}
@media (max-width: 575px) {
  .salesperson {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
  }
}
.sale-contact {
  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;
}
.sale-contact img {
  width: 100%;
  display: block;
}
.sale-contact .contact-title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.sale-contact .contact-title h2 {
  font-size: 1.5em;
  margin-bottom: 0;
}
.sale-contact .contact-title p {
  margin: 0;
}
.sale-contact .contact-title:after {
  content: "";
  display: block;
  background: var(--primary-color);
  width: 100%;
  height: 3px;
  max-width: 8em;
  border-radius: 3px;
  margin: 0.5em 0 0;
}
.sale-contact .details {
  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.375em;
  font-size: 1.0714em;
}
.sale-contact .details a {
  color: var(--theme-color-80);
  font-weight: bold;
  text-decoration: none;
}
.sale-contact .details a:hover {
  color: var(--theme-color);
  text-decoration: underline;
}

.table th {
  border-bottom: 2px solid var(--secondary-color);
}

.mys-prod-cat-title .mys-cat-title {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
}
.mys-prod-cat-title .mys-cat-title:empty {
  display: none;
}

.mys-product .item-data {
  gap: 0.125em;
}

.mys-product .item-wishlist-link .add-to-wishlist i,
.mys-product .item-wishlist-link .remove-from-wishlist i {
  -webkit-transition: none;
  transition: none;
}

.mys-single-product.mys-product-layout-2 {
      grid-template-areas: "pdc-gallery pdc-gallery pdc-name pdc-name" "pdc-gallery pdc-gallery pdc-shortcuts pdc-avlbl" "pdc-gallery pdc-gallery pdc-price pdc-price" "pdc-gallery pdc-gallery pdc-purchase pdc-purchase" "pdc-gallery pdc-gallery pdc-list-info pdc-list-info" "pdc-addl-info pdc-addl-info pdc-addl-info pdc-addl-info";
}

@media (min-width: 768px) and (max-width: 991px) {
  .mys-single-product.mys-product-layout-2 {
    -ms-grid-columns: 20vw 1fr 1fr;
    grid-template-columns: 20vw 1fr 1fr;
  }
}
@media (min-width: 576px) and (max-width: 767px) {
  .mys-single-product.mys-product-layout-2 {
    -ms-grid-columns: 1fr 1fr;
    grid-template-columns: 1fr 1fr;
        grid-template-areas: "pdc-name pdc-name" "pdc-shortcuts pdc-avlbl" "pdc-gallery pdc-gallery" "pdc-price pdc-price" "pdc-purchase pdc-purchase" "pdc-list-info pdc-list-info" "pdc-addl-info pdc-addl-info";
  }
}
@media (max-width: 575px) {
  .mys-single-product.mys-product-layout-2 {
    -ms-grid-columns: 1fr 1fr;
    grid-template-columns: 1fr 1fr;
        grid-template-areas: "pdc-name pdc-name" "pdc-shortcuts pdc-avlbl" "pdc-gallery pdc-gallery" "pdc-price pdc-price" "pdc-purchase pdc-purchase" "pdc-list-info pdc-list-info" "pdc-addl-info pdc-addl-info";
  }
  .mys-product-gallery {
    width: calc(100vw - var(--sp-gallery-padding));
    padding: 1em;
  }
}
.product-naming .product-title .product-headline {
  color: var(--black-color);
}

@media (max-width: 757px) {
  * {
    --sp-title-size: 1.75em;
  }
}
.product-purchase-button .mys-purchase-link .add-to-cart {
  border-radius: 2em;
}

.main-checkout .mys-user-account {
  padding-bottom: 2em;
  border-bottom: 2px dotted var(--theme-color-10);
}

#mys-show-pickup-address {
  margin-bottom: 2em;
}

.mys-search-empty h1 {
  color: var(--black-color);
  font-size: 2em;
  font-weight: 600;
  padding-bottom: 0;
  border-bottom: 0;
}

.mys-scheme-16 {
  --color-accent: var(--primary-color);
  --color-alternate: var(--white-color);
}

.mys-scheme-17 {
  --color-accent: var(--secondary-color);
  --color-alternate: var(--white-color);
}

.mys-ico.ico-style-filled.mys-scheme-16 i, .mys-ico.ico-style-filled.mys-scheme-17 i {
  padding: 0.5em;
  background: var(--color-accent);
  color: var(--color-alternate);
}
.mys-ico.ico-style-filled.mys-scheme-16:hover i, .mys-ico.ico-style-filled.mys-scheme-17:hover i {
  color: var(--color-accent);
  background: transparent;
  -webkit-box-shadow: 0 0 0 2em var(--light-gray-color) inset, 0 0.25em 0.5em var(--black-color-20);
          box-shadow: 0 0 0 2em var(--light-gray-color) inset, 0 0.25em 0.5em var(--black-color-20);
}

hr {
  margin: 1em 0;
  clear: both;
  width: 100%;
  border: 0;
}
hr.hr-xs {
  margin: 0.25em 0;
}
hr.hr-sm {
  margin: 0.5em 0;
}
hr.hr-md {
  margin: 1.5em 0;
}
hr.hr-lg {
  margin: 2em 0;
}
hr.hr-xl {
  margin: 2.5em 0;
}
hr.hr-hg {
  margin: 3em 0;
}
hr.hr-bordered {
  height: 2px;
  background: var(--theme-color-10);
}

.faq-list {
  margin: 2em 0;
}
.faq-list .faq {
  -webkit-transition: 300ms ease all;
  transition: 300ms ease all;
}
.faq-list .faq:not(:last-child)::after {
  content: "";
  display: block;
  background: var(--theme-color-10);
  height: 1px;
}
.faq-list .faq .faq-title {
  cursor: pointer;
  font-size: 1.25em;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0.675em;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  margin: 0.25em 0;
  padding: 0.75em;
  border-radius: var(--b-radius);
  -webkit-transition: 300ms ease all;
  transition: 300ms ease all;
  font-weight: normal;
}
.faq-list .faq .faq-title:before {
  font-family: remixicon;
  content: "\ea13";
  font-weight: normal;
  background: var(--primary-color);
  color: var(--white-color);
  line-height: 1;
  border-radius: 50%;
  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;
  font-size: 1em;
  padding: 0.2em;
  line-height: 0;
  aspect-ratio: 1/1;
  -webkit-transition: 300ms ease all;
  transition: 300ms ease all;
}
.faq-list .faq .faq-title:hover:before {
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
  background: var(--primary-color-lighter-10);
}
.faq-list .faq .faq-title.active {
  background: var(--primary-color);
  color: var(--white-color);
}
.faq-list .faq .faq-title.active:before {
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
  background: var(--primary-color-lighter-10);
}
.faq-list .faq .faq-body {
  display: none;
  padding: 1em 1.5rem 2em;
}
.faq-list .faq .faq-body p:last-child {
  margin-bottom: 0;
}

@media (hover: hover) {
  .faq-list:has(.faq:hover) .faq:not(:hover):not(:has(.faq-page.active)) {
    opacity: 0.7;
  }
}
body.mys-content-1400 main.page-wide {
  max-width: unset;
  padding-left: 0;
  padding-right: 0;
}
body.mys-content-1400 main.page-wide .mys-bcrumb,
body.mys-content-1400 main.page-wide .title {
  width: 100%;
  max-width: 1400px;
  padding-left: var(--desktop-x-padding);
  padding-right: var(--desktop-x-padding);
  margin-left: auto;
  margin-right: auto;
}
body.mys-content-1400 main.page-wide.page-white {
  background: var(--white-color);
}

.page-wide {
  padding-top: 0;
}
.page-wide .wide-sleeve {
  width: 100%;
  max-width: 1400px;
  padding-left: var(--desktop-x-padding);
  padding-right: var(--desktop-x-padding);
  margin-left: auto;
  margin-right: auto;
}

.b2b-advantages {
  padding: calc(5vh + 2em) 0;
}
.b2b-advantages .wide-sleeve {
  max-width: 1000px;
  text-align: center;
}
.b2b-advantages .wide-sleeve > *:not(:last-child) {
  margin-bottom: 2.5rem;
}
.b2b-advantages p {
  font-size: 1.25em;
  font-weight: 300;
}
.b2b-advantages .iconed {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  text-align: center;
  gap: 2em;
}
.b2b-advantages .iconed .icon {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 0.5em;
}
.b2b-advantages .iconed .icon i {
  font-size: 5em;
  background: var(--white-color);
  color: var(--primary-color);
  line-height: 1;
  padding: 0.25em;
  border-radius: 50%;
  margin-bottom: 0.125em;
}
.b2b-advantages .iconed .icon p {
  font-size: 1.25em;
  margin-bottom: 0;
}

@media (max-width: 767px) {
  .b2b-advantages .iconed {
    -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;
  }
}
.b2b-digital-age {
  padding: calc(5vh + 2em) 0;
  background: linear-gradient(45deg, var(--secondary-color), var(--secondary-color-lighter-10));
  color: var(--white-color);
}
.b2b-digital-age .wide-sleeve {
  max-width: 1000px;
}
.b2b-digital-age .wide-sleeve > *:not(:last-child) {
  margin-bottom: 2.5rem;
}
.b2b-digital-age p {
  font-weight: 300;
  color: var(--black-color);
}
.b2b-digital-age ul {
  font-size: 1.25em;
  color: var(--black-color);
}
.b2b-digital-age ul li:not(:last-child) {
  margin-bottom: 0.5em;
}
.b2b-digital-age ul li:before {
  content: "\eb7b" !important;
  font-family: remixicon !important;
  background: none !important;
  width: unset !important;
  aspect-ratio: unset !important;
  border-radius: unset !important;
  line-height: 1;
  margin: 0.375em 0 0 -1.25em !important;
}
.b2b-digital-age .register {
  text-align: center;
}

.full-img img {
  width: 100%;
  display: block;
}

.b2b-about-us {
  padding: calc(5vh + 2em) 0;
}
.b2b-about-us .wide-sleeve {
  max-width: 1000px;
}
.b2b-about-us p {
  font-weight: 300;
  color: var(--black-color);
}
.b2b-about-us .about-img {
  max-width: 450px;
  float: left;
  margin-right: 2em;
}

.client-list {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 1.5em 1fr 1.5em 1fr 1.5em 1fr;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  gap: 1.5em;
  margin-bottom: 1.5em;
}
.client-list .client {
  -webkit-transition: 300ms ease all;
  transition: 300ms ease all;
}
.client-list .client a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.client-list .client a img {
  -webkit-transition: 300ms ease all;
  transition: 300ms ease all;
  width: 100%;
}

@media (max-width: 991px) {
  .client-list {
    -ms-grid-columns: 1fr 1fr 1fr;
    grid-template-columns: 1fr 1fr 1fr;
  }
}
@media (max-width: 767px) {
  .client-list {
    -ms-grid-columns: 1fr 0.5em 1fr;
    grid-template-columns: 1fr 1fr;
    gap: 1.5em 0.5em;
  }
}
@media (hover: hover) {
  .client-list .client:hover img {
    -webkit-transform: scale(1.1);
            transform: scale(1.1);
  }
  .client-list:has(.client:hover) .client:not(:hover) {
    opacity: 0.4;
    -webkit-filter: grayscale(1);
            filter: grayscale(1);
  }
}
.about-slider {
  padding: 0;
}
.about-slider .wide-sleeve {
  max-width: 1400px;
}

.banner-slider .single-banner img {
  width: 100%;
}

.slick-dots {
  margin-bottom: 0 !important;
  margin-left: 0 !important;
}
.slick-dots li {
  padding-left: 0 !important;
}
.slick-dots li:before {
  display: none !important;
}

.why-grid {
  padding: var(--main-top-padding) 0 var(--main-bottom-padding);
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 35% 2em 1fr;
  grid-template-columns: 35% 1fr;
  -ms-grid-rows: auto 2em auto;
      grid-template-areas: "logo title" "intro checks";
  gap: 2em;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.why-grid .logo {
  -ms-grid-row: 1;
  -ms-grid-column: 1;
  grid-area: logo;
  background: var(--black-color);
  border-radius: var(--b-radius-md);
  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: 2em;
}
.why-grid .logo img {
  width: 100%;
  max-width: 420px;
}
.why-grid .intro {
  -ms-grid-row: 3;
  -ms-grid-column: 1;
  grid-area: intro;
  background: var(--white-color);
  border-radius: var(--b-radius-md);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding: 3em;
}
.why-grid .intro p {
  font-size: 1.25em;
  font-weight: 300;
  line-height: 1.75;
}
.why-grid .intro p strong {
  color: var(--secondary-color);
}
.why-grid .title {
  -ms-grid-row: 1;
  -ms-grid-column: 3;
  grid-area: title;
  background: var(--primary-color);
  border-radius: var(--b-radius-md);
  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: 2em;
  text-align: center;
}
.why-grid .title h1 {
  border-bottom: 0;
  padding: 0;
  margin: 0;
  color: var(--white-color);
  line-height: 1;
}
.why-grid .checkboxes {
  -ms-grid-row: 3;
  -ms-grid-column: 3;
  grid-area: checks;
  background: var(--white-color);
  border-radius: var(--b-radius-md);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 3em;
}
.why-grid .checkboxes ul {
  font-size: 1.25em;
  font-weight: 300;
  margin-bottom: 0;
  line-height: 1.75;
}
.why-grid .checkboxes ul strong {
  color: var(--primary-color);
}
.why-grid .checkboxes ul li:before {
  content: "\eb79" !important;
  font-family: remixicon !important;
  background: none !important;
  width: unset !important;
  aspect-ratio: unset !important;
  border-radius: unset !important;
  line-height: 1;
  margin: 0.375em 0 0 -1.5em !important;
  color: var(--primary-color);
}

@media (max-width: 991px) {
  .why-grid {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    -ms-grid-rows: auto 1.5em auto 1.5em auto 1.5em auto;
        grid-template-areas: "logo" "intro" "title" "checks";
    gap: 1.5em;
  }
  .why-grid .intro,
  .why-grid .checkboxes {
    padding: 1.5em;
  }
  .why-grid > .foot-col-title {
    -ms-grid-row: 5;
    -ms-grid-column: 1;
  }
  .why-grid .logo {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }
  .why-grid .intro {
    -ms-grid-row: 3;
    -ms-grid-column: 1;
  }
  .why-grid > .title {
    -ms-grid-row: 5;
    -ms-grid-column: 1;
  }
  .why-grid .checkboxes {
    -ms-grid-row: 7;
    -ms-grid-column: 1;
  }
}
.about-blocks {
  width: 100%;
  max-width: 1100px;
  margin: 4em auto 0;
  display: -ms-grid;
  display: grid;
  gap: 4em 1em;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -ms-grid-columns: 1fr 1em 1fr 1em 1fr;
  grid-template-columns: 1fr 1fr 1fr;
  -ms-grid-rows: auto 4em auto 4em auto 4em auto 4em auto 4em auto 4em auto;
      grid-template-areas: "intro intro intro" "icons icons icons" "img2 img2 img3" "dev dev dev" "team team team" "blocks blocks blocks" "delivery delivery delivery";
}
.about-blocks .intro {
  -ms-grid-row: 1;
  -ms-grid-column: 1;
  -ms-grid-column-span: 5;
  grid-area: intro;
  display: -ms-grid;
  display: grid;
  grid-template-columns: 1fr 25%;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  gap: 1em;
}
.about-blocks .intro .intro-content {
  background: var(--light-gray-color);
  padding: 2em 4em;
  border-radius: var(--b-radius-xl);
  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-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-line-pack: center;
      align-content: center;
  text-align: center;
}
.about-blocks .intro .intro-content h1 {
  border: 0;
  padding: 0;
  margin: 0 0 0.5em;
  color: currentColor;
}
.about-blocks .intro .intro-content p:last-child {
  margin-bottom: 0;
}
.about-blocks .intro .image-1 {
  border-radius: var(--b-radius-xl);
  overflow: hidden;
  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;
}
.about-blocks .intro .image-1 img {
  display: block;
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
  height: 100%;
}
.about-blocks .icons {
  -ms-grid-row: 3;
  -ms-grid-column: 1;
  -ms-grid-column-span: 5;
  grid-area: icons;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 1.5em 1fr 1.5em 1fr;
  grid-template-columns: 1fr 1fr 1fr;
  background: var(--light-gray-color);
  padding: 2em;
  border-radius: var(--b-radius-xl);
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 1.5em;
}
.about-blocks .icons .icon {
  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;
  text-align: center;
  gap: 1em;
}
.about-blocks .icons .icon p {
  margin: 0;
  font-size: 1.25em;
}
.about-blocks .image-2 {
  -ms-grid-row: 5;
  -ms-grid-column: 1;
  -ms-grid-column-span: 3;
  grid-area: img2;
  border-radius: var(--b-radius-xl);
  overflow: hidden;
  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;
}
.about-blocks .image-2 img {
  display: block;
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
  height: 100%;
}
.about-blocks .image-3 {
  -ms-grid-row: 5;
  -ms-grid-column: 5;
  grid-area: img3;
  border-radius: var(--b-radius-xl);
  overflow: hidden;
  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;
}
.about-blocks .image-3 img {
  display: block;
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
  height: 100%;
}
.about-blocks .develop-year {
  -ms-grid-row: 7;
  -ms-grid-column: 1;
  -ms-grid-column-span: 5;
  grid-area: dev;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 1fr;
  grid-template-columns: 1fr 1fr;
  background: var(--light-gray-color);
  padding: 2em;
  border-radius: var(--b-radius-xl);
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.about-blocks .develop-year img {
  margin-right: auto;
}
.about-blocks .develop-year .develop-year-content {
  text-align: center;
  padding: 0 2em;
}
.about-blocks .develop-year .develop-year-content p:last-child {
  margin-bottom: 0;
}
.about-blocks .team {
  -ms-grid-row: 9;
  -ms-grid-column: 1;
  -ms-grid-column-span: 5;
  grid-area: team;
}
.about-blocks .blocks {
  -ms-grid-row: 11;
  -ms-grid-column: 1;
  -ms-grid-column-span: 5;
  grid-area: blocks;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 3em 1fr 3em 1fr;
  grid-template-columns: 1fr 1fr 1fr;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  gap: 3em;
}
.about-blocks .blocks .block {
  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;
  background: var(--light-gray-color);
  padding: 2em;
  border-radius: var(--b-radius-xl);
  text-align: center;
  gap: 1em;
}
.about-blocks .blocks .block p {
  margin: 0;
  font-size: 0.875em;
}
.about-blocks .delivery {
  -ms-grid-row: 13;
  -ms-grid-column: 1;
  -ms-grid-column-span: 5;
  grid-area: delivery;
  background: var(--light-gray-color);
  padding: 1em;
  border-radius: var(--b-radius-xl);
}
@media (max-width: 991px){
  .why-grid .title {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }
  .about-blocks .intro {
    -ms-grid-row: 3;
    -ms-grid-column: 1;
  }
}
.about-blocks .delivery img {
  width: 100%;
  display: block;
}

.team {
  display: -ms-grid;
  display: grid;
  gap: 1em;
}
.team .team-title {
  background: var(--primary-color);
  color: var(--white-color);
  padding: 2em;
  border-radius: var(--b-radius-xl);
  text-align: center;
}
.team .team-title h2 {
  line-height: 1;
  margin-bottom: 0;
}
.team .team-list {
  display: -ms-grid;
  display: grid;
  gap: 2em;
  -ms-grid-columns: 1fr 2em 1fr 2em 1fr 2em 1fr;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  background: var(--light-gray-color);
  padding: 2em;
  border-radius: var(--b-radius-xl);
}
.team .team-list .team-member {
  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: center;
}
.team .team-list .team-member img {
  display: block;
  width: 100%;
  max-width: 170px;
  margin: 0 auto;
}
.team .team-list .team-member h3 {
  font-size: 1.5em;
  margin: 0.5em auto 1em;
}

@media (max-width: 767px) {
  .about-blocks {
    gap: 2em 1em;
        grid-template-areas: "intro intro intro" "icons icons icons" "img2 img2 img3" "dev dev dev" "team team team" "blocks blocks blocks" "delivery delivery delivery";
  }
  .about-blocks .intro {
    -ms-grid-columns: 1fr 35%;
    grid-template-columns: 1fr 35%;
  }
  .about-blocks .blocks {
    -ms-grid-columns: 1fr 2em 1fr;
    grid-template-columns: 1fr 1fr;
    gap: 2em;
  }
  .team .team-list {
    gap: 1.5em;
    -ms-grid-columns: 1fr 1.5em 1fr 1.5em 1fr;
    grid-template-columns: 1fr 1fr 1fr;
  }
  .about-blocks > .intro {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
    -ms-grid-column-span: 5;
  }
  .about-blocks > .intro {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
    -ms-grid-column-span: 5;
  }
  .about-blocks .icons {
    -ms-grid-row: 3;
    -ms-grid-column: 1;
    -ms-grid-column-span: 5;
  }
  .about-blocks .image-2 {
    -ms-grid-row: 5;
    -ms-grid-column: 1;
    -ms-grid-column-span: 3;
  }
  .about-blocks .image-3 {
    -ms-grid-row: 5;
    -ms-grid-column: 5;
  }
  .about-blocks .develop-year {
    -ms-grid-row: 7;
    -ms-grid-column: 1;
    -ms-grid-column-span: 5;
  }
  .about-blocks .team {
    -ms-grid-row: 9;
    -ms-grid-column: 1;
    -ms-grid-column-span: 5;
  }
  .about-blocks .blocks {
    -ms-grid-row: 11;
    -ms-grid-column: 1;
    -ms-grid-column-span: 5;
  }
  .about-blocks .delivery {
    -ms-grid-row: 13;
    -ms-grid-column: 1;
    -ms-grid-column-span: 5;
  }
}
@media (max-width: 575px) {
  .about-blocks {
    gap: 2em 1em;
    -ms-grid-columns: 1fr 1em 1fr;
    grid-template-columns: 1fr 1fr;
    -ms-grid-rows: auto 2em auto 2em auto 2em auto 2em auto 2em auto 2em auto;
        grid-template-areas: "intro intro" "icons icons" "img2 img3" "dev dev" "team team" "blocks blocks" "delivery delivery";
  }
  .about-blocks .intro {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
  }
  .about-blocks .icons {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
  }
  .about-blocks .develop-year {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
  }
  .about-blocks .develop-year img {
    margin: 0 auto;
  }
  .about-blocks .develop-year .develop-year-content {
    -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
            order: -1;
  }
  .about-blocks .blocks {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    gap: 1em;
  }
  .team .team-list {
    gap: 1em;
    -ms-grid-columns: 1fr 1em 1fr;
    grid-template-columns: 1fr 1fr;
  }
  .about-blocks > .intro {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
    -ms-grid-column-span: 3;
  }
  .about-blocks > .intro {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
    -ms-grid-column-span: 3;
  }
  .about-blocks .icons {
    -ms-grid-row: 3;
    -ms-grid-column: 1;
    -ms-grid-column-span: 3;
  }
  .about-blocks .image-2 {
    -ms-grid-row: 5;
    -ms-grid-column: 1;
    -ms-grid-column-span: 1;
  }
  .about-blocks .image-3 {
    -ms-grid-row: 5;
    -ms-grid-column: 3;
  }
  .about-blocks .develop-year {
    -ms-grid-row: 7;
    -ms-grid-column: 1;
    -ms-grid-column-span: 3;
  }
  .about-blocks .team {
    -ms-grid-row: 9;
    -ms-grid-column: 1;
    -ms-grid-column-span: 3;
  }
  .about-blocks .blocks {
    -ms-grid-row: 11;
    -ms-grid-column: 1;
    -ms-grid-column-span: 3;
  }
  .about-blocks .delivery {
    -ms-grid-row: 13;
    -ms-grid-column: 1;
    -ms-grid-column-span: 3;
  }
}
* {
  --slick-arrow-prev-bg: linear-gradient(to left, transparent, var(--black-color-80));
  --slick-arrow-prev-hover-bg: var(--slick-arrow-prev-bg);
}

.slick-arrow {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0.5em;
  background: var(--slick-arrow-bg);
  color: var(--slick-arrow-color);
  padding: 0.75rem;
}
.slick-arrow:before {
  width: auto;
  color: inherit;
  background: none;
}
.slick-arrow:after {
  display: block;
  font-family: var(--h-font, var(--base-font));
  font-size: 0.6rem;
  text-transform: uppercase;
  color: inherit;
  text-shadow: 0 1px 2px var(--black-color-50);
}
.slick-arrow.slick-next {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
}
.slick-arrow.slick-next:after {
  content: "Sledeća";
}
.slick-arrow.slick-prev {
  background: var(--slick-arrow-prev-bg);
}
.slick-arrow.slick-prev:after {
  content: "Prethodna";
}
.slick-arrow.slick-prev:hover {
  background: var(--slick-arrow-prev-hover-bg);
}
.slick-arrow:hover {
  background: var(--slick-arrow-hover-bg);
}
.slick-arrow:hover:before {
  background: none;
}

@media (hover: hover) {
  .slick-slider .slick-arrow {
    opacity: 0;
  }
  .slick-slider:hover .slick-arrow {
    opacity: 1;
  }
  .slick-slider:hover .slick-arrow:hover {
    padding: 0.75rem 1.25rem;
  }
  .slick-slider:hover .slick-arrow:hover:before {
    background: none;
  }
}
@media (max-width: 575px) {
  .slick-arrow:after {
    display: none !important;
  }
  .slick-arrow.slick-next {
    right: 0;
  }
  .slick-arrow.slick-prev {
    left: 0;
  }
}
.modal .modal-content .modal-header .close:after {
  border-radius: var(--b-radius-md);
  color: var(--white-color);
  background: var(--secondary-color);
  -webkit-box-shadow: none;
          box-shadow: none;
}
.modal .modal-content .modal-header .close:hover:after {
  color: var(--white-color);
  background: var(--secondary-color-darker-10);
  -webkit-box-shadow: none;
          box-shadow: none;
}

.mys-product-menu .product-menu-holder .product-menu-close:after {
  border-radius: var(--b-radius-md);
  color: var(--white-color);
  background: var(--secondary-color);
  -webkit-box-shadow: none;
          box-shadow: none;
}
.mys-product-menu .product-menu-holder .product-menu-close:hover:after {
  color: var(--white-color);
  background: var(--secondary-color-darker-10);
  -webkit-box-shadow: none;
          box-shadow: none;
}

.mys-brands-filter {
  display: none;
}

.sidebar .sidebar-header {
  margin-bottom: 1em;
}

.mys-filters .filter-backdrop .filter-contents .filters-close label:after {
  border-radius: var(--b-radius-md);
  color: var(--white-color);
  background: var(--secondary-color);
  -webkit-box-shadow: none;
          box-shadow: none;
}
.mys-filters .filter-backdrop .filter-contents .filters-close label:hover:after {
  color: var(--white-color);
  background: var(--secondary-color-darker-10);
  -webkit-box-shadow: none;
          box-shadow: none;
}
.mys-filters .filter-backdrop .filter-contents .group-filters .single-filter .filter-title {
  font-family: var(--h-font, var(--base-font));
}

.mys-cart-full .cart-table tbody td .item-name {
  font-family: var(--h-font, var(--base-font));
}
.mys-cart-full .cart-table tbody td .item-thumb:hover img {
  -webkit-transform: none;
          transform: none;
}

.update-cart {
  width: 100%;
}

.btn-cenovnik-open {
  cursor: pointer;
}

.mys-product .item-data .item-name {
  font-family: var(--h-font, var(--base-font));
  line-height: 1.2;
}
.mys-product-gallery .slick-arrow {
  --slick-arrow-bg: linear-gradient(to right, transparent, var(--white-color-80));
  --slick-arrow-prev-bg: linear-gradient(to left, transparent, var(--white-color-80));
  --slick-arrow-color: var(--black-color);
  --slick-arrow-hover-color: var(--black-color);
  color: var(--black-color);
}
.mys-product-gallery .slick-arrow:after {
  text-shadow: none;
}
.mys-product-gallery .slick-dots {
  bottom: 0.5em;
}
.mys-product-gallery .slick-dots li button:before {
  -webkit-box-shadow: none;
          box-shadow: none;
  background: var(--black-color-10);
}
.mys-product-gallery .slick-dots li button:hover:before {
  background: var(--black-color-60);
}
.mys-product-gallery .slick-dots li.slick-active button:before {
  background: var(--primary-color);
}

.product-addl-info {
  display: -ms-grid;
  display: grid;
  gap: 1em;
  margin-top: 2em;
}
.product-addl-info h2 {
  margin-bottom: 0;
}
.product-addl-info .additional-info {
  background: var(--white-color);
  border-radius: var(--b-radius-lg);
  padding: 2em;
  -webkit-box-shadow: 0 1em 2em var(--black-color-10);
          box-shadow: 0 1em 2em var(--black-color-10);
}

@media (max-width: 991px) {
  .mys-add-cart-sticky .product-purchase-button:before {
    background: -webkit-gradient(linear, left bottom, left top, from(var(--light-gray-color)), to(transparent));
    background: linear-gradient(to top, var(--light-gray-color), transparent);
  }
}
.mys-product-avlbl {
  -ms-grid-column-align: end;
      justify-self: end;
}
.mys-product-avlbl .availability {
  padding: var(--sp-product-available-icon-padding);
  border-radius: var(--sp-product-available-icon-radius);
}
.mys-product-avlbl .availability:before {
  font-size: var(--sp-product-available-icon-size);
  padding: 0;
  border-radius: 0;
}
.mys-product-avlbl .availability span {
  text-transform: uppercase;
}
.mys-product-avlbl .availability.tag-available {
  background: var(--sp-product-available-bg-available-bg);
  color: var(--sp-product-available-bg-available-color);
}
.mys-product-avlbl .availability.tag-available:before {
  background: none;
}
.mys-product-avlbl .availability.tag-expiring {
  background: var(--sp-product-available-bg-expiring-bg);
  color: var(--sp-product-available-bg-expiring-color);
}
.mys-product-avlbl .availability.tag-expiring:before {
  background: none;
}
.mys-product-avlbl .availability.tag-not-available {
  background: var(--sp-product-available-bg-none-bg);
  color: var(--sp-product-available-bg-none-color);
}
.mys-product-avlbl .availability.tag-not-available:before {
  background: none;
}