/** Shopify CDN: Minification failed

Line 3052:0 Unexpected "2.menu__list--title"
Line 3372:52 Expected identifier but found whitespace
Line 3610:3 Unexpected "`"

**/
body{
  position: relative !important;
}
.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: 800px;
  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: 10px;
  overflow: hidden;
  margin: 10px 0;
  transition: 0.4s;
}

.gallery__card--item:hover {
  scale: 1.01;
  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: calc(100% - 40px);
}

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: 20px;
  bottom: 20px;
  width: 20px;
  height: 20px;
  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;
}

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

.custom__collection--grid--wrapper .custom__comparison--container {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  padding: 10px;
  border-radius: var(--buttons-radius-outset);
  min-height: auto;
  box-shadow: 0 0 2px #00000063;
  margin: 20px 0 0;
}
.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: center;
  justify-content: flex-start;
  align-items: center;
  justify-self: flex-start;
  align-self: baseline;
}

.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;
}

.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;
} 
#product-grid .grid__item:hover {
  scale: 1.02;
  transition: 0.3s;
}

.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: 120px 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__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: 1rem 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: 18px;
  fill: rgb(var(--color-foreground));
  transition: rotate 0.3s;
}
.significant__item--header.active svg {
  rotate: -90deg;
  transition: rotate 0.3s;
}
.hide__in--dekstop {
  display: none;
}
.hide__in--mobile {
  display: block;
}
.significant__items--container {
  display: grid;
  grid-template-columns: calc(300px + 90px * 2) 1fr;
  justify-content: space-between;
  align-items: center;
  overflow: hidden;
  min-height: 784px;
  border-radius: 20px;
}

@media (max-width: 749px) {
  .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: 30px;
    border-radius: 10px;
  }
  .significant__item--media.hide__in--dekstop {
    margin: 20px 0;
  }
}
.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;
}
.collection__slider--container .splide__slide: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;
}

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);
}

/* sa - hero section  */

.why-hero-sec {
  display: grid;
  grid-template-columns: 62.5% 28.5%;
  grid-template-rows: 100%;
  height: 100%;
  padding: 0;
  position: relative;
}
.why-hero-img {
  height: 100%;
  position: relative;
}
.why-hero-txt {
  display: flex;
  flex-flow: column;
  height: 100%;
  justify-content: center;
}
.why-hero-img img {
  display: block;
  height: 100%;
  object-fit: cover;
  width: 100%;
}
.why-hero-txt-inner {
  padding: 70px 0 0 17%;
}
.why-hero-txt h1 {
  margin-bottom: 20px;
}
.hero_sec {
  height: 85vh;
}
.why-hero-img .image-mobile {
  display: none;
}

@media only screen and (max-width: 990px) {
  .why-hero-sec {
    grid-template-columns: 100%;
  }
  .why-hero-txt {
    bottom: 0;
    height: 100%;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
  }
  .why-hero-txt .why-hero-txt-inner {
    padding-left: 12%;
  }
}

@media only screen and (max-width: 750px) {
  .why-hero-img .image-mobile {
    display: block;
  }
  .why-hero-img .image-desktop {
    display: none;
  }
  .why-hero-txt h1 {
    font-size: 40px;
    line-height: 44px;
    margin-top: 20px;
  }
  .mybtn {
    height: 30px;
    line-height: 29px;
  }
}

/* wa - spinner text */

