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

#main {
  margin-top: var(--header-height);
}

h4.gentder_items,
h3.color-title {
  font-size: 2.8rem;
}
#main .flex {
  flex-direction: column;
}

#main .section {
  padding-inline: 5%;
}

#hero {
  margin-bottom: var(--standardMargin);
}

#wrapping-img {
  object-fit: contain;
}

.swiper-slide img {
  object-fit: contain;
}

.section-lead {
  padding-inline: 3%;
}

.for_men {
  margin-bottom: 2rem;
}

#nav,
#staple {
  padding-inline: 5%;
  margin-inline: auto;
  max-width: var(--maxWidth);
}
