@font-face {
  font-family: Pp Editorial New;
  src: url("https://cdn.prod.website-files.com/68eb840ca5825acb40f5d124/68f3961456a1aa8ba5cc880f_PP%20Editorial%20New%20WF2.woff2")
      format("woff2"),
    url("https://cdn.prod.website-files.com/68eb840ca5825acb40f5d124/68f39615d858cff37ca2e4f6_PP%20Editorial%20New%20WF.woff")
      format("woff");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

html {
  height: auto;
}

/* -- Global -- */

/* @media (min-width: 990px) {
  :root {
    --size: 1600;
  }

  html {
    height: auto !important;
    -ms-overflow-style: none;
    scrollbar-width: none;
    font-size: calc(13.85 * 100vw / var(--size));
    -webkit-text-size-adjust: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }

  .footer_background-shape {
    margin-right: 6rem;
  }
} */

:root {
  --all-transitions: all 400ms cubic-bezier(0.77, 0, 0.175, 1);
  --button-animations: all 450ms ease;
  --arrow-animations: all 550ms ease;
  --fast-transitions: 250ms cubic-bezier(0.77, 0, 0.175, 1);
  --transform-transitions: transform 400ms cubic-bezier(0.77, 0, 0.175, 1);
  --transform-bounce: all 0.45s cubic-bezier(0.175, 0.885, 0.32, 1.275);
  --ease-transitions: all 200ms ease;
  --parallax-strength: 10%;
  --parallax-height: 4%;
  --text-indent-large: 12.5rem;
  --text-indent-small: 9.25rem;
  --radius--button: 5rem;
}

/* -- Media -- */

@media only screen and (max-width: 1900px) {
}

@media only screen and (max-width: 1440px) {
}

@media only screen and (max-width: 991px) {
  :root {
    --text-indent-large: 9.5rem;
    --text-indent-small: 8rem;
  }

  .nav_menu-link::before {
    content: "";
    height: 0rem !important;
    background-color: transparent !important;
  }

  [data-action-menu="item"]:nth-child(4) {
    margin-bottom: 2.5rem;
  }

  .maison_commerce_filter-box-cover::after {
    content: "";
    width: calc(100% - 1.5rem) !important;
    left: 0.75rem !important;
  }

  [data-video-active="false"]::after {
    content: "";
    position: absolute;
    z-index: 1;
    pointer-events: auto;
    cursor: pointer;
    width: 5rem !important;
    height: 3.5rem !important;
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
    background-image: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" width="96" height="72" viewBox="0 0 96 72" fill="none"><path d="M0 0H96V72H0V0Z" fill="black" fill-opacity="0.6"/><path d="M36 18L64 36L36 54V18Z" fill="white"/></svg>');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
  }
}

@media only screen and (max-width: 767px) {
  :root {
    --text-indent-large: 8.75rem;
    --text-indent-small: 7.875rem;
  }
  .class:last-child {
  }

  [data-gradient-type="first"]::after {
    content: "";
    background: linear-gradient(180deg, rgba(9, 24, 19, 0) 50%, #091813 100%),
      linear-gradient(
        257deg,
        rgba(9, 24, 19, 0) 40.91%,
        rgba(9, 24, 19, 0.7) 100%
      ) !important;
  }

  [data-gradient-type="second"]::after {
    content: "";
    background: linear-gradient(
        180deg,
        rgba(11, 11, 11, 0) 50%,
        rgba(11, 11, 11, 0.8) 100%
      ),
      linear-gradient(180deg, rgba(11, 11, 11, 0) 76.13%, #0b0b0b 100%),
      linear-gradient(211deg, rgba(11, 11, 11, 0) 0%, rgba(11, 11, 11, 0.7) 80%) !important;
  }
}

@media only screen and (max-width: 479px) {
  :root {
    --text-indent-large: 8.125rem;
  }
}

/* -- Keyframe Animations -- */

@keyframes marquee {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-100%);
  }
}
@keyframes marqueeRev {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(100%);
  }
}

.swiper-pagination-bullet {
  cursor: pointer;
  transition: var(--all-transitions);
}

