:root {
  --header-height: 198px;
  --font-size-base: 16px;
  --font-size-lg: clamp(
    25.6px,
    calc(24.389189189189192px + 0.34594594594594585vw),
    32px
  );
  --maxWidth: 120rem;
  --standardMargin: 16rem;
  --jump-header: 53px;
}

#main h1 {
  font-size: 8rem;
}
h3.color-title {
  font-size: 3.8rem;
}

h4.gentder_items {
  font-size: 3.8rem;
}

#intro-wrapper {
  margin-top: -100vh;
  padding-top: 100vh;
  padding-bottom: 160px;
}

#lead {
  color: white;
}

#hero {
  position: sticky;
  top: 0;
  z-index: 1;
  height: 100vh;
}

[nh-list-product] li {
  width: 25%;
}

.limited_color [nh-list-product] li {
  width: 100%;
}
.swiper-button-prev,
.swiper-button-next {
  width: 6rem;
  height: 6rem;
}

.photo {
  aspect-ratio: 3 / 2;
}
[nh-list-product] li:nth-child(-n + 5) {
  border-left-width: 1px;
}
[nh-list-product] .text {
  text-align: center !important;
  margin-bottom: 0 !important;
}