/**
 * Folies Secrètes — Heroes photo sous-catégories « Plaisirs à deux »
 * Scope strict : body#category.category-id-82 … #89 uniquement
 * GO intégration préprod direct plaisirs-a-deux 2026-05-29 — texte clair fond sombre 2026-05-29
 * Ne pas modifier #42 ni fs-category-hero-premium.css (LOCKED)
 */

/* ==========================================================================
   1. BASE COMMUNE — #82–#89 (compact, hiérarchie sous #42)
   ========================================================================== */

:is(
  body#category.category-id-82,
  body#category.category-id-83,
  body#category.category-id-84,
  body#category.category-id-85,
  body#category.category-id-86,
  body#category.category-id-87,
  body#category.category-id-88,
  body#category.category-id-89
) .fs-cat-hero-v2 {
  --fs-subcat-text: #fdfcfa;
  --fs-subcat-text-soft: rgba(253, 252, 250, 0.94);
  --fs-subcat-champagne: #d4b88a;
  --fs-subcat-rose-powder: #c9a0a8;
  --fs-subcat-fallback-bg: #2a2523;
  --fs-chp-font-serif: "Cormorant Garamond", Georgia, "Times New Roman", serif;
  --fs-chp-font-sans: "Manrope", system-ui, sans-serif;
  --fs-chp-gold: #d4b88a;

  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 sombre (franges bordeaux/noir) */
  background-color: var(--fs-subcat-fallback-bg) !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 #44 (hero v3 parent) */
  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-82,
  body#category.category-id-83,
  body#category.category-id-84,
  body#category.category-id-85,
  body#category.category-id-86,
  body#category.category-id-87,
  body#category.category-id-88,
  body#category.category-id-89
) .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-82,
  body#category.category-id-83,
  body#category.category-id-84,
  body#category.category-id-85,
  body#category.category-id-86,
  body#category.category-id-87,
  body#category.category-id-88,
  body#category.category-id-89
) .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 sombre progressif côté texte — sans cartouche */
  background: linear-gradient(
    90deg,
    rgba(26, 23, 22, 0.62) 0%,
    rgba(26, 23, 22, 0.38) 22%,
    rgba(26, 23, 22, 0.14) 40%,
    rgba(26, 23, 22, 0.03) 52%,
    transparent 62%
  ) !important;
  background-image: none !important;
  opacity: 1 !important;
}

:is(
  body#category.category-id-82,
  body#category.category-id-83,
  body#category.category-id-84,
  body#category.category-id-85,
  body#category.category-id-86,
  body#category.category-id-87,
  body#category.category-id-88,
  body#category.category-id-89
) .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-82,
  body#category.category-id-83,
  body#category.category-id-84,
  body#category.category-id-85,
  body#category.category-id-86,
  body#category.category-id-87,
  body#category.category-id-88,
  body#category.category-id-89
) .fs-cat-hero-v2__content::before {
  display: none !important;
  content: none !important;
  background: none !important;
  box-shadow: none !important;
}

:is(
  body#category.category-id-82,
  body#category.category-id-83,
  body#category.category-id-84,
  body#category.category-id-85,
  body#category.category-id-86,
  body#category.category-id-87,
  body#category.category-id-88,
  body#category.category-id-89
) .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-subcat-champagne) !important;
  text-shadow: 0 1px 14px rgba(0, 0, 0, 0.48) !important;
}

:is(
  body#category.category-id-82,
  body#category.category-id-83,
  body#category.category-id-84,
  body#category.category-id-85,
  body#category.category-id-86,
  body#category.category-id-87,
  body#category.category-id-88,
  body#category.category-id-89
) .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-subcat-champagne),
    rgba(201, 160, 168, 0.75),
    transparent
  ) !important;
}

:is(
  body#category.category-id-82,
  body#category.category-id-83,
  body#category.category-id-84,
  body#category.category-id-85,
  body#category.category-id-86,
  body#category.category-id-87,
  body#category.category-id-88,
  body#category.category-id-89
) .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-text) !important;
  text-shadow: 0 2px 24px rgba(0, 0, 0, 0.52) !important;
}

