.abo-page{max-width:880px}.abo-page .page-title{margin-bottom:18px}.abo-carte{--abo-fond:#2b2a33;--abo-encre:#fff;display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap;padding:22px 26px;border-radius:18px;background:var(--abo-fond);color:var(--abo-encre);position:relative;overflow:hidden}.abo-carte:after{content:"";position:absolute;right:-60px;top:-80px;width:240px;height:240px;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.16),transparent 70%);pointer-events:none}.abo-carte[data-formule=gratuit]{--abo-fond:linear-gradient(135deg,#3a3946,#24232c)}.abo-carte[data-formule=pro]{--abo-fond:linear-gradient(135deg,#c21e68,#8e1450)}.abo-carte[data-formule=premium]{--abo-fond:linear-gradient(135deg,#1d1b3a,#3b2a6b)}.abo-carte-texte{display:grid;gap:2px;position:relative;z-index:1}.abo-sur{font-size:12px;letter-spacing:.08em;text-transform:uppercase;opacity:.7}.abo-nom{font-size:34px;line-height:1.1;font-weight:800;letter-spacing:-.02em}.abo-detail{font-size:14px;opacity:.8}.abo-carte .abo-btn,.abo-carte form{position:relative;z-index:1}.abo-btn{display:inline-flex;align-items:center;padding:10px 18px;border-radius:999px;border:1px solid var(--esp-sep,var(--border));background:transparent;color:inherit;font:inherit;font-weight:600;font-size:14px;text-decoration:none;cursor:pointer;white-space:nowrap}.abo-btn:hover{border-color:currentColor}.abo-btn:focus-visible,.abo-segments button:focus-visible{outline:2px solid #c21e68;outline-offset:2px}.abo-btn-clair{background:#fff;border-color:#fff;color:#1d1b26}.abo-btn-clair:hover{background:rgba(255,255,255,.88);border-color:transparent}.abo-btn-plein{background:#c21e68;border-color:#c21e68;color:#fff}.abo-btn-plein:hover{background:#a3175a;border-color:#a3175a}.abo-admin{display:flex;align-items:center;flex-wrap:wrap;gap:8px 14px;margin-top:14px;padding:10px 14px;border-radius:12px;background:var(--esp-pill,var(--surface-2));font-size:14px}.abo-admin p{margin:0}.abo-admin-note{color:var(--esp-ink-3,var(--text-secondary));font-size:13px}.abo-segments{display:inline-flex;padding:3px;border-radius:999px;background:var(--esp-carte,var(--surface-1));border:1px solid var(--esp-sep,var(--border))}.abo-segments form{display:contents}.abo-segments button{padding:6px 14px;border:0;border-radius:999px;background:transparent;color:inherit;font:inherit;font-size:13px;font-weight:600;cursor:pointer}.abo-segments button[aria-pressed=true]{background:var(--esp-ink,var(--text-primary));color:var(--esp-fond,var(--bg,#fff))}.abo-avis{margin:14px 0 0;padding:10px 14px;border-radius:12px;background:var(--esp-pill,var(--surface-2));font-size:14px}.abo-avis-ok{background:color-mix(in srgb,#0b7a55 14%,transparent)}.abo-avis-erreur{background:color-mix(in srgb,#c21e68 14%,transparent)}.abo-grille{grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);margin-top:22px;align-items:start}.abo-colonne,.abo-grille{display:grid;gap:18px}.abo-bloc{padding:18px 20px 8px;border-radius:16px;background:var(--esp-carte,var(--surface-1));border:1px solid var(--esp-sep,var(--border))}.abo-bloc h2{display:flex;align-items:baseline;justify-content:space-between;gap:10px;margin:0 0 4px;font-size:16px}.abo-bloc h2 span{font-size:12px;font-weight:500;color:var(--esp-ink-3,var(--text-secondary))}.abo-bloc ul{list-style:none;margin:0;padding:0}.abo-ligne{display:grid;grid-template-columns:1fr auto;gap:7px 12px;padding:12px 0;border-top:1px solid var(--esp-sep,var(--border))}.abo-ligne:first-child{border-top:0}.abo-libelle{font-size:14px;display:grid;gap:2px}.abo-libelle small{font-size:12.5px;color:#b45309}.abo-libelle small a{color:inherit;font-weight:600}.abo-valeur{font-size:15px;font-weight:800;font-variant-numeric:tabular-nums;text-align:right}.abo-valeur em{font-style:normal;font-weight:500;font-size:13px;color:var(--esp-ink-3,var(--text-secondary));margin-left:4px}.abo-piste{grid-column:1/-1;height:5px;border-radius:3px;background:var(--esp-pill,var(--surface-2));overflow:hidden}.abo-piste i{display:block;height:100%;border-radius:3px;background:#0b7a55}.abo-piste-libre{background:repeating-linear-gradient(90deg,color-mix(in srgb,#0b7a55 35%,transparent) 0 6px,transparent 6px 10px)}.abo-ligne[data-plein] .abo-piste i{background:#c21e68}.abo-ligne[data-plein] .abo-valeur{color:#c21e68}.abo-exclus{display:flex;align-items:center;justify-content:space-between;gap:18px;flex-wrap:wrap;margin-top:18px;padding:18px 20px;border-radius:16px;border:1px dashed color-mix(in srgb,#c21e68 45%,transparent);background:color-mix(in srgb,#c21e68 5%,transparent)}.abo-exclus h2{margin:0 0 10px;font-size:16px}.abo-exclus ul{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:6px}.abo-exclus li{padding:5px 11px;border-radius:999px;font-size:13px;background:var(--esp-carte,var(--surface-1));border:1px solid var(--esp-sep,var(--border))}.abo-note{margin-top:16px;font-size:14px}@media (max-width:720px){.abo-grille{grid-template-columns:1fr}.abo-carte{padding:18px 20px}.abo-nom{font-size:28px}}