/** Shopify CDN: Minification failed

Line 1162:1 Unexpected "="
Line 3998:0 Comments in CSS use "/* ... */" instead of "//"

**/
/* Import Playfair Display tous weights pour cohérence avec mockup */
@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:wght@500;600;700;800;900&display=swap');
.reveal{
  background-color : #fff !important;
  padding-top: 60px !important;
padding-bottom : 60px;
}
.ct-section {
  background: #FBF9F6;
  padding: 64px 24px;
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
  color: #000000;
}
@media (max-width: 768px) { .ct-section { padding: 48px 16px; } }

.ct-inner { max-width: 1080px; margin: 0 auto; }

/* Desktop large : 2 colonnes (texte à gauche, vidéo à droite) */
.ct-split {
  display: grid;
  grid-template-columns: 1fr 320px;
  gap: 56px;
  align-items: center;
}
.ct-text { order: 1; }
.ct-video-wrap { order: 2; }

/* Tablette + mobile : 1 colonne, vidéo en HAUT */
@media (max-width: 1024px) {
  .ct-split {
    grid-template-columns: 1fr;
    gap: 32px;
    max-width: 600px;
    margin: 0 auto;
  }
  .ct-video-wrap { order: 1; }
  .ct-text { order: 2; }
}

.ct-video-wrap {
  position: relative;
  width: 100%;
  max-width: 320px;
  margin: 0 auto;
}
.ct-video {
  display: block;
  width: 100%;
  aspect-ratio: 9 / 16;
  object-fit: cover;
  background: linear-gradient(135deg, #EBAFA3, #C46D5A);
  border-radius: 24px;
  box-shadow: 0 8px 28px rgba(196, 109, 90, 0.25);
  cursor: pointer;
}
.ct-duration {
  position: absolute;
  top: 16px;
  right: 16px;
  background: rgba(0, 0, 0, 0.55);
  color: #fff;
  font-size: 11px;
  font-weight: 500;
  padding: 4px 10px;
  border-radius: 20px;
  pointer-events: none;
}

.ct-eyebrow {
  font-size: 11px;
  text-transform: uppercase;
  letter-spacing: 2px;
  color: #C46D5A;
  font-weight: 600;
  margin-bottom: 12px;
}
.ct-title {
  font-family: 'Playfair Display', Georgia, serif;
  font-size: 32px;
  font-weight: 600;
  line-height: 1.2;
  margin: 0 0 14px;
  color: #000000;
  letter-spacing: -0.3px;
}
.ct-intro {
  font-size: 15px;
  color: #000000;
  line-height: 1.65;
  margin: 0 0 24px;
}
.ct-intro strong { color: #000000; }

@media (max-width: 1024px) {
  .ct-eyebrow, .ct-title, .ct-intro { text-align: center; }
}
@media (max-width: 768px) {
  .ct-title { font-size: 26px; }
}

.ct-substeps {
  display: grid;
  gap: 12px;
  margin-bottom: 24px;
}
.ct-substep {
  background: #fff;
  padding: 14px 18px;
  border-radius: 12px;
  display: flex;
  align-items: center;
  gap: 14px;
  box-shadow: 0 1px 2px rgba(42, 42, 42, 0.04);
  font-size: 14px;
  line-height: 1.5;
  color: #000000;
}
.ct-substep-num {
  width: 28px;
  height: 28px;
  border-radius: 50%;
  background: #FDF1ED;
  color: #C46D5A;
  font-weight: 700;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  font-size: 14px;
}
.ct-substep strong { color: #000000; font-weight: 700; }

/* Bonus : auto-fit — s'adapte tout seul (3 → 2 → 1 colonne selon la largeur) */
.ct-bonus {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
  gap: 14px;
  padding: 18px 20px;
  background: #fff;
  border-radius: 14px;
  border-left: 3px solid #C46D5A;
}
.ct-bonus-item {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  font-size: 13px;
  line-height: 1.45;
}
.ct-bonus-icon {
  font-size: 22px;
  line-height: 1;
  flex-shrink: 0;
  margin-top: 2px;
}
.ct-bonus-text { flex: 1; color: #000000; }
.ct-bonus-text strong {
  display: block;
  color: #000000;
  font-weight: 700;
  font-size: 13px;
  margin-bottom: 2px;
}


/* ============================================== */
/* 3. SÉLECTEUR VARIANTES — Layout hybride        */
/* Desktop : 3 options en ligne                   */
/* Mobile : 3 options empilées                    */
/* Palette Sahiya : fond #FAECE7, bordure         */
/* ============================================== */

.button{
  color : #ffffff !important;
  background-color: #B85D4A !important;
}
[animate] .highlighted-text[data-style=solid-color] {
    color: #B85D4A !important;
}
em.highlighted-text[data-style="circle"] svg path {
  stroke: #b85d4a !important;
}
.pill-badge-metafield{
  display: none;
}
.jdgm-write-rev-link,
.jdgm-write-rev-link a,
a.jdgm-write-rev-link {
  background-color: #E09C7A !important;
  color: #ffffff !important;
  border-color: #E09C7A !important;
}
.jdgm-rev__buyer-badge.jdgm-rev__buyer-badge {
 background-color: #E09C7A !important;
  color: #ffffff !important;
  border-color: #E09C7A !important;
}
.jdgm-rev__author {
  color : #b85d4a !important;
}
.jdgm-paginate__page {
  color : #E09C7A !important;
}

p.product__text.caption-with-letter-spacing {
  background-color :#EBAFA3 !important;
}
@media (max-width: 768px) {
  .sahiya-faq-list {
    grid-template-columns: 1fr !important;
    display: grid !important;
  }
}

.ct-section {
  background: #FBF9F6;
  padding: 64px 24px;
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
  color: #000000;
}
@media (max-width: 768px) { .ct-section { padding: 48px 16px; } }

.ct-inner { max-width: 1080px; margin: 0 auto; }

/* Desktop : texte à gauche, vidéo à droite */
.ct-split {
  display: grid;
  grid-template-columns: 1fr 320px;
  gap: 56px;
  align-items: center;
}
.ct-text { order: 1; }
.ct-video-wrap { order: 2; }

/* Mobile : tout en colonne, vidéo en HAUT, texte en bas */
@media (max-width: 768px) {
  .ct-split { grid-template-columns: 1fr; gap: 32px; }
  .ct-video-wrap { order: 1; }
  .ct-text { order: 2; }
}

.ct-video-wrap {
  position: relative;
  width: 100%;
  max-width: 320px;
  margin: 0 auto;
}
.ct-video {
  display: block;
  width: 100%;
  aspect-ratio: 9 / 16;
  object-fit: cover;
  background: linear-gradient(135deg, #EBAFA3, #C46D5A);
  border-radius: 24px;
  box-shadow: 0 8px 28px rgba(196, 109, 90, 0.25);
  cursor: pointer;
}
.ct-duration {
  position: absolute;
  top: 16px;
  right: 16px;
  background: rgba(0, 0, 0, 0.55);
  color: #fff;
  font-size: 11px;
  font-weight: 500;
  padding: 4px 10px;
  border-radius: 20px;
  pointer-events: none;
}

.ct-eyebrow {
  font-size: 11px;
  text-transform: uppercase;
  letter-spacing: 2px;
  color: #C46D5A;
  font-weight: 600;
  margin-bottom: 12px;
}
.ct-title {
  font-family: 'Playfair Display', Georgia, serif;
  font-size: 32px;
  font-weight: 600;
  line-height: 1.2;
  margin: 0 0 14px;
  color: #000000;
  letter-spacing: -0.3px;
}
.ct-intro {
  font-size: 15px;
  color: #000000;
  line-height: 1.65;
  margin: 0 0 24px;
}
.ct-intro strong { color: #000000; }
@media (max-width: 768px) {
  .ct-eyebrow, .ct-title, .ct-intro { text-align: center; }
  .ct-title { font-size: 26px; }
}

.ct-substeps {
  display: grid;
  gap: 12px;
  margin-bottom: 24px;
}
.ct-substep {
  background: #fff;
  padding: 14px 18px;
  border-radius: 12px;
  display: flex;
  align-items: center;
  gap: 14px;
  box-shadow: 0 1px 2px rgba(42, 42, 42, 0.04);
  font-size: 14px;
  line-height: 1.5;
  color: #000000;
}
.ct-substep-num {
  width: 28px;
  height: 28px;
  border-radius: 50%;
  background: #FDF1ED;
  color: #C46D5A;
  font-weight: 700;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  font-size: 14px;
}
.ct-substep strong { color: #000000; font-weight: 700; }

.ct-bonus {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 14px;
  padding: 18px 20px;
  background: #fff;
  border-radius: 14px;
  border-left: 3px solid #C46D5A;
}
@media (max-width: 768px) {
  .ct-bonus { grid-template-columns: 1fr; gap: 12px; }
}
.ct-bonus-item {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  font-size: 13px;
  line-height: 1.45;
}
.ct-bonus-icon {
  font-size: 22px;
  line-height: 1;
  flex-shrink: 0;
  margin-top: 2px;
}
.ct-bonus-text { flex: 1; color: #000000; }
.ct-bonus-text strong {
  display: block;
  color: #000000;
  font-weight: 700;
  font-size: 13px;
  margin-bottom: 2px;
}

/* === Style commun (desktop + mobile) === */

/* Bordure des options NON sélectionnées : rose pêche clair */
variant-selects .product-form__input--pill input.button-input__input:not(:checked) + label {
  background: #FFFFFF !important;
  box-shadow: inset 0 0 0 1px #FAECE7 !important;
  color: #000000 !important;
  transition: all 0.2s ease;
}

/* Hover sur option non sélectionnée : bordure plus visible */
variant-selects .product-form__input--pill input.button-input__input:not(:checked) + label:hover {
  box-shadow: inset 0 0 0 1.5px #E09C7A !important;
}

/* Option SÉLECTIONNÉE : fond rose pêche, texte noir, pas de bordure visible */
variant-selects .product-form__input--pill input.button-input__input:checked + label {
  background: #FAECE7 !important;
  box-shadow: inset 0 0 0 1px #FAECE7 !important;
  color: #000000 !important;
}

/* Le texte du prix sur l'option sélectionnée reste en noir aussi */
variant-selects .product-form__input--pill input[type=radio]:checked + label,
variant-selects .product-form__input--pill input[type=radio]:checked + label .variant-price,
variant-selects .product-form__input--pill input[type=radio]:checked + label .variant-price .price-item,
variant-selects .product-form__input--pill input[type=radio]:checked + label span {
  color: #000000 !important;
}

/* Badge "Économisez -X%" : fond terracotta foncé, texte blanc */
variant-selects .product-form__input--pill .variant-badge {
  background: #EBAFA3 !important;
  border-color: #E09C7A !important;
  border: 2px;
  border-radius :10px;
  color: #000000 !important;
  font-weight: 600 !important;
}


/* === DESKTOP : 3 options en ligne === */

@media (min-width: 1001px) {
  
  variant-selects .product-form__input--pill {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    gap: 12px !important;
    width: 100% !important;
  }
  
  variant-selects .product-form__input--pill label {
    width: calc((100% - 24px) / 3) !important;
    padding: 1.2em 0.8em !important;
    margin-bottom: 0 !important;
    margin-top: 0 !important;
    flex-direction: column !important;
    justify-content: center !important;
    align-items: center !important;
    text-align: center !important;
    gap: 6px !important;
    min-height: 90px !important;
  }
  
  variant-selects .product-form__input--pill label > span:first-child {
    font-weight: 600;
    font-size: 14px;
    width: 100% !important;
    text-align: center !important;
  }
  
  variant-selects .product-form__input--pill label .variant-price {
    width: 100% !important;
    text-align: center !important;
    font-size: 14px;
    font-weight: 700;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 2px;
  }
  
  variant-selects .product-form__input--pill label .variant-price s {
    font-size: 12px;
    color: #888;
    font-weight: 400;
  }
  
  variant-selects .product-form__input--pill .variant-badge {
    bottom: auto !important;
    top: -12px !important;
    font-size: 10px !important;
    padding: 4px 10px !important;
    white-space: nowrap;
  }
  
}
/* ============================================== */
/* SECTION X — Espacement variantes MOBILE        */
/* ============================================== */

@media screen and (max-width: 749px) {
  variant-selects .product-form__input--pill label[for*="-1-"] {
    margin-top: 0.4em !important;
    margin-bottom: 0.4em !important;
  }
}


/* === MOBILE & TABLETTE : empilées === */

@media (max-width: 1000px) {
  
  variant-selects .product-form__input--pill label {
    padding: 1.3em 1em !important;
    margin-bottom: 0.6em !important;
  }
  
}
/* ============================================== */
/* 4. WIDGET DELIVERY ESTIMATION                  */
/* Override couleur de fond (app Essentials)      */
/* Note: l'app ne permet pas de changer ce fond   */
/* depuis l'admin app, d'où l'override CSS        */
/* ============================================== */

.essential-estimated-delivery-card {
  background-color: transparent !important;
} 
.header__menu-item {
    padding: 1rem 1rem;
}
/* /* ============================================== */
/* 5. SECTIONS PRODUIT — Composants réutilisables */
/* Classes utilisables sur TOUTES les PDP Sahiya  */
/* Valeurs exactes du mockup HTML original         */
/* ============================================== */


/* === Conteneur de section FULL-WIDTH === */
.sahiya-section {
  width: 100vw;
  position: relative;
  left: 50%;
  right: 50%;
  margin-left: -50vw;
  margin-right: -50vw;
  padding: 64px 24px;
  background: #FDF1ED;
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  box-sizing: border-box;
  border-radius: 0 !important;
  border-top: none;
}


/* === Wrapper interne pour centrer le contenu === */
.sahiya-section-inner {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0;
}


/* === H2 de section — 38px (vraie valeur mockup) === */
.sahiya-section-title {
  font-family: 'Playfair Display', Georgia, 'Times New Roman', serif !important;
  font-size: 38px !important;
  font-weight: 700 !important;
  color: #000000 !important;
  line-height: 1.2 !important;
  letter-spacing: -0.5px !important;
  margin: 0 0 16px 0 !important;
  text-align: left !important;
  text-transform: none !important;
}


/* === Bloc explicatif encadré — max-width 760px (vraie valeur mockup) === */
.sahiya-explainer-box {
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  font-size: 17px !important;
  font-weight: 500;
  color: #000000;
  line-height: 1.6;
  margin: 8px 0 40px !important;
  max-width: 760px;
  padding: 20px 26px;
  background: #FFFFFF;
  border-left: 4px solid #C46D5A;
  border-radius: 6px;
  box-shadow: 0 2px 8px rgba(42, 42, 42, 0.05);
  box-sizing: border-box;
}

.sahiya-explainer-box p {
  margin: 0 !important;
  font-size: 17px !important;
  line-height: 1.6 !important;
  color: #000000 !important;
}

/* === Strong "Ce n'est pas génétique" — Playfair 19px (vraie valeur mockup) === */
.sahiya-explainer-highlight {
  font-family: 'Playfair Display', Georgia, 'Times New Roman', serif !important;
  font-weight: 700 !important;
  color: #B85D4A !important;
  font-size: 19px !important;
  display: inline;
  letter-spacing: -0.2px;
}

.sahiya-explainer-box em {
  font-family: 'Playfair Display', Georgia, 'Times New Roman', serif;
  font-style: italic;
  color: #C46D5A;
}


/* === Grille de stats 3 colonnes === */
.sahiya-stats-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 16px;
  width: 100%;
  box-sizing: border-box;
}


/* === Card stat individuelle === */
.sahiya-stat-card {
  background: #FFFFFF;
  border-radius: 12px;
  padding: 32px 24px;
  text-align: center;
  box-shadow: 0 2px 8px rgba(42, 42, 42, 0.05);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  min-height: 200px;
  box-sizing: border-box;
}

.sahiya-stat-number {
  font-family: 'Playfair Display', Georgia, 'Times New Roman', serif !important;
  font-size: 56px !important;
  font-weight: 700 !important;
  color: #C46D5A !important;
  line-height: 1 !important;
  margin-bottom: 16px !important;
}

.sahiya-stat-label {
  font-size: 14px;
  line-height: 1.4;
  color: #000000;
  margin-bottom: 12px;
  max-width: 240px;
}

.sahiya-stat-source {
  font-size: 12px;
  font-style: italic;
  color: #000000;
  margin-top: auto;
}


/* === Forcer le conteneur PARENT du thème à ne pas casser le rendu === */
.shopify-section:has(.sahiya-section) {
  padding: 0 !important;
  margin: 0 !important;
  background: transparent !important;
  border-radius: 0 !important;
  overflow: visible !important;
}


/* ============= RESPONSIVE ============= */

/* Tablette */
@media (max-width: 968px) {
  .sahiya-section {
    padding: 48px 20px;
  }
  .sahiya-section-title {
    font-size: 28px !important;
  }
  .sahiya-stat-number {
    font-size: 48px !important;
  }
}

/* Mobile (≤768px valeur du mockup) */
@media (max-width: 768px) {
  .sahiya-section {
    padding: 40px 16px;
  }
  .sahiya-section-title {
    font-size: 26px !important;
    line-height: 1.25 !important;
    margin-bottom: 16px !important;
  }
  .sahiya-explainer-box {
    font-size: 15px !important;
    padding: 16px 20px;
    margin-bottom: 28px !important;
  }
  .sahiya-explainer-box p {
    font-size: 15px !important;
  }
  .sahiya-explainer-highlight {
    font-size: 17px !important;
  }
}

/* Mobile petit : passage des stats en 1 colonne */
@media (max-width: 640px) {
  .sahiya-stats-grid {
    grid-template-columns: 1fr;
    gap: 12px;
  }
  .sahiya-stat-card {
    min-height: auto;
    padding: 24px 20px;
  }
  .sahiya-stat-number {
    font-size: 44px !important;
    margin-bottom: 12px !important;
  }
  .sahiya-stat-label {
    font-size: 14px;
  }
}
/* ============================================== */
/* 6. SECTION 3 MÉCANISMES — Réutilisable         */
/* Variante de section avec fond blanc            */
/* ============================================== */


/* === Variante : section sans fond rose (fond du thème) === */
.sahiya-section-white {
  background: #fff !important;
}


/* === Variante : H2 centré === */
.sahiya-section-title-center {
  text-align: center !important;
  margin-bottom: 48px !important;
}


/* === Grille 3 cards mécanismes === */
.sahiya-mecha-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 24px;
  margin-top: 32px;
}


/* === Card mécanisme individuelle === */
.sahiya-mecha-card {
  background: #FFFFFF;
  border: 1px solid #E5E0DB;
  border-radius: 16px;
  padding: 28px;
  box-shadow: 0 2px 8px rgba(42, 42, 42, 0.05);
  transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
  box-sizing: border-box;
}

.sahiya-mecha-card:hover {
  transform: translateY(-4px);
  box-shadow: 0 4px 16px rgba(42, 42, 42, 0.08);
}


/* === Zone image du mécanisme === */
.sahiya-mecha-image {
  width: 100%;
  height: 200px;
  background: #FDF1ED;
  border-radius: 12px;
  margin-bottom: 20px;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
}

.sahiya-mecha-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  display: block;
}


/* === Numéro du mécanisme (01, 02, 03) === */
.sahiya-mecha-num {
  font-family: 'Playfair Display', Georgia, 'Times New Roman', serif !important;
  font-size: 36px !important;
  font-weight: 700 !important;
  color: #EBAFA3 !important;
  line-height: 1 !important;
  margin-bottom: 8px !important;
}


/* === Titre du mécanisme === */
.sahiya-mecha-title {
  font-family: 'Playfair Display', Georgia, 'Times New Roman', serif !important;
  font-size: 22px !important;
  font-weight: 600 !important;
  margin-bottom: 10px !important;
  color: #C46D5A !important;
  letter-spacing: -0.2px;
}


/* === Texte du mécanisme === */
.sahiya-mecha-text {
  font-size: 14px;
  color: #000000;
  line-height: 1.6;
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
}

.sahiya-mecha-text strong {
  font-weight: 600;
  color: #000000;
}


/* ============= RESPONSIVE ============= */

/* Tablette : 2 colonnes */
@media (max-width: 968px) {
  .sahiya-mecha-grid {
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
  }
  .sahiya-mecha-card {
    padding: 24px;
  }
  .sahiya-mecha-image {
    height: 180px;
  }
  .sahiya-mecha-num {
    font-size: 32px !important;
  }
  .sahiya-mecha-title {
    font-size: 20px !important;
  }
}

/* Mobile : 1 colonne */
@media (max-width: 768px) {
  .sahiya-mecha-grid {
    grid-template-columns: 1fr;
    gap: 16px;
    margin-top: 24px;
  }
  .sahiya-section-title-center {
    margin-bottom: 32px !important;
  }
  .sahiya-mecha-card {
    padding: 20px;
  }
  .sahiya-mecha-image {
    height: 200px;
  }
}
/* ============================================== */
/* 7. SECTION H2 PRODUIT + TABLEAU COMPARATIF     */
/* ============================================== */

.sahiya-section-soft {
  background: #fff !important;
}

.sahiya-section-soft .sahiya-section-inner {
  max-width: 1200px !important;
  width: 100% !important;
  margin: 0 auto !important;
  padding: 0 24px !important;
  box-sizing: border-box;
}

/* === Intro descriptive — SPÉCIFICITÉ MAX === */
.sahiya-section-soft p.sahiya-section-intro,
.sahiya-section p.sahiya-section-intro {
  font-size: 17px !important;
  color: #000000 !important;
  line-height: 1.7 !important;
  max-width: 760px !important;
  margin: 0 auto 32px auto !important;
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif !important;
  text-align: center !important;
}

.sahiya-section-soft p.sahiya-section-intro strong {
  color: #000000 !important;
  font-weight: 600 !important;
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif !important;
  font-style: normal !important;
}

.sahiya-section-soft p.sahiya-section-intro em {
  font-family: 'Playfair Display', Georgia, serif !important;
  font-style: italic !important;
  color: #C46D5A !important;
  font-weight: 400 !important;
}

.sahiya-section-soft p.sahiya-section-intro em strong,
.sahiya-section-soft p.sahiya-section-intro strong em {
  font-family: 'Playfair Display', Georgia, serif !important;
  font-style: italic !important;
  color: #C46D5A !important;
  font-weight: 700 !important;
}

/* === Tableau wrapper === */
.sahiya-compare-wrapper {
  background: #FFFFFF !important;
  border-radius: 16px !important;
  padding: 36px !important;
  overflow-x: auto;
  border: 1px solid #E5E0DB !important;
  box-shadow: 0 4px 16px rgba(42, 42, 42, 0.06) !important;
  max-width: 900px !important;
  width: 100% !important;
  margin: 0 auto !important;
  box-sizing: border-box;
}

.sahiya-compare-table {
  width: 100% !important;
  border-collapse: collapse !important;
  font-size: 14px !important;
  min-width: 500px;
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif !important;
  background: transparent !important;
}

.sahiya-compare-table th,
.sahiya-compare-table td {
  padding: 16px 12px !important;
  text-align: left !important;
  border-bottom: 1px solid #E5E0DB !important;
  background: transparent;
}

.sahiya-compare-table th {
  font-weight: 700 !important;
  font-size: 13px !important;
  color: #000000 !important;
}

.sahiya-compare-table th.sahiya-col-bad {
  color: #D85A4A !important;
}

.sahiya-compare-table th.sahiya-col-good {
  color: #C46D5A !important;
}

.sahiya-compare-table .sahiya-col-bad-cell {
  background: rgba(216, 90, 74, 0.04) !important;
  color: #D85A4A !important;
}

.sahiya-compare-table .sahiya-col-good-cell {
  background: rgba(196, 109, 90, 0.06) !important;
  color: #B85D4A !important;
  font-weight: 600 !important;
}

.sahiya-compare-table td:first-child {
  font-weight: 600 !important;
  color: #000000 !important;
}

.sahiya-compare-table tbody tr:last-child td {
  border-bottom: none !important;
}

/* === RESPONSIVE === */
@media (max-width: 968px) {
  .sahiya-compare-wrapper {
    padding: 28px 20px !important;
  }
  .sahiya-compare-table {
    font-size: 13px !important;
  }
  .sahiya-compare-table th,
  .sahiya-compare-table td {
    padding: 14px 10px !important;
  }
}

@media (max-width: 768px) {
  .sahiya-section-soft p.sahiya-section-intro {
    font-size: 15px !important;
    line-height: 1.6 !important;
    margin-bottom: 28px !important;
  }
  
  .sahiya-compare-wrapper {
    padding: 16px !important;
    border-radius: 12px !important;
    overflow-x: visible;
  }
  
  .sahiya-compare-table {
    min-width: auto !important;
    display: block !important;
    width: 100% !important;
  }
  
  .sahiya-compare-table thead {
    display: none !important;
  }
  
  .sahiya-compare-table tbody {
    display: block !important;
    width: 100% !important;
  }
  
  .sahiya-compare-table tbody tr {
    display: block !important;
    width: 100% !important;
    background: #FAF9F7 !important;
    border-radius: 10px !important;
    padding: 16px !important;
    margin-bottom: 14px !important;
    border: 1px solid #E5E0DB !important;
  }
  
  .sahiya-compare-table tbody tr:last-child {
    margin-bottom: 0 !important;
  }
  
  .sahiya-compare-table tbody td {
    display: block !important;
    width: 100% !important;
    padding: 0 !important;
    border-bottom: none !important;
    text-align: left !important;
    background: transparent !important;
  }
  
  .sahiya-compare-table tbody td:first-child {
    font-family: 'Playfair Display', Georgia, serif !important;
    font-size: 16px !important;
    font-weight: 700 !important;
    color: #000000 !important;
    margin-bottom: 12px !important;
    padding-bottom: 12px !important;
    border-bottom: 1px solid #E5E0DB !important;
  }
  
  .sahiya-compare-table tbody td.sahiya-col-bad-cell {
    color: #D85A4A !important;
    padding: 6px 0 6px 100px !important;
    font-size: 14px !important;
    line-height: 1.4 !important;
    position: relative;
  }
  
  .sahiya-compare-table tbody td.sahiya-col-bad-cell::before {
    content: "Classique :";
    position: absolute;
    left: 0;
    top: 6px;
    color: #000000;
    font-weight: 600;
    font-size: 13px;
  }
  
  .sahiya-compare-table tbody td.sahiya-col-good-cell {
    color: #B85D4A !important;
    font-weight: 600 !important;
    padding: 6px 0 6px 100px !important;
    font-size: 14px !important;
    line-height: 1.4 !important;
    position: relative;
  }
  
  .sahiya-compare-table tbody td.sahiya-col-good-cell::before {
    content: "Scalp Guard™ :";
    position: absolute;
    left: 0;
    top: 6px;
    color: #000000;
    font-weight: 600;
    font-size: 13px;
  }
}
/* À ajouter UNIQUEMENT si une photo est mal centrée */
.sahiya-testimonial-img img {
  object-position: center top !important;
}
@media (max-width: 380px) {
  .sahiya-compare-table tbody td.sahiya-col-bad-cell,
  .sahiya-compare-table tbody td.sahiya-col-good-cell {
    padding-left: 0 !important;
    padding-top: 22px !important;
  }
  
  .sahiya-compare-table tbody td.sahiya-col-bad-cell::before,
  .sahiya-compare-table tbody td.sahiya-col-good-cell::before {
    top: 0;
    font-size: 11px;
  }
  
  .sahiya-compare-table tbody td:first-child {
    font-size: 15px !important;
  }
}
#sous-hijab{
    font-style :italic !important;
    font-weight: 800 !important;

}
/* ============================================== */
/* 8. SECTION "C'EST POUR TOI SI / PAS POUR TOI"  */
/* Valeurs exactes du mockup                       */
/* ============================================== */


/* ============================================== */
/* 9. SECTION "3 ÉTAPES PROTOCOLE"                */
/* Valeurs exactes du mockup                       */
/* ========/* ============================================================
   SAHIYA — "C'est pour toi ?" (premium · variante 1 · fond blanc)
   ============================================================ */
.sahiya-section .sahiya-fit-subtitle{
  text-align:center;max-width:540px;margin:14px auto 46px;
  font-family:'Inter',sans-serif;font-size:16px;line-height:1.6;color:#5B5752;
}

.sahiya-section .sahiya-fit-grid{
  display:flex;flex-wrap:wrap;gap:24px;max-width:980px;margin:0 auto;align-items:stretch;
}
.sahiya-section .sahiya-fit-card{
  flex:1 1 340px;background:#FFFFFF;border-radius:20px;padding:36px 34px;
  border:1px solid #E5E0DB;box-shadow:0 4px 28px rgba(42,42,42,.05);
  transition:transform .25s ease, box-shadow .25s ease;
}
.sahiya-section .sahiya-fit-card:hover{transform:translateY(-3px);box-shadow:0 10px 34px rgba(42,42,42,.08);}
.sahiya-section .sahiya-fit-yes{border:1.5px solid #E3A08F;}

.sahiya-section .sahiya-fit-header{
  display:flex;align-items:center;gap:12px;margin-bottom:24px;
  font-family:'Inter',sans-serif;font-size:12px;font-weight:600;
  letter-spacing:1.6px;text-transform:uppercase;
}
.sahiya-section .sahiya-fit-yes .sahiya-fit-header{color:#C46D5A;}
.sahiya-section .sahiya-fit-no .sahiya-fit-header{color:#9A8E87;}

.sahiya-section .sahiya-fit-badge{
  flex-shrink:0;width:30px;height:30px;border-radius:50%;
  display:flex;align-items:center;justify-content:center;
}
.sahiya-section .sahiya-fit-badge svg{width:16px;height:16px;fill:none;}
.sahiya-section .sahiya-fit-yes .sahiya-fit-badge{background:#C46D5A;}
.sahiya-section .sahiya-fit-yes .sahiya-fit-badge svg{stroke:#FFFFFF;}
.sahiya-section .sahiya-fit-no .sahiya-fit-badge{background:#F3EDE9;}
.sahiya-section .sahiya-fit-no .sahiya-fit-badge svg{stroke:#B0928A;}

.sahiya-section .sahiya-fit-list{list-style:none;margin:0;padding:0;}
.sahiya-section .sahiya-fit-list li{
  font-family:'Inter',sans-serif;font-size:15px;line-height:1.55;color:#2A2A2A;
  padding:16px 0;border-bottom:1px solid #F0ECE7;
}
.sahiya-section .sahiya-fit-list li:first-child{padding-top:0;}
.sahiya-section .sahiya-fit-list li:last-child{border-bottom:none;padding-bottom:0;}
.sahiya-section .sahiya-fit-list strong{color:#C46D5A;font-weight:600;}

@media(max-width:768px){
  .sahiya-section .sahiya-fit-card{padding:28px 24px;}
  .sahiya-section .sahiya-fit-grid{gap:18px;}
}====================================== */


/* === Grille 3 colonnes === */
.sahiya-protocol-steps {
  display: grid !important;
  grid-template-columns: repeat(3, 1fr) !important;
  gap: 32px !important;
  margin-top: 32px !important;
  max-width: 1000px !important;
  margin-left: auto !important;
  margin-right: auto !important;
}


/* === Step individuelle === */
.sahiya-protocol-step {
  text-align: center !important;
}


/* === Numéro rond terracotta === */
.sahiya-step-num {
  width: 64px !important;
  height: 64px !important;
  border-radius: 50% !important;
  background: #C46D5A !important;
  color: #FFFFFF !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  font-family: 'Playfair Display', Georgia, 'Times New Roman', serif !important;
  font-weight: 700 !important;
  font-size: 28px !important;
  margin: 0 auto 16px auto !important;
  box-sizing: border-box;
}


/* === Texte sous le numéro === */
.sahiya-step-text {
  font-size: 15px !important;
  color: #000000 !important;
  line-height: 1.6 !important;
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif !important;
}


/* === Titre de l'étape (Enfile / Porte-le / Constate) === */
.sahiya-step-text strong {
  display: block !important;
  font-family: 'Playfair Display', Georgia, 'Times New Roman', serif !important;
  font-size: 17px !important;
  font-weight: 700 !important;
  margin-bottom: 6px !important;
  color: #C46D5A !important;
}


/* ============= RESPONSIVE ============= */

/* Mobile : passage en 1 colonne */
@media (max-width: 768px) {
  .sahiya-protocol-steps {
    grid-template-columns: 1fr !important;
    gap: 20px !important;
    margin-top: 24px !important;
  }
  
  .sahiya-step-num {
    width: 56px !important;
    height: 56px !important;
    font-size: 24px !important;
    margin-bottom: 12px !important;
  }
  
  .sahiya-step-text {
    font-size: 14px !important;
  }
  
  .sahiya-step-text strong {
    font-size: 16px !important;
  }
}/* ============================================== */
/* 10. SECTION TÉMOIGNAGES                         */
/* Valeurs exactes du mockup                       */
/* ============================================== */


/* === Label "Résultats observés" (réutilisable) === */
.sahiya-founder-label {
  font-size: 11px !important;
  text-transform: uppercase !important;
  color: #C46D5A !important;
  letter-spacing: 2px !important;
  font-weight: 600 !important;
  margin-bottom: 12px !important;
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif !important;
}

.sahiya-founder-label-center {
  text-align: center !important;
  margin-bottom: 8px !important;
}


/* === Grille 3 colonnes témoignages === */
.sahiya-testimonials-grid {
  display: grid !important;
  grid-template-columns: repeat(3, 1fr) !important;
  gap: 24px !important;
  margin-top: 32px !important;
  max-width: 1200px !important;
  margin-left: auto !important;
  margin-right: auto !important;
}


/* === Card témoignage === */
.sahiya-testimonial-card {
  background: #FFFFFF !important;
  padding: 32px 24px !important;
  border-radius: 16px !important;
  border: 1px solid #E5E0DB !important;
  text-align: center !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  box-shadow: 0 2px 8px rgba(42, 42, 42, 0.05) !important;
  transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
  box-sizing: border-box;
}

.sahiya-testimonial-card:hover {
  transform: translateY(-4px);
  box-shadow: 0 4px 16px rgba(42, 42, 42, 0.08) !important;
}


/* === Image / Initiale rond === */
.sahiya-testimonial-img {
  width: 100px !important;
  height: 100px !important;
  border-radius: 50% !important;
  background: linear-gradient(135deg, #FDF1ED 0%, #F0E8E2 100%) !important;
  margin: 0 auto 18px auto !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  font-size: 36px !important;
  font-family: 'Playfair Display', Georgia, serif !important;
  font-weight: 700 !important;
  color: #C46D5A !important;
  box-shadow: 0 0 0 4px #FFFFFF, 0 0 0 5px #EBAFA3 !important;
  box-sizing: border-box;
  overflow: hidden;
}

/* Si tu remplaces plus tard par une vraie <img> elle s'adaptera */
.sahiya-testimonial-img img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  border-radius: 50% !important;
}


/* === Citation en italique === */
.sahiya-testimonial-quote {
  font-family: Inter, Georgia, serif !important;
  font-style: italic !important;
  font-size: 16px !important;
  color: #000000 !important;
  line-height: 1.55 !important;
  margin: 0 0 14px 0 !important;
}

.sahiya-testimonial-quote::before {
  content: "« ";
  color: #EBAFA3;
}

.sahiya-testimonial-quote::after {
  content: " »";
  color: #EBAFA3;
}


/* === Meta (Nom · Durée) === */
.sahiya-testimonial-meta {
  font-size: 12px !important;
  color: #C46D5A !important;
  font-weight: 600 !important;
  margin-bottom: 12px !important;
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif !important;
}


/* === Tags === */
.sahiya-testimonial-tags {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 6px !important;
  justify-content: center !important;
}

.sahiya-testimonial-tags span {
  font-size: 10px !important;
  background: #FBF9F6 !important;
  color: #000000 !important;
  padding: 4px 10px !important;
  border-radius: 20px !important;
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif !important;
  font-weight: 500 !important;
}


/* ============= RESPONSIVE ============= */

@media (max-width: 968px) {
  .sahiya-testimonials-grid {
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 20px !important;
  }
}

@media (max-width: 768px) {
  .sahiya-testimonials-grid {
    grid-template-columns: 1fr !important;
    gap: 16px !important;
  }
  
  .sahiya-testimonial-card {
    padding: 24px 20px !important;
  }
  
  .sahiya-testimonial-img {
    width: 80px !important;
    height: 80px !important;
    font-size: 28px !important;
    margin-bottom: 14px !important;
  }
  
  .sahiya-testimonial-quote {
    font-size: 15px !important;
  }
}
/* ============================================== */
/* 11. SECTION FONDATRICE                          */
/* Valeurs exactes du mockup                       */
/* ============================================== */


/* === Variante : fond peach === */
.sahiya-section-peach {
  background: #FDF1ED !important;
}


/* === Bloc fondatrice 2 colonnes (photo | texte) === */
.sahiya-founder-block {
  display: grid !important;
  grid-template-columns: 1fr 1.5fr !important;
  gap: 48px !important;
  align-items: center !important;
  max-width: 1100px !important;
  margin: 0 auto !important;
}


/* === Image / Placeholder photo Noor === */
.sahiya-founder-img {
  aspect-ratio: 4/5;
  border-radius: 16px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  box-shadow: 0 4px 16px rgba(42, 42, 42, 0.06) !important;
  position: relative;
  overflow: hidden;
  box-sizing: border-box;
}

.sahiya-founder-img::before {
  content: '';
  position: absolute;
  inset: 0;
}


/* Si tu remplaces plus tard par une vraie <img> elle s'adaptera */
.sahiya-founder-img img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  border-radius: 16px !important;
}


/* === Bloc texte === */
.sahiya-founder-text {
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
}


/* === Nom de la fondatrice (h3) === */
.sahiya-founder-name {
  font-family: 'Playfair Display', Georgia, 'Times New Roman', serif !important;
  font-size: 32px !important;
  font-weight: 600 !important;
  color: #000000 !important;
  line-height: 1.2 !important;
  margin: 0 0 8px 0 !important;
  letter-spacing: -0.3px;
}


/* === Citation de la fondatrice === */
.sahiya-founder-quote {
  font-family: 'Playfair Display', Georgia, 'Times New Roman', serif !important;
  font-style: italic !important;
  font-size: 20px !important;
  color: #000000 !important;
  line-height: 1.6 !important;
  margin: 16px 0 !important;
}

.sahiya-founder-quote::before {
  content: "« ";
  color: #EBAFA3;
}

.sahiya-founder-quote::after {
  content: " »";
  color: #EBAFA3;
}


/* === Signature === */
.sahiya-founder-sign {
  font-size: 14px !important;
  color: #C46D5A !important;
  font-weight: 600 !important;
  margin-bottom: 16px !important;
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif !important;
}


/* === Paragraphe descriptif sous la signature === */
.sahiya-founder-text p {
  font-size: 14px !important;
  color: #000000 !important;
  line-height: 1.6 !important;
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif !important;
  margin: 0 !important;
}

.sahiya-founder-text p strong {
  color: #000000 !important;
  font-weight: 600 !important;
}


/* ============= RESPONSIVE ============= */

/* Mobile : passage en 1 colonne */
@media (max-width: 768px) {
  .sahiya-founder-block {
    grid-template-columns: 1fr !important;
    gap: 24px !important;
    text-align: center !important;
  }
  
  .sahiya-founder-img {
    max-width: 280px;
    margin: 0 auto;
  }
  
  .sahiya-founder-name {
    font-size: 26px !important;
  }
  
  .sahiya-founder-quote {
    font-size: 17px !important;
  }
}
/* Fix débordement image dans rond témoignage */
.sahiya-testimonial-img {
  overflow: hidden !important;
  flex-shrink: 0 !important;
}
.sg-tutorial-container {
    max-width: 600px;
    margin: 20px auto;
    padding: 0 15px;
  }

  .sg-tutorial-step {
    display: flex;
    align-items: flex-start;
    margin-bottom: 20px; /* Espace entre les blocs */
  }

  .sg-tutorial-step:last-child {
    margin-bottom: 0;
  }

  .sg-number {
    font-family: 'Inter', sans-serif !important;
    font-size: 16px !important;
    font-weight: 600 !important; /* Chiffres légèrement plus épais pour le contraste */
    color: #000000 !important;
    margin-right: 12px;
    line-height: 1.6;
    white-space: nowrap;
  }

  .sg-text {
    font-family: 'Inter', sans-serif !important;
    font-size: 16px !important;
    color: #000000 !important;
    line-height: 1.6;
    margin: 0; /* Reset des marges par défaut des paragraphes */
  }
.sg-delivery-container {
    max-width: 600px;
    margin: 20px auto;
    padding: 0 15px;
  }

  .sg-text {
    font-family: 'Inter', sans-serif !important;
    font-size: 16px !important;
    color: #000000 !important;
    line-height: 1.6;
    margin: 0 0 16px 0; /* Espace entre les paragraphes */
  }

  .sg-text:last-child {
    margin-bottom: 0;
  }
  .sg-features-container {
    max-width: 600px;
    margin: 20px auto;
    padding: 0 15px;
  }

  .sg-features-list {
    margin: 0;
    padding-left: 20px; /* Espace pour les puces */
    list-style-type: disc !important; /* Force les puces rondes normales */
  }

  .sg-feature-item {
    font-family: 'Inter', sans-serif !important;
    font-size: 16px !important;
    color: #000000 !important;
    line-height: 1.6;
    margin-bottom: 12px; /* Espace entre chaque ligne */
  }

  .sg-feature-item:last-child {
    margin-bottom: 0;
  }

/* ============================================== */
/* 13. SECTION UPSELL FLEXIBLE V10 — Carte plate   */
/* Bouton à droite, cohérence CTA principal       */
/* ============================================== */

/* ============================================== */
/* 13. SECTION UPSELL FLEXIBLE V10 — Carte plate   */
/* Profil en haut largeur full + ligne contenu     */
/* ============================================== */

.sahiya-upsell-card {
  background: #FFFFFF !important;
  border: 1px solid #E5E0DB !important;
  border-radius: 14px !important;
  padding: 14px 16px !important;
  margin: 0 0 12px 0 !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 10px !important;
  position: relative !important;
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif !important;
  box-sizing: border-box;
  transition: all 0.25s ease !important;
}

.sahiya-upsell-card:hover {
  border-color: #EBAFA3 !important;
  transform: translateY(-1px);
  box-shadow: 0 4px 12px rgba(196,109,90,0.08) !important;
}

.sahiya-upsell-card--highlighted {
  border: 2px solid #C46D5A !important;
  box-shadow: 0 4px 16px rgba(196,109,90,0.12) !important;
}


/* === Badge === */
.sahiya-upsell-card-badge {
  position: absolute !important;
  top: -10px !important;
  left: 16px !important;
  background: #C46D5A !important;
  color: #FFFFFF !important;
  font-size: 9px !important;
  font-weight: 800 !important;
  padding: 4px 10px !important;
  border-radius: 4px !important;
  letter-spacing: 1px !important;
  box-shadow: 0 2px 4px rgba(196,109,90,0.2) !important;
  z-index: 2;
}


/* === Profil en haut largeur full === */
.sahiya-upsell-card-profile {
  font-size: 11px !important;
  color: #b85d4a!important;
  font-weight: 900 !important;
  letter-spacing: 1.5px !important;
  text-transform: uppercase !important;
  line-height: 1.3 !important;
  margin: 0 !important;
  padding-bottom: 8px !important;
  border-bottom: 1px solid #F0E8E2 !important;
  text-align: left !important;
}


/* === Wrapper du contenu principal (image + infos) === */
.sahiya-upsell-card-content {
  display: flex !important;
  gap: 14px !important;
  align-items: center !important;
  flex: 1 !important;
  min-width: 0 !important;
}


/* === Image === */
.sahiya-upsell-card-image {
  width: 75px !important;
  height: 75px !important;
  border-radius: 10px !important;
  object-fit: cover !important;
  flex-shrink: 0 !important;
  background: linear-gradient(135deg, #FDF1ED 0%, #FAECE7 100%);
  border: 1px solid #EBAFA3 !important;
}


/* === Infos centre (nom + prix + description) === */
.sahiya-upsell-card-info {
  flex: 1 !important;
  min-width: 0 !important;
}

.sahiya-upsell-card-name {
  font-family: Inter, Georgia, serif !important;
  font-size: 16px !important;
  font-weight: 700 !important;
  color: #000000 !important;
  line-height: 1.25 !important;
  margin: 0 0 4px 0 !important;
}

.sahiya-upsell-card-description {
  font-size: 11px !important;
  color: #000000 !important;
  line-height: 1.4 !important;
  margin: 0 0 6px 0 !important;
}

.sahiya-upsell-card-pricing {
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  flex-wrap: wrap;
}

.sahiya-upsell-card-price {
  font-family: inter, sans-serif !important;
  font-size: 17px !important;
  font-weight: 700 !important;
  color: #B85D4A !important;
}

.sahiya-upsell-card-price-old {
  font-size: 12px !important;
  color: #999999 !important;
  text-decoration: line-through !important;
}

.sahiya-upsell-card-discount {
  background: #FAECE7 !important;
  color: #B85D4A !important;
  font-size: 9px !important;
  font-weight: 700 !important;
  padding: 2px 6px !important;
  border-radius: 3px !important;
  white-space: nowrap;
}


/* === Bouton à droite de la ligne image+infos === */
.sahiya-upsell-card-form {
  margin: 0 !important;
  flex-shrink: 0 !important;
}

.sahiya-upsell-card-cta {
  background: #b85d4a !important;
  color: #FFFFFF !important;
  border: none !important;
  padding: 10px 16px !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  border-radius: 8px !important;
  cursor: pointer !important;
  letter-spacing: 0.5px !important;
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif !important;
  transition: background 0.2s ease !important;
  white-space: nowrap !important;
  text-transform: uppercase !important;
}

.sahiya-upsell-card-cta:hover {
  background: #B85D4A !important;
}


/* ============= RESPONSIVE ============= */

@media (max-width: 560px) {
  .sahiya-upsell-card {
    padding: 12px !important;
    gap: 8px !important;
  }
  
  .sahiya-upsell-card-content {
    gap: 12px !important;
  }
  
  .sahiya-upsell-card-image {
    width: 65px !important;
    height: 65px !important;
  }
  
  .sahiya-upsell-card-name {
    font-size: 14px !important;
  }
  
  .sahiya-upsell-card-price {
    font-size: 15px !important;
  }
  
  .sahiya-upsell-card-description {
    font-size: 10px !important;
  }
  
  .sahiya-upsell-card-cta {
    padding: 9px 12px !important;
    font-size: 10px !important;
  }
  
  .sahiya-upsell-card-profile {
    font-size: 10px !important;
    letter-spacing: 1.2px !important;
    padding-bottom: 6px !important;
  }
}

@media (max-width: 380px) {
  .sahiya-upsell-card {
    padding: 10px !important;
  }
  
  .sahiya-upsell-card-image {
    width: 55px !important;
    height: 55px !important;
  }
  
  .sahiya-upsell-card-name {
    font-size: 13px !important;
  }
  
  .sahiya-upsell-card-price {
    font-size: 14px !important;
  }
  
  .sahiya-upsell-card-description {
    font-size: 9px !important;
  }
  
  .sahiya-upsell-card-profile {
    font-size: 9px !important;
    letter-spacing: 0.8px !important;
  }
  
  .sahiya-upsell-card-cta {
    padding: 8px 10px !important;
    font-size: 9px !important;
  }
}
/* === Image et nom cliquables (links vers fiche produit) === */

.sahiya-upsell-card-image-link {
  display: block !important;
  text-decoration: none !important;
  flex-shrink: 0 !important;
  cursor: pointer !important;
  transition: transform 0.2s ease !important;
}

.sahiya-upsell-card-image-link:hover {
  transform: scale(1.03);
}

.sahiya-upsell-card-name-link {
  display: block !important;
  text-decoration: none !important;
  color: inherit !important;
  cursor: pointer !important;
  transition: color 0.2s ease !important;
}

.sahiya-upsell-card-name-link:hover .sahiya-upsell-card-name {
  color: #C46D5A !important;
}

/* ============================================== */
/* 14. EBOOK BONUS — Ultra compact                 */
/* ============================================== */

@keyframes sahiya-ebook-shine {
  0% { background-position: -200% center; }
  100% { background-position: 200% center; }
}

.sahiya-ebook-bonus {
  background: #fff !important;
  border: 1.5px solid #E5E0DB !important;
  border-radius: 12px !important;
  padding: 10px 14px !important;
  margin: 12px auto !important;
  max-width: 700px !important;
  display: flex !important;
  gap: 12px !important;
  align-items: center !important;
  position: relative;
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif !important;
  box-sizing: border-box;
}

.sahiya-ebook-badge-corner {
  display: none !important;
}

.sahiya-ebook-footer {
  display: none !important;
}

.sahiya-ebook-body {
  display: contents !important;
  padding: 0 !important;
}

.sahiya-ebook-image {
  flex-shrink: 0 !important;
  width: 70px !important;
  height: auto !important;
  border-radius: 5px !important;
  box-shadow: 0 4px 12px rgba(42,42,42,0.2) !important;
  transform: rotate(-2deg);
}

.sahiya-ebook-content {
  flex: 1 !important;
  min-width: 0 !important;
}

.sahiya-ebook-label {
  display: flex !important;
  align-items: center !important;
  gap: 5px !important;
  margin-bottom: 2px !important;
}

.sahiya-ebook-label svg {
  width: 14px !important;
  height: 14px !important;
}

.sahiya-ebook-label-text {
  font-size: 9px !important;
  font-weight: 800 !important;
  letter-spacing: 1.5px !important;
  text-transform: uppercase !important;
  background: linear-gradient(90deg, #B85D4A 0%, #C46D5A 30%, #E8917A 50%, #C46D5A 70%, #B85D4A 100%);
  background-size: 200% auto;
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  animation: sahiya-ebook-shine 3s linear infinite;
}

.sahiya-ebook-title {
  font-family: Inter , Georgia, serif !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  line-height: 1.2 !important;
  margin: 0 0 2px 0 !important;
  color: #000000 !important;
}

.sahiya-ebook-subtitle {
  font-size: 11px !important;
  color: #000000 !important;
  line-height: 1.3 !important;
  margin: 0 0 5px 0 !important;
  font-weight: 500 !important;
}

.sahiya-ebook-pricing {
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  flex-wrap: wrap;
}

.sahiya-ebook-price-label {
  display: none !important;
}

.sahiya-ebook-price-old {
  display: flex;
  align-items: center;
}

.sahiya-ebook-price-strike {
  font-size: 14px !important;
  color: #000000 !important;
  text-decoration: line-through !important;
  font-weight: 600 !important;
  font-family: 'Playfair Display', Georgia, serif !important;
  white-space: nowrap;
}

.sahiya-ebook-free-badge {
  background: #ebafa3 !important;
  color: #000 !important;
  font-size: 10px !important;
  font-weight: 800 !important;
  padding: 3px 8px !important;
  border-radius: 3px !important;
  letter-spacing: 1px !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 3px !important;
  text-transform: uppercase !important;
  box-shadow: 0 1px 3px rgba(196,109,90,0.2) !important;
  white-space: nowrap;
}

.sahiya-ebook-free-badge::before {
  content: "⚡";
  font-size: 9px;
}


/* ============= RESPONSIVE ============= */

@media (max-width: 560px) {
  .sahiya-ebook-bonus {
    padding: 10px 12px !important;
    gap: 10px !important;
  }
  
  .sahiya-ebook-image {
    width: 60px !important;
  }
  
  .sahiya-ebook-title {
    font-size: 13px !important;
  }
  
  .sahiya-ebook-subtitle {
    font-size: 10px !important;
    margin-bottom: 4px !important;
  }
  
  .sahiya-ebook-price-strike {
    font-size: 13px !important;
  }
  
  .sahiya-ebook-free-badge {
    font-size: 9px !important;
    padding: 2px 6px !important;
  }
}

@media (max-width: 380px) {
  .sahiya-ebook-bonus {
    padding: 10px !important;
    gap: 8px !important;
  }
  
  .sahiya-ebook-image {
    width: 55px !important;
  }
  
  .sahiya-ebook-title {
    font-size: 12px !important;
    line-height: 1.15 !important;
  }
  
  .sahiya-ebook-subtitle {
    font-size: 10px !important;
    line-height: 1.3 !important;
  }
  
  .sahiya-ebook-price-strike {
    font-size: 12px !important;
  }
  
  .sahiya-ebook-free-badge {
    font-size: 8px !important;
    padding: 2px 5px !important;
    letter-spacing: 0.5px !important;
  }
  
  .sahiya-ebook-pricing {
    gap: 6px !important;
  }
}
/* ==========================================
   SAHIYA - SECTION FAQ (LIQUID COMPATIBLE)
   ========================================== */

/* Variables de couleur isolées pour éviter les conflits thématiques */
.sahiya-section-soft {
  --sahiya-bg-soft: #FBF9F6;
  --sahiya-bg-card: #FFFFFF;
  --sahiya-text: #000000;
  --sahiya-text-muted: #000000;
  --sahiya-terracotta: #C46D5A;
  --sahiya-border: #E5E0DB;
  --sahiya-peach: #EBAFA3;
  --sahiya-shadow-xs: 0 1px 2px rgba(42, 42, 42, 0.04);
  --sahiya-shadow-sm: 0 2px 8px rgba(42, 42, 42, 0.05);
  --sahiya-transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
  --sahiya-serif: 'Playfair Display', Georgia, serif;
  --sahiya-sans: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;

  background: var(--sahiya-bg-soft);
  padding: 64px 24px;
  font-family: var(--sahiya-sans);
}

.sahiya-section-inner {
  max-width: 1100px;
  margin: 0 auto;
}

/* Titre de la section */
.sahiya-section-title {
  font-family: var(--sahiya-serif);
  font-size: 38px;
  font-weight: 700;
  color: var(--sahiya-text);
  margin-bottom: 32px;
  line-height: 1.2;
  letter-spacing: -0.5px;
}

.sahiya-section-title-center {
  text-align: center;
}

/* Grid de la FAQ (2 colonnes sur desktop) */
.sahiya-faq-list {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 12px;
}

/* Item individuel (Details) */
.sahiya-faq-item {
  background: var(--sahiya-bg-card);
  border: 1px solid var(--sahiya-border);
  border-radius: 12px;
  padding: 18px 22px;
  transition: var(--sahiya-transition);
  box-shadow: var(--sahiya-shadow-xs);
  display: block; /* Force le comportement block sur details */
}

/* Retirer la flèche native des navigateurs (Chrome/Safari/Firefox) */
.sahiya-faq-item summary::-webkit-details-marker {
  display: none;
}
.sahiya-faq-item summary {
  list-style: none;
}

.sahiya-faq-item:hover {
  border-color: var(--sahiya-peach);
  box-shadow: var(--sahiya-shadow-sm);
}

/* Question (Summary) */
.sahiya-faq-q {
  font-size: 14px;
  font-weight: 600;
  color: var(--sahiya-text);
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  cursor: pointer;
  user-select: none;
}

/* Le signe + */
.sahiya-faq-toggle {
  color: var(--sahiya-terracotta);
  font-weight: 700;
  font-size: 20px;
  flex-shrink: 0;
  transition: transform 0.2s ease;
  line-height: 1;
}

/* Animation du "+" qui tourne quand <details> est ouvert [open] */
.sahiya-faq-item[open] .sahiya-faq-toggle {
  transform: rotate(45deg);
}

/* Réponse (Contenu masqué/affiché) */
.sahiya-faq-a {
  font-size: 16px !important;
  line-height: 1.55;
  color: #000000;
  margin-top: 12px;
  border-top: 1px dashed var(--sahiya-border);
  padding-top: 12px;
  animation: sahiyaFadeIn 0.3s ease-out;
}

.sahiya-faq-a strong {
  color: var(--sahiya-text);
}

/* Animation d'apparition du texte */
@keyframes sahiyaFadeIn {
  from {
    opacity: 0;
    transform: translateY(-4px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

/* ==========================================
   RESPONSIVE (MOBILE & TABLETTE)
   ========================================== */

@media (max-width: 768px) {
  .sahiya-section-soft {
    padding: 40px 16px;
  }

  .sahiya-section-title {
    font-size: 26px;
    margin-bottom: 24px;
  }

  /* Passage sur une seule colonne */
  .sahiya-faq-list {
    grid-template-columns: 1fr;
    gap: 10px;
  }

  .sahiya-faq-item {
    padding: 16px 18px;
  }

  .sahiya-faq-q {
    font-size: 13px;
  }
}
.sahiya-faq-list {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 12px;
  align-items: start; /* Ligne à ajouter pour bloquer l'étirement fantôme */
}
.ct-section {
  background: #FBF9F6;
  padding: 64px 24px;
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
  color: #000000;
}
@media (max-width: 768px) {
  .ct-section { padding: 48px 16px; }
}

.ct-inner {
  max-width: 1080px;
  margin: 0 auto;
}

.ct-split {
  display: grid;
  grid-template-columns: 320px 1fr;
  gap: 56px;
  align-items: center;
}
@media (max-width: 768px) {
  .ct-split {
    grid-template-columns: 1fr;
    gap: 32px;
  }
}

.ct-video-wrap {
  position: relative;
  width: 100%;
  max-width: 320px;
  margin: 0 auto;
}
.ct-video {
  display: block;
  width: 100%;
  aspect-ratio: 9 / 16;
  object-fit: cover;
  background: linear-gradient(135deg, #EBAFA3, #C46D5A);
  border-radius: 24px;
  box-shadow: 0 8px 28px rgba(196, 109, 90, 0.25);
  cursor: pointer;
}
.ct-duration {
  position: absolute;
  top: 16px;
  right: 16px;
  background: rgba(0, 0, 0, 0.55);
  color: #fff;
  font-size: 11px;
  font-weight: 500;
  padding: 4px 10px;
  border-radius: 20px;
  pointer-events: none;
}

.ct-eyebrow {
  font-size: 11px;
  text-transform: uppercase;
  letter-spacing: 2px;
  color: #C46D5A;
  font-weight: 600;
  margin-bottom: 12px;
}
.ct-title {
  font-family: 'Playfair Display', Georgia, serif;
  font-size: 32px;
  font-weight: 600;
  line-height: 1.2;
  margin: 0 0 14px;
  color: #000000;
  letter-spacing: -0.3px;
}
.ct-intro {
  font-size: 15px;
  color: #000000;
  line-height: 1.65;
  margin: 0 0 24px;
}
@media (max-width: 768px) {
  .ct-eyebrow,
  .ct-title,
  .ct-intro { text-align: center; }
  .ct-title { font-size: 26px; }
}

.ct-substeps {
  display: grid;
  gap: 12px;
}
.ct-substep {
  background: #fff;
  padding: 14px 18px;
  border-radius: 12px;
  display: flex;
  align-items: center;
  gap: 14px;
  box-shadow: 0 1px 2px rgba(42, 42, 42, 0.04);
  font-size: 14px;
  line-height: 1.5;
  color: #000000;
}
.ct-substep-num {
  width: 28px;
  height: 28px;
  border-radius: 50%;
  background: #FDF1ED;
  color: #C46D5A;
  font-weight: 700;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  font-size: 14px;
}
.ct-substep strong {
  color: #000000;
  font-weight: 700;
}
.bp-section {
  background: transparent;
  padding: 64px 24px;
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
  color: #000000;
}
@media (max-width: 768px) { .bp-section { padding: 48px 16px; } }

.bp-inner { max-width: 1180px; margin: 0 auto; }

.bp-title {
  font-family: 'Playfair Display', Georgia, serif;
  font-size: 36px;
  font-weight: 600;
  text-align: center;
  line-height: 1.2;
  margin: 0 0 12px;
  letter-spacing: -0.3px;
}
@media (max-width: 768px) { .bp-title { font-size: 26px; } }

.bp-subtitle {
  text-align: center;
  color: #000000;
  font-size: 15px;
  max-width: 640px;
  margin: 0 auto;
  line-height: 1.6;
}

.bp-grid {
  display: grid;
  grid-template-columns: 1fr 1.15fr 1fr;
  gap: 20px;
  margin-top: 56px;
  align-items: stretch;
}
@media (max-width: 968px) {
  .bp-grid { grid-template-columns: 1fr; gap: 20px; margin-top: 40px; }
}

.bp-card {
  background: #fff;
  border: 1.5px solid #E5E0DB;
  border-radius: 16px;
  padding: 28px 24px;
  display: flex;
  flex-direction: column;
  box-shadow: 0 2px 8px rgba(42, 42, 42, 0.05);
  position: relative;
  transition: all 0.25s ease;
}
.bp-card:hover {
  transform: translateY(-4px);
  box-shadow: 0 12px 32px rgba(42, 42, 42, 0.08);
  border-color: #EBAFA3;
}
.bp-card.featured {
  border: 2.5px solid #C46D5A;
  box-shadow: 0 8px 28px rgba(196, 109, 90, 0.25);
  transform: scale(1.03);
}
@media (max-width: 968px) { .bp-card.featured { transform: none; } }
.bp-card.featured::before {
  content: '⭐ RECOMMANDÉ';
  position: absolute;
  top: -14px;
  left: 50%;
  transform: translateX(-50%);
  background: #C46D5A;
  color: #fff;
  font-size: 11px;
  padding: 6px 16px;
  border-radius: 20px;
  font-weight: 700;
  letter-spacing: 0.8px;
  white-space: nowrap;
}

.bp-img {
  aspect-ratio: 1 / 1;
  background: linear-gradient(135deg, #FDF1ED, #F0E8E2);
  border-radius: 14px;
  margin-bottom: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  font-family: 'Playfair Display', Georgia, serif;
  color: #000000;
  font-size: 13px;
  padding: 16px;
  text-align: center;
}
.bp-emoji { font-size: 48px; margin-bottom: 8px; }

.bp-tag {
  font-size: 10px;
  text-transform: uppercase;
  letter-spacing: 1.2px;
  color: #C46D5A;
  font-weight: 700;
  margin-bottom: 8px;
}
.bp-name {
  font-family: 'Playfair Display', Georgia, serif;
  font-size: 22px;
  font-weight: 700;
  margin: 0 0 12px;
  line-height: 1.2;
  color: #000000;
}

.bp-features {
  list-style: none;
  margin: 14px 0;
  padding: 0;
  flex-grow: 1;
}
.bp-features li {
  padding: 7px 0;
  font-size: 13px;
  display: flex;
  gap: 8px;
  align-items: flex-start;
  color: #000000;
  line-height: 1.5;
}
.bp-features li::before {
  content: '✓';
  color: #C46D5A;
  font-weight: 700;
  flex-shrink: 0;
}

.bp-price {
  font-family: 'Playfair Display', Georgia, serif;
  font-size: 28px;
  font-weight: 700;
  margin: 14px 0 4px;
  color: #000000;
}
.bp-price s {
  font-size: 14px;
  color: #000000;
  font-weight: 400;
  margin-left: 8px;
}
.bp-save {
  font-size: 12px;
  color: #C46D5A;
  font-weight: 600;
  margin-bottom: 16px;
}

.bp-cta {
  background: #fff;
  color: #C46D5A;
  border: 2px solid #C46D5A;
  padding: 14px;
  border-radius: 10px;
  font-weight: 700;
  font-size: 12px;
  text-transform: uppercase;
  letter-spacing: 1px;
  cursor: pointer;
  font-family: inherit;
  transition: all 0.25s ease;
  width: 100%;
}
.bp-cta:hover { background: #C46D5A; color: #fff; }
.bp-card.featured .bp-cta { background: #C46D5A; color: #fff; }
.bp-card.featured .bp-cta:hover { background: #B85D4A; border-color: #B85D4A; }

.bp-note {
  background: #fff;
  border-radius: 14px;
  padding: 20px 24px;
  margin-top: 40px;
  font-family: Inter , Georgia, serif;
  font-style: italic;
  color: #000000;
  font-size: 15px;
  line-height: 1.65;
  border-left: 4px solid #C46D5A;
}
.bp-note strong {
  font-style: normal;
  font-family: 'Inter', sans-serif;
  color: #B85D4A;
  font-weight: 600;
}
.pn-section {
  padding: 64px 24px;
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
  color: #000000;
}
@media (max-width: 768px) { .pn-section { padding: 48px 16px; } }

.pn-inner {
  max-width: 1000px;
  margin: 0 auto;
}

.pn-split {
  display: grid;
  grid-template-columns: 320px 1fr;
  gap: 56px;
  align-items: center;
}
@media (max-width: 768px) {
  .pn-split { grid-template-columns: 1fr; gap: 32px; }
}

.pn-video-wrap {
  position: relative;
  width: 100%;
  max-width: 320px;
  margin: 0 auto;
}
.pn-video {
  display: block;
  width: 100%;
  aspect-ratio: 9 / 16;
  object-fit: cover;
  background: linear-gradient(135deg, #C46D5A, #8B4A3C);
  border-radius: 24px;
  box-shadow: 0 12px 32px rgba(196, 109, 90, 0.35);
  cursor: pointer;
}
.pn-duration {
  position: absolute;
  top: 16px;
  right: 16px;
  background: rgba(0, 0, 0, 0.55);
  color: #fff;
  font-size: 11px;
  font-weight: 500;
  padding: 4px 10px;
  border-radius: 20px;
  pointer-events: none;
}

.pn-eyebrow {
  font-size: 11px;
  text-transform: uppercase;
  letter-spacing: 2px;
  color: #C46D5A;
  font-weight: 700;
  margin-bottom: 12px;
}
.pn-title {
  font-family: 'Playfair Display', Georgia, serif;
  font-size: 32px;
  font-weight: 600;
  line-height: 1.2;
  margin: 0 0 14px;
  color: #000000;
  letter-spacing: -0.3px;
}
.pn-intro {
  font-size: 15px;
  color: #000000;
  line-height: 1.65;
  margin: 0 0 24px;
}
@media (max-width: 768px) {
  .pn-eyebrow,
  .pn-title,
  .pn-intro { text-align: center; }
  .pn-title { font-size: 24px; }
}

.pn-reasons {
  list-style: none;
  padding: 0;
  margin: 0 0 20px;
  display: grid;
  gap: 10px;
}
.pn-reasons li {
  font-size: 14px;
  padding-top: 5px;
  padding-bottom: 5px;
  line-height: 1.5;
  color: #000000;
  display: flex;
  gap: 12px;
  align-items: flex-start;
  box-shadow: 0 1px 2px rgba(42, 42, 42, 0.04);
}
.pn-check {
  color: #C46D5A;
  font-weight: 700;
  flex-shrink: 0;
  font-size: 16px;
  line-height: 1.4;
}
.pn-reasons strong {
  color: #000000;
  font-weight: 700;
}

.pn-signature {
  font-style: italic;
  font-family: 'Inter', Georgia, serif;
  color: #000000;
  font-size: 14px;
  border-top: 1px solid rgba(196, 109, 90, 0.2);
  padding-top: 12px;
}
/*hormone balance*/
.buy-subtitle {
  font-family: 'Playfair Display', Georgia, serif;
  font-size: clamp(18px, 2.4vw, 22px);
  font-style: italic;
  color: #C46D5A;
  line-height: 1.3;
  margin-top: -20px;
}
/* ============================================================
   SAHIYA — Conseil de Noor (tip avant le bouton)
   ============================================================ */

.noor-tip {
  display: flex;
  align-items: flex-start;
  gap: 13px;
  background: #FBF9F6;
  border-left: 3px solid #C46D5A;
  border-radius: 0 10px 10px 0;
  padding: 16px 20px;
  margin-bottom: 22px;
}
.noor-tip-icon {
  width: 22px;
  height: 22px;
  flex-shrink: 0;
  margin-top: 1px;
}
.noor-tip-icon svg {
  width: 100%;
  height: 100%;
}
.noor-tip-text {
  font-family: 'Inter', sans-serif;
  font-size: 14px;
  font-style: italic;
  color: #000000;
  line-height: 1.6;
}
.noor-tip-text strong {
  font-style: normal;
  color: #C46D5A;
  font-weight: 600;
}

/* ============================================================
   FIN — Conseil de Noor
   ============================================================ */
   /* ============================================================
   SAHIYA — Section "Ce que tu vas ressentir" : bénéfices + SVG
   ============================================================ */

.benefits-section {
  background: #FFFFFF;
  padding: 80px 48px;
}

.benefits-inner {
  max-width: 1000px;
  margin: 0 auto;
}

/* En-tête */
.benefits-head {
  text-align: center;
  max-width: 640px;
  margin: 0 auto 52px;
}
.benefits-eyebrow {
  font-family: 'Inter', sans-serif;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  color: #C46D5A;
  margin-bottom: 14px;
  display: block;
}
.benefits-title {
  font-family: 'Playfair Display', Georgia, serif;
  font-size: clamp(28px, 4vw, 42px);
  font-weight: 700;
  color: #000000;
  line-height: 1.1;
  letter-spacing: -0.5px;
  margin-bottom: 14px;
}
.benefits-title em {
  font-style: italic;
  color: #C46D5A;
  display: block;
}
.benefits-sub {
  font-family: 'Inter', sans-serif;
  font-size: 16px;
  color: #000000;
  line-height: 1.7;
}

/* Grille */
.benefits-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 20px;
}

/* Carte */
.benefit-card {
  background: #FFFFFF;
  border: 1px solid #E5E0DB;
  border-radius: 20px;
  padding: 30px 26px;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  box-shadow: 0 1px 2px rgba(42, 42, 42, 0.04);
}
.benefit-card:hover {
  transform: translateY(-4px);
  box-shadow: 0 6px 24px rgba(42, 42, 42, 0.08);
  border-color: #D68C7A;
}

/* Icône */
.benefit-ic {
  width: 54px;
  height: 54px;
  border-radius: 15px;
  background: #FDF1ED;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 18px;
}
.benefit-ic svg {
  width: 28px;
  height: 28px;
}

/* Texte */
.benefit-title {
  font-family: 'Playfair Display', Georgia, serif;
  font-size: 19px;
  font-weight: 700;
  color: #000000;
  margin-bottom: 7px;
  line-height: 1.2;
}
.benefit-desc {
  font-family: 'Inter', sans-serif;
  font-size: 14px;
  color: #000000;
  line-height: 1.6;
}

/* ── RESPONSIVE ── */
@media (max-width: 860px) {
  .benefits-section { padding: 60px 24px; }
  .benefits-grid { grid-template-columns: 1fr 1fr; }
}
@media (max-width: 560px) {
  .benefits-grid { grid-template-columns: 1fr; }
}

/* ============================================================
   FIN — Section "Ce que tu vas ressentir"
   ============================================================ */
   /* ============================================================
   SAHIYA — Section Avant/Après
   ============================================================ */

.ba-section {
  background: #FBF9F6;
  padding: 80px 48px;
}
.ba-inner { max-width: 1000px; margin: 0 auto; }

/* En-tête */
.ba-head { text-align: center; max-width: 640px; margin: 0 auto 52px; }
.ba-eyebrow {
  font-family: 'Inter', sans-serif;
  font-size: 11px; font-weight: 700; letter-spacing: 0.16em;
  text-transform: uppercase; color: #C46D5A;
  margin-bottom: 14px; display: block;
}
.ba-title {
  font-family: 'Playfair Display', Georgia, serif;
  font-size: clamp(28px, 4vw, 42px); font-weight: 700;
  color: #000000; line-height: 1.1; letter-spacing: -0.5px;
  margin-bottom: 14px;
}
.ba-title em { font-style: italic; color: #C46D5A; }
.ba-subtitle { font-family: 'Inter', sans-serif; font-size: 16px; color: #000000; line-height: 1.7; }

/* Wrap + grille */
.ba-wrap { max-width: 880px; margin: 0 auto; }
.ba-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 24px; position: relative; }
.ba-card {
  border-radius: 28px; overflow: hidden;
  box-shadow: 0 16px 48px rgba(42,42,42,.12);
  border: 1px solid #E5E0DB; background: #fff;
}

/* Image */
.ba-img {
  height: clamp(280px, 36vw, 400px);
  position: relative; overflow: hidden;
}
.ba-img img { width: 100%; height: 100%; object-fit: cover; display: block; }
.ba-tagimg {
  position: absolute; top: 16px; left: 16px;
  font-family: 'Inter', sans-serif; font-size: 11px; font-weight: 700;
  letter-spacing: 0.08em; text-transform: uppercase;
  padding: 6px 14px; border-radius: 30px; color: #fff; z-index: 2;
}
.ba-before .ba-tagimg { background: rgba(42,42,42,.7); backdrop-filter: blur(4px); }
.ba-after .ba-tagimg { background: #C46D5A; }

/* Label sous l'image */
.ba-label { padding: 18px 22px; }
.ba-when {
  font-family: 'Inter', sans-serif; font-size: 11px; font-weight: 700;
  letter-spacing: 0.1em; text-transform: uppercase; color: #C46D5A; margin-bottom: 6px;
}
.ba-desc { font-family: 'Inter', sans-serif; font-size: 14px; color: #000000; line-height: 1.55; }

/* Flèche centrale */
.ba-arrow {
  position: absolute; top: clamp(140px, 18vw, 200px); left: 50%;
  transform: translate(-50%, -50%);
  width: 56px; height: 56px; background: #fff; border-radius: 50%;
  display: flex; align-items: center; justify-content: center;
  font-size: 22px; color: #C46D5A;
  box-shadow: 0 16px 48px rgba(42,42,42,.12);
  border: 3px solid #F3E1DB; z-index: 5; font-weight: 700;
}

/* Légende témoignage */
.ba-caption {
  margin-top: 24px; background: #fff; border: 1px solid #E5E0DB;
  border-left: 4px solid #C46D5A; border-radius: 0 20px 20px 0;
  padding: 22px 26px; font-family: 'Inter', sans-serif;
  font-size: 16px; font-style: italic; color: #000000;
  line-height: 1.6; box-shadow: 0 2px 10px rgba(42,42,42,.06);
}
.ba-caption .who {
  font-style: normal; font-weight: 600; color: #000000;
  font-size: 13px; display: block; margin-top: 10px;
}
.ba-note {
  font-family: 'Inter', sans-serif; font-size: 12px;
  color: #000000; margin-top: 16px; font-style: italic; text-align: center;
}

/* ── RESPONSIVE ── */
@media (max-width: 600px) {
  .ba-section { padding: 60px 20px; }
  .ba-grid { grid-template-columns: 1fr; gap: 48px; }
  .ba-arrow { top: auto; bottom: -36px; transform: translateX(-50%) rotate(90deg); }
}

/* ============================================================
   FIN — Section Avant/Après
   ============================================================ */
   /* ============================================================
   SAHIYA — Section "Pour qui" : photo gauche + liste droite
   ============================================================ */

.pourqui-section {
  background: #fff;
  padding: 80px 48px;
}

.pourqui-inner {
  max-width: 1040px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 56px;
  align-items: center;
}

/* ── PHOTO ── */
.pourqui-photo { position: relative; }
.pourqui-photo-frame {
  width: 100%;
  aspect-ratio: 4 / 5;
  border-radius: 24px;
  overflow: hidden;
  box-shadow: 0 16px 48px rgba(42, 42, 42, 0.12);
  border: 1px solid #E5E0DB;
  background: linear-gradient(135deg, #FDF1ED, #F0E8E2, #F3E1DB);
}
.pourqui-photo-frame img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
.pourqui-photo-badge {
  position: absolute;
  bottom: -18px;
  right: -18px;
  background: #C46D5A;
  color: #fff;
  border-radius: 16px;
  padding: 16px 20px;
  text-align: center;
  box-shadow: 0 12px 32px rgba(196, 109, 90, 0.3);
  border: 4px solid #FBF9F6;
}
.badge-num {
  font-family: 'Playfair Display', Georgia, serif;
  font-size: 24px;
  font-weight: 700;
  display: block;
  line-height: 1;
}
.badge-txt {
  font-family: 'Inter', sans-serif;
  font-size: 11px;
  font-weight: 600;
  opacity: 0.9;
  line-height: 1.4;
  margin-top: 3px;
}

/* ── CONTENU ── */
.pourqui-eyebrow {
  font-family: 'Inter', sans-serif;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  color: #C46D5A;
  margin-bottom: 14px;
  display: block;
}
.pourqui-title {
  font-family: 'Playfair Display', Georgia, serif;
  font-size: 32px;
  font-weight: 700;
  color: #000000;
  line-height: 1.12;
  letter-spacing: -0.4px;
  margin-bottom: 12px;
}
.pourqui-title em {
  font-style: italic;
  color: #C46D5A;
}
.pourqui-sub {
  font-family: 'Inter', sans-serif;
  font-size: 15px;
  color: #000000;
  line-height: 1.6;
  margin-bottom: 24px;
}
.pourqui-list {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.pourqui-item {
  display: flex;
  align-items: center;
  gap: 13px;
  font-family: 'Inter', sans-serif;
  font-size: 15px;
  color: #000000;
  font-weight: 500;
  line-height: 1.4;
}
.pourqui-check {
  width: 26px;
  height: 26px;
  border-radius: 50%;
  background: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  border: 1px solid #EBAFA3;
  box-shadow: 0 1px 2px rgba(42, 42, 42, 0.04);
}
.pourqui-check svg { width: 14px; height: 14px; }

/* ── RESPONSIVE ── */
@media (max-width: 780px) {
  .pourqui-section { padding: 56px 20px; }
  .pourqui-inner { grid-template-columns: 1fr; gap: 48px; }
  .pourqui-photo { max-width: 340px; margin: 0 auto; }
  .pourqui-title { font-size: 27px; }
}

/* ============================================================
   FIN — Section "Pour qui"
   ============================================================ */
   /* ============================================================
   SAHIYA — Ingrédients : accordéon par système + image + synergie
   ============================================================ */

.ingr-section { background: transparent; padding: 80px 48px; }
.ingr-inner { max-width: 1060px; margin: 0 auto; }

/* En-tête */
.ingr-head { text-align: center; max-width: 600px; margin: 0 auto 44px; }
.ingr-eyebrow { font-family:'Inter',sans-serif; font-size:11px; font-weight:700; letter-spacing:.16em; text-transform:uppercase; color:#C46D5A; margin-bottom:12px; display:block; }
.ingr-title { font-family:'Playfair Display',Georgia,serif; font-size:clamp(26px,4vw,38px); font-weight:700; color:#000000; line-height:1.12; letter-spacing:-.4px; margin-bottom:12px; }
.ingr-title em { font-style:italic; color:#C46D5A; }
.ingr-sub { font-family:'Inter',sans-serif; font-size:15px; color:#000000; line-height:1.65; }
.ingr-noor-sign { font-family:'Inter',sans-serif; font-size:13px; color:#000000; font-style:italic; margin-top:14px; }
.ingr-noor-sign strong { color:#C46D5A; font-style:normal; font-weight:600; }

/* Grille accordéon + image */
.ingr-grid { display:grid; grid-template-columns:1fr 340px; gap:40px; align-items:start; }

/* ACCORDÉON */
.acc { display:flex; flex-direction:column; gap:12px; }
.acc-item { background:#fff; border:1px solid #E5E0DB; border-radius:16px; overflow:hidden; box-shadow:0 1px 2px rgba(42,42,42,.04); transition:box-shadow .25s; }
.acc-item.open { box-shadow:0 6px 24px rgba(42,42,42,.08); }
.acc-head { display:flex; align-items:center; gap:14px; padding:18px 22px; cursor:pointer; }
.acc-ic { width:44px; height:44px; border-radius:12px; background:#FDF1ED; display:flex; align-items:center; justify-content:center; flex-shrink:0; }
.acc-ic svg { width:24px; height:24px; }
.acc-htxt { flex:1; }
.acc-gname { font-family:'Playfair Display',Georgia,serif; font-size:17px; font-weight:700; color:#000000; line-height:1.1; }
.acc-gfor { font-family:'Inter',sans-serif; font-size:11.5px; color:#C46D5A; font-weight:600; margin-top:2px; }
.acc-count { font-family:'Inter',sans-serif; font-size:11.5px; color:#000000; font-weight:600; background:#FBF9F6; border-radius:20px; padding:3px 10px; white-space:nowrap; }
.acc-plus { color:#C46D5A; font-size:24px; font-weight:300; margin-left:8px; transition:transform .3s; line-height:1; }
.acc-item.open .acc-plus { transform:rotate(45deg); }
.acc-body { max-height:0; overflow:hidden; transition:max-height .35s ease; }
.acc-item.open .acc-body { max-height:600px; }
.acc-inner { padding:0 22px 16px 80px; }
.acc-ingr { padding:13px 0; border-top:1px solid #E5E0DB; }
.acc-itop { display:flex; align-items:baseline; justify-content:space-between; gap:10px; margin-bottom:4px; }
.acc-iname { font-family:'Inter',sans-serif; font-size:14px; font-weight:700; color:#000000; }
.acc-idose { font-family:'Inter',sans-serif; font-size:12px; font-weight:700; color:#C46D5A; background:#FDF1ED; border:1px solid #EBAFA3; border-radius:20px; padding:2px 9px; white-space:nowrap; }
.acc-idesc { font-family:'Inter',sans-serif; font-size:13px; color:#000000; line-height:1.55; }
.acc-idesc strong { color:#000000; font-weight:600; }

/* IMAGE */
.ingr-visual { position:sticky; top:96px; }
.ingr-img { width:100%; aspect-ratio:3/4; border-radius:20px; overflow:hidden; box-shadow:0 16px 48px rgba(42,42,42,.12); border:1px solid #E5E0DB; background:linear-gradient(135deg,#FDF1ED,#F0E8E2,#F3E1DB); }
.ingr-img img { width:100%; height:100%; object-fit:cover; }

/* BLOC SYNERGIE sous l'image — option 3 (beige + barre terracotta) */
.ingr-synergie {
  background:#FBF9F6;
  border-left:4px solid #C46D5A;
  border-radius:0 14px 14px 0;
  padding:22px 24px;
  margin-top:14px;
}
.ingr-synergie-title {
  font-family:'Playfair Display',Georgia,serif;
  font-size:18px;
  font-weight:700;
  color:#000000;
  margin-bottom:8px;
  line-height:1.2;
}
.ingr-synergie-title em { font-style:italic; color:#C46D5A; }
.ingr-synergie-txt {
  font-family:'Inter',sans-serif;
  font-size:13px;
  color:#000000;
  line-height:1.6;
}
.ingr-synergie-txt strong { color:#000000; font-weight:600; }

/* ── RESPONSIVE ── */
@media (max-width:780px) {
  .ingr-section { padding:56px 20px; }
  .ingr-grid { grid-template-columns:1fr; gap:32px; }
  .ingr-visual { position:static; order:-1; max-width:300px; margin:0 auto; }
  .acc-inner { padding-left:22px; }
}

/* ============================================================
   FIN — Ingrédients accordéon + image + synergie
   ============================================================ */
   /* ============================================================
   SAHIYA — Section TikTok / Reels (preuve sociale)
   ============================================================ */

.tiktok-section {
  background: #fff;
  padding: 80px 48px;
}
.tiktok-inner { max-width: 1000px; margin: 0 auto; }

/* En-tête */
.tiktok-head { text-align: center; max-width: 600px; margin: 0 auto 48px; }
.tiktok-eyebrow {
  font-family: 'Inter', sans-serif;
  font-size: 11px; font-weight: 700; letter-spacing: 0.16em;
  text-transform: uppercase; color: #C46D5A;
  margin-bottom: 12px; display: block;
}
.tiktok-title {
  font-family: 'Playfair Display', Georgia, serif;
  font-size: clamp(26px, 4vw, 38px); font-weight: 700;
  color: #000000; line-height: 1.12; letter-spacing: -0.4px;
  margin-bottom: 12px;
}
.tiktok-title em { font-style: italic; color: #C46D5A; }
.tiktok-sub { font-family: 'Inter', sans-serif; font-size: 15px; color: #000000; line-height: 1.65; }

/* Grille */
.tiktok-row {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 18px;
}

/* Carte vidéo verticale */
.tk-card {
  position: relative;
  border-radius: 20px;
  overflow: hidden;
  box-shadow: 0 6px 24px rgba(42, 42, 42, 0.08);
  cursor: pointer;
  aspect-ratio: 9 / 16;
  background: linear-gradient(160deg, #C46D5A, #B85D4A, #8B3E2D);
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}
.tk-card:hover {
  transform: translateY(-6px);
  box-shadow: 0 24px 64px rgba(42, 42, 42, 0.14);
}
.tk-card::before {
  content: '';
  position: absolute; inset: 0;
  background: radial-gradient(circle at 40% 30%, rgba(255,255,255,.12), transparent 60%);
}

/* Si tu mets une vraie image/vidéo en fond */
.tk-card img {
  position: absolute; inset: 0;
  width: 100%; height: 100%;
  object-fit: cover; z-index: 0;
}
.tk-card .tk-overlay {
  position: absolute; inset: 0;
  background: linear-gradient(to top, rgba(0,0,0,.55), transparent 50%);
  z-index: 1;
}

/* Bouton play */
.tk-play {
  position: absolute; top: 50%; left: 50%;
  transform: translate(-50%, -50%);
  width: 52px; height: 52px; border-radius: 50%;
  background: rgba(255, 255, 255, 0.95);
  display: flex; align-items: center; justify-content: center;
  z-index: 2; transition: all 0.3s ease;
}
.tk-card:hover .tk-play { transform: translate(-50%, -50%) scale(1.1); }
.tk-play::after {
  content: '';
  width: 0; height: 0;
  border-top: 9px solid transparent;
  border-bottom: 9px solid transparent;
  border-left: 15px solid #000000;
  margin-left: 4px;
}

/* Logo plateforme */
.tk-logo {
  position: absolute; top: 12px; right: 12px;
  background: rgba(0, 0, 0, 0.5); color: #fff;
  font-family: 'Inter', sans-serif; font-size: 11px; font-weight: 700;
  padding: 4px 9px; border-radius: 8px; z-index: 2;
}

/* Légende */
.tk-caption {
  position: absolute; bottom: 46px; left: 12px; right: 12px;
  font-family: 'Inter', sans-serif; font-size: 12.5px;
  color: #fff; font-weight: 500; line-height: 1.4;
  z-index: 2; text-shadow: 0 1px 4px rgba(0,0,0,.5);
}

/* Handle + vues */
.tk-handle { position: absolute; bottom: 14px; left: 12px; right: 12px; z-index: 2; }
.tk-user { font-family: 'Inter', sans-serif; font-size: 12px; font-weight: 600; color: #fff; margin-bottom: 2px; }
.tk-views { font-family: 'Inter', sans-serif; font-size: 11px; color: rgba(255,255,255,.78); }

/* ── RESPONSIVE ── */
@media (max-width: 780px) {
  .tiktok-section { padding: 56px 20px; }
  .tiktok-row { grid-template-columns: 1fr 1fr; gap: 14px; }
  .tk-card:nth-child(n+3) { display: none; }
}

/* ============================================================
   FIN — Section TikTok / Reels
   ============================================================ */
   /* ============================================================
   SAHIYA — Section FAQ (accordéon)
   ============================================================ */

.faq-section {
  background: #FBF9F6;
  padding: 80px 48px;
}
.faq-inner { max-width: 760px; margin: 0 auto; }

/* En-tête */
.faq-head { text-align: center; margin-bottom: 40px; }
.faq-eyebrow {
  font-family: 'Inter', sans-serif;
  font-size: 11px; font-weight: 700; letter-spacing: 0.16em;
  text-transform: uppercase; color: #C46D5A;
  margin-bottom: 12px; display: block;
}
.faq-title {
  font-family: 'Playfair Display', Georgia, serif;
  font-size: clamp(26px, 4vw, 38px); font-weight: 700;
  color: #000000; line-height: 1.12; letter-spacing: -0.4px;
}
.faq-title em { font-style: italic; color: #C46D5A; }

/* Liste */
.faq-wrap {
  background: #fff;
  border: 1px solid #E5E0DB;
  border-radius: 20px;
  padding: 8px 28px;
  box-shadow: 0 6px 24px rgba(42, 42, 42, 0.07);
}

.faq-item { border-bottom: 1px solid #E5E0DB; }
.faq-item:last-child { border-bottom: none; }

.faq-q {
  padding: 22px 0;
  display: flex; align-items: center; justify-content: space-between;
  cursor: pointer; gap: 16px;
  font-family: 'Inter', sans-serif;
  font-size: 16px; font-weight: 600; color: #000000;
}
.faq-q .ic {
  color: #C46D5A; font-size: 26px; font-weight: 300;
  flex-shrink: 0; transition: transform 0.3s; line-height: 1;
}
.faq-item.open .faq-q .ic { transform: rotate(45deg); }

.faq-a {
  font-family: 'Inter', sans-serif;
  font-size: 14.5px; color: #000000; line-height: 1.7;
  max-height: 0; overflow: hidden;
  transition: max-height 0.35s ease, padding 0.35s ease;
  padding: 0;
}
.faq-item.open .faq-a { max-height: 280px; padding: 0 0 22px; }
.faq-a strong { color: #000000; font-weight: 600; }

/* ── RESPONSIVE ── */
@media (max-width: 600px) {
  .faq-section { padding: 56px 20px; }
  .faq-wrap { padding: 6px 22px; }
  .faq-q { font-size: 15px; }
}

/* ============================================================
   FIN — Section FAQ
   ============================================================ */
   /*nutriactiv*/
   /* ============================================================
   SAHIYA — Hero : 3 concepts épurés (sans bordure)
   ============================================================ */

.hero-stats {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 16px;
  margin-bottom: 28px;
  padding: 4px 0;
}

.hstat {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
}

.hstat-ic {
  width: 38px;
  height: 38px;
  margin-bottom: 12px;
}
.hstat-ic svg { width: 100%; height: 100%; }

.hstat .hl {
  font-family: 'Inter', sans-serif;
  font-size: 13.5px;
  color: #000000;
  font-weight: 700;
  line-height: 1.25;
}
.hstat .hb {
  font-family: 'Inter', sans-serif;
  font-size: 11px;
  font-style: italic;
  color: #000000;
  margin-top: 4px;
  line-height: 1.3;
}

@media (max-width: 600px) {
  .hero-stats { gap: 10px; }
  .hstat-ic { width: 32px; height: 32px; }
}

/* ============================================================
   FIN — Hero 3 concepts
   ============================================================ */
   /* ============================================================
   SAHIYA — Bandeau chiffres défilant (marquee)
   ============================================================ */

.chiffres-marquee {
  background: #EBAFA3;        /* pêche, comme la top barre */
  padding: 18px 0;
  overflow: hidden;
  position: relative;
}

.cm-track {
  display: flex;
  width: max-content;
  animation: cmScroll 30s linear infinite;
}

/* Pause au survol */
.chiffres-marquee:hover .cm-track {
  animation-play-state: paused;
}

.cm-stat {
  display: flex;
  align-items: baseline;
  gap: 9px;
  padding: 0 38px;
  position: relative;
  white-space: nowrap;
}
/* Séparateur fin entre chaque stat */
.cm-stat::after {
  content: '';
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 1px;
  height: 20px;
  background: rgba(42, 42, 42, 0.2);
}

.cm-n {
  font-family: 'Playfair Display', Georgia, serif;
  font-size: 23px;
  font-weight: 700;
  color: #000000;
  line-height: 1;
}
.cm-n small { font-size: 0.55em; }

.cm-t {
  font-family: 'Inter', sans-serif;
  font-size: 13px;
  color: #000000;
  font-weight: 500;
}

@keyframes cmScroll {
  from { transform: translateX(0); }
  to   { transform: translateX(-50%); }
}
.shopify-section:has(.chiffres-marquee) {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

/* ============================================================
   FIN — Bandeau chiffres défilant
   ============================================================ */
   /* ============================================================
   SAHIYA — Section Bénéfices (6 cartes)
   ============================================================ */


.container { max-width: 1280px; margin: 0 auto; padding-left: clamp(20px,5vw,80px); padding-right: clamp(20px,5vw,80px); }

/* En-tête de section */
.section-head { text-align: center; max-width: 640px; margin: 0 auto clamp(36px,5vw,60px); }
.eyebrow { font-family:'Inter',sans-serif; font-size:11px; font-weight:700; letter-spacing:.16em; text-transform:uppercase; color:#C46D5A; margin-bottom:14px; display:block; }
.sec-title { font-family:'Playfair Display',Georgia,serif; font-size:clamp(28px,4vw,44px); font-weight:700; color:#000000; line-height:1.1; letter-spacing:-.5px; margin-bottom:14px; }
.sec-title em { font-style:italic; color:#C46D5A; }
.sec-sub { font-family:'Inter',sans-serif; font-size:16px; color:#000000; line-height:1.7; }

/* Grille */
.benefits-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:20px; }

/* Carte */
.benefit-card { background:#fff; border:1px solid #E5E0DB; border-radius:20px; padding:30px 26px; transition:all .3s cubic-bezier(.4,0,.2,1); box-shadow:0 1px 2px rgba(42,42,42,.04); }
.benefit-card:hover { transform:translateY(-4px); box-shadow:0 6px 24px rgba(42,42,42,.08); border-color:#D68C7A; }

/* Icône */
.benefit-ic { width:54px; height:54px; border-radius:15px; background:#FDF1ED; display:flex; align-items:center; justify-content:center; margin-bottom:18px; }
.benefit-ic svg { width:28px; height:28px; }

/* Titre + texte */
.benefit-title { font-family:'Inter',sans-serif; font-size:17px; font-weight:600; color:#000000; margin-bottom:8px; line-height:1.25; letter-spacing:-.2px; }
.benefit-desc { font-family:'Inter',sans-serif; font-size:14px; color:#000000; line-height:1.6; }

/* ── RESPONSIVE ── */
@media (max-width:860px) { .benefits-grid { grid-template-columns:1fr 1fr; } }
@media (max-width:560px) { .benefits-grid { grid-template-columns:1fr; } .section { padding: 0px 10px; } }

/* ============================================================
   FIN — Section Bénéfices
   ============================================================ */
   /* ============================================================
   SAHIYA — Avant/Après : 4 cartes (photo + témoignage)
   ============================================================ */

.section-head { text-align: center; max-width: 640px; margin: 0 auto clamp(36px,5vw,60px); }
.eyebrow { font-family:'Inter',sans-serif; font-size:11px; font-weight:700; letter-spacing:.16em; text-transform:uppercase; color:#C46D5A; margin-bottom:14px; display:block; }
.sec-title { font-family:'Playfair Display',Georgia,serif; font-size:clamp(28px,4vw,44px); font-weight:700; color:#000000; line-height:1.1; letter-spacing:-.5px; margin-bottom:14px; }
.sec-title em { font-style:italic; color:#C46D5A; }
.sec-sub { font-family:'Inter',sans-serif; font-size:16px; color:#000000; line-height:1.7; }

.ba4-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:20px; max-width:1180px; margin:0 auto; }
.ba4-card { background:#fff; border:1px solid #E5E0DB; border-radius:20px; overflow:hidden; box-shadow:0 2px 10px rgba(42,42,42,.06); display:flex; flex-direction:column; transition:all .3s cubic-bezier(.4,0,.2,1); }
.ba4-card:hover { transform:translateY(-4px); box-shadow:0 6px 24px rgba(42,42,42,.08); }

.ba4-imgs { display:grid; grid-template-columns:1fr 1fr; gap:2px; background:#E5E0DB; }
.ba4-img { position:relative; aspect-ratio:1/1.1; overflow:hidden; }
.ba4-img img { width:100%; height:100%; object-fit:cover; }
.ba4-tag { position:absolute; bottom:8px; left:8px; font-size:9.5px; font-weight:700; letter-spacing:.06em; text-transform:uppercase; padding:3px 9px; border-radius:20px; color:#fff; z-index:2; }
.ba4-tag.before { background:rgba(42,42,42,.65); backdrop-filter:blur(3px); }
.ba4-tag.after { background:#C46D5A; left:auto; right:8px; }

.ba4-body { padding:18px 18px 20px; display:flex; flex-direction:column; flex:1; }
.ba4-stars { color:#C46D5A; font-size:14px; letter-spacing:2px; margin-bottom:10px; }
.ba4-quote { font-family:'Inter',sans-serif; font-size:13.5px; color:#000000; line-height:1.55; flex:1; font-style:italic; }
.ba4-who { font-family:'Inter',sans-serif; font-size:11.5px; font-weight:600; color:#000000; margin-top:14px; padding-top:12px; border-top:1px solid #E5E0DB; }
.ba4-note { font-size:12px; color:#000000; margin:24px auto 0; font-style:italic; text-align:center; max-width:1180px; }

@media (max-width:900px) { .ba4-grid { grid-template-columns:1fr 1fr; } }
@media (max-width:520px) { .ba4-grid { grid-template-columns:1fr; } }

/* ============================================================
   FIN — Avant/Après
   ============================================================ */
   /* ============================================================
   SAHIYA — Ingrédients : accordéon par famille + image + synergie
   ============================================================ */


.section-head { text-align:center; max-width:640px; margin:0 auto clamp(36px,5vw,60px); }
.eyebrow { font-family:'Inter',sans-serif; font-size:11px; font-weight:700; letter-spacing:.16em; text-transform:uppercase; color:#C46D5A; margin-bottom:14px; display:block; }
.sec-title { font-family:'Playfair Display',Georgia,serif; font-size:clamp(28px,4vw,44px); font-weight:700; color:#000000; line-height:1.1; letter-spacing:-.5px; margin-bottom:14px; }
.sec-title em { font-style:italic; color:#C46D5A; }
.sec-sub { font-family:'Inter',sans-serif; font-size:16px; color:#000000; line-height:1.7; }

.ingr-grid { display:grid; grid-template-columns:1fr 340px; gap:40px; align-items:start; max-width:1060px; margin:0 auto; }

/* Accordéon */
.acc { display:flex; flex-direction:column; gap:12px; }
.acc-item { background:#fff; border:1px solid #E5E0DB; border-radius:16px; overflow:hidden; box-shadow:0 1px 2px rgba(42,42,42,.04); transition:box-shadow .25s; }
.acc-item.open { box-shadow:0 6px 24px rgba(42,42,42,.08); }
.acc-head { display:flex; align-items:center; gap:14px; padding:18px 22px; cursor:pointer; }
.acc-ic { width:44px; height:44px; border-radius:12px; background:#FDF1ED; display:flex; align-items:center; justify-content:center; flex-shrink:0; }
.acc-ic svg { width:24px; height:24px; }
.acc-htxt { flex:1; }
.acc-gname { font-family:'Inter',sans-serif; font-size:16px; font-weight:600; color:#000000; line-height:1.15; letter-spacing:-.2px; }
.acc-gfor { font-family:'Inter',sans-serif; font-size:11.5px; color:#C46D5A; font-weight:600; margin-top:2px; }
.acc-count { font-family:'Inter',sans-serif; font-size:11.5px; color:#000000; font-weight:600; background:#FBF9F6; border-radius:20px; padding:3px 10px; white-space:nowrap; }
.acc-plus { color:#C46D5A; font-size:24px; font-weight:300; margin-left:8px; transition:transform .3s; line-height:1; }
.acc-item.open .acc-plus { transform:rotate(45deg); }
.acc-body { max-height:0; overflow:hidden; transition:max-height .4s ease; }
.acc-item.open .acc-body { max-height:900px; }
.acc-inner { padding:0 22px 16px 80px; }
.acc-ingr { padding:13px 0; border-top:1px solid #E5E0DB; }
.acc-itop { display:flex; align-items:baseline; justify-content:space-between; gap:10px; margin-bottom:4px; }
.acc-iname { font-family:'Inter',sans-serif; font-size:14px; font-weight:700; color:#000000; }
.acc-idose { font-family:'Inter',sans-serif; font-size:12px; font-weight:700; color:#C46D5A; background:#FDF1ED; border:1px solid #EBAFA3; border-radius:20px; padding:2px 9px; white-space:nowrap; }
.acc-idesc { font-family:'Inter',sans-serif; font-size:13px; color:#000000; line-height:1.55; }
.acc-idesc strong { color:#000000; font-weight:600; }

/* Image + synergie */
.ingr-visual { position:sticky; top:96px; }
.ingr-img { width:100%; border-radius:20px; overflow:hidden; aspect-ratio: 9 / 16; }
.ingr-img img { width:100%; height:100%; object-fit:cover; }
.ingr-synergie { background:#FBF9F6; border-left:4px solid #C46D5A; border-radius:0 14px 14px 0; padding:22px 24px; margin-top:14px; }
.ingr-synergie-title { font-family:'Playfair Display',Georgia,serif; font-size:18px; font-weight:700; color:#000000; margin-bottom:8px; line-height:1.2; }
.ingr-synergie-title em { font-style:italic; color:#C46D5A; }
.ingr-synergie-txt { font-family:'Inter',sans-serif; font-size:13px; color:#000000; line-height:1.6; }
.ingr-synergie-txt strong { color:#000000; font-weight:600; }

@media (max-width:780px) {
  .ingr-grid { grid-template-columns:1fr; gap:32px; }
  .ingr-visual { position:static; order:-1; max-width:300px; margin:0 auto; }
  .acc-inner { padding-left:22px; }
}

/* ============================================================
   FIN — Ingrédients
   ============================================================ */
   /* ============================================================
   SAHIYA — Section TikTok / Reels
   ============================================================ */

.section-head { text-align:center; max-width:640px; margin:0 auto clamp(36px,5vw,60px); }
.eyebrow { font-family:'Inter',sans-serif; font-size:11px; font-weight:700; letter-spacing:.16em; text-transform:uppercase; color:#C46D5A; margin-bottom:14px; display:block; }
.sec-title { font-family:'Playfair Display',Georgia,serif; font-size:clamp(28px,4vw,44px); font-weight:700; color:#000000; line-height:1.1; letter-spacing:-.5px; margin-bottom:14px; }
.sec-title em { font-style:italic; color:#C46D5A; }
.sec-sub { font-family:'Inter',sans-serif; font-size:16px; color:#000000; line-height:1.7; }

.tiktok-row { display:grid; grid-template-columns:repeat(4,1fr); gap:18px; max-width:1000px; margin:0 auto; }

.tk-card { position:relative; border-radius:20px; overflow:hidden; box-shadow:0 6px 24px rgba(42,42,42,.08); cursor:pointer; aspect-ratio:9/16; background:linear-gradient(160deg,#C46D5A,#B85D4A,#8B3E2D); transition:all .3s cubic-bezier(.4,0,.2,1); display:block; }
.tk-card:hover { transform:translateY(-6px); box-shadow:0 24px 64px rgba(42,42,42,.14); }
.tk-card::before { content:''; position:absolute; inset:0; background:radial-gradient(circle at 40% 30%,rgba(255,255,255,.12),transparent 60%); }

/* Si tu mets une vraie miniature en fond */
.tk-card img { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; z-index:0; }
.tk-overlay { position:absolute; inset:0; background:linear-gradient(to top,rgba(0,0,0,.55),transparent 50%); z-index:1; }

.tk-play { position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); width:52px; height:52px; border-radius:50%; background:rgba(255,255,255,.95); display:flex; align-items:center; justify-content:center; z-index:2; transition:all .3s ease; }
.tk-card:hover .tk-play { transform:translate(-50%,-50%) scale(1.1); }
.tk-play::after { content:''; width:0; height:0; border-top:9px solid transparent; border-bottom:9px solid transparent; border-left:15px solid #000000; margin-left:4px; }

.tk-logo { position:absolute; top:12px; right:12px; background:rgba(0,0,0,.5); color:#fff; font-family:'Inter',sans-serif; font-size:11px; font-weight:700; padding:4px 9px; border-radius:8px; z-index:2; }
.tk-caption { position:absolute; bottom:46px; left:12px; right:12px; font-family:'Inter',sans-serif; font-size:12.5px; color:#fff; font-weight:500; line-height:1.4; z-index:2; text-shadow:0 1px 4px rgba(0,0,0,.5); }
.tk-handle { position:absolute; bottom:14px; left:12px; right:12px; z-index:2; }
.tk-user { font-family:'Inter',sans-serif; font-size:12px; font-weight:600; color:#fff; margin-bottom:2px; }
.tk-views { font-family:'Inter',sans-serif; font-size:11px; color:rgba(255,255,255,.78); }

@media (max-width:780px) { .tiktok-row { grid-template-columns:1fr 1fr; } .tk-card:nth-child(n+3) { display:none; } }

/* ============================================================
   FIN — Section TikTok
   ============================================================ */
   /* ============================================================
   SAHIYA — Section Témoignage (grande citation)
   ============================================================ */
.testi-big {
  max-width: 720px;
  margin: 0 auto;
  background: #fff;
  border: 1px solid #E5E0DB;
  border-radius: 28px;
  padding: clamp(32px,5vw,52px);
  box-shadow: 0 6px 24px rgba(42,42,42,.08);
  text-align: center;
  position: relative;
}
.testi-quote-mark {
  font-family: 'Playfair Display', Georgia, serif;
  font-size: 80px;
  color: #EBAFA3;
  line-height: 0;
  position: absolute;
  top: 40px;
  left: 36px;
  opacity: .4;
}
.testi-big .stars {
  color: #C46D5A;
  font-size: 19px;
  letter-spacing: 3px;
  margin-bottom: 18px;
}
.testi-big p {
  font-family: 'Playfair Display', Georgia, serif;
  font-size: clamp(20px,2.6vw,26px);
  font-style: italic;
  color: #000000;
  line-height: 1.45;
  margin-bottom: 20px;
  position: relative;
  z-index: 1;
}
.testi-big .author {
  font-family: 'Inter', sans-serif;
  font-size: 14px;
  font-weight: 600;
  color: #000000;
}

/* ============================================================
   FIN — Section Témoignage
   ============================================================ */


   /* ============= SAHIYA — Tuto vidéo (section du dessous) ============= *//* ============= SAHIYA — Tuto vidéo (section du dessous) ============= */
.sgtv-section {
  padding: 64px 24px;
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
  color: #000000;
  /* pas de background : hérite du fond de page */
}
@media (max-width: 768px) { .sgtv-section { padding: 48px 16px; } }

/* Desktop : 2 colonnes — texte à gauche, VIDÉO À DROITE */
.sgtv-wrap {
  max-width: 1080px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: 1fr 320px;   /* texte 1fr | vidéo 320px à droite */
  gap: 56px;
  align-items: center;
}
.sgtv-text       { order: 1; }   /* gauche */
.sgtv-video-wrap { order: 2; }   /* droite */

/* Tablette + mobile : 1 colonne, vidéo EN HAUT */
@media (max-width: 1024px) {
  .sgtv-wrap {
    grid-template-columns: 1fr;
    gap: 32px;
    max-width: 600px;
  }
  .sgtv-video-wrap { order: 1; }   /* repasse au-dessus du texte */
  .sgtv-text       { order: 2; }
}

/* --- VIDÉO --- */
.sgtv-video-wrap {
  position: relative;
  width: 100%;
  max-width: 320px;
  margin: 0 auto;
}
.sgtv-video {
  display: block;
  width: 100%;
  aspect-ratio: 9 / 16;
  object-fit: cover;
  background: linear-gradient(135deg, #EBAFA3, #C46D5A);
  border-radius: 24px;
  box-shadow: 0 8px 28px rgba(196, 109, 90, 0.25);
  cursor: pointer;
}
.sgtv-duration {
  position: absolute;
  top: 16px;
  right: 16px;
  background: rgba(0, 0, 0, 0.55);
  color: #fff;
  font-size: 11px;
  font-weight: 500;
  padding: 4px 10px;
  border-radius: 20px;
  pointer-events: none;
}

/* --- TEXTE --- */
.sgtv-eyebrow {
  font-size: 11px;
  text-transform: uppercase;
  letter-spacing: 2px;
  color: #C46D5A;
  font-weight: 600;
  margin-bottom: 12px;
}
.sgtv-title {
  font-family: 'Playfair Display', Georgia, serif;
  font-size: 32px;
  font-weight: 600;
  line-height: 1.2;
  margin: 0 0 14px;
  color: #000000;
  letter-spacing: -0.3px;
}
.sgtv-intro {
  font-size: 15px;
  color: #000000;
  line-height: 1.65;
  margin: 0 0 24px;
}
.sgtv-intro strong { color: #000000; }

@media (max-width: 1024px) {
  .sgtv-eyebrow, .sgtv-title, .sgtv-intro { text-align: center; }
}
@media (max-width: 768px) {
  .sgtv-title { font-size: 26px; }
}

/* --- LES 3 ÉTAPES --- */
.sgtv-steps {
  display: grid;
  gap: 12px;
  margin-bottom: 24px;
}
.sgtv-step {
  background: transparent;
  display: flex;
  align-items: center;
  Padding-top: 5px;
  padding-bottom: 5px;
  font-size: 17px;
  line-height: 1.5;
  color: #000000;
}
.sgtv-step-num {
  width: 30px;
  height: 30px;
  border-radius: 50%;
  color: #C46D5A;
  font-weight: 700;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  font-size: 17px;
  margin-right:15px;
}
.sgtv-step strong { color: #000000; font-weight: 700; }

/* --- LES 3 BÉNÉFICES (auto-fit : 3 → 2 → 1 colonne) --- */
.sgtv-bonus {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
  gap: 14px;
  padding: 18px 20px;
  background: #fff;
  border-radius: 14px;
  border-left: 3px solid #C46D5A;
}
.sgtv-bonus-item {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  font-size: 13px;
  line-height: 1.45;
}
/* Icônes SVG (currentColor) : on fixe taille + couleur */
.sgtv-bonus-icon {
  flex-shrink: 0;
  width: 26px;
  height: 26px;
  color: #C46D5A;
  margin-top: 2px;
}
.sgtv-bonus-icon svg { width: 100%; height: 100%; display: block; }
.sgtv-bonus-text { flex: 1; color: #000000; }
.sgtv-bonus-text strong {
  display: block;
  color: #000000;
  font-weight: 700;
  font-size: 13px;
  margin-bottom: 2px;
}
/* ============================================================
   SAHIYA — Section "La science derrière la chute"
   Préfixe unique "sahsci-" + règles confinées sous .sahsci-section
   ============================================================ */
/* ============================================================
   SAHIYA — Section "La science derrière la chute"
   Titre centré · image gauche / texte droite · classes sahsci-
   ============================================================ */
.sahsci-section{max-width:1080px;margin:0 auto;padding:80px 32px;font-family:'Inter',-apple-system,BlinkMacSystemFont,sans-serif;color:#000000;}
@media(max-width:768px){.sahsci-section{padding:52px 18px;}}

/* En-tête centré */
.sahsci-section .sahsci-head{text-align:center;max-width:900px;margin:0 auto 56px;}
.sahsci-section .sahsci-eyebrow{display:flex;align-items:center;justify-content:center;gap:14px;margin-bottom:22px;}
.sahsci-section .sahsci-eb-line{width:30px;height:1px;background:transparent;opacity:.55;}
.sahsci-section .sahsci-eb-text{font-size:11px;letter-spacing:2.5px;text-transform:uppercase;color:#C46D5A;font-weight:600;}
.sahsci-section .sahsci-title{font-family:'Playfair Display',Georgia,serif;font-size:clamp(33px,4.4vw,50px);font-weight:600;line-height:1.08;letter-spacing:-1px;color:#000000;margin:0;}
.sahsci-section .sahsci-title em{font-style:italic;color:#C46D5A;}

/* Corps 50/50 : image gauche / texte droite */
.sahsci-section .sahsci-body{display:grid;grid-template-columns:1fr 1fr;gap:54px;align-items:center;}
@media(max-width:860px){.sahsci-section .sahsci-body{grid-template-columns:1fr;gap:38px;}}
.sahsci-section .sahsci-product img{display:block;width:100%;height:auto;}

.sahsci-section .sahsci-highlight{display:block;font-size:12px;font-weight:700;letter-spacing:1.4px;text-transform:uppercase;color:#C46D5A;margin-bottom:9px;}
.sahsci-section .sahsci-explain p{margin:0;font-size:14.5px;line-height:1.65;color:#000000;}
.sahsci-section .sahsci-explain p strong{color:#000000;font-weight:600;}

/* Callouts empilés (un sous l'autre) */
.sahsci-section .sahsci-callouts{list-style:none;display:flex;flex-direction:column;gap:14px;margin:24px 0 0;padding:0;}
.sahsci-section .sahsci-callouts li{display:flex;align-items:center;gap:9px;font-size:13px;color:#000000;}
.sahsci-section .sahsci-callout-dot{width:7px;height:7px;border-radius:50%;background:#C46D5A;flex-shrink:0;}
.sahsci-section .sahsci-callout-line{width:16px;height:1px;background:#C46D5A;opacity:.45;flex-shrink:0;}

/* Bande statistiques */
.sahsci-section .sahsci-stats{display:grid;grid-template-columns:repeat(3,1fr);background:#FBF9F6;border-radius:22px;margin-top:60px;overflow:hidden;}
@media(max-width:860px){.sahsci-section .sahsci-stats{grid-template-columns:1fr;}}
.sahsci-section .sahsci-stat{padding:30px 28px;}
.sahsci-section .sahsci-stat + .sahsci-stat{border-left:1px solid rgba(196,109,90,.16);}
@media(max-width:860px){.sahsci-section .sahsci-stat + .sahsci-stat{border-left:none;border-top:1px solid rgba(196,109,90,.16);}}
.sahsci-section .sahsci-stat-top{display:flex;align-items:center;gap:14px;margin-bottom:12px;}
.sahsci-section .sahsci-stat-ic{width:50px;height:50px;border-radius:50%;background:#FDF1ED;display:flex;align-items:center;justify-content:center;flex-shrink:0;}
.sahsci-section .sahsci-stat-ic svg{width:27px;height:27px;}
.sahsci-section .sahsci-stat-num{font-family:'Playfair Display',Georgia,serif;font-size:clamp(34px,4vw,46px);font-weight:600;color:#C46D5A;line-height:1;}
.sahsci-section .sahsci-stat-dash{opacity:.45;font-weight:400;margin-right:5px;}
.sahsci-section .sahsci-stat-label{font-size:13.5px;line-height:1.5;color:#000000;margin-bottom:11px;}
.sahsci-section .sahsci-stat-src{font-size:11px;letter-spacing:1px;text-transform:uppercase;color:#000000;}
/* ============================================================
   SAHIYA — Section comparatif (tableau verrouillé, préfixe sahcmp-)
   ============================================================ */
.sahcmp-section{max-width:1180px;margin:0 auto;padding:84px 32px;background:transparent;font-family:'Inter',-apple-system,BlinkMacSystemFont,sans-serif;color:#000000;}
@media(max-width:768px){.sahcmp-section{padding:54px 18px;}}

.sahcmp-section .sahcmp-grid{display:grid;grid-template-columns:.82fr 1.18fr;gap:52px;align-items:center;}
@media(max-width:880px){.sahcmp-section .sahcmp-grid{grid-template-columns:1fr;gap:40px;}}

.sahcmp-section .sahcmp-eyebrow{display:flex;align-items:center;gap:10px;font-size:11px;letter-spacing:2.5px;text-transform:uppercase;color:#C46D5A;font-weight:600;margin-bottom:18px;}
.sahcmp-section .sahcmp-spk{font-size:14px;line-height:1;}
.sahcmp-section .sahcmp-title{font-family:'Playfair Display',Georgia,serif;font-size:clamp(30px,3.6vw,42px);font-weight:600;line-height:1.13;letter-spacing:-.6px;color:#000000;margin:0 0 20px;}
.sahcmp-section .sahcmp-title em{font-style:italic;color:#C46D5A;}
.sahcmp-section .sahcmp-intro{font-size:15px;line-height:1.7;color:#000000;margin:0;}
.sahcmp-section .sahcmp-intro strong{color:#000000;font-weight:600;}

/* Tableau : structure verrouillée, insensible au thème */
.sahcmp-section .sahcmp-table{display:table;width:100%;table-layout:fixed;border-collapse:separate;border-spacing:0;direction:ltr;}
.sahcmp-section .sahcmp-table tr{display:table-row;}
.sahcmp-section .sahcmp-table th,
.sahcmp-section .sahcmp-table td{display:table-cell;box-sizing:border-box;margin:0;padding:0;border:none;background:transparent;vertical-align:middle;}

/* En-tête images (transparent, flotte au-dessus) */
.sahcmp-section .sahcmp-table .sahcmp-hcell{height:130px;padding:0 14px 12px;text-align:center;vertical-align:bottom;}
.sahcmp-section .sahcmp-table .sahcmp-hcell img{max-width:100%;max-height:140px;object-fit:contain;display:inline-block;}
.sahcmp-section .sahcmp-ph{display:inline-flex;align-items:center;justify-content:center;width:88px;height:108px;border:1.5px dashed #D8CFC8;border-radius:12px;font-size:9px;line-height:1.5;letter-spacing:.5px;text-transform:uppercase;color:#A89F98;text-align:center;padding:8px;}

/* Corps */
.sahcmp-section .sahcmp-table .sahcmp-crit{background:#EBAFA3;color:#000000;text-align:left;font-weight:500;font-size:13.5px;line-height:1.4;padding:20px 18px;border-left:1px solid #E5E0DB;border-bottom:1px solid rgba(0,0,0,.07);}
.sahcmp-section .sahcmp-table .sahcmp-good{background:#FFFFFF;text-align:center;padding:20px 15px;border-left:1px solid #EFE9E3;border-bottom:1px solid #EFE9E3;}
.sahcmp-section .sahcmp-table .sahcmp-bad{background:#FFFFFF;text-align:center;padding:20px 15px;border-left:1px solid #EFE9E3;border-right:1px solid #E5E0DB;border-bottom:1px solid #EFE9E3;}
.sahcmp-section .sahcmp-ic{display:inline-block;line-height:0;}
.sahcmp-section .sahcmp-ic svg{width:25px;height:25px;}

/* Bords extérieurs + coins arrondis de la carte */
.sahcmp-section .sahcmp-table tbody tr:first-child .sahcmp-crit,
.sahcmp-section .sahcmp-table tbody tr:first-child .sahcmp-good,
.sahcmp-section .sahcmp-table tbody tr:first-child .sahcmp-bad{border-top:1px solid #E5E0DB;}
.sahcmp-section .sahcmp-table tbody tr:last-child .sahcmp-crit,
.sahcmp-section .sahcmp-table tbody tr:last-child .sahcmp-good,
.sahcmp-section .sahcmp-table tbody tr:last-child .sahcmp-bad{border-bottom:1px solid #E5E0DB;}
.sahcmp-section .sahcmp-table tbody tr:first-child .sahcmp-crit{border-top-left-radius:22px;}
.sahcmp-section .sahcmp-table tbody tr:first-child .sahcmp-bad{border-top-right-radius:22px;}
.sahcmp-section .sahcmp-table tbody tr:last-child .sahcmp-crit{border-bottom-left-radius:22px;}
.sahcmp-section .sahcmp-table tbody tr:last-child .sahcmp-bad{border-bottom-right-radius:22px;}

@media(max-width:480px){
  .sahcmp-section .sahcmp-table .sahcmp-crit{font-size:12px;padding:16px 12px;}
  .sahcmp-section .sahcmp-table .sahcmp-good,
  .sahcmp-section .sahcmp-table .sahcmp-bad{padding:16px 8px;}
  .sahcmp-section .sahcmp-ic svg{width:21px;height:21px;}
  .sahcmp-section .sahcmp-table .sahcmp-hcell{height:96px;}
  .sahcmp-section .sahcmp-ph{width:66px;height:82px;}
}
/* ============================================================
   SECTION "POURQUOI TU PERDS TES CHEVEUX SOUS LE VOILE"
   (problèmes en accordéon <details> + vidéo portrait) — classes .pp-*
   La typo des titres vient des classes .pn-* (section vidéo Noor)
   ============================================================ */

.pp-section{background:#fff;padding:56px 20px;}
.pp-inner{max-width:1000px;margin:0 auto;}

/* header : on centre, la typo vient de tes classes pn-* */
.pp-head{text-align:center;margin-bottom:36px;}
.pp-section .pn-eyebrow,
.pp-section .pn-title,
.pp-section .pn-intro{text-align:center;}
.pp-section .pn-intro{max-width:780px;margin-left:auto;margin-right:auto;}
.pp-bar{width:52px;height:3px;background:#C46D5A;border-radius:2px;margin:14px auto;}
.pp-source{text-align:center;font-size:12px;color:#5A554F;margin:0;}

/* layout */
.pp-split{display:grid;grid-template-columns:1fr 0.82fr;gap:28px;align-items:start;}
@media(max-width:768px){.pp-split{grid-template-columns:1fr;}}

/* accordéon — sans JS (<details>/<summary>) */
.pp-acc{display:flex;flex-direction:column;gap:12px;}
.pp-item{background:#fff;border:1px solid #EADAD2;border-radius:14px;overflow:hidden;box-shadow:0 2px 8px rgba(0,0,0,.04);transition:.25s;}
.pp-item[open]{border-color:#EBAFA3;box-shadow:0 6px 20px rgba(0,0,0,.07);}
.pp-q{list-style:none;cursor:pointer;padding:18px 20px;display:flex;justify-content:space-between;align-items:center;gap:16px;}
.pp-q::-webkit-details-marker{display:none;}
.pp-qh{display:flex;align-items:center;gap:13px;}
.pp-num{width:32px;height:32px;border-radius:50%;background:#C46D5A;color:#fff;font-weight:700;font-size:15px;display:flex;align-items:center;justify-content:center;flex-shrink:0;}
.pp-qt{display:flex;flex-direction:column;}
.pp-cat{font-size:10px;letter-spacing:1.5px;text-transform:uppercase;color:#C46D5A;font-weight:700;margin-bottom:3px;}
.pp-h{font-size:16px;font-weight:700;color:#2A2A2A;line-height:1.3;}
.pp-toggle{font-size:26px;color:#C46D5A;flex-shrink:0;line-height:.8;transition:transform .25s;}
.pp-item[open] .pp-toggle{transform:rotate(45deg);}
.pp-a-inner{padding:0 22px 20px 64px;}
.pp-emo{font-size:14.5px;font-style:italic;color:#A85843;margin:0 0 8px;line-height:1.4;}
.pp-mech{font-size:13.5px;color:#2A2A2A;line-height:1.6;margin:0;}
.pp-src{color:#5A554F;font-size:11px;}
@media(max-width:600px){.pp-a-inner{padding:0 20px 18px 20px;}}

//* ============================================== */
/* SECTION — Image portrait TikTok                */
/* Format 9:16 pour la section "Pourquoi tu perds */
/* tes cheveux sous le voile"                     */
/* ============================================== */

.pp-video-wrap {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  position: relative !important;
}

.pp-video-wrap img {
  width: 100% !important;
  max-width: 340px !important;
  aspect-ratio: 9 / 16 !important;
  object-fit: cover !important;
  border-radius: 18px !important;
  box-shadow: 0 10px 30px rgba(196, 109, 90, 0.15) !important;
  display: block !important;
}


/* ============= RESPONSIVE MOBILE ============= */

@media screen and (max-width: 749px) {
  .pp-video-wrap img {
    max-width: 280px !important;
    border-radius: 14px !important;
  }
}

@media screen and (max-width: 480px) {
  .pp-video-wrap img {
    max-width: 240px !important;
  }
}
/* phrase de transition */
.pp-bridge{text-align:center;max-width:740px;margin:32px auto 0;font-size:18px;line-height:1.55;color:#2A2A2A;}

/* ============================================================
   FIN SECTION "POURQUOI TU PERDS TES CHEVEUX SOUS LE VOILE"
   ============================================================ */
   /* ============================================================
   SECTION SOLUTION "LE PACK HIJAB" — classes .ps-*
   (titres en .pn-* / fond transparent / image 240px en alternance)
   ============================================================ */
.ps-section{background:transparent;padding:56px 20px;}
.ps-inner{max-width:900px;margin:0 auto;}

.ps-head{text-align:center;margin-bottom:30px;}
.ps-section .pn-eyebrow,
.ps-section .pn-title,
.ps-section .pn-intro{text-align:center;}
.ps-section .pn-intro{max-width:700px;margin:14px auto 0;}
.ps-bar{width:52px;height:3px;background:#C46D5A;border-radius:2px;margin:14px auto;}

.ps-rows{display:flex;flex-direction:column;}
.ps-row{display:grid;grid-template-columns:240px 1fr;gap:30px;background:#fff;border:1px solid #EADAD2;border-radius:18px;padding:26px;margin:0 auto 18px;box-shadow:0 4px 14px rgba(0,0,0,.06);align-items:center;width:100%;}
.ps-row.ps-feat{border:2px solid #C46D5A;}
.ps-row:nth-child(even){grid-template-columns:1fr 240px;}
.ps-row:nth-child(even) .ps-img{grid-column:2;grid-row:1;}
.ps-row:nth-child(even) .ps-body{grid-column:1;grid-row:1;}

.ps-img{width:240px;height:240px;object-fit:cover;border-radius:14px;display:block;}
.ps-body{text-align:center;}
.ps-eyebrow{font-size:11px;letter-spacing:1px;text-transform:uppercase;color:#C46D5A;font-weight:700;margin-bottom:6px;}
.ps-name{font-size:21px;font-weight:700;color:#2A2A2A;margin-bottom:8px;line-height: 1.1em;}
.ps-name .star{font-size:12px;color:#C46D5A;}
.ps-role{font-size:14px;color:#2A2A2A;line-height:1.6;margin-bottom:10px;}
.ps-bullets{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:5px;align-items:center;}
.ps-bullets li{font-size:13px;color:#2A2A2A;}
.ps-bullets li::before{content:"✓ ";color:#C46D5A;font-weight:700;}
.ps-badge{display:inline-block;background:#C46D5A;color:#fff;font-size:10px;font-weight:700;letter-spacing:1px;text-transform:uppercase;padding:5px 12px;border-radius:20px;margin-bottom:10px;}
.ps-proof{display:inline-block;margin-top:10px;background:#FDF1ED;color:#A85843;font-size:12px;font-weight:700;padding:4px 10px;border-radius:20px;}

.ps-bridge{text-align:center;max-width:740px;margin:28px auto 0;font-size:18px;line-height:1.55;color:#2A2A2A;}

@media(max-width:700px){
  .ps-row,.ps-row:nth-child(even){grid-template-columns:1fr;justify-items:center;}
  .ps-row .ps-img,.ps-row:nth-child(even) .ps-img{grid-column:1;grid-row:1;width:100%;max-width:280px;height:auto;aspect-ratio:1;}
  .ps-row .ps-body,.ps-row:nth-child(even) .ps-body{grid-column:1;}
}
@media screen and (max-width: 767px) {
  .ps-row {
    gap: 0 !important;
  }
}
@media(max-width:768px){
  .ps-row,.ps-row:nth-child(even){grid-template-columns:1fr;justify-items:center;}
  .ps-row .ps-img,.ps-row:nth-child(even) .ps-img{grid-column:1;grid-row:auto;width:100%;max-width:300px;height:auto;aspect-ratio:1;}
  .ps-row .ps-body,.ps-row:nth-child(even) .ps-body{grid-column:1;grid-row:auto;}
}
/* ============================================================ FIN SECTION SOLUTION ============================================================ */
/* ============================================================
   SECTION PARCOURS 90 JOURS — classes .rt-*
   (fond blanc / cartes blanches détachées par bordure + ombre)
   ============================================================ */
.rt-section{background:#fff;padding:56px 20px;}
.rt-inner{max-width:980px;margin:0 auto;}

.rt-head{text-align:center;margin-bottom:32px;}
.rt-section .pn-eyebrow,
.rt-section .pn-title,
.rt-section .pn-intro{text-align:center;}
.rt-section .pn-intro{max-width:680px;margin:14px auto 0;}
.rt-bar{width:52px;height:3px;background:#C46D5A;border-radius:2px;margin:14px auto;}

.rt-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;}
@media(max-width:768px){.rt-grid{grid-template-columns:1fr;}}

.rt-card{background:#fff;border:1px solid #EADAD2;border-top:4px solid #C46D5A;border-radius:16px;padding:28px 24px;text-align:center;box-shadow:0 6px 18px rgba(0,0,0,.06);}
.rt-day{font-size:24px;font-weight:700;color:#C46D5A;margin-bottom:8px;}
.rt-text{font-size:14px;color:#2A2A2A;line-height:1.6;}
/* ============================================================ FIN SECTION PARCOURS ============================================================ */
/* ============================================================
   SECTION FONDATRICE (Noor, 1re personne, vidéo portrait) — .fn-*
   ============================================================ */
.fn-section{background:transparent;padding:56px 20px;}
.fn-inner{max-width:920px;margin:0 auto;}

.fn-head{text-align:center;margin-bottom:30px;}
.fn-section .pn-eyebrow,
.fn-section .pn-title{text-align:center;}
.fn-bar{width:52px;height:3px;background:#C46D5A;border-radius:2px;margin:14px auto 0;}

.fn-card{display:grid;grid-template-columns:auto 1fr;gap:40px;background:#fff;border:1px solid #EADAD2;border-radius:18px;box-shadow:0 8px 26px rgba(0,0,0,.07);align-items:center;padding:28px;}
.fn-video{width:300px;max-width:42vw;aspect-ratio:9/16;object-fit:cover;border-radius:16px;display:block;background:#000;}
.fn-body{padding:8px 8px 8px 0;}
.fn-body p{font-size:15px;color:#2A2A2A;line-height:1.65;margin:0 0 14px;}
.fn-sign{font-size:14px;color:#C46D5A;font-weight:700;margin-top:4px;}

@media(max-width:768px){
  .fn-card{grid-template-columns:1fr;justify-items:center;text-align:center;gap:22px;}
  .fn-video{width:100%;max-width:280px;}
  .fn-body{padding:0;}
}
/* ============================================================ FIN SECTION FONDATRICE ============================================================ */
@media screen and (max-width: 767px) {
  #shopify-section-template--21537353826475__scrolling_promotion_jjnTJi .shopify-section .section{
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
}