/* --- all feams : le peu de CSS que le reskin ajoute (rien de la source n'est ecrase) */
.af-badge{background:#F5EFF0;border-radius:12px;padding:14px 16px;}
.af-badge__in{display:flex;align-items:center;justify-content:center;gap:14px;flex-wrap:wrap;
  text-align:center;font-family:'Figtree',Helvetica,Arial,sans-serif;}
.af-badge__title{font-family:Bookmania,'Times New Roman',serif;font-size:15px;color:#5E1323;
  letter-spacing:.02em;white-space:nowrap;}
.af-badge__body{font-size:13px;color:#2D2926;line-height:1.45;max-width:640px;}
.af-badge__body b{font-weight:700;}
.af-badge__body a{color:#5E1323;text-decoration:underline;white-space:nowrap;}
@media (max-width:700px){.af-badge__in{gap:6px;} .af-badge__body{font-size:12px;}}

.af-sticker{position:absolute;z-index:6;top:14px;right:14px;width:88px;height:88px;
  border-radius:50%;background:#5E1323;color:#ECE6E2;display:flex;flex-direction:column;
  align-items:center;justify-content:center;text-align:center;padding:6px;
  font-family:'Figtree',Helvetica,Arial,sans-serif;line-height:1.15;}
.af-sticker__t{font-family:Bookmania,'Times New Roman',serif;font-size:17px;}
.af-sticker__b{font-size:9.5px;letter-spacing:.04em;text-transform:uppercase;margin-top:3px;}
@media (max-width:700px){.af-sticker{width:70px;height:70px;top:8px;right:8px;}
  .af-sticker__t{font-size:14px;} .af-sticker__b{font-size:8px;}}

/* --- Pied de page en mobile ------------------------------------------------------
   Le DOM est fige au rendu DESKTOP du gabarit React : sous 900 px la barre basse
   (copyright + disclaimer FDA + liens legaux) reste en ligne et se comprime a 14 px de
   large, ce qui affichait le disclaimer A UNE LETTRE PAR LIGNE sur 1 595 px de haut. La
   source monte un second composant en mobile ; on repose le comportement attendu en CSS,
   sans toucher au DOM. */
@media (max-width:900px){
 [class*="_footer__main-column_"]{width:100%!important;flex-direction:column!important;
   align-items:center!important;gap:16px!important;}
 [class*="_footer__desktop-row_"]{width:100%!important;flex-direction:column!important;
   align-items:center!important;justify-content:center!important;gap:14px!important;
   text-align:center;}
 [class*="_footer__desktop_"]{width:100%!important;}
 [class*="_footer__disclaimer_"]{width:100%!important;max-width:100%!important;
   text-align:center;line-height:1.5;}
 [class*="_footer__other-links_"]{width:100%!important;flex-wrap:wrap!important;
   justify-content:center!important;gap:8px 16px!important;}
 [class*="_footer__logo-with-copy_"]{width:100%!important;flex-direction:column!important;
   align-items:center!important;gap:10px!important;}
 [class*="_footer__logo_"]{max-width:170px!important;height:auto!important;}
}

/* --- Lisibilite des legendes UGC -------------------------------------------------
   Les 4 UGC sont les VRAIES photos clientes de Jon : pot clair, lumiere haute. La
   legende du gabarit est blanche et posee sur le tiers bas de la carte, ou elle passe
   mal (defaut valide au gate du 13/08). La source, elle, avait des photos sombres. On
   ne retouche PAS les photos : on pose le voile degrade classique sous le texte, dans
   la carte (overflow:hidden) et SOUS le contenu (z-index 1). */
[class*="_ugc-carousel__slide_"]{position:relative;}
[class*="_ugc-carousel__slide_"]::after{content:"";position:absolute;left:0;right:0;
  bottom:0;height:62%;z-index:0;pointer-events:none;
  background:linear-gradient(to bottom,rgba(29,22,20,0) 0%,rgba(29,22,20,.28) 38%,
    rgba(29,22,20,.62) 72%,rgba(29,22,20,.78) 100%);}
[class*="_ugc-carousel__content_"]{z-index:1;}

.af-press{display:flex;align-items:center;justify-content:space-between;gap:24px;
  flex-wrap:wrap;width:100%;max-width:1100px;margin:0 auto;
  font-family:'Figtree',Helvetica,Arial,sans-serif;}
.af-press__i{flex:1 1 140px;text-align:center;color:#4F272F;}
.af-press__i b{display:block;font-family:Bookmania,'Times New Roman',serif;font-size:30px;
  line-height:1;letter-spacing:-.01em;}
.af-press__i span{display:block;font-size:12px;margin-top:6px;color:#6B5B5E;
  letter-spacing:.02em;}
@media (max-width:700px){.af-press{gap:14px;} .af-press__i{flex:1 1 40%;}
  .af-press__i b{font-size:22px;} .af-press__i span{font-size:10.5px;}}