@charset "UTF-8";
* {
  --tertiary-color-hsl: var(--tertiary-color-hs) var(--tertiary-color-l);
  --tertiary-color: hsl(var(--tertiary-color-hs) var(--tertiary-color-l));
  --quaternary-color-hsl: var(--quaternary-color-hs) var(--quaternary-color-l);
  --quaternary-color: hsl(var(--quaternary-color-hs) var(--quaternary-color-l));
  --tertiary-color-2: hsl(var(--tertiary-color-hsl) / calc(2 * 1%));
  --quaternary-color-2: hsl(var(--quaternary-color-hsl) / calc(2 * 1%));
  --tertiary-color-3: hsl(var(--tertiary-color-hsl) / calc(3 * 1%));
  --quaternary-color-3: hsl(var(--quaternary-color-hsl) / calc(3 * 1%));
  --tertiary-color-4: hsl(var(--tertiary-color-hsl) / calc(4 * 1%));
  --quaternary-color-4: hsl(var(--quaternary-color-hsl) / calc(4 * 1%));
  --tertiary-color-5: hsl(var(--tertiary-color-hsl) / calc(5 * 1%));
  --quaternary-color-5: hsl(var(--quaternary-color-hsl) / calc(5 * 1%));
  --tertiary-color-6: hsl(var(--tertiary-color-hsl) / calc(6 * 1%));
  --quaternary-color-6: hsl(var(--quaternary-color-hsl) / calc(6 * 1%));
  --tertiary-color-7: hsl(var(--tertiary-color-hsl) / calc(7 * 1%));
  --quaternary-color-7: hsl(var(--quaternary-color-hsl) / calc(7 * 1%));
  --tertiary-color-8: hsl(var(--tertiary-color-hsl) / calc(8 * 1%));
  --quaternary-color-8: hsl(var(--quaternary-color-hsl) / calc(8 * 1%));
  --tertiary-color-9: hsl(var(--tertiary-color-hsl) / calc(9 * 1%));
  --quaternary-color-9: hsl(var(--quaternary-color-hsl) / calc(9 * 1%));
  --tertiary-color-10: hsl(var(--tertiary-color-hsl) / calc(10 * 1%));
  --quaternary-color-10: hsl(var(--quaternary-color-hsl) / calc(10 * 1%));
  --tertiary-color-15: hsl(var(--tertiary-color-hsl) / calc(15 * 1%));
  --quaternary-color-15: hsl(var(--quaternary-color-hsl) / calc(15 * 1%));
  --tertiary-color-20: hsl(var(--tertiary-color-hsl) / calc(20 * 1%));
  --quaternary-color-20: hsl(var(--quaternary-color-hsl) / calc(20 * 1%));
  --tertiary-color-25: hsl(var(--tertiary-color-hsl) / calc(25 * 1%));
  --quaternary-color-25: hsl(var(--quaternary-color-hsl) / calc(25 * 1%));
  --tertiary-color-30: hsl(var(--tertiary-color-hsl) / calc(30 * 1%));
  --quaternary-color-30: hsl(var(--quaternary-color-hsl) / calc(30 * 1%));
  --tertiary-color-35: hsl(var(--tertiary-color-hsl) / calc(35 * 1%));
  --quaternary-color-35: hsl(var(--quaternary-color-hsl) / calc(35 * 1%));
  --tertiary-color-40: hsl(var(--tertiary-color-hsl) / calc(40 * 1%));
  --quaternary-color-40: hsl(var(--quaternary-color-hsl) / calc(40 * 1%));
  --tertiary-color-45: hsl(var(--tertiary-color-hsl) / calc(45 * 1%));
  --quaternary-color-45: hsl(var(--quaternary-color-hsl) / calc(45 * 1%));
  --tertiary-color-50: hsl(var(--tertiary-color-hsl) / calc(50 * 1%));
  --quaternary-color-50: hsl(var(--quaternary-color-hsl) / calc(50 * 1%));
  --tertiary-color-55: hsl(var(--tertiary-color-hsl) / calc(55 * 1%));
  --quaternary-color-55: hsl(var(--quaternary-color-hsl) / calc(55 * 1%));
  --tertiary-color-60: hsl(var(--tertiary-color-hsl) / calc(60 * 1%));
  --quaternary-color-60: hsl(var(--quaternary-color-hsl) / calc(60 * 1%));
  --tertiary-color-65: hsl(var(--tertiary-color-hsl) / calc(65 * 1%));
  --quaternary-color-65: hsl(var(--quaternary-color-hsl) / calc(65 * 1%));
  --tertiary-color-70: hsl(var(--tertiary-color-hsl) / calc(70 * 1%));
  --quaternary-color-70: hsl(var(--quaternary-color-hsl) / calc(70 * 1%));
  --tertiary-color-75: hsl(var(--tertiary-color-hsl) / calc(75 * 1%));
  --quaternary-color-75: hsl(var(--quaternary-color-hsl) / calc(75 * 1%));
  --tertiary-color-80: hsl(var(--tertiary-color-hsl) / calc(80 * 1%));
  --quaternary-color-80: hsl(var(--quaternary-color-hsl) / calc(80 * 1%));
  --tertiary-color-85: hsl(var(--tertiary-color-hsl) / calc(85 * 1%));
  --quaternary-color-85: hsl(var(--quaternary-color-hsl) / calc(85 * 1%));
  --tertiary-color-90: hsl(var(--tertiary-color-hsl) / calc(90 * 1%));
  --quaternary-color-90: hsl(var(--quaternary-color-hsl) / calc(90 * 1%));
  --tertiary-color-95: hsl(var(--tertiary-color-hsl) / calc(95 * 1%));
  --quaternary-color-95: hsl(var(--quaternary-color-hsl) / calc(95 * 1%));
  --tertiary-color-darker-5: hsl(var(--tertiary-color-hs) calc(var(--tertiary-color-l) - (5 * 1%)));
  --quaternary-color-darker-5: hsl(var(--quaternary-color-hs) calc(var(--quaternary-color-l) - (5 * 1%)));
  --tertiary-color-darker-10: hsl(var(--tertiary-color-hs) calc(var(--tertiary-color-l) - (10 * 1%)));
  --quaternary-color-darker-10: hsl(var(--quaternary-color-hs) calc(var(--quaternary-color-l) - (10 * 1%)));
  --tertiary-color-darker-15: hsl(var(--tertiary-color-hs) calc(var(--tertiary-color-l) - (15 * 1%)));
  --quaternary-color-darker-15: hsl(var(--quaternary-color-hs) calc(var(--quaternary-color-l) - (15 * 1%)));
  --tertiary-color-darker-20: hsl(var(--tertiary-color-hs) calc(var(--tertiary-color-l) - (20 * 1%)));
  --quaternary-color-darker-20: hsl(var(--quaternary-color-hs) calc(var(--quaternary-color-l) - (20 * 1%)));
  --tertiary-color-darker-25: hsl(var(--tertiary-color-hs) calc(var(--tertiary-color-l) - (25 * 1%)));
  --quaternary-color-darker-25: hsl(var(--quaternary-color-hs) calc(var(--quaternary-color-l) - (25 * 1%)));
  --tertiary-color-darker-30: hsl(var(--tertiary-color-hs) calc(var(--tertiary-color-l) - (30 * 1%)));
  --quaternary-color-darker-30: hsl(var(--quaternary-color-hs) calc(var(--quaternary-color-l) - (30 * 1%)));
  --tertiary-color-lighter-5: hsl(var(--tertiary-color-hs) calc(var(--tertiary-color-l) + (5 * 1%)));
  --quaternary-color-lighter-5: hsl(var(--quaternary-color-hs) calc(var(--quaternary-color-l) + (5 * 1%)));
  --tertiary-color-lighter-10: hsl(var(--tertiary-color-hs) calc(var(--tertiary-color-l) + (10 * 1%)));
  --quaternary-color-lighter-10: hsl(var(--quaternary-color-hs) calc(var(--quaternary-color-l) + (10 * 1%)));
  --tertiary-color-lighter-15: hsl(var(--tertiary-color-hs) calc(var(--tertiary-color-l) + (15 * 1%)));
  --quaternary-color-lighter-15: hsl(var(--quaternary-color-hs) calc(var(--quaternary-color-l) + (15 * 1%)));
  --tertiary-color-lighter-20: hsl(var(--tertiary-color-hs) calc(var(--tertiary-color-l) + (20 * 1%)));
  --quaternary-color-lighter-20: hsl(var(--quaternary-color-hs) calc(var(--quaternary-color-l) + (20 * 1%)));
  --tertiary-color-lighter-25: hsl(var(--tertiary-color-hs) calc(var(--tertiary-color-l) + (25 * 1%)));
  --quaternary-color-lighter-25: hsl(var(--quaternary-color-hs) calc(var(--quaternary-color-l) + (25 * 1%)));
  --tertiary-color-lighter-30: hsl(var(--tertiary-color-hs) calc(var(--tertiary-color-l) + (30 * 1%)));
  --quaternary-color-lighter-30: hsl(var(--quaternary-color-hs) calc(var(--quaternary-color-l) + (30 * 1%)));
  --maximedia-gradient-h: linear-gradient(to right, var(--primary-color) 25%, var(--secondary-color) 25%, var(--secondary-color) 50%, var(--tertiary-color) 50%, var(--tertiary-color) 75%, var(--quaternary-color) 75%);
  --maximedia-gradient-v: linear-gradient(to bottom, var(--primary-color) 25%, var(--secondary-color) 25%, var(--secondary-color) 50%, var(--tertiary-color) 50%, var(--tertiary-color) 75%, var(--quaternary-color) 75%);
}

.mys-head.mys-head-sticky {
  position: fixed;
  inset: 0 0 auto 0;
  background: var(--theme-bg);
  -webkit-transition: 200ms ease box-shadow;
  transition: 200ms ease box-shadow;
}
.mys-head.mys-head-sticky.mys-head-sticky-on {
  -webkit-box-shadow: 0 0.5em 4em var(--theme-color-20);
          box-shadow: 0 0.5em 4em var(--theme-color-20);
}
.mys-head.mys-head-sticky.mys-head-sticky-on .mys-top {
  margin-top: -2.2em;
}
.mys-head .mys-top {
  font-size: 0.875em;
  -webkit-transition: 200ms ease all;
  transition: 200ms ease all;
}
.mys-head .mys-mid .mys-col.col-main-menu {
  margin-left: 1em;
}
.mys-head .mys-bot {
  position: relative;
  padding-bottom: 0.375em;
}
.mys-head .mys-bot .mys-head-cols {
  gap: 1em;
}
.mys-head .mys-bot .mys-col.wdg-products-menu {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 15em;
          flex: 0 0 15em;
}
.cart-shown .mys-head .mys-bot .mys-col.wdg-products-menu, .user-shown .mys-head .mys-bot .mys-col.wdg-products-menu {
  z-index: unset;
}
.mys-head .mys-bot .mys-col.wdg-search-holder {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
}
.products-menu-active .mys-head .mys-bot .mys-col.wdg-search-holder {
  z-index: unset;
}
.mys-head .mys-bot:before {
  z-index: 2;
  content: "";
  display: block;
  position: absolute;
  inset: auto auto 0 50%;
  margin: auto 0;
  width: 100%;
  max-width: 1400px;
  height: 0.375em;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  background: var(--maximedia-gradient-h);
}
.mys-head .mys-bot:after {
  z-index: 1;
  content: "";
  display: block;
  position: absolute;
  inset: auto 0 0 0;
  height: 0.375em;
  background: -webkit-gradient(linear, left top, right top, color-stop(50%, var(--primary-color)), color-stop(50%, var(--quaternary-color)));
  background: linear-gradient(to right, var(--primary-color) 50%, var(--quaternary-color) 50%);
}

@media (min-width: 1200px) {
  .menu-logo {
    display: none;
  }
}
@media (max-width: 1199px) {
  .mys-head .mys-mid .mys-head-cols {
    gap: 0.75em;
  }
  .mys-head .mys-mid .mys-col.col-main-menu {
    margin-left: 0;
  }
  .mys-head .mys-mid .mys-col.col-multiple-wdg.gap-lg {
    gap: 0.5em;
  }
  .menu-logo {
    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;
    margin: 3em 0 1em;
  }
  .menu-logo .menu-logo-img {
    width: 80%;
    max-width: 17em;
    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;
  }
  .menu-logo .menu-logo-img img {
    width: 100%;
  }
}
body {
  padding-top: 10em;
}

