/* L'offre et le cadeau (modèle Lunii, 5 nov. 2026 ; rouge et vert de Noël, 6 nov. : Guillaume ne veut pas de marron et doré) : bandeau, cartes de prix, durées du cadeau, panier qui glisse.
   Chargé après livres.css par toutes les pages du catalogue. */
.bandeau{background:#c8312a;color:#fff6df;text-align:center;font-size:14px;padding:9px 16px}
.bandeau a{text-decoration:none}.bandeau b{color:#fff}
.hero.centre,.tete.centre,.actions.centre{text-align:center;justify-content:center}
.hero.centre .chapo,.tete.centre p{margin-left:auto;margin-right:auto}
.hero.centre{padding:56px 0 40px}
.btn-or{color:#fff6df;background:linear-gradient(180deg,#d63a31,#b02a23);box-shadow:0 12px 24px -12px rgba(176,42,35,.9)}
.atouts{background:var(--papier);border-top:1px solid var(--ligne);border-bottom:1px solid var(--ligne);padding:44px 0}
.atouts .wrap{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;text-align:center}
@media (max-width:760px){.atouts .wrap{grid-template-columns:1fr;gap:26px}}
.atouts .ico{display:inline-grid;place-items:center;width:64px;height:64px;border-radius:20px;background:var(--blanc);color:var(--brique);box-shadow:var(--ombre);margin-bottom:12px}
.atouts .ico svg{width:34px;height:34px}
.atouts h3{font-size:24px;margin-bottom:6px}.atouts p{color:var(--encre-2);font-size:15px;max-width:26em;margin:0 auto}
.cartes2{display:grid;grid-template-columns:repeat(2,minmax(0,380px));justify-content:center;gap:26px}
@media (max-width:820px){.cartes2{grid-template-columns:minmax(0,440px)}}
.prix-carte{position:relative;display:flex;flex-direction:column;gap:12px;background:var(--blanc);border-radius:24px;padding:42px 30px 28px;box-shadow:var(--ombre);border:1px solid var(--ligne);transition:box-shadow .3s}
.prix-carte.choisie{box-shadow:0 0 0 3px var(--brique),var(--ombre)}
.prix-carte.nuit{background:radial-gradient(120% 110% at 50% 0%,#24603f,#143a28 58%,#0d281c);color:#f7f1e3;border-color:transparent}
.prix-carte.nuit.choisie{box-shadow:0 0 0 3px #c8312a,var(--ombre)}
.ruban-haut{position:absolute;top:-15px;left:50%;translate:-50% 0;font:600 12px/1 var(--sans);letter-spacing:.14em;text-transform:uppercase;font-style:normal;white-space:nowrap;background:var(--brique);color:#fff;padding:9px 14px;border-radius:999px}
.ruban-haut.or{background:#c8312a;color:#fff6df}
.prix-carte .px{font:600 48px/1 var(--serif)}
.prix-carte .px small{font:500 18px var(--sans);opacity:.75}
.pastille-promo{align-self:flex-start;font:600 14px/1 var(--sans);background:rgba(200,70,47,.12);color:var(--brique-f);padding:8px 12px;border-radius:999px}
.barre-px{font-size:15px;opacity:.7;text-decoration:line-through}
.prix-carte ul{list-style:none;display:flex;flex-direction:column;gap:9px;margin:6px 0 14px;font-size:15px}
.prix-carte li{padding-left:24px;position:relative}
.prix-carte li::before{content:"";position:absolute;left:2px;top:.45em;width:12px;height:7px;border-left:2px solid var(--brique);border-bottom:2px solid var(--brique);rotate:-45deg}
.prix-carte.nuit li::before{border-color:#ff8f86}
.prix-carte .btn{width:100%}
.prix-carte.nuit .btn-clair{background:transparent;color:#f7eedb;box-shadow:inset 0 0 0 1px rgba(247,238,219,.35)}
.tete.rang{display:flex;align-items:baseline;justify-content:space-between;gap:16px}
.tete.rang h2{font-size:clamp(28px,3.2vw,38px)}
.rang-livres{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(240px,300px);gap:18px;overflow-x:auto;padding:4px 2px 14px;scroll-snap-type:x mandatory}
.inclus{position:relative;display:flex;flex-direction:column;gap:4px;text-decoration:none;scroll-snap-align:start}
.inclus img,.inclus .couv-typo{width:100%;aspect-ratio:16/9;border-radius:16px;object-fit:cover;box-shadow:var(--ombre)}
.inclus .couv-typo{height:auto}
.inclus b{font:500 22px/1.15 var(--serif);margin-top:8px}.inclus small{color:var(--gris);font-size:13px}
.bloc.doux{background:var(--papier)}
.etapes3{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
@media (max-width:820px){.etapes3{grid-template-columns:1fr}}
.etapes3>div{background:var(--blanc);border-radius:20px;padding:26px 24px;box-shadow:var(--ombre)}
.etapes3 .n{font:500 40px/1 var(--serif);color:var(--brique)}
.etapes3 h3{margin:10px 0 6px}.etapes3 p{color:var(--encre-2);font-size:15px}
.faq-deux{display:grid;grid-template-columns:220px 1fr;gap:26px;align-items:start}
@media (max-width:760px){.faq-deux{grid-template-columns:1fr}}
.faq-deux aside span{display:block;background:var(--blanc);border-radius:14px;padding:14px 16px;font-weight:600;font-size:15px;box-shadow:inset 0 0 0 1px var(--ligne)}
.cadeau-tete{text-align:center;padding:52px 0 18px;background:radial-gradient(60% 100% at 50% 0,rgba(217,168,69,.25),transparent 70%)}
.cadeau-tete .chapo{margin:0 auto}
.choix-duree{background:var(--blanc);border-radius:26px;padding:34px 28px;box-shadow:var(--ombre);border:1px solid var(--ligne);text-align:center}
.choix-duree h2{font-size:clamp(26px,3vw,32px)}
.durees{display:flex;justify-content:center;gap:clamp(14px,4vw,34px);margin:26px 0 28px;flex-wrap:wrap}
.duree{position:relative;display:flex;flex-direction:column;align-items:center;gap:2px;border:0;background:none;cursor:pointer;font-family:var(--sans);color:var(--encre)}
.duree .d-n{display:grid;place-items:center;padding-bottom:14px;width:92px;height:92px;border-radius:22px;background:var(--creme);font:600 44px/1 var(--serif);box-shadow:inset 0 0 0 1px var(--ligne);transition:box-shadow .2s,background .2s}
.duree .d-u{position:absolute;top:66px;font:600 10px/1 var(--sans);letter-spacing:.14em;text-transform:uppercase;color:var(--gris)}
.duree i{position:absolute;top:-10px;right:-16px;font:600 11px/1 var(--sans);font-style:normal;background:#c8312a;color:#fff;padding:6px 8px;border-radius:999px}
.duree b{margin-top:10px;font-size:16px}.duree small{color:var(--gris);font-size:14px}
.duree.on .d-n{background:#eaf2ec;color:#1f5a3c;box-shadow:inset 0 0 0 3px #24603f}
/* le panier qui glisse */
.panier{position:fixed;inset:0;z-index:60}
.panier[hidden]{display:none}
.pn-fond{position:absolute;inset:0;background:rgba(29,23,18,.45);opacity:0;transition:opacity .25s}
.pn-boite{position:absolute;top:0;right:0;bottom:0;width:min(440px,100%);background:var(--blanc);display:flex;flex-direction:column;transform:translateX(100%);transition:transform .3s cubic-bezier(.2,.8,.2,1);box-shadow:-20px 0 60px -20px rgba(0,0,0,.35)}
.panier.ouvert .pn-fond{opacity:1}.panier.ouvert .pn-boite{transform:none}
.pn-tete{display:flex;align-items:center;justify-content:space-between;padding:20px 22px;border-bottom:1px solid var(--ligne)}
.pn-tete h2{font-size:26px}.pn-tete small{font:400 15px var(--sans);color:var(--gris)}
.pn-x{border:0;background:none;font-size:30px;line-height:1;cursor:pointer;color:var(--encre-2)}
.pn-article{display:grid;grid-template-columns:auto 1fr auto;gap:14px;align-items:center;padding:20px 22px}
.pn-vig{display:grid;place-items:center;align-content:center;width:64px;height:64px;border-radius:16px;background:var(--creme);line-height:1;text-align:center}
.pn-vig b{display:block;font:600 26px var(--serif)}.pn-vig i{font:600 10px var(--sans);font-style:normal;letter-spacing:.12em;text-transform:uppercase;color:var(--gris)}
.pn-vig.nuit{background:#1f5a3c;color:#fff6df}.pn-vig.nuit i{color:#cfe3d5}.pn-vig.cadeau{background:#eaf2ec;color:#1f5a3c;box-shadow:inset 0 0 0 2px #24603f}
.pn-article b{font-size:16px}.pn-article small{display:block;color:var(--gris);font-size:13px;margin-top:3px}
.pn-px{text-align:right}.pn-px b{display:block;font-size:16px}.pn-px s{color:var(--brique);font-size:13px}
.pn-bas{margin-top:auto;padding:20px 22px 26px;background:var(--papier);border-top:1px solid var(--ligne);display:flex;flex-direction:column;gap:12px}
.pn-cgv{display:flex;gap:10px;font-size:13px;color:var(--encre-2);align-items:flex-start;cursor:pointer}
.pn-cgv input{margin-top:3px;width:18px;height:18px;accent-color:var(--brique);flex:none}
.pn-msg{color:var(--brique-f);font-size:14px}.pn-msg:empty{display:none}
.pn-valider{width:100%}.pn-note{font-size:12.5px;color:var(--gris);text-align:center}
.pn-lien{text-align:center;font-size:14px;font-weight:600;color:var(--brique)}
/* le sélecteur « Au mois / À l'année » dans la carte de l'abonnement (6 nov. 2026) */
.bascule{display:flex;gap:4px;padding:4px;border-radius:999px;background:var(--creme);box-shadow:inset 0 0 0 1px var(--ligne);margin-bottom:4px}
.bascule button{flex:1;border:0;cursor:pointer;min-height:40px;border-radius:999px;background:transparent;font:600 14px var(--sans);color:var(--encre-2);transition:background .25s,color .25s}
.bascule button small{display:block;font:500 11px var(--sans);color:#c8312a}
.bascule button.on{background:var(--blanc);color:var(--encre);box-shadow:0 4px 12px -6px rgba(29,23,18,.4)}
.variante{display:flex;flex-direction:column;gap:12px}.variante[hidden]{display:none}
.sous-px{font-size:15px;opacity:.75;margin-top:-6px}
.carte-titre{font-size:26px;text-align:center}
.prix-carte .durees{margin:6px 0 4px}
.pn-vig.nuit i{color:#cfe3d5}
.prix-carte .durees{gap:14px;flex-wrap:nowrap}
.prix-carte .duree .d-n{width:74px;height:74px;font-size:34px;border-radius:18px;padding-bottom:12px}
.prix-carte .duree .d-u{top:50px}
.prix-carte .duree i{right:-12px}