/** Shopify CDN: Minification failed

Line 2061:0 Unexpected "2.menu__list--title"
Line 2391:52 Expected identifier but found whitespace
Line 2629:3 Unexpected "`"

**/
body{
  position: relative !important;
}
.variant-item-d5{
  display: flex;
  gap: 10px;
  max-width: calc(100% - 80px);
}
.variant-label-d5:has(.variant-mtbg-d5) .product_option-value{
  max-width: calc(100% - 80px);
}

.variant-item-d5 img{
  height: 100%;
  width: 100%;
  object-fit: cover;
}
.variant-mtbg-d5{
  display: flex !important;
  max-width: 75px;
  width: 100% !important;
  position: absolute;
  width: auto;
  height: 100%;
  align-items: center;
  top: 0px;
  right: 0;

}
.variant-mtbg-d5::after{
  width: 100%;
  height: 100%;
  content: '';
  display: block;
  background: var(--bg);
}
.padding-en .variant-mtbg-d5{
  padding: var(--pad);
}
.padding-en .variant-mtbg-d5::after, .padding-en.variant-item-d5 img{
  border-radius: var(--br);
}
.padding-en.variant-item-d5 img, .padding-en .variant-mtbg-d5::after{
  aspect-ratio: 1/1;
  height: auto;
}
.product_related__img {
  display: flex;
}

a.megamenu__parent--link {
  cursor: pointer !important;
  text-decoration: none;
} 

.product_related__img img {
  max-width: 100%;
  width: 100%;
  height: auto;
}

img.comparison_product_icon {
  width: 35px;
  height: 30px;
  object-fit: contain;
}

.related_product_row_item {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
}

.product_related_body_device {
  position: relative;
  margin-bottom: 30px;
}

.related_product_row .related_product_row_item {
  padding-bottom: 45px;
}

.comparison_product_text {
  font-size: 15px;
  letter-spacing: -0.01em;
  margin-top: 10px;
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding: 0 15px;
}

.product_related__title h2 {
  margin: 0px;
  font-size: 14px !important;
  letter-spacing: calc(var(--font-heading-scale) * -0.005em);
  line-height: calc(1 + 0.3 / max(1, var(--font-heading-scale)));
  font-family: var(--font-heading-family);
  text-transform: uppercase;
  text-align: center;
}

.product_related_body_device .product_related__title {
  margin-top: 40px;
}

.product_related_body_device .related_product__price {
  padding-bottom: 10px;
  padding-top: 40px;
  display: flex;
  justify-content: center;
  gap: 10px;
  align-items: center;
  color: rgba(var(--color-foreground), 0.6);
  position: relative;
}

.product_related_body_device:after {
  content: "";
  display: block;
  width: 86%;
  border-bottom: 1px solid rgba(var(--border-color), 0.2);
  margin: 0 auto;
  margin-top: 33px;
  position: absolute;
  bottom: 0;
  left: 7%;
}

.product_related_grid .splide__track--nav > .splide__list > .splide__slide {
  border: 1px solid rgba(var(--border-color), 0.2);
  border-radius: 10px;
  overflow: hidden;
}

.product_related_grid
  .splide__track--nav
  > .splide__list
  > .splide__slide.is-active {
  border: 1px solid rgba(var(--border-color));
}

.product_page_container {
  max-width: calc(100% - 100px);
}

.product_related_inner .product_page_container {
  max-width: 100%;
}

.mixed-media-slider-section .slide {
  min-width: 100%;
}

.mixed-media-slider-section .slider-container {
  max-width: 100%;
  margin: 0 auto;
  position: relative;
}

.mixed-media-slider-section .slider {
  position: relative;
  overflow: hidden;
}

.mixed-media-slider-section .slides {
  display: flex;
  transition: transform 0.5s ease-in-out;
  height: 100%;
}

.mixed-media-slider-section .slide {
  min-width: 100%;
}

.product_related_grid .splide__arrows.splide__arrows--ltr {
  position: absolute;
  right: 0px;
  top: -80px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 10px;
  width: 75px;
  height: 50px;
}

.product_related_inner .section_header h2 {
  max-width: 100%;
  margin-inline: auto;
  margin-block-start: 0;
}

.product_related_grid .splide__arrow--prev {
  left: 0;
}

.product_related_grid .splide__arrow--next {
  right: 0;
}

