/* MAISON YAMM — Unified perfume collections rail (v1.9.41)
 * Compact deterministic rhythm shared by Iconiques + all perfume collection hubs.
 * One source of truth controls hero → title → cards → labels → catalogue spacing.
 */

/* Root geometry normalized server-side on every rail page. */
body.yamm-perfume-collections-rail-active #page-container,
body.yamm-perfume-collections-rail-active #et-main-area,
body.yamm-perfume-collections-rail-active #main-content,
body.yamm-perfume-collections-rail-active .entry-content,
body.yamm-perfume-collections-rail-active .et-l--post,
body.yamm-perfume-collections-rail-active .et_builder_inner_content.product {
  margin-top: 0 !important;
  padding-top: 0 !important;
  border-top-width: 0 !important;
}

/*
 * V1.9.41 — the rail owns ALL space below the collection hero.
 * Historical page-specific hero margins (Privée, Arcanum, Iconiques, etc.)
 * are neutralized so every page starts from the same physical edge.
 */
body.yamm-perfume-collections-rail-active .yamm-collection-hero,
body.yamm-perfume-collections-rail-active .yamm-collection-hero--privee,
body.yamm-perfume-collections-rail-active .yamm-collection-hero--arcanum,
body.yamm-perfume-collections-rail-active .yamm-collection-hero--for-her-collection,
body.yamm-perfume-collections-rail-active .yamm-collection-hero--edition-interdite,
body.yamm-perfume-collections-rail-active .yamm-collection-hero--hors-series,
body.yamm-perfume-collections-rail-active .yamm-collection-hero--femme,
body.yamm-perfume-collections-rail-active .yamm-collection-hero--homme,
body.yamm-perfume-collections-rail-active .yamm-collection-hero--mixte,
body.yamm-perfume-collections-rail-active .yamm-collection-hero--iconiques {
  margin-bottom: 0 !important;
}

body.yamm-perfume-collections-rail-active #yamm-iconiques-collections,
body.yamm-perfume-collections-rail-active #yamm-iconiques-collections * {
  box-sizing: border-box !important;
  font-family: "Intrepid", "Helvetica Neue", Helvetica, Arial, sans-serif !important;
}

body.yamm-perfume-collections-rail-active #yamm-iconiques-collections {
  --yamm-collections-major-gap: 34px;
  --yamm-collections-label-gap: 10px;
  display: block !important;
  position: relative !important;
  z-index: 3 !important;
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  /* major gap: hero→title and labels→catalogue */
  padding: var(--yamm-collections-major-gap) 0 var(--yamm-collections-major-gap) !important;
  overflow: hidden !important;
  background: #fff !important;
  color: #111 !important;
}

body.yamm-perfume-collections-rail-active #yamm-iconiques-collections .yamm-iconiques-collections__title {
  display: block !important;
  width: auto !important;
  max-width: none !important;
  /* same major gap: title→collection images */
  margin: 0 0 var(--yamm-collections-major-gap) !important;
  padding: 0 clamp(30px, 3.15vw, 48px) !important;
  color: #171717 !important;
  font-size: clamp(25px, 1.72vw, 29px) !important;
  font-weight: 400 !important;
  font-style: normal !important;
  line-height: 1.12 !important;
  letter-spacing: .003em !important;
  text-align: left !important;
  text-transform: none !important;
}

body.yamm-perfume-collections-rail-active #yamm-iconiques-collections .yamm-iconiques-collections__viewport {
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
}

body.yamm-perfume-collections-rail-active #yamm-iconiques-collections .yamm-iconiques-collections__rail {
  --yamm-iconiques-carousel-edge: clamp(30px, 3.15vw, 48px);
  --yamm-iconiques-carousel-gap: 2px;
  display: flex !important;
  align-items: flex-start !important;
  justify-content: flex-start !important;
  gap: var(--yamm-iconiques-carousel-gap) !important;
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 var(--yamm-iconiques-carousel-edge) 1px !important;
  overflow-x: auto !important;
  overflow-y: hidden !important;
  scroll-snap-type: x proximity !important;
  scrollbar-width: none !important;
  -webkit-overflow-scrolling: touch !important;
}

body.yamm-perfume-collections-rail-active #yamm-iconiques-collections .yamm-iconiques-collections__rail::-webkit-scrollbar {
  display: none !important;
}

