/**
 * Folies Secrètes — Harmonisation mobile heroes sous-catégories photo
 * Audit 2026-05-29 — référence parente #45 ; sous-cats compactes, texte bas, voile léger
 * Scope strict : sous-catégories premium uniquement (pas parentes #38–#45 v3/v2 LOCKED)
 */

/* --- Thème clair (Nouveautés, Soins intimes, Pour elle, Les indispensables) --- */

@media (max-width: 767px) {
  :is(
    body#category.category-id-46,
    body#category.category-id-47,
    body#category.category-id-48,
    body#category.category-id-49,
    body#category.category-id-50,
    body#category.category-id-51,
    body#category.category-id-52,
    body#category.category-id-53,
    body#category.category-id-54,
    body#category.category-id-55,
    body#category.category-id-56,
    body#category.category-id-57,
    body#category.category-id-58,
    body#category.category-id-74,
    body#category.category-id-75,
    body#category.category-id-76,
    body#category.category-id-77,
    body#category.category-id-78,
    body#category.category-id-79,
    body#category.category-id-80,
    body#category.category-id-81,
    body#category.category-id-98,
    body#category.category-id-99,
    body#category.category-id-100,
    body#category.category-id-101,
    body#category.category-id-102,
    body#category.category-id-103,
    body#category.category-id-104,
    body#category.category-id-105,
    body#category.category-id-106,
    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;
    justify-content: flex-end !important;
    min-height: clamp(332px, 81vw, 408px) !important;
    height: clamp(332px, 81vw, 408px) !important;
    max-height: 408px !important;
    background-position: center 30% !important;
    background-size: cover !important;
  }

  :is(
    body#category.category-id-46,
    body#category.category-id-47,
    body#category.category-id-48,
    body#category.category-id-49,
    body#category.category-id-50,
    body#category.category-id-51,
    body#category.category-id-52,
    body#category.category-id-53,
    body#category.category-id-54,
    body#category.category-id-55,
    body#category.category-id-56,
    body#category.category-id-57,
    body#category.category-id-58,
    body#category.category-id-74,
    body#category.category-id-75,
    body#category.category-id-76,
    body#category.category-id-77,
    body#category.category-id-78,
    body#category.category-id-79,
    body#category.category-id-80,
    body#category.category-id-81,
    body#category.category-id-98,
    body#category.category-id-99,
    body#category.category-id-100,
    body#category.category-id-101,
    body#category.category-id-102,
    body#category.category-id-103,
    body#category.category-id-104,
    body#category.category-id-105,
    body#category.category-id-106,
    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 40%,
      rgba(253, 252, 250, 0.1) 58%,
      rgba(253, 252, 250, 0.28) 78%,
      rgba(253, 252, 250, 0.4) 100%
    ) !important;
  }

  :is(
    body#category.category-id-46,
    body#category.category-id-47,
    body#category.category-id-48,
    body#category.category-id-49,
    body#category.category-id-50,
    body#category.category-id-51,
    body#category.category-id-52,
    body#category.category-id-53,
    body#category.category-id-54,
    body#category.category-id-55,
    body#category.category-id-56,
    body#category.category-id-57,
    body#category.category-id-58,
    body#category.category-id-74,
    body#category.category-id-75,
    body#category.category-id-76,
    body#category.category-id-77,
    body#category.category-id-78,
    body#category.category-id-79,
    body#category.category-id-80,
    body#category.category-id-81,
    body#category.category-id-98,
    body#category.category-id-99,
    body#category.category-id-100,
    body#category.category-id-101,
    body#category.category-id-102,
    body#category.category-id-103,
    body#category.category-id-104,
    body#category.category-id-105,
    body#category.category-id-106,
    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;
    margin-top: auto !important;
    padding: 1.2rem 1.1rem 1.3rem !important;
  }

  :is(
    body#category.category-id-46,
    body#category.category-id-47,
    body#category.category-id-48,
    body#category.category-id-49,
    body#category.category-id-50,
    body#category.category-id-51,
    body#category.category-id-52,
    body#category.category-id-53,
    body#category.category-id-54,
    body#category.category-id-55,
    body#category.category-id-56,
    body#category.category-id-57,
    body#category.category-id-58,
    body#category.category-id-74,
    body#category.category-id-75,
    body#category.category-id-76,
    body#category.category-id-77,
    body#category.category-id-78,
    body#category.category-id-79,
    body#category.category-id-80,
    body#category.category-id-81,
    body#category.category-id-98,
    body#category.category-id-99,
    body#category.category-id-100,
    body#category.category-id-101,
    body#category.category-id-102,
    body#category.category-id-103,
    body#category.category-id-104,
    body#category.category-id-105,
    body#category.category-id-106,
    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.38rem, 6.4vw, 1.68rem) !important;
    line-height: 1.16 !important;
    max-width: 100%;
    overflow-wrap: break-word;
  }

  :is(
    body#category.category-id-46,
    body#category.category-id-47,
    body#category.category-id-48,
    body#category.category-id-49,
    body#category.category-id-50,
    body#category.category-id-51,
    body#category.category-id-52,
    body#category.category-id-53,
    body#category.category-id-54,
    body#category.category-id-55,
    body#category.category-id-56,
    body#category.category-id-57,
    body#category.category-id-58,
    body#category.category-id-74,
    body#category.category-id-75,
    body#category.category-id-76,
    body#category.category-id-77,
    body#category.category-id-78,
    body#category.category-id-79,
    body#category.category-id-80,
    body#category.category-id-81,
    body#category.category-id-98,
    body#category.category-id-99,
    body#category.category-id-100,
    body#category.category-id-101,
    body#category.category-id-102,
    body#category.category-id-103,
    body#category.category-id-104,
    body#category.category-id-105,
    body#category.category-id-106,
    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 {
    font-size: clamp(0.8rem, 3.5vw, 0.88rem) !important;
    line-height: 1.55 !important;
    max-width: 36em;
  }
}