.banner__grid--media div {
  width: 100%;
  height: 100%;
  display: flex;
}
.banner__grid--media svg {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.banner__grid--media {
  display: flex;
  justify-content: center;
  align-items: center;
}
a.collection__gridv2--overlay:empty {
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  z-index: 1;
}
.banner__grid--box--container {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 10px;
  max-width: 100%;
}
.banner__grid--box {
  position: relative;
}
.banner__grid--details {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 9;
  background: transparent;
  padding: 20px;
  display: flex;
  flex-direction: column;
}
.banner__grid--details * {
  margin: 0;
}

/* .banner__content--inner {
  width: min(400px, 100%);
} */

.banner__content--inner {
  display: flex;
  flex-direction: column;
}

.mixed-media-slider-section .slide img,
.slide video {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.mixed-media-slider-section .controls {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 1rem;
  margin-top: 1rem;
  position: absolute;
  bottom: 28px;
  right: 20px;
  z-index: 2;
}

.mixed-media-slider-section .play-pause {
  background: #fff;
  max-width: 32px;
  max-height: 32px;
  display: flex;
  z-index: 99;
  border: 1px solid #ddd;
  border-radius: 50px;
  width: 32px;
  height: 32px;
  min-width: 32px;
  min-height: 32px;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}
.mixed-media-slider-section .play-pause svg {
  width: 14px;
  height: 14px;
}
.mixed-media-slider-section .play-pause:hover {
  background: #000;
  color: #fff;
}
.mixed-media-slider-section .play-pause:hover svg {
  fill: #fff;
}

.banner__content--inner .banner__text {
  margin: 5px 0 10px;
}

.banner__grid--details.banner__content--top-right {
  align-items: flex-end;
  justify-content: flex-start;
}

.banner__grid--details.banner__content--middle-left {
  align-items: flex-start;
  justify-content: center;
}

.banner__grid--details.banner__content--middle-center {
  align-items: center;
  justify-content: center;
}

.banner__grid--details.banner__content--middle-right {
  align-items: flex-end;
  justify-content: center;
}

.banner__grid--details.banner__content--bottom-left {
  align-items: flex-start;
  justify-content: flex-end;
}

.banner__grid--details.banner__content--bottom-center {
  align-items: center;
  justify-content: flex-end;
}

.banner__grid--details.banner__content--bottom-right {
  align-items: flex-end;
  justify-content: flex-end;
}

.banner__grid--details.banner__content--top-left {
  align-items: flex-start;
  justify-content: flex-start;
}

.banner__grid--details.banner__content--top-center {
  justify-content: flex-start;
  align-items: center;
}
.banner__grid--details.banner__content--bottom-center .banner__content--inner,
.banner__grid--details.banner__content--middle-center .banner__content--inner,
.banner__grid--details.banner__content--top-center .banner__content--inner {
  text-align: center;
  align-items: center;
}

.banner__grid--details.banner__content--bottom-left .banner__content--inner,
.banner__grid--details.banner__content--middle-left .banner__content--inner,
.banner__grid--details.banner__content--top-left .banner__content--inner {
  text-align: left;
  align-items: flex-start;
}

.banner__grid--details.banner__content--bottom-right .banner__content--inner,
.banner__grid--details.banner__content--middle-right .banner__content--inner,
.banner__grid--details.banner__content--top-right .banner__content--inner {
  text-align: right;
  align-items: flex-end;
}

.mixed-media-slider-section .thumbnails {
  display: flex;
  margin-top: 1rem;
  padding: 0.5rem;
  background: rgba(0, 0, 0, 0.1);
  position: absolute;
  z-index: 2;
  left: 50%;
  bottom: 20px;
  transform: translateX(-50%);
}

.mixed-media-slider-section .thumbnail {
  flex: 0 0 auto;
  width: 60px;
  height: 40px;
  cursor: pointer;
  overflow: hidden;
  position: relative;
}
.mixed-media-slider-section .thumbnail img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.mixed-media-slider-section .progress-bar {
  height: 4px;
  background: #ddd;
  margin-top: 1rem;
  position: absolute;
  bottom: 0;
}

.mixed-media-slider-section .progress {
  height: 100%;
  width: 0;
  transition: width 0.1s linear;
}
.banner__grid--media {
  height: 100%;
}
.banner__grid--box {
  height: 100%;
}
.mixed-media-slider-section .progress:empty {
  display: block !important;
  background: var(--progressbar-color);
}

.banner__grid--media div img {
  width: 100%;
  max-width: 100%;
  object-fit: cover;
}

.banner__grid--media .hide__in--desktop {
  display: none;
}

.banner__media.media video {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.banner__video video {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.banner__grid--box {
  position: relative;
}

.banner--desktop-background .banner__content--inner {
  border-radius: 16px;
  box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
  padding: 20px;
}

.mixed-media-slider-section .banner__grid--details {
  padding: 4rem 5rem 10rem;
}

.banner__grid--box::after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: #000;
}

.ar__image--container,
.video__slider--container {
  max-width: 70%;
  width: 100%;
  background: #fff;
  padding: 100px 50px;
  position: relative;
  border-radius: 10px;
  box-shadow: 0 0 16px #0003;
}
.splide__slide__container img {
  display: block !important;
}
.video__slider--container video.video {
  aspect-ratio: 16 / 9;
  overflow: hidden;
  max-width: 100%;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
}
.video__slider--container video.video[poster] {
  height: 100%;
  width: 100%;
  object-fit: cover;
}
.my-carousel-progress {
  background: #ccc;
  margin-top: 20px;
}
.splide__slide__container {
  border-radius: 10px;
  overflow: hidden;
}
.my-carousel-progress-bar {
  background: #5d5d5d;
  height: 2px;
  transition: width 800ms ease;
  width: 0;
}
.splide__video__wrapper div,
.splide__video__wrapper iframe,
.splide__video__wrapper video {
  height: 100%;
  width: 100%;
  object-fit: cover;
}
.splide__slide__container {
  height: 100% !important;
}
.splide__video__wrapper {
  overflow: hidden;
}
.my-carousel-progress-bar:empty {
  display: block;
}
.video__slider--container .splide__slide {
  display: flex;
  flex-direction: column;
  height: 100%;
  justify-content: space-between;
}
.splide__caption--text {
  line-height: 22px;
  font-size: 16px;
  color: #000;
  text-align: left;
  width: 100%;
  padding: 10px 0;
  font-weight: 600;
}
.video__slider--container .splide__list {
  justify-content: space-between;
  align-items: flex-end;
}
span.popup__close--btn:hover svg {
  fill: #fff;
}

span.popup__close--btn:hover {
  background: #000;
  color: #fff;
}
span.popup__close--btn {
  max-width: 28px;
  max-height: 28px;
  display: flex;
  position: absolute;
  z-index: 99;
  right: 50px;
  top: 40px;
  border: 1px solid #ddd;
  border-radius: 50px;
  width: 100%;
  height: 100%;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}
.splide__slide__container img {
  aspect-ratio: 16/9;
  object-fit: cover;
}
span.popup__close--btn svg {
  max-width: 16px;
  height: 16px;
}
.media__contain model-viewer {
  width: 100%;
  margin: 0 auto;
  aspect-ratio: 16 / 9;
  height: 350px;
}
@media (max-width: 749px) {
  .ar__image--container,
  .video__slider--container {
    max-width: 90vw;
    padding: 60px 20px;
  }
  .splide__caption--text {
    line-height: 16px;
    font-size: 12px;
    width: 100%;
  }
  span.popup__close--btn {
    right: 20px;
    top: 20px;
  }
}

.banner__buttons.banner__buttons--multiple {
  justify-content: center;
  width: auto;
  min-width: auto !important;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  margin-inline: auto;
}

@media (max-width: 749px) {
  .banner__grid--media .hide__in--mobile {
    display: none;
  }

  .banner__grid--media .hide__in--desktop {
    display: flex;
  }
  .product_related_grid .splide__arrows.splide__arrows--ltr {
    top: -55px;
    width: 65px;
  }
  /* .banner__buttons.banner__buttons--multiple {
    width: 100%;
  } */
  .banner__buttons.banner__buttons--multiple .button {
    width: 100%;
    padding: 0;
    min-width: 50%;
  }
  .banner__grid--box--container {
    grid-template-columns: 1fr;
  }
  .mixed-media-slider-section .banner__grid--details {
    padding: 2rem 1.15rem 10rem;
  }
  .mixed-media-slider-section .controls {
    right: 1.15rem;
  }
}

.banner__text {
  line-height: normal;
}

/* collection grid  */

.custom__collection--grid--media img {
  max-width: 100%;
  width: 100%;
  object-fit: contain;
  padding: var(--padding);
}

/* .custom__collection--grid--media {
  display: flex;
  aspect-ratio: 16 / 9;
} */

.custom__collection--grid--details {
  text-align: var(--text-style);
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
}

h2.custom__collection--grid--title {
  margin: 10px 0 4px;
  letter-spacing: normal;
}

p.custom__collection--grid--meta-title {
  margin: 0;
}

.custom__collection--price--container {
  font-size: 28px;
}

.custom__collection--grid--prices {
  margin-bottom: 0px;
  margin-top: 10px;
}

.custom__collection--grid--buttons {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 20px;
  width: 100%;
  margin-top: 5px;
}

.custom__collection--grid--buttons .button {
  width: 50%;
  max-width: 100%;
  padding-left: 0;
  padding-right: 0;
}

.custom__collection--grid--container {
  height: 100%;
}

.custom__collection--grid--item {
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.custom__comparison--container {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 15px;
}

.custom__comparison--icon {
  /* margin: 0 auto; */
  display: flex;
  justify-content: center;
  align-items: center;
}

.custom__comparison--text {
  font-size: 14px;
  letter-spacing: normal;
  font-weight: 600;
}

.custom__comparison--icon img {
  max-height: 70px;
  width: auto;
}

.custom__comparison--item {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.gallery__card--media img {
  max-width: 100%;
  width: 100%;
  object-fit: cover;
}

.gallery__card--media {
  display: flex;
  max-width: 100%;
}
.gallery__card--item {
  position: relative;
  border-radius: 20px;
  overflow: hidden;
  margin: 10px 0;
  transition: 0.4s;
  will-change: transform;
}

@media(min-width: 750px){
.gallery__card--item:hover {
  transform: scale(1.016);
  transition: 0.4s;
}
}

.gallery__card--details {
  position: absolute;
  z-index: 9;
  left: 0;
  top: 0;
  width: fit-content;
  height: 100%;
  height: -webkit-fill-available;
  padding: 20px;
  cursor: pointer;
  min-width: 100%;
}

span.gallery__card--showBtn svg {
  width: 14px;
  height: 14px;
  fill: #000;
}

.gallery__card--contents {
  border-radius: 5px;
}

.gallery__card--contents * {
  margin: 0 !important;
  line-height: normal !important;
}
.gallery__card--container button.splide__arrow {
  width: 32px;
  height: 32px;
}
/* .splide__arrows.splide__arrows--ltr {
  bottom: 5px;
  position: absolute;
  right: 0;
} */
.gallery__card--container .splide__arrow svg {
  fill: #000;
  height: 1.2em;
  width: 1.2em;
}
.gallery__card--container .splide__track {
  overflow: visible;
}
span.gallery__card--showBtn {
  position: absolute;
  z-index: 2;
  right: 16px;
  bottom: 16px;
  width: 36px;
  height: 36px;
  rotate: -45deg;
  background: #ffffff;
  border-radius: 50px;
  padding: 4px;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: 0.4s;
}
.gallery__card--container .splide__arrow:disabled {
  display: flex !important;
}
/* .gallery__card--item:hover span.gallery__card--showBtn {
  background: #000;
  transition: 0.4s;
}
.gallery__card--item:hover span.gallery__card--showBtn svg {
  fill: #fff;
} */
.hide__in--desktop {
  display: none;
}

.apple__text--container {
  display: flex;
  justify-content: center;
  align-items: center;
  background: rgb(var(--color-background)) !important;
  border-radius: 28px;
  overflow: hidden;
  padding: 0 20px;
  position: relative;
  transition: 0.4s;
}

a.apple__text--link--overlay {
  display: block !important;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 2;
  width: 100%;
  height: 100%;
}

.apple__text--container:hover {
  scale: 1.02;
  transition: 0.4s;
}

.apple__text--container.image__second {
  flex-direction: row-reverse;
}

.apple__text--media {
  width: 60%;
  display: flex;
  justify-content: center;
  align-items: center;
}

.apple__text--details {
  width: 40%;
  display: flex;
  justify-content: center;
  align-items: center;
}

.apple__text--details a {
  color: rgb(var(--color-button));
  text-decoration: none;
}

.apple__text--media img {
  max-width: 476px;
  margin: 0 auto;
  height: auto;
}

.apple__text--wrapper {
  max-width: 400px;
  padding: 50px 0;
}

.custom__collection--grid--wrapper .custom__comparison--container {
  display: flex;
  /* flex-direction: row;
  flex-wrap: wrap; */
  /* grid-template-columns: repeat(3, 1fr); */
  padding: 10px 20px;
  border-radius: var(--buttons-radius-outset);
  min-height: auto;
  box-shadow: 0 0 2px #00000063;
  margin: 20px 0 0;
  gap: 5px;
}
.custom__collection--grid--wrapper {
  position: relative;
}
a.custom__collection--grid--link {
  display: block !important;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 9;
  width: 100%;
  height: 100%;
}
.custom__collection--grid--wrapper .custom__comparison--item {
  width: 100%;
  text-align: left;
  justify-content: flex-start;
  align-items: center;
  justify-self: flex-start;
  align-self: baseline;
  flex-direction: row;
  gap: 10px;
}

.custom__collection--grid--wrapper .custom__comparison--text {
  line-height: normal;
}

.custom__collection--grid--wrapper .custom__comparison--icon {
  align-items: flex-start;
}
ul#product-grid .grid__item {
  margin-bottom: 40px;
}
.custom__collection--grid--wrapper .custom__comparison--icon img {
  max-height: 40px;
  width: auto;
}

.swiper-slide {
  height: auto !important;
}

.custom__collection--slider--center {
  justify-self: flex-end;
  align-self: flex-end;
  width: 100%;
}

.custom__collection--grid--container:not(.grid__container--card)
  .custom__collection--grid--infos {
  padding: 0 20px;
}

.custom__collection--grid--container:not(.grid__container--card)
  .custom__collection--grid--buttons {
  padding: 0 20px 20px;
}

.grid__container--card.custom__collection--grid--container {
  padding: 20px;
  border-radius: var(--corner-radius);
}

.grid__container--card.custom__collection--grid--container {
  border: var(--card-border-thickness) solid
    rgba(0, 0, 0, var(--card-border-opacity));
  box-shadow: var(--card-shadow-horizontal) var(--card-shadow-vertical)
    var(--card-shadow-blur) rgba(0, 0, 0, var(--card-shadow-opacity));
}
.custom__collection--grid--variants {
  position: relative;
  z-index: 999;
  margin: 15px 0 0;
}
.custom__collection--grid--variants .metaf-data {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0px;
  padding: 0;
  flex-wrap: wrap;
}

.custom__collection--grid--variants .metaf-data li img {
  max-width: 40px;
  height: 40px;
  object-fit: cover;
  border-radius: 4px;
}
.custom__collection--grid--variants .metaf-data li:hover .tooltip {
  opacity: 1;
  visibility: visible;
  transition: opacity 0.1s linear, top 0.1s linear;
  top: -30px;
}
.custom__collection--grid--variants .metaf-data li span {
  display: flex;
}

.custom__collection--grid--variants .metaf-data li {
  list-style: none;
  position: relative;
  cursor: pointer;
  margin: 0 5px;
}

.custom__collection--grid--variants .metaf-data .tooltip {
  font-size: 10px;
  line-height: normal;
  text-align: center;
  position: absolute;
  left: 50%;
  top: 0px;
  transform: translateX(-50%);
  background: #000;
  border-radius: 5px;
  color: #fff;
  padding: 5px;
  opacity: 0;
  visibility: hidden;
  transition: all 0.3s linear;
  width: max-content;
} 


.custom__collection--grid--variants .metaf-data .tooltip:after {
  content: "";
  position: absolute;
  width: 10px;
  height: 6px;
  background: #000;
  bottom: -5px;
  left: 50%;
  transform: translateX(-50%);
  clip-path: polygon(100% 0, 50% 100%, 0 0);
}

.custom__collection--grid--container {
  scale: 1;
  transition: scale 0.1s;
}

.custom__collection--grid--container:hover {
  scale: 1.01;
  transition: scale 0.3s;
}

.collection__slider--headings {
  margin-bottom: 30px;
}

.collection__slide--section-heading {
  font-size: var(--heading-font);
  font-weight: var(--heading-weight);
  line-height: normal;
  margin: 0;
}
.collection__slide--section-heading .gradient {
  background: var(--gradient);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.collection__slide--section-heading .offlight {
  color: var(--color);
}

.significant__items--wrapper {
  padding: 40px 90px;
}
.significant__text--headings {
  margin-bottom: 80px;
}
.significant__media--item img {
  max-width: 100%;
  width: 100%;
  object-fit: contain;
}

.significant__media--item {
  display: flex;
  max-width: 100%;
  width: 100%;
}

.significant__items--media {
  display: none;
}
.significant__items--item{
  padding: 28px 0;
  border-bottom: 1px solid rgb(210, 210, 215);
  color: rgb(29, 29, 31);
}
.significant__items--item:last-child{
  border: none;
}
.significant__item--content{
  padding-top: 20px;
}
.significant__item--content {
  display: none;
}
/* .significant__item--content.active {
  display: block;
} */
.significant__items--media.active {
  display: block;
}
.significant__item--header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 20px;
  padding: 0 0;
  font-size: 28px;
  line-height: 1.1428571429;
  font-weight: 600;
  cursor: pointer;
}
.significant__item--header.active {
  cursor: context-menu;
}
.significant__item--header svg {
  /* rotate: 90deg; */
  max-width: 28px;
  fill: rgb(var(--color-foreground));
  transition: rotate 0.3s;
  opacity: .7;
}
.significant__item--header.active svg {
  rotate: 180deg;
  transition: rotate 0.3s;
}
.hide__in--dekstop {
  display: none;
}
.hide__in--mobile {
  display: block;
}
.significant__items--container {
  display: grid;
  grid-template-columns: calc(350px + 90px * 2) 1fr;
  justify-content: space-between;
  align-items: center;
  overflow: hidden;
  /* min-height: 784px; */
  border-radius: 20px;
}

@media (max-width: 749px) {
  .collection__slider--headings {
    margin-bottom: 15px;
  }
  .collection__slide--section-heading {
    font-size: var(--heading-size-m, 2.8rem);;
  }
  .hide__in--mobile {
    display: none;
  }
  .hide__in--desktop {
    display: block;
  }
  .apple__text--media,
  .apple__text--details {
    width: 100%;
    text-align: center;
  }
  .apple__text--container {
    flex-direction: column-reverse !important;
  }
  .gallery__card--container button.splide__arrow {
    width: 30px;
    height: 30px;
  }
  .significant__text--headings {
    margin-bottom: 30px;
  }
  .hide__in--dekstop {
    display: block;
  }
  .hide__in--mobile {
    display: none;
  }
  .significant__items--container {
    grid-template-columns: 1fr;
  }
  .significant__items--wrapper {
    padding: 51px 25px;
    border-radius: 10px;
  }
  .significant__item--media.hide__in--dekstop {
    margin: 20px 0;
  }
  .significant__items--item{
    padding: 21px 0;
  }
  .significant__item--header svg{
    max-width: 21px;
  }
}
.apple__text--container.animate--hover-3d-lift:hover,
.splide__slide.animate--hover-3d-lift:hover,
.custom__collection--grid--container.animate--hover-3d-lift:hover,
.gallery__card--item.animate--hover-3d-lift:hover,
.custom__collection--grid--container.animate--hover-3d-lift:hover {
  transform-origin: center;
  transition: transform var(--duration-extended) ease,
    box-shadow var(--duration-long) ease;
  transform: rotate(1deg);
  box-shadow: -1rem -1rem 1rem -1rem rgba(0, 0, 0, 0.05),
    1rem 1rem 1rem -1rem rgba(0, 0, 0, 0.05),
    0 0 0.5rem 0 rgba(255, 255, 255, 0), 0 2rem 3.5rem -2rem rgba(0, 0, 0, 0.5);
}

.apple__text--container.animate--hover-vertical-lift,
.splide__slide.animate--hover-vertical-lift,
.custom__collection--grid--container.animate--hover-vertical-lift,
.gallery__card--item.animate--hover-vertical-lift,
.custom__collection--grid--container.animate--hover-vertical-lift {
  transition: transform var(--duration-medium) var(--ease-out-slow);
}

/* .apple__text--container.animate--hover-vertical-lift:hover,
.splide__slide.animate--hover-vertical-lift:hover,
.custom__collection--grid--container.animate--hover-vertical-lift:hover,
.gallery__card--item.animate--hover-vertical-lift:hover,
.custom__collection--grid--container.animate--hover-vertical-lift:hover {
  transform: translateY(-0.75rem);
} */

.video-container {
  position: relative;
  width: 100%;
  overflow: hidden;
  border-radius: 20px;
}

#myVideo {
  width: 100%;
  height: auto;
  display: block;
}

.play-pause-btn {
  position: absolute;
  bottom: 20px;
  right: 20px;
  background-color: white;
  border: none;
  border-radius: 50%;
  width: 28px;
  height: 28px;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
}

.play-pause-btn svg {
  width: 20px;
  height: 20px;
}
.icon.icon-pause,
.icon.icon-play {
  display: none;
}
.icon.icon-pause.active,
.icon.icon-play.active {
  display: block;
}
.video-container video {
  width: 100%;
  object-fit: cover;
}

.video-container {
  display: flex;
  width: 100%;
  height: 100%;
}
.cs__page--width .video-container {
  /* animation: appear linear;
  animation-timeline: view();
  animation-range: entry 0% cover 50%; */
  overflow: hidden;
}
.video__banner--header {
  gap: 20px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: 0 0 20px;
}
@keyframes appear {
  from {
    scale: 0.8;
    border-radius: 5px;
  }
  to {
    scale: 1;
    border-radius: 30px;
  }
}
@media (max-width: 749px) {
  @keyframes appear {
    from {
      scale: 0.8;
      border-radius: 5px;
    }
    to {
      scale: 1;
      border-radius: 15px;
    }
  }
  .video__banner--header {
    flex-direction: column;
    gap: 0;
    align-items: flex-start;
  }
}

.custom__collection--grid--container {
  background-color: #fff;
  border-radius: 18px;
  box-shadow: 2px 4px 12px #00000014;
  display: flex;
  flex-direction: column;
  height: auto;
  justify-content: space-between;
  overflow: hidden;
  position: relative;
  transition: all 0.3s cubic-bezier(0, 0, 0.5, 1);
  white-space: normal;
  height: 100%;
}
.custom__collection--slider--details {
  /* padding-bottom: 16px; */
  padding-top: 20px;
  margin: 0;
  padding-inline: 20px;
}
.custom__collection--slider--title {
  letter-spacing: 0.007em;
  line-height: 1.1428571429;
  margin: 0 0 9px;
}
span.custom__collection--slider-label {
  letter-spacing: -0.01em;
  line-height: 1.3333733333;
  margin-bottom: 8px;
  text-transform: uppercase;
  display: flex;
  gap: 10px;
}

img.custom__collection--slider--image {
  width: 100%;
  margin: 0 auto;
  object-fit: contain;
  aspect-ratio: 16 / 9;
}

.custom__collection--slider--media {
  flex: 1;
  aspect-ratio: 16 / 9;
}

.custom__collection--slider--wrapper {
  display: flex;
  flex-direction: column;
}
span.custom__collection--slider-label {
  min-height: 17px;
}

.custom__collection--slider--buttons {
  box-sizing: border-box;
  width: 100%;
  display: flex;
  justify-content: flex-end;
  padding: 0 20px 20px;
  margin-top: 30px;
  position: relative;
  z-index: 999;
  align-items: center;
  flex-direction: column;
}
.custom__collection--slider--button {
  box-sizing: border-box;
  width: 100%;
  display: flex;
  justify-content: space-between;
  margin-bottom: 10px;
  position: relative;
  align-items: center;
}
.custom__collection--price--slider {
  inset-inline-start: 0;
  letter-spacing: -0.016em;
  line-height: 1.2857742857;
}

.custom__collection--slider--prices {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}

.collection__slider--container .splide__arrow:disabled {
  display: none !important;
}
.collection__slider--container .splide__slide {
  max-width: 100%;
  transition: 0.3s;
}
@media(min-width: 750px){
.collection__slider--container .splide__slide:hover {
  scale: 1.02;
  transition: 0.3s;
}
#product-grid .grid__item:hover {
  scale: 1.02;
  transition: 0.3s;
}
}
.custom__collection--slider--item {
  position: relative;
  display: flex;
  flex-direction: column;
  height: 100%;
}
.custom__collection--slider--wrapper {
  display: grid;
  justify-content: space-between;
  height: 100%;
}
.custom__collection--slider--center {
  justify-self: flex-end;
  align-self: flex-end;
}

.variant__card--option {
  display: flex;
  flex-direction: column;
  gap: 0;
  line-height: normal;
  padding: 0 5px;
}

.variant__card--option--wrapper {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  padding: 5px 0;
  border: 1px solid #ddd;
  border-radius: 4px;
  background: transparent;
}

.variant__card--option b {
  font-size: 12px;
  text-align: left;
}

.variant__card--option span {
  font-size: 10px;
  text-align: left;
}

button.button--bordered.choose_model_section {
  border: none;
  background: transparent;
  border-bottom: 1px solid rgb(var(--color-link));
  padding: 0;
  color: rgb(var(--color-link));
  margin: 10px 0 10px 10px;
  cursor: pointer;
}

.button__groups--container {
  display: flex;
  gap: 5px;
  justify-content: flex-end;
  align-items: center;
}

.button__groups--container .quick-add__submit {
  padding: 0.8rem 2rem;
}

.header__menu-item.list-menu__item {
  display: flex;
  justify-content: center;
  align-items: center;
  line-height: normal;
  height: 100%;
}

.mega-menu__link.mega-menu__link--level-2.link {
  font-size: 12px;
  line-height: 1.3333733333;
  font-weight: 400;
  letter-spacing: -0.01em;
  color: #6e6e73;
  display: block;
  padding-left: 0;
  padding-right: 0;
  margin-bottom: 10px;
  pointer-events: none;
}

.mega-menu__content .desktop-localization-wrapper h3 {
  margin: 0;
}

.mega-menu__content .desktop-localization-wrapper {
  justify-content: flex-start;
  flex-direction: column;
  gap: 0;
}

.mega-menu__link.link {
  display: inline-block;
  padding: 7px 11px 7px 0px;
  margin-bottom: -6px;
  color: #333336;
  text-decoration: none;
  transition: color 0.32s cubic-bezier(0.4, 0, 0.6, 1);
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.mega-menu__link.link:hover {
  color: #000000;
  transition: color 0.32s cubic-bezier(0.4, 0, 0.6, 1);
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

.menu__item--explore {
  font-size: 24px;
  line-height: 1.1666666667;
  font-weight: 600;
  letter-spacing: 0.009em;
}
span.link__with--image img {
  height: 18px;
  width: auto;
}
.menu__item--explore span.link__with--image {
  padding-left: 40px;
}

.menu__item--explore span.link__with--image img {
  height: 28px;
  width: auto;
}

.mega-menu .header__menu-item.list-menu__item a {
  color: #000;
  text-decoration: none;
}

.scrolled-past-header
  sticky-header.header-wrapper.gradient.header-wrapper--border-bottom {
  background: rgba(var(--color-background), 60%);
  box-shadow: 0 4px 30px #0000001a;
  -webkit-backdrop-filter: blur(20px);
  backdrop-filter: blur(20px);
}

/* .mega-menu__content--blurry {
  content: "";
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  transform: scale(1);
  visibility: visible;
  transition: opacity 1s cubic-bezier(0.4, 0, 0.6, 1);
  z-index: -2;
  background-color: #f5f5f74d;
  -webkit-backdrop-filter: blur(24px);
  backdrop-filter: blur(24px);
  position: fixed;
  display: block !important;
} */
 
.mega-menu__content:before {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  background: #ffffff;
  z-index: -1;
}

ul.list-menu.list-menu--inline li {
  flex-grow: 1;
}

.link__with--image--level-2 {
  display: flex;
  flex-direction: column;
  gap: 5px;
}

.wg-drop.country-selector .wgcurrent a {
  padding-right: 0px !important;
  border: none !important;
}

.wg-drop.country-selector .wgcurrent:after {
  right: 0px !important;
  content: none !important;
  background-image: none !important;
  width: 0 !important;
}

.wg-drop.country-selector .wgcurrent {
  border: none !important;
}

a.megamenu__parent--link {
  font-size: var(--mgt) !important;
  font-weight: var(--mgw) !important;
  color: #000;
}

.wg-drop.country-selector a {
  height: 42px !important;
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  padding: 0 !important;
}
header .wg-flags a img.wg-flag {
  width: var(--icon-width) !important;
  height: var(--icon-width) !important;
}
.header__icons svg {
  width: var(--icon-width) !important;
}

svg.tds-icon.tds-icon-globe {
  width: var(--icon-width) !important;
  fill: #000;
}

a.megamenu__parent--link span {
  display: flex;
  justify-content: center;
  align-items: center;
}

a.megamenu__parent--link {
  display: flex;
  justify-content: center;
  align-items: center;
}

@media (max-width: 1149px) {
  summary.header__icon.header__icon--menu span {
    display: flex;
    justify-content: flex-end;
    align-items: center;
  }
  .header__icon--cart {
    margin-right: 0;
  }
}

.utilities__heading--details {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}

.utility__item--icon {
  max-width: 40px;
  width: 100%;
  display: flex;
  height: 40px;
}

.utility__item--container {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 10px;
}

h3.utility__item--title {
  margin: 0;
  line-height: normal;
  font-size: var(--title-font);
  font-weight: var(--title-weight);
}

.utility__item--icon img {
  width: 100%;
  height: 100%;
  border-radius: 50px;
  object-fit: cover;
}

.utilities__items--wrapper {
  display: flex;
  flex-direction: column;
  gap: 10px;
  width: 35%;
  max-width: 430px;
}

a.utility__item--link svg {
  max-width: var(--link-font);
  rotate: 45deg;
  fill: rgb(var(--color-link));
}

a.utility__item--link {
  display: flex;
  justify-content: flex-start;
  align-items: flex-end;
  line-height: normal;
  text-decoration: none;
  color: rgb(var(--color-link));
  font-size: var(--link-font);
  font-weight: var(--link-weight);
}

.grid__item--icon {
  display: flex;
}

.grid__item--details {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}

.grid__items--inner * {
  margin: 0;
  line-height: normal;
}

a.grid__item--link {
  display: block !important;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
}

.grid__items--inner {
  padding: 20px;
}

.grid--slider--wrapper {
  margin-bottom: 25px;
}

.grid__item--container {
  height: 100%;
}

.grid__item--container .grid__item--icon img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.grid__item--icon {
  width: 100%;
  height: 100%;
}

.splide__arrow:disabled {
  display: none;
}

.grid__item--container--two {
  display: grid;
  grid-template-columns: 1fr;
  gap: 20px;
  height: 100%;
}

.grid__item--wrapper-icon {
  display: flex;
  max-width: 90px;
  width: 100%;
}

.grid__item--wrapper {
  border-radius: 15px;
  padding: 10px;
  display: flex;
  flex-direction: column;
  position: relative;
}

.grid__item--container--four {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 20px;
  height: 100%;
}

.grid__item--wrapper-details .grid__items--inner {
  padding: 0;
}

.grid__item--container {
  position: relative;
  border-radius: 20px;
  overflow: hidden;
}

.grid__item--wrapper:hover,
.grid__item--container:hover {
  box-shadow: 2px 4px 16px #00000029;
  transform: scale3d(1.01, 1.01, 1.01);
}

.grid__item--wrapper,
.grid__item--container {
  box-shadow: 2px 4px 12px #00000014;
  transition: all 0.3s cubic-bezier(0, 0, 0.5, 1);
}

.grid__item--label {
  font-size: var(--label-font);
  font-weight: var(--label-weight);
}

.grid__item--title {
  font-size: var(--title-font);
  font-weight: var(--title-weight);
}

.grid__item--text {
  font-size: var(--text-font);
  font-weight: var(--text-weight);
}

.grid__items--inner {
  display: flex;
  flex-direction: column;
  gap: 5px;
}

@media (max-width: 749px) {
  .utilities__heading--details {
    flex-direction: column;
    gap: 20px;
  }
}

.accordion.cust_faqs {
  margin-bottom: 100px;
}

.faq_bar .group_heading h2 {
  font-size: var(--heading-font);
  font-weight: var(--heading-weight);
  letter-spacing: 0px;
}

.faq_bar .acc .description {
  display: none;
  padding: 0 16px;
  color: #000;
  font-size: var(--des-font);
  font-weight: var(--des-weight);
}

.cust_faqs .heading {
  border-bottom: 1px solid #e7e7e7;
  cursor: pointer;
  position: relative;
  display: flex;
  justify-content: space-between;
  padding: 0;
  align-items: center;
  margin-bottom: 10px;
}

.cust_faqs .heading .title {
  text-transform: capitalize;
  margin: 0;
  padding: 10px 10px;
  font-size: var(--tab-font);
  font-weight: var(--tab-weight);
}

.cust_faqs .heading .cust_link_icon {
  width: 44px;
  height: 44px;
  background-color: rgb(var(--color-button));
  color: rgb(var(--color-button-text));
  position: relative;
  display: block;
}

.cust_link_icon:before {
  width: 15px;
  height: 2px;
}

.cust_link_icon:after {
  width: 2px;
  height: 15px;
}

.cust_link_icon:after,
.cust_link_icon:before {
  position: absolute;
  content: "";
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%) rotate(-90deg);
  transform: translate(-50%, -50%) rotate(-90deg);
  background-color: rgb(var(--color-button-text));
  transition: transform 0.35s ease-in-out, opacity 0.35s ease-in-out,
    -webkit-transform 0.35s ease-in-out;
}

.cust_faqs .heading.active .cust_link_icon:before {
  -webkit-transform: translate(-50%, -50%) rotate(-4deg);
  transform: translate(-50%, -50%) rotate(-4deg);
}

.footer-block__heading--svg {
  display: none;
}
@media (max-width: 749px) {
  .information-tiles-section__copy p {
    margin: 16px 0 35px;
  }

  .spinner-txt-img .img-content svg {
    top: 160px;
  }

  .quote-logo-scroller .quotation-scroller__stepper {
    justify-content: flex-start;
  }

  .do-anything__content-mobile-tablet h1 {
    top: -40px;
    margin: 0;
  }

  h2.footer-block__heading.inline-richtext {
    position: relative;
    border-bottom: 1px solid #ddd;
    padding-bottom: 10px;
    margin: 0 !important;
    cursor: pointer;
    display: flex;
    justify-content: space-between;
    align-items: center;
  }

  .footer-block__heading--svg {
    display: flex;
    transition: rotate 0.3s ease;
  }

  h2.footer-block__heading.inline-richtext.active .footer-block__heading--svg {
    rotate: -180deg;
  }

  ul.footer-block__details-content {
    height: 0;
    overflow: hidden;
    visibility: hidden;
    opacity: 0;
    transition: height 0.3s linear, opacity 0.3s linear, visibility 0.3s linear;
    margin: 0 !important;
  }

  ul.footer-block__details-content.active {
    visibility: visible;
    opacity: 1;
    transition: height 0.3s linear, opacity 0.3s linear, visibility 0.3s linear;
  }
  .header__icons {
    gap: 0;
  }
}

@media (max-width: 576px) {
  .section__faq_container .collapsible-header {
    padding: 16px 0;
  }
  .section__faq_container .collapsible__items {
    padding: 0px;
  }
  .section__faq_container .collapsible__item.last_item {
    border-bottom: none;
  }
}

.menu__list--items .mega-menu__link.link {
  color: rgb(var(--color-foreground)) !important;
}

.menu__list--items {
  display: flex;
  flex-direction: column;
  padding: 1rem 0;
  gap: 16px;
}

.menu__list--container {
  display: flex;
  gap: 4rem;
}

.menu__list--items a {
  text-decoration: none;
}

2.menu__list--title {
  opacity: 0.75;
  letter-spacing: 0.8px;
}

.button.button--secondary.no_background {
  background: transparent !important;
}

.contact__details--top {
  font-size: 30px;
  text-align: center;
  font-weight: 600;
}

.cs__popup--contact-details {
  display: flex;
  justify-content: center;
  align-items: stretch;
  flex-wrap: wrap;
  margin: 2rem 0 2rem;
}

.contact__details--item {
  width: calc(33.33% - 20px);
  border-radius: 16px;
  background: #efefef;
  padding: 20px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  margin: 0 10px;
  position: relative;
}

.contact__details--text {
  font-size: 16px;
  font-weight: 600;
}

.contact__details--bottom {
  font-size: 18px;
  text-align: center;
  font-weight: 600;
}

a.contact__details--link {
  display: block !important;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
}

.box.prd_popup_btn {
  cursor: pointer;
}

.contact__details--item.item--chat {
  cursor: pointer;
}

button#chat-toggle img {
  max-width: 24px;
  width: 100%;
}


/* Chat box */
#chat-box {
  position: relative;
  background: white;
  border-radius: 8px;
  overflow: hidden;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.2);
  z-index: 9999;
  padding-top: 50px;
}