/* -- Card Hover On Animations -- */

/* -- Scrollbar Styling -- */

.maison_commerce_cart_box-conent::-webkit-scrollbar,
.nav_menu-list::-webkit-scrollbar {
  display: none;
}

.source-card {
  -ms-overflow-style: none; /* IE and Edge */
  scrollbar-width: none; /* Firefox */
}

.source-card::-webkit-scrollbar {
  display: none; /* Chrome, Safari, Opera */
}

/* -- Card & Mobile Menu Conditions -- */

.cart-active {
  overflow: hidden;
}

.menu-active {
  overflow: hidden;
}

/* -- Marquee Animatios -- */

.marquee-line {
  animation: marquee 20s linear infinite !important;
}

/* -- Nav Items -- */

/* .nav_menu-link {
  position: relative;
  transition: var(--all-transitions);
}

.nav_menu-link::before {
  content: "";
  position: absolute;
  bottom: -0.075em;
  left: 0;
  width: 100%;
  height: 0.0675em;
  background-color: currentColor;
  transition: var(--all-transitions);
  transform-origin: center;
  transform: scaleX(0) rotate(0.001deg);
}

.nav_menu-link:hover::before {
  transform-origin: center;
  transform: scaleX(1) rotate(0.001deg);
} */

.nav_menu-link,
.footer_column-link,
.nav_drop-link {
  cursor: pointer;
  position: relative;
}

.nav_menu-link::before,
.nav_drop-link::before {
  content: "";
  position: absolute;
  bottom: -0.075em;
  left: 0;
  width: 100%;
  height: 0.0675em;
  background-color: currentColor;
  transition: var(--transform-transitions);
  transform-origin: right;
  transform: scaleX(0) rotate(0.001deg);
}

.footer_column-link::before {
  content: "";
  position: absolute;
  bottom: -0.175em;
  left: 0;
  width: 100%;
  height: 0.0675em;
  background-color: currentColor;
  transition: var(--transform-transitions);
  transform-origin: right;
  transform: scaleX(0) rotate(0.001deg);
}

.nav_menu-link:hover::before,
.footer_column-link:hover::before,
.nav_drop-link:hover::before {
  transform-origin: left;
  transform: scaleX(1) rotate(0.001deg);
}

.nav_menu-link:hover {
  opacity: 1;
}

/* -- Parallax Animations -- */

[data-parallax-strength] [data-parallax-target] {
  position: relative;
  height: calc(100% + (var(--parallax-height)));
  max-height: calc(100% + (var(--parallax-height)));
  top: calc(var(--parallax-height) * -1);
  will-change: transform;
  -webkit-transform: translate3d(0, 0, 0);
  z-index: 0;
  rotate: 0.001deg;
}

@media (min-width: 990px) {
  [parallax-target] {
    position: sticky;
    top: calc(6.3875rem + 0rem);
  }
}

/* -- Split Lines Styling -- */

[text-indent][data-split-full="is-split"] > .single-line:first-child {
  /* text-indent: var(--text-indent-large); */
  margin-left: var(--text-indent-large);
}

[text-indent-small][data-split-full="is-split"] > .single-line:first-child {
  /* text-indent: var(--text-indent-large); */
  margin-left: var(--text-indent-small);
}

.single-line {
  overflow: hidden;
}

/* -- Header Theme -- */

[header-theme] {
  transition: all var(--fast-transitions);
}

[action-logo-menu="unactive"] {
  display: flex !important;
  opacity: 0;
  transition: opacity var(--fast-transitions);
}

[action-logo-menu="active"] {
  transition: opacity var(--fast-transitions);
}

html.menu-active [action-logo-menu="active"] {
  opacity: 0;
}

html.menu-active [action-logo-menu="unactive"] {
  display: flex !important;
  opacity: 1;
}

html.menu-active [action-menu="toggle"] {
  color: var(--200) !important;
}

/**/

.is--arrow,
.is--arrowx,
.footer_column-social,
.render_controller-btn {
  cursor: pointer;
  transition: all var(--fast-transitions);
}

.is--arrow:hover,
.is--arrowx:hover,
.footer_column-social:hover,
.render_controller-btn:hover {
  scale: 1.05;
}