@media (max-width: 1199px) {
  body {
    padding-top: 9.5em;
  }
}
@media (max-width: 767px) {
  * {
    --main-top-padding: 1em;
  }
}
@media (max-width: 575px) {
  * {
    --logo-width: 180px;
  }
}
@media (min-width: 1199px) and (max-width: 1279px) {
  * {
    --menu-font-size: 15px;
    --menu-item-gap: 1.5em;
  }
}
@media (max-width: 1199px) {
  .mys-head .mys-menu {
    opacity: 0;
    pointer-events: none;
    -webkit-transition: 500ms ease all;
    transition: 500ms ease all;
  }
  header .mys-menu-toggler:checked + .mys-menu {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    opacity: 1;
    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: block;
    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: 0 auto calc(var(--menu-resp-padding) * 2);
  }
  .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;
  }
  .mys-menu nav > ul > li ul {
    margin: 0.5em 0;
  }
  .mys-menu nav > ul > li ul ul {
    opacity: 0.7;
  }
  .mys-menu nav > ul > li ul ul li a {
    font-size: 0.875em;
  }
  .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 (max-width: 1199px) {
  .mys-head .mys-menu {
    opacity: 0;
    pointer-events: none;
    -webkit-transition: 500ms ease all;
    transition: 500ms ease all;
  }
}
@media (min-width: 992px) {
  .mys-menu > nav > ul > li:before {
    -webkit-box-shadow: 0 0.25em 0.5em var(--theme-color-20);
            box-shadow: 0 0.25em 0.5em var(--theme-color-20);
  }
  .mys-menu > nav > ul > li:after {
    width: unset;
    inset: auto calc(var(--menu-item-gap) * -0.5) 0;
    border-radius: var(--menu-radius);
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    background: currentColor;
    -webkit-transform: scaleY(0);
            transform: scaleY(0);
    -webkit-transform-origin: 50% 100%;
            transform-origin: 50% 100%;
  }
  .mys-menu > nav > ul > li:hover::after {
    opacity: 1;
    -webkit-transform: scaleY(1);
            transform: scaleY(1);
  }
  .mys-menu > nav > ul > li.primary:hover {
    color: var(--primary-color);
  }
  .mys-menu > nav > ul > li.secondary:hover {
    color: var(--secondary-color);
  }
  .mys-menu > nav > ul > li.tertiary:hover {
    color: var(--tertiary-color);
  }
  .mys-menu > nav > ul > li.quaternary:hover {
    color: var(--quaternary-color);
  }
}
@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;
  }
  .main-menu-active .mys-mob-trigger .mob-trigger {
    z-index: 200;
  }
  .main-menu-active .mys-mob-trigger .mob-trigger:before, .main-menu-active .mys-mob-trigger .mob-trigger:after {
    -webkit-transform: scaleX(0);
            transform: scaleX(0);
    opacity: 0;
  }
  .main-menu-active .mys-mob-trigger .mob-trigger .line-one {
    -webkit-transform: rotate(45deg);
            transform: rotate(45deg);
    background: var(--trigger-on-color);
  }
  .main-menu-active .mys-mob-trigger .mob-trigger .line-two {
    -webkit-transform: rotate(-45deg);
            transform: rotate(-45deg);
    background: var(--trigger-on-color);
  }
}
.mys-search .search-desk {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0.5em;
}
.mys-search .search-desk .search-btn {
  position: unset;
  top: unset;
  bottom: unset;
  left: unset;
  right: unset;
  background: var(--quaternary-color);
  color: var(--white-color);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
  font-family: var(--b-font, var(--base-font));
  font-weight: var(--button-font-weight);
  text-transform: var(--button-text-transform);
  letter-spacing: var(--button-letter-spacing);
  border-radius: var(--button-border-radius);
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.5em;
  padding: 0 1.5em;
  -webkit-transition: 250ms ease all;
  transition: 250ms ease all;
}
.mys-search .search-desk .search-btn span {
  display: block;
}
.mys-search .search-desk .search-btn:after {
  padding: 0;
  font-size: 1.5em;
  margin-top: -0.375em;
  margin-bottom: -0.375em;
  font-weight: normal;
}
.mys-search .search-desk .search-btn:hover {
  -webkit-transform: translateY(-0.2em);
          transform: translateY(-0.2em);
  background: var(--quaternary-color-lighter-10);
  -webkit-box-shadow: var(--b-shad-sm) var(--button-shadow-color);
          box-shadow: var(--b-shad-sm) var(--button-shadow-color);
}
.mys-search .search-desk .search-btn:hover:after {
  background: none;
}
.mys-search .search-wrap .search-mob-trigger:after {
  border-radius: var(--ico-radius-xl) !important;
  font-size: var(--ico-size-md);
  -webkit-box-shadow: 0 0 0 2px var(--quaternary-color) inset;
          box-shadow: 0 0 0 2px var(--quaternary-color) inset;
  color: var(--quaternary-color);
}

@media (max-width: 767px) {
  .mys-search .search-desk {
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
  }
  .mys-search .search-results-wrapper:before {
    content: "";
    display: block;
    position: absolute;
    inset: 0 0 auto 0;
    height: 0.375em;
    background: var(--maximedia-gradient-h);
  }
  .mys-search .search-results-wrapper .search-mob {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse;
    gap: 0.5em;
  }
  .mys-search .search-results-wrapper .search-mob .search-mob-close {
    background: var(--theme-color-5);
    color: var(--primary-color);
    border-radius: var(--ico-radius-xl);
    -webkit-box-shadow: 0 0 0 0 var(--primary-color) inset;
            box-shadow: 0 0 0 0 var(--primary-color) inset;
    -webkit-transition: 300ms ease all;
    transition: 300ms ease all;
  }
  .mys-search .search-results-wrapper .search-mob .search-mob-close:hover {
    -webkit-box-shadow: 0 0 0 2em var(--primary-color) inset;
            box-shadow: 0 0 0 2em var(--primary-color) inset;
    color: var(--white-color);
  }
}
.user-unlogged .mys-ico-label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  font-size: 0.9375em;
  line-height: 1.2;
  color: var(--theme-color);
}
.user-unlogged:hover .mys-ico-label {
  color: var(--theme-color);
}

.user-trigger .mys-ico-label {
  font-size: 0.9375em;
  line-height: 1.2;
  color: var(--theme-color);
}
.user-trigger:hover .mys-ico-label {
  color: var(--theme-color);
}

.mys-user .user-contents .user-close:after {
  background: var(--theme-color-5);
  color: var(--primary-color);
  border-radius: var(--ico-radius-xl);
  -webkit-box-shadow: 0 0 0 0 var(--primary-color) inset;
          box-shadow: 0 0 0 0 var(--primary-color) inset;
}
.mys-user .user-contents .user-close:hover:after {
  -webkit-box-shadow: 0 0 0 2em var(--primary-color) inset;
          box-shadow: 0 0 0 2em var(--primary-color) inset;
}

.mys-head .mys-user.show-side .wdg-user .user-contents:before {
  content: "";
  display: block;
  position: absolute;
  inset: 0 auto 0 0;
  width: 0.375em;
  height: 100dvh;
  background: var(--maximedia-gradient-v);
}

@media (max-width: 767px) {
  .mys-head .mys-user.show-side .wdg-user .user-contents {
    overflow: hidden;
  }
  .mys-head .mys-user.show-side .wdg-user .user-contents:before {
    inset: 0 0 auto 0;
    height: 0.375em;
    width: auto;
    background: var(--maximedia-gradient-h);
  }
  .user-trigger .mys-ico-label {
    display: none;
  }
  .user-unlogged .mys-ico-label {
    display: none;
  }
}
.mys-fav .fav-trigger {
  gap: var(--ico-gap-nm);
}
.mys-fav .fav-trigger .fav-icon {
  border-radius: var(--ico-radius-xl);
  padding: 0.5em;
  background: var(--secondary-color);
  -webkit-box-shadow: 0 0 0 0 var(--white-color) inset;
          box-shadow: 0 0 0 0 var(--white-color) inset;
  color: var(--white-color);
  position: relative;
}
.mys-fav .fav-trigger .fav-icon:after {
  content: attr(data-fav-items);
  position: absolute;
  inset: -0.5em auto auto -0.5em;
  background: var(--white-color);
  color: var(--theme-color);
  font-size: 0.6rem;
  padding: 0.25em;
  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: 0.5em;
  -webkit-transition: 300ms ease all;
  transition: 300ms ease all;
  min-width: 1em;
}
.mys-fav .fav-trigger .fav-icon[data-fav-items="0"]:after, .mys-fav .fav-trigger .fav-icon[data-fav-items=""]:after {
  display: none;
}
.mys-fav .fav-trigger .fav-label {
  font-size: 0.9375em;
  line-height: 1.2;
  color: var(--theme-color);
}
.mys-fav .fav-trigger:hover .fav-icon {
  background: transparent;
  -webkit-box-shadow: 0 0 0 2em var(--white-color) inset;
          box-shadow: 0 0 0 2em var(--white-color) inset;
  color: var(--secondary-color);
}
.mys-fav .fav-trigger:hover .fav-icon:after {
  background: var(--secondary-color);
  color: var(--white-color);
}

@media (max-width: 767px) {
  .mys-fav .fav-trigger .fav-label {
    display: none;
  }
}
.mys-cart .cart-trigger {
  gap: var(--ico-gap-nm);
}
.mys-cart .cart-trigger .cart-icon {
  border-radius: var(--ico-radius-xl);
  padding: 0.5em;
  background: var(--tertiary-color);
  -webkit-box-shadow: 0 0 0 0 var(--white-color) inset;
          box-shadow: 0 0 0 0 var(--white-color) inset;
  position: relative;
}
.mys-cart .cart-trigger .cart-icon:after {
  content: attr(data-cart-items);
  position: absolute;
  inset: -0.5em auto auto -0.5em;
  background: var(--white-color);
  color: var(--theme-color);
  font-size: 0.6rem;
  padding: 0.25em;
  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: 0.5em;
  -webkit-transition: 300ms ease all;
  transition: 300ms ease all;
  min-width: 1em;
}
.mys-cart .cart-trigger .cart-icon[data-cart-items="0"]:after, .mys-cart .cart-trigger .cart-icon[data-cart-items=""]:after {
  display: none;
}
.mys-cart .cart-trigger .cart-text {
  font-size: 0.9375em;
  line-height: 1.2;
  color: var(--theme-color);
}
.mys-cart .cart-trigger .cart-text .cart-text-desc, .mys-cart .cart-trigger .cart-text br {
  display: none;
}
.mys-cart .cart-trigger .cart-text .cart-text-price strong {
  font-weight: normal;
}
.mys-cart .cart-trigger:hover .cart-icon {
  background: transparent;
  -webkit-box-shadow: 0 0 0 2em var(--white-color) inset;
          box-shadow: 0 0 0 2em var(--white-color) inset;
  color: var(--tertiary-color);
}
.mys-cart .cart-trigger:hover .cart-icon:after {
  background: var(--tertiary-color);
  color: var(--white-color);
}

.mys-cart .cart-contents .cart-close:after {
  background: var(--theme-color-5);
  color: var(--primary-color);
  border-radius: var(--ico-radius-xl);
  -webkit-box-shadow: 0 0 0 0 var(--primary-color) inset;
          box-shadow: 0 0 0 0 var(--primary-color) inset;
}
.mys-cart .cart-contents .cart-close:hover:after {
  -webkit-box-shadow: 0 0 0 2em var(--primary-color) inset;
          box-shadow: 0 0 0 2em var(--primary-color) inset;
}
.mys-cart .cart-contents .cart-products .cart-item > a {
  gap: 0.75em;
}
.mys-cart .cart-contents .cart-products .cart-item > a .item-details .item-cat {
  color: var(--theme-color);
}
.mys-cart .cart-contents .cart-products .cart-item > a .item-details .item-name {
  font-size: 0.9em;
}
.mys-cart .cart-contents .cart-products .cart-item .remove-cart {
  font-size: 1rem;
  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: 0.5em;
  -webkit-box-shadow: 0 0 0 0 var(--white-color) inset;
          box-shadow: 0 0 0 0 var(--white-color) inset;
  background: var(--primary-color);
  border-radius: 0.75em;
}
.mys-cart .cart-contents .cart-products .cart-item .remove-cart:after {
  -webkit-transform: none;
          transform: none;
  -webkit-transition: none;
  transition: none;
}
.mys-cart .cart-contents .cart-products .cart-item .remove-cart:hover {
  -webkit-box-shadow: 0 0 0 2em var(--white-color) inset;
          box-shadow: 0 0 0 2em var(--white-color) inset;
  background: transparent;
  -webkit-transform: none;
          transform: none;
}
.mys-cart .cart-contents .cart-products .cart-item .remove-cart:hover:after {
  -webkit-transform: none;
          transform: none;
}

.mys-head .mys-cart.show-side .wdg-cart .cart-contents:before {
  content: "";
  display: block;
  position: absolute;
  inset: 0 auto 0 0;
  width: 0.375em;
  height: 100dvh;
  background: var(--maximedia-gradient-v);
}

@media (max-width: 767px) {
  .mys-head .mys-cart.show-side .wdg-cart .cart-contents {
    overflow: hidden;
  }
  .mys-head .mys-cart.show-side .wdg-cart .cart-contents:before {
    inset: 0 0 auto 0;
    height: 0.375em;
    width: auto;
    background: var(--maximedia-gradient-h);
  }
  .mys-cart .cart-trigger .cart-text {
    display: none;
  }
}
.mys-product-menu-holder {
  width: 100%;
}
.mys-product-menu-holder .mys-product-trigger {
  width: 100%;
}