/* Close button */
#close-chat {
  position: absolute;
  top: 10px;
  right: 10px;
  border: none;
  border-radius: 50%;
  width: 30px;
  height: 30px;
  font-size: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #ffffff;
  box-shadow: 5px 10px 10px rgb(0 0 0 / 10%);
  cursor: pointer;
  border: 1px solid #ddd;
}

/* Overlay */
#chat-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  background-color: #f5f5f74d;
  display: none;
  z-index: 1000;
  transform: scale(1);
  visibility: visible;
  opacity: 1;
  z-index: 1111;
  transition: opacity 1s cubic-bezier(0.4, 0, 0.6, 1);
  backdrop-filter: blur(24px);
  -webkit-backdrop-filter: blur(24px);
}

.footer .country-selector {
  padding: 20px;
  width: 100% !important;
  min-width: 250px;
}

.footer .country-filter {
  margin-left: 0;
  width: 100%;
  padding: 0;
}

.footer .country-filter__input {
  min-width: 100%;
}

.mega-menu__content .disclosure__list-wrapper {
  top: 100%;
  bottom: auto;
}

.mega-menu__content .country-selector {
  padding: 20px;
  width: 100% !important;
  min-width: 250px;
}

.mega-menu__content .country-filter {
  margin-left: 0;
  width: 100%;
  padding: 0;
}

