/* ============================================================================
 * bonbons/bonbons.css — la boutique Bonbonbon™ (fond blanc)
 * 30/10/2026 (après-midi) — PLEIN ÉCRAN : le contenu occupe la largeur de
 * l'écran (jusqu'à 1640 px), les photos sont grandes.
 * Chaque bonbon pose ses couleurs en variables (bonbons/commun.php,
 * bb_couleurs) : --bb-c1 fond du pot · --bb-on texte posé dessus ·
 * --bb-fort teinte lisible sur blanc · --bb-c2 fond très clair.
 * ========================================================================== */
:root{--bb-c1:#c9a84c;--bb-c1h:#a8893a;--bb-on:#fff;--bb-fort:#8a6d22;--bb-fonce:#5c4718;--bb-c2:#faf6ee;
  --bb-txt:#232323;--bb-txt2:#5f5f5f;--bb-bord:#ece6dc;--bb-or:#c9a84c;--bb-or2:#e2c36e;--bb-or-f:#8a6d22;
  --bb-max:1760px;--bb-pad:clamp(16px,3.2vw,56px);--bb-tete:96px}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-padding-top:calc(var(--bb-tete) + 10px)}
body.bb{margin:0;background:#fff;color:var(--bb-txt);font:16px/1.6 Inter,system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif}
.bb img{max-width:100%;height:auto;display:block}
.bb a{color:inherit}
.bb-main{overflow-x:clip}
.bb-in{width:100%;max-width:var(--bb-max);margin:0 auto;padding:0 var(--bb-pad)}

/* ── Barre concours (or, comme le logo) + en-tête ─────────────────────── */
.bb-barre{display:block;padding:9px 14px;text-align:center;text-decoration:none;font-size:13.5px;font-weight:600;line-height:1.35;color:#1d1606 !important;
  background:linear-gradient(90deg,#b8923a 0%,#e2c36e 30%,#f1dc9a 50%,#e2c36e 70%,#b8923a 100%)}
.bb-barre b{font-weight:800;white-space:nowrap}
.bb-barre:hover{filter:brightness(1.05)}
.bb-tete{position:sticky;top:0;z-index:800;background:#fff;border-bottom:1px solid var(--bb-bord)}
.bb-tete__in{display:flex;align-items:center;gap:20px;max-width:var(--bb-max);margin:0 auto;padding:10px var(--bb-pad);min-height:var(--bb-tete)}
.bb-logo img{height:84px;width:auto}
/* Bouton « Concours » doré et scintillant, au centre de l'en-tête */
.bb-concours{position:relative;overflow:hidden;margin:0 auto;display:inline-flex;align-items:center;gap:8px;padding:11px 26px;border-radius:999px;
  color:#1d1606 !important;text-decoration:none;font-weight:800;font-size:15px;letter-spacing:1.6px;text-transform:uppercase;
  background:linear-gradient(90deg,#b8923a,#e2c36e 35%,#f4e2a6 50%,#e2c36e 65%,#b8923a);box-shadow:0 8px 22px -10px rgba(138,109,34,.9),inset 0 0 0 1px rgba(255,255,255,.35)}
.bb-concours::after{content:'';position:absolute;top:-50%;left:-60%;width:40%;height:200%;transform:rotate(20deg);
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.75),transparent);animation:bb-brille 3.2s ease-in-out infinite}
@keyframes bb-brille{0%,55%{left:-60%}100%{left:130%}}
.bb-concours:hover{filter:brightness(1.06)}
.bb-concours+.zlm-pc,.bb-concours~.zlm-pc{margin-left:0}
.bb-concours~.zlm{margin-left:0}
@media (max-width:899px){.bb-concours{padding:9px 16px;font-size:13px;letter-spacing:1px}}
@media (max-width:360px){.bb-concours{padding:8px 12px;font-size:12px}}
@media (prefers-reduced-motion:reduce){.bb-concours::after{animation:none;display:none}}
@media (max-width:899px){:root{--bb-tete:72px}.bb-logo img{height:54px}}
.bb .zlm-pc--clair .zlm__nav{gap:30px}
.bb .zlm-pc--clair .zlm__nav a{font-size:14px;letter-spacing:1.4px}
.bb .zlm-pc--clair .zlm__nav a:hover{color:var(--bb-or-f)}
.bb .zlm__nav a.on{border-bottom-color:var(--bb-or)}

/* Méga-menu « Bonbons » : une liste verticale, rien de coupé */
.zlm__b{position:relative}
.bb-mega{display:none}
.bb-mega__liste{display:flex;flex-direction:column;gap:2px}
.bb-mega__p{display:flex;align-items:center;gap:12px;padding:7px 10px 7px 8px;border-radius:12px;text-decoration:none}
.bb-mega__p::before{content:'';flex:0 0 4px;align-self:stretch;margin:4px 0;border-radius:4px;background:var(--bb-c1)}
.bb-mega__p img{width:48px;height:48px;object-fit:cover;border-radius:10px;flex:0 0 48px}
.bb-mega__p span{display:flex;flex-direction:column;line-height:1.25;text-transform:none;letter-spacing:0}
.bb-mega__p b{font-size:14px;font-weight:700;color:#1f1f1f}
.bb-mega__p i{font-style:normal;font-size:12px;color:#77706a}
.bb-mega__p:hover{background:var(--bb-c2)}
.bb-mega__pied{display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px;margin-top:10px;padding:12px 10px 2px;border-top:1px solid var(--bb-bord)}
.zlm .bb-mega__pied a,.zlm-pc .bb-mega__pied a{min-height:auto;font-size:13px;text-transform:none;letter-spacing:0 !important;white-space:normal;color:var(--bb-or-f) !important;font-weight:700;border:0}
@media (min-width:900px){
  .zlm__b:hover .bb-mega,.zlm__b:focus-within .bb-mega{display:block}
  .bb-mega{position:absolute;left:-14px;top:100%;width:360px;padding:14px 12px 12px;margin-top:0;
    max-height:calc(100vh - var(--bb-tete) - 60px);overflow-y:auto;background:#fff;border:1px solid var(--bb-bord);border-radius:16px;
    box-shadow:0 26px 50px -22px rgba(0,0,0,.35)}
  .bb-mega::before{content:'';position:absolute;left:0;right:0;top:-14px;height:14px}
}
@media (max-width:899px){
  .zlm[open] .bb-mega{display:block;padding:4px 0 6px}
  .bb-mega__p{padding:6px 10px}
  .bb-mega__p img{width:40px;height:40px;flex-basis:40px}
  .zlm[open] .zlm__nav{max-height:calc(100vh - 100px);overflow:auto;min-width:290px}
}

/* ── Boutons ── */
.bb-bt{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:48px;padding:12px 28px;border:1.6px solid #1f1f1f;
  border-radius:999px;background:transparent;color:#1f1f1f;font:600 15.5px/1.2 Inter,system-ui,sans-serif;text-decoration:none;cursor:pointer;transition:background .15s,color .15s}
.bb-bt:hover{background:#1f1f1f;color:#fff}
.bb-bt--plein,.bb-bt--couleur{background:var(--bb-c1);border-color:var(--bb-c1);color:var(--bb-on) !important;font-weight:700;text-shadow:var(--bb-ombre,none)}
.bb-bt--plein{text-transform:uppercase;letter-spacing:.4px;border-radius:12px}
.bb-bt--plein:hover,.bb-bt--couleur:hover{background:var(--bb-c1h);border-color:var(--bb-c1h);color:var(--bb-on)}

/* ── Accueil ── */
.bb-hero{background:#f3ebdf url('/assets/bonbons/background/slider-bg.jpg') center/cover}
.bb-hero__in{display:grid;gap:26px;align-items:center;max-width:var(--bb-max);margin:0 auto;padding:30px var(--bb-pad) 38px}
.bb-hero__in img{width:100%;max-height:640px;object-fit:contain}
.bb-hero h1{margin:0 0 16px;font-size:clamp(28px,4.2vw,58px);line-height:1.1;font-weight:800;color:#2b2016}
.bb-hero p{margin:0 0 12px;font-size:clamp(16px,1.35vw,20px);color:#3a3128}
@media (min-width:900px){.bb-hero__in{grid-template-columns:1.15fr 1fr;padding:56px var(--bb-pad);gap:56px}}
.bb-bloc{padding:clamp(40px,5vw,80px) 0}
.bb-bloc h2{margin:0 0 16px;font-size:clamp(28px,3.4vw,48px);line-height:1.12;font-weight:700;color:#1f1f1f}
.bb-bloc .bb-lead{font-size:clamp(17px,1.4vw,21px);color:#3a3a3a;margin:0 0 14px}
.bb-bloc p{font-size:clamp(15.5px,1.15vw,18px)}
.bb-deux{display:grid;gap:26px;align-items:center}
@media (min-width:900px){.bb-deux{grid-template-columns:1fr 1fr;gap:clamp(40px,5vw,96px)}}
.bb-deux img{border-radius:18px;width:100%;object-fit:cover}
.bb-centre{text-align:center}
.bb-titre-c{margin:0 0 28px;text-align:center;font-weight:500 !important}
.bb-rituel{background:#fbf3e9}
.bb-cta{background:linear-gradient(180deg,#f5e9d6,#e9d6b8);text-align:center}
.bb-cta h2{color:#4a2e12 !important}
.bb-cta p{margin:0 0 6px;font-size:clamp(17px,1.5vw,22px);color:#4a2e12}
.bb-cta .bb-bt{margin-top:18px;border-color:#4a2e12;color:#4a2e12}
.bb-cta .bb-bt:hover{background:#4a2e12;color:#fff}

/* ── Carrousels : flèches sur les côtés, points dessous ── */
.bb-car{position:relative}
.bb-car__piste{display:grid;grid-auto-flow:column;grid-auto-columns:78%;column-gap:20px;overflow-x:auto;scroll-snap-type:x mandatory;
  padding:4px 2px 6px;scrollbar-width:none;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain}
.bb-car__piste::-webkit-scrollbar{display:none}
.bb-car__piste>*{scroll-snap-align:start}
@media (min-width:640px){.bb-car__piste{grid-auto-columns:calc((100% - 20px)/2)}}
@media (min-width:960px){.bb-car__piste{grid-auto-columns:calc((100% - 40px)/3);column-gap:20px}}
@media (min-width:1240px){.bb-car__piste{grid-auto-columns:calc((100% - 72px)/4);column-gap:24px}}
@media (min-width:1560px){.bb-car__piste{grid-auto-columns:calc((100% - 96px)/5)}}
.bb-fl{position:absolute;top:calc(50% - 26px);z-index:3;display:grid;place-items:center;width:52px;height:52px;padding:0 0 4px;border:0;border-radius:50%;
  background:rgba(255,255,255,.94);color:#1f1f1f;font-size:32px;line-height:1;cursor:pointer;box-shadow:0 10px 26px -12px rgba(0,0,0,.45);transition:transform .15s}
.bb-fl:hover{transform:scale(1.08)}
.bb-fl--g{left:10px}.bb-fl--d{right:10px}
.bb-car .bb-fl{top:calc(50% - 60px)}
@media (min-width:1700px){.bb-car .bb-fl--g{left:-26px}.bb-car .bb-fl--d{right:-26px}}
@media (max-width:639px){.bb-car .bb-fl{display:none}}
.bb-car__pts{display:flex;justify-content:center;flex-wrap:wrap;gap:8px;margin-top:18px}
.bb-car__pts button{width:10px;height:10px;padding:0;border:0;border-radius:999px;background:#d8d2c8;cursor:pointer;transition:width .2s,background .2s}
.bb-car__pts button.on{width:28px;background:var(--bb-c1,#1f1f1f)}
.bb-car--seul .bb-fl,.bb-car--seul .bb-car__pts{display:none}
.bb-car__c{text-align:center}
.bb-car__img{display:block;border-radius:18px;overflow:hidden;background:var(--bb-c1)}
.bb-car__img img{width:100%;aspect-ratio:1;object-fit:cover;transition:transform .35s}
.bb-car__c:hover .bb-car__img img{transform:scale(1.03)}
.bb-car__c h3{margin:16px 0 4px;font-size:22px;font-weight:700;color:#1f1f1f}
.bb-car__c p{margin:0 0 10px;font-size:15px;color:#6b665f;min-height:2.9em}
.bb-car__px{font-size:21px;font-weight:700;color:var(--bb-fort);margin-bottom:14px}
.bb-car__px s{color:#9a9a9a;font-weight:400;font-size:15px;margin-right:8px}
.bb-car__c .bb-bt{min-height:44px;padding:10px 24px;font-size:14.5px}

/* ── Réassurance : sans cadre, image grande ; seul le badge concours est en or ── */
.bb-rass{max-width:var(--bb-max);margin:0 auto;padding:clamp(30px,4vw,60px) var(--bb-pad)}
.bb-rass__piste{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;align-items:stretch}
.bb-rass__i{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;text-align:center;gap:6px;padding:18px 14px 20px;border-radius:24px;text-decoration:none;color:inherit}
.bb-rass__i img{width:auto;height:clamp(96px,8vw,128px);max-width:170px;object-fit:contain;margin-bottom:8px}
.bb-rass__i b{font-size:clamp(17px,1.25vw,19px);line-height:1.25;color:#1f1f1f}
.bb-rass__i i{font-style:normal;font-size:14.5px;line-height:1.45;color:#77706a;max-width:30ch}
.bb-rass__i--lien{background:linear-gradient(160deg,#fbf0d2,#ecd28e);box-shadow:0 14px 34px -22px rgba(138,109,34,.8);transition:transform .15s}
.bb-rass__i--lien:hover{transform:translateY(-3px)}
.bb-rass__i--lien i{color:#5c4718}
.bb-rass__go{margin-top:6px;font-size:13.5px;font-weight:800;color:#5c4718}
@media (max-width:899px){
  .bb-rass__piste{grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:100%;gap:0;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none}
  .bb-rass__piste::-webkit-scrollbar{display:none}
  .bb-rass__i{scroll-snap-align:start;margin:0 2px}
  .bb-rass__i img{height:130px}
}

/* ── Liste ── */
.bb-bandeau{background:linear-gradient(135deg,#d8c3ab,#b9a184);color:#fff}
.bb-bandeau .bb-in{padding-top:clamp(40px,5vw,72px);padding-bottom:clamp(40px,5vw,72px)}
.bb-bandeau h1{margin:0 0 12px;font-size:clamp(30px,4.4vw,60px);line-height:1.08}
.bb-bandeau p{margin:0;max-width:780px;font-size:clamp(16px,1.3vw,20px);opacity:.96}
.bb-grille{display:grid;gap:24px;padding:clamp(28px,3vw,48px) 0 10px;grid-template-columns:repeat(2,1fr)}
@media (min-width:760px){.bb-grille{grid-template-columns:repeat(3,1fr)}}
@media (min-width:1180px){.bb-grille--liste{grid-template-columns:repeat(5,1fr)}}
@media (max-width:560px){.bb-grille{grid-template-columns:1fr 1fr;gap:12px}}
.bb-aussi .bb-grille{padding-top:6px}
@media (min-width:1100px){.bb-aussi .bb-grille{grid-template-columns:repeat(4,1fr)}}
.bb-carte{display:flex;flex-direction:column;border:1px solid var(--bb-bord);border-radius:20px;overflow:hidden;text-decoration:none;background:#fff;
  box-shadow:0 12px 32px -24px rgba(0,0,0,.45);transition:transform .18s,box-shadow .18s}
.bb-carte:hover{transform:translateY(-3px);box-shadow:0 20px 40px -24px rgba(0,0,0,.5)}
.bb-carte__img{position:relative;aspect-ratio:1;background:var(--bb-c1)}
.bb-carte__img img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:opacity .3s}
.bb-carte__img img+img{opacity:0}
.bb-carte:hover .bb-carte__img img+img{opacity:1}
.bb-rupt{position:absolute;left:12px;top:12px;z-index:2;padding:5px 11px;border-radius:999px;background:rgba(255,255,255,.94);color:#3a352e;
  font-size:11.5px;font-weight:800;letter-spacing:.4px;text-transform:uppercase}
.bb-carte__c{display:flex;flex-direction:column;flex:1;padding:18px 20px 20px}
.bb-carte h3{margin:0 0 3px;font-size:21px;line-height:1.2;color:#1f1f1f}
.bb-carte__s{margin:0 0 14px;font-size:14px;font-weight:600;color:#666}
.bb-carte__bas{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px;margin-top:auto;padding-top:14px;border-top:1px solid #f0ebe3}
.bb-carte__px{font-size:21px;font-weight:800;color:var(--bb-fort);white-space:nowrap}
.bb-carte__px s{font-size:14px;font-weight:400;color:#999;margin-right:6px}
.bb-carte__bt{padding:9px 18px;border-radius:999px;background:var(--bb-c1);color:var(--bb-on);text-shadow:var(--bb-ombre,none);font-size:13px;font-weight:800;letter-spacing:.6px;text-transform:uppercase}
.bb-carte:hover .bb-carte__bt{background:var(--bb-c1h)}
@media (max-width:560px){.bb-carte__c{padding:12px}.bb-carte h3{font-size:17px}.bb-carte__s{font-size:12.5px}
  .bb-carte__bas{flex-direction:column;align-items:stretch;text-align:center}.bb-carte__px{font-size:18px}.bb-carte__bt{padding:8px 10px;font-size:12px}}

/* ── Fiche : photo fixe à gauche, colonne de droite qui défile ── */
.bb-ariane{font-size:13px;color:#777;padding:16px 0 8px}
.bb-ariane a{color:#555;text-decoration:none}
.bb-ariane a:hover{text-decoration:underline}
.bb-fiche{display:grid;grid-template-columns:minmax(0,1fr);gap:26px;padding:4px 0 36px}
.bb-fiche>*{min-width:0}
@media (min-width:960px){
  .bb-fiche{grid-template-columns:minmax(0,1.12fr) minmax(0,1fr);gap:clamp(32px,4.5vw,84px);align-items:start}
  .bb-fiche__g{position:sticky;top:calc(var(--bb-tete) + 18px)}
  .bb-gal{max-width:min(100%,calc(100vh - var(--bb-tete) - 150px));margin:0 auto}
}
.bb-gal__scene{position:relative;border-radius:22px;overflow:hidden;background:var(--bb-c1)}
.bb-gal__piste{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;-webkit-overflow-scrolling:touch}
.bb-gal__piste::-webkit-scrollbar{display:none}
.bb-gal__piste img{flex:0 0 100%;width:100%;aspect-ratio:1;object-fit:cover;scroll-snap-align:start}
.bb-gal__vig{display:flex;justify-content:center;gap:10px;margin-top:14px;overflow-x:auto;scrollbar-width:none}
.bb-gal__vig button{flex:0 0 78px;height:78px;padding:0;border:3px solid transparent;border-radius:14px;overflow:hidden;background:#f4efe8;cursor:pointer;opacity:.7;transition:opacity .15s}
.bb-gal__vig button.on,.bb-gal__vig button:hover{border-color:var(--bb-c1);opacity:1}
.bb-gal__vig img{width:100%;height:100%;object-fit:cover}
.bb-badges{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:14px}
.bb-badges span{padding:6px 14px;border-radius:999px;background:var(--bb-c1);color:var(--bb-on);text-shadow:var(--bb-ombre,none);font-size:11.5px;font-weight:800;letter-spacing:.8px;text-transform:uppercase}
.bb-fiche h1{margin:0;font-size:clamp(32px,3.4vw,52px);font-weight:700;line-height:1.05;color:#1f1f1f}
.bb-fiche__st{margin:8px 0 12px;font-size:clamp(18px,1.4vw,22px);font-weight:700;color:var(--bb-fort)}
.bb-fiche__it{margin:0 0 8px;font-size:clamp(17px,1.3vw,20px);color:#333}
.bb-fiche__in{margin:0 0 16px;font-size:15.5px;color:#555}
.bb-fiche__px{display:flex;align-items:baseline;flex-wrap:wrap;gap:12px;margin:10px 0 16px;font-size:clamp(30px,2.6vw,40px);font-weight:800;color:var(--bb-fort)}
.bb-fiche__px s{font-size:19px;font-weight:400;color:#999}
.bb-fiche__px small{font-size:13px;font-weight:800;color:var(--bb-on);background:var(--bb-c1);padding:4px 11px;border-radius:999px}
.bb-actions{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px}
.bb-actions span{flex:1 1 auto;text-align:center;padding:9px 12px;border-radius:12px;background:var(--bb-c2);border:1.5px solid var(--bb-c1);font-size:13.5px;font-weight:700;color:var(--bb-fonce)}
.bb-teneur{margin:0 0 20px;padding:16px 18px;border:1px solid var(--bb-bord);border-radius:14px;font-size:14.5px;color:#444;background:#fff}
.bb-teneur p{margin:0 0 6px}
.bb-cures h2{margin:0 0 12px;font-size:20px;font-weight:700}
.bb-cures__l{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.bb-cure{position:relative;display:flex;flex-direction:column;align-items:center;text-align:center;gap:2px;padding:14px 10px 16px;border:2px solid var(--bb-bord);
  border-radius:16px;cursor:pointer;background:#fff;transition:transform .15s,box-shadow .15s,background .15s}
.bb-cure:hover{border-color:var(--bb-c1);transform:translateY(-2px)}
.bb-cure input{position:absolute;opacity:0;pointer-events:none}
.bb-cure img{width:88px;height:88px;object-fit:contain;margin-bottom:4px}
.bb-cure__n{font-weight:800;font-size:16px}
.bb-cure__d{font-size:12px;color:#777}
.bb-cure__p{margin-top:4px;font-weight:800;font-size:20px;color:var(--bb-fort)}
.bb-cure s{font-size:13px;color:#999}
.bb-cure em{font-style:normal;font-size:12px;font-weight:700;color:var(--bb-fort)}
.bb-cure.on,.bb-cure:has(input:checked){background:var(--bb-c1);border-color:var(--bb-c1);transform:translateY(-3px);box-shadow:0 12px 26px -14px rgba(0,0,0,.45)}
.bb-cure.on *,.bb-cure:has(input:checked) *{color:var(--bb-on) !important;text-shadow:var(--bb-ombre,none)}
.bb-cure.on s{opacity:.8}
@media (max-width:480px){.bb-cures__l{gap:8px}.bb-cure{padding:10px 4px 12px}.bb-cure img{width:58px;height:58px}.bb-cure__n{font-size:13.5px}.bb-cure__p{font-size:16px}.bb-cure__d,.bb-cure em{font-size:10.5px}}
.bb-ajout{width:100%;margin:4px 0 12px;min-height:62px;font-size:16.5px}
.bb-pay{display:flex;justify-content:center;flex-wrap:wrap;gap:8px;margin:4px 0 6px;padding:0;list-style:none}
.bb-pay li{display:block}
.bb-pay svg{display:block;width:52px;height:33px}
.bb-acc{margin:20px 0 0;border-top:1px solid #eee}
.bb-acc details{border-bottom:1px solid #eee}
.bb-acc summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:12px;padding:18px 2px;font-weight:600;font-size:16px}
.bb-acc summary::-webkit-details-marker{display:none}
.bb-acc summary::after{content:'⌄';font-size:22px;color:var(--bb-fort);transition:transform .2s}
.bb-acc details[open] summary::after{transform:rotate(180deg)}
.bb-acc .bb-acc__c{padding:0 2px 18px;font-size:15px;color:#444}
.bb-acc .bb-acc__c p{margin:0 0 8px}

/* Sections de la fiche */
.bb-sec{padding:clamp(36px,4.5vw,72px) 0}
.bb-h2{margin:0 0 6px;text-align:center;font-size:clamp(28px,3vw,44px);font-weight:700}
.bb-h2::after{content:'';display:block;width:70px;height:4px;margin:14px auto 30px;border-radius:4px;background:var(--bb-c1)}
.bb-compo__i{display:flex;flex-direction:column;align-items:center;padding:28px 22px;border:1px solid var(--bb-bord);border-radius:22px;text-align:center;background:#fff;
  box-shadow:0 10px 30px -26px rgba(0,0,0,.5)}
.bb-compo__i img{width:104px;height:104px;object-fit:contain;margin:0 auto 14px;padding:10px;border-radius:50%;background:var(--bb-c2);border:2px solid var(--bb-c1)}
.bb-compo__i b{display:block;margin-bottom:8px;font-size:17px;line-height:1.3}
.bb-compo__i span{font-size:14.5px;color:#666}
.bb-bienf{display:grid;gap:30px;align-items:center;background:var(--bb-c2);border-radius:28px;padding:clamp(24px,4vw,64px)}
@media (min-width:960px){.bb-bienf{grid-template-columns:1.15fr 1fr;gap:clamp(36px,5vw,90px)}}
.bb-bienf__l{display:grid;grid-template-columns:repeat(2,1fr);gap:clamp(18px,2.5vw,40px)}
.bb-bienf__i{text-align:center}
.bb-bienf__i img{width:clamp(84px,7vw,120px);height:auto;margin:0 auto 12px}
.bb-bienf__i i{display:grid;place-items:center;width:84px;height:84px;margin:0 auto 12px;border-radius:50%;background:var(--bb-c1);color:var(--bb-on);font-style:normal;font-size:30px}
.bb-bienf__i b{display:block;color:var(--bb-fort);margin-bottom:6px;font-size:clamp(17px,1.3vw,20px)}
.bb-bienf__i span{font-size:14.5px;color:#555}
.bb-bienf__t h3{margin:0 0 16px;font-size:clamp(24px,2.3vw,34px);line-height:1.2}
.bb-bienf__t p{font-size:clamp(15.5px,1.15vw,18px);color:#3a3a3a}
@media (max-width:959px){.bb-bienf__t{order:-1}}
@media (max-width:480px){.bb-bienf__l{gap:16px}.bb-bienf__i span{font-size:13px}}

/* Barre collée en bas de la fiche */
.bb-colle{position:fixed;left:0;right:0;bottom:0;z-index:700;background:#fff;border-top:1px solid #eee;box-shadow:0 -8px 24px -18px rgba(0,0,0,.4);
  transform:translateY(110%);transition:transform .25s;padding-bottom:env(safe-area-inset-bottom)}
.bb-colle.on{transform:none}
.bb-colle{display:flex;align-items:center;gap:14px;padding:10px max(var(--bb-pad),calc((100vw - var(--bb-max))/2 + var(--bb-pad)))}
.bb-colle__t{flex:1;min-width:0;line-height:1.25}
.bb-colle__t b{display:block;font-size:15px}
.bb-colle__t i{font-style:normal;font-size:13px;color:var(--bb-fort);font-weight:700}
.bb-colle .bb-bt{min-height:46px;padding:8px 22px;font-size:14px}

/* ── Pied de page : court, comme celui du concours ── */
.bb-pied{margin-top:20px;background:#faf7f1;border-top:1px solid var(--bb-bord);color:#3a352e}
.bb-pied__in{display:flex;flex-direction:column;align-items:center;gap:12px;max-width:var(--bb-max);margin:0 auto;padding:clamp(30px,3.5vw,48px) var(--bb-pad) 28px;text-align:center}
.bb-pied__soc{display:flex;gap:12px}
.bb-pied__soc a{display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:#fff;border:1px solid var(--bb-bord);color:#3a352e}
.bb-pied__soc a:hover{color:var(--bb-or-f);border-color:var(--bb-or)}
.bb-pied .bb-pied__bt{padding:12px 24px;border-radius:999px;color:#1d1606;font-weight:800;text-decoration:none;background:linear-gradient(90deg,#c9a84c,#e2c36e)}
.bb-pied__bt:hover{filter:brightness(1.05)}
.bb-pied__id{margin:0;font-size:13.5px;color:#6b645a}
.bb-pied__id a{color:#3a352e;text-decoration:none}
.bb-pied__liens{display:flex;flex-wrap:wrap;justify-content:center;gap:6px 18px;margin:4px 0 0;padding:0;list-style:none;font-size:13.5px}
.bb-pied__liens a{color:#3a352e;text-decoration:none;border-bottom:1px solid rgba(160,128,50,.35)}
.bb-pied__liens a:hover{color:var(--bb-or-f)}
.bb-pied__legal{margin:6px 0 0;font-size:12px;color:#8a8378}
@media (min-width:1280px){.bb-pied__legal{white-space:nowrap}}

/* ── Manifeste ── */
.bb-mani{max-width:860px;margin:0 auto;padding:clamp(34px,4vw,64px) var(--bb-pad)}
.bb-mani h1{font-size:clamp(32px,4vw,56px);line-height:1.1;margin:0 0 18px}
.bb-mani h2{font-size:clamp(24px,2.6vw,36px);margin:42px 0 12px;color:#4a2e12}
.bb-mani h4{margin:18px 0 4px;font-size:18px}
.bb-mani p,.bb-mani li{font-size:clamp(16px,1.2vw,18px);color:#3a3530}
.bb-mani img{border-radius:16px;margin:22px 0}
.bb-mani blockquote{margin:16px 0;padding:14px 18px;border-left:4px solid var(--bb-or);background:#faf6f0;font-style:italic}
.bb-mani__fin{text-align:center;margin-top:30px}
.bb-mani__fin .bb-bt{margin:6px}
@media (prefers-reduced-motion:reduce){.bb-carte,.bb-colle,.bb-carte__img img,.bb-car__img img,.bb-cure,.bb-fl{transition:none}}

/* Réseaux (zl_reseaux) dans le pied clair des bonbons */
.bb-pied .zl-reseaux a{background:#fff;color:#3a352e;border-color:var(--bb-bord)}
.bb-pied .zl-reseaux a:hover{color:var(--bb-or-f);border-color:var(--bb-or)}
.bb-pied .zl-reseaux a[data-reseau="whatsapp"]{background:#25D366;color:#fff;border-color:#25D366}