.spinner-txt-sec {
  display: grid;
  grid-template-columns: 31.5% 68.5%;
  grid-template-rows: 1fr;
  max-width: 100%;
}
.spinner-txt-img {
  align-items: center;
  display: flex;
  height: 100%;
  justify-content: center;
  width: 100%;
}
.img-content {
  position: relative;
  width: 60%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.spinner-txt {
  padding-top: 10%;
}
.spinner-txt-content {
  line-height: normal;
  padding-right: 7%;
  color: rgb(var(--color-foreground));
}
.spinner-txt .divider {
  display: block !important;
  background-color: rgb(var(--color-foreground));
  height: 12px;
  margin-top: 70px;
  width: 100px;
}
.spinner-txt-img .img-content svg * {
  fill: rgb(var(--color-foreground));
}
.spinner-txt-img .img-content svg {
  animation: spinner-text-section-rotation 15s linear infinite;
  position: relative;
  right: 50%;
  top: 130px;
  width: 100%;
  justify-self: center;
  align-self: center;
}
@keyframe spinner-text-section-rotation {
  0% {
    transform: translateY(-48%) translateX(48%) rotate(0deg);
  }
  100% {
    transform: translateY(-48%) translateX(48%) rotate(359deg);
  }
}

@media only screen and (max-width: 990px) {
  .spinner-txt-sec {
    grid-template-columns: 100%;
    padding: 140px 0;
  }
  .spinner-txt {
    padding: 0 10%;
  }
  .img-content {
    width: auto;
  }
  .spinner-txt-img {
    padding-bottom: 30px;
  }
  .spinner-txt .spinner-txt-content {
    padding: 0;
  }
}
@media only screen and (max-width: 750px) {
  .spinner-txt-sec {
    padding: 60px 0;
  }
  .spinner-txt {
    line-height: 20px;
    padding: 0 3% 0 5%;
  }
  .spinner-txt .spinner-txt-content {
    font-size: 20px;
    line-height: 30px;
  }
  .spinner-txt .divider {
    width: 80px;
  }
}

/* wa - do anything  */

.do-anything {
  display: flex;
  justify-content: center;
  overflow: hidden;
  position: relative;
  padding-top: 40px;
  padding-bottom: 120px;
}
.do-anything__content-desktop {
  max-width: 100%;
  width: 100%;
  height: auto;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  justify-content: center;
  align-items: center;
  gap: 20px;
}
.do-anything__content-desktop .carousel-wrapper {
}
.do-anything__content-desktop .copy-body {
  text-align: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 30px;
}
.do-anything__content-desktop h1.data__section--title {
  font-size: var(--title-size);
  font-weight: var(--title-weight);
  letter-spacing: 3px;
  line-height: normal;
  text-align: center;
  width: 340px;
  margin-top: 0;
  margin: 0.67em 0;
}
.do-anything__content-desktop .data__section--text {
  font-size: var(--text-size);
  font-weight: var(--text-weight);
  letter-spacing: 0.5px;
  line-height: normal;
  margin-bottom: 30px;
}
.do-anything__content-desktop .floater-container {
  position: relative;
  height: 100%;
  display: inline-flex;
  justify-content: center;
  align-items: center;
}
.do-anything__content-desktop .data__slide--title {
  font-size: var(--heading-size);
  font-weight: var(--heading-weight);
  transform: rotate(180deg);
  writing-mode: vertical-rl;
  line-height: normal;
  margin: 0;
  margin-left: -20px;
}

.do-anything__content-desktop .carousel-wrapper {
  display: flex;
  justify-content: stretch;
  align-items: center;
}

.slick-slider {
  position: relative;
  display: block;
  box-sizing: border-box;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
  -khtml-user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent;
}
.slick-slider .slick-list {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
.slick-list {
  position: relative;
  display: block;
  overflow: hidden;
  margin: 0;
  padding: 0;
}
.slick-slider .slick-track {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
.slick-track {
  position: relative;
  top: 0;
  left: 0;
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.slick-initialized .slick-slide {
  display: block;
}
.do-anything__content-desktop .slick-slide {
  outline: none;
}
.slick-slide {
  display: none;
  float: left;
  height: 100%;
  min-height: 1px;
}
.do-anything__content-desktop .carousel img {
}
.slick-slide img {
  display: block;
}
.do-anything__content-mobile-tablet {
  display: none;
  margin-bottom: 60px;
  max-width: 500px;
  position: relative;
  width: 100%;
}
.do-anything__content-mobile-tablet .top-container {
  position: relative;
  width: 100%;
}
.do-anything__content-mobile-tablet h1 {
  font-size: 35px;
  left: 30px;
  line-height: 38px;
  position: absolute;
  top: -21px;
  z-index: 1;
}
.do-anything__content-mobile-tablet h1 span:first-child {
  position: absolute;
  right: 34px;
  top: -42px;
}
.do-anything__content-mobile-tablet .carousel {
  width: 100%;
}
.do-anything__content-mobile-tablet .carousel .image-wrapper {
  margin: 0 30px;
}
.do-anything__content-mobile-tablet .carousel img {
  display: block;
}
.do-anything__content-mobile-tablet h2 {
  bottom: -20px;
  display: block;
  font-size: 35px;
  line-height: 38px;
  margin: 0;
  position: absolute;
  right: 30px;
  transform: rotate(0deg);
}
.do-anything__content-mobile-tablet h2.explore-the-city {
  bottom: -29px;
  left: 50px;
  right: auto;
}
.do-anything__content-mobile-tablet h2.explore-the-city span {
  padding-left: 100px;
}
.do-anything__content-mobile-tablet .copy-body {
  padding: 20px 30px 30px;
  position: static;
  width: 100%;
}
.button--black2 {
  background-color: #000;
  border-color: #000;
  color: #fff;
  height: 35px;
  letter-spacing: 1.2px;
  line-height: 34px;
  margin: 30px 0 0;
  padding: 0 20px;
}
@media only screen and (max-width: 46.85em) {
  .button--black2 {
    height: 30px;
    line-height: 29px;
  }
  .do-anything {
    padding: 100px 0 10px;
  }
}
@media only screen and (max-width: 61.85em) {
  .do-anything__content-mobile-tablet {
    display: block;
  }
  .do-anything {
    padding-top: 60px;
  }
  .do-anything__content-desktop {
    display: none;
  }
}

/* wa - xray */

.one-xray {
  overflow: hidden;
  padding: 0;
  width: 100%;
}
.one-xray__container {
  display: grid;
  grid-template-columns: 1fr 1fr;
}
.one-xray__column {
  position: relative;
}
.one-xray__column.text {
  align-items: center;
  display: flex;
}
.one-xray__images-container {
  overflow: hidden;
  position: relative;
}
.text-selection-none {
  user-select: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.one-xray .separator.start-left {
  right: 100%;
}
.one-xray .knob.start-left {
  right: 100%;
}
.one-xray.slider-center .knob,
.one-xray.slider-center .separator {
  right: 50%;
}
.one-xray.enable-transitions .knob,
.one-xray.enable-transitions .separator {
  transition: right 1.5s ease-in-out;
}
.one-xray .knob.start-right {
  right: 0;
}
.one-xray .separator.start-right {
  right: 0;
}
.one-xray .knob {
  cursor: pointer;
  position: absolute;
  top: 45%;
  transform: translateX(50%);
  width: 56px;
  z-index: 10;
}
.text-selection-none {
  user-select: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.one-xray.slider-center .one-xray__images-container img:first-child,
.one-xray.slider-center .one-xray__images-container svg:first-child {
  clip-path: inset(0 0 0 50%);
}
.one-xray.enable-transitions .one-xray__images-container img:first-child,
.one-xray.enable-transitions .one-xray__images-container svg:first-child {
  transition: clip-path 1.5s ease-in-out;
}
.one-xray__images-container img:first-child.start-left,
.one-xray__images-container svg:first-child.start-left {
  clip-path: inset(0 0 0 0);
}
.one-xray__images-container img:first-child.start-right,
.one-xray__images-container svg:first-child.start-right {
  clip-path: inset(0 0 0 100%);
}
.one-xray__images-container img:first-child,
.one-xray__images-container svg:first-child {
  height: 101%;
  left: 1px;
  position: absolute;
  top: -0.5%;
}
.one-xray__images-container img,
.one-xray__images-container svg {
  display: flex;
  min-width: 100%;
  margin: 0;
  max-width: 100%;
  border-style: none;
}
.one-xray .knob svg {
  width: 100%;
}

svg:not(:root) {
  overflow: hidden;
}
.st0 {
  fill: #000000;
}
.st1 {
  fill: none;
  stroke: #ffffff;
  stroke-miterlimit: 10;
}
.one-xray.slider-center .knob,
.one-xray.slider-center .separator {
  right: 50%;
}
.one-xray.enable-transitions .knob,
.one-xray.enable-transitions .separator {
  transition: right 1.5s ease-in-out;
}
.one-xray .separator {
  background-color: #f6f6f6;
  height: 100%;
  position: absolute;
  top: 0;
  transform: translateX(50%);
  width: 8px;
  z-index: 9;
  display: block !important;
}
.one-xray .text-container {
  margin-left: 10%;
  width: 70%;
}
.one-xray .text-container h1 {
  font-size: 22px;
  letter-spacing: 1.4px;
  margin: 16px 0;
  line-height: 1.25em;
  font-weight: bold;
}
.one-xray .text-container .line {
  border-bottom: 1px solid #000;
  width: 90px;
}
.one-xray .text-container p {
  font-size: 15px;
  line-height: 23px;
  margin: 16px 0;
  font-weight: 400;
}

/* wa - xray toggle */

.one-xray .text-container h1 {
  font-size: 24px;
  letter-spacing: 1.4px;
  margin: 16px 0;
  line-height: 1.25em;
  font-weight: bold;
}
.one-xray-toggleable .text-container .line {
  border-color: #fff;
}
.one-xray .text-container .line {
  border-bottom: 1px solid #000;
  width: 90px;
}
.one-xray .text-container p {
  font-size: 15px;
  line-height: 23px;
  margin: 16px 0;
  font-weight: 400;
}
.one-xray .hide {
  display: none;
}
.hide {
  display: none !important;
}
.one-xray-toggleable .toggle-wrapper {
  position: absolute;
  right: 5%;
  top: 5%;
  z-index: 20;
}
.casca-toggle,
.casca-toggle > * {
  align-items: center;
  display: flex;
  justify-content: center;
}
.casca-toggle {
  height: 18px;
}
.casca-toggle p {
  font-size: 0.9em;
  font-weight: 400;
  line-height: 24px;
}
.casca-toggle > * {
  margin-right: 16px;
  padding: 0;
}
.casca-toggle,
.casca-toggle > * {
  align-items: center;
  display: flex;
  justify-content: center;
}
.casca-toggle .toggle-back {
  background-color: #666;
  border-radius: 100px;
  padding: 1px;
  position: relative;
  transition: transform 0.25s;
  width: 41.4px;
  display: block !important;
}
.casca-toggle .toggle-back .left {
  transform: translateX(0);
  transition: transform 0.25s;
  display: block !important;
}
.casca-toggle .toggle-back .toggle-handle {
  background-color: #fff;
  border-radius: 50px;
  height: 18px;
  width: 18px;
  display: block !important;
  cursor: pointer;
}
.casca-toggle .toggle-back .right {
  transform: translateX(22px);
  transition: transform 0.25s;
}
/* Elite information tiles */

.information-tiles-section {
  display: flex;
  justify-content: center;
  padding-bottom: 120px;
  padding-top: 120px;
}
.information-tiles-section__grid {
  display: grid;
  grid-template-columns: 52% 8% 40%;
  grid-template-rows: auto 1fr auto;
  max-width: 950px;
  width: 90%;
}
.information-tiles-section__grid .grid-item-1 {
  grid-area: 1/1/4/2;
}
.information-tiles-section__copy h2 {
  letter-spacing: 1.2px;
  margin-bottom: 12px;
}
.information-tiles-section__copy .divider {
  border-bottom: 1px solid rgb(var(--color-foreground));
  width: 82px;
  display: block !important;
}
.information-tiles-section__copy p {
  font-size: 15px;
  line-height: 23px;
  margin: 16px 0 100px;
}
.information-tiles-section__tile {
  overflow: hidden;
  position: relative;
}
.information-tiles-section__tile img,
.information-tiles-section__tile video {
  background-color: #eee;
  display: block;
  width: 100%;
}
.information-tiles-section__tile button.button-open {
  align-items: center;
  background: rgba(var(--color-background), 0.75);
  border: none;
  border-radius: 0;
  bottom: 0;
  display: flex;
  height: 44px;
  justify-content: center;
  padding: 0;
  position: absolute;
  right: 0;
  transition: opacity 0.2s;
  transition-delay: 0.5s;
  width: 44px;
}
.information-tiles-section__tile button.button-open .plus-sign {
  align-items: center;
  display: flex;
  height: 50%;
  padding: 0;
  width: 50%;
}
.information-tiles-section__tile button.button-open .plus-sign:after,
.information-tiles-section__tile button.button-open .plus-sign:before {
  background: rgb(var(--color-foreground));
  content: " ";
  height: 50%;
  left: 46%;
  opacity: 0.8;
  position: absolute;
  width: 2px;
}
.information-tiles-section__tile button.button-open .plus-sign:after {
  transform: rotate(90deg);
}
.information-tiles-section__tile button.button-open.hidden {
  opacity: 0;
  transition-delay: 0s;
}
.information-tiles-section__tile .information-drawer {
  background: rgba(var(--color-background), 0.75);
  bottom: 0;
  left: 0;
  padding: 16px;
  position: absolute;
  right: 0;
  transform: translateY(101%);
  transition: transform 0.4s ease-in;
}
.information-tiles-section__tile .information-drawer.open {
  transform: translateY(0);
}
.information-tiles-section__tile .information-drawer h2,
.information-tiles-section__tile .information-drawer p {
  color: #fff;
}
.information-tiles-section__tile .information-drawer h2 {
  font-size: 20px;
}
.information-tiles-section__tile .information-drawer p {
  font-size: 15px;
  line-height: 21px;
}
.information-tiles-section__tile button.button-close {
  align-items: center;
  background-color: transparent;
  border: none;
  border-radius: 0;
  display: flex;
  height: 50px;
  justify-content: center;
  padding: 0;
  position: absolute;
  right: 0;
  top: 3px;
  width: 50px;
}
.information-tiles-section__tile button.button-close .line {
  background-color: #fff;
  height: 2px;
  width: 22px;
}
.information-tiles-section__tile {
  overflow: hidden;
  position: relative;
}
.information-tiles-section__grid .grid-item-3 {
  grid-area: 3/3/4/4;
}
.information-tiles-section__grid .grid-item-2 {
  grid-area: 1/3/2/4;
}
@media only screen and (max-width: 61.85em) {
  .one-xray__container {
    grid-template-columns: 1fr;
  }
  .one-xray__column.text {
    display: flex;
    justify-content: center;
    padding: 40px 0;
  }
  .one-xray-toggleable .one-xray__column.text {
    order: 1;
  }
  .one-xray__column.text .text-container {
    margin: 0;
    width: 80%;
  }
  .one-xray .knob {
    font-size: 12.01201px;
    height: 40px;
    letter-spacing: 3px;
    line-height: 40px;
    padding-top: 1px;
    width: 40px;
  }
}
@media only screen and (max-width: 46.85em) {
  .information-tiles-section {
    padding: 40px;
  }
  .information-tiles-section__grid {
    gap: 10vw 0;
    grid-template-columns: 100%;
    grid-template-rows: auto auto auto;
    width: calc(100vw - 60px);
  }
  .information-tiles-section__grid .grid-item-1 {
    grid-area: 2/1/3/2;
  }
  .information-tiles-section__grid .grid-item-2 {
    grid-area: 1/1/2/2;
  }
  .information-tiles-section__grid .grid-item-3 {
    grid-area: 3/1/4/2;
  }
}

/* wa - logo scroller */

.quote-logo-scroller .quotation-scroller {
  padding: 0;
}
.quote-logo-scroller .quotation-scroller__wrapper.desktop {
  display: block;
}
.quote-logo-scroller .quotation-scroller__wrapper {
  width: auto;
}
.quote-logo-scroller .quotation-scroller__wrapper {
  margin: 0 auto;
  position: relative;
  width: 100%;
}
.quote-logo-scroller .quotation-scroller__text {
  margin: auto;
  width: 550px;
}
.quote-logo-scroller .quotation-scroller__text {
  align-items: center;
  display: flex;
  flex-flow: column;
  justify-content: center;
  left: 0;
  opacity: 0;
  position: absolute;
  text-align: center;
  top: 0;
}
.quote-logo-scroller .quotation-scroller__text.active {
  animation-duration: 1.5s;
  animation-name: quotation-scroller-fadeIn;
  animation-timing-function: ease-in-out;
  opacity: 1;
  position: static;
}
.quote-logo-scroller .quotation-scroller__stepper {
  display: flex;
  justify-content: center;
  margin-top: 20px;
  overflow-x: auto;
}
.quote-logo-scroller .quotation-scroller__step {
  background-color: transparent;
  border-radius: 0;
  height: auto;
  margin: 0 40px;
  object-fit: contain;
  opacity: 0.2;
  transition: opacity 0.2s ease-out;
  width: 95px;
}

.quote-logo-scroller .quotation-scroller__step.active {
  opacity: 1;
  transition: opacity 1.5s ease-in-out;
}
.quote-logo-scroller .quotation-scroller__text .hide-mobile {
  display: block;
}
.quote-logo-scroller .quotation-scroller__text .hide-desktop {
  display: none;
}
.quote-logo-scroller .quotation-scroller__text .quote-wrapper {
  display: flex;
  flex-flow: column;
  justify-content: center;
}
.quote-logo-scroller .quotation-scroller__text h1 {
  line-height: 29px;
  letter-spacing: 1px;
  font-size: 18px;
  margin: 0;
  color: black;
  font-weight: bold;
}
.quote-logo-scroller .quotation-scroller__wrapper.mobile {
  display: none;
}
@media only screen and (max-width: 46.85em) {
  .quote-logo-scroller .quotation-scroller__wrapper.mobile {
    display: block;
  }
  .quote-logo-scroller .quotation-scroller__wrapper.desktop {
    display: none;
  }
  .quote-logo-scroller {
    padding: 60px 0 100px;
  }
  .quote-logo-scroller .quotation-scroller__text {
    max-width: 90%;
  }
  .quotation-scroller__wrapper .hide-mobile {
    display: none;
  }
  .quotation-scroller__wrapper .hide-desktop {
    display: block;
  }
  .quote-logo-scroller .quotation-scroller__text h1 {
    font-size: 16px;
    letter-spacing: 1px;
    line-height: 29px;
  }
  .quote-logo-scroller .quotation-scroller__step {
    margin: 0 5%;
    width: 70px;
  }
}
@media only screen and (max-width: 750px) {
  .quotation-scroller__wrapper {
    max-width: 80vw;
  }
}

/* wa - review scroll */

.quotation-scroller-reviews .quotation-scroller {
  padding: 50px 0;
}
.quotation-scroller-reviews .quotation-scroller__wrapper {
  margin: 0 auto;
  position: relative;
  width: 550px;
}
.quotation-scroller-reviews .quotation-scroller__text {
  align-items: center;
  display: flex;
  flex-flow: column;
  justify-content: center;
  left: 0;
  opacity: 0;
  position: absolute;
  text-align: center;
  top: 0;
}
.quotation-scroller-reviews .quotation-scroller__text.active {
  animation-duration: 1.5s;
  animation-name: quotation-scroller-fadeIn;
  animation-timing-function: ease-in-out;
  opacity: 1;
  position: static;
}
.quotation-scroller-reviews .quotation-scroller__text .hide-mobile {
  display: block;
}
.quotation-scroller-reviews .quotation-scroller__text .hide-desktop {
  display: none;
}
.quotation-scroller-reviews .quotation-scroller__text p {
  font-size: 16px;
  font-weight: 400;
  margin: 12px 0 0;
}
.quotation-scroller-reviews .quotation-scroller__text .quote-wrapper {
  display: flex;
  flex-flow: column;
  justify-content: center;
}
.quotation-scroller-reviews .quotation-scroller__review-stars {
  font-size: 18px;
  letter-spacing: 5px;
  margin-bottom: 24px;
  text-align: center;
  color: #000;
  line-height: 1.25em;
  margin-top: 0;
}

.quotation-scroller-reviews .quotation-scroller__stepper {
  display: flex;
  justify-content: center;
  margin-top: 50px;
}
.quotation-scroller-reviews .quotation-scroller__step {
  background-color: #e7e7e7;
  border-radius: 10px;
  cursor: pointer;
  height: 10px;
  margin: 0 20px;
  width: 10px;
  display: block !important;
}
.quotation-scroller-reviews .quotation-scroller__step.active {
  background-color: #333;
  transition: background-color 1.1s ease-out;
}
.quotation-scroller-reviews .quotation-scroller__text .hide-desktop {
  display: none;
}

.section__faq_container .heading__details .heading__text {
  padding-bottom: 30px;
}
.section__faq_container .collapsible-header {
  cursor: pointer;
  padding: 10px 0px;
  border: none;
  text-align: left;
  outline: none;
  transition: background-color 0.3s ease;
  display: flex;
  gap: 10px;
  width: 100%;
  justify-content: space-between;
  align-items: center;
  flex-direction: row-reverse;
  background: transparent;
  font-family: var(--font-heading-family);
}
.section__faq_container .collapsible__item {
  border-bottom: 1px solid rgba(var(--color-foreground), 0.5);
}
.section__faq_container .collapsible__items {
  padding: 1.2rem 0rem;
}
.section__faq_container .heading__text * {
  margin: 0 0 20px;
}
.section__faq_container .collapsible-content {
  padding: 0;
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.3s ease;
}
.section__faq_container .collapsible-content p {
  margin: 0;
  padding: 10px 0px 30px;
}
.section__faq_container .active .collapsible-content {
  max-height: 500px;
}
.section__faq_container span.plus-minus svg {
  max-width: 12px;
  height: 12px;
}
.section__faq_container {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 5rem;
  justify-content: flex-start;
  align-items: flex-start;
}
.section__faq_container.show_column {
  grid-template-columns: 1fr;
  gap: 2rem;
  max-width: 1200px;
  width: 100%;
}
.section__faq_container button.collapsible-header .plus-minus {
  height: 20px;
  width: 20px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50px;
}
.section__faq_container button.collapsible-header .plus-minus svg {
  transition: 0.3s;
}
.section__faq_container button.collapsible-header.active .plus-minus svg {
  rotate: -180deg;
  transition: 0.3s;
}
@media (max-width: 1149px) {
  .section__faq_container {
    grid-template-columns: 1fr;
    gap: 1rem;
  }
}
.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(2, 1fr);
  gap: 1rem;
  align-items: stretch;
  justify-content: stretch;
}

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;
  align-items: center;
  max-width: 100%;
  padding: 4rem;
  width: 100%;
}

.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: var(--height-desktop);
  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%;
  }
  .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);
    height: var(--height-mobile);
  }
  .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: 2rem 2rem 4rem;
  }
}

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;
    visibility: hidden;
    opacity: 0;
    position: absolute;
    transform: translateY(-120%);
    left: 0;
    width: 100%;
    height: 100vh;
    background: transparent;
    top: 0;
    transition: all 0.4s ease;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
  }
  .menu__drawer--container.active {
    transform: translateY(0%);
    visibility: visible;
    opacity: 1;
    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: 28px;
    line-height: 1.1428571429;
    font-weight: 600;
    letter-spacing: .007em;
    color: #000;
    text-decoration: none;
    padding-top: 7.5px;
    padding-bottom: 7.5px;
  }
  .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 2rem;
    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);
    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 2rem;
  }
}