body.yamm-perfume-collections-rail-active #yamm-iconiques-collections .yamm-iconiques-collections__item {
  display: block !important;
  flex: 0 0 clamp(172px, 14.5vw, 214px) !important;
  width: clamp(172px, 14.5vw, 214px) !important;
  max-width: none !important;
  min-width: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  color: #6f6f6f !important;
  text-decoration: none !important;
  scroll-snap-align: start !important;
  -webkit-tap-highlight-color: transparent !important;
}

body.yamm-perfume-collections-rail-active #yamm-iconiques-collections .yamm-iconiques-collections__media {
  display: block !important;
  width: 100% !important;
  aspect-ratio: 1 / 1 !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
  background: #f3f3f3 !important;
  line-height: 0 !important;
}

body.yamm-perfume-collections-rail-active #yamm-iconiques-collections .yamm-iconiques-collections__media img {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 !important;
  object-fit: cover !important;
  object-position: center center !important;
  border: 0 !important;
  outline: 0 !important;
  transform: translateZ(0) !important;
}

body.yamm-perfume-collections-rail-active #yamm-iconiques-collections .yamm-iconiques-collections__label {
  display: block !important;
  width: 100% !important;
  margin: var(--yamm-collections-label-gap) 0 0 !important;
  padding: 0 5px !important;
  color: #6f6f6f !important;
  font-size: 13px !important;
  font-weight: 400 !important;
  font-style: normal !important;
  line-height: 1.24 !important;
  letter-spacing: .003em !important;
  text-align: center !important;
  text-transform: none !important;
  white-space: normal !important;
}

/*
 * The catalogue begins exactly after the rail's bottom major gap.
 * Neutralize page-specific top padding on the first Divi section/wrapper.
 */
body.yamm-perfume-collections-rail-active #yamm-iconiques-collections + .et-l--post,
body.yamm-perfume-collections-rail-active #yamm-iconiques-collections + .et_pb_section,
body.yamm-perfume-collections-rail-active #yamm-iconiques-collections + .et_builder_inner_content,
body.yamm-perfume-collections-rail-active #yamm-iconiques-collections + .woocommerce,
body.yamm-perfume-collections-rail-active #yamm-iconiques-collections + * {
  margin-top: 0 !important;
  padding-top: 0 !important;
  border-top-width: 0 !important;
}

body.yamm-perfume-collections-rail-active #yamm-iconiques-collections + .et-l--post .et_builder_inner_content > .et_pb_section:first-child,
body.yamm-perfume-collections-rail-active #yamm-iconiques-collections + .et_builder_inner_content > .et_pb_section:first-child,
body.yamm-perfume-collections-rail-active .yamm-collections-rail-target {
  margin-top: 0 !important;
  padding-top: 0 !important;
  border-top-width: 0 !important;
}

@media (hover: hover) and (pointer: fine) and (min-width: 981px) {
  body.yamm-perfume-collections-rail-active #yamm-iconiques-collections .yamm-iconiques-collections__item:hover .yamm-iconiques-collections__label,
  body.yamm-perfume-collections-rail-active #yamm-iconiques-collections .yamm-iconiques-collections__item:focus-visible .yamm-iconiques-collections__label {
    color: #111 !important;
  }
}

@media (max-width: 980px) {
  body.yamm-perfume-collections-rail-active #yamm-iconiques-collections {
    --yamm-collections-major-gap: 30px;
    --yamm-collections-label-gap: 9px;
    padding-top: var(--yamm-collections-major-gap) !important;
    padding-bottom: var(--yamm-collections-major-gap) !important;
  }

  body.yamm-perfume-collections-rail-active #yamm-iconiques-collections .yamm-iconiques-collections__title {
    margin-bottom: var(--yamm-collections-major-gap) !important;
    padding-left: 18px !important;
    padding-right: 18px !important;
    font-size: 21px !important;
    line-height: 1.14 !important;
    letter-spacing: 0 !important;
  }

  body.yamm-perfume-collections-rail-active #yamm-iconiques-collections .yamm-iconiques-collections__rail {
    --yamm-iconiques-carousel-gap: 2px;
    padding-left: 0 !important;
    padding-right: 0 !important;
    padding-bottom: 1px !important;
    scroll-snap-type: x mandatory !important;
  }

  body.yamm-perfume-collections-rail-active #yamm-iconiques-collections .yamm-iconiques-collections__item {
    flex: 0 0 calc((100vw - 4px) / 3) !important;
    width: calc((100vw - 4px) / 3) !important;
  }

  body.yamm-perfume-collections-rail-active #yamm-iconiques-collections .yamm-iconiques-collections__label {
    margin-top: var(--yamm-collections-label-gap) !important;
    padding: 0 5px !important;
    font-size: 14px !important;
    line-height: 1.2 !important;
    letter-spacing: 0 !important;
    color: #6b6b6b !important;
  }
}

