/* AVOIR — boutique (sans Elementor). S'appuie sur accueil.css (jetons, polices, .ava-wrap, .ava-gtag, .ava-link, .ava-btn). */

/* en-tête */
.avb-hero{background:linear-gradient(180deg,var(--cream),#fff);padding:34px 0 8px}
.avb-hero-in{display:grid;grid-template-columns:1fr 340px;gap:40px;align-items:end}
.avb-ariane{display:flex;flex-wrap:wrap;gap:8px;font-size:12.5px;color:var(--mute);margin-bottom:22px}
.avb-ariane a{color:var(--mute)!important}
.avb-ariane a:hover{color:var(--ink)!important}
.avb-ariane b{color:var(--ink);font-weight:600}
.avb-hero h1{font-size:clamp(32px,4.2vw,54px);margin-top:10px!important;letter-spacing:-.025em}
.ava[dir=rtl] .avb-hero h1{letter-spacing:0}
.avb-intro{margin-top:14px!important;font-size:17px;color:#4a4140;max-width:640px;line-height:1.6}
.avb-aide{display:flex;flex-direction:column;align-items:flex-start;gap:6px;background:#fff;border:1px solid var(--line);border-radius:18px;padding:20px 22px;box-shadow:0 18px 40px -32px rgba(28,23,23,.5)}
.avb-aide b{font-family:"Sora",sans-serif;font-size:16px}
.ava[dir=rtl] .avb-aide b{font-family:inherit}
.avb-aide p{font-size:14px;color:var(--mute);line-height:1.5}
.avb-aide .ava-link{margin-top:6px}

/* rail visuel par besoin */
.avb-rail{display:flex;gap:14px;overflow-x:auto;scrollbar-width:none;padding:30px 0 6px}
.avb-rail::-webkit-scrollbar{display:none}
.avb-rail-i{flex:0 0 auto;display:flex;flex-direction:column;align-items:center;gap:9px;width:116px;background:none!important;border:0!important;padding:0!important;cursor:pointer;color:var(--ink)!important;font:600 13px/1.3 "Hanken Grotesk",sans-serif;text-align:center}
.ava[dir=rtl] .avb-rail-i{font-family:"IBM Plex Sans Arabic",sans-serif}
.avb-rail-img{width:92px;height:92px;border-radius:50%;overflow:hidden;outline:2px solid transparent;outline-offset:3px;transition:outline-color .25s,transform .25s}
.avb-rail-img img{width:100%!important;height:100%!important;object-fit:cover}
.avb-rail-i:hover .avb-rail-img{transform:translateY(-3px)}
.avb-rail-i.is-on .avb-rail-img{outline-color:var(--ink)}
.avb-rail-i.is-on{font-weight:800}

/* barre de filtres (reste visible au défilement) */
.avb-barre{position:sticky;top:var(--avs-h,0px);z-index:50;background:rgba(255,255,255,.94);-webkit-backdrop-filter:saturate(1.4) blur(10px);backdrop-filter:saturate(1.4) blur(10px);border-bottom:1px solid var(--line);margin-top:18px}
.avb-barre-in{display:flex;align-items:center;gap:10px;padding-top:12px;padding-bottom:12px;flex-wrap:wrap}
.avb-dd{position:relative}
.avb-dd-b{display:inline-flex;align-items:center;gap:8px;border:1.5px solid var(--line)!important;background:#fff!important;color:var(--ink)!important;border-radius:999px;padding:9px 14px 9px 16px;font:700 13.5px/1 "Hanken Grotesk",sans-serif;cursor:pointer;transition:border-color .2s}
.ava[dir=rtl] .avb-dd-b{font-family:"IBM Plex Sans Arabic",sans-serif}
.avb-dd-b:hover,.avb-dd-b[aria-expanded=true]{border-color:var(--ink)!important}
.avb-dd-n{font-style:normal;font-weight:600;color:var(--mute)}
.avb-dd-n:not(:empty)::before{content:"· "}
.avb-dd.is-on .avb-dd-b{background:var(--ink)!important;border-color:var(--ink)!important;color:#fff!important}
.avb-dd.is-on .avb-dd-n{color:rgba(255,255,255,.75)}
.avb-dd-c{width:8px;height:8px;border-right:1.6px solid currentColor;border-bottom:1.6px solid currentColor;transform:rotate(45deg) translate(-2px,-2px);transition:transform .2s}
.avb-dd-b[aria-expanded=true] .avb-dd-c{transform:rotate(225deg) translate(-2px,-2px)}
.avb-dd-p{position:absolute;top:calc(100% + 8px);inset-inline-start:0;z-index:60;display:flex;flex-wrap:wrap;gap:8px;width:max-content;max-width:min(560px,92vw);background:#fff;border:1px solid var(--line);border-radius:18px;padding:14px;box-shadow:0 30px 60px -30px rgba(28,23,23,.45)}
.avb-dd-p[hidden]{display:none}
.avb-chip{display:inline-flex;align-items:center;gap:7px;border:1.5px solid var(--line)!important;background:#fff!important;color:var(--ink)!important;border-radius:999px;padding:8px 13px;font:600 13px/1 "Hanken Grotesk",sans-serif;cursor:pointer;transition:.2s}
.ava[dir=rtl] .avb-chip{font-family:"IBM Plex Sans Arabic",sans-serif}
.avb-chip small{font-size:11px;color:var(--mute);font-weight:600}
.avb-chip:hover{border-color:var(--ink)!important}
.avb-chip[aria-pressed=true]{background:var(--ink)!important;border-color:var(--ink)!important;color:#fff!important}
.avb-chip[aria-pressed=true] small{color:rgba(255,255,255,.7)}
.avb-chip-g i{width:10px;height:10px;border-radius:50%;background:var(--gc)}
.avb-chip-g{font-family:"Sora",sans-serif;letter-spacing:.05em;font-weight:700;font-size:12px}
.avb-chip-g[aria-pressed=true]{background:var(--gc)!important;border-color:var(--gc)!important}
.avb-chip-g[aria-pressed=true] i{background:#fff}
.avb-seg{display:inline-flex;background:#f3efec;border-radius:999px;padding:3px}
.avb-seg button{border:0!important;background:none!important;color:var(--mute)!important;border-radius:999px;padding:8px 14px;font:700 13px/1 "Hanken Grotesk",sans-serif;cursor:pointer;transition:.2s}
.ava[dir=rtl] .avb-seg button{font-family:"IBM Plex Sans Arabic",sans-serif}
.avb-seg button[aria-pressed=true]{background:#fff!important;color:var(--ink)!important;box-shadow:0 2px 8px rgba(0,0,0,.08)}
.avb-count{margin-inline-start:auto;font-size:13.5px;color:var(--mute);font-weight:600;white-space:nowrap}
.avb-reset{border:0!important;background:none!important;color:var(--red)!important;font:700 13px/1 "Hanken Grotesk",sans-serif;text-decoration:underline;cursor:pointer;padding:6px!important}
.avb-tri{display:inline-flex;align-items:center;gap:8px;font-size:13px;color:var(--mute);font-weight:600}
.avb-tri select{border:1.5px solid var(--line);border-radius:999px;padding:8px 30px 8px 14px;font:600 13px "Hanken Grotesk",sans-serif;color:var(--ink);background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6'%3E%3Cpath d='M1 1l4 4 4-4' fill='none' stroke='%231c1717' stroke-width='1.6'/%3E%3C/svg%3E") no-repeat right 12px center;-webkit-appearance:none;appearance:none;cursor:pointer}
.ava[dir=rtl] .avb-tri select{background-position:left 12px center;padding:8px 14px 8px 30px;font-family:"IBM Plex Sans Arabic",sans-serif}

/* grille */
.avb-liste{padding-top:30px}
.avb-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}
.avb-grid[hidden],.avb-card[hidden],.avb-tuile[hidden]{display:none!important}
.avb-card{display:flex;flex-direction:column;border-radius:20px;background:#fff;border:1px solid var(--line);overflow:hidden;transition:box-shadow .3s,transform .3s,border-color .3s;animation:avb-in .45s ease both}
@keyframes avb-in{from{opacity:0;transform:translateY(10px)}}
.avb-card:hover{box-shadow:0 30px 50px -32px rgba(28,23,23,.5);transform:translateY(-4px);border-color:color-mix(in srgb,var(--gc) 35%,var(--line))}
.avb-img{position:relative;display:flex;align-items:center;justify-content:center;aspect-ratio:1/1;padding:24px;background:radial-gradient(circle at 50% 58%,#fff 0,var(--gl,#f6f2ef) 72%)}
.avb-img img{max-height:100%;width:auto!important;object-fit:contain;mix-blend-mode:multiply;transition:transform .55s cubic-bezier(.2,.8,.2,1)}
.avb-card:hover .avb-img img{transform:scale(1.07) translateY(-4px)}
.avb-img .avs-oos{position:absolute;top:12px;inset-inline-start:12px;margin:0}
.avb-flag{position:absolute;top:12px;inset-inline-start:12px;background:var(--ink);color:#fff;font-size:10.5px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;border-radius:6px;padding:5px 8px}
.ava[dir=rtl] .avb-flag{letter-spacing:0}
.avb-actif{position:absolute;bottom:12px;inset-inline-start:12px;max-width:calc(100% - 24px);background:#fff;color:var(--gd,var(--ink));border:1px solid color-mix(in srgb,var(--gc) 40%,#fff);font:700 11.5px/1.2 "Sora",sans-serif;border-radius:999px;padding:6px 10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;box-shadow:0 6px 14px -8px rgba(0,0,0,.3)}
.ava[dir=rtl] .avb-actif{font-family:"Sora",sans-serif;direction:ltr}
.avb-tx{display:flex;flex-direction:column;gap:5px;padding:16px 18px 18px;flex:1;border-top:3px solid var(--gc)}
.avb-tx h3{font-size:16.5px;line-height:1.3;margin-top:2px!important}
.avb-sous{font-size:13.5px;color:var(--mute);line-height:1.45;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.avb-peau{font-size:12px;color:#5d5351;background:#f5f1ee;border-radius:6px;padding:4px 8px;align-self:flex-start;margin-top:2px}
.avb-bas{display:flex;flex-direction:column;gap:12px;margin-top:auto;padding-top:14px}
.avb-prix{font-weight:800;font-size:18px;color:var(--ink)}
.avb-prix del{color:var(--mute);font-weight:400;font-size:14px;margin-inline-end:6px}
.avb-prix ins{text-decoration:none;color:var(--red)}
.avb-btn{display:flex;align-items:center;justify-content:center;gap:8px;background:var(--ink);color:#fff!important;border-radius:999px;padding:12px 16px;font-weight:700;font-size:14px;text-align:center;transition:background .2s}
.avb-btn:hover{background:var(--gd,#000)}
.avb-btn.is-ghost{background:#fff;color:var(--ink)!important;border:1.5px solid var(--line)}
.avb-btn.is-ghost:hover{border-color:var(--ink);background:#fff}
.avb-btn.loading{opacity:.6;pointer-events:none}
.avb-btn.is-ok{background:#1f7a46}
.avb .added_to_cart{display:none!important}
.avb-card.is-oos .avb-img img{opacity:.7}

/* encarts éditoriaux */
.avb-tuile{position:relative;display:flex;flex-direction:column;border-radius:20px;overflow:hidden;min-height:100%;color:#fff!important;transition:transform .3s}
.avb-tuile:hover{transform:translateY(-4px)}
.avb-tuile-diag{background:var(--deep)}
.avb-tuile-img{position:relative;flex:1;min-height:200px}
.avb-tuile-img img{position:absolute;inset:0;width:100%!important;height:100%!important;object-fit:cover}
.avb-tuile-tx{display:flex;flex-direction:column;gap:8px;padding:20px 20px 22px}
.avb-tuile-tx b{font-family:"Sora",sans-serif;font-size:21px;line-height:1.2}
.ava[dir=rtl] .avb-tuile-tx b{font-family:inherit}
.avb-tuile-tx small{font-size:13.5px;line-height:1.5;color:rgba(255,255,255,.8)}
.avb-tuile-btn{display:inline-flex;align-items:center;gap:8px;align-self:flex-start;margin-top:6px;background:#fff;color:var(--ink);border-radius:999px;padding:10px 16px;font-weight:700;font-size:13.5px}
.avb-tuile-off{background:linear-gradient(150deg,#8a0a1f,var(--red));justify-content:center}
.avb-tuile-off .avb-tuile-tx{padding:28px 24px;gap:10px}
.avb-tuile-k{font-size:11.5px!important;font-weight:700;text-transform:uppercase;letter-spacing:.14em}
.ava[dir=rtl] .avb-tuile-k{letter-spacing:0}
.avb-tuile-max{font-family:"Sora",sans-serif;font-size:64px;font-weight:700;line-height:1;letter-spacing:-.03em;direction:ltr;unicode-bidi:isolate;align-self:flex-start}
.avb-tuile-off .avb-tuile-btn{color:var(--red)}

.avb-vide{text-align:center;padding:70px 0}
.avb-vide p{font-size:17px;color:var(--mute);margin-bottom:6px!important}

/* bas de page (référencement) */
.avb-seo{padding-top:80px;padding-bottom:20px;max-width:880px}
.avb-seo h2{font-size:clamp(22px,2.4vw,30px)}
.avb-seo p{margin-top:12px!important;color:#4a4140;line-height:1.75;font-size:15.5px}

/* tablette / mobile */
@media (max-width:1080px){
  .avb-grid{grid-template-columns:repeat(3,1fr)}
  .avb-hero-in{grid-template-columns:1fr;gap:20px}
  .avb-aide{flex-direction:row;flex-wrap:wrap;align-items:center;gap:6px 14px}
}
@media (max-width:700px){
  .avb-hero{padding:22px 0 0}
  .avb-ariane{margin-bottom:14px}
  .avb-intro{font-size:15.5px}
  .avb-aide{padding:14px 16px}
  .avb-aide p{display:none}
  .avb-rail{gap:10px;padding:20px 0 4px;margin-inline:-16px;padding-inline:16px}
  .avb-rail-i{width:84px;font-size:12px}
  .avb-rail-img{width:70px;height:70px}
  .avb-barre-in{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;margin-inline:-16px;padding-inline:16px;gap:8px}
  .avb-barre-in::-webkit-scrollbar{display:none}
  .avb-barre-in>*{flex:0 0 auto}
  .avb-dd{position:static}
  .avb-dd-p{position:fixed;inset-inline:12px;top:auto;margin-top:8px;max-width:none;width:auto}
  .avb-count{display:none}
  .avb-tri span{display:none}
  .avb-grid{grid-template-columns:repeat(2,1fr);gap:10px}
  .avb-img{padding:12px}
  .avb-actif{font-size:10px;padding:4px 7px;bottom:8px;inset-inline-start:8px}
  .avb-tx{padding:12px 12px 14px}
  .avb-tx h3{font-size:14px}
  .avb-sous{font-size:12px;-webkit-line-clamp:2}
  .avb-peau{display:none}
  .avb-prix{font-size:15.5px}
  .avb-btn{padding:10px 8px;font-size:12.5px}
  .avb-tuile{grid-column:1/-1}
  .avb-tuile-diag{flex-direction:row}
  .avb-tuile-img{flex:0 0 38%;min-height:0}
  .avb-tuile-max{font-size:48px}
  .avb-seo{padding-top:56px}
}

/* ── entrée du quiz (remplace l'encadré d'aide) ── */
.avb-quiz-cta{position:relative;background:var(--deep);border:0;color:rgba(255,255,255,.82);overflow:hidden;padding:24px 24px 22px;gap:8px;box-shadow:0 26px 50px -30px rgba(4,41,53,.8)}
.avb-quiz-cta::after{content:"";position:absolute;inset:auto -60px -80px auto;width:220px;height:220px;border-radius:50%;background:radial-gradient(closest-side,rgba(255,255,255,.14),transparent)}
.avb-quiz-cta b{color:#fff;font-size:20px}
.avb-quiz-cta p{color:rgba(255,255,255,.75)}
.avb-q-ico{display:flex;gap:4px;margin-bottom:4px}
.avb-q-ico i{width:22px;height:4px;border-radius:2px;background:rgba(255,255,255,.3)}
.avb-q-ico i:first-child{background:#fff}
.avb-q-go{display:inline-flex;align-items:center;gap:10px;margin-top:8px;border:0!important;background:#fff!important;color:var(--deep)!important;border-radius:999px;padding:13px 22px;font:700 14.5px/1 "Hanken Grotesk",sans-serif;cursor:pointer;transition:gap .25s,transform .25s;position:relative;z-index:1}
.ava[dir=rtl] .avb-q-go{font-family:"IBM Plex Sans Arabic",sans-serif}
.avb-q-go:hover{gap:14px;transform:translateY(-1px)}
.avb-aide-diag{font-size:12.5px;color:rgba(255,255,255,.7)!important;text-decoration:underline;text-underline-offset:3px;position:relative;z-index:1}

/* ── bouton aperçu rapide sur les cartes ── */
.avb-card{position:relative}
.avb-qv-b{position:absolute;top:12px;inset-inline-end:12px;z-index:2;display:inline-flex;align-items:center;gap:6px;height:36px;padding:0 12px!important;border:0!important;border-radius:999px;background:rgba(255,255,255,.95)!important;color:var(--ink)!important;font:700 12px/1 "Hanken Grotesk",sans-serif;cursor:pointer;box-shadow:0 8px 18px -10px rgba(0,0,0,.4);opacity:0;transform:translateY(-4px);transition:opacity .25s,transform .25s}
.ava[dir=rtl] .avb-qv-b{font-family:"IBM Plex Sans Arabic",sans-serif}
.avb-qv-b svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.8}
.avb-card:hover .avb-qv-b,.avb-qv-b:focus-visible{opacity:1;transform:none}
@media (hover:none){.avb-qv-b{opacity:1;transform:none;width:36px;padding:0!important;justify-content:center}.avb-qv-b span{display:none}}

/* ── fenêtres (quiz, aperçu) ── */
.avb-quiz,.avb-qv{border:0;padding:0;border-radius:26px;background:#fff;color:var(--ink);max-height:92vh;overflow:auto;opacity:0;transform:translateY(16px) scale(.98);transition:opacity .25s,transform .3s cubic-bezier(.2,.8,.2,1)}
.avb-quiz.is-open,.avb-qv.is-open{opacity:1;transform:none}
.avb-quiz::backdrop,.avb-qv::backdrop{background:rgba(12,10,10,.55);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}
.avb-x{position:absolute;top:14px;inset-inline-end:14px;z-index:3;width:40px;height:40px;border-radius:50%;border:0!important;background:#f3efec!important;color:var(--ink)!important;font-size:24px;line-height:1;cursor:pointer;padding:0!important}
.avb-quiz{width:min(760px,94vw)}
.avb-q-top{position:sticky;top:0;z-index:2;background:#fff;padding:18px 70px 10px 28px}
.ava[dir=rtl] .avb-q-top{padding:18px 28px 10px 70px}
.avb-q-prog{height:4px;background:#f0ebe8;border-radius:2px;overflow:hidden}
.avb-q-prog i{display:block;height:100%;width:0;background:var(--deep);border-radius:2px;transition:width .4s ease}
.avb-q-top .avb-x{top:8px}
.avb-q-body{padding:10px 28px 30px;transition:opacity .18s,transform .18s}
.avb-q-body.is-out{opacity:0;transform:translateX(-12px)}
.avb-q-n{font-size:12px;font-weight:700;letter-spacing:.14em;color:var(--mute)}
.avb-q-body h2{font-size:clamp(22px,2.6vw,30px);margin:6px 0 20px!important}
.avb-q-opts{display:grid;gap:10px}
.avb-q-opts.is-grid{grid-template-columns:repeat(3,1fr)}
.avb-q-o{display:flex;align-items:center;gap:12px;text-align:start;border:1.5px solid var(--line)!important;background:#fff!important;color:var(--ink)!important;border-radius:16px;padding:16px 18px;font:600 15px/1.3 "Hanken Grotesk",sans-serif;cursor:pointer;transition:border-color .2s,transform .2s,box-shadow .2s}
.ava[dir=rtl] .avb-q-o{font-family:"IBM Plex Sans Arabic",sans-serif}
.avb-q-o:hover{border-color:var(--deep)!important;transform:translateY(-2px);box-shadow:0 14px 26px -18px rgba(4,41,53,.6)}
.avb-q-o.has-img{flex-direction:column;align-items:center;text-align:center;padding:14px 10px 16px}
.avb-q-o img{width:84px;height:84px;border-radius:50%;object-fit:cover}
.avb-q-o.is-big{padding:22px 22px;font-size:16.5px}
.avb-q-back{margin-top:18px;border:0!important;background:none!important;color:var(--mute)!important;font:600 13.5px "Hanken Grotesk",sans-serif;text-decoration:underline;cursor:pointer;padding:4px!important}
.avb-q-res h2{margin-top:0!important}
.avb-r{display:flex;flex-direction:column;gap:10px}
.avb-r-i{display:grid;grid-template-columns:28px 64px 1fr auto;align-items:center;gap:14px;border:1px solid var(--line);border-radius:16px;padding:10px 14px;animation:avb-in .4s ease both}
.avb-r-i:nth-child(2){animation-delay:.08s}.avb-r-i:nth-child(3){animation-delay:.16s}.avb-r-i:nth-child(4){animation-delay:.24s}
.avb-r-soins .avb-r-i{grid-template-columns:64px 1fr auto}
.avb-r-n{width:28px;height:28px;border-radius:50%;background:var(--deep);color:#fff;display:flex;align-items:center;justify-content:center;font:700 13px "Sora",sans-serif}
.avb-r-i img{width:64px;height:64px;object-fit:contain;background:#f7f3f0;border-radius:12px;padding:4px}
.avb-r-tx{display:flex;flex-direction:column;gap:2px;min-width:0}
.avb-r-tx small{font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--mute)}
.ava[dir=rtl] .avb-r-tx small{letter-spacing:0}
.avb-r-tx b{font-size:15px;line-height:1.3}
.avb-r-tx em{font-style:normal;font-size:13px;color:var(--mute);line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.avb-r-p{display:flex;flex-direction:column;align-items:flex-end;gap:6px;font-weight:800;white-space:nowrap}
.avb-r-p i{font-style:normal;font-size:12px;color:var(--mute);font-weight:600}
.avb-r-i.is-oos{opacity:.6}
.avb-r-bas{display:flex;flex-direction:column;gap:10px;margin-top:18px}
.avb-r-tot{display:flex;justify-content:space-between;align-items:baseline;font-size:15px}
.avb-r-tot b{font-family:"Sora",sans-serif;font-size:24px}
.avb-r-pack s{opacity:.7;font-weight:500;margin-inline-start:6px}
.avb-btn.is-sm{padding:8px 12px;font-size:12.5px}
.avb-q-note{margin-top:16px!important;font-size:12.5px;color:var(--mute);line-height:1.5;background:#f7f3f0;border-radius:12px;padding:10px 12px}
.avb-q-fin{display:flex;flex-wrap:wrap;align-items:center;gap:12px 22px;margin-top:16px}
.avb-q-fin button.ava-link{background:none!important;border:0!important;border-bottom:1px solid currentColor!important;border-radius:0;cursor:pointer;font:600 14px "Hanken Grotesk",sans-serif;color:var(--ink)!important;padding:0 0 3px!important}
.avb-q-vide{color:var(--mute)}

/* aperçu rapide */
.avb-qv{width:min(980px,94vw)}
.avb-qv-body{display:grid;grid-template-columns:1fr 1.05fr}
.avb-qv-img{display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at 50% 55%,#fff 0,color-mix(in srgb,var(--gc) 18%,#fff) 75%);padding:40px;min-height:420px}
.avb-qv-img img{max-height:380px;width:auto;max-width:100%;object-fit:contain;mix-blend-mode:multiply}
.avb-qv-tx{display:flex;flex-direction:column;gap:8px;padding:38px 34px 30px}
.avb-qv-tx h2{font-size:clamp(22px,2.4vw,30px)}
.avb-qv-so{color:var(--mute);font-size:14.5px}
.avb-qv-pr{font-weight:800;font-size:22px;margin:4px 0}
.avb-qv-pr del{color:var(--mute);font-weight:400;font-size:16px;margin-inline-end:8px}
.avb-qv-pr ins{text-decoration:none;color:var(--red)}
.avb-qv-in{font-size:14.5px;line-height:1.6;color:#4a4140}
.avb-qv-tx h3{font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--mute);margin-top:10px!important;font-family:"Hanken Grotesk",sans-serif}
.ava[dir=rtl] .avb-qv-tx h3{letter-spacing:0;font-family:inherit}
.avb-qv-a,.avb-qv-bn{display:flex;flex-direction:column;gap:6px}
.avb-qv-a li{display:flex;gap:10px;font-size:14px;line-height:1.45}
.avb-qv-a b{font-family:"Sora",sans-serif;min-width:44px;color:var(--deep);direction:ltr;unicode-bidi:isolate}
.avb-qv-bn li{font-size:14px;line-height:1.5;color:#4a4140}
.avb-qv-bn b{color:var(--ink)}
.avb-qv-bas{display:flex;flex-direction:column;align-items:flex-start;gap:14px;margin-top:auto;padding-top:16px}
.avb-qv-bas .avb-btn{align-self:stretch}

/* envol vers le panier */
.avb-vol{position:fixed;z-index:100001;object-fit:contain;border-radius:14px;background:#fff;pointer-events:none;transition:transform .75s cubic-bezier(.5,-.2,.6,1),opacity .75s ease;box-shadow:0 16px 30px -12px rgba(0,0,0,.35)}
.avs-cart.avb-pulse{animation:avb-pulse .6s ease}
@keyframes avb-pulse{40%{transform:scale(1.25)}}

@media (max-width:700px){
  .avb-quiz,.avb-qv{width:100vw;max-width:100vw;max-height:100dvh;height:100dvh;border-radius:0;margin:0}
  .avb-q-top{padding:14px 64px 8px 16px}
  .ava[dir=rtl] .avb-q-top{padding:14px 16px 8px 64px}
  .avb-q-body{padding:8px 16px 24px}
  .avb-q-opts.is-grid{grid-template-columns:repeat(2,1fr)}
  .avb-q-o img{width:64px;height:64px}
  .avb-r-i{grid-template-columns:24px 52px 1fr;padding:10px}
  .avb-r-soins .avb-r-i{grid-template-columns:52px 1fr}
  .avb-r-i img{width:52px;height:52px}
  .avb-r-p{grid-column:2/-1;flex-direction:row;justify-content:space-between;align-items:center}
  .avb-r-soins .avb-r-p{grid-column:1/-1}
  .avb-qv-body{grid-template-columns:1fr}
  .avb-qv-img{min-height:0;padding:30px 20px}
  .avb-qv-img img{max-height:240px}
  .avb-qv-tx{padding:20px 18px 26px}
  .avb-quiz-cta{flex-direction:column;align-items:flex-start}
  .avb-quiz-cta p{display:block}
}
button.avb-btn{border:0!important;background:var(--ink)!important;color:#fff!important;font:700 14px/1.2 "Hanken Grotesk",sans-serif;cursor:pointer;width:100%}
.ava[dir=rtl] button.avb-btn{font-family:"IBM Plex Sans Arabic",sans-serif}
button.avb-btn.is-ghost{background:#fff!important;color:var(--ink)!important;border:1.5px solid var(--line)!important}
button.avb-btn.avb-r-pack{background:var(--red)!important}
button.avb-btn.is-ok{background:#1f7a46!important}
.avb-r-p button.avb-btn.is-sm{width:auto}

/* ── pages de catégories (besoins) ── */
.avb-chero{background:linear-gradient(180deg,color-mix(in srgb,var(--gc) 12%,#fff),#fff 92%);padding:30px 0 6px;position:relative;overflow:hidden}
.avb-chero::before{content:"";position:absolute;width:620px;height:620px;border-radius:50%;inset-inline-end:-160px;top:-260px;background:radial-gradient(closest-side,color-mix(in srgb,var(--gc) 26%,transparent),transparent);pointer-events:none}
.avb-chero-in{position:relative;display:grid;grid-template-columns:1.05fr .95fr;gap:52px;align-items:center}
.avb-chero-k{display:flex;align-items:center;gap:9px;font-size:12px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--gd)}
.ava[dir=rtl] .avb-chero-k{letter-spacing:0;font-size:14px}
.avb-chero-k i{width:10px;height:10px;border-radius:50%;background:var(--gc)}
.avb-chero-k span{color:var(--mute);font-weight:600}
.avb-chero h1{font-size:clamp(32px,4vw,52px);letter-spacing:-.025em;margin-top:12px!important}
.ava[dir=rtl] .avb-chero h1{letter-spacing:0}
.avb-chero-acts{display:flex;flex-wrap:wrap;gap:8px;margin-top:20px!important}
.avb-chero-acts li{background:#fff;border:1px solid color-mix(in srgb,var(--gc) 35%,var(--line));color:var(--gd);font:700 12.5px/1 "Sora",sans-serif;border-radius:999px;padding:8px 12px;direction:ltr;unicode-bidi:isolate}
.avb-chero-cta{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin-top:6px}
.avb-chero-cta .ava-btn{margin-top:18px}
.avb-q-go2{margin-top:18px;background:#fff!important;color:var(--ink)!important;border:1.5px solid var(--line)!important;padding:14px 22px}
.avb-chero-vis{position:relative;aspect-ratio:5/4;border-radius:28px;overflow:visible}
.avb-chero-vis>img{width:100%!important;height:100%!important;max-width:none!important;object-fit:cover;border-radius:28px;box-shadow:0 40px 70px -46px rgba(28,23,23,.6)}
.avb-chero-p{position:absolute;inset-inline-start:-34px;bottom:-26px;width:38%;aspect-ratio:1/1;background:#fff;border-radius:22px;display:flex;align-items:center;justify-content:center;padding:14px;box-shadow:0 30px 50px -28px rgba(28,23,23,.55);transform:rotate(-4deg);animation:avb-flotte 6s ease-in-out infinite}
.ava[dir=rtl] .avb-chero-p{transform:rotate(4deg)}
.avb-chero-p img{max-height:100%;width:auto!important;object-fit:contain}
@keyframes avb-flotte{50%{translate:0 -8px}}
.avb-chero-vis.is-prod{display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at 50% 55%,#fff 0,color-mix(in srgb,var(--gc) 22%,#fff) 72%);border-radius:28px}
.avb-chero-vis.is-prod .avb-chero-p{position:static;width:58%;transform:none;box-shadow:none;background:none}
.avb-rail-t{margin-top:34px!important;font-size:12px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--mute)}
.ava[dir=rtl] .avb-rail-t{letter-spacing:0}
.avb-rail-t+.avb-rail{padding-top:14px}
a.avb-rail-i{text-decoration:none}
.avb-rail-i.is-cur .avb-rail-img{outline-color:var(--gc,var(--ink))}
.avb-rail-i.is-cur{font-weight:800}

/* routine recommandée */
.avb-rout{padding-top:64px}
.avb-rout-in{display:grid;grid-template-columns:1fr 290px;gap:18px;align-items:stretch}
.avb-rout-steps{display:grid;grid-auto-flow:column;grid-auto-columns:1fr;gap:14px;counter-reset:s}
.avb-rout-steps li{position:relative}
.avb-rout-steps li:not(:last-child)::after{content:"";position:absolute;top:92px;inset-inline-end:-14px;width:14px;height:2px;background:color-mix(in srgb,var(--gc) 60%,#fff)}
.avb-rout-steps a{display:flex;flex-direction:column;gap:4px;height:100%;border:1px solid var(--line);border-radius:20px;padding:14px 16px 18px;background:#fff;color:var(--ink)!important;transition:transform .3s,box-shadow .3s,border-color .3s}
.avb-rout-steps a:hover{transform:translateY(-4px);border-color:color-mix(in srgb,var(--gc) 50%,var(--line));box-shadow:0 26px 44px -30px rgba(28,23,23,.5)}
.avb-rout-n{position:absolute;top:12px;inset-inline-start:12px;z-index:1;width:30px;height:30px;border-radius:50%;background:var(--gd);color:#fff;display:flex;align-items:center;justify-content:center;font:700 13px "Sora",sans-serif}
.avb-rout-img{display:flex;align-items:center;justify-content:center;height:160px;border-radius:14px;background:radial-gradient(circle at 50% 60%,#fff 0,color-mix(in srgb,var(--gc) 14%,#fff) 75%);margin-bottom:10px}
.avb-rout-img img{max-height:140px;width:auto!important;object-fit:contain;mix-blend-mode:multiply}
.avb-rout-steps small{font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--gd)}
.ava[dir=rtl] .avb-rout-steps small{letter-spacing:0}
.avb-rout-steps b{font-size:15px;line-height:1.3}
.avb-rout-steps em{font-style:normal;font-size:13px;line-height:1.45;color:var(--mute)}
.avb-rout-pr{margin-top:auto;padding-top:8px;font-weight:800}
.avb-rout-box{display:flex;flex-direction:column;gap:4px;border-radius:20px;padding:22px;background:var(--deep);color:#fff}
.avb-rout-l{font-size:12px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:rgba(255,255,255,.65);margin-top:8px}
.ava[dir=rtl] .avb-rout-l{letter-spacing:0}
.avb-rout-box s{font-size:16px;color:rgba(255,255,255,.6)}
.avb-rout-box b{font-family:"Sora",sans-serif;font-size:30px;line-height:1.1;color:#fff}
.avb-rout-box b del{font-size:16px;color:rgba(255,255,255,.55);font-weight:400}
.avb-rout-box b ins{text-decoration:none}
.avb-rout-box .avb-btn,.avb-rout-box button.avb-btn{margin-top:auto;background:#fff!important;color:var(--deep)!important}
.avb-rout-box .ava-link{color:#fff!important;font-size:13px;margin-top:12px;align-self:flex-start;white-space:normal}

/* texte expert en deux colonnes */
.avb-seo.is-cat{display:grid;grid-template-columns:1fr 320px;gap:48px;max-width:var(--w);align-items:start}
.avb-seo-tx p+p{margin-top:14px!important}
.avb-seo-side{position:sticky;top:calc(var(--avs-h,0px) + 80px);display:flex;flex-direction:column;gap:12px;background:var(--cream);border-radius:20px;padding:22px}
.avb-seo-side b{font-family:"Sora",sans-serif;font-size:16px}
.ava[dir=rtl] .avb-seo-side b{font-family:inherit}
.avb-seo-side ul{display:flex;flex-direction:column;gap:6px}
.avb-seo-side li{font:600 13.5px/1.3 "Sora",sans-serif;color:var(--deep);background:#fff;border-radius:10px;padding:9px 12px;direction:ltr;unicode-bidi:isolate}
.ava[dir=rtl] .avb-seo-side li{text-align:right}
.avb-seo-side .ava-btn{margin-top:6px;justify-content:center}

@media (max-width:1080px){
  .avb-chero-in{grid-template-columns:1fr;gap:28px}
  .avb-chero-vis{max-width:560px}
  .avb-rout-in{grid-template-columns:1fr}
  .avb-seo.is-cat{grid-template-columns:1fr}
  .avb-seo-side{position:static}
}
@media (max-width:700px){
  .avb-chero{padding-top:20px}
  .avb-chero-vis{aspect-ratio:16/10;margin-inline-end:10px}
  .avb-chero-p{inset-inline-start:-6px;bottom:-18px;width:34%}
  .avb-chero-cta .ava-btn,.avb-q-go2{flex:1 1 100%;justify-content:center}
  .avb-rout{padding-top:48px}
  .avb-rout-steps{grid-auto-columns:70%;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;margin-inline:-16px;padding-inline:16px}
  .avb-rout-steps::-webkit-scrollbar{display:none}
  .avb-rout-steps li{scroll-snap-align:start}
  .avb-rout-steps li::after{display:none}
  .avb-rout-img{height:130px}
}
@media (prefers-reduced-motion:reduce){.avb-chero-p{animation:none}}