.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;
}

/* recently viewed */

.recently-viewed-wrapper {
  margin: 1rem auto;
}

.recently-viewed-img {
  width: 100%;
  aspect-ratio: 1 / 1;
  object-fit: contain;
}
.recently-viewed-wrapper.page-width h3,
.recently-viewed-wrapper.page-width p {
  margin: 0;
}

.recently-viewed-grid-item {
  display: flex;
  flex-direction: column;
  text-align: center;
}

.recently-viewed-a {
  text-decoration: none;
  color: #000;
}


.recently-viewed-a {
  font-size: 13px;
  letter-spacing: 0px;
  text-transform: uppercase !important;
  line-height: 0px;
}
.parent-class .recently-viewed-a {
  text-transform: none !important;
}

.recently-viewed-grid-item h3 {
  margin-bottom: 5px; 
}
.recently-viewed-grid-item p {
  margin-top: 0;
}

li.recently-viewed-grid-item img {
  aspect-ratio: 1 / 1;
}

li.recently-viewed-grid-item.grid__item {
  max-width: 100% !important;
  width: 100% !important;
}

/* what inside */

.what__inside--inner {
  display: flex;
  gap: 4rem;
  justify-content: center;
  align-items: baseline;
  background: #f7f7f7;
  padding-block: 3rem 6rem;
  padding-inline: 4rem;
  border-radius: 8px;
}

