/**
 * Folies Secrètes — Heroes photo sous-catégories « Les indispensables »
 * Scope strict : body#category.category-id-107 … #112 uniquement
 * GO intégration 2026-05-29 — polish visuel 2026-05-29 — voile texte allégé 2026-05-29
 * Ne pas modifier #45 ni fs-category-hero-premium.css (LOCKED)
 */

/* ==========================================================================
   1. BASE COMMUNE — #107–#112 (compact, hiérarchie sous #45)
   ========================================================================== */

:is(
  body#category.category-id-107,
  body#category.category-id-108,
  body#category.category-id-109,
  body#category.category-id-110,
  body#category.category-id-111,
  body#category.category-id-112
) .fs-cat-hero-v2 {
  --fs-subcat-ink: #1a1716;
  --fs-subcat-ink-soft: #4a4543;
  --fs-subcat-cream: #f5f0ea;
  --fs-subcat-ivory: #fdfcfa;
  --fs-chp-font-serif: "Cormorant Garamond", Georgia, "Times New Roman", serif;
  --fs-chp-font-sans: "Manrope", system-ui, sans-serif;
  --fs-chp-gold: #b8956b;

  position: relative !important;
  display: flex !important;
  align-items: center !important;
  overflow: hidden !important;
  width: 100% !important;
  max-width: 100% !important;
  margin: clamp(0.35rem, 1vw, 0.65rem) 0 clamp(0.75rem, 1.5vw, 1.15rem) !important;
  padding: 0 !important;
  border-radius: clamp(1rem, 1.8vw, 1.35rem) !important;
  border: 1px solid rgba(184, 149, 107, 0.14) !important;
  outline: none !important;
  box-shadow: 0 10px 28px rgba(26, 23, 22, 0.05) !important;

  /* Fallback clair (évite franges sombres aux bords / coins arrondis) */
  background-color: var(--fs-subcat-cream) !important;
  background-image: var(--fs-chp-bg-jpg-d) !important;
  background-image: image-set(
    var(--fs-chp-bg-webp-d) type("image/webp"),
    var(--fs-chp-bg-jpg-d) type("image/jpeg")
  ) !important;
  background-repeat: no-repeat !important;
  background-size: cover !important;
  background-position: var(--fs-chp-bg-pos-d, 58% center) !important;
  background-clip: border-box !important;

  /* Hauteur sous-catégorie : plus basse que #45 (~459 px desktop) */
  aspect-ratio: auto !important;
  height: clamp(260px, 22vw, 320px) !important;
  min-height: 260px !important;
  max-height: 320px !important;
}

/* Neutralise les pseudo-éléments Panda / customer-s1 (source des traits latéraux) */
:is(
  body#category.category-id-107,
  body#category.category-id-108,
  body#category.category-id-109,
  body#category.category-id-110,
  body#category.category-id-111,
  body#category.category-id-112
) .fs-cat-hero-v2::after {
  display: none !important;
  content: none !important;
  background: none !important;
  width: 0 !important;
  height: 0 !important;
}

:is(
  body#category.category-id-107,
  body#category.category-id-108,
  body#category.category-id-109,
  body#category.category-id-110,
  body#category.category-id-111,
  body#category.category-id-112
) .fs-cat-hero-v2::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  z-index: 1 !important;
  pointer-events: none !important;
  border-radius: inherit !important;
  /* Voile progressif sans bord net — lisibilité sans cartouche */
  background: radial-gradient(
    ellipse 92% 135% at 14% 50%,
    rgba(253, 252, 250, 0.34) 0%,
    rgba(253, 252, 250, 0.14) 42%,
    rgba(253, 252, 250, 0.03) 62%,
    transparent 78%
  ) !important;
  background-image: none !important;
  opacity: 1 !important;
}

:is(
  body#category.category-id-107,
  body#category.category-id-108,
  body#category.category-id-109,
  body#category.category-id-110,
  body#category.category-id-111,
  body#category.category-id-112
) .fs-cat-hero-v2__content {
  position: relative !important;
  z-index: 2 !important;
  flex: 0 1 min(44%, 34rem) !important;
  max-width: min(44%, 34rem) !important;
  margin: 0 !important;
  padding: clamp(1.15rem, 2.2vw, 1.65rem) clamp(1.25rem, 2.4vw, 1.85rem) !important;
  background: none !important;
  box-shadow: none !important;
}

/* Pas de panneau / cartouche — voile porté par le hero ::before uniquement */
:is(
  body#category.category-id-107,
  body#category.category-id-108,
  body#category.category-id-109,
  body#category.category-id-110,
  body#category.category-id-111,
  body#category.category-id-112
) .fs-cat-hero-v2__content::before {
  display: none !important;
  content: none !important;
  background: none !important;
  box-shadow: none !important;
}

