@charset "UTF-8";
* {
  --desktop-x-padding: 1.25rem;
  --body-top-padding: 6.1875em;
  --gray-color-l-1: hsl(0 0 calc(1 * 1%));
  --gray-color-l-2: hsl(0 0 calc(2 * 1%));
  --gray-color-l-3: hsl(0 0 calc(3 * 1%));
  --gray-color-l-4: hsl(0 0 calc(4 * 1%));
  --gray-color-l-5: hsl(0 0 calc(5 * 1%));
  --gray-color-l-6: hsl(0 0 calc(6 * 1%));
  --gray-color-l-7: hsl(0 0 calc(7 * 1%));
  --gray-color-l-8: hsl(0 0 calc(8 * 1%));
  --gray-color-l-9: hsl(0 0 calc(9 * 1%));
  --gray-color-l-10: hsl(0 0 calc(10 * 1%));
  --gray-color-l-11: hsl(0 0 calc(11 * 1%));
  --gray-color-l-12: hsl(0 0 calc(12 * 1%));
  --gray-color-l-13: hsl(0 0 calc(13 * 1%));
  --gray-color-l-14: hsl(0 0 calc(14 * 1%));
  --gray-color-l-15: hsl(0 0 calc(15 * 1%));
  --gray-color-l-16: hsl(0 0 calc(16 * 1%));
  --gray-color-l-17: hsl(0 0 calc(17 * 1%));
  --gray-color-l-18: hsl(0 0 calc(18 * 1%));
  --gray-color-l-19: hsl(0 0 calc(19 * 1%));
  --gray-color-l-20: hsl(0 0 calc(20 * 1%));
  --gray-color-l-21: hsl(0 0 calc(21 * 1%));
  --gray-color-l-22: hsl(0 0 calc(22 * 1%));
  --gray-color-l-23: hsl(0 0 calc(23 * 1%));
  --gray-color-l-24: hsl(0 0 calc(24 * 1%));
  --gray-color-l-25: hsl(0 0 calc(25 * 1%));
  --gray-color-l-26: hsl(0 0 calc(26 * 1%));
  --gray-color-l-27: hsl(0 0 calc(27 * 1%));
  --gray-color-l-28: hsl(0 0 calc(28 * 1%));
  --gray-color-l-29: hsl(0 0 calc(29 * 1%));
  --gray-color-l-30: hsl(0 0 calc(30 * 1%));
  --gray-color-l-31: hsl(0 0 calc(31 * 1%));
  --gray-color-l-32: hsl(0 0 calc(32 * 1%));
  --gray-color-l-33: hsl(0 0 calc(33 * 1%));
  --gray-color-l-34: hsl(0 0 calc(34 * 1%));
  --gray-color-l-35: hsl(0 0 calc(35 * 1%));
  --gray-color-l-36: hsl(0 0 calc(36 * 1%));
  --gray-color-l-37: hsl(0 0 calc(37 * 1%));
  --gray-color-l-38: hsl(0 0 calc(38 * 1%));
  --gray-color-l-39: hsl(0 0 calc(39 * 1%));
  --gray-color-l-40: hsl(0 0 calc(40 * 1%));
  --gray-color-l-41: hsl(0 0 calc(41 * 1%));
  --gray-color-l-42: hsl(0 0 calc(42 * 1%));
  --gray-color-l-43: hsl(0 0 calc(43 * 1%));
  --gray-color-l-44: hsl(0 0 calc(44 * 1%));
  --gray-color-l-45: hsl(0 0 calc(45 * 1%));
  --gray-color-l-46: hsl(0 0 calc(46 * 1%));
  --gray-color-l-47: hsl(0 0 calc(47 * 1%));
  --gray-color-l-48: hsl(0 0 calc(48 * 1%));
  --gray-color-l-49: hsl(0 0 calc(49 * 1%));
  --gray-color-l-50: hsl(0 0 calc(50 * 1%));
  --gray-color-l-51: hsl(0 0 calc(51 * 1%));
  --gray-color-l-52: hsl(0 0 calc(52 * 1%));
  --gray-color-l-53: hsl(0 0 calc(53 * 1%));
  --gray-color-l-54: hsl(0 0 calc(54 * 1%));
  --gray-color-l-55: hsl(0 0 calc(55 * 1%));
  --gray-color-l-56: hsl(0 0 calc(56 * 1%));
  --gray-color-l-57: hsl(0 0 calc(57 * 1%));
  --gray-color-l-58: hsl(0 0 calc(58 * 1%));
  --gray-color-l-59: hsl(0 0 calc(59 * 1%));
  --gray-color-l-60: hsl(0 0 calc(60 * 1%));
  --gray-color-l-61: hsl(0 0 calc(61 * 1%));
  --gray-color-l-62: hsl(0 0 calc(62 * 1%));
  --gray-color-l-63: hsl(0 0 calc(63 * 1%));
  --gray-color-l-64: hsl(0 0 calc(64 * 1%));
  --gray-color-l-65: hsl(0 0 calc(65 * 1%));
  --gray-color-l-66: hsl(0 0 calc(66 * 1%));
  --gray-color-l-67: hsl(0 0 calc(67 * 1%));
  --gray-color-l-68: hsl(0 0 calc(68 * 1%));
  --gray-color-l-69: hsl(0 0 calc(69 * 1%));
  --gray-color-l-70: hsl(0 0 calc(70 * 1%));
  --gray-color-l-71: hsl(0 0 calc(71 * 1%));
  --gray-color-l-72: hsl(0 0 calc(72 * 1%));
  --gray-color-l-73: hsl(0 0 calc(73 * 1%));
  --gray-color-l-74: hsl(0 0 calc(74 * 1%));
  --gray-color-l-75: hsl(0 0 calc(75 * 1%));
  --gray-color-l-76: hsl(0 0 calc(76 * 1%));
  --gray-color-l-77: hsl(0 0 calc(77 * 1%));
  --gray-color-l-78: hsl(0 0 calc(78 * 1%));
  --gray-color-l-79: hsl(0 0 calc(79 * 1%));
  --gray-color-l-80: hsl(0 0 calc(80 * 1%));
  --gray-color-l-81: hsl(0 0 calc(81 * 1%));
  --gray-color-l-82: hsl(0 0 calc(82 * 1%));
  --gray-color-l-83: hsl(0 0 calc(83 * 1%));
  --gray-color-l-84: hsl(0 0 calc(84 * 1%));
  --gray-color-l-85: hsl(0 0 calc(85 * 1%));
  --gray-color-l-86: hsl(0 0 calc(86 * 1%));
  --gray-color-l-87: hsl(0 0 calc(87 * 1%));
  --gray-color-l-88: hsl(0 0 calc(88 * 1%));
  --gray-color-l-89: hsl(0 0 calc(89 * 1%));
  --gray-color-l-90: hsl(0 0 calc(90 * 1%));
  --gray-color-l-91: hsl(0 0 calc(91 * 1%));
  --gray-color-l-92: hsl(0 0 calc(92 * 1%));
  --gray-color-l-93: hsl(0 0 calc(93 * 1%));
  --gray-color-l-94: hsl(0 0 calc(94 * 1%));
  --gray-color-l-95: hsl(0 0 calc(95 * 1%));
  --gray-color-l-96: hsl(0 0 calc(96 * 1%));
  --gray-color-l-97: hsl(0 0 calc(97 * 1%));
  --gray-color-l-98: hsl(0 0 calc(98 * 1%));
  --gray-color-l-99: hsl(0 0 calc(99 * 1%));
  --gray-color-l-100: hsl(0 0 calc(100 * 1%));
}

.mys-scheme-16 {
  --color-accent: var(--gray-color-l-21);
  --color-alternate: var(--gray-color-l-21);
}

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

.mys-ico.ico-no-hover.ico-style-filled:hover i {
  background: var(--color-accent);
  -webkit-box-shadow: 0 0 0 0 var(--color-alternate) inset;
          box-shadow: 0 0 0 0 var(--color-alternate) inset;
  color: var(--color-alternate);
}
.mys-ico.ico-no-hover.ico-style-outline:hover i {
  -webkit-box-shadow: 0 0 0 var(--i-outline-stroke, 2px) var(--color-accent) inset;
          box-shadow: 0 0 0 var(--i-outline-stroke, 2px) var(--color-accent) inset;
  color: var(--color-accent);
}

body {
  padding-top: var(--body-top-padding);
}
body.mys-content-1400 main {
  max-width: calc(1500px - 2 * var(--desktop-x-padding));
}
body.mys-content-1400 main.main-wide {
  max-width: 100%;
  padding-left: 0;
  padding-right: 0;
}
body.mys-content-1400 main.main-wide .sleeve {
  padding-left: var(--desktop-x-padding);
  padding-right: var(--desktop-x-padding);
  max-width: calc(1500px - 2 * var(--desktop-x-padding));
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}
body.mys-content-1400 main.main-wide .sleeve.sleeve-narrower {
  max-width: 1100px;
}
body.mys-content-1400 main.main-wide .sleeve.sleeve-narrow {
  max-width: 900px;
}
body.mys-content-1400 main.main-wide .sleeve.sleeve-narrowest {
  max-width: 650px;
}
body.mys-content-1400 main.main-home {
  padding-top: 0;
}
body.search-shown {
  overflow: hidden;
}
body.main-menu-active {
  overflow: hidden;
}

@media (min-width: 1500px) {
  body.mys-content-1400 main.main-wide .sleeve {
    padding-left: 0;
    padding-right: 0;
  }
}
main.bgcolor {
  background: var(--gray-color-l-95);
  -webkit-box-shadow: 50vw 0 0 var(--gray-color-l-95), -50vw 0 0 var(--gray-color-l-95);
          box-shadow: 50vw 0 0 var(--gray-color-l-95), -50vw 0 0 var(--gray-color-l-95);
}