.is--disabled {
  pointer-events: none;
  opacity: 0.5;
}

/**/
.field {
  transition: var(--fast-transitions);
}

.field:hover {
  outline-width: 0.125rem;
}

/**/

[data-button-text],
[data-button-arrs] {
  position: relative;
  z-index: 1;
}

[data-button-trigger-box] {
  cursor: pointer !important;
}

.button-arr {
  transform: translateX(0%) rotate(0.001deg);
  transition: var(--arrow-animations);
}

.button:hover .button-arr {
  transform: translateX(125%) rotate(0.001deg);
}

[data-button-trigger-box]:hover .button .button-arr {
  transform: translateX(125%) rotate(0.001deg);
}

.button {
  position: relative;
  overflow: hidden;
  transition: var(--ease-transitions);
}

.button:hover {
}

.button::after {
  content: "";
  z-index: 0;
  background-color: var(--500);
  transform-origin: 0% 100%;
  height: calc(100% + 0.125rem);
  width: 100%;
  transition: var(--button-animations);
  position: absolute;
  inset: auto 0% 0%;
  transform: scale(0, 1);
  bottom: -0.125rem;
}

[data-button-link="true"]::after {
  content: "";
  background-color: transparent !important;
}

[data-button-theme="green"]::after {
  content: "";
  background-color: #2a5e4c !important;
}

.button:hover::after {
  transform: scale(1.2, 1);
}

[data-button-trigger-box]:hover .button::after {
  transform: scale(1.2, 1);
}

.w-select {
  -webkit-appearance: none;
  -moz-appearance: none;
  cursor: pointer !important;
}

.collection_selector-box {
  color: #0b0b0bcc !important;
}

.w-input:focus,
.w-select:focus {
  border-color: transparent !important;
  /* outline: 0; */
}

/* -- Accordions -- */

[fs-accordion-element="accordion"],
[fs-accordion-active] {
  cursor: pointer;
}

[fs-accordion-element="accordion"] svg,
.maison_commerce_filter-box-cover svg {
  transition: var(--transform-bounce);
}

[fs-accordion-element="accordion"].is-active-accordion svg,
.maison_commerce_filter-box-cover.is-active-accordion svg {
  transform: rotate(-180deg);
}

/* -- Divider Lines -- */

.button-wrapepr.in--brand_card {
  position: relative;
  --component-header-divider-line: 0%;

  &::after {
    content: "";
    position: absolute;
    z-index: 2;
    pointer-events: none;
    width: var(--component-header-divider-line);
    top: 0;
    height: 0.065rem;
    left: 0;
    background: currentColor;
    opacity: 20%;
  }
}

.standart_list-item {
  position: relative;
  --component-header-divider-line: 0%;

  &::after {
    content: "";
    position: absolute;
    z-index: 2;
    pointer-events: none;
    width: var(--component-header-divider-line);
    bottom: 0;
    height: 0.065rem;
    left: 0;
    background: currentColor;
    opacity: 15%;
  }
}

.faq_accordion-content {
  position: relative;
  --component-header-divider-line: 0%;

  &::after {
    content: "";
    position: absolute;
    z-index: 2;
    pointer-events: none;
    width: var(--component-header-divider-line);
    bottom: 0;
    height: 0.065rem;
    left: 0;
    background: currentColor;
    opacity: 25%;
  }
}

.prod_accordion-content {
  position: relative;
  --component-header-divider-line: 0%;

  &::after {
    content: "";
    position: absolute;
    z-index: 2;
    pointer-events: none;
    width: var(--component-header-divider-line);
    top: 0;
    height: 0.065rem;
    left: 0;
    background: currentColor;
    opacity: 15%;
  }
}

/* -- Safari Target -- */

.marquee-item img {
  width: unset !important;
}

/*  -- Tabs -- */

[tabs="content"] {
}

[tabs="content"] [tab-pane] {
  display: none;
}

[tabs="content"] [tab-pane].is--active {
  display: block;
}

/* -- Video Container Wrapper -- */