.mega-menu__content .country-filter__input {
  min-width: 100%;
}

.menu__utility--container {
  display: grid;
  grid-template-columns: repeat(1, 1fr);
  gap: 1rem;
  align-items: stretch;
  justify-content: stretch;
}
/* .menu__utility--item * {
  transform: none !important;
  backdrop-filter: none !important;
  filter: none !important;
} */
.menu__utility--item{
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}
h2.menu__utility--title {
  margin: 0;
}

h2.menu__utility--title {
  font-size: 1.4rem;
  color: rgb(var(--color-foreground));
}

.menu__utility--item .localization-form__select {
  padding-left: 0 !important;
  line-height: normal !important;
  height: fit-content !important;
}

.menu__utility--item .language__switcher--globe-icon {
  margin: 0 !important;
  padding: 0 !important;
}

.header-localization:not(.menu-drawer__localization)
  .menu__utility--item
  .disclosure__list-wrapper {
  top: auto !important;
  right: 0 !important;
  height: 40vh !important;
  bottom: 2rem !important;
  padding-bottom: 4rem !important;
  box-shadow: 0 -2px 10px #0000001a;
}

.menu__utility--item .disclosure__list-wrapper.country-selector {
  position: fixed;
  bottom: -1rem;
  left: 0;
  width: 100%;
  height: 100%;
  max-height: 40vh !important;
  border-radius: 0;
  border: none;
  box-shadow: none;
  z-index: 4;
  min-width: 300px;
  z-index: 9999;
}