/* Nouveautés pour elle — cadrage mobile (sujet moins serré) */
@media (max-width: 767px) {
  body#category.category-id-58 .fs-cat-hero-v2 {
    background-position: center 26% !important;
  }
}

/* --- Thème sombre (Plaisirs à deux, Pour lui) — alignement texte bas --- */

@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,
    body#category.category-id-90,
    body#category.category-id-91,
    body#category.category-id-92,
    body#category.category-id-93,
    body#category.category-id-94,
    body#category.category-id-95,
    body#category.category-id-96,
    body#category.category-id-97
  ) .fs-cat-hero-v2__content {
    margin-top: auto !important;
    padding: 1.2rem 1.1rem 1.3rem !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,
    body#category.category-id-90,
    body#category.category-id-91,
    body#category.category-id-92,
    body#category.category-id-93,
    body#category.category-id-94,
    body#category.category-id-95,
    body#category.category-id-96,
    body#category.category-id-97
  ) .fs-cat-hero-v2__title {
    font-size: clamp(1.38rem, 6.2vw, 1.65rem) !important;
    line-height: 1.16 !important;
    overflow-wrap: break-word;
  }
}

/* Annule la règle générique fs-category-premium (575px) sur sous-catégories photo */
@media (max-width: 575px) {
  :is(
    body#category.category-id-46,
    body#category.category-id-47,
    body#category.category-id-48,
    body#category.category-id-49,
    body#category.category-id-50,
    body#category.category-id-51,
    body#category.category-id-52,
    body#category.category-id-53,
    body#category.category-id-54,
    body#category.category-id-55,
    body#category.category-id-56,
    body#category.category-id-57,
    body#category.category-id-58,
    body#category.category-id-74,
    body#category.category-id-75,
    body#category.category-id-76,
    body#category.category-id-77,
    body#category.category-id-78,
    body#category.category-id-79,
    body#category.category-id-80,
    body#category.category-id-81,
    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,
    body#category.category-id-90,
    body#category.category-id-91,
    body#category.category-id-92,
    body#category.category-id-93,
    body#category.category-id-94,
    body#category.category-id-95,
    body#category.category-id-96,
    body#category.category-id-97,
    body#category.category-id-98,
    body#category.category-id-99,
    body#category.category-id-100,
    body#category.category-id-101,
    body#category.category-id-102,
    body#category.category-id-103,
    body#category.category-id-104,
    body#category.category-id-105,
    body#category.category-id-106,
    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.32rem, 6vw, 1.58rem) !important;
    line-height: 1.18 !important;
  }
}