html {
  touch-action: manipulation;
}

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

::-webkit-scrollbar {
  width: 0;
  height: 0;
}

@media (width <= 78rem) and (width >= 63rem) {
  :root {
    --font-size: 12px;
  }
}
@media (width < 63rem) and (width >= 46rem) {
  :root {
    --font-size: 10px;
  }
}
@media (width < 46rem) {
  :root {
    --font-size: 12px;
    --container-7xl:100%;
  }
  body {
    overflow-x: hidden;
  }
  section.s.t0 {
    --text-2xl: 2.75rem;
    --text-lg: 2rem;
    --text-7xl: 7rem;
    align-items: initial;
    justify-content: initial;
  }
  section.s.t0 .container {
    height: auto;
  }
  section.s.t2 {
    padding: calc(var(--spacing) * 32) calc(var(--spacing) * 8);
  }
  section.s.t2 .info > .description {
    font-size: var(--text-2xl);
    line-height: var(--tw-leading, var(--text-2xl--line-height));
  }
  section.s.t10 {
    padding: calc(var(--spacing) * 32) calc(var(--spacing) * 8);
  }
  section.s.t10 .body > .description {
    font-size: var(--text-2xl);
    line-height: var(--tw-leading, var(--text-2xl--line-height));
  }
  section.s.t23 {
    overflow: hidden;
  }
  section.s.t23 .body {
    flex-direction: column;
  }
  section.s.t34 {
    flex-direction: column;
    padding: calc(var(--spacing) * 32) calc(var(--spacing) * 8);
  }
  .s.t0a .info h1.h1 span {
    font-size: var(--text-6xl);
    line-height: 1;
  }
  .s.t2a {
    flex: 0 0 100%;
  }
  .s.t10a {
    flex: 0 0 100%;
  }
  .s.t10a:before {
    width: calc(var(--spacing) * 16);
    height: calc(var(--spacing) * 16);
    line-height: calc(var(--spacing) * 16);
    font-size: var(--text-3xl);
  }
  .s.t10a h3.title {
    font-size: var(--text-3xl);
    line-height: var(--tw-leading, var(--text-3xl--line-height));
  }
  .s.t10a .description {
    font-size: var(--text-2xl);
    line-height: var(--tw-leading, var(--text-2xl--line-height));
  }
  .HeaderSliderDescription {
    --text-lg:1.25rem;
    font-size: var(--text-xl);
    line-height: var(--leading-relaxed);
    padding: 0 calc(var(--spacing) * 8);
  }
  .HeaderSliderDescription p:has(.btn) {
    flex-direction: column;
  }
  .HeaderSliderDescription p.alt {
    font-size: var(--text-lg);
  }
  .HeaderSliderDescription p.price {
    font-size: var(--text-5xl);
    line-height: var(--tw-leading, var(--text-5xl--line-height));
  }
}
@media (width < 27rem) {
  :root {
    --font-size: 10px;
  }
}

/*# sourceMappingURL=responsive.css.map */