.what__inside--media-wrapper {
  aspect-ratio: 1 / 1;
  display: flex;
}

.what__inside--media img {
  max-width: 100%;
  width: 100%;
  object-fit: contain;
}

p.what__inside--text {
  text-align: center;
  font-size: 14px;
  line-height: 20px;
  font-weight: 600;
  margin: 0;
  align-self: flex-start;
  transform-origin: top;
  display: flex;
  justify-content: center;
  align-items: flex-start;
  margin: 0 auto;
}

.what__inside--media {
  position: relative;
  display: flex;
  min-width: 100px;
  width: 100px;
  height: 100px;
  flex-direction: column;
}

h2.what__inside--heading {
  text-align: center;
  font-size: 40px;
  line-height: 44px;
  max-width: 46rem;
  margin-inline: auto;
  margin-block-start: 0;
}

.what__inside--top {
  max-width: 80rem;
  margin: 0 auto;
}

.what__inside--features--inner {
  display: grid;
  grid-template-columns: repeat(4,1fr);
  justify-content: center;
  align-items: flex-start;
  padding: 0;
  gap: 10px;
}

.what__inside--icon img {
  max-width: 60px;
  width: 100%;
}

.what__inside--icon {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
  padding-inline: 10px;
  padding-block: 2rem;
  background: #f7f7f7;
  border-radius: 8px;
}