.menu__utility--item .svg-wrapper {
  height: 2rem;
  width: 2rem;
  margin-right: 1rem;
}
.promo__slider--details,
.auto__slider--details {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: var(--content-position);
  width: 100%;
}
.promo__slider--media,
.auto__slider--media {
  display: flex;
  height: 100%;
}
.promo__slider--right,
.auto__slider--right {
  display: flex;
}
.promo__slider--left,
.auto__slider--left {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.promo__slider--details--wrapper {
  display: flex;
  justify-content: space-between;
  align-items: center;
  max-width: 100%;
  padding: 1rem;
  width: 100%;
  background: transparent;
}
.auto__slider--details--wrapper {
  display: flex;
  /* justify-content: space-between; */
  gap: 20px;
  align-items: center;
  max-width: 100%;
  padding: 0 48px 40px;
  width: 100%;
  background: linear-gradient(0deg, #00000033, transparent) !important;
}

.auto__slider--item {
  margin: 0 5px;
  position: relative;
  height: 100%;
}
.auto__slider--container .splide__slide {
  width: var(--width-desktop) !important;
  height: var(--height-desktop) !important;
}
.auto__slider--item {
  width: calc(var(--width-desktop) - 10px);
  height:100%;
  margin: 0 5px;
}
.promo__slider--item {
  position: relative;
  width: var(--width-desktop);
  height: var(--height-desktop);
}

.promo__slider--container .splide__slide {
  width: var(--width-desktop) !important;
  height: var(--height-desktop) !important;
  margin: 0 5px;
}

.auto__slider--details--wrapper {
  visibility: hidden;
  transform: translateY(20%);
  opacity: 0;
  transition: all 0.6s;
  background: transparent;
}

.splide__slide.is-active .auto__slider--details--wrapper {
  visibility: visible;
  transform: translateY(0%);
  opacity: 1;
  transition: all 0.6s;
}
.promo__slider--item .slider__image,
.promo__slider--item video,
.auto__slider--item .slider__image,
.auto__slider--item video {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center center;
  position: absolute;
}

.auto__slider--container .splide__arrow--next {
  right: 1rem;
  background: #fff;
}

.auto__slider--container .splide__arrow--prev {
  left: 1rem;
  background: #fff;
}
.promo__slider--container .promo__slider--right img.
.auto__slider--container .auto__slider--right img {
  width: 100%;
  height: auto;
}
.promo__slider--container .promo__slider--text {
  line-height: normal;
  margin: 0;
  padding: 00px;
  max-width: 100%;
}
.auto__slider--container .auto__slider--text {
  line-height: normal;
  margin: 0;
  padding: 0 20px;
  max-width: 100%;
}

.promo__slider--background-overlay {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 9;
  background: rgba(0,0,0,40%);
  transition: 0.4s;
  visibility: hidden;
  opacity: 0;
  text-decoration: none;
}

.auto__slider--overlay-link {
  display: block !important;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 99;
}

.promo__slider--background-overlay .button {
  visibility: hidden;
  transform: translateY(30%);
  opacity: 0;
  transition: all 0.4s;
}

.promo__slider--item:hover .promo__slider--background-overlay {
  visibility: visible;
  opacity: 1;
  transition: all 0.4s;
}

.promo__slider--item:hover .promo__slider--background-overlay .button {
  visibility: visible;
  transform: translateY(0%);
  opacity: 1;
  transition: all 0.4s;
}

@media (max-width: 749px) {
  .auto__slider--details--wrapper {
    flex-direction: column-reverse;
    height: 100%;
    justify-content: flex-start;
  }
  .auto__slider--left {
    flex-direction: column-reverse;
    gap: 10px;
  }
  .auto__slider--text {
    text-align: center;
  }
  .auto__slider--container .splide__slide {
    width: var(--width-mobile) !important;
    height: var(--height-mobile) !important;
  }
  .auto__slider--item {
    width: calc(var(--width-mobile) - 10px);
  }
  .promo__slider--item {
    width: var(--width-mobile);
    height: var(--height-mobile);
  }
  
  .promo__slider--container .splide__slide {
    width: var(--width-mobile) !important;
    height: var(--height-mobile) !important;
  }
  .banner__grid--details.banner__content--top-right-m {
    align-items: flex-end;
    justify-content: flex-start;
  }
  
  .banner__grid--details.banner__content--middle-left-m {
    align-items: flex-start;
    justify-content: center;
  }
  
  .banner__grid--details.banner__content--middle-center-m {
    align-items: center;
    justify-content: center;
  }
  
  .banner__grid--details.banner__content--middle-right-m {
    align-items: flex-end;
    justify-content: center;
  }
  
  .banner__grid--details.banner__content--bottom-left-m {
    align-items: flex-start;
    justify-content: flex-end;
  }
  
  .banner__grid--details.banner__content--bottom-center-m {
    align-items: center;
    justify-content: flex-end;
  }
  
  .banner__grid--details.banner__content--bottom-right-m {
    align-items: flex-end;
    justify-content: flex-end;
  }
  
  .banner__grid--details.banner__content--top-left-m {
    align-items: flex-start;
    justify-content: flex-start;
  }
  
  .banner__grid--details.banner__content--top-center-m {
    justify-content: flex-start;
    align-items: center;
  }
  .banner__grid--details.banner__content--bottom-center-m .banner__content--inner,
  .banner__grid--details.banner__content--middle-center-m .banner__content--inner,
  .banner__grid--details.banner__content--top-center-m .banner__content--inner {
    text-align: center;
    align-items: center;
  }
  
  .banner__grid--details.banner__content--bottom-left-m .banner__content--inner,
  .banner__grid--details.banner__content--middle-left-m .banner__content--inner,
  .banner__grid--details.banner__content--top-left-m .banner__content--inner {
    text-align: left;
    align-items: flex-start;
  }
  
  .banner__grid--details.banner__content--bottom-right-m .banner__content--inner,
  .banner__grid--details.banner__content--middle-right-m .banner__content--inner,
  .banner__grid--details.banner__content--top-right-m .banner__content--inner {
    text-align: right;
    align-items: flex-end;
  }
  .auto__slider--details--wrapper {
    padding: 0 15px 30px;
  }
}

a.list-menu__drawer--overlay {
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 5;
}

.banner__content {
  width: 100%;
}

.cs__sticky--atc {
  position: fixed;
  background: #ddd;
  padding: 20px;
  right: 0px;
  bottom: 0px;
  z-index: 99;
  width: 100%;
  background-color: #f5f5f74d;
  backdrop-filter: blur(24px);
  -webkit-backdrop-filter: blur(24px);
  box-shadow: 0 0 16px #0003;
}

.cs__sticky--atc {
  display: none;
}

.cs__sticky--atc.active {
  display: block;
}

.cs__sticky--container {
  display: grid;
  grid-template-columns: 1fr 300px;
  gap: 30px;
  align-items: center;
}

.cs__sticky--buttons {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  flex-direction: column;
  gap: 5px;
}

.cs__sticky--buttons .product-form__submit {
  margin: 0;
  width: 100%;
  min-width: 100%;
}

.cs__sticky--price .product__tax {
  margin-top: 0px;
}

.cs__sticky--buttons .product__inventory {
  margin: 0;
}

.cs__variant--sku,
.cs__variant--title {
  font-weight: normal;
}

@media (max-width: 640px) {
  .cs__sticky--container {
    grid-template-columns: 1fr;
    gap: 10px;
    flex-direction: column;
  }`
}

.humberger--bar {
  width: 18px;
  height: 1.56px;
  background-color: #000000;
  display: block;
  transition: transform 0.3s ease-in-out;
}

.menu__drawer--trigger {
  display: none;
}

.menu__drawer--humberger {
  cursor: pointer;
  display: none;
}

.menu__drawer--container {
  display: none;
}

.menu__drawer--children-container.active button svg {
  width: 56px !important;
  height: 56px !important;
}

@media (max-width: 1149px) {
  .menu__drawer--humberger {
    display: block;
    position: relative;
    z-index: 999;
    width: 18px;
    height: 18px;
    display: flex;
    flex-direction: column;
    justify-content: space-evenly;
  }
  /* .menu__drawer--humberger.active{
    justify-content: center;
  } */
  .menu__drawer--humberger.active .humberger--bar:nth-child(1){
    transform: rotate(45deg) translateY(5px);
  }
  .menu__drawer--humberger.active .humberger--bar:nth-child(2){
    transform: rotate(-45deg) translateY(-5px);
  }
  /* .menu__drawer--humberger.active .humberger--bar:nth-child(1) {
    transform: translateY(0) rotate(0deg);
    animation: anim1 0.4s ease forwards;
  }
  .menu__drawer--humberger.active .humberger--bar:nth-child(2) {
    transform: translateY(0) rotate(0deg);
    animation: anim2 0.4s ease forwards;
  }
  .menu__drawer--humberger.active .humberger--bar:nth-child(2) {
    margin-top: 11.5px;
  }
  .menu__drawer--humberger.active .humberger--bar:nth-child(1) {
    margin-top: 3px;
  }
  @keyframes anim2 {
    0% {
      transform: translateY(0px);
    }
    50% {
      transform: translateY(-8px) rotate(0deg);
    }
    100% {
      transform: translateY(-8px) rotate(-45deg);
    }
  }
  @keyframes anim1 {
    0% {
      transform: translateY(0px);
    }
    50% {
      transform: translateY(5px) rotate(0deg);
    }
    100% {
      transform: translateY(5px) rotate(45deg);
    }
  }
  .humberger--bar:nth-child(1) {
    margin-bottom: 6px;
  } */
  .menu__drawer--container {
    display: block;
    position: absolute;
    left: 0;
    width: 100%;
    height: 0;
    overflow: hidden;
    background: transparent;
    top: 0;
    transition: height 0.33s ease, opacity .25s ease-in;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    opacity: 0;
    transform: none;
  }
  .menu__drawer--container.active {
    opacity: 1;
    height: 100vh;
    transition: all 0.4s ease;
  }
  
  .menu__drawer--inner {
    padding: 4rem;
    background: #fff;
  }
  
  .child__item--link.with__children,
  .parent__item--link {
    width: auto;
    max-width: none;
    height: auto;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    margin-bottom: -7px;
    white-space: normal;
    font-size: var(--fs5);
    font-weight: var(--fw5);
    letter-spacing: .007em;
    color: var(--fcl5);
    text-decoration: none;
    padding-top: 4px;
    padding-bottom: 4px;
    line-height: 1.64;
  }
  .menu__drawer--trigger {
    width: 44px;
    height: min-content;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    align-items: flex-end;
  }
  .menu__drawer--children-container {
    visibility: hidden;
    opacity: 0;
    position: absolute;
    top: 0;
    padding: 4rem 4rem;
    left: 0;
    background: #fff;
    width: 100%;
    height: 100%;
    transform: translateX(30px);
    transition: all 0.4s ease;
  }
  .menu-drawer__utility-links {
    background: rgba(var(--color-background), 1);
    box-shadow: 0 4px 30px #0000001a;
    -webkit-backdrop-filter: blur(20px);
    backdrop-filter: blur(20px);
  }
  .menu__drawer--children-container.active {
    visibility: visible;
    opacity: 1;
    transform: translateX(0px);
    transition: all 0.4s ease;
  }
  .menu__drawer--inner {
    padding: 4rem; 
    /* height: calc(100vh - 225px); */
    height: 100%;
    overflow-y: auto;
    position: relative;
    overflow-x: hidden;
  }
  .menu__drawer--main .menu__drawer--children-container {
    overflow-y: auto;
  }
  button.globalnav-menuback-button {
    position: absolute;
    left: 0;
    top: 0;
    background: transparent;
    border: none;
    height: 44px;
    width: 44px;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  a.grandchild__item--link {
    text-decoration: none;
    color: #000;
  }
  .menu__drawer--grandchild-item {
    max-width: max-content;
    display: flex;
    align-items: center;
    margin-bottom: -5px;
    padding: 7px 0px;
  }
  body.drawer_menu_open {
    overflow-y: hidden !important;
  }
  span.child__item--link.with__children .link__with--image--level-2 img {
    max-width: 150px;
    margin-top: 1rem;
    width: 100%;
  }
  .header-localization:not(.menu-drawer__localization)
    .menu__utility--item
    .disclosure__list-wrapper {
    bottom: 10rem !important;
  }
}

@media (max-width: 749px) {
  .menu__drawer--inner {
    padding: 4rem 4rem;
  }
}

.mega-menu::details-content {
  display: block;
  block-size: 0;
  transition-property: block-size, content-visibility;
  transition-duration: 0.4s;
  transition-behavior: allow-discrete;
}

.mega-menu[open]::details-content {
  block-size: auto;
  block-size: calc-size(auto) !important;
}

.header__search .modal__content {
  top: 42px;
  padding-block-start: 8rem;
}

.header__search .search-modal__content {
  height: 14rem;
  background: var(--gradient-background);
}

.header__search details[open] .modal-overlay:after {
  background: rgba(var(--color-background), 0.30);
  box-shadow: 0 4px 30px #0000001a;
  -webkit-backdrop-filter: blur(20px);
  backdrop-filter: blur(20px);
}

.header__search .search-modal.modal__content {
  opacity: 0;
  transform: scaleY(.6);
  transition: all .8s ease;
  transform-origin: top;
}

.header__search details[open] .search-modal.modal__content {
  opacity: 1;
  transform: scaleY(1);
  transition: all 0.8s ease;
}


.footer__payment ul.list.list-payment {
  align-items: center;
  justify-content: flex-start;
}

.product-form__input .form__label {
  margin: 0 0 var(--vtmrb) !important;
}

fieldset.js.product-form__input.product-form__input--pill {
  margin-top: var(--vmrt) !important;
  margin-bottom: var(--vmrb) !important;
}

a.product_comparison--btn {
  color: #0071e3;
  text-decoration: none;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto;
  gap: 5px;
}

a.product_comparison--btn svg {
  max-width: 12px;
  height: auto;
}


.page__popup--details img {
  width: auto !important;
}

.floating-trigger {
  position: fixed;
  bottom: 75px;
  left: 10px;
  overflow: visible;
  z-index: 999;
  background: #000;
  color: #000000;
  border: none;
  cursor: pointer;
  height: 48px;
  width: 48px;
  border-radius: 50px;
  text-align: center;
  background-color: #f5f5f74d;
  backdrop-filter: blur(24px);
  -webkit-backdrop-filter: blur(24px);
  box-shadow: 5px 10px 10px rgb(0 0 0 / 10%);
  display: none;
  padding: 0;
  justify-content: center;
  align-items: center;
  transition: bottom 0.4s ease;
}

.ribbon-close-x {
  position: absolute;
  top: -10px;
  right: -15px;
  background: #000;
  color: #fff;
  width: 18px;
  height: 18px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 9px;
  cursor: pointer;
  transition: transform 0.2s;
  z-index: 1000;
}

.ribbon-close-x:hover {
  transform: rotate(-45deg) scale(1.1);
}

div#manual-popup-trigger.active {
  bottom: 220px;
}

button#chat-toggle.active {
  bottom: 155px;
}

@media (max-width: 576px) {
  div#manual-popup-trigger.active {
    bottom: 320px;
  }
  button#chat-toggle.active {
    bottom: 255px;
  }
}

@media (max-width: 576px) {
  .floating-trigger {
    font-size: 12px;
  }
}

.footer__social--container {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-block-start: 4rem;
}

.social__logo--details {
  display: flex;
  align-items: center;
  gap: 2rem;
}

ul.footer-social__menu-content.list-unstyled {
  display: flex;
  align-items: center;
  gap: 1rem;
}

ul.footer-social__menu-content .link--text {
  color: rgba(var(--color-foreground),.75);
}

ul.footer-social__menu-content .link--text:hover {
  color: rgba(var(--color-foreground),1);
  text-decoration: underline;
}

.social__logo--details a {
  display: flex;
}

@media (max-width: 749px) {
  .footer__social--container {
    flex-direction: column;
    align-items: flex-start;
  }
  .social__logo--details {
    flex-direction: column;
    align-items: flex-start;
    gap: 0;
  }
  .footer__social--container .footer__list-social.list-social:only-child {
    margin-inline-start: -1rem;
  }
  .footer__social--container {
    padding-block-start: 0rem;
  }
  }
  .menu__drawer--parent-item{
    opacity: 0;
    transition: .3s ease-in;
    transition-delay: var(--tdelay);
  }
  .menu__drawer--container.active .menu__drawer--parent-item{
    opacity: 1;
  }