/* Hors-Séries remains fully deterministic: no transform/margin seam controller. */
body.page-id-9630.yamm-perfume-collections-rail-active #yamm-iconiques-collections {
  grid-column: 1 / -1 !important;
  transform: none !important;
  translate: none !important;
}
body.page-id-9630.yamm-perfume-collections-rail-active #post-9630 .et_builder_inner_content.product.yamm-collections-rail-target {
  margin-top: 0 !important;
  padding-top: 0 !important;
  transform: none !important;
  translate: none !important;
}


/*
 * V1.9.44 — Parfums Iconiques had legacy page-id-15285 rules in the historical
 * route bundle with higher specificity. Re-declare the unified rail values with
 * equal/higher specificity so Iconiques is physically identical to every other
 * perfume hub, on desktop and mobile.
 */
html body.page-id-15285.yamm-perfume-collections-rail-active #yamm-iconiques-collections {
  --yamm-collections-major-gap: 34px !important;
  --yamm-collections-label-gap: 10px !important;
  margin: 0 !important;
  padding: var(--yamm-collections-major-gap) 0 var(--yamm-collections-major-gap) !important;
}

html body.page-id-15285.yamm-perfume-collections-rail-active #yamm-iconiques-collections .yamm-iconiques-collections__title {
  margin: 0 0 var(--yamm-collections-major-gap) !important;
  padding: 0 clamp(30px, 3.15vw, 48px) !important;
  font-size: clamp(25px, 1.72vw, 29px) !important;
  line-height: 1.12 !important;
  letter-spacing: .003em !important;
}

html body.page-id-15285.yamm-perfume-collections-rail-active #yamm-iconiques-collections .yamm-iconiques-collections__rail {
  --yamm-iconiques-carousel-edge: clamp(30px, 3.15vw, 48px) !important;
  --yamm-iconiques-carousel-gap: 2px !important;
  gap: var(--yamm-iconiques-carousel-gap) !important;
  padding: 0 var(--yamm-iconiques-carousel-edge) 1px !important;
}

html body.page-id-15285.yamm-perfume-collections-rail-active #yamm-iconiques-collections .yamm-iconiques-collections__item {
  flex: 0 0 clamp(172px, 14.5vw, 214px) !important;
  width: clamp(172px, 14.5vw, 214px) !important;
}

html body.page-id-15285.yamm-perfume-collections-rail-active #yamm-iconiques-collections .yamm-iconiques-collections__label {
  margin: var(--yamm-collections-label-gap) 0 0 !important;
  padding: 0 5px !important;
  font-size: 13px !important;
  line-height: 1.24 !important;
  letter-spacing: .003em !important;
}

@media (max-width: 980px) {
  html body.page-id-15285.yamm-perfume-collections-rail-active #yamm-iconiques-collections {
    --yamm-collections-major-gap: 30px !important;
    --yamm-collections-label-gap: 9px !important;
    padding-top: var(--yamm-collections-major-gap) !important;
    padding-bottom: var(--yamm-collections-major-gap) !important;
  }

  html body.page-id-15285.yamm-perfume-collections-rail-active #yamm-iconiques-collections .yamm-iconiques-collections__title {
    margin-bottom: var(--yamm-collections-major-gap) !important;
    padding-left: 18px !important;
    padding-right: 18px !important;
    font-size: 21px !important;
    line-height: 1.14 !important;
    letter-spacing: 0 !important;
  }

  html body.page-id-15285.yamm-perfume-collections-rail-active #yamm-iconiques-collections .yamm-iconiques-collections__rail {
    --yamm-iconiques-carousel-gap: 2px !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    padding-bottom: 1px !important;
  }

  html body.page-id-15285.yamm-perfume-collections-rail-active #yamm-iconiques-collections .yamm-iconiques-collections__item {
    flex: 0 0 calc((100vw - 4px) / 3) !important;
    width: calc((100vw - 4px) / 3) !important;
  }

  html body.page-id-15285.yamm-perfume-collections-rail-active #yamm-iconiques-collections .yamm-iconiques-collections__label {
    margin-top: var(--yamm-collections-label-gap) !important;
    padding: 0 5px !important;
    font-size: 14px !important;
    line-height: 1.2 !important;
    letter-spacing: 0 !important;
  }
}