h2.what__inside--feature-title {
  text-align: center;
  max-width: 46rem;
  margin-inline: auto;
  font-size: 40px;
  line-height: 41px;
  padding: 0 20px 20px;
  margin-top: 0;
}

.what__inside--features {
  max-width: 80rem;
  margin-inline: auto;
}

p.what__inside--title {
  font-size: 21px;
  font-weight: 600;
  margin: 0;
  line-height: 25px;
  padding-top: 15px;
  margin-bottom: 0.4rem;
}

@media (max-width: 640px) {
  .what__inside--inner {
    padding-inline: 0rem;
    overflow: auto;
    justify-content: flex-start;
    padding-bottom: 2rem;
    scroll-snap-type: x mandatory;
    gap: 2rem;
    -webkit-overflow-scrolling: touch;
  }

  .what__inside--inner::-webkit-scrollbar {
    -webkit-appearance: none;
    width: 4px;
    height: 4px;
  }

  .what__inside--inner::-webkit-scrollbar-track {
    background: rgba(0, 0, 0, 0.1);
    border-radius: 4px;
  }

  .what__inside--inner::-webkit-scrollbar-thumb {
    background: rgba(0, 0, 0, 0.5);
    border-radius: 4px;
  }
  .what__inside--media {
    min-width: 80px;
    scroll-snap-align: start;
    height: auto;
  }
  h2.what__inside--heading,
  h2.what__inside--feature-title {
    font-size: 28px;
    line-height: 1.1428571429;
  }
  .what__inside--features--inner {
    grid-template-columns: repeat(2,1fr);
    row-gap: 10px;
  }
  .what__inside--features--inner {
    padding-block: 0rem;
  }
  p.what__inside--title {
    font-size: 16px;
    line-height: 20px;
    padding-top: 10px;
  }
}