.main-content.main-bgwhite {
  background: var(--white-color);
  padding: 2em;
}
.main-content.main-narrow, .main-content.main-narrower {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}
.main-content.main-narrow {
  max-width: 900px;
}
.main-content.main-narrower {
  max-width: 1100px;
}
.main-content.main-top-yb {
  border-top: 0.25em solid var(--primary-color);
}
.main-content.main-btm-yb {
  border-bottom: 0.25em solid var(--primary-color);
}

@media (max-width: 575px) {
  .main-content.main-bgwhite {
    padding: 1em;
  }
}
.mys-head {
  border-bottom: 1px solid var(--gray-color-l-90);
}
.mys-head.mys-head-sticky {
  position: fixed;
  inset: 0 0 auto 0;
}
.mys-head.mys-head-sticky.mys-head-sticky-on .mys-mid .mys-col {
  padding-top: calc(var(--header-mid-padd, var(--header-y-padding)) * 0.5);
  padding-bottom: calc(var(--header-mid-padd, var(--header-y-padding)) * 0.5);
}
.mys-head .mys-mid .mys-col {
  -webkit-transition: 200ms ease padding;
  transition: 200ms ease padding;
}
.mys-head .mys-mid .mys-col.col-logo {
  z-index: 1;
}
.mys-head .mys-mid .mys-col.wdg-products-holder {
  margin-left: auto;
  z-index: 1;
}
.mys-head .mys-mid .mys-col.wdg-menu-holder {
  margin-right: auto;
  z-index: 1;
}

@media (min-width: 992px) and (max-width: 1099px) {
  * {
    --menu-font-size: 15px;
  }
  .mys-head .mys-head-cols {
    gap: 1em;
  }
}
@media (max-width: 991px) {
  .mys-head .mys-mid .mys-col.wdg-menu-holder {
    display: none;
  }
  .mys-head .mys-head-cols {
    gap: 1em;
  }
}
@media (max-width: 767px) {
  .mys-head .mys-mid .mys-head-cols {
    gap: 1em;
  }
}
.mys-foot .foot-col-title {
  text-transform: uppercase;
}
.mys-foot .mys-mid .mys-fslv {
  padding-bottom: 0 !important;
}
.mys-foot .mys-mid .mys-fslv .mys-col {
  padding-bottom: 3.125rem;
}
.mys-foot .mys-mid .col-about-logo .mys-shop-logo {
  margin-bottom: 4.25em;
}
.mys-foot .mys-mid .col-about-logo .mys-shop-logo .logo-wrap .logo-img {
  width: 115px;
  aspect-ratio: 450/150;
}
.mys-foot .mys-bot {
  line-height: 1.625rem;
}
.mys-foot .mys-bot .mys-fslv {
  -ms-grid-columns: unset;
  grid-template-columns: unset;
  padding-top: 0 !important;
}
.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 .socials {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0.875em;
}
.mys-foot .mys-smpl-menu.menu-larger a {
  font-weight: bold;
  text-transform: uppercase;
}

