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;
  --all-underlines-bottom: 12.5%;
  --all-underlines-height: 0.09rem;
}

/* -- Media -- */

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

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

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

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

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

/* -- 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;
}

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

.cart-active {
  overflow: hidden;
}

.menu-active {
  overflow: hidden;
}

/* -- Marquee Animatios -- */

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

/* -- 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;
}

/**/

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