.abo-tete{max-width:720px;margin:0 auto;padding:40px 0 8px;text-align:center}
.abo-tete h1{font-size:clamp(32px,5vw,52px);font-weight:700;letter-spacing:-.025em;margin:0 0 12px}
.abo-tete .intro{color:var(--pale);margin:0 auto;max-width:560px;font-size:17px}
.bandeau{max-width:720px;margin:20px auto 0;background:rgba(74,222,128,.07);border:1px solid rgba(74,222,128,.3);
border-radius:12px;padding:12px 16px;text-align:center;color:var(--doc)}
.offre-cauris{max-width:720px;margin:20px auto 0;padding:14px 18px;border:1.5px solid var(--accent);border-radius:14px;
font-weight:600;text-align:center}
.abo .formules-grille{margin-top:32px}
.cadeau-ligne{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-top:24px;
padding:20px 24px;border-radius:12px;background:var(--surface);border:1px solid var(--bord)}
.cadeau-ligne h3{margin:0 0 4px;font-size:17px}
.cadeau-ligne p{margin:0;color:var(--pale)}
details.code-recu{margin-top:16px;padding:18px 24px;border-radius:12px;background:var(--surface);border:1px solid var(--bord)}
details.code-recu summary{cursor:pointer;font-weight:600;list-style:none;display:flex;justify-content:space-between;gap:12px}
details.code-recu summary::after{content:"+";color:var(--pale);font-size:20px;line-height:1}
details.code-recu[open] summary::after{content:"–"}
details.code-recu[open] summary{margin-bottom:12px}
.code-cadeau{display:flex;gap:10px;flex-wrap:wrap}
.code-cadeau input{flex:1 1 220px;text-transform:uppercase;letter-spacing:.1em}
.code-cadeau .bouton{flex:0 0 auto}