:is(
  body#category.category-id-107,
  body#category.category-id-108,
  body#category.category-id-109,
  body#category.category-id-110,
  body#category.category-id-111,
  body#category.category-id-112
) .fs-cat-hero-v2__kicker {
  margin: 0 0 0.55rem !important;
  font-family: var(--fs-chp-font-sans) !important;
  font-size: 0.68rem !important;
  font-weight: 600 !important;
  letter-spacing: 0.2em !important;
  text-transform: uppercase !important;
  color: var(--fs-chp-gold) !important;
  text-shadow:
    0 1px 10px rgba(253, 252, 250, 0.55),
    0 1px 2px rgba(26, 23, 22, 0.06) !important;
}

:is(
  body#category.category-id-107,
  body#category.category-id-108,
  body#category.category-id-109,
  body#category.category-id-110,
  body#category.category-id-111,
  body#category.category-id-112
) .fs-cat-hero-v2__kicker::after {
  display: inline-block !important;
  content: "" !important;
  vertical-align: middle !important;
  width: 2rem !important;
  height: 1px !important;
  margin-left: 0.65rem !important;
  background: linear-gradient(90deg, var(--fs-chp-gold), transparent) !important;
}

:is(
  body#category.category-id-107,
  body#category.category-id-108,
  body#category.category-id-109,
  body#category.category-id-110,
  body#category.category-id-111,
  body#category.category-id-112
) .fs-cat-hero-v2__title {
  margin: 0 0 0.45rem !important;
  font-family: var(--fs-chp-font-serif) !important;
  font-size: clamp(1.65rem, 2.8vw, 2.15rem) !important;
  font-weight: 500 !important;
  line-height: 1.14 !important;
  letter-spacing: 0.02em !important;
  color: var(--fs-subcat-ink) !important;
  text-shadow:
    0 1px 16px rgba(253, 252, 250, 0.72),
    0 1px 4px rgba(26, 23, 22, 0.07) !important;
}

:is(
  body#category.category-id-107,
  body#category.category-id-108,
  body#category.category-id-109,
  body#category.category-id-110,
  body#category.category-id-111,
  body#category.category-id-112
) .fs-cat-hero-v2__intro {
  margin: 0 !important;
  font-family: var(--fs-chp-font-sans) !important;
  font-size: clamp(0.84rem, 1.15vw, 0.94rem) !important;
  line-height: 1.62 !important;
  color: var(--fs-subcat-ink-soft) !important;
  text-shadow:
    0 1px 12px rgba(253, 252, 250, 0.65),
    0 1px 3px rgba(26, 23, 22, 0.06) !important;
}

:is(
  body#category.category-id-107,
  body#category.category-id-108,
  body#category.category-id-109,
  body#category.category-id-110,
  body#category.category-id-111,
  body#category.category-id-112
) .fs-cat-hero-v2__decor {
  display: none !important;
}

@media (max-width: 767px) {
  :is(
    body#category.category-id-107,
    body#category.category-id-108,
    body#category.category-id-109,
    body#category.category-id-110,
    body#category.category-id-111,
    body#category.category-id-112
  ) .fs-cat-hero-v2 {
    align-items: flex-end !important;
    background-image: var(--fs-chp-bg-jpg-m) !important;
    background-image: image-set(
      var(--fs-chp-bg-webp-m) type("image/webp"),
      var(--fs-chp-bg-jpg-m) type("image/jpeg")
    ) !important;
    background-position: var(--fs-chp-bg-pos-m, center 38%) !important;
    background-size: cover !important;
    height: clamp(320px, 78vw, 400px) !important;
    min-height: 320px !important;
    max-height: 400px !important;
    aspect-ratio: auto !important;
  }

  :is(
    body#category.category-id-107,
    body#category.category-id-108,
    body#category.category-id-109,
    body#category.category-id-110,
    body#category.category-id-111,
    body#category.category-id-112
  ) .fs-cat-hero-v2::before {
    background: linear-gradient(
      180deg,
      transparent 0%,
      transparent 50%,
      rgba(253, 252, 250, 0.07) 68%,
      rgba(253, 252, 250, 0.22) 100%
    ) !important;
  }

  :is(
    body#category.category-id-107,
    body#category.category-id-108,
    body#category.category-id-109,
    body#category.category-id-110,
    body#category.category-id-111,
    body#category.category-id-112
  ) .fs-cat-hero-v2__content {
    flex: 0 1 auto !important;
    max-width: 100% !important;
    width: 100% !important;
    padding: 1.1rem 1.05rem 1.15rem !important;
  }

  :is(
    body#category.category-id-107,
    body#category.category-id-108,
    body#category.category-id-109,
    body#category.category-id-110,
    body#category.category-id-111,
    body#category.category-id-112
  ) .fs-cat-hero-v2__content::before {
    display: none !important;
    content: none !important;
  }

  :is(
    body#category.category-id-107,
    body#category.category-id-108,
    body#category.category-id-109,
    body#category.category-id-110,
    body#category.category-id-111,
    body#category.category-id-112
  ) .fs-cat-hero-v2__title {
    font-size: clamp(1.55rem, 7.5vw, 1.85rem) !important;
  }
}

