/* Bannière de consentement (pixel Meta, 21 octobre 2026). Copiée dans site/css/consent.css par build.py si META_PIXEL vaut True.
   Discrète et sans mur : elle ne recouvre jamais la colonne d'achat des fiches ni la barre d'achat mobile, on navigue et on achète sans répondre.
   Mobile : bandeau bas pleine largeur, posé au-dessus de la barre d'achat quand elle est affichée (--consent-lift, calculé par consent.js).
   Ordinateur : carte compacte en bas à gauche, 380 px au plus, jamais plus large que l'espace laissé à gauche de la colonne d'achat.
   Les deux boutons partagent exactement la même classe : refuser pèse autant qu'accepter (CNIL). */
.consent-banner{position:fixed;z-index:45;left:0;right:0;bottom:var(--consent-lift,0px);padding:12px var(--gutter) calc(12px + env(safe-area-inset-bottom));background:var(--paper);color:var(--ink);border-top:1px solid var(--line);box-shadow:0 -6px 24px rgba(10,64,43,.08);display:flex;flex-direction:column;gap:10px;transition:bottom .25s var(--ease)}
.consent-banner__title{font-size:10px;line-height:1.4;letter-spacing:.14em;font-weight:500;text-transform:uppercase;color:var(--green)}
.consent-banner__text{font-size:11px;line-height:1.6;max-width:none}
.consent-banner__text a{text-decoration:underline;text-underline-offset:3px;white-space:nowrap}
.consent-banner__actions{display:flex;gap:8px}
.consent-banner__button{flex:1 1 0;min-height:40px;padding:8px 12px;font-size:11px;letter-spacing:.035em;color:var(--paper);background:var(--green);transition:background .25s}
.consent-banner__button:hover{background:#173323}
.footer-consent{font-size:inherit;letter-spacing:inherit;color:inherit;padding:0;text-align:left}
.footer-consent:hover{text-decoration:underline;text-underline-offset:5px}
@media(min-width:761px){
 .consent-banner{left:var(--pdp-edge);right:auto;bottom:var(--pdp-edge);width:min(380px,calc(100vw - var(--pdp-text) - var(--pdp-gap) - 2*var(--pdp-edge) - 32px));padding:16px 18px;border:1px solid var(--line);box-shadow:0 10px 32px rgba(10,64,43,.14);gap:12px}
 .consent-banner__button{min-height:42px}
}
@media(prefers-reduced-motion:reduce){.consent-banner{transition:none}}