[data-video-active="false"]::after {
  content: "";
  position: absolute;
  z-index: 1;
  pointer-events: auto;
  cursor: pointer;
  width: 6rem;
  height: 4.5rem;
  top: 50%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
  background-image: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" width="96" height="72" viewBox="0 0 96 72" fill="none"><path d="M0 0H96V72H0V0Z" fill="black" fill-opacity="0.6"/><path d="M36 18L64 36L36 54V18Z" fill="white"/></svg>');
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}

/* -- Global Overflow -- */

[data-dropdown-active],
[data-dropdown-active="fasle"] {
  transition: var(--all-transitions);
  position: fixed;
  inset: 0%;
  opacity: 0;
  z-index: 9;
  background-color: rgba(11, 11, 11, 0.7);
  pointer-events: none;
}

[data-dropdown-active="true"] {
  opacity: 1;
  pointer-events: auto;
}

/* -- FAQ -- */

[fs-accordion-element="content"] {
  overflow: hidden;
  transition: var(--all-transitions) !important;
}

/* -- -- */

.swiper-slide.is--collection .collection_sw-media,
.swiper-slide.is--collection .collection_sw-front.is--name,
.swiper-slide.is--collection .collection_sw-icon,
.collection_sw-back {
  transition: var(--all-transitions);
}

.swiper-slide.is--collection.is--active .collection_sw-back {
  background-color: rgba(255, 255, 255, 0.1);
  backdrop-filter: blur(0.7825rem);
  outline-color: var(--1300);
  outline-offset: 0rem;
  outline-style: solid;
  outline-width: 0.065rem;
  transform: scale3d(1, 1, 1);
  transform-style: preserve-3d;
}

.swiper-slide.is--collection .collection_sw-icon {
  opacity: 0.5;
}

.swiper-slide.is--collection.is--active .collection_sw-icon {
  opacity: 1;
}

.swiper-slide.is--collection.is--active .collection_sw-front.is--name {
  padding-right: 4rem;
}

.swiper-slide.is--collection.is--active .collection_sw-media {
  transform: scale3d(1, 1, 1);
}

.swiper-slide.is--collection:hover .collection_sw-back {
  background-color: rgba(255, 255, 255, 0.1);
  backdrop-filter: blur(0.7825rem);
  outline-color: var(--1300);
  outline-offset: 0rem;
  outline-style: solid;
  outline-width: 0.065rem;
  transform: scale3d(1, 1, 1);
  transform-style: preserve-3d;
}

.swiper-slide.is--collection:hover .collection_sw-front.is--name {
  padding-right: 4rem;
}

.swiper-slide.is--collection:hover .collection_sw-icon {
  opacity: 1;
}

.swiper-slide.is--collection:hover .collection_sw-media {
  transform: scale3d(1, 1, 1);
}

@media only screen and (max-width: 991px) {
  .swiper-slide.is--collection.is--active .collection_sw-front.is--name {
    padding-right: 1.75rem;
  }

  .swiper-slide.is--collection:hover .collection_sw-front.is--name {
    padding-right: 1.75rem;
  }
}

/* -- -- */

.maison_commerce_filter-box-cover {
  position: relative;
}

.maison_commerce_filter-box-cover::after {
  content: "";
  position: absolute;
  z-index: 1;
  pointer-events: auto;
  cursor: pointer;
  width: calc(100% - 3rem);
  height: 0.0625rem;
  bottom: 0;
  left: 1.5rem;
  /* transform: translateX(-50%) translateY(-50%); */
  /* background-image: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" width="96" height="72" viewBox="0 0 96 72" fill="none"><path d="M0 0H96V72H0V0Z" fill="black" fill-opacity="0.6"/><path d="M36 18L64 36L36 54V18Z" fill="white"/></svg>');
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center; */
  background-color: #d0d5dd;
}

.filter_option-radio {
  position: relative;
}

.filter_option-radio.is-active-inputactive .filter_option-radio_button,
.filter_option-radio.is-active-inputactive
  .filter_option-radio_button.w--redirected-checked {
  border-color: var(--300);
  background-color: var(--700);
  background-image: url("https://cdn.prod.website-files.com/68eb840ca5825acb40f5d124/68f17dd76247a7b43c4f462e__Checkbox%20base.svg") !important;
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
}