.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;
}


.product__filter--media {
  position: relative;
  display: grid;
  grid-template-columns: auto 1fr;
  align-items: flex-start;
  width: 100%;
  gap: 2rem;
  height: 100%;
}

.product__filter--details {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  margin-right: 2rem;
}

.product__filter--background {
  position: relative;
  min-height: auto;
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  padding-top: 10rem;
  padding-bottom: 5rem;
}

h2.product__filter--step-title {
  font-size: 42px;
  font-weight: 900;
  max-width: 500px;
  line-height: 48px;
  margin: 0;
  margin-block-end: 2rem;
}

.filter__step--buttons input[type='radio'] {
  display: none;
}

.filter__step--buttons {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 2rem;
  flex-wrap: wrap;
  margin-block-end: 2rem;
}

.product__filter--image-container {
  display: flex;
}

.product__filter--image-container video {
  max-width: 100%;
  width: 100%;
}

label.step__button--label {
  background: var(--color-secondary-button-text);
  padding: 5px 16px;
  border-radius: var(--buttons-radius-outset);
  cursor: pointer;
  border: 1px solid rgba(var(--color-button),var(--alpha-button-background));
  color: rgba(var(--color-button),var(--alpha-button-background));
  transition: background 0.5s linear;
}

.filter__step--buttons input:checked + label {
  background: rgba(var(--color-button),var(--alpha-button-background));
  color: rgb(var(--color-button-text));
  transition: background 0.5s linear;
}