/* ==========================================================================
   2. IMAGES PAR SOUS-CATÉGORIE
   ========================================================================== */

body#category.category-id-112 .fs-cat-hero-v2 {
  --fs-chp-bg-webp-d: url("../img/category/subcategories/les-indispensables/fs-subcat-112-best-sellers-desktop-final.webp");
  --fs-chp-bg-jpg-d: url("../img/category/subcategories/les-indispensables/fs-subcat-112-best-sellers-desktop-final.jpg");
  --fs-chp-bg-webp-m: url("../img/category/subcategories/les-indispensables/fs-subcat-112-best-sellers-mobile-final.webp");
  --fs-chp-bg-jpg-m: url("../img/category/subcategories/les-indispensables/fs-subcat-112-best-sellers-mobile-final.jpg");
}

body#category.category-id-111 .fs-cat-hero-v2 {
  --fs-chp-bg-webp-d: url("../img/category/subcategories/les-indispensables/fs-subcat-premiers-plaisirs-desktop-final.webp");
  --fs-chp-bg-jpg-d: url("../img/category/subcategories/les-indispensables/fs-subcat-premiers-plaisirs-desktop-final.jpg");
  --fs-chp-bg-webp-m: url("../img/category/subcategories/les-indispensables/fs-subcat-premiers-plaisirs-mobile-final.webp");
  --fs-chp-bg-jpg-m: url("../img/category/subcategories/les-indispensables/fs-subcat-premiers-plaisirs-mobile-final.jpg");
}

body#category.category-id-110 .fs-cat-hero-v2 {
  --fs-chp-bg-webp-d: url("../img/category/subcategories/les-indispensables/fs-subcat-selection-premium-desktop-final.webp");
  --fs-chp-bg-jpg-d: url("../img/category/subcategories/les-indispensables/fs-subcat-selection-premium-desktop-final.jpg");
  --fs-chp-bg-webp-m: url("../img/category/subcategories/les-indispensables/fs-subcat-selection-premium-mobile-final.webp");
  --fs-chp-bg-jpg-m: url("../img/category/subcategories/les-indispensables/fs-subcat-selection-premium-mobile-final.jpg");
}

body#category.category-id-109 .fs-cat-hero-v2 {
  --fs-chp-bg-webp-d: url("../img/category/subcategories/les-indispensables/fs-subcat-discretion-douceur-desktop-final.webp");
  --fs-chp-bg-jpg-d: url("../img/category/subcategories/les-indispensables/fs-subcat-discretion-douceur-desktop-final.jpg");
  --fs-chp-bg-webp-m: url("../img/category/subcategories/les-indispensables/fs-subcat-discretion-douceur-mobile-final.webp");
  --fs-chp-bg-jpg-m: url("../img/category/subcategories/les-indispensables/fs-subcat-discretion-douceur-mobile-final.jpg");
}

body#category.category-id-108 .fs-cat-hero-v2 {
  --fs-chp-bg-webp-d: url("../img/category/subcategories/les-indispensables/fs-subcat-idees-cadeaux-desktop-final.webp");
  --fs-chp-bg-jpg-d: url("../img/category/subcategories/les-indispensables/fs-subcat-idees-cadeaux-desktop-final.jpg");
  --fs-chp-bg-webp-m: url("../img/category/subcategories/les-indispensables/fs-subcat-idees-cadeaux-mobile-final.webp");
  --fs-chp-bg-jpg-m: url("../img/category/subcategories/les-indispensables/fs-subcat-idees-cadeaux-mobile-final.jpg");
}

body#category.category-id-107 .fs-cat-hero-v2 {
  --fs-chp-bg-webp-d: url("../img/category/subcategories/les-indispensables/fs-subcat-petits-prix-plaisir-desktop-final.webp");
  --fs-chp-bg-jpg-d: url("../img/category/subcategories/les-indispensables/fs-subcat-petits-prix-plaisir-desktop-final.jpg");
  --fs-chp-bg-webp-m: url("../img/category/subcategories/les-indispensables/fs-subcat-petits-prix-plaisir-mobile-final.webp");
  --fs-chp-bg-jpg-m: url("../img/category/subcategories/les-indispensables/fs-subcat-petits-prix-plaisir-mobile-final.jpg");
}

:is(
  body#category.category-id-107,
  body#category.category-id-108,
  body#category.category-id-109,
  body#category.category-id-110,
  body#category.category-id-111,
  body#category.category-id-112
) .fs-cat-hero-v2 {
  --fs-chp-bg-pos-d: 58% center;
  --fs-chp-bg-pos-m: center 38%;
}