:is(
  body#category.category-id-82,
  body#category.category-id-83,
  body#category.category-id-84,
  body#category.category-id-85,
  body#category.category-id-86,
  body#category.category-id-87,
  body#category.category-id-88,
  body#category.category-id-89
) .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-text-soft) !important;
  text-shadow: 0 1px 18px rgba(0, 0, 0, 0.46) !important;
}

:is(
  body#category.category-id-82,
  body#category.category-id-83,
  body#category.category-id-84,
  body#category.category-id-85,
  body#category.category-id-86,
  body#category.category-id-87,
  body#category.category-id-88,
  body#category.category-id-89
) .fs-cat-hero-v2__decor {
  display: none !important;
}

@media (max-width: 767px) {
  :is(
    body#category.category-id-82,
    body#category.category-id-83,
    body#category.category-id-84,
    body#category.category-id-85,
    body#category.category-id-86,
    body#category.category-id-87,
    body#category.category-id-88,
    body#category.category-id-89
  ) .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-82,
    body#category.category-id-83,
    body#category.category-id-84,
    body#category.category-id-85,
    body#category.category-id-86,
    body#category.category-id-87,
    body#category.category-id-88,
    body#category.category-id-89
  ) .fs-cat-hero-v2::before {
    background: linear-gradient(
      180deg,
      rgba(26, 23, 22, 0.06) 0%,
      rgba(26, 23, 22, 0.02) 38%,
      rgba(26, 23, 22, 0.2) 72%,
      rgba(26, 23, 22, 0.48) 100%
    ) !important;
  }

  :is(
    body#category.category-id-82,
    body#category.category-id-83,
    body#category.category-id-84,
    body#category.category-id-85,
    body#category.category-id-86,
    body#category.category-id-87,
    body#category.category-id-88,
    body#category.category-id-89
  ) .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-82,
    body#category.category-id-83,
    body#category.category-id-84,
    body#category.category-id-85,
    body#category.category-id-86,
    body#category.category-id-87,
    body#category.category-id-88,
    body#category.category-id-89
  ) .fs-cat-hero-v2__content::before {
    display: none !important;
    content: none !important;
  }

  :is(
    body#category.category-id-82,
    body#category.category-id-83,
    body#category.category-id-84,
    body#category.category-id-85,
    body#category.category-id-86,
    body#category.category-id-87,
    body#category.category-id-88,
    body#category.category-id-89
  ) .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-89 .fs-cat-hero-v2 {
  --fs-chp-bg-webp-d: url("../img/category/subcategories/plaisirs-a-deux/fs-subcat-jouets-pour-couples-desktop-final.webp");
  --fs-chp-bg-jpg-d: url("../img/category/subcategories/plaisirs-a-deux/fs-subcat-jouets-pour-couples-desktop-final.jpg");
  --fs-chp-bg-webp-m: url("../img/category/subcategories/plaisirs-a-deux/fs-subcat-jouets-pour-couples-mobile-final.webp");
  --fs-chp-bg-jpg-m: url("../img/category/subcategories/plaisirs-a-deux/fs-subcat-jouets-pour-couples-mobile-final.jpg");
}

body#category.category-id-88 .fs-cat-hero-v2 {
  --fs-chp-bg-webp-d: url("../img/category/subcategories/plaisirs-a-deux/fs-subcat-anneaux-pour-couples-desktop-final.webp");
  --fs-chp-bg-jpg-d: url("../img/category/subcategories/plaisirs-a-deux/fs-subcat-anneaux-pour-couples-desktop-final.jpg");
  --fs-chp-bg-webp-m: url("../img/category/subcategories/plaisirs-a-deux/fs-subcat-anneaux-pour-couples-mobile-final.webp");
  --fs-chp-bg-jpg-m: url("../img/category/subcategories/plaisirs-a-deux/fs-subcat-anneaux-pour-couples-mobile-final.jpg");
}