.filter__step--buttons input:hover + label {
  background: rgba(var(--color-button),var(--alpha-button-background));
  color: rgb(var(--color-button-text));
  transition: background 0.5s linear;
}

button.first__step--btn {
  background-color: rgba(var(--color-button), var(--alpha-button-background));
  border: none;
  padding: 10px 20px;
  width: 100%;
  font-size: 18px;
  cursor: pointer;
  max-width: 400px;
  color: rgb(var(--color-button-text));
}

.product__filter--right.first_step svg {
  height: auto;
  object-fit: contain;
  max-width: fit-content;
}

button#chat-toggle img.custom_icon {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  max-width: 100%;
  object-position: center center;
}

.product__filter--overlay-title {
  position: absolute;
  z-index: 2;
  padding: 2rem 0rem;
  font-size: var(--heading-font);
  font-weight: var(--heading-weight);
  color: var(--heading-color);
}

.product__filter--step-first.active {
  transform: scale(0.6);
  transform-origin: left bottom;
  transition: transform 0.5s ease-out;
}

.product__filter--left.second_step {
  display: none;
}

/* .product__filter--items {
  display: flex;
  flex-direction: row;
  gap: 1rem;
  padding: 0;
  scrollbar-width: thin;
  overflow-x: scroll;
  overflow-y: hidden;
  scroll-snap-type: x mandatory;
  padding-bottom: 2rem;
} */

.product__items--container {
  margin: 2rem 0;
}

.variant__item--details h4 {
  margin: 0;
  margin-block-start: 0.5rem;
}

.variant__item--details p {
  font-size: 12px;
  line-height: normal;
  margin: 10px 0;
}

.variant__item--media {
  max-width: 100%;
  width: 100%;
  display: flex;
}

.variant__item--media img {
  max-width: 100%;
  width: 100%;
  object-fit: contain;
}

.variant__item--details {
  padding: 10px;
}

.variant__item--container {
  min-width: auto;
  display: flex;
  flex-direction: column;
  border-radius: 10px;
  box-shadow: inset 0 0 2px 1px #d1d1d1;
  position: relative;
}

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