.mys-product-trigger .open-menu {
  gap: 0.5em;
}

.mys-bcrumb ul li.mys-bcrumb-home i {
  margin-top: -0.125em;
}

.mys-foot {
  -webkit-box-shadow: 0 -0.5em 4em var(--theme-color-10);
          box-shadow: 0 -0.5em 4em var(--theme-color-10);
}
.mys-foot .mys-mid {
  background-size: auto 90%, 100%;
  background-position: -2% 70%, 0;
}
.mys-foot .mys-mid .mys-col .mys-shop-logo {
  padding-bottom: 1.5em;
  margin-bottom: 1.5em;
  border-bottom: 1px solid var(--theme-color-10);
}
.mys-foot .mys-mid .mys-col.col-newsletter p {
  margin-bottom: 1em;
}
.mys-foot .mys-bot {
  position: relative;
}
.mys-foot .mys-bot:before {
  z-index: 2;
  content: "";
  display: block;
  position: absolute;
  inset: 0 auto auto 50%;
  margin: auto 0;
  width: 100%;
  max-width: 1400px;
  height: 0.25em;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  background: var(--maximedia-gradient-h);
}
.mys-foot .mys-bot .mys-fslv {
  padding-top: calc(var(--footer-bot-padd) + 0.25em);
  -ms-grid-columns: auto;
  grid-template-columns: auto;
}
.mys-foot .mys-bot .mys-fslv .col-copy .myoffice {
  font-weight: bold;
  color: transparent !important;
  background: url(/assets/img/myoffice-gray.svg) no-repeat center;
  background-size: contain;
  display: inline-block;
  text-decoration: none;
  width: 8em;
  text-align: center;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.mys-foot .foot-col-title {
  letter-spacing: var(--headline-letter-spacing);
}
.mys-foot .foot-col-title span {
  font-weight: normal;
}
.mys-foot .mys-v-widgets {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start !important;
      -ms-flex-align: start !important;
          align-items: flex-start !important;
}
.mys-foot .mys-v-widgets .btm-link .mys-ico {
  -webkit-transition: 300ms ease all;
  transition: 300ms ease all;
}
.mys-foot .mys-v-widgets .btm-link .mys-ico .mys-ico-label {
  color: var(--theme-color);
  -webkit-transition: 200ms ease color;
  transition: 200ms ease color;
}
.mys-foot .mys-v-widgets .btm-link:hover .mys-ico i {
  color: var(--color-accent);
  -webkit-transform: scale(1.2);
          transform: scale(1.2);
}
.mys-foot .mys-v-widgets .btm-link:hover .mys-ico .mys-ico-label {
  color: var(--color-accent);
}

@media (min-width: 768px) and (max-width: 991px) {
  .mys-foot .mys-col-4 {
    -ms-grid-columns: 1fr 1fr;
    grid-template-columns: 1fr 1fr;
  }
}
@media (max-width: 767px) {
  .mys-foot .mys-mid {
    background-size: 80% auto, 100%;
    background-position: 0 3%, 0;
  }
}
.mys-newsletter-short {
  margin: 1em 0 0;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0.5em;
}
.mys-newsletter-short .form-user-email {
  width: 100%;
  font-size: 1em !important;
}
.mys-newsletter-short .btn-subscribe {
  padding: 1.25em !important;
  border-radius: var(--b-radius-xl);
}

.sidebar-menu {
  --sidebar-border-color: var(--theme-color-5);
  --sidebar-border-width: 4px;
  --sidebar-border-radius: 2em;
  --sidebar-width: 40%;
  --sizebar-height: 150px;
  padding: 1.5em;
  position: relative;
}
.sidebar-menu:before, .sidebar-menu:after {
  content: "";
  display: block;
  position: absolute;
  width: 40%;
  height: 150px;
  z-index: -1;
}
.sidebar-menu:before {
  inset: 0 auto auto 0;
  border-top: var(--sidebar-border-width) solid var(--sidebar-border-color);
  border-left: var(--sidebar-border-width) solid var(--sidebar-border-color);
  border-top-left-radius: var(--sidebar-border-radius);
}
.sidebar-menu:after {
  inset: auto 0 0 auto;
  border-right: var(--sidebar-border-width) solid var(--sidebar-border-color);
  border-bottom: var(--sidebar-border-width) solid var(--sidebar-border-color);
  border-bottom-right-radius: var(--sidebar-border-radius);
}

.sidebar-header {
  margin-bottom: 0.5em;
}
.sidebar-header span {
  font-weight: normal;
}

.user-menu nav ul li.active a .mys-ico-label {
  font-weight: bold;
}
.user-menu nav ul li a:hover {
  color: var(--theme-color-60);
}

.table thead tr {
  background: var(--maximedia-gradient-h), var(--theme-color-5);
  background-size: 100% 0.25em, auto;
  background-repeat: no-repeat;
  background-position: left 100%;
}
.table thead tr th {
  background: none;
  color: var(--theme-color);
  border-bottom: 0;
  padding-bottom: 0.875em;
}
.table tbody tr.order-total {
  background: var(--maximedia-gradient-h), var(--theme-color-5);
  background-size: 100% 0.25em, auto;
  background-repeat: no-repeat;
  background-position: left 0%;
}
.table tbody tr.order-total th {
  background: none;
  color: var(--theme-color);
  border-top: 0;
  border-bottom: 0;
  padding-top: 0.875em;
}
.table tfoot {
  background: var(--maximedia-gradient-h), var(--theme-color-5);
  background-size: 100% 0.25em, auto;
  background-repeat: no-repeat;
  background-position: left 0%;
}
.table tfoot th {
  background: none;
  color: var(--theme-color);
  border-top: 0;
  padding-top: 0.875em;
}

.mys-user-account .user-login,
.mys-user-account .user-forgotten-password,
.mys-user-account .user-change-password,
.mys-user-account .user-address-form,
.mys-user-account .checkout-delivery-address {
  position: relative;
  overflow: hidden;
}
.mys-user-account .user-login:before,
.mys-user-account .user-forgotten-password:before,
.mys-user-account .user-change-password:before,
.mys-user-account .user-address-form:before,
.mys-user-account .checkout-delivery-address:before {
  content: "";
  display: block;
  position: absolute;
  inset: 0 0 auto 0;
  height: 0.25em;
  background: var(--maximedia-gradient-h);
}
.mys-user-account .user-forgotten-password {
  max-width: 750px;
}
.mys-user-account .user-login {
  -webkit-box-ordinal-group: 3;
      -ms-flex-order: 2;
          order: 2;
}
.mys-user-account .user-login .forgotten-password {
  color: currentColor;
}
.mys-user-account .user-register,
.mys-user-account .checkout-payment-address {
  --account-holder-border-color: var(--theme-color-5);
  --account-holder-border-width: 4px;
  --account-holder-border-radius: var(--account-col-radius);
  --account-holder-width: 40%;
  --account-holder-height: 150px;
  background: none;
  padding: var(--account-col-padding);
  position: relative;
}
.mys-user-account .user-register:before, .mys-user-account .user-register:after,
.mys-user-account .checkout-payment-address:before,
.mys-user-account .checkout-payment-address:after {
  content: "";
  display: block;
  position: absolute;
  width: var(--account-holder-width);
  height: var(--account-holder-height);
  z-index: -1;
}
.mys-user-account .user-register:before,
.mys-user-account .checkout-payment-address:before {
  inset: 0 auto auto 0;
  border-top: var(--account-holder-border-width) solid var(--account-holder-border-color);
  border-left: var(--account-holder-border-width) solid var(--account-holder-border-color);
  border-top-left-radius: var(--account-holder-border-radius);
}
.mys-user-account .user-register:after,
.mys-user-account .checkout-payment-address:after {
  inset: auto 0 0 auto;
  border-right: var(--account-holder-border-width) solid var(--account-holder-border-color);
  border-bottom: var(--account-holder-border-width) solid var(--account-holder-border-color);
  border-bottom-right-radius: var(--account-holder-border-radius);
}

.mys-account-skipregistration {
  text-align: center;
}
.mys-account-skipregistration p {
  max-width: 800px;
}

.mys-my-account .user-data,
.mys-my-account .user-addresses {
  padding-bottom: 1em;
  border-bottom: 1px solid var(--theme-color-10);
}

@media (max-width: 575px) {
  .mys-my-account .user-data, .mys-my-account .user-addresses {
    padding-bottom: 1em;
    margin-bottom: 0;
  }
}
.modal .modal-content {
  overflow: hidden;
}
.modal .modal-content:before {
  content: "";
  display: block;
  position: absolute;
  inset: 0 0 auto 0;
  height: 0.375em;
  background: var(--maximedia-gradient-h);
}
.modal .modal-content .modal-header .close:after {
  background: var(--theme-color-5);
  color: var(--primary-color);
  border-radius: var(--ico-radius-xl);
  -webkit-box-shadow: 0 0 0 0 var(--primary-color) inset;
          box-shadow: 0 0 0 0 var(--primary-color) inset;
}
.modal .modal-content .modal-header .close:hover:after {
  -webkit-box-shadow: 0 0 0 2em var(--primary-color) inset;
          box-shadow: 0 0 0 2em var(--primary-color) inset;
}

.contact-page {
  display: -ms-grid;
  display: grid;
  gap: 2em;
  -ms-grid-columns: 1fr 2em max(300px, 24%);
  grid-template-columns: 1fr max(300px, 24%);
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
}
.contact-page .form {
  --account-holder-border-color: var(--theme-color-5);
  --account-holder-border-width: 4px;
  --account-holder-border-radius: var(--account-col-radius);
  --account-holder-width: 40%;
  --account-holder-height: 150px;
  background: none;
  padding: var(--account-col-padding);
  position: relative;
}
.contact-page .form:before, .contact-page .form:after {
  content: "";
  display: block;
  position: absolute;
  width: 40%;
  height: 150px;
  z-index: -1;
}
.contact-page .form:before {
  inset: 0 auto auto 0;
  border-top: var(--account-holder-border-width) solid var(--account-holder-border-color);
  border-left: var(--account-holder-border-width) solid var(--account-holder-border-color);
  border-top-left-radius: var(--account-holder-border-radius);
}
.contact-page .form:after {
  inset: auto 0 0 auto;
  border-right: var(--account-holder-border-width) solid var(--account-holder-border-color);
  border-bottom: var(--account-holder-border-width) solid var(--account-holder-border-color);
  border-bottom-right-radius: var(--account-holder-border-radius);
}
.contact-page .company-info {
  padding: 2em;
  border-radius: var(--b-radius);
  background: var(--light-gray-color);
}
.contact-page .company-info p {
  font-size: 0.875em;
}

@media (max-width: 767px) {
  .contact-page {
    gap: 1em;
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
  }
  .contact-page .company-info {
    padding: 1em;
  }
}
.mys-cookies {
  padding-top: 1.5em;
}
.mys-cookies:before {
  z-index: 2;
  content: "";
  display: block;
  position: absolute;
  inset: 0 auto auto 50%;
  margin: auto 0;
  width: 100%;
  max-width: 1400px;
  height: 0.375em;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  background: var(--maximedia-gradient-h);
}
.mys-cookies:after {
  z-index: 1;
  content: "";
  display: block;
  position: absolute;
  inset: 0 0 auto 0;
  height: 0.375em;
  background: -webkit-gradient(linear, left top, right top, color-stop(50%, var(--primary-color)), color-stop(50%, var(--quaternary-color)));
  background: linear-gradient(to right, var(--primary-color) 50%, var(--quaternary-color) 50%);
}
.mys-cookies .default-text {
  font-size: 1em;
}
.mys-cookies .extended-text {
  font-size: 1em;
}
.mys-cookies .cookies-buttons {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-top: 1.25em;
  gap: 1em;
}
.mys-cookies .cookies-buttons .cookies-acceptance-buttons {
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
}
.mys-cookies .cookies-buttons .cookies-toggler {
  font-size: 1em;
  -webkit-box-ordinal-group: 3;
      -ms-flex-order: 2;
          order: 2;
}

@media (max-width: 575px) {
  .mys-cookies .cookies-buttons .cookies-acceptance-buttons {
    width: 100%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
  }
}
.mys-favorites-full .favorites-table tbody td .item-thumb:after {
  display: none;
}
.mys-favorites-full .favorites-table tbody td .item-thumb:hover img {
  -webkit-transform: scale(1.05);
          transform: scale(1.05);
}
.mys-favorites-full .favorites-table tbody td .item-remove {
  font-size: 1rem;
  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: 0.5em;
  -webkit-box-shadow: 0 0 0 0 var(--white-color) inset;
          box-shadow: 0 0 0 0 var(--white-color) inset;
}
.mys-favorites-full .favorites-table tbody td .item-remove:after {
  -webkit-transform: none;
          transform: none;
  -webkit-transition: none;
  transition: none;
}
.mys-favorites-full .favorites-table tbody td .item-remove:hover {
  -webkit-box-shadow: 0 0 0 2em var(--white-color) inset;
          box-shadow: 0 0 0 2em var(--white-color) inset;
}
.mys-favorites-full .favorites-table tbody td .item-remove:hover:after {
  -webkit-transform: none;
          transform: none;
}

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

.mys-hover-style-4 .single-brand {
  --single-brand-border-color: var(--theme-color-5);
  --single-brand-border-width: 4px;
  --single-brand-border-radius: 1.5em;
  --single-brand-width: 40%;
  --single-brand-height: 40%;
  --single-brand-small: 75px;
}
.mys-hover-style-4 .single-brand .item-effect {
  isolation: isolate;
}
.mys-hover-style-4 .single-brand .item-effect:before, .mys-hover-style-4 .single-brand .item-effect:after {
  content: "";
  display: block;
  position: absolute;
  width: var(--single-brand-width);
  height: var(--single-brand-width);
  z-index: -1;
  -webkit-transition: 300ms ease all;
  transition: 300ms ease all;
}
.mys-hover-style-4 .single-brand .item-effect:before {
  inset: 0 auto auto 0;
  border-top: var(--single-brand-border-width) solid var(--single-brand-border-color);
  border-left: var(--single-brand-border-width) solid var(--single-brand-border-color);
  border-top-left-radius: var(--single-brand-border-radius);
}
.mys-hover-style-4 .single-brand .item-effect:after {
  inset: auto 0 0 auto;
  border-right: var(--single-brand-border-width) solid var(--single-brand-border-color);
  border-bottom: var(--single-brand-border-width) solid var(--single-brand-border-color);
  border-bottom-right-radius: var(--single-brand-border-radius);
  width: var(--single-brand-small);
  height: var(--single-brand-small);
}
.mys-hover-transform-6 .single-brand a {
  -webkit-box-orient: vertical;
  -webkit-box-direction: reverse;
      -ms-flex-direction: column-reverse;
          flex-direction: column-reverse;
}
.mys-hover-transform-6 .single-brand a .product-brand-img img {
  -webkit-transition: 300ms ease all;
  transition: 300ms ease all;
  -webkit-transform: none;
          transform: none;
}

@media (hover: hover) {
  .mys-hover-style-4 .single-brand:hover .item-effect:before {
    width: 50px;
    height: 50px;
    border-color: var(--tertiary-color);
  }
  .mys-hover-style-4 .single-brand:hover .item-effect:after {
    width: var(--single-brand-width);
    height: var(--single-brand-width);
    border-color: var(--quaternary-color);
  }
  .mys-hover-transform-6 .single-brand:hover {
    -webkit-transform: translateY(-5px);
            transform: translateY(-5px);
  }
  .mys-hover-transform-6 .single-brand:hover a .product-brand-img img {
    -webkit-transform: translateY(-10px);
            transform: translateY(-10px);
  }
}
.mys-product-categories .single-cat .cat-data .cat-title {
  -ms-flex-item-align: start;
      align-self: flex-start;
  text-align: left;
}

.mys-hover-style-4 .single-cat {
  --single-cat-border-color: var(--theme-color-5);
  --single-cat-border-width: 4px;
  --single-cat-border-radius: 1.5em;
  --single-cat-width: 40%;
  --single-cat-height: 40%;
  --single-cat-small: 75px;
}
.mys-hover-style-4 .single-cat .item-effect {
  isolation: isolate;
}
.mys-hover-style-4 .single-cat .item-effect:before, .mys-hover-style-4 .single-cat .item-effect:after {
  content: "";
  display: block;
  position: absolute;
  width: var(--single-cat-width);
  height: var(--single-cat-width);
  z-index: -1;
  -webkit-transition: 300ms ease all;
  transition: 300ms ease all;
}
.mys-hover-style-4 .single-cat .item-effect:before {
  inset: 0 auto auto 0;
  border-top: var(--single-cat-border-width) solid var(--single-cat-border-color);
  border-left: var(--single-cat-border-width) solid var(--single-cat-border-color);
  border-top-left-radius: var(--single-cat-border-radius);
}
.mys-hover-style-4 .single-cat .item-effect:after {
  inset: auto 0 0 auto;
  border-right: var(--single-cat-border-width) solid var(--single-cat-border-color);
  border-bottom: var(--single-cat-border-width) solid var(--single-cat-border-color);
  border-bottom-right-radius: var(--single-cat-border-radius);
  width: var(--single-cat-small);
  height: var(--single-cat-small);
}
.mys-hover-transform-6 .single-cat .cat-data .cat-image a img {
  -webkit-transition: 300ms ease all;
  transition: 300ms ease all;
  -webkit-transform: none;
          transform: none;
}

@media (hover: hover) {
  .mys-hover-style-4 .single-cat:hover .item-effect:before {
    width: var(--single-cat-small);
    height: var(--single-cat-small);
    border-color: var(--tertiary-color);
  }
  .mys-hover-style-4 .single-cat:hover .item-effect:after {
    width: var(--single-cat-width);
    height: var(--single-cat-width);
    border-color: var(--quaternary-color);
  }
  .mys-hover-transform-6 .single-cat:hover {
    -webkit-transform: translateY(-5px);
            transform: translateY(-5px);
  }
  .mys-hover-transform-6 .single-cat:hover .cat-data .cat-image a img {
    -webkit-transform: translateY(-10px);
            transform: translateY(-10px);
  }
}
@-webkit-keyframes search {
  10% {
    -webkit-transform: rotate(0) translate(0, 0) scale(1);
            transform: rotate(0) translate(0, 0) scale(1);
    background-color: var(--primary-color);
  }
  30% {
    -webkit-transform: rotate(90deg) translate(-20%, -8%) scale(1.1);
            transform: rotate(90deg) translate(-20%, -8%) scale(1.1);
    background-color: var(--secondary-color);
  }
  35% {
    -webkit-transform: rotate(90deg) translate(-20%, -8%) scale(1.1);
            transform: rotate(90deg) translate(-20%, -8%) scale(1.1);
    background-color: var(--secondary-color);
  }
  55% {
    -webkit-transform: rotate(-30deg) translate(-15%, -20%) scale(0.9);
            transform: rotate(-30deg) translate(-15%, -20%) scale(0.9);
    background-color: var(--quaternary-color);
  }
  60% {
    -webkit-transform: rotate(-30deg) translate(-15%, -20%) scale(0.9);
            transform: rotate(-30deg) translate(-15%, -20%) scale(0.9);
    background-color: var(--quaternary-color);
  }
  80% {
    -webkit-transform: rotate(0) translate(0, 0) scale(1);
            transform: rotate(0) translate(0, 0) scale(1);
    background-color: var(--primary-color);
  }
}
@keyframes search {
  10% {
    -webkit-transform: rotate(0) translate(0, 0) scale(1);
            transform: rotate(0) translate(0, 0) scale(1);
    background-color: var(--primary-color);
  }
  30% {
    -webkit-transform: rotate(90deg) translate(-20%, -8%) scale(1.1);
            transform: rotate(90deg) translate(-20%, -8%) scale(1.1);
    background-color: var(--secondary-color);
  }
  35% {
    -webkit-transform: rotate(90deg) translate(-20%, -8%) scale(1.1);
            transform: rotate(90deg) translate(-20%, -8%) scale(1.1);
    background-color: var(--secondary-color);
  }
  55% {
    -webkit-transform: rotate(-30deg) translate(-15%, -20%) scale(0.9);
            transform: rotate(-30deg) translate(-15%, -20%) scale(0.9);
    background-color: var(--quaternary-color);
  }
  60% {
    -webkit-transform: rotate(-30deg) translate(-15%, -20%) scale(0.9);
            transform: rotate(-30deg) translate(-15%, -20%) scale(0.9);
    background-color: var(--quaternary-color);
  }
  80% {
    -webkit-transform: rotate(0) translate(0, 0) scale(1);
            transform: rotate(0) translate(0, 0) scale(1);
    background-color: var(--primary-color);
  }
}
.mys-steps ol {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 1fr 1fr;
  grid-template-columns: 1fr 1fr 1fr;
}
.mys-steps ol li {
  background: var(--theme-color-5);
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 0.5em;
  border-radius: var(--b-radius-md);
  padding: 0.5em 1em 1em;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  text-align: center;
}
.mys-steps ol li:before {
  font-weight: bold;
  border-bottom: 1px solid var(--theme-color-10);
  padding: 0 0 0.25em;
  margin: 0 0 0.25em;
  background: none;
  aspect-ratio: unset;
}
.mys-steps ol li.step-passed:before {
  border-bottom-color: var(--white-color-40);
}
.mys-steps ol li:nth-child(1).step-passed {
  background: var(--primary-color);
  color: var(--white-color);
}
.mys-steps ol li:nth-child(2).step-passed {
  background: var(--secondary-color);
  color: var(--white-color);
}
.mys-steps ol li:nth-child(3).step-passed {
  background: var(--tertiary-color);
  color: var(--white-color);
}

.mys-cart-full .cart-table tbody td .item-thumb:after {
  display: none;
}
.mys-cart-full .cart-table tbody td .item-thumb:hover img {
  -webkit-transform: scale(1.05);
          transform: scale(1.05);
}
.mys-cart-full .cart-table tbody td .item-remove {
  font-size: 1rem;
  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: 0.5em;
  -webkit-box-shadow: 0 0 0 0 var(--white-color) inset;
          box-shadow: 0 0 0 0 var(--white-color) inset;
}
.mys-cart-full .cart-table tbody td .item-remove:after {
  -webkit-transform: none;
          transform: none;
  -webkit-transition: none;
  transition: none;
}
.mys-cart-full .cart-table tbody td .item-remove:hover {
  -webkit-box-shadow: 0 0 0 2em var(--white-color) inset;
          box-shadow: 0 0 0 2em var(--white-color) inset;
}
.mys-cart-full .cart-table tbody td .item-remove:hover:after {
  -webkit-transform: none;
          transform: none;
}

.mys-account-skipregistration {
  --skipreg-border-color: var(--theme-color-5);
  --skipreg-border-width: 4px;
  --skipreg-border-radius: var(--b-radius-xl);
  --skipreg-width: clamp(10%,150px,70%);
  --skipreg-height: clamp(10%,150px,70%);
  position: relative;
}
.mys-account-skipregistration:before, .mys-account-skipregistration:after {
  content: "";
  display: block;
  position: absolute;
  width: var(--skipreg-width);
  height: var(--skipreg-height);
  z-index: -1;
}
.mys-account-skipregistration:before {
  inset: 0 auto auto 0;
  border-top: var(--skipreg-border-width) solid var(--skipreg-border-color);
  border-left: var(--skipreg-border-width) solid var(--skipreg-border-color);
  border-top-left-radius: var(--skipreg-border-radius);
}
.mys-account-skipregistration:after {
  inset: auto 0 0 auto;
  border-right: var(--skipreg-border-width) solid var(--skipreg-border-color);
  border-bottom: var(--skipreg-border-width) solid var(--skipreg-border-color);
  border-bottom-right-radius: var(--skipreg-border-radius);
}

.mys-checkout-sidebar {
  display: -ms-grid;
  display: grid;
  gap: var(--main-gap);
  -ms-grid-columns: 1fr var(--main-gap) 400px;
  grid-template-columns: 1fr 400px;
      grid-template-areas: "checkout-data checkout-sidebar";
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: start;
}
.mys-checkout-sidebar .checkout-data {
  -ms-grid-row: 1;
  -ms-grid-column: 1;
  grid-area: checkout-data;
}
.mys-checkout-sidebar .checkout-data .mys-user-account:last-child {
  margin-bottom: 0;
}
.mys-checkout-sidebar .checkout-sidebar {
  -ms-grid-row: 1;
  -ms-grid-column: 3;
  grid-area: checkout-sidebar;
  background: var(--white-color);
  border-radius: var(--b-radius-lg);
  padding: 2em;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  --skipreg-border-color: var(--theme-color-5);
  --skipreg-border-width: 4px;
  --skipreg-border-radius: var(--b-radius-xl);
  --skipreg-width: clamp(10%,150px,70%);
  --skipreg-height: clamp(10%,150px,70%);
  position: relative;
  isolation: isolate;
}
.mys-checkout-sidebar .checkout-sidebar:before, .mys-checkout-sidebar .checkout-sidebar:after {
  content: "";
  display: block;
  position: absolute;
  width: var(--skipreg-width);
  height: var(--skipreg-height);
  z-index: -1;
}
.mys-checkout-sidebar .checkout-sidebar:before {
  inset: 0 auto auto 0;
  border-top: var(--skipreg-border-width) solid var(--skipreg-border-color);
  border-left: var(--skipreg-border-width) solid var(--skipreg-border-color);
  border-top-left-radius: var(--skipreg-border-radius);
}
.mys-checkout-sidebar .checkout-sidebar:after {
  inset: auto 0 0 auto;
  border-right: var(--skipreg-border-width) solid var(--skipreg-border-color);
  border-bottom: var(--skipreg-border-width) solid var(--skipreg-border-color);
  border-bottom-right-radius: var(--skipreg-border-radius);
}
.mys-checkout-sidebar .checkout-sidebar .mys-cart {
  margin-bottom: 1em;
  -webkit-box-flex: 1;
      -ms-flex: 1 0 auto;
          flex: 1 0 auto;
}
.mys-checkout-sidebar .checkout-sidebar .mys-cart .cart-contents .cart-products ul {
  max-height: calc(100vh - 8em);
  overflow-y: auto;
  margin-right: -0.5em;
  padding-right: 0.5em;
}
.mys-checkout-sidebar .checkout-sidebar .mys-cart .cart-contents .cart-products ul .cart-item > a .item-photo {
  width: 60px;
}

@media (max-width: 991px) {
  .mys-checkout-sidebar {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
        grid-template-areas: "checkout-data" "checkout-sidebar";
  }
  .mys-checkout-sidebar .checkout-sidebar {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
  }
  .mys-checkout-sidebar .checkout-sidebar .mys-cart {
    margin-bottom: 0;
    margin-top: 1em;
  }
  .mys-checkout-sidebar .checkout-sidebar .mys-cart .cart-contents .cart-products ul {
    max-height: unset;
  }
  .mys-checkout-sidebar .checkout-data {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }
  .mys-checkout-sidebar .checkout-sidebar {
    -ms-grid-row: 2;
    -ms-grid-column: 1;
  }
}
.shop-list {
  --single-shop-padding: 1.375rem;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 1.25em 1fr 1.25em 1fr;
  grid-template-columns: 1fr 1fr 1fr;
  margin-top: 1.5em;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  gap: 1.25em;
}
.shop-list .single-shop {
  background: var(--theme-color-5);
  border-radius: var(--b-radius);
  overflow: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  border-bottom: 4px solid var(--theme-color);
}
.shop-list .single-shop .shop-title {
  font-size: 1.375em;
  padding: 0 0 0.5em;
  margin: 0 0 0.5em;
  border-bottom: 1px solid var(--theme-color-10);
}
.shop-list .single-shop .shop-info {
  margin-bottom: 0.5em;
}
.shop-list .single-shop .shop-info p {
  margin-bottom: 0;
  font-size: 0.875em;
  gap: 0.75em;
}
.shop-list .single-shop .shop-info p:before {
  font-size: 1.25em;
  margin-top: -0.125em;
}
.shop-list .single-shop:nth-child(4n+1) {
  border-bottom-color: var(--primary-color);
}
.shop-list .single-shop:nth-child(4n+2) {
  border-bottom-color: var(--secondary-color);
}
.shop-list .single-shop:nth-child(4n+3) {
  border-bottom-color: var(--tertiary-color);
}
.shop-list .single-shop:nth-child(4n+4) {
  border-bottom-color: var(--quaternary-color);
}
.shop-list .single-shop .shop-map {
  height: 17em;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: auto;
  width: auto;
}
.shop-list .single-shop .shop-map iframe {
  display: block;
  width: 100%;
  height: 100%;
}
.shop-list .single-shop:target {
  scroll-margin-top: 10em;
}
.shop-list .single-shop .shop-more {
  display: none;
}

@media (hover: hover) {
  .shop-list .single-shop {
    -webkit-transition: 700ms ease all;
    transition: 700ms ease all;
    overflow: hidden;
  }
  .shop-list .single-shop:hover {
    -webkit-transition: 300ms ease all;
    transition: 300ms ease all;
  }
}
@media (max-width: 991px) {
  .shop-list {
    -ms-grid-columns: 1fr 1em 1fr;
    grid-template-columns: 1fr 1fr;
    gap: 1em;
  }
}
@media (max-width: 767px) {
  .shop-list {
    --single-shop-padding: 1em;
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
  }
}
.single-shop .shop-title {
  font-size: 1.125em;
  font-weight: bold;
  line-height: 1.1;
  margin-bottom: 0.5em;
  color: var(--theme-color);
  font-family: var(--h-font, var(--base-font));
  font-weight: var(--headline-font-weight);
  text-transform: var(--headline-text-transform);
  letter-spacing: var(--headline-letter-spacing);
}
.single-shop .shop-title a {
  font-size: inherit;
  font-weight: inherit;
  text-decoration: none;
  color: inherit;
  padding: 0;
  -webkit-transition: 200ms ease all;
  transition: 200ms ease all;
}
.single-shop .shop-title a span {
  font-weight: normal;
}
.single-shop .shop-title a:hover {
  color: var(--secondary-color);
}
.single-shop .shop-info {
  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;
}
.single-shop .shop-info .shop-map {
  width: 100%;
  border-radius: var(--b-radius);
  overflow: hidden;
}
.single-shop .shop-info .shop-map iframe {
  display: block;
}
.single-shop .shop-info p {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 14px;
  gap: 0.5em;
}
.single-shop .shop-info p:before {
  display: block;
  font-family: "remixicon";
  font-size: 1em;
  color: var(--primary-color);
  line-height: 1.4;
}
.single-shop .shop-info p a {
  -webkit-transition: 200ms ease all;
  transition: 200ms ease all;
}
.single-shop .shop-info p.phone:before {
  content: "\efe9";
}
.single-shop .shop-info p.mail:before {
  content: "\eef9";
}
.single-shop .shop-info p.location:before {
  content: "\ef09";
}
.single-shop .shop-info p.hours:before {
  content: "\f20e";
}
.single-shop .shop-info p.mail {
  display: none;
}
.single-shop .shop-info p a:not(.btn) {
  color: currentColor;
  text-decoration: none;
  padding: 0;
  font-size: inherit;
}
.single-shop .shop-info p a:not(.btn):hover {
  color: var(--primary-color);
}
.single-shop .shop-info p.more {
  margin-top: 0.5em;
}
.single-shop .shop-info p.more .btn {
  padding: 0.675em 0.75em !important;
}

.shop-single-page {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr;
  grid-template-columns: 1fr;
  gap: 2em;
}
.shop-single-page .single-shop {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 1.5em 30%;
  grid-template-columns: 1fr 30%;
  gap: 1.5em;
  -webkit-box-pack: stretch;
      -ms-flex-pack: stretch;
          justify-content: stretch;
}
.shop-single-page .single-shop .shop-info {
  -webkit-box-ordinal-group: 3;
      -ms-flex-order: 2;
          order: 2;
  gap: 0.5em;
  padding: 1.5em;
  background: var(--theme-color-5);
  border-radius: var(--b-radius);
}
.shop-single-page .single-shop .shop-info p {
  margin-bottom: 0;
  font-size: 1em;
  gap: 0.75em;
}
.shop-single-page .single-shop .shop-info p:before {
  font-size: 1.75em;
  margin-top: -0.25em;
}
.shop-single-page .single-shop .shop-map {
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
  min-height: 300px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border-radius: var(--b-radius);
  overflow: hidden;
}
.shop-single-page .single-shop .shop-map iframe {
  width: 100%;
  height: 100%;
}

@media (max-width: 991px) {
  .shop-single-page .single-shop {
    -ms-grid-columns: 45% 1fr;
    grid-template-columns: 45% 1fr;
  }
}
@media (max-width: 767px) {
  .shop-single-page .single-shop {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    gap: 0.75em;
  }
  .shop-single-page .single-shop .shop-map {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
  }
  .shop-single-page .single-shop .shop-info {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
  }
}
.mys-display-options {
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  display: -ms-grid;
  display: grid;
}
.mys-display-options .mys-filter-page {
  background: var(--theme-color-5);
  border-radius: var(--b-radius);
  padding: 0.5em 1em;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 1fr;
  grid-template-columns: 1fr 1fr;
}
.mys-display-options .mys-filter-page .mys-mobile-filter {
  display: none;
}
.mys-display-options .mys-filter-page .mys-sorting .mys-product-sort {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  gap: 0.5em;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.mys-display-options .mys-filter-page .mys-sorting .mys-product-sort span {
  font-size: 0.875em;
  white-space: nowrap;
}
.mys-display-options .mys-filter-page .mys-perpage .mys-product-appearance {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  gap: 0.5em;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.mys-display-options .mys-filter-page .mys-perpage .mys-product-appearance span {
  font-size: 0.875em;
  white-space: nowrap;
}
.mys-display-options .mys-filter-page .mys-view {
  display: none;
}
.mys-display-options.mys-has-filtering .mys-page-label {
  display: none;
}
.mys-display-options .mys-page-label {
  background: var(--theme-color-5);
  border-radius: var(--b-radius);
  padding: 0.5em 1em;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.mys-display-options .mys-pagination {
  background: var(--theme-color-5);
  border-radius: var(--b-radius);
  padding: 0.5em 1em;
}

@media (min-width: 992px) {
  .mys-display-options:not(.mys-has-filtering) {
    -ms-grid-columns: 1fr 1fr;
    grid-template-columns: 1fr 1fr;
        grid-template-areas: "mys-page-label mys-pagination";
  }
  .mys-display-options.mys-has-filtering {
    -ms-grid-columns: 1fr 1fr;
    grid-template-columns: 1fr 1fr;
        grid-template-areas: "mys-filter-page mys-pagination";
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
  }
  .mys-display-options.mys-has-filtering .mys-page-label {
    display: none;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .mys-display-options:not(.mys-has-filtering) {
    -ms-grid-columns: 1fr 1fr;
    grid-template-columns: 1fr 1fr;
        grid-template-areas: "mys-page-label mys-pagination";
  }
  .mys-display-options.mys-has-filtering {
    -ms-grid-columns: 1fr 1fr;
    grid-template-columns: 1fr 1fr;
        grid-template-areas: "mys-filter-page mys-pagination";
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
  }
}
@media (max-width: 767px) {
  .mys-display-options:not(.mys-has-filtering) {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    -ms-grid-rows: auto 0.5em auto;
        grid-template-areas: "mys-pagination" "mys-page-label";
    gap: 0.5em;
  }
  .mys-display-options:not(.mys-has-filtering) .mys-page-label {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    text-align: center;
  }
  .mys-display-options:not(.mys-has-filtering) .mys-pagination {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .mys-display-options.mys-has-filtering {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    gap: 0.5em;
    -ms-grid-rows: auto 0.5em auto;
        grid-template-areas: "mys-filter-page" "mys-pagination";
  }
}
.mys-filters .filter-backdrop .filter-contents .group-filters .single-filter {
  -webkit-box-ordinal-group: 3;
      -ms-flex-order: 2;
          order: 2;
}
.mys-filters .filter-backdrop .filter-contents .group-filters .single-filter.filter-price-slider {
  -webkit-box-ordinal-group: 1;
      -ms-flex-order: 0;
          order: 0;
}
.mys-filters .filter-backdrop .filter-contents .group-filters .single-filter.filter-order-second {
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
}

.mys-product {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 0.75em 2.5em;
  grid-template-columns: 1fr 2.5em;
  -ms-grid-rows: auto 0.5em auto 0.5em auto;
      grid-template-areas: "item-photo item-photo" "item-data item-data" "item-buy item-fav";
  gap: 0.5em 0.75em;
}
.mys-product .item-image {
  -ms-grid-row: 1;
  -ms-grid-column: 1;
  -ms-grid-column-span: 3;
  grid-area: item-photo;
}
.mys-product .item-data {
  -ms-grid-row: 3;
  -ms-grid-column: 1;
  -ms-grid-column-span: 3;
  grid-area: item-data;
}
.mys-product .item-data .item-price .price-installments {
  background: var(--theme-color-5);
  border-radius: var(--b-radius);
  padding: 0.5em 0.75em;
  line-height: 1.2;
}
.mys-product .item-data .item-price .price-installments em {
  display: none;
}
.mys-product .item-data .item-price .price-installments .installment-participation {
  display: block;
  font-size: 0.875em;
  color: var(--theme-color-70);
}
.mys-product .item-data .item-price .price-installments .installments {
  display: block;
  font-size: 1em;
  font-weight: 700;
}
.mys-product .item-purchase-link {
  -ms-grid-row: 5;
  -ms-grid-column: 1;
  grid-area: item-buy;
}
.mys-product .item-purchase-link .add-to-cart {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.mys-product .item-wishlist-link {
  -ms-grid-row: 5;
  -ms-grid-column: 3;
  grid-area: item-fav;
}
.mys-product .item-wishlist-link .wishlist-btn {
  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-product .item-wishlist-link .add-to-wishlist:hover {
  border-color: transparent;
}
.mys-hover-style-4 .mys-product {
  --single-product-border-color: var(--theme-color-5);
  --single-product-border-width: 4px;
  --single-product-border-radius: 1.5em;
  --single-product-width: 40%;
  --single-product-height: 40%;
  --single-product-small: 75px;
}
.mys-hover-style-4 .mys-product .item-effect {
  isolation: isolate;
}
.mys-hover-style-4 .mys-product .item-effect:before, .mys-hover-style-4 .mys-product .item-effect:after {
  content: "";
  display: block;
  position: absolute;
  width: var(--single-product-width);
  height: var(--single-product-width);
  z-index: -1;
  -webkit-transition: 300ms ease all;
  transition: 300ms ease all;
}
.mys-hover-style-4 .mys-product .item-effect:before {
  inset: 0 auto auto 0;
  border-top: var(--single-product-border-width) solid var(--single-product-border-color);
  border-left: var(--single-product-border-width) solid var(--single-product-border-color);
  border-top-left-radius: var(--single-product-border-radius);
}
.mys-hover-style-4 .mys-product .item-effect:after {
  inset: auto 0 0 auto;
  border-right: var(--single-product-border-width) solid var(--single-product-border-color);
  border-bottom: var(--single-product-border-width) solid var(--single-product-border-color);
  border-bottom-right-radius: var(--single-product-border-radius);
  width: var(--single-product-small);
  height: var(--single-product-small);
}
.mys-hover-transform-6 .mys-product .item-image a img {
  -webkit-transition: 300ms ease all;
  transition: 300ms ease all;
  -webkit-transform: none;
          transform: none;
}

@media (hover: hover) {
  .mys-hover-style-4 .mys-product:hover .item-effect:before {
    width: var(--single-product-small);
    height: var(--single-product-small);
    border-color: var(--tertiary-color);
  }
  .mys-hover-style-4 .mys-product:hover .item-effect:after {
    width: var(--single-product-width);
    height: var(--single-product-width);
    border-color: var(--quaternary-color);
  }
  .mys-hover-transform-6 .mys-product:hover {
    -webkit-transform: translateY(-5px);
            transform: translateY(-5px);
  }
  .mys-hover-transform-6 .mys-product:hover .item-image a img {
    -webkit-transform: translateY(-10px);
            transform: translateY(-10px);
  }
}
.mys-product .item-data .item-name {
  line-height: 1.2;
}
.mys-product .item-purchase-link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: stretch;
      -ms-flex-pack: stretch;
          justify-content: stretch;
  container: purchase-link/inline-size;
  -ms-flex-item-align: end;
      -ms-grid-row-align: end;
      align-self: end;
}
.mys-product .item-purchase-link .add-to-cart,
.mys-product .item-purchase-link .buy-in-shops {
  width: 100%;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.mys-product .item-wishlist-link {
  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;
  -ms-flex-item-align: end;
      -ms-grid-row-align: end;
      align-self: end;
}
.mys-product .item-wishlist-link .add-to-wishlist,
.mys-product .item-wishlist-link .remove-from-wishlist {
  width: 100%;
}

@container purchase-link (max-width: 120px) {
  .item-purchase-link .add-to-cart span,
  .item-purchase-link .buy-in-shops span {
    display: none !important;
  }
}
.mys-single-product.mys-product-layout-1 {
  -ms-grid-columns: var(--sp-gallery-width) 1fr;
  grid-template-columns: var(--sp-gallery-width) 1fr;
  -ms-grid-rows: auto auto auto 1fr auto auto;
  grid-template-rows: auto auto auto 1fr auto auto;
      grid-template-areas: "pdc-name pdc-name" "pdc-gallery pdc-price" "pdc-gallery pdc-purchase" "pdc-gallery pdc-list-info" "pdc-addl-info pdc-addl-info" "pdc-note pdc-note";
}
.mys-single-product.mys-product-layout-1 .mys-single-product-note {
  -ms-grid-row: 6;
  -ms-grid-column: 1;
  -ms-grid-column-span: 2;
  grid-area: pdc-note;
}
.mys-single-product.mys-product-layout-1 > .product-purchase-button {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0.5em;
}
.mys-single-product.mys-product-layout-1 > .product-purchase-button .mys-purchase-amount {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  max-width: 150px;
  z-index: 1;
}
.mys-single-product.mys-product-layout-1 > .product-purchase-button .mys-purchase-amount .product-amount {
  width: 100%;
  height: 100%;
  text-align: center;
}
.mys-single-product.mys-product-layout-1 > .product-purchase-button .mys-purchase-amount .product-amount[disabled=disabled] {
  pointer-events: none;
}
.mys-single-product.mys-product-layout-1 > .product-purchase-button .mys-purchase-link {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
}
.mys-single-product .product-image-holder .product-image-print {
  display: none;
}

@media (max-width: 991px) {
  .mys-single-product.mys-product-layout-1 {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    -ms-grid-rows: auto;
    grid-template-rows: auto;
        grid-template-areas: "pdc-name" "pdc-gallery" "pdc-price" "pdc-list-info" "pdc-purchase" "pdc-addl-info" "pdc-note" !important;
  }
  .mys-single-product.mys-product-layout-1 .mys-single-product-note {
    -ms-grid-row: 7;
    -ms-grid-column: 1;
    -ms-grid-column-span: 1;
  }
}
@media (max-width: 767px) {
  .mys-single-product.mys-product-layout-1 {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    -ms-grid-rows: auto;
    grid-template-rows: auto;
        grid-template-areas: "pdc-name" "pdc-gallery" "pdc-price" "pdc-list-info" "pdc-purchase" "pdc-addl-info" "pdc-note" !important;
  }
  .mys-single-product.mys-product-layout-1 .mys-single-product-note {
    -ms-grid-row: 7;
    -ms-grid-column: 1;
    -ms-grid-column-span: 1;
  }
}
@media (max-width: 575px) {
  .mys-single-product.mys-product-layout-1 > .product-purchase-button .mys-purchase-amount {
    max-width: 120px;
  }
  .mys-single-product.mys-product-layout-1 > .product-purchase-button .mys-purchase-amount .product-amount {
    font-size: 1em;
  }
  .mys-single-product.mys-product-layout-1 > .product-purchase-button .mys-purchase-link .btn {
    font-size: 1em;
  }
}
.product-pricing .price-installments {
  background: var(--theme-color-5);
  border-radius: var(--b-radius);
  padding: 0.75em 1em;
  line-height: 1.2;
}
.product-pricing .price-installments em {
  display: block;
  font-style: normal;
  color: var(--theme-color-70);
}
.product-pricing .price-installments .installment-participation {
  display: block;
  font-size: 1em;
  color: var(--theme-color-70);
}
.product-pricing .price-installments .installments {
  display: block;
  font-size: 1.125em;
  font-weight: 700;
}
.product-pricing .product-notes-holder {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 0.5em auto 0.5em auto;
  grid-template-columns: 1fr auto auto;
  gap: 0.5em;
  -ms-grid-rows: 1fr;
  grid-template-rows: 1fr;
      grid-template-areas: "pdc-note pdc-stores pdc-avlbl";
  margin-top: 0.5em;
}
.product-pricing .product-notes-holder .product-addl-info-stores {
  -ms-grid-row: 1;
  -ms-grid-column: 3;
  grid-area: pdc-stores;
  -ms-grid-row-align: center;
      align-self: center;
}
.product-pricing .product-notes-holder .product-addl-info-stores .product-stores-toggler,
.product-pricing .product-notes-holder .product-addl-info-stores .product-unavailable {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0.5em;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background: var(--secondary-color-20);
  color: var(--secondary-color);
  border-radius: var(--b-radius-sm);
  -webkit-transition: 300ms ease all;
  transition: 300ms ease all;
  padding: 0.25em 1em;
  cursor: pointer;
}
.product-pricing .product-notes-holder .product-addl-info-stores .product-stores-toggler i,
.product-pricing .product-notes-holder .product-addl-info-stores .product-unavailable i {
  font-size: 1.5em;
}
.product-pricing .product-notes-holder .product-addl-info-stores .product-stores-toggler:hover,
.product-pricing .product-notes-holder .product-addl-info-stores .product-unavailable:hover {
  background: var(--secondary-color);
  color: var(--white-color);
}
.product-pricing .product-notes-holder .product-addl-info-stores .product-unavailable {
  background: var(--primary-color-20);
  color: var(--primary-color);
}
.product-pricing .product-notes-holder .price-note {
  -ms-grid-row: 1;
  -ms-grid-column: 1;
  -ms-grid-column-span: 1;
  grid-area: pdc-note;
  display: block;
  padding: 0.5em 1em;
      justify-self: start;
}
@media (max-width: 991px){
  .product-pricing .product-notes-holder .price-note {
    -ms-grid-row: 7;
    -ms-grid-column: 1;
    -ms-grid-column-span: 1;
  }
}
@media (max-width: 767px){
  .product-pricing .product-notes-holder .price-note {
    -ms-grid-row: 7;
    -ms-grid-column: 1;
    -ms-grid-column-span: 1;
  }
}
.product-pricing .product-notes-holder .product-availability {
  -ms-grid-column-align: end;
      justify-self: end;
}

.product-in-stores {
  position: relative;
  z-index: 10;
}
.product-in-stores .product-in-stores-backdrop {
  position: fixed;
  opacity: 0;
  pointer-events: none;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  inset: 0;
  background: var(--gray-color-80);
  -webkit-backdrop-filter: blur(10px);
          backdrop-filter: blur(10px);
  z-index: 2;
  -webkit-transition: 300ms ease all;
  transition: 300ms ease all;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.shop-available-shown .product-in-stores .product-in-stores-backdrop {
  opacity: 1;
  pointer-events: initial;
}
.product-in-stores .product-in-stores-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  opacity: 0;
  pointer-events: none;
  width: 90vw;
  max-height: 90vh;
  max-width: 550px;
  -webkit-transform: 300ms ease all;
          transform: 300ms ease all;
  padding: 1.5em;
  position: relative;
  border-radius: var(--b-radius);
  background: var(--theme-bg);
  overflow: hidden;
  -webkit-box-shadow: var(--b-shad) var(--black-color-50);
          box-shadow: var(--b-shad) var(--black-color-50);
}
.product-in-stores .product-in-stores-content:before {
  content: "";
  display: block;
  position: absolute;
  inset: 0 0 auto 0;
  height: 0.375em;
  width: auto;
  background: var(--maximedia-gradient-h);
}
.shop-available-shown .product-in-stores .product-in-stores-content {
  opacity: 1;
  pointer-events: initial;
}
.product-in-stores .product-in-stores-content h3 {
  font-size: 1.25rem;
}
.product-in-stores .product-in-stores-content .product-stores-close {
  position: absolute;
  right: 1em;
  top: 1em;
  cursor: pointer;
  text-decoration: none;
}
.product-in-stores .product-in-stores-content .product-stores-close > span {
  display: none;
}
.product-in-stores .product-in-stores-content .product-stores-close:after {
  content: "\eb99";
  font-family: remixicon;
  font-size: 1.5em;
  line-height: 1;
  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;
  -webkit-transition: 300ms ease all;
  transition: 300ms ease all;
  background: var(--theme-color-5);
  color: var(--primary-color);
  border-radius: var(--ico-radius-xl);
  -webkit-box-shadow: 0 0 0 0 var(--primary-color) inset;
          box-shadow: 0 0 0 0 var(--primary-color) inset;
}
.product-in-stores .product-in-stores-content .product-stores-close: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;
}
.product-in-stores .product-in-stores-content .product-store-list {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  overflow-y: auto;
  margin-right: -0.75em;
  padding-right: 0.75em;
  gap: 1em;
  padding-top: 1em;
}
.product-in-stores .product-in-stores-content .product-store-list::-webkit-scrollbar {
  width: 6px;
  background: var(--theme-color-5);
  border-radius: 6px;
}
.product-in-stores .product-in-stores-content .product-store-list::-webkit-scrollbar-thumb {
  background: var(--theme-color-15);
  border-radius: 6px;
}
.product-in-stores .product-in-stores-content .product-store-list::-webkit-scrollbar-thumb:hover {
  background: var(--theme-color-25);
}

.product-store-info:not(:last-child) {
  border-bottom: 1px solid var(--theme-color-10);
  padding-bottom: 1em;
}
.product-store-info .shop-title {
  font-size: 1.125em;
  font-weight: bold;
  line-height: 1.1;
  margin-bottom: 0.5em;
  color: var(--theme-color);
  font-family: var(--h-font, var(--base-font));
  font-weight: var(--headline-font-weight);
  text-transform: var(--headline-text-transform);
  letter-spacing: var(--headline-letter-spacing);
}
.product-store-info .shop-info {
  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;
}
.product-store-info .shop-info p {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 14px;
  gap: 0.5em;
}
.product-store-info .shop-info p:before {
  display: block;
  font-family: "remixicon";
  font-size: 1em;
  color: var(--primary-color);
  line-height: 1.4;
}
.product-store-info .shop-info p a {
  -webkit-transition: 200ms ease all;
  transition: 200ms ease all;
}
.product-store-info .shop-info p.phone:before {
  content: "\efe9";
}
.product-store-info .shop-info p.mail:before {
  content: "\eef9";
}
.product-store-info .shop-info p.location:before {
  content: "\ef09";
}
.product-store-info .shop-info p.hours:before {
  content: "\f20e";
}
.product-store-info .shop-info p.hours b {
  display: none;
}
.product-store-info .shop-info p.hours br:first-of-type {
  display: none;
}

.shop-available-shown .mys-head {
  z-index: unset;
}

@media (max-width: 767px) {
  .product-pricing .product-notes-holder {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
        grid-template-areas: "pdc-avlbl" "pdc-note" "pdc-stores";
  }
  .product-pricing .product-notes-holder .price-note {
    -ms-grid-column-align: unset;
        justify-self: unset;
    text-align: center;
  }
  .product-pricing .product-notes-holder .product-availability,
  .product-pricing .product-notes-holder .product-addl-info-stores {
    -ms-grid-column-align: center;
        justify-self: center;
  }
  .product-pricing .product-notes-holder > .mys-single-product-note {
    -ms-grid-row: 2;
    -ms-grid-column: 1;
    -ms-grid-column-span: 1;
  }
  .product-pricing .product-notes-holder .product-addl-info-stores {
    -ms-grid-row: 3;
    -ms-grid-column: 1;
  }
  .product-pricing .product-notes-holder > .price-note {
    -ms-grid-row: 2;
    -ms-grid-column: 1;
    -ms-grid-column-span: 1;
  }
}
.product-naming .product-title {
  display: -ms-grid;
  display: grid;
  gap: 0.5em 1.5em;
}
.product-naming .product-title .product-headline {
  grid-area: headline;
  text-align: center;
  line-height: 1.2;
}
.product-naming .product-title .print-page {
  grid-area: print;
  -webkit-box-shadow: 0 0 0 0 var(--secondary-color) inset;
          box-shadow: 0 0 0 0 var(--secondary-color) inset;
}
.product-naming .product-title .print-page:hover {
  -webkit-box-shadow: 0 0 0 2em var(--secondary-color) inset, var(--b-shad) var(--button-shadow-color);
          box-shadow: 0 0 0 2em var(--secondary-color) inset, var(--b-shad) var(--button-shadow-color);
  color: var(--white-color);
}
.product-naming .product-title .product-shortcuts {
  grid-area: shortcuts;
}

@media (min-width: 992px) {
  .product-naming .product-title {
    -ms-grid-columns: 1fr 1.5em auto 1.5em auto;
    grid-template-columns: 1fr auto auto;
        grid-template-areas: "headline print shortcuts";
    -ms-grid-rows: auto;
    grid-template-rows: auto;
    gap: 0.5em 1.5em;
  }
  .product-naming .product-title .product-headline {
    -ms-grid-column: 1;
    grid-column: 1;
    text-align: left;
  }
  .product-naming .product-title .product-headline {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }
  .product-naming .product-title .print-page {
    -ms-grid-row: 1;
    -ms-grid-column: 3;
  }
  .product-naming .product-title .product-shortcuts {
    -ms-grid-row: 1;
    -ms-grid-column: 5;
  }
}
@media (min-width: 576px) and (max-width: 991px) {
  .product-naming .product-title {
    -ms-grid-columns: 1fr 1fr !important;
    grid-template-columns: 1fr 1fr !important;
        grid-template-areas: "headline headline" "print shortcuts";
    -ms-grid-rows: auto;
    grid-template-rows: auto;
  }
  .product-naming .product-title .product-headline {
    -ms-grid-column: 1;
    -ms-grid-column-span: 2;
    grid-column: 1/span 2;
  }
  .product-naming .product-title .print-sheet {
    -ms-grid-column-align: end;
        justify-self: end;
  }
  .product-naming .product-title .product-headline {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
    -ms-grid-column-span: 2;
  }
  .product-naming .product-title .print-page {
    -ms-grid-row: 2;
    -ms-grid-column: 1;
  }
  .product-naming .product-title .product-shortcuts {
    -ms-grid-row: 2;
    -ms-grid-column: 2;
  }
}
@media (max-width: 767px) {
  .product-naming .product-title .product-shortcuts {
    -ms-grid-column-align: start;
        justify-self: start;
  }
}
@media (max-width: 575px) {
  .product-naming .product-title {
    -ms-grid-columns: 1fr !important;
    grid-template-columns: 1fr !important;
        grid-template-areas: "headline" "print" "shortcuts";
  }
  .product-naming .product-title .product-headline {
    grid-column: unset;
  }
  .product-naming .product-title .print-page {
    -ms-grid-column-align: center;
        justify-self: center;
  }
  .product-naming .product-title .product-shortcuts {
    -ms-grid-column-align: center;
        justify-self: center;
  }
  .product-naming .product-title .product-headline {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
    -ms-grid-column-span: 1;
  }
  .product-naming .product-title .print-page {
    -ms-grid-row: 2;
    -ms-grid-column: 1;
  }
  .product-naming .product-title .product-shortcuts {
    -ms-grid-row: 3;
    -ms-grid-column: 1;
  }
}
.mys-product-gallery {
  --pd-gallery-border-color: var(--theme-color-5);
  --pd-gallery-border-width: 4px;
  --pd-gallery-border-radius: 2em;
  --pd-gallery-width: 45%;
  --pd-gallery-height: 45%;
  padding: 1.5em;
  position: relative;
}
.mys-product-gallery:before, .mys-product-gallery:after {
  content: "";
  display: block;
  position: absolute;
  width: var(--pd-gallery-width);
  height: var(--pd-gallery-height);
  z-index: -1;
}
.mys-product-gallery:before {
  inset: 0 auto auto 0;
  border-top: var(--pd-gallery-border-width) solid var(--pd-gallery-border-color);
  border-left: var(--pd-gallery-border-width) solid var(--pd-gallery-border-color);
  border-top-left-radius: var(--pd-gallery-border-radius);
}
.mys-product-gallery:after {
  inset: auto 0 0 auto;
  border-right: var(--pd-gallery-border-width) solid var(--pd-gallery-border-color);
  border-bottom: var(--pd-gallery-border-width) solid var(--pd-gallery-border-color);
  border-bottom-right-radius: var(--pd-gallery-border-radius);
}

.mys-list-info dd a {
  color: inherit;
  text-underline-offset: 0.125em;
  -webkit-transition: 300ms ease all;
  transition: 300ms ease all;
}
.mys-list-info dd a:hover {
  text-underline-offset: 0.5em;
  text-decoration-color: transparent;
}

.product-availability {
  -ms-flex-item-align: center;
      -ms-grid-row-align: center;
      align-self: center;
}
.product-availability .mys-product-avlbl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -webkit-box-pack: stretch;
      -ms-flex-pack: stretch;
          justify-content: stretch;
  height: 100%;
}
.product-availability .mys-product-avlbl .availability {
  width: 100%;
  padding: 0.625em 1em;
  position: relative;
  isolation: isolate;
}
.product-availability .mys-product-avlbl .availability:before {
  content: "";
  display: block;
  position: absolute;
  inset: 0;
  border-radius: 0;
  width: unset;
  aspect-ratio: unset;
  border-radius: var(--b-radius-sm);
  z-index: -1;
  opacity: 0.2;
}
.product-availability .mys-product-avlbl .availability:after {
  display: block;
  font-family: "remixicon";
  line-height: 1;
  font-size: 1.5em;
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
}
.product-availability .mys-product-avlbl .availability span {
  -webkit-box-ordinal-group: 3;
      -ms-flex-order: 2;
          order: 2;
}
.product-availability .mys-product-avlbl .availability.tag-available:after {
  content: "\eb81";
  color: var(--sp-product-available-bg-available-bg);
}
.product-availability .mys-product-avlbl .availability.tag-not-available:after {
  content: "\eb96";
  color: var(--sp-product-available-bg-none-bg);
}

.additional-info {
  border-top: 1px solid var(--theme-color-10);
  padding-top: 1.5em;
  font-size: 0.875em;
}
.additional-info p:not(:last-child) {
  margin-bottom: 0.5em;
}
.additional-info:has(p:empty:only-child) {
  padding-top: 0;
}

.mys-addl-info.info-accordion .tab-content .tab-title label {
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  border-left: 0;
  border-top: 0;
  border-right: 0;
  gap: 0.5em;
}
.mys-addl-info.info-accordion .tab-content .tab-title label:after {
  -webkit-box-ordinal-group: 0;
      -ms-flex-order: -1;
          order: -1;
}
.mys-addl-info.info-accordion .tab-pane-content .tab-pane-slv > *:empty {
  display: none;
}
.mys-addl-info.info-accordion .tab-pane-content .tab-pane-slv > *:last-child {
  margin-bottom: 0;
}
.mys-addl-info.info-accordion .tab-pane-content .tab-pane-slv p {
  margin-bottom: 0.75em;
}

.product-addl-note {
  border-top: 1px solid var(--theme-color-10);
  padding-top: 1.5em;
  font-size: 0.875em;
}
.product-addl-note:empty {
  display: none;
}
.product-addl-note p:not(:last-child) {
  margin-bottom: 0.5em;
}

.image-tag {
  aspect-ratio: unset;
  height: auto;
  width: var(--image-tag-img-width);
}

.product-image-holder .item-image-tags {
  z-index: 2;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: end;
}
.product-image-holder .item-image-tags .image-tag {
  aspect-ratio: unset;
  width: auto;
  height: var(--image-tag-sp-img-width);
}
.product-image-holder .item-image-tags .image-tag:not(:first-child) {
  margin-top: -6px;
}

.pswp img {
  -o-object-fit: contain;
     object-fit: contain;
  border-radius: var(--b-radius-md);
  background: var(--white-color);
}

@media (min-width: 767px) and (max-width: 1130px) {
  * {
    --sp-image-max-size: 100%;
  }
  .product-image-holder .product-image-slider .single-image a img {
    height: 350px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  * {
    --sp-gallery-width: 45%;
    --sp-row-gap: 1em;
    --sp-title-size: 2.25em;
  }
  .mys-add-cart-sticky .product-purchase-button:before {
    display: none;
  }
  .mys-product-gallery {
    width: calc(100vw - var(--sp-gallery-padding));
  }
}
@media (max-width: 767px) {
  * {
    --sp-title-size: 2em;
  }
  .mys-single-product.mys-product-layout-1.mys-add-cart-sticky {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    -ms-grid-rows: auto;
    grid-template-rows: auto;
        grid-template-areas: "pdc-name" "pdc-gallery" "pdc-price" "pdc-shortcuts" "pdc-list-info" "pdc-addl-info" "pdc-delivery" "pdc-avlbl" "pdc-note" "pdc-purchase";
  }
  .mys-product-gallery {
    width: calc(100vw - 1.5 * var(--sp-gallery-padding));
  }
  .product-purchase-button .mys-purchase-link .add-to-cart-unavailable {
    background: var(--white-color);
  }
  .product-naming .product-title {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    justify-items: center;
  }
  .product-naming .product-title .product-headline {
    text-align: center;
  }
  .mys-single-product.mys-product-layout-1.mys-add-cart-sticky > .mys-single-product-note {
    -ms-grid-row: 9;
    -ms-grid-column: 1;
    -ms-grid-column-span: 1;
  }
  .mys-single-product.mys-product-layout-1.mys-add-cart-sticky > .price-note {
    -ms-grid-row: 9;
    -ms-grid-column: 1;
    -ms-grid-column-span: 1;
  }
}
@media (max-width: 575px) {
  * {
    --sp-image-max-size: 100%;
  }
  .product-image-holder .product-image-slider .single-image a img {
    height: 350px;
  }
}
.mys-product-menu .product-menu-holder .product-menu-scroller > ul > li:not(:has(.product-submenu)) {
  display: none;
}
.mys-product-menu .product-menu-holder .product-menu-close:after {
  background: var(--theme-color-5);
  color: var(--primary-color);
  border-radius: var(--ico-radius-xl);
  -webkit-box-shadow: 0 0 0 0 var(--primary-color) inset;
          box-shadow: 0 0 0 0 var(--primary-color) inset;
}
.mys-product-menu .product-menu-holder .product-menu-close:hover:after {
  -webkit-box-shadow: 0 0 0 2em var(--primary-color) inset;
          box-shadow: 0 0 0 2em var(--primary-color) inset;
}

@media (max-width: 767px) {
  .mys-product-menu .product-menu-holder .product-menu-close {
    right: -3em;
  }
  .mys-product-menu .product-menu-holder .product-menu-scroller {
    -webkit-box-flex: 0 !important;
        -ms-flex: 0 1 auto !important;
            flex: 0 1 auto !important;
  }
  .mys-product-menu .product-menu-holder .product-menu-scroller.scroll-disabled {
    overflow: hidden;
  }
}
@media (min-width: 768px) {
  * {
    --products-menu-bg: url(/assets/img/bgn-logo-m.webp) no-repeat, var(--theme-bg);
  }
  .mys-product-menu .product-menu-holder {
    background-position: center;
    background-size: min(35em, 65vw);
  }
}
@media (min-width: 1200px) {
  .mys-product-menu .product-menu-holder .product-menu-scroller > ul li.main-menu {
    display: none;
  }
}
@media (max-width: 1199px) {
  .mys-product-menu .product-menu-holder .product-menu-scroller > ul li.main-menu a {
    background: var(--white-color);
    color: var(--primary-color);
    font-weight: normal;
  }
}
@media (min-width: 768px) {
  * {
    --products-menu-lv1-gap: 1.5em;
    --products-menu-shadow: none;
    --products-menu-lv1-padding: .75em 0;
    --products-menu-lv1-size: 1.25em;
    --products-menu-lv1-color: var(--primary-color);
    --products-menu-lv1-hover-color: var(--primary-color-lighter-10);
    --products-menu-lv1-line-bg: var(--primary-color);
    --products-menu-lv1-line-thick: 2px;
    --products-menu-padding: 1em 0;
    --products-menu-lv2-padding: .25em 0;
    --products-menu-lv2-color: var(--theme-color);
    --products-menu-lv2-hover-color: var(--primary-color);
  }
  body.products-menu-active {
    overflow: hidden;
  }
  .mys-product-menu.show-fullscreen .product-menu-holder .product-menu-scroller > ul {
    -ms-grid-columns: 1fr 1fr 1fr;
    grid-template-columns: 1fr 1fr 1fr;
  }
  .mys-product-menu.show-fullscreen .product-menu-holder .product-menu-scroller > ul > li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .mys-product-menu.show-fullscreen .product-menu-holder .product-menu-scroller > ul > li:after, .mys-product-menu.show-fullscreen .product-menu-holder .product-menu-scroller > ul > li:last-child:after {
    content: "";
    width: 100%;
    display: block;
    height: var(--products-menu-lv1-line-thick);
    background: var(--products-menu-lv1-line-bg);
    -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
            order: -1;
    margin-top: var(--products-menu-lv1-gap);
  }
  .mys-product-menu.show-fullscreen .product-menu-holder .product-menu-scroller > ul > li:nth-child(4n+1) > a, .mys-product-menu.show-fullscreen .product-menu-holder .product-menu-scroller > ul > li:nth-child(4n+1) > a:hover {
    color: var(--primary-color);
  }
  .mys-product-menu.show-fullscreen .product-menu-holder .product-menu-scroller > ul > li:nth-child(4n+1):after {
    background: var(--primary-color);
  }
  .mys-product-menu.show-fullscreen .product-menu-holder .product-menu-scroller > ul > li:nth-child(4n+2) > a, .mys-product-menu.show-fullscreen .product-menu-holder .product-menu-scroller > ul > li:nth-child(4n+2) > a:hover {
    color: var(--secondary-color);
  }
  .mys-product-menu.show-fullscreen .product-menu-holder .product-menu-scroller > ul > li:nth-child(4n+2):after {
    background: var(--secondary-color);
  }
  .mys-product-menu.show-fullscreen .product-menu-holder .product-menu-scroller > ul > li:nth-child(4n+3) > a, .mys-product-menu.show-fullscreen .product-menu-holder .product-menu-scroller > ul > li:nth-child(4n+3) > a:hover {
    color: var(--tertiary-color);
  }
  .mys-product-menu.show-fullscreen .product-menu-holder .product-menu-scroller > ul > li:nth-child(4n+3):after {
    background: var(--tertiary-color);
  }
  .mys-product-menu.show-fullscreen .product-menu-holder .product-menu-scroller > ul > li:nth-child(4n+4) > a, .mys-product-menu.show-fullscreen .product-menu-holder .product-menu-scroller > ul > li:nth-child(4n+4) > a:hover {
    color: var(--quaternary-color);
  }
  .mys-product-menu.show-fullscreen .product-menu-holder .product-menu-scroller > ul > li:nth-child(4n+4):after {
    background: var(--quaternary-color);
  }
  .mys-product-menu.show-fullscreen .product-menu-holder .product-menu-scroller > ul > li > a {
    background-image: none;
    line-height: 1.2;
  }
}
@media (min-width: 1200px) {
  .mys-product-menu.show-fullscreen .product-menu-holder .product-menu-scroller > ul {
    -ms-grid-columns: 1fr 1fr 1fr 1fr 1fr;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .mys-product-menu.show-fullscreen .product-menu-holder .product-menu-scroller > ul {
    -ms-grid-columns: 1fr 1fr 1fr 1fr;
    grid-template-columns: 1fr 1fr 1fr 1fr;
  }
}
.mys-scheme-13 {
  --color-accent: var(--tertiary-color);
  --color-alternate: var(--white-color);
}

.mys-scheme-14 {
  --color-accent: var(--tertiary-color);
  --color-alternate: var(--white-color);
}

.mys-scheme-15 {
  --color-accent: var(--quaternary-color);
  --color-alternate: var(--white-color);
}

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

.mys-scheme-17 {
  --color-accent: var(--gray-color-10);
  --color-alternate: var(--gray-color);
}

.mys-ico.ico-tertiary {
  color: var(--tertiary-color);
}
.mys-ico.ico-quaternary {
  color: var(--quaternary-color);
}

.category-offer .category-list {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 1em 1fr 1em 1fr 1em 1fr;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  gap: 1em;
}
.category-offer .category-list .single-cat a {
  display: block;
  position: relative;
  border-radius: var(--b-radius-md);
  overflow: hidden;
  background: var(--gray-color);
}
.category-offer .category-list .single-cat a img {
  display: block;
  aspect-ratio: 4/3;
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
  -webkit-transition: 300ms ease all;
  transition: 300ms ease all;
}
.category-offer .category-list .single-cat a span {
  position: absolute;
  inset: auto 0 -1em 0;
  background: -webkit-gradient(linear, left bottom, left top, color-stop(20%, var(--black-color-80)), to(transparent));
  background: linear-gradient(to top, var(--black-color-80) 20%, transparent);
  font-size: 1.125em;
  font-weight: bold;
  padding: 2em 0.75em 1.75em;
  line-height: 1;
  color: var(--white-color);
  -webkit-transition: 300ms ease all;
  transition: 300ms ease all;
}

@media (max-width: 767px) {
  .category-offer .category-list {
    -ms-grid-columns: 1fr 1fr;
    grid-template-columns: 1fr 1fr;
  }
}
@media (hover: hover) {
  .category-offer .category-list .single-cat a:hover img {
    -webkit-transform: scale(1.1);
            transform: scale(1.1);
    opacity: 0.8;
  }
  .category-offer .category-list .single-cat a:hover span {
    -webkit-transform: translateY(-0.5em);
            transform: translateY(-0.5em);
  }
}
.video-preview {
  max-width: 900px;
  aspect-ratio: 1.777/1;
  margin: auto auto 2em;
  border-radius: var(--b-radius-lg);
  overflow: hidden;
}

.mys-videos {
  max-width: 1400px;
  margin: auto;
}
.mys-videos:not(.slick-slider) {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
}
.mys-videos:not(.slick-slider) .single-video {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 20%;
          flex: 0 0 20%;
}
.mys-videos .single-video {
  padding: 0 0.5em;
}
.mys-videos .single-video .video-link {
  background: var(--theme-color-5);
  border-radius: var(--b-radius);
  color: var(--theme-color);
  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;
  gap: 0.5em;
  overflow: hidden;
  cursor: pointer;
  -webkit-transition: 300ms ease all;
  transition: 300ms ease all;
}
.mys-videos .single-video .video-link img {
  display: block;
  width: 100%;
  border-radius: var(--b-radius-sm) var(--b-radius-sm) 0 0;
  -webkit-transition: 300ms ease all;
  transition: 300ms ease all;
}
.mys-videos .single-video .video-link p {
  margin: 0 1em 0.5em;
}
.mys-videos .single-video .video-link:hover {
  background: var(--theme-color-10);
}
.mys-videos .single-video .video-link:hover img {
  opacity: 0.7;
}

@media (max-width: 1199px) {
  .mys-videos:not(.slick-slider) {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    overflow: hidden;
  }
  .mys-videos:not(.slick-slider) .single-video {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 20%;
            flex: 0 0 20%;
  }
}
@media (max-width: 991px) {
  .mys-videos:not(.slick-slider) {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    overflow: hidden;
  }
  .mys-videos:not(.slick-slider) .single-video {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 33.3333333333%;
            flex: 0 0 33.3333333333%;
  }
}
@media (max-width: 767px) {
  .mys-videos:not(.slick-slider) {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    overflow: hidden;
  }
  .mys-videos:not(.slick-slider) .single-video {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
            flex: 0 0 50%;
  }
}
.btn.btn-tertiary {
  background: var(--tertiary-color);
  color: var(--white-color);
}
.btn.btn-tertiary:hover {
  background: var(--tertiary-color-lighter-10);
}
.btn.btn-tertiary.btn-outline {
  background: transparent;
  color: var(--tertiary-color);
  -webkit-box-shadow: 0 0 0 2px var(--tertiary-color) inset;
          box-shadow: 0 0 0 2px var(--tertiary-color) inset;
}
.btn.btn-tertiary.btn-outline:hover {
  -webkit-box-shadow: 0 0 0 2px var(--tertiary-color) inset, var(--b-shad) var(--button-shadow-color);
          box-shadow: 0 0 0 2px var(--tertiary-color) inset, var(--b-shad) var(--button-shadow-color);
}
.btn.btn-tertiary.btn-clean {
  color: var(--tertiary-color);
}
.btn.btn-tertiary.btn-clean:hover {
  color: var(--white-color);
}
.btn.btn-quaternary {
  background: var(--quaternary-color);
  color: var(--white-color);
}
.btn.btn-quaternary:hover {
  background: var(--quaternary-color-lighter-10);
}
.btn.btn-quaternary.btn-outline {
  background: transparent;
  color: var(--quaternary-color);
  -webkit-box-shadow: 0 0 0 2px var(--quaternary-color) inset;
          box-shadow: 0 0 0 2px var(--quaternary-color) inset;
}
.btn.btn-quaternary.btn-outline:hover {
  -webkit-box-shadow: 0 0 0 2px var(--quaternary-color) inset, var(--b-shad) var(--button-shadow-color);
          box-shadow: 0 0 0 2px var(--quaternary-color) inset, var(--b-shad) var(--button-shadow-color);
}
.btn.btn-quaternary.btn-clean {
  color: var(--quaternary-color);
}
.btn.btn-quaternary.btn-clean:hover {
  color: var(--white-color);
}

.checkout-agree {
  margin-bottom: 0;
  margin-top: 1.5em;
}

.slick-slider .slick-arrow {
  z-index: 5;
  padding: 0.375rem 0.25rem;
  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;
  cursor: pointer;
  gap: 0.125rem;
  font-family: inherit;
  width: 7.5rem;
  border-radius: var(--slick-arrow-radius);
}
.slick-slider .slick-arrow:before {
  -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;
}
.slick-slider .slick-arrow:after {
  font-size: 0.75rem;
  font-family: inherit;
  text-transform: uppercase;
}
.slick-slider .slick-arrow.slick-prev {
  padding-right: 0.875rem;
}
.slick-slider .slick-arrow.slick-prev:after {
  content: "Prethodna";
}
.slick-slider .slick-arrow.slick-next {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
  padding-left: 0.875rem;
}
.slick-slider .slick-arrow.slick-next:after {
  content: "Sledeća";
  font-family: inherit;
}

@media (hover: hover) {
  .slick-slider .slick-arrow:hover {
    background: var(--primary-color);
    color: var(--white-color);
  }
}
@media (max-width: 767px) {
  .slick-slider .slick-arrow {
    padding: 0 !important;
    width: auto;
    gap: 0;
    bottom: -2rem;
  }
  .slick-slider .slick-arrow:after {
    display: none;
  }
  .slick-slider .slick-arrow.slick-prev {
    left: auto;
    right: 2.5rem;
  }
}
.mys-home-section.products-bestsellers, .mys-home-section.products-standout {
  background: var(--theme-color-5);
  -webkit-box-shadow: 50vw 0 0 var(--theme-color-5), -50vw 0 0 var(--theme-color-5);
          box-shadow: 50vw 0 0 var(--theme-color-5), -50vw 0 0 var(--theme-color-5);
  padding-top: 5em;
  padding-bottom: 5em;
}
.mys-home-section.products-bestsellers .slick-slide .slider-item, .mys-home-section.products-standout .slick-slide .slider-item {
  padding: 0.5em;
}
.mys-home-section.products-bestsellers .slick-slide .slider-item .mys-product, .mys-home-section.products-standout .slick-slide .slider-item .mys-product {
  border-radius: calc(1.5em + 4px);
  background: var(--theme-bg);
  border: 4px solid transparent;
}

@media (max-width: 767px) {
  .mys-home-section.products-bestsellers, .mys-home-section.products-standout {
    padding-top: 2em;
    padding-bottom: 4em;
  }
}