@media (max-width: 1023px) {
  * {
    --footer-mid-padd: 3.125rem;
    --footer-bot-padd: 3.125rem;
  }
}
@media (max-width: 991px) {
  .mys-foot .mys-mid .mys-foot-cols {
    -ms-grid-columns: 1fr 1fr 1fr 1fr;
    grid-template-columns: 1fr 1fr 1fr 1fr;
  }
  .mys-foot .mys-mid .mys-foot-cols .mys-col.col-about-logo {
    -ms-grid-column-span: 4;
    grid-column: span 4;
    -webkit-box-ordinal-group: 6;
        -ms-flex-order: 5;
            order: 5;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .mys-foot .mys-bot .mys-foot-cols .col-copy {
    text-align: center;
  }
}
@media (max-width: 767px) {
  .mys-foot .mys-mid .mys-foot-cols {
    -ms-grid-columns: 1fr 1fr;
    grid-template-columns: 1fr 1fr;
  }
  .mys-foot .mys-mid .mys-foot-cols .mys-col.col-about-logo {
    -ms-grid-column-span: 2;
    grid-column: span 2;
  }
}
@media (max-width: 575px) {
  .mys-foot .mys-mid .mys-foot-cols {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
  }
  .mys-foot .mys-mid .mys-foot-cols .mys-col.col-about-logo {
    grid-column: unset;
  }
}
@media (min-width: 992px) {
  * {
    --menu-item-gap: 1.5em ;
  }
  .mys-menu > nav > ul > li:before {
    width: var(--menu-active-marker-width);
    height: var(--menu-active-marker-height);
    inset: auto auto 4px 0;
    background: var(--menu-link-hover-bg);
    opacity: 1;
    -webkit-transition: 500ms ease transform;
    transition: 500ms ease transform;
    -webkit-transform: scaleX(0);
            transform: scaleX(0);
    -webkit-transform-origin: right center;
            transform-origin: right center;
  }
  .mys-menu > nav > ul > li:hover:before {
    -webkit-transform: scaleX(1);
            transform: scaleX(1);
    -webkit-transform-origin: left center;
            transform-origin: left center;
  }
}
.mys-product-menu .product-menu-holder .product-menu-scroller > ul li.temphide {
  display: none;
}
.mys-product-menu .product-menu-holder .product-menu-scroller > ul li.main-menu {
  display: none;
}

@media (min-width: 768px) and (max-width: 991px) {
  .mys-product-menu .product-menu-holder .product-menu-scroller > ul li.main-menu {
    display: block;
  }
  .mys-product-menu .product-menu-holder .product-menu-scroller > ul li.main-menu a {
    font-size: 1em;
  }
}
* {
  --icon-ves-masine: url(/code_override/assets/img/ves-masine.png);
  --icon-masine-za-susenje: url(/code_override/assets/img/masine-za-susenje.png);
  --icon-masine-za-pranje-i-susenje-vesa: url(/code_override/assets/img/masine-za-pranje-i-susenje-vesa.png);
  --icon-ugradne-rerne: url(/code_override/assets/img/ugradne-rerne.png);
  --icon-mikrotalasne-rerne: url(/code_override/assets/img/mikrotalasne-rerne.png);
  --icon-ugradne-ploce: url(/code_override/assets/img/ugradne-ploce.png);
  --icon-aspiratori: url(/code_override/assets/img/aspiratori.png);
  --icon-frizideri: url(/code_override/assets/img/frizideri.png);
  --icon-zamrzivaci: url(/code_override/assets/img/zamrzivaci.png);
  --icon-pranje-posudja: url(/code_override/assets/img/pranje-posudja.png);
  --icon-dodaci-za-kuhinju: url(/code_override/assets/img/dodaci-za-kuhinju.png);
}

@media (min-width: 768px) {
  .mys-product-menu {
    -webkit-transform: none;
            transform: none;
    position: fixed;
    inset: calc(var(--body-top-padding) + 1px) 0 auto 0;
    -webkit-box-shadow: none;
            box-shadow: none;
  }
  .mys-head-sticky-on .mys-product-menu {
    top: calc(var(--body-top-padding) + 1px - var(--header-mid-padd, var(--header-y-padding)));
  }
  .mys-product-menu .product-menu-backdrop {
    background: var(--gray-color-30);
    position: fixed;
    width: 100vw;
    height: 200dvh;
    z-index: -1;
  }
  .mys-product-menu .product-menu-holder {
    height: auto;
    max-height: calc(100dvh - var(--body-top-padding) + 1px);
  }
  .mys-product-menu .product-menu-holder .product-menu-scroller {
    width: 100%;
    max-width: calc(1500px - 2 * var(--desktop-x-padding));
    margin-left: auto;
    margin-right: auto;
    padding-top: 2em;
    padding-bottom: 2em;
  }
  .mys-product-menu .product-menu-holder .product-menu-scroller > ul {
    width: 100%;
    max-width: 400px;
    position: relative;
  }
  .mys-product-menu .product-menu-holder .product-menu-scroller > ul li[data-name=ves-masine]:before {
    background-image: var(--icon-ves-masine);
  }
  .mys-product-menu .product-menu-holder .product-menu-scroller > ul li[data-name=masine-za-susenje]:before {
    background-image: var(--icon-masine-za-susenje);
  }
  .mys-product-menu .product-menu-holder .product-menu-scroller > ul li[data-name=masine-za-pranje-i-susenje-vesa]:before {
    background-image: var(--icon-masine-za-pranje-i-susenje-vesa);
  }
  .mys-product-menu .product-menu-holder .product-menu-scroller > ul li[data-name=ugradne-rerne]:before {
    background-image: var(--icon-ugradne-rerne);
  }
  .mys-product-menu .product-menu-holder .product-menu-scroller > ul li[data-name=mikrotalasne-rerne]:before {
    background-image: var(--icon-mikrotalasne-rerne);
  }
  .mys-product-menu .product-menu-holder .product-menu-scroller > ul li[data-name=ugradne-ploce]:before {
    background-image: var(--icon-ugradne-ploce);
  }
  .mys-product-menu .product-menu-holder .product-menu-scroller > ul li[data-name=aspiratori]:before {
    background-image: var(--icon-aspiratori);
  }
  .mys-product-menu .product-menu-holder .product-menu-scroller > ul li[data-name=frizideri]:before {
    background-image: var(--icon-frizideri);
  }
  .mys-product-menu .product-menu-holder .product-menu-scroller > ul li[data-name=zamrzivaci]:before {
    background-image: var(--icon-zamrzivaci);
  }
  .mys-product-menu .product-menu-holder .product-menu-scroller > ul li[data-name=pranje-posudja]:before {
    background-image: var(--icon-pranje-posudja);
  }
  .mys-product-menu .product-menu-holder .product-menu-scroller > ul li[data-name=dodaci-za-kuhinju]:before {
    background-image: var(--icon-dodaci-za-kuhinju);
  }
  .mys-product-menu .product-menu-holder .product-menu-scroller > ul > li:not(.main-menu) {
    margin-bottom: 2em;
  }
  .mys-product-menu .product-menu-holder .product-menu-scroller > ul > li .product-toggler {
    display: none;
  }
  .mys-product-menu .product-menu-holder .product-menu-scroller > ul > li[data-name=pranje-posudja]:before, .mys-product-menu .product-menu-holder .product-menu-scroller > ul > li[data-name=dodaci-za-kuhinju]:before {
    content: "";
    display: block;
    position: fixed;
    inset: 9rem calc((100vw - 1500px) / 2 + 2 * var(--desktop-x-padding)) auto auto;
    width: 25em;
    aspect-ratio: 195/176;
    pointer-events: none;
    opacity: 0;
    height: 0;
    -webkit-transition: opacity 500ms ease;
    transition: opacity 500ms ease;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
  }
  .mys-product-menu .product-menu-holder .product-menu-scroller > ul > li > a {
    background: none;
    border-radius: 0;
    font-size: 2.25em;
    font-weight: normal;
    color: var(--gray-color-l-31);
    padding: 0;
    position: relative;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
  }
  .mys-product-menu .product-menu-holder .product-menu-scroller > ul > li > a:after {
    content: "";
    display: block;
    width: 100%;
    height: 2px;
    background: var(--primary-color);
    position: absolute;
    inset: auto 0 0.125em 0;
    -webkit-transition: 500ms -webkit-transform cubic-bezier(0.785, 0.135, 0.15, 0.86);
    transition: 500ms -webkit-transform cubic-bezier(0.785, 0.135, 0.15, 0.86);
    transition: 500ms transform cubic-bezier(0.785, 0.135, 0.15, 0.86);
    transition: 500ms transform cubic-bezier(0.785, 0.135, 0.15, 0.86), 500ms -webkit-transform cubic-bezier(0.785, 0.135, 0.15, 0.86);
    -webkit-transform-origin: right center;
            transform-origin: right center;
    -webkit-transform: scaleX(0);
            transform: scaleX(0);
  }
  .mys-product-menu .product-menu-holder .product-menu-scroller > ul > li.item-active > a {
    color: var(--gray-color-l-31);
    background: none;
  }
  .mys-product-menu .product-menu-holder .product-menu-scroller > ul > li.item-active > a:after {
    -webkit-transform-origin: left center;
            transform-origin: left center;
    -webkit-transform: scaleX(1);
            transform: scaleX(1);
  }
  .mys-product-menu .product-menu-holder .product-menu-scroller > ul > li.item-active ul li {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    opacity: 1;
  }
  .mys-product-menu .product-menu-holder .product-menu-scroller > ul > li.item-active[data-name=pranje-posudja]:before, .mys-product-menu .product-menu-holder .product-menu-scroller > ul > li.item-active[data-name=dodaci-za-kuhinju]:before {
    opacity: 1;
    height: auto;
  }
  .mys-product-menu .product-menu-holder .product-menu-scroller > ul > li ul li {
    -webkit-transform: translateY(40%);
            transform: translateY(40%);
    opacity: 0;
    -webkit-transition: 500ms ease all;
    transition: 500ms ease all;
  }
  .mys-product-menu .product-menu-holder .product-menu-scroller > ul > li ul li:nth-child(1) {
    -webkit-transition-delay: 0;
            transition-delay: 0;
  }
  .mys-product-menu .product-menu-holder .product-menu-scroller > ul > li ul li:nth-child(2) {
    -webkit-transition-delay: 200ms;
            transition-delay: 200ms;
  }
  .mys-product-menu .product-menu-holder .product-menu-scroller > ul > li ul li:nth-child(3) {
    -webkit-transition-delay: 400ms;
            transition-delay: 400ms;
  }
  .mys-product-menu .product-menu-holder .product-menu-scroller > ul > li ul li:nth-child(4) {
    -webkit-transition-delay: 600ms;
            transition-delay: 600ms;
  }
  .mys-product-menu .product-menu-holder .product-menu-scroller > ul > li ul li:nth-child(5) {
    -webkit-transition-delay: 800ms;
            transition-delay: 800ms;
  }
  .mys-product-menu .product-menu-holder .product-menu-scroller > ul > li ul li:nth-child(6) {
    -webkit-transition-delay: 1000ms;
            transition-delay: 1000ms;
  }
  .mys-product-menu .product-menu-holder .product-menu-scroller > ul > li ul li:nth-child(7) {
    -webkit-transition-delay: 1200ms;
            transition-delay: 1200ms;
  }
  .mys-product-menu .product-menu-holder .product-menu-scroller > ul > li ul li:nth-child(8) {
    -webkit-transition-delay: 1400ms;
            transition-delay: 1400ms;
  }
  .mys-product-menu .product-menu-holder .product-menu-scroller > ul > li ul li:nth-child(9) {
    -webkit-transition-delay: 1600ms;
            transition-delay: 1600ms;
  }
  .mys-product-menu .product-menu-holder .product-menu-scroller > ul > li .product-submenu {
    width: 100%;
    height: auto;
    max-height: unset;
    padding: 0.5em 1em;
  }
  .mys-product-menu .product-menu-holder .product-menu-scroller > ul > li .product-submenu .submenu-scroller {
    overflow: visible;
  }
  .mys-product-menu .product-menu-holder .product-menu-scroller > ul > li .product-submenu .submenu-scroller > ul {
    position: relative;
  }
  .mys-product-menu .product-menu-holder .product-menu-scroller > ul > li .product-submenu .submenu-scroller > ul > li > a {
    font-size: 1.5em;
    padding: 0;
    background: none;
    border-radius: 0;
    font-weight: normal;
    color: var(--gray-color-l-31);
    padding: 0;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    position: relative;
  }
  .mys-product-menu .product-menu-holder .product-menu-scroller > ul > li .product-submenu .submenu-scroller > ul > li > a:after {
    content: "";
    display: block;
    width: 100%;
    height: 2px;
    background: var(--primary-color);
    position: absolute;
    inset: auto 0 0.125em 0;
    -webkit-transition: 500ms -webkit-transform cubic-bezier(0.785, 0.135, 0.15, 0.86);
    transition: 500ms -webkit-transform cubic-bezier(0.785, 0.135, 0.15, 0.86);
    transition: 500ms transform cubic-bezier(0.785, 0.135, 0.15, 0.86);
    transition: 500ms transform cubic-bezier(0.785, 0.135, 0.15, 0.86), 500ms -webkit-transform cubic-bezier(0.785, 0.135, 0.15, 0.86);
    -webkit-transform-origin: right center;
            transform-origin: right center;
    -webkit-transform: scaleX(0);
            transform: scaleX(0);
  }
  .mys-product-menu .product-menu-holder .product-menu-scroller > ul > li .product-submenu .submenu-scroller > ul > li > a:hover {
    color: var(--gray-color-l-31);
    background: none;
  }
  .mys-product-menu .product-menu-holder .product-menu-scroller > ul > li .product-submenu .submenu-scroller > ul > li > a:hover:after {
    -webkit-transform-origin: left center;
            transform-origin: left center;
    -webkit-transform: scaleX(1);
            transform: scaleX(1);
  }
  .mys-product-menu .product-menu-holder .product-menu-scroller > ul > li .product-submenu .submenu-scroller > ul > li:before {
    content: "";
    display: block;
    position: fixed;
    inset: -0.75rem auto auto 175%;
    width: 25em;
    aspect-ratio: 195/176;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    pointer-events: none;
    opacity: 0;
    height: 0;
    -webkit-transition: opacity 500ms ease;
    transition: opacity 500ms ease;
  }
  .mys-product-menu .product-menu-holder .product-menu-scroller > ul > li .product-submenu .submenu-scroller > ul > li:nth-child(2):before {
    top: -4.5rem;
  }
  .mys-product-menu .product-menu-holder .product-menu-scroller > ul > li .product-submenu .submenu-scroller > ul > li:nth-child(3):before {
    top: -8.25rem;
  }
  .mys-product-menu .product-menu-holder .product-menu-scroller > ul > li .product-submenu .submenu-scroller > ul > li:nth-child(4):before {
    top: -12.75rem;
  }
  .mys-product-menu .product-menu-holder .product-menu-scroller > ul > li .product-submenu .submenu-scroller > ul > li:nth-child(5):before {
    top: -17.25rem;
  }
  .mys-product-menu .product-menu-holder .product-menu-scroller > ul > li .product-submenu .submenu-scroller > ul > li:nth-child(6):before {
    top: -21.75rem;
  }
  .mys-product-menu .product-menu-holder .product-menu-scroller > ul > li .product-submenu .submenu-scroller > ul > li:nth-child(7):before {
    top: -26.25rem;
  }
  .mys-product-menu .product-menu-holder .product-menu-scroller > ul > li .product-submenu .submenu-scroller > ul > li:nth-child(8):before {
    top: -30.75rem;
  }
  .mys-product-menu .product-menu-holder .product-menu-scroller > ul > li .product-submenu .submenu-scroller > ul > li:nth-child(9):before {
    top: -35.25rem;
  }
  .mys-product-menu .product-menu-holder .product-menu-scroller > ul > li .product-submenu .submenu-scroller > ul > li:has(a:hover):before {
    opacity: 1;
    height: auto;
  }
  .mys-product-menu .product-menu-holder .product-menu-scroller > ul > li .product-submenu .submenu-scroller > ul > li:not(:last-child) {
    margin-bottom: 1.5em;
  }
  .mys-product-menu .product-menu-holder .product-menu-scroller > ul:has(> li.item-active) > li:not(.item-active) > a {
    opacity: 0.7;
  }
  .mys-product-trigger .mys-product-checkbox:checked ~ .mys-product-menu {
    -webkit-transform: none;
            transform: none;
  }
}
@media (max-width: 767px) {
  .mys-product-menu .product-menu-backdrop {
    display: none;
  }
  .mys-product-menu .product-menu-holder .product-menu-scroller > ul li.main-menu {
    display: block;
  }
  .mys-product-menu .product-menu-holder .product-menu-scroller > ul li.main-menu a {
    font-size: 1em;
    font-weight: normal;
  }
}
.mys-search {
  position: unset;
}
.mys-search .search-desk .search-mob-trigger,
.mys-search .search-mob .search-mob-trigger {
  display: block;
  text-decoration: none;
  color: var(--gray-color-l-50);
  line-height: 1;
}
.mys-search .search-desk .search-mob-trigger:after,
.mys-search .search-mob .search-mob-trigger:after {
  content: "\e979";
  display: block;
  font-family: whirlpool;
  font-size: 1.5em;
  color: inherit;
}
.mys-search .search-desk .sf-desktop,
.mys-search .search-mob .sf-desktop {
  display: none;
}
.mys-search .search-desk .search-btn,
.mys-search .search-mob .search-btn {
  display: none;
}

.search-results-wrapper {
  opacity: 0;
  -webkit-transform: translateY(-100%);
          transform: translateY(-100%);
  -webkit-transform-origin: center top;
          transform-origin: center top;
  -webkit-transition: 500ms ease all;
  transition: 500ms ease all;
  -webkit-box-shadow: none;
          box-shadow: none;
  position: absolute;
  inset: calc(var(--body-top-padding) + 1px) 0 auto 0;
  pointer-events: none;
}
.mys-head-sticky-on .search-results-wrapper {
  top: calc(var(--body-top-padding) + 1px - var(--header-mid-padd, var(--header-y-padding)));
}
.search-results-wrapper .search-backdrop {
  background: var(--gray-color-30);
  position: fixed;
  width: 100vw;
  height: 200dvh;
  z-index: -1;
}
.search-results-wrapper .search-with-results {
  background: var(--theme-bg);
  padding: 3.75rem 0;
}
.search-results-wrapper .search-mob {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  opacity: 0;
  -webkit-transition: none;
  transition: none;
  width: 100%;
  padding: 0 var(--desktop-x-padding);
  max-width: 1500px;
  margin: 0 auto;
}
.search-results-wrapper .search-mob .search-field {
  background: transparent !important;
  border-radius: 0;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  border-radius: 0 !important;
  border-bottom: 1px solid var(--gray-color-10) !important;
  font-size: 2.375rem !important;
  line-height: 1.2;
  padding: 0 !important;
  -webkit-transition: none !important;
  transition: none !important;
  color: var(--gray-color-l-30) !important;
}
.search-results-wrapper .search-mob .search-field:hover {
  outline: none !important;
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
}
.search-results-wrapper .search-mob .search-field:active, .search-results-wrapper .search-mob .search-field:focus {
  outline: none !important;
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
}
.search-results-wrapper .search-mob .search-mob-close {
  position: absolute;
  inset: 0 0 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 4em;
  height: 100%;
  margin-right: 0 !important;
  background: var(--search-mob-back-bg);
  color: var(--search-mob-back-color);
  border-radius: var(--search-mob-back-radius);
  aspect-ratio: 1/1;
  cursor: pointer;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}
.search-results-wrapper .search-mob .search-mob-close:after {
  content: var(--search-mob-back-icon);
  font-family: var(--search-mob-back-font);
  font-size: 2em;
  line-height: 1;
}
.search-results-wrapper.search-show {
  -webkit-transform: translateY(0);
          transform: translateY(0);
  opacity: 1;
  pointer-events: initial;
}
.search-results-wrapper.search-show .search-mob {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  opacity: 1;
  -webkit-transition-delay: 0;
          transition-delay: 0;
}
.search-results-wrapper .search-results {
  width: 100%;
  padding: 0 var(--desktop-x-padding);
  max-width: 1500px;
  margin: 0 auto;
}
.search-results-wrapper .search-results .results-suggestion {
  display: none;
}

@media (min-width: 768px) {
  .mys-mob-trigger {
    display: none;
  }
}
@media (max-width: 767px) {
  .mys-mob-trigger {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
}
.about-img {
  max-width: 650px;
  float: right;
  margin-left: 2em;
  margin-bottom: 2em !important;
}

@media (max-width: 767px) {
  .about-img {
    max-width: 100%;
    float: none;
    margin-left: 0;
    margin-bottom: 0 !important;
  }
}
.mys-bcrumb ul li {
  text-transform: uppercase;
}
.mys-bcrumb ul li.mys-bcrumb-home a {
  gap: 0;
}
.mys-bcrumb ul li > span {
  font-weight: bold;
}
.mys-bcrumb ul li:not(:last-child):after {
  content: "\ea6e";
  font-family: remixicon;
}

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

.link-current {
  color: currentColor;
}
.link-current:hover {
  color: currentColor;
  opacity: 0.7;
}

.table:has(thead.sticky), .table:has(tfoot.sticky) {
  position: relative;
}
.table thead th {
  border-bottom: 2px solid var(--primary-color);
}
.table thead.sticky {
  background: var(--theme-bg);
  -webkit-box-shadow: 0 -2px 0 0 var(--primary-color) inset, 0 -1.675em 0 0 var(--white-color);
          box-shadow: 0 -2px 0 0 var(--primary-color) inset, 0 -1.675em 0 0 var(--white-color);
  z-index: 1;
  top: calc(var(--body-top-padding) + 1em);
  position: sticky;
}
.table thead.sticky th {
  border-bottom: 0;
}
.table tfoot.sticky {
  background: var(--theme-bg);
  -webkit-box-shadow: 0 -2px 0 0 var(--theme-color-10);
          box-shadow: 0 -2px 0 0 var(--theme-color-10);
  z-index: 1;
  bottom: 0;
  position: sticky;
  margin-bottom: 2px;
}
.table.table-striped tbody tr:last-child:not(:nth-child(even)) td {
  border-bottom: var(--table-td-border-width) solid var(--table-td-border-color);
}

@media (max-width: 767px) {
  .service-searcher .table thead th:nth-child(2), .service-searcher .table thead th:nth-child(3), .service-searcher .table thead th:nth-child(4) {
    display: none;
  }
}
@media (min-width: 576px) and (max-width: 767px) {
  .service-searcher .table tbody tr {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 1fr;
    grid-template-columns: 1fr 1fr;
  }
  .service-searcher .table tbody tr td {
    overflow: hidden;
    text-overflow: ellipsis;
  }
  .service-searcher .table tbody tr td:nth-child(1), .service-searcher .table tbody tr td:nth-child(2) {
    border-bottom: 0;
    padding-bottom: 0.1875em;
  }
  .service-searcher .table tbody tr td:nth-child(3), .service-searcher .table tbody tr td:nth-child(4) {
    padding-top: 0.1875em;
  }
}
@media (max-width: 575px) {
  .service-searcher .table tbody tr {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
  }
  .service-searcher .table tbody tr td {
    overflow: hidden;
    text-overflow: ellipsis;
  }
  .service-searcher .table tbody tr td:nth-child(1) {
    border-bottom: 0;
    padding-bottom: 0.1875em;
  }
  .service-searcher .table tbody tr td:nth-child(2), .service-searcher .table tbody tr td:nth-child(3) {
    border-bottom: 0;
    padding-top: 0.1875em;
    padding-bottom: 0.1875em;
  }
  .service-searcher .table tbody tr td:nth-child(4) {
    padding-top: 0.1875em;
  }
}
.shop-searcher {
  margin-top: 2em;
}
.shop-searcher .sticky .searcher th {
  padding: 0;
  border-bottom: 0;
  font-weight: normal;
}
.shop-searcher ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  list-style: none;
  margin: 0 !important;
  padding: 0 !important;
  gap: 0.375em;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.shop-searcher ul li {
  padding-left: 0 !important;
  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;
}
.shop-searcher ul li:before {
  display: none !important;
}
.shop-searcher ul li a, .shop-searcher ul li span {
  display: block;
  padding: 0.25em 0.75em;
  text-decoration: none;
}
.shop-searcher ul li a {
  color: currentColor;
  background: var(--gray-color-l-95);
  -webkit-transition: 200ms ease all;
  transition: 200ms ease all;
}
.shop-searcher ul li a:hover {
  background: var(--primary-color);
}
.shop-searcher ul li span {
  color: var(--theme-color-50);
  -webkit-box-shadow: 0 0 0 1px var(--gray-color-l-90) inset;
          box-shadow: 0 0 0 1px var(--gray-color-l-90) inset;
  pointer-events: none;
}
.shop-searcher .table tbody tr:target {
  scroll-margin-top: calc(var(--body-top-padding) + 5.5em);
}
.shop-searcher .table tbody td:nth-child(1) {
  text-transform: uppercase;
}
.shop-searcher .table tbody td:nth-child(2) {
  font-weight: bold;
}

@media (max-width: 1199px) {
  .shop-searcher .table {
    display: block;
  }
  .shop-searcher .table thead tr:not(.searcher) {
    display: none;
  }
  .shop-searcher .table thead tr.searcher th {
    padding-bottom: 1em;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .shop-searcher .table tbody tr {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 1fr 1fr;
    grid-template-columns: 1fr 1fr 1fr;
  }
  .shop-searcher .table tbody tr td {
    overflow: hidden;
    text-overflow: ellipsis;
  }
  .shop-searcher .table tbody tr td:nth-child(1) {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
  }
  .shop-searcher .table tbody tr td:nth-child(2) {
    -webkit-box-ordinal-group: 5;
        -ms-flex-order: 4;
            order: 4;
  }
  .shop-searcher .table tbody tr td:nth-child(3) {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
  }
  .shop-searcher .table tbody tr td:nth-child(4) {
    -webkit-box-ordinal-group: 6;
        -ms-flex-order: 5;
            order: 5;
  }
  .shop-searcher .table tbody tr td:nth-child(5) {
    -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
            order: 3;
  }
  .shop-searcher .table tbody tr td:nth-child(6) {
    -webkit-box-ordinal-group: 7;
        -ms-flex-order: 6;
            order: 6;
  }
  .shop-searcher .table tbody tr td:nth-child(1), .shop-searcher .table tbody tr td:nth-child(3), .shop-searcher .table tbody tr td:nth-child(5) {
    border-bottom: 0;
    padding-bottom: 0.1875em;
  }
  .shop-searcher .table tbody tr td:nth-child(2), .shop-searcher .table tbody tr td:nth-child(4), .shop-searcher .table tbody tr td:nth-child(6) {
    padding-top: 0.1875em;
  }
}
@media (min-width: 576px) and (max-width: 991px) {
  .shop-searcher .table tbody tr {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 1fr;
    grid-template-columns: 1fr 1fr;
  }
  .shop-searcher .table tbody tr td {
    overflow: hidden;
    text-overflow: ellipsis;
  }
  .shop-searcher .table tbody tr td:nth-child(1) {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
  }
  .shop-searcher .table tbody tr td:nth-child(2) {
    -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
            order: 3;
  }
  .shop-searcher .table tbody tr td:nth-child(3) {
    -webkit-box-ordinal-group: 6;
        -ms-flex-order: 5;
            order: 5;
  }
  .shop-searcher .table tbody tr td:nth-child(4) {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
  }
  .shop-searcher .table tbody tr td:nth-child(5) {
    -webkit-box-ordinal-group: 5;
        -ms-flex-order: 4;
            order: 4;
  }
  .shop-searcher .table tbody tr td:nth-child(6) {
    -webkit-box-ordinal-group: 7;
        -ms-flex-order: 6;
            order: 6;
  }
  .shop-searcher .table tbody tr td:nth-child(1), .shop-searcher .table tbody tr td:nth-child(4) {
    border-bottom: 0;
    padding-bottom: 0.1875em;
  }
  .shop-searcher .table tbody tr td:nth-child(2), .shop-searcher .table tbody tr td:nth-child(5) {
    border-bottom: 0;
    padding-top: 0.1875em;
    padding-bottom: 0.1875em;
  }
  .shop-searcher .table tbody tr td:nth-child(3), .shop-searcher .table tbody tr td:nth-child(6) {
    padding-top: 0.1875em;
  }
}
@media (max-width: 575px) {
  .shop-searcher .table tbody tr {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
  }
  .shop-searcher .table tbody tr td {
    overflow: hidden;
    text-overflow: ellipsis;
  }
  .shop-searcher .table tbody tr td:nth-child(1) {
    border-bottom: 0;
    padding-bottom: 0.1875em;
  }
  .shop-searcher .table tbody tr td:nth-child(2), .shop-searcher .table tbody tr td:nth-child(3), .shop-searcher .table tbody tr td:nth-child(4), .shop-searcher .table tbody tr td:nth-child(5) {
    border-bottom: 0;
    padding-top: 0.1875em;
    padding-bottom: 0.1875em;
  }
  .shop-searcher .table tbody tr td:nth-child(6) {
    padding-top: 0.1875em;
  }
}
.form-wrapper .row.search-row {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr auto;
  grid-template-columns: 1fr auto;
  margin-left: 0;
  margin-right: 0;
}
.form-wrapper .row.search-row label {
  -ms-grid-column-span: 2;
  grid-column: span 2;
  padding: 0;
}
.form-wrapper .row.search-row .form-control,
.form-wrapper .row.search-row .form-select {
  margin-left: 0;
  margin-right: 0;
}

@media (max-width: 575px) {
  .form-wrapper .row.search-row {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
  }
  .form-wrapper .row.search-row label {
    grid-column: unset;
  }
}
.btn.btn-primary, .btn.btn-secondary {
  color: var(--theme-color);
  isolation: isolate;
  padding-left: 2.5em !important;
  padding-right: 2.5em !important;
}
.btn.btn-primary:after, .btn.btn-secondary:after {
  content: "";
  display: block;
  position: absolute;
  inset: 0;
  background: var(--white-color-15);
  z-index: -1;
  -webkit-transition: 300ms ease-in transform;
  transition: 300ms ease-in transform;
  -webkit-transform: scaleY(0);
          transform: scaleY(0);
  -webkit-transform-origin: center top;
          transform-origin: center top;
}
.btn.btn-primary:hover, .btn.btn-secondary:hover {
  background: var(--primary-color);
  color: var(--theme-color);
}
.btn.btn-primary:hover:after, .btn.btn-secondary:hover:after {
  -webkit-transform: scaleY(1);
          transform: scaleY(1);
  -webkit-transform-origin: center bottom;
          transform-origin: center bottom;
  -webkit-transition: 300ms ease-out transform;
  transition: 300ms ease-out transform;
}
.btn:hover {
  -webkit-transform: none;
          transform: none;
}
.btn.btn-wide {
  width: 100% !important;
  max-width: 20em;
}

.catalogues {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 1em 1fr 1em 1fr 1em 1fr;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  gap: 1em;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: start;
}
.catalogues .single-catalogue {
  overflow: hidden;
  height: 100%;
}
.catalogues .single-catalogue .catalogue-link {
  height: 100%;
  text-decoration: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 1em;
  color: currentColor;
  padding: 1.5em 1.5em 1em;
  background: var(--gray-color-l-97);
  isolation: isolate;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.catalogues .single-catalogue .catalogue-link .catalogue-photo {
  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;
  z-index: 2;
  position: relative;
}
.catalogues .single-catalogue .catalogue-link .catalogue-photo .c-bg {
  display: none;
}
.catalogues .single-catalogue .catalogue-link .catalogue-photo img {
  width: 90%;
  max-height: 200px;
  display: block;
  -o-object-fit: contain;
     object-fit: contain;
  border-radius: var(--b-radius-sm);
}
.catalogues .single-catalogue .catalogue-link .catalogue-title {
  z-index: 2;
  font-size: 0.9em;
  text-align: center;
  font-weight: normal;
}

@media (hover: hover) {
  .catalogues .single-catalogue .catalogue-link {
    -webkit-box-shadow: 0 0 0 var(--hover-effect-color);
            box-shadow: 0 0 0 var(--hover-effect-color);
    -webkit-transition: 300ms ease all;
    transition: 300ms ease all;
    position: relative;
    overflow: hidden;
  }
  .catalogues .single-catalogue .catalogue-link .catalogue-photo .c-cover {
    z-index: 2;
    -webkit-transform-origin: 0 100%;
            transform-origin: 0 100%;
    -webkit-transform: skewY(0) scaleX(1);
            transform: skewY(0) scaleX(1);
    -webkit-transition: 300ms ease all;
    transition: 300ms ease all;
  }
  .catalogues .single-catalogue .catalogue-link .catalogue-photo .c-bg {
    display: block;
    position: absolute;
    z-index: 1;
    -webkit-transition: 300ms ease all;
    transition: 300ms ease all;
  }
  .catalogues .single-catalogue:hover .catalogue-link {
    background: var(--primary-color);
  }
  .catalogues .single-catalogue:hover .catalogue-link .catalogue-photo .c-cover {
    -webkit-transform: skewY(-10deg) scaleX(0.9);
            transform: skewY(-10deg) scaleX(0.9);
  }
  .catalogues .single-catalogue:hover .catalogue-link .catalogue-photo .c-bg {
    opacity: 0.5;
    -webkit-filter: brightness(0.5);
            filter: brightness(0.5);
  }
}
@media (max-width: 1399px) {
  .catalogues {
    gap: 0.75em;
  }
}
@media (max-width: 1199px) {
  .catalogues {
    -ms-grid-columns: 1fr 0.675em 1fr 0.675em 1fr;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 0.675em;
  }
}
@media (max-width: 991px) {
  .catalogues {
    gap: 0.5em;
    -ms-grid-columns: 1fr 0.5em 1fr;
    grid-template-columns: 1fr 1fr;
  }
}
@media (max-width: 767px) {
  .catalogues {
    gap: 0.375em;
  }
  .catalogues .single-catalogue .catalogue-link {
    padding: 1em 0.5em;
  }
}
.product-registration {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 1em 1fr;
  grid-template-columns: 1fr 1fr;
  gap: 1em;
}
.product-registration > .box {
  padding: 1em;
  border: 1px solid var(--gray-color-l-90);
}
.product-registration .boxes-4 {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 0.5em 1fr;
  grid-template-columns: 1fr 1fr;
  gap: 0.5em;
}
.product-registration .boxes-4 .box img {
  width: 100%;
  display: block;
}
.product-registration .boxes-4 .box .btn {
  width: 100%;
}
.product-registration .boxes-4 + .boxes-4 {
  margin-top: 1em;
}

@media (max-width: 767px) {
  .product-registration {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
  }
}
@media (max-width: 556px) {
  .product-registration .boxes-4 {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
  }
}
.press-contact {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 1em 1fr;
  grid-template-columns: 1fr 1fr;
  gap: 1em;
}
.press-contact > .box {
  padding: 1em;
  background: var(--gray-color-l-95);
}
.press-contact > .box > *:last-child {
  margin-bottom: 0;
}
.press-contact .mys-ico .mys-ico-label {
  color: var(--gray-color-l-50);
}

@media (max-width: 767px) {
  .press-contact {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
  }
}
.contact-page .phone {
  padding: 3em 0;
  margin-bottom: 3em;
  background: var(--gray-color-l-97);
}
.contact-page .form .form-wrapper:not(:last-of-type) {
  margin-bottom: 4em;
}
.contact-page .form h3 {
  margin-bottom: 1.5em;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
  gap: 1em;
}
.contact-page .form h3:before, .contact-page .form h3:after {
  content: "";
  display: block;
  height: 1px;
  background: var(--gray-color-l-90);
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
}
.contact-page .mys-ico .mys-ico-label {
  color: var(--gray-color-l-50);
}

.hero {
  padding: 10em 0 0;
  background-attachment: fixed;
  background-position: center;
  background-size: cover;
  grid-area: hero;
}
.hero .sleeve {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.hero h1, .hero h2 {
  -webkit-box-shadow: 0 0 0 5em var(--white-color-90) inset;
          box-shadow: 0 0 0 5em var(--white-color-90) inset;
  margin-bottom: 0;
  padding: 0.75rem 1.375rem;
  -webkit-backdrop-filter: blur(5px);
          backdrop-filter: blur(5px);
  border-top: 0.25rem solid var(--primary-color);
  line-height: 1.2;
}
.hero h2 {
  border-top: 0;
  font-weight: normal;
}
.hero p {
  -webkit-box-shadow: 0 0 0 5em var(--white-color-90) inset;
          box-shadow: 0 0 0 5em var(--white-color-90) inset;
  padding: 0.75rem 1.375rem;
  -webkit-backdrop-filter: blur(5px);
          backdrop-filter: blur(5px);
}
.hero:has(p) h1, .hero:has(p) h2 {
  padding-bottom: 0;
}
.hero *:last-child {
  margin-bottom: 0 !important;
}
.hero.hero-light, .hero.hero-dark {
  isolation: isolate;
  position: relative;
}
.hero.hero-light:before, .hero.hero-dark:before {
  content: "";
  display: block;
  inset: 0;
  position: absolute;
  z-index: -1;
}
.hero.hero-light:before {
  background: var(--white-color-30);
}
.hero.hero-dark:before {
  background: var(--black-color-20);
}

@media (max-width: 575px) {
  .hero {
    padding: 5em 0 0;
  }
}
.main-products {
  padding-bottom: 0;
}

.mys-content-layout.lay-bcrumb-hero-sidebar-content {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: max(var(--sidebar-width-min), var(--sidebar-width)) 1fr;
  grid-template-columns: max(var(--sidebar-width-min), var(--sidebar-width)) 1fr;
      grid-template-areas: "sidebar main-content";
}

.mys-product .item-data {
      grid-template-areas: "item-cat" "item-name";
  -ms-grid-rows: auto auto;
  grid-template-rows: auto auto;
}
.mys-product .item-data .item-desc, .mys-product .item-data .item-price {
  display: none;
}
.mys-product .product-where-to-buy {
  grid-area: item-where;
}
.mys-product .product-where-to-buy a i:before {
  content: "\e932";
}
.mys-product .product-compare {
  grid-area: item-compare;
}
.mys-product .product-compare a i:before {
  content: "\e945";
}
.mys-product .product-where-to-buy,
.mys-product .product-compare {
  border-top: 1px solid var(--theme-color-10);
  padding-top: 0.375em;
}
.mys-product .product-where-to-buy a,
.mys-product .product-compare a {
  font-size: 0.875em;
  text-decoration: none;
  color: var(--theme-color-50);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 0.5em;
  -webkit-transition: 500ms ease all;
  transition: 500ms ease all;
}
.mys-product .product-where-to-buy a i,
.mys-product .product-compare a i {
  font-size: 1.5em;
  font-style: normal;
  font-weight: normal;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.mys-product .product-where-to-buy a i:before,
.mys-product .product-compare a i:before {
  font-family: whirlpool;
}
.mys-product .product-where-to-buy a:hover,
.mys-product .product-compare a:hover {
  color: var(--theme-color);
}
.mys-product .product-details {
  grid-area: item-details;
  padding-top: 0.5em;
}
.mys-product .product-details a {
  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);
  text-decoration: none;
  border-radius: var(--button-border-radius);
  line-height: 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;
  gap: 0.5em;
  -webkit-transition: 500ms ease all;
  transition: 500ms ease all;
  position: relative;
  overflow: hidden;
  border: 0;
  font-size: 1em;
  cursor: pointer;
  isolation: isolate;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 0.875em 1em;
  background: var(--primary-color);
  color: var(--theme-color);
}
.mys-product .product-details a:after {
  content: "";
  display: block;
  position: absolute;
  inset: 0;
  background: var(--white-color-15);
  z-index: -1;
  -webkit-transition: 300ms ease-in transform;
  transition: 300ms ease-in transform;
  -webkit-transform: scaleY(0);
          transform: scaleY(0);
  -webkit-transform-origin: center top;
          transform-origin: center top;
}
.mys-product .product-details a i {
  -webkit-box-ordinal-group: 3;
      -ms-flex-order: 2;
          order: 2;
  font-size: 1.5em;
  font-style: normal;
  font-weight: normal;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.mys-product .product-details a i:before {
  content: "\e938";
  font-family: whirlpool;
}
.mys-product .product-details a:hover {
  -webkit-box-shadow: var(--b-shad-sm) var(--button-shadow-color);
          box-shadow: var(--b-shad-sm) var(--button-shadow-color);
  -webkit-transition: 250ms ease all;
  transition: 250ms ease all;
}
.mys-product .product-details a:hover:after {
  -webkit-transform: scaleY(1);
          transform: scaleY(1);
  -webkit-transform-origin: center bottom;
          transform-origin: center bottom;
  -webkit-transition: 300ms ease-out transform;
  transition: 300ms ease-out transform;
}

@media (min-width: 768px) and (max-width: 991px) {
  .mys-product {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
        grid-template-areas: "item-image" "item-data" "item-where" "item-compare" "item-details";
  }
  .mys-product .product-where-to-buy {
    -ms-grid-row: 3;
    -ms-grid-column: 1;
  }
  .mys-product .product-compare {
    -ms-grid-row: 4;
    -ms-grid-column: 1;
  }
  .mys-product .product-details {
    -ms-grid-row: 5;
    -ms-grid-column: 1;
  }
}
@media (max-width: 767px) {
  .mys-product .product-where-to-buy a,
  .mys-product .product-compare a {
    font-size: 0.75em;
  }
  .mys-product .product-details a {
    font-size: 0.875em;
  }
}
.image-tag {
  aspect-ratio: unset;
}

.mys-display-options .mys-filter-page {
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
.mys-display-options .mys-filter-page .mys-view .view-toggler .toggle-view i {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  aspect-ratio: 1/1;
}

@media (min-width: 768px) {
  .mys-display-options:not(.mys-has-filtering) {
    -ms-grid-columns: var(--page-sorting-nof-columns);
    grid-template-columns: var(--page-sorting-nof-columns);
  }
  .mys-display-options .mys-pagination {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
  .mys-display-options .mys-page-label {
    text-align: right;
  }
}
@media (max-width: 767px) {
  .mys-display-options.mys-has-filtering {
        grid-template-areas: "mys-filter-page" "mys-pagination";
  }
  .mys-display-options:not(.mys-has-filtering) {
        grid-template-areas: "mys-page-label" "mys-pagination";
  }
}
.mys-filters .filter-backdrop .filter-contents .group-filters .single-filter .filter-list ul li label {
  cursor: pointer;
}
.mys-filters .filter-backdrop .filter-contents .group-filters .single-filter .filter-list ul li:not(:last-child) {
  padding-bottom: 0.25em;
}

@media (hover: hover) {
  .mys-filters .filter-backdrop .filter-contents .group-filters .single-filter .filter-list ul li {
    -webkit-transition: 200ms ease all;
    transition: 200ms ease all;
  }
  .mys-filters .filter-backdrop .filter-contents .group-filters .single-filter .filter-list ul:has(li:hover) li:not(:hover) {
    opacity: 0.5;
  }
  .mys-filters .filter-backdrop .filter-contents .group-filters .single-filter .filter-list ul:has(li:hover) li:has(input:checked):not(:hover) {
    opacity: 1;
  }
}
.mys-single-product.mys-product-whp-intro {
  margin-top: 4em;
  -ms-grid-columns: clamp(40%, 600px, 50%) 1fr;
  grid-template-columns: clamp(40%, 600px, 50%) 1fr;
  -ms-grid-rows: auto auto auto 1fr;
  grid-template-rows: auto auto auto 1fr;
      grid-template-areas: "pdc-gallery pdc-name" "pdc-gallery pdc-desc" "pdc-gallery pdc-list-info" "pdc-gallery pdc-links";
}
.mys-single-product.mys-product-whp-info {
  -ms-grid-columns: 1fr;
  grid-template-columns: 1fr;
      grid-template-areas: "pdc-promo" "pdc-addl-info";
}
.mys-single-product .product-naming .product-title {
  gap: 0.25em;
}
.mys-single-product .product-naming .product-title .product-code {
  color: var(--theme-color-70);
  margin-bottom: 0;
}
.mys-single-product .product-desc {
  -ms-grid-row: 2;
  -ms-grid-column: 2;
  grid-area: pdc-desc;
}
.mys-single-product .mys-product-gallery .product-thumbs-holder .product-thumbs.slick-slider {
  overflow: visible;
}
.mys-single-product .product-list-info {
  border-top: 1px solid var(--gray-color-l-90);
  padding-top: 1em;
}
.mys-single-product .product-list-info h3 {
  font-weight: normal;
}
.mys-single-product .product-list-info .table-list-info + h3 {
  margin-top: 1.5em;
}
.mys-single-product .product-list-info .table-list-info tbody td .tech-data {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  gap: 1em;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.mys-single-product .product-list-info .table-list-info.list-info-2-col tbody td {
  width: 50%;
}
.mys-single-product .product-list-info .table-list-info.list-info-3-col tbody td {
  width: 33.3333%;
}
.mys-single-product .product-links {
  -ms-grid-row: 4;
  -ms-grid-column: 2;
  grid-area: pdc-links;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 1em;
}
.mys-single-product .product-links .product-where-to-buy {
  grid-area: item-where;
}
.mys-single-product .product-links .product-where-to-buy a i:before {
  content: "\e932";
}
.mys-single-product .product-links .product-compare {
  grid-area: item-compare;
}
@media (min-width: 768px) and (max-width: 991px){
  .mys-single-product .product-links .product-where-to-buy {
    -ms-grid-row: 3;
    -ms-grid-column: 1;
  }
  .mys-single-product .product-links .product-compare {
    -ms-grid-row: 4;
    -ms-grid-column: 1;
  }
}
.mys-single-product .product-links .product-compare a i:before {
  content: "\e945";
}
.mys-single-product .product-links .product-where-to-buy,
.mys-single-product .product-links .product-compare {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 calc(50% - 0.5em);
          flex: 1 1 calc(50% - 0.5em);
}
.mys-single-product .product-links .product-where-to-buy a,
.mys-single-product .product-links .product-compare a {
  font-size: 0.875em;
  text-decoration: none;
  background: var(--gray-color-l-98);
  border-radius: var(--b-radius-sm);
  color: var(--theme-color-50);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 0.5em;
  -webkit-transition: 500ms ease all;
  transition: 500ms ease all;
  padding: 0.5em 1em;
}
.mys-single-product .product-links .product-where-to-buy a i,
.mys-single-product .product-links .product-compare a i {
  font-size: 1.5em;
  font-style: normal;
  font-weight: normal;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.mys-single-product .product-links .product-where-to-buy a i:before,
.mys-single-product .product-links .product-compare a i:before {
  font-family: whirlpool;
}
.mys-single-product .product-links .product-where-to-buy a:hover,
.mys-single-product .product-links .product-compare a:hover {
  background: var(--primary-color-20);
  color: var(--primary-color);
}
.mys-single-product .product-promo {
  -ms-grid-row: 1;
  -ms-grid-column: 1;
  grid-area: pdc-promo;
}
.mys-single-product .product-addl-info {
  background: var(--gray-color-l-98);
  padding: 4em 0;
}

.main-content-line {
  padding-bottom: 3em;
  border-bottom: 0.125em solid var(--primary-color);
}

@media (max-width: 767px) {
  .mys-single-product.mys-product-whp-intro {
    margin-top: 4em;
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    -ms-grid-rows: unset;
    grid-template-rows: unset;
        grid-template-areas: "pdc-name" "pdc-gallery" "pdc-desc" "pdc-list-info" "pdc-links";
  }
  .mys-single-product .mys-product-gallery {
    width: calc(100vw - 2.5em);
  }
  .mys-single-product .product-list-info .table-list-info tbody tr {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
  }
  .mys-single-product .product-list-info .table-list-info.list-info-2-col tbody td, .mys-single-product .product-list-info .table-list-info.list-info-3-col tbody td {
    width: 100%;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
  .mys-single-product .product-desc {
    -ms-grid-row: 3;
    -ms-grid-column: 1;
  }
  .mys-single-product .product-links {
    -ms-grid-row: 5;
    -ms-grid-column: 1;
  }
}
.promo-list {
  margin-top: 4em;
  margin-bottom: 4em;
}
.promo-list .single-promo {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 1fr;
  grid-template-columns: 1fr 1fr;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
}
.promo-list .single-promo .promo-img {
  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;
}
.promo-list .single-promo .promo-img img {
  aspect-ratio: 10/9;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.promo-list .single-promo a.promo-img {
  overflow: hidden;
  -webkit-transition: 300ms ease all;
  transition: 300ms ease all;
  position: relative;
  text-decoration: none;
}
.promo-list .single-promo a.promo-img:after {
  content: "\e98d";
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 4em;
  inset: 0;
  line-height: 1;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-family: whirlpool;
  position: absolute;
  color: var(--gray-color);
  opacity: 0;
  -webkit-transition: 300ms ease all;
  transition: 300ms ease all;
  -webkit-transform: scale(1.25) translateY(0.125em);
          transform: scale(1.25) translateY(0.125em);
  -webkit-transition-delay: 0;
          transition-delay: 0;
}
.promo-list .single-promo a.promo-img img {
  -webkit-transition: 300ms ease all;
  transition: 300ms ease all;
  -webkit-transform-origin: 50% 75%;
          transform-origin: 50% 75%;
  mix-blend-mode: multiply;
}
.promo-list .single-promo a.promo-img:hover {
  background: var(--primary-color);
}
.promo-list .single-promo a.promo-img:hover:after {
  opacity: 1;
  -webkit-transform: scale(1) translateY(0);
          transform: scale(1) translateY(0);
  -webkit-transition-delay: 150ms;
          transition-delay: 150ms;
}
.promo-list .single-promo a.promo-img:hover img {
  -webkit-transform: scale(1.05);
          transform: scale(1.05);
  opacity: 0.4;
}
.promo-list .single-promo .promo-content {
  background: var(--gray-color-l-98);
  padding: 2em;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.promo-list .single-promo .promo-content .promo-supertitle {
  margin-bottom: 0.25em !important;
  opacity: 0.6;
}
.promo-list .single-promo .promo-content .promo-title {
  font-size: 1.75em;
  line-height: 1.2;
  margin-bottom: 0.5em;
  font-weight: normal;
}
.promo-list .single-promo .promo-content p:not(:last-child) {
  margin-bottom: 1em;
}
.promo-list .single-promo .promo-content .disclaimer {
  font-size: 0.6em;
  opacity: 0.6;
}

@media (min-width: 768px) {
  .promo-list .single-promo.promo-img-last .promo-img {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
  }
}
@media (max-width: 767px) {
  .promo-list .single-promo {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
  }
  .promo-list .single-promo .promo-img img {
    aspect-ratio: 10/6;
  }
  .promo-list .single-promo .promo-content {
    padding: 2em 1.5em;
  }
  .promo-list .single-promo .btn {
    font-size: 0.875em;
  }
}
.mys-addl-info.info-tabs .nav-tabs {
  margin-bottom: 0.5rem;
}
.mys-addl-info.info-tabs .tab-content .tab-pane-content .tab-pane-slv {
  border-radius: var(--sp-tabs-content-radius) !important;
}
.mys-addl-info.info-tabs .tab-content .tab-pane-content .tab-pane-slv p:not(:last-child) {
  margin-bottom: 1em;
}

.table-tech-info {
  margin-top: 2em;
}
.table-tech-info thead th {
  font-size: 1.5em;
  font-weight: normal;
}
.table-tech-info tbody td {
  width: 33%;
}
.table-tech-info tbody td .tech-data {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  gap: 1em;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}

@media (max-width: 767px) {
  .table-tech-info tbody {
    display: block;
  }
  .table-tech-info tbody tr {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
  }
  .table-tech-info tbody tr:nth-child(odd) td:nth-child(odd) {
    background: var(--table-stripe-bg);
  }
  .table-tech-info tbody tr:nth-child(odd) td:nth-child(even) {
    background: background;
  }
  .table-tech-info tbody tr:nth-child(even) td:nth-child(even) {
    background: var(--table-stripe-bg);
  }
  .table-tech-info tbody tr:nth-child(even) td:nth-child(odd) {
    background: background;
  }
  .table-tech-info tbody td {
    width: 100%;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
}
.table-downloads {
  margin-top: 2em;
}
.table-downloads thead th {
  font-size: 1.5em;
  font-weight: normal;
}
.table-downloads .doc-title {
  font-size: 1.25em;
}
.table-downloads .doc-title i {
  float: left;
  font-size: 1.5em;
  margin: -0.25em 0.25em -0.25em 0;
}
.table-downloads .doc-dl {
  width: 11em;
}

@media (max-width: 767px) {
  .table-downloads tbody {
    display: block;
  }
  .table-downloads tbody tr {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
  }
  .table-downloads tbody td {
    width: 100% !important;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
  .table-downloads tbody td:nth-child(1) {
    border-bottom: 0 !important;
    padding-bottom: 0;
  }
}
.home-banners:not(.slick-slider) {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  overflow: hidden;
}
.home-banners:not(.slick-slider) .home-banner {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 100%;
          flex: 0 0 100%;
  width: 100%;
}
.home-banners .home-banner {
  width: 100%;
  height: clamp(50dvh, 45em, 60dvh);
  position: relative;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  text-decoration: none;
  color: currentColor;
}
.home-banners .home-banner.content-left .banner-content {
  margin-right: auto;
}
.home-banners .home-banner.content-right .banner-content {
  margin-left: auto;
}
.home-banners .home-banner.img-pos-left {
  background-position: left center;
}
.home-banners .home-banner .banner-sleeve {
  max-width: calc(1500px - 2 * var(--desktop-x-padding));
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding-left: 0;
  padding-right: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.home-banners .home-banner .banner-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 1.5em;
  padding: 2em;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 100%;
          flex: 1 1 100%;
  max-width: 40%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.home-banners .home-banner .banner-content br {
  display: none;
}
.home-banners .home-banner .banner-content .banner-title {
  font-size: 2.375em;
  line-height: 1;
  font-weight: normal;
}
.home-banners .home-banner .banner-content .banner-desc {
  font-size: 1.25em;
  line-height: 1.2;
}
.home-banners .home-banner .banner-content .banner-btn {
  -ms-flex-item-align: start;
      align-self: flex-start;
}
.home-banners .home-banner .banner-content .banner-disclaimer {
  font-size: 0.75em;
  opacity: 0.6;
}

@media (hover: hover) and (min-width: 992px) {
  .home-banners .slick-arrow {
    opacity: 0;
  }
  .home-banners .slick-arrow.slick-next {
    inset: 0 0 0 auto;
    padding-left: 4em;
    background: -webkit-gradient(linear, left top, right top, from(transparent), color-stop(85%, var(--white-color-90)));
    background: linear-gradient(to right, transparent, var(--white-color-90) 85%);
  }
  .home-banners .slick-arrow.slick-prev {
    inset: 0 auto 0 0;
    padding-right: 4em;
    background: -webkit-gradient(linear, right top, left top, from(transparent), color-stop(85%, var(--white-color-90)));
    background: linear-gradient(to left, transparent, var(--white-color-90) 85%);
  }
  .home-banners:hover .slick-arrow {
    opacity: 1;
  }
}
@media (max-width: 991px) {
  .home-banners .home-banner .banner-content {
    gap: 1em;
    padding: 1em;
    max-width: calc(50% - 1em);
  }
  .home-banners .home-banner .banner-content .banner-title {
    font-size: 2em;
  }
  .home-banners .home-banner .banner-content .banner-desc {
    font-size: 1.125em;
  }
  .home-banners .home-banner.content-left .banner-content {
    margin-left: 1em;
  }
  .home-banners .home-banner.content-right .banner-content {
    margin-right: 1em;
  }
}
@media (max-width: 767px) {
  .home-banners .home-banner.content-left {
    background-position: 100% 50%;
  }
  .home-banners .home-banner.content-right {
    background-position: 0% 50%;
  }
  .home-banners .home-banner .banner-content {
    max-width: calc(75% - 1em);
    background: var(--white-color-80);
    -webkit-backdrop-filter: blur(5px);
            backdrop-filter: blur(5px);
  }
  .home-banners .home-banner .banner-content .banner-btn {
    font-size: 0.875em;
  }
}
@media (max-width: 575px) {
  .home-banners .home-banner {
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
  }
  .home-banners .home-banner .banner-content {
    max-width: calc(100% - 2em);
    margin-left: 1em;
    margin-right: 1em;
    margin-bottom: 1em;
  }
  .home-banners .slick-dots {
    display: none !important;
  }
}
.similar-products-headline {
  font-size: 2rem;
  margin-bottom: 1em;
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 1em;
}
.similar-products-headline:before, .similar-products-headline:after {
  content: "";
  display: block;
  height: 1px;
  background: var(--gray-color-l-90);
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
}

.home-boxes-wrapper {
  background: var(--gray-color-l-98);
  padding: 4em 0;
  margin-top: 4em;
}

.location-box-wrapper {
  padding: 4em 0 0;
}

.home-boxes {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 1em 1fr 1em 1fr;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 1em;
}
.location-box-wrapper .home-boxes {
  -ms-grid-columns: 1fr;
  grid-template-columns: 1fr;
}
.location-box-wrapper .home-boxes .home-box {
  background: var(--gray-color-l-95);
}
.home-boxes.box-horizontal {
  container: home-box/inline-size;
}
.home-boxes .home-box {
  background: var(--theme-bg);
  color: var(--gray-color-l-31);
  padding: 1.75em;
  text-decoration: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 0.5em;
  color: currentColor;
  -webkit-transform: translateY(0);
          transform: translateY(0);
  -webkit-transition: 300ms ease all;
  transition: 300ms ease all;
  position: relative;
}
.home-boxes .home-box:before {
  content: "";
  display: block;
  background: var(--primary-color);
  inset: auto 0 0 0;
  height: 0.25em;
  position: absolute;
  -webkit-transition: 500ms ease transform;
  transition: 500ms ease transform;
  -webkit-transform: scaleX(0);
          transform: scaleX(0);
  -webkit-transform-origin: right center;
          transform-origin: right center;
}
.home-boxes .home-box br {
  display: none;
}
.home-boxes .home-box i {
  -ms-grid-row: 1;
  -ms-grid-row-span: 2;
  -ms-grid-column: 1;
  font-size: 3em;
  color: var(--primary-color);
  grid-area: box-icon;
}
.home-boxes .home-box .box-title {
  -ms-grid-row: 1;
  -ms-grid-column: 2;
  font-size: 1.375em;
  font-weight: normal;
  line-height: 1.2;
  grid-area: box-title;
}
.home-boxes .home-box .box-desc {
  -ms-grid-row: 2;
  -ms-grid-column: 2;
  font-size: 0.875em;
  grid-area: box-desc;
}
.home-boxes .home-box:hover {
  -webkit-transform: translateY(-3px);
          transform: translateY(-3px);
  -webkit-box-shadow: 0 10px 15px var(--hover-effect-color);
          box-shadow: 0 10px 15px var(--hover-effect-color);
}
.home-boxes .home-box:hover:before {
  -webkit-transform: scaleX(1);
          transform: scaleX(1);
  -webkit-transform-origin: left center;
          transform-origin: left center;
}

@media (max-width: 767px) {
  .home-boxes {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
  }
}
@container home-box (min-width: 550px) {
  .home-boxes .home-box {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 3em auto;
    grid-template-columns: 3em auto;
        grid-template-areas: "box-icon box-title" "box-icon box-desc";
    padding: 2.25em 1.75em;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}
.slick-arrow {
  font-size: 0.675rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0.75em;
  opacity: 0.6;
}
.slick-arrow:before {
  display: none !important;
}
.slick-arrow .slick-next-icon,
.slick-arrow .slick-prev-icon {
  width: 2em;
  height: 1px;
  display: block;
  background: currentColor;
  -webkit-transition: 300ms ease all;
  transition: 300ms ease all;
  opacity: 0.3;
}
.slick-arrow .slick-sr-only {
  display: block;
  font-size: 0;
}
.slick-arrow .slick-sr-only:before {
  font-size: 0.6rem;
  font-family: var(--base-font);
  text-transform: uppercase;
}
.slick-arrow.slick-prev {
  left: 0;
  right: auto;
}
.slick-arrow.slick-prev .slick-sr-only:before {
  content: "Prethodna";
}
.slick-arrow.slick-next {
  right: 0;
  left: auto;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
}
.slick-arrow.slick-next .slick-sr-only:before {
  content: "Sledeća";
}
.slick-arrow:hover {
  opacity: 1;
}
.slick-arrow:hover .slick-next-icon,
.slick-arrow:hover .slick-prev-icon {
  width: 4em;
}

.table-product-compare-header thead tr,
.table-product-compare thead tr {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr;
  grid-template-columns: 1fr;
}
.table-product-compare-header thead tr th,
.table-product-compare thead tr th {
  font-size: 1.5em;
  font-weight: normal;
}
.table-product-compare-header tbody tr,
.table-product-compare tbody tr {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 35% 1fr 1fr 1fr;
  grid-template-columns: 35% 1fr 1fr 1fr;
}
.table-product-compare-header tbody tr td,
.table-product-compare tbody tr td {
  border-bottom: 0 !important;
}
.table-product-compare-header tbody tr td:not(:first-child),
.table-product-compare tbody tr td:not(:first-child) {
  border-left: var(--table-td-border-width) solid var(--table-td-border-color);
}
.table-product-compare-header tbody tr td:first-child,
.table-product-compare tbody tr td:first-child {
  font-weight: bold;
  color: var(--gray-color-l-31);
}
.table-product-compare-header thead th,
.table-product-compare-header tbody td,
.table-product-compare thead th,
.table-product-compare tbody td {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.compare-wrapper {
  position: relative;
}

.table-product-compare-header {
  position: sticky;
  background: var(--theme-bg);
  top: 5.5em;
  border-bottom: 3px solid var(--gray-color-l-90);
}
.table-product-compare-header .tech-product {
  position: relative;
  color: var(--gray-color-l-31);
  container: product-compare/inline-size;
}
.table-product-compare-header .tech-product .product-remove {
  text-decoration: none;
  position: absolute;
  inset: 0.25em 0.25em auto auto;
  border-radius: 50%;
  background: var(--primary-color);
  color: var(--theme-color);
  line-height: 1;
  padding: 0.333em;
  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;
  -webkit-transition: 300ms ease all;
  transition: 300ms ease all;
}
.table-product-compare-header .tech-product .product-remove span {
  display: none;
}
.table-product-compare-header .tech-product .product-remove:after {
  content: "\e90a";
  font-family: whirlpool;
  line-height: inherit;
}
.table-product-compare-header .tech-product .product-remove:hover {
  opacity: 0.5;
}
.table-product-compare-header .tech-product .product-info {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr;
  grid-template-columns: 1fr;
  text-decoration: none;
  color: var(--gray-color-l-31);
  gap: 0.5em;
  -ms-flex-line-pack: center;
      align-content: center;
  justify-items: center;
  text-align: center;
  -webkit-transition: 300ms ease all;
  transition: 300ms ease all;
}
.table-product-compare-header .tech-product .product-info img {
  width: 100%;
  height: 100%;
  max-width: 3em;
  -o-object-fit: contain;
     object-fit: contain;
}
.table-product-compare-header .tech-product .product-info span {
  font-size: 0.875em;
  line-height: 1.2;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 4;
  overflow: hidden;
  text-overflow: ellipsis;
  max-height: 4.8em;
}
.table-product-compare-header .tech-product .product-info:hover {
  color: var(--gray-color-l-10);
}

@container product-compare (min-width: 13em) {
  .table-product-compare-header .tech-product .product-info {
    -ms-grid-columns: 4em 1fr;
    grid-template-columns: 4em 1fr;
    text-align: left;
  }
  .table-product-compare-header .tech-product .product-info img {
    max-width: 4em;
  }
  .table-product-compare-header .tech-product .product-info span {
    -ms-flex-item-align: center;
        -ms-grid-row-align: center;
        align-self: center;
  }
}
@media (max-width: 767px) {
  .table-product-compare-header tbody tr {
    -ms-grid-columns: 1fr 1fr 1fr;
    grid-template-columns: 1fr 1fr 1fr;
  }
  .table-product-compare-header tbody tr td:first-child {
    display: none;
  }
  .table-product-compare-header tbody tr td:nth-child(2) {
    border-left: 0;
  }
  .table-product-compare tbody tr {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 1fr 1fr;
    grid-template-columns: 1fr 1fr 1fr;
    -ms-grid-rows: 1fr 1fr;
    grid-template-rows: 1fr 1fr;
  }
  .table-product-compare tbody tr > *:nth-child(1) {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }
  .table-product-compare tbody tr > *:nth-child(2) {
    -ms-grid-row: 1;
    -ms-grid-column: 2;
  }
  .table-product-compare tbody tr > *:nth-child(3) {
    -ms-grid-row: 1;
    -ms-grid-column: 3;
  }
  .table-product-compare tbody tr > *:nth-child(4) {
    -ms-grid-row: 2;
    -ms-grid-column: 1;
  }
  .table-product-compare tbody tr > *:nth-child(5) {
    -ms-grid-row: 2;
    -ms-grid-column: 2;
  }
  .table-product-compare tbody tr > *:nth-child(6) {
    -ms-grid-row: 2;
    -ms-grid-column: 3;
  }
  .table-product-compare tbody tr td {
    text-align: center;
  }
  .table-product-compare tbody tr td:first-child {
    -ms-grid-column: 1;
    -ms-grid-column-span: 3;
    grid-column: 1/span 3;
    padding-bottom: 0.125em;
  }
  .table-product-compare tbody tr td:not(:first-child) {
    padding-top: 0.125em;
    border-left: 0;
    border-bottom: var(--table-td-border-width) solid var(--table-td-border-color) !important;
  }
}