.variant__item--details h3 {
  font-size: 12px;
  margin: 0;
}

.page__popup--content {
  background-color: #f5f5f74d;
  -webkit-backdrop-filter: blur(24px);
  backdrop-filter: blur(24px);
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  opacity: 0;
  transform: scale(0) translate(-50%, 50%);
  transform-origin: left bottom;
  transition: transform 0.3s ease-out, opacity 0.3s ease-out;
  z-index: 1000;
  text-align: center;
}

.page__popup--content.active {
  opacity: 1;
  transform: scale(1) translate(0, 0);
}

.page__popup--inner {
  width: 100%;
  width: min(800px, 90vw);
  overflow: auto;
  margin: 0 auto;
  overflow-y: auto;
  max-height: 90vh;
  border-radius: 18px;
  padding: 100px 50px;
  height: auto;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  transition: .2s;
  background-color: #fff;
  box-shadow: 0 0 16px #0003;
}


.product__filter--initial .product__filter--overlay-title {
  line-height: normal;
}

.cs__sticky--product--details {
  display: flex;
  align-items: center;
  font-size: 12px;
  margin-block-end: -3px;
}

.cs__variant--sku:after {
  content: "-";
  margin-right: 4px;
}

@media (max-width: 749px) {
  .product__filter--details {
    margin-right: 0rem;
  }
  
  .page__popup--inner {
    padding: 60px 20px;
  }
  .product__filter--media {
    grid-template-columns: 1fr;
    padding-bottom: 8rem;
  }
  button.first__step--btn {
    position: absolute;
    z-index: 9;
    bottom: 0;
    left: auto;
    margin-block-start: 3rem;
  }
  h2.product__filter--step-title {
    font-size: 28px;
    line-height: 32px;
  }
  .cs__popup--contact-details {
    flex-direction: column;
  }
  .contact__details--item {
    width: auto;
    margin: 10px 0;
  }
  div#language__switcher--popup ul li {
    padding: 5px 0;
  }
  .product__filter--background {
    flex-direction: column;
    padding-top: 0;
  }
  .product__filter--initial .product__filter--overlay-title {
    position: static;
    padding: 2rem 0rem;
  }
  .product__items--container {
    margin: 2rem 0 2rem;
  }
}

.media__galleries--container.gradient {
  background: transparent;
}

input#vat_afm:focus-visible {
  outline: none;
  box-shadow: none;
}

input#vat_afm {
  width: 100%;
  padding: 1.5rem;
  border-radius: var(--inputs-radius);
  margin-block-start: 5px;
}

div[data-pp-message] {
  width: 100%;
}

.button--bordered.card__btn--link {
  color: var(--color-foreground);
}

.cart__page--headings {
  display: grid;
  grid-template-columns: repeat(2,1fr);
  align-items: center;
  width: 100%;
  padding-block-end: 20px;
  border-bottom: .1rem solid rgba(var(--color-foreground),.08);
  margin-block-end: 6rem;
}

.cart__page--headings .totals * {
  font-size: 28px;
  font-weight: 900;
  margin: 0;
  opacity: 1;
  color: rgba(var(--color-foreground), 1);
}

.cart__page--headings .totals {
  justify-content: flex-start;
  gap: 5px;
}

.cart__page--headings .cart__ctas {
  display: flex;
  justify-content: flex-end;
}

.cart-item__details .custom__comparison--container {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  padding: 10px;
  border-radius: var(--buttons-radius-outset);
  min-height: auto;
  box-shadow: 0 0 2px #00000063;
  margin: 10px 0;
  background: var(--gradient-background);
  align-items: flex-start;
  text-align: center;
  gap: 10px;
}

.cart-item__details .custom__comparison--icon img {
  max-height: 30px;
  width: auto;
}

.cart-item__details .custom__comparison--text {
  font-size: 10px;
}

.cart__items tr.cart-item {
  position: relative;
}

.cart__items tr.cart-item:after {
  content: "";
  position: absolute;
  bottom: -10px;
  width: 100%;
  height: 1px;
  background: rgba(var(--color-foreground), .08);
  left: 0;
}

@media (max-width: 999px) {
  .cart__page--headings {
    grid-template-columns: 1fr;
    gap: 20px;
  }
  .cart__page--headings .totals {
    justify-content: center;
  }
  .cart__page--headings .cart__ctas {
    justify-content: center;
  }
}

@media (max-width: 620px) {
  .cart__page--headings .totals * {
    font-size: 18px;
  }
}

span.button__with--icon img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

span.button__with--icon {
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translateY(-50%);
  max-width: 24px;
  height: 24px;
  width: 100%;
  display: flex;
}

span.button__with--icon.main__atc {
  z-index: 9;
}

.size__chart--container img {
  height: auto;
}

button#shopify-pc__banner__btn-manage-prefs {
  order: 3;
}

button#shopify-pc__banner__btn-accept {
  background: #000;
  color: #fff;
}

.shopify-pc__banner__btns button {
  border-radius: 50px;
}

section#shopify-pc__banner {
  border-radius: 15px 15px 0px 0;
}

.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;
  }
  }