/* AVOIR — fiche produit, modèle unique (18/10/2026). Une seule version, tous écrans. Pas de bibliothèque externe. */
.avf-page .site-content,.avf-page .content-area,.avf-page .site-main{padding:0!important;margin:0!important;max-width:none!important;width:100%!important}
.avf-page .site-main>.avf{margin:0!important;max-width:none!important}
.avf{--g:var(--avf-g,#c8102e);--r:var(--avf-r,#c8102e);--bd:var(--avf-bd,var(--bd));--ink:#1c1717;--mute:#6f6563;--line:#ece4e1;--cream:#faf6f3;--blush:var(--avf-lt,#fbeef0);--w:1180px;--top:0px;
  font-family:"Hanken Grotesk",system-ui,-apple-system,"Segoe UI",sans-serif;color:var(--ink);background:#fff;font-size:16px;line-height:1.6;-webkit-font-smoothing:antialiased;overflow-x:clip}
.avf[dir=rtl]{font-family:"IBM Plex Sans Arabic",system-ui,sans-serif}
.avf *,.avf *::before,.avf *::after{box-sizing:border-box}
.avf h1,.avf h2,.avf h3,.avf p,.avf ul,.avf ol,.avf dl,.avf dd,.avf figure{margin:0;padding:0}
.avf ul,.avf ol{list-style:none}
.avf img{max-width:100%;height:auto;display:block}
.avf a{color:inherit;text-decoration:none}
.avf h1,.avf h2,.avf h3{font-family:"Sora","Hanken Grotesk",sans-serif;letter-spacing:-.01em;color:var(--ink);font-weight:600;line-height:1.15}
.avf[dir=rtl] h1,.avf[dir=rtl] h2,.avf[dir=rtl] h3{font-family:"IBM Plex Sans Arabic",sans-serif;letter-spacing:0;line-height:1.35}
.avf-wrap{max-width:var(--w);margin:0 auto;padding:0 20px}
.avf-narrow{max-width:820px}
.avf-center{text-align:center}

/* fil d'Ariane */
.avf-crumbs{padding-top:14px}
.avf-bc{font-size:13px;color:var(--mute);display:flex;flex-wrap:wrap;gap:6px;align-items:center}
.avf-bc a{color:var(--mute)}.avf-bc a:hover{color:var(--r)}

/* héro */
.avf-hero{display:grid;grid-template-columns:1fr;gap:18px;padding-top:12px;padding-bottom:28px}
.avf-gal{position:relative;border-radius:22px;background:linear-gradient(160deg,#fff 0%,var(--cream) 55%,var(--blush) 100%);overflow:hidden;isolation:isolate}
.avf-halo{position:absolute;inset:-20%;background:radial-gradient(closest-side,color-mix(in srgb,var(--g) 14%,transparent),transparent 70%) 50% 55%/70% 70% no-repeat;z-index:-1;animation:avf-breathe 7s ease-in-out infinite}
@keyframes avf-breathe{50%{transform:scale(1.12);opacity:.75}}
.avf-track{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;outline:0}
.avf-track::-webkit-scrollbar{display:none}
.avf-slide{flex:0 0 100%;scroll-snap-align:center;aspect-ratio:1/1;display:flex;align-items:center;justify-content:center;padding:8%}
.avf-slide img{max-height:100%;width:auto;max-width:min(100%,460px);object-fit:contain;filter:drop-shadow(0 26px 30px color-mix(in srgb,var(--r) 18%,transparent));transition:transform .8s cubic-bezier(.2,.7,.2,1)}
.avf-gal:hover .avf-slide img{transform:scale(1.04) translateY(-4px)}
.avf-thumbs{position:absolute;bottom:14px;inset-inline:0;display:flex;justify-content:center;gap:8px}
.avf .avf-thumbs button{width:46px;height:46px;padding:3px!important;border-radius:12px!important;background:rgba(255,255,255,.85)!important;border:1.5px solid transparent!important;cursor:pointer;box-shadow:0 2px 10px rgba(0,0,0,.06)!important;margin:0!important}
.avf .avf-thumbs button[aria-current]{border-color:var(--r)!important}
.avf-thumbs img{width:100%;height:100%;object-fit:contain;border-radius:8px}
.avf-eyebrow{font:600 12px/1 "Sora",sans-serif;letter-spacing:.16em;text-transform:uppercase;color:var(--r);margin-bottom:12px!important}
.avf[dir=rtl] .avf-eyebrow{font-family:"IBM Plex Sans Arabic",sans-serif;letter-spacing:0;font-size:14px}
.avf-h1{font-size:clamp(28px,4.4vw,46px);margin-bottom:10px!important}
.avf-sub{font-size:17px;color:var(--mute);margin-bottom:16px!important}
.avf-rate{display:inline-flex;align-items:center;gap:8px;font-size:14px;color:var(--mute);margin-bottom:14px}
.avf-stars{position:relative;display:inline-block;width:86px;height:15px;background:linear-gradient(90deg,#e6dcd9 0 100%);-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 86 15'%3E%3Cg%3E%3Cpath id='s' d='M7.5 0l2.2 4.6 5 .7-3.6 3.5.9 5-4.5-2.4L3 13.8l.9-5L.3 5.3l5-.7z'/%3E%3Cuse href='%23s' x='17.6'/%3E%3Cuse href='%23s' x='35.2'/%3E%3Cuse href='%23s' x='52.8'/%3E%3Cuse href='%23s' x='70.4'/%3E%3C/g%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 86 15'%3E%3Cg%3E%3Cpath id='s' d='M7.5 0l2.2 4.6 5 .7-3.6 3.5.9 5-4.5-2.4L3 13.8l.9-5L.3 5.3l5-.7z'/%3E%3Cuse href='%23s' x='17.6'/%3E%3Cuse href='%23s' x='35.2'/%3E%3Cuse href='%23s' x='52.8'/%3E%3Cuse href='%23s' x='70.4'/%3E%3C/g%3E%3C/svg%3E") center/contain no-repeat}
.avf-stars span{position:absolute;inset-block:0;inset-inline-start:0;background:#e0a100}
.avf-chips{display:flex;flex-wrap:wrap;gap:8px;margin:4px 0 6px!important}
.avf-chips li{font-size:13.5px;font-weight:600;padding:7px 12px;border-radius:999px;background:var(--cream);border:1px solid var(--line)}
.avf-buy .avc{margin-top:14px}

/* présentation */
.avf-intro{padding-top:22px;padding-bottom:30px}
.avf-intro p{font-family:"Sora",sans-serif;font-weight:500;font-size:clamp(19px,2.4vw,26px);line-height:1.5;max-width:900px;margin:0 auto!important;text-align:center;color:#2c2424}
.avf[dir=rtl] .avf-intro p{font-family:"IBM Plex Sans Arabic",sans-serif;line-height:1.8}

/* navigation interne collante */
.avf-nav{position:sticky;top:var(--top);z-index:20;background:rgba(255,255,255,.88);-webkit-backdrop-filter:saturate(1.4) blur(12px);backdrop-filter:saturate(1.4) blur(12px);border-block:1px solid var(--line)}
.avf-nav .avf-wrap{display:flex;gap:6px;overflow-x:auto;scrollbar-width:none}
.avf-nav .avf-wrap::-webkit-scrollbar{display:none}
.avf-nav a{flex:0 0 auto;padding:14px 12px;font-size:14px;font-weight:600;color:var(--mute);border-bottom:2px solid transparent;transition:color .2s,border-color .2s}
.avf-nav a:hover,.avf-nav a.on{color:var(--ink);border-bottom-color:var(--r)}

/* sections */
.avf-sec{padding-top:64px;padding-bottom:64px;scroll-margin-top:calc(var(--top) + 60px)}
.avf-dark,.avf-soft{scroll-margin-top:calc(var(--top) + 60px)}
.avf-soft{background:var(--cream)}
.avf-h2{font-size:clamp(26px,3.6vw,40px);text-align:center;margin-bottom:34px!important}
.avf-kicker{text-align:center;font:600 12px/1 "Sora",sans-serif;letter-spacing:.16em;text-transform:uppercase;color:color-mix(in srgb,var(--g) 45%,#fff);margin-bottom:12px!important}
.avf[dir=rtl] .avf-kicker{font-family:"IBM Plex Sans Arabic",sans-serif;letter-spacing:0;font-size:14px}
.avf-lead{text-align:center;color:var(--mute);font-size:17px;max-width:680px;margin:-18px auto 30px!important}

/* bienfaits */
.avf-cards{display:grid;grid-template-columns:1fr;gap:14px}
.avf-card{padding:26px 22px;border-radius:18px;background:#fff;border:1px solid var(--line);transition:transform .35s,box-shadow .35s,border-color .35s}
.avf-card:hover{transform:translateY(-6px);box-shadow:0 22px 40px -18px color-mix(in srgb,var(--r) 25%,transparent);border-color:var(--bd)}
.avf-card svg{width:38px;height:38px;fill:none;stroke:var(--r);stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;margin-bottom:14px}
.avf-card h3{font-size:18px;margin-bottom:6px!important}
.avf-card p{color:var(--mute);font-size:15px}

/* actifs : section sombre */
.avf-dark{position:relative;padding:76px 0;color:#f6eef0;background:radial-gradient(60% 80% at 15% 0%,color-mix(in srgb,var(--g) 55%,transparent),transparent 60%),radial-gradient(50% 70% at 100% 100%,color-mix(in srgb,var(--g) 35%,transparent),transparent 60%),color-mix(in srgb,var(--r) 24%,#0b0b12);overflow:hidden}
.avf-dark .avf-h2,.avf-dark h3{color:#fff}
.avf-actifs{display:grid;grid-template-columns:1fr;gap:14px}
.avf-actif{position:relative;padding:28px 24px;border-radius:20px;background:rgba(255,255,255,.055);border:1px solid rgba(255,255,255,.12);transition:background .35s,transform .35s}
.avf-actif:hover{background:rgba(255,255,255,.09);transform:translateY(-4px)}
.avf-actif.is-dose{background:linear-gradient(150deg,color-mix(in srgb,var(--g) 35%,transparent),rgba(255,255,255,.05));border-color:color-mix(in srgb,var(--g) 35%,transparent)}
.avf-dose{display:flex;align-items:baseline;gap:4px;margin-bottom:10px;direction:ltr;justify-content:flex-start}
.avf[dir=rtl] .avf-dose{justify-content:flex-end}
.avf-dose b{font:700 clamp(54px,8vw,84px)/.9 "Sora",sans-serif;background:linear-gradient(180deg,#fff,color-mix(in srgb,var(--g) 45%,#fff));-webkit-background-clip:text;background-clip:text;color:transparent}
.avf-dose span{font:600 26px/1 "Sora",sans-serif;color:color-mix(in srgb,var(--g) 45%,#fff)}
.avf-dot{width:12px;height:12px;border-radius:50%;background:var(--r);box-shadow:0 0 0 6px color-mix(in srgb,var(--g) 25%,transparent);margin:8px 0 22px}
.avf-actif h3{font-size:19px;margin-bottom:6px!important}
.avf-actif p{color:color-mix(in srgb,var(--g) 18%,#d6d3d3);font-size:15px}

/* efficacité */
.avf-sci{display:grid;grid-template-columns:1fr;gap:28px;align-items:center}
.avf-sci-txt h3{font-size:22px;margin-bottom:12px!important}
.avf-sci-txt>p{color:#3b3232;font-size:16.5px}
.avf-figs{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:12px;margin:24px 0 16px!important}
.avf-figs div{padding:18px 16px;border-radius:16px;background:var(--blush);border:1px solid var(--bd)}
.avf-figs dt{font:700 26px/1.1 "Sora",sans-serif;color:var(--r)}
.avf[dir=rtl] .avf-figs dt{font-family:"IBM Plex Sans Arabic",sans-serif}
.avf-figs dd{font-size:13.5px;color:var(--mute);margin-top:4px!important}
.avf-note{font-size:12.5px;color:var(--mute);line-height:1.55;border-inline-start:2px solid var(--line);padding-inline-start:12px}
.avf-sci-img{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.avf-sci-img figure{border-radius:16px;overflow:hidden;border:1px solid var(--line);background:#fff}

/* mode d'emploi */
.avf-steps{display:grid;grid-template-columns:1fr;gap:14px;counter-reset:s}
.avf-steps li{position:relative;padding:24px 22px;border-radius:18px;background:#fff;border:1px solid var(--line)}
.avf-n{display:inline-flex;width:40px;height:40px;border-radius:50%;align-items:center;justify-content:center;font:700 16px/1 "Sora",sans-serif;color:#fff;background:var(--r);margin-bottom:12px;box-shadow:0 8px 18px -8px color-mix(in srgb,var(--g) 70%,transparent)}
.avf-steps h3{font-size:17px;margin-bottom:4px!important}
.avf-steps p{color:var(--mute);font-size:15px}

/* accordéons natifs */
.avf-det{border-bottom:1px solid var(--line);margin-top:18px!important}
.avf-soft .avf-det{border-color:#e8dcd8}
.avf-det summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:16px;padding:18px 2px;font:600 16.5px/1.35 "Sora",sans-serif}
.avf[dir=rtl] .avf-det summary{font-family:"IBM Plex Sans Arabic",sans-serif}
.avf-det summary::-webkit-details-marker{display:none}
.avf-det summary::after{content:"";flex:0 0 14px;height:14px;background:linear-gradient(var(--r),var(--r)) center/14px 2px no-repeat,linear-gradient(var(--r),var(--r)) center/2px 14px no-repeat;transition:transform .3s}
.avf-det[open] summary::after{transform:rotate(45deg)}
.avf-det>p,.avf-det>ul{padding:0 2px 20px;color:#4a4040;font-size:15.5px}
.avf-det ul li{position:relative;padding-inline-start:16px;margin-bottom:6px}
.avf-det ul li::before{content:"";position:absolute;inset-inline-start:0;top:.62em;width:6px;height:6px;border-radius:50%;background:var(--r)}
.avf-inci{font-size:13.5px!important;line-height:1.8;color:var(--mute)!important;text-align:left}

/* sans */
.avf-sans{text-align:center}
.avf-sans p{font-weight:600;color:var(--mute);margin-bottom:14px!important}
.avf-sans ul{display:flex;flex-wrap:wrap;justify-content:center;gap:10px}
.avf-sans li{display:inline-flex;align-items:center;gap:8px;padding:9px 16px 9px 9px;border-radius:999px;border:1px solid var(--line);font-weight:600;font-size:14.5px;background:#fff}
.avf[dir=rtl] .avf-sans li{padding:9px 9px 9px 16px}
.avf-sans b{font:700 11.5px/1 "Sora",sans-serif;color:#fff;background:var(--r);padding:6px 7px;border-radius:999px}

/* labo */
.avf-labo{background:linear-gradient(90deg,var(--blush),#fff 50%,var(--blush));border-block:1px solid var(--bd);padding:26px 0}
.avf-labo ul{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.avf-labo li{display:flex;align-items:center;gap:12px;font-weight:600;font-size:14.5px}
.avf-labo svg{flex:0 0 34px;width:34px;height:34px;fill:none;stroke:var(--r);stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}

/* routine */
.avf-ups{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.avf-up{display:flex;flex-direction:column;border-radius:18px;border:1px solid var(--line);overflow:hidden;background:#fff;transition:transform .35s,box-shadow .35s}
.avf-up:hover{transform:translateY(-6px);box-shadow:0 22px 40px -20px color-mix(in srgb,var(--r) 30%,transparent)}
.avf-up-img{display:block;background:linear-gradient(160deg,#fff,var(--cream));aspect-ratio:1/1;padding:14px}
.avf-up-img img{width:100%;height:100%;object-fit:contain;transition:transform .6s}
.avf-up:hover .avf-up-img img{transform:scale(1.06)}
.avf-up h3{font-size:15px;line-height:1.35;padding:12px 14px 2px}
.avf-up-p{padding:0 14px;color:var(--r);font-weight:700;font-size:15px}
.avf-up-p del{color:var(--mute);font-weight:500;margin-inline-end:6px}
.avf-up-p ins{text-decoration:none}
.avf .avf-up-btn{margin:12px 14px 14px;margin-top:auto;display:block;text-align:center;padding:11px 10px;border-radius:999px;border:1.5px solid var(--ink);font-weight:700;font-size:14px;transition:background .25s,color .25s}
.avf .avf-up-btn:hover{background:var(--ink);color:#fff}
.avf .avf-up-btn.added{background:var(--r);border-color:var(--r);color:#fff}
.avf a.added_to_cart{display:none!important}
.avf-link{display:inline-flex;gap:8px;margin-top:26px;font-weight:700;color:var(--r);border-bottom:1.5px solid currentColor;padding-bottom:2px}

/* avis (WooCommerce) */
.avf-reviews #reviews{margin:0}
.avf-reviews .woocommerce-Reviews-title{display:none}
.avf-reviews .commentlist{margin:0 0 24px!important;padding:0!important}
.avf-reviews .commentlist li{list-style:none;padding:18px 0;border-bottom:1px solid var(--line)}
.avf-reviews #review_form_wrapper{padding:24px;border-radius:18px;background:var(--cream)}
.avf-reviews #reply-title{font:600 18px/1.3 "Sora",sans-serif;display:block;margin-bottom:12px}
.avf-reviews input[type=text],.avf-reviews input[type=email],.avf-reviews textarea{width:100%;padding:12px;border:1px solid var(--line);border-radius:10px;background:#fff;font:inherit}
.avf-reviews .form-submit input{background:var(--r)!important;color:#fff!important;border:0!important;border-radius:999px!important;padding:13px 26px!important;font-weight:700;cursor:pointer}
.avf-reviews p.stars a{color:#e0a100}
.avf-reviews .woocommerce-noreviews{display:none}

/* apparition au défilement (seulement si le script tourne) */
.avf-js .avf-r{opacity:0;transform:translateY(26px);transition:opacity .8s cubic-bezier(.2,.7,.2,1) var(--d,0ms),transform .8s cubic-bezier(.2,.7,.2,1) var(--d,0ms)}
.avf-js .avf-r.in{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){.avf-js .avf-r{opacity:1;transform:none;transition:none}.avf-halo{animation:none}.avf *{transition:none!important}}

/* tablette et ordinateur */
@media (min-width:700px){
  .avf-cards{grid-template-columns:1fr 1fr}
  .avf-actifs{grid-template-columns:1fr 1fr}
  .avf-steps{grid-template-columns:repeat(3,1fr)}
  .avf-labo ul{grid-template-columns:repeat(4,1fr)}
  .avf-ups{grid-template-columns:repeat(3,1fr)}
}
@media (min-width:980px){
  .avf-wrap{padding:0 32px}
  .avf-hero{grid-template-columns:1.08fr 1fr;gap:56px;align-items:start;padding-top:18px;padding-bottom:40px}
  .avf-gal{position:sticky;top:calc(var(--top) + 20px)}
  .avf-info{padding-top:26px}
  .avf-cards{grid-template-columns:repeat(4,1fr)}
  .avf-sec{padding-top:96px;padding-bottom:96px}
  .avf-dark{padding:104px 0}
  .avf-sci{grid-template-columns:1.1fr 1fr;gap:56px}
}

/* ajustements après captures (18/10) */
/* l'encadré d'achat ne répète pas le nom et la photo déjà affichés au-dessus (en mode offre, il garde le visuel de l'offre) */
.avf .avf-buy .avc.avc--normal .avc-h.avc-n,.avf .avf-buy .avc.avc--normal .avc-imgs.avc-n,.avf .avf-buy .avc.avc--normal .avc-names.avc-n{display:none!important}
.avf-buy .avc.avc--normal .avc-row{margin-top:0;border-top:0;padding-top:0}
/* étoiles du formulaire d'avis */
.avf-reviews p.stars{margin:4px 0 12px}
.avf-reviews p.stars span{display:inline-flex;gap:4px}
/* texte masqué par font-size:0 (text-indent négatif décalait toute la page en arabe) */
.avf-reviews p.stars a{position:relative;display:inline-block;width:28px;height:28px;overflow:hidden;font-size:0!important;text-indent:0!important;color:transparent!important}
.avf-reviews p.stars a::before{content:"★";position:absolute;inset:0;font-size:28px;line-height:28px;color:#ddd2cf}
.avf-reviews p.stars:hover a::before,.avf-reviews p.stars.selected a.active::before,.avf-reviews p.stars.selected a:not(.active)::before{color:#e0a100}
.avf-reviews p.stars a:hover~a::before,.avf-reviews p.stars.selected a.active~a::before{color:#ddd2cf}
.avf-reviews label{font-weight:600;font-size:14.5px;display:block;margin-bottom:4px}
@media (max-width:699px){
  .avf-intro p{font-size:18px;line-height:1.6}
  .avf-cards{grid-template-columns:1fr 1fr;gap:10px}
  .avf-card{padding:18px 14px}
  .avf-card svg{width:30px;height:30px;margin-bottom:10px}
  .avf-card h3{font-size:15.5px}
  .avf-card p{font-size:13.5px;line-height:1.5}
  .avf-figs dt{font-size:20px}
  .avf-sec{padding-top:48px;padding-bottom:48px}
  .avf-dark{padding:56px 0}
}
/* aucun défilement horizontal parasite (le panier latéral place un calque à -1500 px, qui décale la page en arabe) */
html:has(body.avf-page),body.avf-page{overflow-x:clip!important}
/* champ anti-robot de l encadré : placé à -9999px, il élargissait la page vers la gauche en arabe */
.avf .avc input.hp{position:absolute!important;left:auto!important;right:auto!important;inset-inline-start:0!important;top:0!important;width:1px!important;height:1px!important;padding:0!important;margin:0!important;border:0!important;opacity:0!important;clip-path:inset(50%)!important;pointer-events:none}
.avf .avc form{position:relative}

/* ── version dynamique (18/10, inspiration grandes marques) ── */
/* barre de progression de lecture */
.avf-progress{position:fixed;top:0;inset-inline-start:0;height:3px;width:100%;background:linear-gradient(90deg,var(--avf-r,#c8102e),var(--avf-g,#ff6b81));transform:scaleX(var(--p,0));transform-origin:left;z-index:10000;pointer-events:none}
[dir=rtl] .avf-progress,.avf-page.rtl .avf-progress{transform-origin:right}
/* inclinaison 3D de la photo */
.avf-gal{perspective:1000px}
.avf-slide img{transform:rotateX(var(--ty,0deg)) rotateY(var(--tx,0deg)) translateZ(0);transition:transform .25s ease-out}
.avf-gal:hover .avf-slide img{transform:rotateX(var(--ty,0deg)) rotateY(var(--tx,0deg)) scale(1.04)}
.avf-gal .avf-slide img{animation:avf-float 6s ease-in-out infinite}
@keyframes avf-float{50%{translate:0 -10px}}
/* chiffres géants */
.avf-proof{padding:56px 0 20px;overflow:hidden}
.avf-proof .avf-wrap{display:grid;grid-template-columns:110px 1fr;gap:18px;align-items:center}
.avf-proof-img img{width:100%;filter:drop-shadow(0 18px 24px color-mix(in srgb,var(--r) 18%,transparent))}
.avf-proof-list{display:grid;gap:22px}
.avf-big{display:flex;align-items:baseline;gap:6px;direction:ltr}
.avf[dir=rtl] .avf-big{justify-content:flex-end}
.avf-big b{font:800 clamp(64px,12vw,150px)/.85 "Sora",sans-serif;letter-spacing:-.05em;color:var(--ink)}
.avf-big span{font:700 clamp(22px,4vw,48px)/1 "Sora",sans-serif;color:var(--r)}
.avf[dir=rtl] .avf-big span{font-family:"IBM Plex Sans Arabic",sans-serif}
.avf-big-t{font:600 clamp(17px,2.2vw,24px)/1.3 "Sora",sans-serif;text-transform:uppercase;letter-spacing:.02em;margin-top:8px!important}
.avf[dir=rtl] .avf-big-t{font-family:"IBM Plex Sans Arabic",sans-serif;text-transform:none}
.avf-big-m{font-size:12.5px;color:var(--mute);margin-top:6px!important;max-width:520px}
.avf-js .avf-proof-it.avf-r{transform:translateX(-40px)}
.avf-js .avf-proof-it.avf-r.in{transform:none}
/* actifs : halo qui suit la souris */
.avf-actif{overflow:hidden}
.avf-actif::after{content:"";position:absolute;inset:0;background:radial-gradient(260px circle at var(--mx,50%) var(--my,50%),color-mix(in srgb,var(--g) 22%,transparent),transparent 60%);opacity:0;transition:opacity .3s;pointer-events:none}
.avf-actif:hover::after{opacity:1}
/* icônes des bienfaits qui se dessinent */
.avf-js .avf-card.avf-r svg path,.avf-js .avf-card.avf-r svg circle{stroke-dasharray:120;stroke-dashoffset:120;transition:stroke-dashoffset 1.4s ease calc(var(--d,0ms) + 250ms)}
.avf-js .avf-card.avf-r.in svg path,.avf-js .avf-card.avf-r.in svg circle{stroke-dashoffset:0}
/* trait rouge sous les titres */
.avf-h2::after{content:"";display:block;width:56px;height:3px;background:var(--r);margin:16px auto 0;transform-origin:center;transition:transform .9s cubic-bezier(.2,.7,.2,1) .2s}
.avf-dark .avf-h2::after{background:color-mix(in srgb,var(--g) 45%,#fff)}
.avf-js .avf-h2.avf-r::after{transform:scaleX(0)}
.avf-js .avf-h2.avf-r.in::after{transform:scaleX(1)}
/* le saviez-vous : sobre */
.avf-know{padding-top:8px;padding-bottom:8px}
.avf-know-in{max-width:820px;margin:0 auto;padding:6px 0 6px 22px;border-inline-start:3px solid var(--r)}
.avf[dir=rtl] .avf-know-in{padding:6px 22px 6px 0}
.avf-know h2{font-size:20px;margin-bottom:8px!important}
.avf-know p{color:#3b3232;font-size:16.5px;line-height:1.7}
/* lequel choisir */
.avf-cmp{display:grid;grid-template-columns:1fr auto 1fr;gap:12px;align-items:center}
.avf-cmp-it{position:relative;display:flex;flex-direction:column;align-items:center;text-align:center;padding:22px 16px 18px;border-radius:20px;border:1px solid var(--line);background:#fff;height:100%;transition:transform .35s,box-shadow .35s}
.avf-cmp-it:hover{transform:translateY(-6px);box-shadow:0 22px 40px -20px color-mix(in srgb,var(--r) 30%,transparent)}
.avf-cmp-it.is-me{border:2px solid var(--r);background:linear-gradient(180deg,var(--blush),#fff 45%)}
.avf-cmp-it em{position:absolute;top:-12px;font:600 11px/1 "Sora",sans-serif;font-style:normal;text-transform:uppercase;letter-spacing:.1em;background:var(--r);color:#fff;padding:7px 10px;border-radius:999px}
.avf-cmp-img{display:block;width:100%;max-width:170px;aspect-ratio:1/1}
.avf-cmp-img img{width:100%;height:100%;object-fit:contain;transition:transform .6s}
.avf-cmp-it:hover .avf-cmp-img img{transform:scale(1.07) rotate(-2deg)}
.avf-cmp-it h3{font-size:15px;margin:10px 0 6px!important}
.avf-cmp-it p{font-size:14px;color:var(--mute)}
.avf-cmp-it .avf-up-p{padding:8px 0 0;color:var(--r)}
.avf-cmp-it .avf-up-btn{margin:12px 0 0;width:100%}
.avf-or{font:800 22px/1 "Sora",sans-serif;color:var(--r);text-transform:uppercase}
.avf[dir=rtl] .avf-or{font-family:"IBM Plex Sans Arabic",sans-serif}
/* barre d'achat collante : aussi sur ordinateur, avec photo et nom */
.avf-page .avc-st{transition:transform .35s cubic-bezier(.2,.7,.2,1)}
.avf-page .avc-st .avf-st-p{display:flex;align-items:center;gap:12px;flex:1;min-width:0}
.avf-page .avc-st .avf-st-p img{width:44px;height:44px;object-fit:contain;border-radius:8px;background:var(--cream,#faf6f3);flex:0 0 44px}
.avf-page .avc-st .avf-st-p strong{display:block;font:600 14px/1.25 "Sora","IBM Plex Sans Arabic",sans-serif;color:#1c1717;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
@media (max-width:699px){.avf-page .avc-st .avf-st-p{display:none}}
@media (min-width:1025px){
  .avf-page .avc-st.on{display:flex!important;padding-inline:max(24px,calc((100vw - 1180px)/2))}
  .avf-page .avc-st>div:not(.avf-st-p){flex:0 0 auto}
}
@media (min-width:700px){
  .avf-proof .avf-wrap{grid-template-columns:300px 1fr;gap:40px}
  .avf-proof-list{grid-template-columns:1fr 1fr;gap:30px}
  .avf-proof{padding:90px 0 40px}
}
@media (max-width:699px){
  .avf-cmp{grid-template-columns:1fr 1fr}
  .avf-or{display:none}
}
@media (prefers-reduced-motion:reduce){.avf-gal .avf-slide img{animation:none}.avf-js .avf-card.avf-r svg path,.avf-js .avf-card.avf-r svg circle{stroke-dashoffset:0}}

/* couleur de la gamme aussi dans l'encadré d'achat et la barre collante */
.avf-page .avc{--r:var(--avf-r,#c8102e)!important;--rs:var(--avf-lt,#fbeef0)!important}
.avf-page .avc-st button:not(.c){background:var(--avf-r,#c8102e)!important;border-color:var(--avf-r,#c8102e)!important}

/* ── photo principale mise en valeur (18/10) ── */
.avf-gal{background:radial-gradient(70% 60% at 50% 42%,#fff 0%,var(--blush) 62%,color-mix(in srgb,var(--g) 22%,#fff) 100%);border:1px solid var(--bd);box-shadow:0 30px 60px -40px color-mix(in srgb,var(--r) 45%,transparent)}
.avf-halo{background:radial-gradient(closest-side,color-mix(in srgb,var(--g) 30%,transparent),transparent 72%) 50% 46%/78% 78% no-repeat}
.avf-slide{padding:9% 9% 14%;position:relative}
.avf-slide::after{content:"";position:absolute;left:50%;bottom:11%;width:46%;height:5%;transform:translateX(-50%);border-radius:50%;background:radial-gradient(closest-side,color-mix(in srgb,var(--r) 38%,transparent),transparent);filter:blur(4px);z-index:-1}
.avf-slide img{max-width:min(100%,440px);filter:drop-shadow(0 30px 28px color-mix(in srgb,var(--r) 22%,transparent));cursor:zoom-in}
.avf-badge{position:absolute;top:18px;inset-inline-start:18px;z-index:2;display:inline-flex;align-items:baseline;gap:6px;padding:9px 14px;border-radius:999px;background:#fff;box-shadow:0 8px 22px -10px color-mix(in srgb,var(--r) 55%,transparent);font:600 13px/1 "Sora",sans-serif;color:var(--ink)}
.avf[dir=rtl] .avf-badge{font-family:"IBM Plex Sans Arabic",sans-serif}
.avf-badge b{font:800 17px/1 "Sora",sans-serif;color:var(--r);direction:ltr}
.avf .avf-zoom{position:absolute;top:16px;inset-inline-end:16px;z-index:2;width:42px;height:42px;padding:0!important;border-radius:50%!important;border:0!important;background:#fff!important;box-shadow:0 8px 22px -10px rgba(0,0,0,.35)!important;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:transform .25s}
.avf .avf-zoom:hover{transform:scale(1.08)}
.avf-zoom svg{width:18px;height:18px;fill:none;stroke:var(--ink);stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
@media (min-width:980px){
  .avf-hero{grid-template-columns:1.22fr 1fr;gap:48px}
  .avf-gal{min-height:600px;display:flex;align-items:center}
  .avf-track{width:100%}
  .avf-slide{aspect-ratio:auto;min-height:600px;padding:8% 10% 12%}
  .avf-thumbs{top:50%;bottom:auto;inset-inline:auto;inset-inline-start:18px;transform:translateY(-50%);flex-direction:column}
  .avf .avf-thumbs button{width:58px;height:58px}
}
/* plein écran */
.avf-lb{position:fixed;inset:0;z-index:100000;background:rgba(14,14,22,.92);display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .25s}
.avf-lb.on{opacity:1}
.avf-lb .avf-lb-t{display:flex;width:100%;height:100%;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none}
.avf-lb .avf-lb-t::-webkit-scrollbar{display:none}
.avf-lb figure{flex:0 0 100%;scroll-snap-align:center;display:flex;align-items:center;justify-content:center;padding:6vh 6vw;margin:0}
.avf-lb img{max-width:100%;max-height:88vh;object-fit:contain;background:radial-gradient(closest-side,#fff,#f1f1f6);border-radius:18px}
.avf-lb button{position:absolute;top:16px;right:16px;width:46px;height:46px;border-radius:50%;border:0;background:#fff;font:400 26px/1 sans-serif;cursor:pointer}
/* prix des produits associés : alignés sous le titre */
.avf .avf-up-p{padding:0 14px}
.avf .avf-up h3{padding:12px 14px 4px}
.avf .avf-cmp-it .avf-up-p{padding:8px 0 0}
/* hauteur de la photo bornée (le pourcentage ne se résout pas dans un cadre carré sur téléphone) */
.avf .avf-slide img{max-height:min(66vw,460px)!important;width:auto;height:auto}

/* actifs phares (dans « Bienfaits ») */
.avf-ph-h{text-align:center;font-size:clamp(20px,2.6vw,28px);margin:56px 0 24px!important}
.avf-phares{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}
.avf-ph{border-radius:18px;background:#fff;border:1px solid var(--line);overflow:hidden;transition:transform .35s,box-shadow .35s}
.avf-ph:hover{transform:translateY(-6px);box-shadow:0 22px 40px -20px color-mix(in srgb,var(--r) 30%,transparent)}
.avf-ph figure{aspect-ratio:3/2;overflow:hidden;background:var(--blush)}
.avf-ph figure img{width:100%;height:100%;object-fit:cover;transition:transform .7s}
.avf-ph:hover figure img{transform:scale(1.07)}
.avf-ph h4{font:600 16px/1.3 "Sora",sans-serif;margin:14px 16px 4px!important;color:var(--ink)}
.avf[dir=rtl] .avf-ph h4{font-family:"IBM Plex Sans Arabic",sans-serif}
.avf-ph p{font-size:14px;color:var(--mute);margin:0 16px 16px!important;line-height:1.5}
@media (min-width:700px){.avf-phares{grid-template-columns:repeat(3,1fr)}}
@media (min-width:980px){.avf-phares{grid-template-columns:repeat(auto-fit,minmax(190px,1fr))}}
.avf .avf-ph figure img{width:100%!important;height:100%!important;max-width:none!important;object-fit:cover}

/* ── packs (19/10) ── */
.avf-save{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 12px;margin:2px 0 12px!important;font-size:15px}
.avf-save s{color:var(--mute)}
.avf-save b{color:var(--r);font-weight:700}
.avf-pk{display:grid;grid-template-columns:1fr;gap:14px}
.avf-pk-it{position:relative;display:flex;gap:16px;align-items:center;padding:16px;border-radius:20px;border:1px solid var(--line);background:#fff;transition:transform .35s,box-shadow .35s}
.avf-pk-it:hover{transform:translateY(-5px);box-shadow:0 22px 40px -20px color-mix(in srgb,var(--r) 30%,transparent)}
.avf-pk-n{position:absolute;top:12px;inset-inline-start:12px;width:28px;height:28px;border-radius:50%;background:var(--r);color:#fff;font:700 13px/28px "Sora",sans-serif;text-align:center;z-index:1}
.avf-pk-img{flex:0 0 120px;aspect-ratio:1/1;border-radius:14px;background:linear-gradient(160deg,#fff,var(--blush));padding:10px;display:block}
.avf-pk-img img{width:100%;height:100%;object-fit:contain}
.avf-pk-b{flex:1;min-width:0}
.avf-pk-b em{display:inline-block;font:600 11px/1 "Sora",sans-serif;font-style:normal;text-transform:uppercase;letter-spacing:.08em;color:var(--r);background:var(--blush);padding:5px 8px;border-radius:999px;margin-bottom:6px}
.avf[dir=rtl] .avf-pk-b em{font-family:"IBM Plex Sans Arabic",sans-serif;letter-spacing:0}
.avf-pk-b h3{font-size:16.5px;margin-bottom:2px!important}
.avf-pk-vol{font-size:13px;color:var(--mute)}
.avf-pk-b p{font-size:14px;color:var(--mute);margin-top:4px!important}
.avf .avf-pk-b .avf-pk-p{color:var(--r);font-weight:700;font-size:15px}
.avf-pk-p del{color:var(--mute);font-weight:500;margin-inline-end:6px}
.avf-pk-p ins{text-decoration:none}
.avf-pk-l{display:inline-block;margin-top:6px;font-size:13.5px;font-weight:700;color:var(--r)}
.avf-pk-tot{text-align:center;margin-top:22px!important;font-weight:600;color:var(--mute)}
.avf-pk-tot b{color:var(--r)}
.avf-ms{display:grid;grid-template-columns:1fr;gap:16px}
.avf-ms-col{padding:24px;border-radius:20px;background:#fff;border:1px solid var(--line)}
.avf-ms-col h3{display:flex;align-items:center;gap:10px;font-size:20px;margin-bottom:16px!important}
.avf-ms-col h3 svg{width:28px;height:28px;fill:none;stroke:var(--r);stroke-width:1.7;stroke-linecap:round}
.avf-ms-col ol{display:grid;gap:14px}
.avf-ms-col li{display:flex;gap:12px;align-items:flex-start}
.avf-ms-col .avf-n{flex:0 0 32px;width:32px;height:32px;margin:0;font-size:14px}
.avf-ms-col b{display:block;font-size:15.5px}
.avf-ms-col p{font-size:14px;color:var(--mute);margin-top:2px!important}
.avf-pq{display:grid;grid-template-columns:1fr;gap:10px}
.avf-pq div{display:flex;gap:16px;padding:14px 18px;border-radius:14px;background:var(--blush);border:1px solid var(--bd)}
.avf-pq dt{flex:0 0 130px;font-weight:700;color:var(--r)}
.avf-pq dd{color:var(--ink)}
.avf-expert figure{text-align:center;padding:10px 0 40px}
.avf-expert blockquote{font:500 clamp(19px,2.4vw,26px)/1.5 "Sora",sans-serif;margin:0!important;color:var(--ink)}
.avf-expert figcaption{margin-top:14px;color:var(--mute);font-weight:600}
.avf .avf-diag{display:inline-block;margin-top:14px;padding:13px 24px;border-radius:999px;background:var(--r);color:#fff;font-weight:700}
@media (min-width:700px){
  .avf-pk{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}
  .avf-pk-it{flex-direction:column;align-items:stretch;text-align:center;padding:22px}
  .avf-pk-img{flex:none;width:100%;max-width:220px;margin:0 auto}
  .avf-ms{grid-template-columns:1fr 1fr}
  .avf-pq{grid-template-columns:1fr 1fr}
}