body#category.category-id-87 .fs-cat-hero-v2 {
  --fs-chp-bg-webp-d: url("../img/category/subcategories/plaisirs-a-deux/fs-subcat-jeux-coquins-desktop-final.webp");
  --fs-chp-bg-jpg-d: url("../img/category/subcategories/plaisirs-a-deux/fs-subcat-jeux-coquins-desktop-final.jpg");
  --fs-chp-bg-webp-m: url("../img/category/subcategories/plaisirs-a-deux/fs-subcat-jeux-coquins-mobile-final.webp");
  --fs-chp-bg-jpg-m: url("../img/category/subcategories/plaisirs-a-deux/fs-subcat-jeux-coquins-mobile-final.jpg");
}

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

body#category.category-id-85 .fs-cat-hero-v2 {
  --fs-chp-bg-webp-d: url("../img/category/subcategories/plaisirs-a-deux/fs-subcat-coffrets-couples-desktop-final.webp");
  --fs-chp-bg-jpg-d: url("../img/category/subcategories/plaisirs-a-deux/fs-subcat-coffrets-couples-desktop-final.jpg");
  --fs-chp-bg-webp-m: url("../img/category/subcategories/plaisirs-a-deux/fs-subcat-coffrets-couples-mobile-final.webp");
  --fs-chp-bg-jpg-m: url("../img/category/subcategories/plaisirs-a-deux/fs-subcat-coffrets-couples-mobile-final.jpg");
}

body#category.category-id-84 .fs-cat-hero-v2 {
  --fs-chp-bg-webp-d: url("../img/category/subcategories/plaisirs-a-deux/fs-subcat-produits-telecommandes-desktop-final.webp");
  --fs-chp-bg-jpg-d: url("../img/category/subcategories/plaisirs-a-deux/fs-subcat-produits-telecommandes-desktop-final.jpg");
  --fs-chp-bg-webp-m: url("../img/category/subcategories/plaisirs-a-deux/fs-subcat-produits-telecommandes-mobile-final.webp");
  --fs-chp-bg-jpg-m: url("../img/category/subcategories/plaisirs-a-deux/fs-subcat-produits-telecommandes-mobile-final.jpg");
}

body#category.category-id-83 .fs-cat-hero-v2 {
  --fs-chp-bg-webp-d: url("../img/category/subcategories/plaisirs-a-deux/fs-subcat-produits-connectes-couples-desktop-final.webp");
  --fs-chp-bg-jpg-d: url("../img/category/subcategories/plaisirs-a-deux/fs-subcat-produits-connectes-couples-desktop-final.jpg");
  --fs-chp-bg-webp-m: url("../img/category/subcategories/plaisirs-a-deux/fs-subcat-produits-connectes-couples-mobile-final.webp");
  --fs-chp-bg-jpg-m: url("../img/category/subcategories/plaisirs-a-deux/fs-subcat-produits-connectes-couples-mobile-final.jpg");
}

body#category.category-id-82 .fs-cat-hero-v2 {
  --fs-chp-bg-webp-d: url("../img/category/subcategories/plaisirs-a-deux/fs-subcat-experiences-sensuelles-desktop-final.webp");
  --fs-chp-bg-jpg-d: url("../img/category/subcategories/plaisirs-a-deux/fs-subcat-experiences-sensuelles-desktop-final.jpg");
  --fs-chp-bg-webp-m: url("../img/category/subcategories/plaisirs-a-deux/fs-subcat-experiences-sensuelles-mobile-final.webp");
  --fs-chp-bg-jpg-m: url("../img/category/subcategories/plaisirs-a-deux/fs-subcat-experiences-sensuelles-mobile-final.jpg");
}

:is(
  body#category.category-id-82,
  body#category.category-id-83,
  body#category.category-id-84,
  body#category.category-id-85,
  body#category.category-id-86,
  body#category.category-id-87,
  body#category.category-id-88,
  body#category.category-id-89
) .fs-cat-hero-v2 {
  --fs-chp-bg-pos-d: 58% center;
  --fs-chp-bg-pos-m: center 38%;
}