.filter_option-radio.is-active-inputactive
  .filter_option-radio_button.is--rounded,
.filter_option-radio.is-active-inputactive
  .filter_option-radio_button.w--redirected-checked.is--rounded {
  background-image: url("") !important;
}

.filter_option-radio.is-active-inputactive
  .filter_option-radio_button.is--rounded::before {
  content: "";
  position: absolute;
  z-index: 1;
  pointer-events: auto;
  border-radius: 100%;
  cursor: pointer;
  width: 0.5rem;
  height: 0.5rem;
  background: var(--300);
  flex-shrink: 0;
  transform: translateX(0rem) translateY(-50%);
  top: 50%;
  left: 0.375rem;
}

.filter_option-box.is-active-inputactive {
  background-color: var(--700);
}

.filter_option-radio .filter_option-radio_button.w--redirected-checked {
  border-width: 1px;
  border-color: var(--2000);
  background-color: transparent;
  outline-offset: 0rem;
  outline: 0 #0000;
  background-image: url("");
}

/* -- -- */

/* * {
  will-change: transform !important;
} */

/* -- Checkout -- */

[data-checkout-field="hidden-fields"] {
  display: none;
}

.w-input[disabled]:not(.w-input-disabled),
.w-select[disabled]:not(.w-input-disabled),
.w-input[readonly],
.w-select[readonly],
fieldset[disabled]:not(.w-input-disabled) .w-input,
fieldset[disabled]:not(.w-input-disabled) .w-select {
  background-color: var(--1500);
}

/* -- Typeform -- */

[data-tf-live] > a {
  width: 100%;
  height: 100%;
  z-index: 1;
  position: relative;
}

.w-pagination-wrapper .button {
  border: 0px !important;
}

.collection_grid-item {
  opacity: 0;
}

.collection_grid-item:nth-child(-n + 12) {
  opacity: 1 !important;
}

.product-active {
  opacity: 1 !important;
}

.nav_drop-body::-webkit-scrollbar {
  width: 0.375rem;
  border-radius: 0rem;
}

.nav_drop-body::-webkit-scrollbar-track {
  background: #1f4236; /* Track color */
  border-radius: 0rem;
}

.nav_drop-body::-webkit-scrollbar-thumb {
  background: #112e25; /* Thumb color */
  border-radius: 0rem;
}

/* .nav_drop-body::-webkit-scrollbar-thumb:hover {
  background: #1f4236; 
} */
/* Hide the body by default in CSS */
.maison_commerce_filter-box-body {
  display: none;
}

/* Only show it if the parent has the active class */
.is-active-accordion .maison_commerce_filter-box-body {
  display: block;
}

/* Removes margin from the first element inside the body */
.maison_commerce_filter-box-body > :first-child {
  margin-top: 0;
}
/* Removes margin from the last element inside the body */
.maison_commerce_filter-box-body > :last-child {
  margin-bottom: 0;
}

/* [data-product-collection-list] {
  transition: none !important;
}

[data-product-collection-list-item] {
  transition: none !important;
} */

/* -- Product collection loader -- */

/* Initially hide the list to prevent any flicker */
[data-product-collection-list] {
  transition: opacity 0.8s ease;
}

/* The Loader Container */
.premium-loader-container {
  width: 100%;
  height: 30rem; /* Fixed height as requested */
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  background: #ffffff; /* Match your site background */
  z-index: 10;
}

/* Progress Bar Track */
.loader-progress-wrap {
  width: 200px;
  height: 2px;
  background: rgba(0, 0, 0, 0.05);
  margin-top: 20px;
  position: relative;
  overflow: hidden;
}

/* Progress Bar Fill */
.loader-progress-bar {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  width: 0%;
  background: #000;
  transition: width 0.3s ease;
}

.loader-text {
  font-family: inherit;
  font-size: 11px;
  letter-spacing: 0.15em;
  text-transform: uppercase;
  color: #000;
}

/* State: Finished */
.premium-loader-container.is-hidden {
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.5s ease;
}