@font-face{font-family:"Young Serif";font-weight:400;font-style:normal;font-display:swap;src:url(assets/fonts/young-serif-latin-400-normal.woff2) format("woff2")}

/* ===== Design « Match day » : feuille de match, tableau d'affichage, noir et or ===== */
:root{--fd:"Young Serif",Georgia,serif;--gl:rgba(201,162,75,.4)}
body{font-family:Manrope,system-ui,sans-serif;font-size:16.5px;line-height:1.7}
h1,h2,h3,.price,.stats b,.brand,.marq span,.big,.pn,.sts b,.bg-c b,.ad-st b,.ph4 h4,.chk-box .pr{font-family:var(--fd);font-weight:400;letter-spacing:-.01em;line-height:1.12}
h1{font-size:clamp(2.3rem,5.2vw,4.4rem);max-width:16ch;margin-inline:auto}
h2{font-size:clamp(1.8rem,3.4vw,2.7rem);max-width:20ch}
h3{font-size:1.2rem}
.pt{font-size:clamp(2rem,5vw,3.6rem)}
.brand{font-size:1.1rem}
.price{font-size:3rem}
/* en-tête : filet or sous la barre */
header.compact{background:rgba(13,13,13,.97);border-bottom:2px solid var(--gold);backdrop-filter:none}
.btn{border-radius:999px;font-weight:800;font-size:.92rem;padding:14px 28px;will-change:auto}
.btn.gold::after{display:none}
.btn.gold{transition:transform .2s,box-shadow .2s}
.btn.gold:hover{transform:translateY(-2px);box-shadow:0 8px 0 -2px #8a6c22}
.sub{border-radius:12px}
/* accueil : hero centré, projecteurs de stade */
.sweep,.hero::before,.ph::before,.apx-scroll{display:none!important}
.hero{text-align:center;background:var(--bg);align-items:center}
.lights{position:absolute;inset:0;pointer-events:none;background:
 radial-gradient(60% 55% at 50% -10%,rgba(201,162,75,.28),transparent 70%),
 radial-gradient(35% 40% at 5% 0,rgba(255,255,255,.07),transparent 70%),
 radial-gradient(35% 40% at 95% 0,rgba(255,255,255,.07),transparent 70%);opacity:0;animation:lamps 1.6s .2s ease-out forwards}
@keyframes lamps{0%{opacity:0}30%{opacity:.5}42%{opacity:.15}60%{opacity:.8}to{opacity:1}}
.hero .wrap{position:relative;z-index:2}
.ln>span{transform:none;animation:none}
.hero h1.split-h .ln{overflow:visible;display:block}
.hero h1 .ln{opacity:0;transform:translateY(14px);animation:fin .8s calc(.5s + var(--i)*.14s) ease forwards}
@keyframes fin{to{opacity:1;transform:none}}
.hero .reveal{transition-delay:calc(1.1s + var(--d,0s))}
.hero .lead{margin-inline:auto;max-width:50ch;color:#cbc7bc}
.hero .cta,.hero .rea{justify-content:center;margin-inline:auto}
/* tableau d'affichage du compte à rebours */
.board{display:inline-flex;align-items:stretch;margin:34px auto 6px;border:2px solid var(--gold);border-radius:6px;background:#050505;box-shadow:0 0 0 6px #0d0d0d,0 0 0 7px var(--gl)}
.board>span:first-child{display:flex;align-items:center;padding:0 22px;background:var(--gold);color:#111;font-weight:800;font-size:.82rem;line-height:1.25;text-align:left;max-width:140px}
.board .cd{display:flex;align-items:center;gap:6px;padding:14px 24px;font-size:.8rem;color:#a9a599;font-weight:700}
.board .cd b{margin:0 0 0 8px;min-width:2ch;text-align:center;font-family:var(--fd);font-size:2.3rem;font-weight:400;line-height:1;color:#f1d98c;background:linear-gradient(#141414 49%,#000 51%);border-radius:4px;padding:8px 10px;font-variant-numeric:tabular-nums;text-shadow:0 0 18px rgba(201,162,75,.5)}
.hero .stats{justify-content:center;margin-top:46px;background:none;border:0}
.stats b{background:none;-webkit-background-clip:border-box;background-clip:border-box;color:var(--gold);animation:none;font-family:var(--fd);font-weight:400}
.stats>div{border-left:1px solid var(--gl);padding:0 28px;text-align:center}.stats>div:first-child{border-left:0}
.stats span{color:#a09c91}
/* bandeau : bande de panneaux publicitaires */
.marq{background:var(--gold);color:#111;border:0}
.marq span{font-family:var(--fd);font-size:1.05rem;padding:13px 0;letter-spacing:0}
.marq i{width:8px;height:8px;background:#111;clip-path:none;border-radius:50%;margin:0 30px}
/* sections claires : feuille de match, papier */
section.lt{background:#ecece8}
section.lt h2{color:#141414}
.js .reveal{transition:opacity .6s ease}
.js .reveal:not(.on){transform:none}
.js .plan.reveal,.js .tile.reveal{transform:none}
/* trois arguments : cartons de feuille de match */
.trio>div{background:#fff;border:1px solid #d9d6cc;border-radius:4px;padding:30px 26px 28px;position:relative;box-shadow:6px 6px 0 #14141412}
.trio>div::before{content:"";display:block;width:34px;height:5px;background:var(--gold);margin-bottom:18px}
.avis.trio>div,.avis .q{box-shadow:none}
.avis .q::before{display:none}
/* étapes : chronomètre horizontal */
.stp{display:grid;grid-template-columns:repeat(4,1fr);gap:0 26px;position:relative;margin:30px 0 34px;counter-reset:s}
.stp::before{content:"";position:absolute;left:0;right:0;top:25px;border-top:2px dashed rgba(201,162,75,.35)}
.stp::after{content:"";position:absolute;left:0;top:25px;height:2px;width:0;background:var(--gold);transition:width 2.4s cubic-bezier(.5,0,.2,1)}
.stp.run::after{width:100%}
.stp li{display:block;border:0;padding:0;position:relative}
.pn{position:relative;display:grid;place-items:center;width:52px;height:52px;border-radius:50%;background:var(--bg);border:2px solid var(--gold);color:var(--gold);font-size:1.15rem;margin-bottom:18px;z-index:1;transition:background .4s,color .4s}
.stp li.hit .pn{background:var(--gold);color:#111}
.stp h3{margin-bottom:.4rem}
.cta{gap:12px}
/* offres : billets */
.plan{border-radius:6px;border:1px solid var(--gl);background:none;padding:30px 26px 32px}
.plan::after{background:var(--card);border-radius:6px}
.plan.top{border:2px solid var(--gold)}
.plan.top::after{inset:0}
.plan .price{padding-bottom:16px;margin-bottom:16px;border-bottom:2px dashed var(--gl)}
.bdg,.plan.top .bdg{border-radius:3px}
.bg-c,.panel,.q,.prc,.wl-panel,.ph4>div,.tile,.ct,.ds-box,.chk-box,.cmp,.onb{border-radius:6px}
.bg-c:hover,.ct:hover,.tile:hover{transform:none;border-color:var(--gold)}
.card::before,.card::after{display:none}
.ph{background:var(--bg);border-bottom:2px solid var(--gold)}
.soc-b{border-radius:999px;font-weight:800;font-size:.9rem}
footer{border-top:2px solid var(--gold)}
.q footer{background:none;padding:0;color:inherit;display:flex;border:0}.q footer span{color:var(--muted)}
details{border-top:1px solid var(--gl)}details:last-child{border-bottom:1px solid var(--gl)}
summary{font-family:var(--fd);font-weight:400;font-size:1.1rem}
@media(max-width:900px){.stp{grid-template-columns:1fr 1fr;gap:34px 22px}.stp::before,.stp::after{display:none}.avis.trio{grid-template-columns:1fr}}
@media(max-width:640px){.board{flex-direction:column;width:100%;max-width:340px}.board>span:first-child{max-width:none;padding:9px 12px;justify-content:center}.board .cd{padding:12px 8px;gap:3px;justify-content:center;font-size:.7rem}.board .cd b{font-size:1.5rem;padding:6px 6px;margin-left:5px}.stats{flex-wrap:wrap}.stats>div{border:0;padding:8px 14px}.stp{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){.lights,.hero h1 .ln{opacity:1;transform:none;animation:none}.stp::after{width:100%;transition:none}.stp li .pn{background:var(--gold);color:#111}}