/* Saint-Nicolas au cinéma (31/10/2026). Tout est rangé sous .snc (et .p-page, .p-resa, .p-merci) pour ne pas toucher au reste du site. Source : les maquettes validées. */

/* ═══ BASE ═══ */
.snc{
  --nuit:#0B1430; --nuit2:#14204A; --nuit3:#1D2C5E;
  --or:#F6B53C; --or2:#FFD27A; --braise:#E8622A; --mitre:#C8102E; --mitre2:#E3263F;
  --neige:#FFF8EE; --papier:#F5F7FC; --encre:#14204A; --gris:#5B6785; --ligne:#E2E7F1;
  --vert:#17A05D; --bleu:#0B6FE8;
  --disp:'Lilita One','Plus Jakarta Sans',system-ui,sans-serif;
  --txt:'Manrope',system-ui,-apple-system,'Segoe UI',sans-serif;
}
.snc,.snc *{box-sizing:border-box}
.snc{margin:0;font-family:var(--txt);color:var(--encre);background:var(--papier);-webkit-font-smoothing:antialiased}
.snc img{max-width:100%;display:block}
.snc a{color:inherit}
.snc .btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;border:0;border-radius:999px;font:800 16px/1 var(--txt);padding:17px 28px;cursor:pointer;text-decoration:none;transition:transform .15s,box-shadow .15s}
.snc .btn:hover{transform:translateY(-2px)}
.snc .btn:focus-visible{outline:3px solid var(--or2);outline-offset:3px}
.snc .btn-or{background:linear-gradient(180deg,var(--or2),var(--or));color:#3A2300;box-shadow:0 10px 30px -8px rgba(246,181,60,.7),inset 0 -3px 0 rgba(0,0,0,.12)}
.snc .btn-mitre{background:linear-gradient(180deg,var(--mitre2),var(--mitre));color:#fff;box-shadow:0 10px 30px -10px rgba(200,16,46,.8)}
.snc .btn-ghost{background:rgba(255,255,255,.1);color:#fff;border:1.5px solid rgba(255,255,255,.35)}
.snc .btn-bleu{background:var(--bleu);color:#fff}

/* ═══ PAGE ═══ */
.snc.p-page .snhero{position:relative;overflow:hidden;color:#fff;background:var(--nuit);isolation:isolate}
.snc.p-page .snhero .ciel{position:absolute;inset:0;background:url(affiche-baobabs.jpg) 62% 30%/cover no-repeat;z-index:-3;transform:scale(1.06);animation:respire 18s ease-in-out infinite alternate}
@keyframes respire{to{transform:scale(1.12) translateY(-1.5%)}}
.snc.p-page .snhero::before{content:"";position:absolute;inset:0;z-index:-2;
  background:
   linear-gradient(180deg,rgba(11,20,48,0) 0%,rgba(11,20,48,.1) 40%,rgba(11,20,48,.85) 80%,var(--nuit) 100%),
   linear-gradient(90deg,rgba(11,20,48,.82) 0%,rgba(11,20,48,.35) 50%,rgba(11,20,48,0) 75%)}
.snc.p-page #neige{position:absolute;inset:0;width:100%;height:100%;z-index:-1;pointer-events:none}
.snc.p-page .snhero .in{max-width:1180px;margin:0 auto;padding:64px 20px 0;display:grid;grid-template-columns:1.15fr .85fr;gap:40px;align-items:center;min-height:min(820px,92vh)}
.snc.p-page .kicker{display:inline-flex;align-items:center;gap:10px;background:rgba(11,20,48,.55);backdrop-filter:blur(6px);border:1px solid rgba(255,210,122,.35);border-radius:999px;padding:8px 16px 8px 8px;font:800 13px var(--txt);letter-spacing:.04em;text-transform:uppercase;color:var(--or2)}
.snc.p-page .kicker i{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:var(--mitre);font-style:normal}
.snc.p-page h1.titre{font:400 clamp(52px,8.4vw,112px)/.9 var(--disp);margin:22px 0 0;letter-spacing:.005em;text-wrap:balance;
  background:linear-gradient(180deg,#FFF3D6 0%,var(--or2) 45%,var(--or) 70%,var(--braise) 100%);-webkit-background-clip:text;background-clip:text;color:transparent;
  filter:drop-shadow(0 6px 0 rgba(120,30,0,.55)) drop-shadow(0 18px 30px rgba(0,0,0,.45))}
.snc.p-page h1.titre small{display:block;font-size:.42em;line-height:1.1;margin-top:14px;-webkit-text-fill-color:#fff;color:#fff;filter:none;text-shadow:0 3px 18px rgba(0,0,0,.5)}
.snc.p-page .chapo{font:500 clamp(17px,1.6vw,20px)/1.55 var(--txt);color:#E9EDF8;max-width:560px;margin:22px 0 0}
.snc.p-page .chapo b{color:#fff}
.snc.p-page .quand{display:flex;flex-wrap:wrap;gap:10px;margin:26px 0 0}
.snc.p-page .quand span{display:inline-flex;align-items:center;gap:8px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.2);border-radius:14px;padding:10px 14px;font:700 14.5px var(--txt)}
.snc.p-page .ctas{display:flex;flex-wrap:wrap;gap:12px;margin:28px 0 0}
.snc.p-page .ctas .btn-or{font-size:18px;padding:20px 32px}
.snc.p-page .cadre{position:relative;justify-self:center;perspective:1200px}
.snc.p-page .cadre .aff{width:min(380px,30vw);border-radius:14px;box-shadow:0 40px 80px -20px rgba(0,0,0,.8),0 0 0 6px rgba(255,210,122,.9),0 0 0 7px rgba(120,60,0,.8),0 0 90px 10px rgba(246,181,60,.35);transform:rotateY(-12deg) rotateZ(2deg);transition:transform .6s cubic-bezier(.2,.8,.2,1)}
.snc.p-page .cadre:hover .aff{transform:rotateY(0) rotateZ(0) scale(1.02)}
.snc.p-page .cadre .reflet{position:absolute;inset:0;border-radius:14px;background:linear-gradient(115deg,transparent 30%,rgba(255,255,255,.35) 45%,transparent 60%);mix-blend-mode:overlay;transform:rotateY(-12deg) rotateZ(2deg);pointer-events:none;background-size:250% 100%;animation:reflet 6s ease-in-out infinite}
@keyframes reflet{0%,60%{background-position:120% 0}100%{background-position:-60% 0}}
.snc.p-page .cadre .mitre{position:absolute;top:-46px;right:-26px;width:110px;transform:rotate(14deg);filter:drop-shadow(0 10px 18px rgba(0,0,0,.45))}
.snc.p-page .cadre .tampon{position:absolute;left:-34px;bottom:46px;background:var(--mitre);color:#fff;border-radius:16px;padding:12px 16px;font:400 22px/1 var(--disp);transform:rotate(-8deg);box-shadow:0 14px 30px -8px rgba(0,0,0,.6);border:3px dashed rgba(255,255,255,.55)}
.snc.p-page .cadre .tampon small{display:block;font:800 11px var(--txt);letter-spacing:.08em;text-transform:uppercase;opacity:.85;margin-top:4px}
.snc.p-page .bandeau{max-width:1180px;margin:0 auto;padding:30px 20px 46px;display:grid;grid-template-columns:auto 1fr;gap:28px;align-items:center}
.snc.p-page .rebours{display:flex;gap:10px}
.snc.p-page .rebours div{min-width:78px;text-align:center;background:linear-gradient(180deg,rgba(255,255,255,.14),rgba(255,255,255,.04));border:1px solid rgba(255,255,255,.18);border-radius:16px;padding:12px 8px}
.snc.p-page .rebours b{display:block;font:400 38px/1 var(--disp);color:var(--or2);font-variant-numeric:tabular-nums}
.snc.p-page .rebours small{font:800 10.5px var(--txt);letter-spacing:.12em;text-transform:uppercase;color:#AEB9D6}
.snc.p-page .stock{background:rgba(11,20,48,.6);border:1px solid rgba(255,255,255,.14);border-radius:18px;padding:16px 20px}
.snc.p-page .stock .l{display:flex;justify-content:space-between;align-items:baseline;gap:12px;font:700 14px var(--txt);color:#C9D2EA}
.snc.p-page .stock .l b{font:400 26px var(--disp);color:#fff}
.snc.p-page .stock .l b em{font-style:normal;color:var(--or2)}
.snc.p-page .jauge{height:12px;border-radius:99px;background:rgba(255,255,255,.12);margin-top:10px;overflow:hidden}
.snc.p-page .jauge i{display:block;height:100%;width:27%;border-radius:99px;background:linear-gradient(90deg,var(--or),var(--braise),var(--mitre2));box-shadow:0 0 18px rgba(246,181,60,.7);animation:remplir 1.6s cubic-bezier(.2,.8,.2,1) both}
@keyframes remplir{from{width:0}}
.snc.p-page .stock p{margin:8px 0 0;font:600 13px var(--txt);color:#AEB9D6}
.snc.p-page .sec{padding:84px 20px}
.snc.p-page .sec .in{max-width:1100px;margin:0 auto}
.snc.p-page .sney{font:800 12.5px var(--txt);letter-spacing:.14em;text-transform:uppercase;color:var(--braise)}
.snc.p-page h2{font:400 clamp(34px,4.6vw,54px)/1 var(--disp);margin:10px 0 0;color:var(--encre);text-wrap:balance}
.snc.p-page .lead{font:500 18px/1.6 var(--txt);color:var(--gris);max-width:640px;margin:14px 0 0}
.snc.p-page .nuit{background:var(--nuit);color:#fff;position:relative;overflow:hidden}
.snc.p-page .nuit h2{color:#fff}
.snc.p-page .nuit .lead{color:#B9C3DD}
.snc.p-page .nuit .sney{color:var(--or2)}
.snc.p-page .prog{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:40px;position:relative}
.snc.p-page .prog::before{content:"";position:absolute;left:8%;right:8%;top:47px;height:3px;background:repeating-linear-gradient(90deg,var(--or) 0 14px,transparent 14px 24px);opacity:.6}
.snc.p-page .etape{position:relative;background:#fff;border:1px solid var(--ligne);border-radius:24px;padding:26px 24px 24px;box-shadow:0 18px 40px -26px rgba(20,32,74,.35)}
.snc.p-page .etape .h{display:inline-grid;place-items:center;min-width:94px;height:44px;padding:0 16px;border-radius:999px;background:var(--nuit);color:var(--or2);font:400 24px/1 var(--disp);position:relative;z-index:1}
.snc.p-page .etape .ic{position:absolute;right:20px;top:18px;font-size:40px}
.snc.p-page .etape h3{font:800 20px/1.25 var(--txt);margin:18px 0 6px}
.snc.p-page .etape p{margin:0;color:var(--gris);font:500 15.5px/1.55 var(--txt)}
.snc.p-page .etape.star{background:linear-gradient(160deg,#FFF6E3,#fff 60%);border-color:#F7D9A0}
.snc.p-page .etape.nico{background:linear-gradient(160deg,#FFE9EC,#fff 60%);border-color:#F5C2CA}
.snc.p-page .etape.nico .h{background:var(--mitre);color:#fff}
.snc.p-page .film{display:grid;grid-template-columns:340px 1fr;gap:48px;align-items:center}
.snc.p-page .film .aff2{border-radius:18px;box-shadow:0 30px 60px -20px rgba(0,0,0,.7),0 0 0 1px rgba(255,255,255,.12)}
.snc.p-page .film .fiche{display:grid;grid-template-columns:repeat(3,auto);justify-content:start;gap:10px 28px;margin:26px 0 0;font:600 14px var(--txt);color:#B9C3DD}
.snc.p-page .film .fiche b{display:block;color:#fff;font:800 16px var(--txt);margin-top:2px}
.snc.p-page .film blockquote{margin:26px 0 0;padding:18px 22px;border-left:4px solid var(--or);background:rgba(255,255,255,.06);border-radius:0 14px 14px 0;font:600 17px/1.55 var(--txt);color:#E9EDF8}
.snc.p-page .credits{margin-top:18px;font:600 12.5px/1.5 var(--txt);color:#7F8BAE}
.snc.p-page .billets{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:40px}
.snc.p-page .tk{position:relative;border-radius:22px;padding:28px 26px 24px;background:#fff;border:1px solid var(--ligne);overflow:hidden}
.snc.p-page .tk .perfo{position:relative;border-top:2.5px dashed var(--ligne);margin:24px -26px 0}
.snc.p-page .tk .perfo::before,.snc.p-page .tk .perfo::after{content:"";position:absolute;top:-14px;width:26px;height:26px;border-radius:50%;background:var(--papier)}
.snc.p-page .tk .perfo::before{left:-13px}
.snc.p-page .tk .perfo::after{right:-13px}
.snc.p-page .tk .cat{font:800 13px var(--txt);letter-spacing:.12em;text-transform:uppercase;color:var(--gris)}
.snc.p-page .tk .prix{font:400 64px/1 var(--disp);color:var(--encre);margin:10px 0 2px}
.snc.p-page .tk .prix sup{font-size:.45em;vertical-align:.9em;margin-left:2px}
.snc.p-page .tk .qui{font:700 15px var(--txt);color:var(--gris)}
.snc.p-page .tk ul{list-style:none;padding:0;margin:20px 0 0;display:grid;gap:7px;font:600 14.5px var(--txt);color:#33405E}
.snc.p-page .tk.sout{background:linear-gradient(150deg,#1D2C5E,#0B1430);color:#fff;border:0;box-shadow:0 30px 60px -24px rgba(11,20,48,.9)}
.snc.p-page .tk.sout .perfo{border-color:rgba(255,255,255,.2)}
.snc.p-page .tk.sout .cat{color:var(--or2)}
.snc.p-page .tk.sout .prix{color:var(--or2)}
.snc.p-page .tk.sout .qui,.snc.p-page .tk.sout ul{color:#C9D2EA}
.snc.p-page .tk.sout .ruban{position:absolute;top:18px;right:-38px;transform:rotate(38deg);background:var(--mitre);color:#fff;font:800 11px var(--txt);letter-spacing:.1em;text-transform:uppercase;padding:6px 44px}
.snc.p-page .soutien{background:radial-gradient(90% 120% at 100% 0%,#2A3D7E 0%,var(--nuit) 60%)}
.snc.p-page .sgrid{display:grid;grid-template-columns:1.1fr .9fr;gap:44px;align-items:center}
.snc.p-page .pas{display:grid;gap:14px;margin-top:30px}
.snc.p-page .pas>div{display:grid;grid-template-columns:48px 1fr;gap:14px;align-items:start;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12);border-radius:18px;padding:16px}
.snc.p-page .pas b.n{display:grid;place-items:center;width:48px;height:48px;border-radius:14px;background:var(--or);color:#3A2300;font:400 24px var(--disp)}
.snc.p-page .pas h4{margin:2px 0 4px;font:800 16.5px var(--txt);color:#fff}
.snc.p-page .pas p{margin:0;font:500 14.5px/1.5 var(--txt);color:#B9C3DD}
.snc.p-page .coeur{background:linear-gradient(160deg,#FFF6E3,#FFE3B0);color:#3A2300;border-radius:28px;padding:32px;box-shadow:0 30px 70px -30px rgba(246,181,60,.8);position:relative}
.snc.p-page .coeur h3{font:400 30px/1.05 var(--disp);margin:0}
.snc.p-page .coeur p{font:600 15.5px/1.55 var(--txt);margin:12px 0 0;color:#5A3D05}
.snc.p-page .coeur .px{display:flex;gap:12px;margin:18px 0}
.snc.p-page .coeur .px span{flex:1;background:#fff;border-radius:14px;padding:12px;text-align:center;font:800 13px var(--txt);color:#5A3D05}
.snc.p-page .coeur .px b{display:block;font:400 26px var(--disp);color:#3A2300}
.snc.p-page .acces{display:grid;grid-template-columns:1.25fr 1fr;gap:22px;margin-top:30px;align-items:start}
.snc.p-page .plan{position:sticky;top:16px;border-radius:24px;overflow:hidden;border:1px solid var(--ligne);background:#E7EEF7}
.snc.p-page #plan{height:560px}
.snc.p-page .plan .go{position:absolute;left:12px;right:56px;top:12px;display:flex;gap:8px;flex-wrap:wrap}
.snc.p-page .plan .go .b{background:#fff;border-radius:999px;padding:10px 14px;font:800 13px var(--txt);text-decoration:none;color:var(--encre);box-shadow:0 6px 16px rgba(20,32,74,.18)}
.snc.p-page .liste{display:grid;gap:10px}
.snc.p-page .liste .st{font:800 15px var(--txt);margin:10px 0 0;color:var(--encre)}
.snc.p-page .adr,.snc.p-page .info{display:grid;grid-template-columns:46px 1fr;gap:14px;background:#fff;border:1px solid var(--ligne);border-radius:18px;padding:14px 16px}
.snc.p-page .adr .ic,.snc.p-page .info .ic{display:grid;place-items:center;width:46px;height:46px;border-radius:14px;background:#FFE9EC;font-size:22px}
.snc.p-page .adr h4,.snc.p-page .info h4{margin:2px 0 3px;font:800 16px var(--txt)}
.snc.p-page .adr p,.snc.p-page .info p{margin:0;font:600 14.5px/1.5 var(--txt);color:var(--gris)}
.snc.p-page .info.att{border-color:#F7D9A0;background:#FFFBF2}
.snc.p-page .info.att .ic{background:#FFEFC8}
.snc.p-page .pk{all:unset;cursor:pointer;display:grid;grid-template-columns:40px 1fr;gap:12px;background:#fff;border:1.5px solid var(--ligne);border-radius:18px;padding:14px 16px;transition:border-color .2s,box-shadow .2s}
.snc.p-page .pk:focus-visible{outline:3px solid var(--bleu);outline-offset:2px}
.snc.p-page .pk.on{border-color:var(--or);box-shadow:0 10px 26px -14px rgba(246,181,60,.9)}
.snc.p-page .pk .p{display:grid;place-items:center;width:40px;height:40px;border-radius:12px;background:#1D4ED8;color:#fff;font:800 20px var(--txt)}
.snc.p-page .pk .p.or{background:var(--or);color:#3A2300}
.snc.p-page .pk .p.tr{background:#EEF3FC;font-size:20px}
.snc.p-page .pk h4{margin:1px 0 3px;font:800 15.5px var(--txt);color:var(--encre)}
.snc.p-page .pk p{margin:0;font:600 14px/1.5 var(--txt);color:#33405E}
.snc.p-page .pk small{display:block;margin-top:4px;font:600 12.5px/1.45 var(--txt);color:var(--gris)}
.snc.p-page .bdg{font-style:normal;background:#E8F7EF;color:#0E6B3D;border-radius:999px;padding:2px 8px;font:800 11px var(--txt);margin-left:6px;vertical-align:2px}
.snc.p-page .rue{display:flex;gap:10px;align-items:flex-start;background:var(--papier);border-radius:14px;padding:12px 14px;font:600 13.5px/1.5 var(--txt);color:#33405E}
.snc.p-page .mk{display:grid;place-items:center;border-radius:12px;font:800 15px var(--txt);box-shadow:0 6px 14px rgba(0,0,0,.3);border:2.5px solid #fff;cursor:pointer}
.snc.p-page .mk.p{width:30px;height:30px;background:#1D4ED8;color:#fff}
.snc.p-page .mk.p.or{background:#F6B53C;color:#3A2300}
.snc.p-page .mk.p.on{transform:scale(1.25)}
.snc.p-page .mk.t{width:30px;height:30px;background:#fff;border-color:#1D4ED8;font-size:15px}
.snc.p-page .mk.m{width:22px;height:22px;border-radius:50%;background:#E3263F;color:#fff;font-size:11px}
.snc.p-page .mk.q{padding:8px 12px 8px 8px;border-radius:14px;background:var(--nuit);color:var(--or2);gap:8px;grid-auto-flow:column;font:800 15px var(--txt);border-color:var(--or)}
.snc.p-page .mk.q i{display:grid;place-items:center;width:26px;height:26px;border-radius:50%;background:var(--mitre);font-style:normal;font-size:14px}
@media (max-width:900px){
.snc.p-page .acces{grid-template-columns:1fr}
.snc.p-page .plan{position:relative;top:0}
.snc.p-page #plan{height:420px}
}
.snc.p-page .meteoJ{margin-top:22px;display:flex;align-items:center;gap:18px;background:linear-gradient(90deg,#0B6FE8,#3F8CF0);color:#fff;border-radius:20px;padding:18px 22px}
.snc.p-page .meteoJ .ic{font-size:40px}
.snc.p-page .meteoJ b{font:800 16px var(--txt)}
.snc.p-page .meteoJ p{margin:3px 0 0;font:500 14px var(--txt);opacity:.9}
.snc.p-page .faq{margin-top:30px;display:grid;gap:10px}
.snc.p-page .faq details{background:#fff;border:1px solid var(--ligne);border-radius:16px;padding:0 20px}
.snc.p-page .faq summary{cursor:pointer;list-style:none;padding:18px 0;font:800 16.5px var(--txt);display:flex;justify-content:space-between;gap:12px}
.snc.p-page .faq summary::after{content:"+";font:400 26px/1 var(--disp);color:var(--braise)}
.snc.p-page .faq details[open] summary::after{content:"–"}
.snc.p-page .faq p{margin:0 0 18px;font:500 15.5px/1.6 var(--txt);color:var(--gris)}
.snc.p-page .final{text-align:center;background:radial-gradient(60% 90% at 50% 100%,rgba(232,98,42,.55),transparent 70%),var(--nuit)}
.snc.p-page .final h2{font-size:clamp(40px,6vw,72px)}
.snc.p-page .final .btn{margin-top:28px;font-size:19px;padding:22px 36px}
.snc.p-page .final p.p{color:#B9C3DD;font:600 15px var(--txt);margin-top:16px}
.snc.p-page .colle{position:fixed;left:12px;right:12px;bottom:12px;z-index:50;display:none;align-items:center;gap:12px;background:rgba(11,20,48,.94);backdrop-filter:blur(10px);color:#fff;border:1px solid rgba(255,255,255,.15);border-radius:20px;padding:10px 10px 10px 18px;box-shadow:0 20px 40px -10px rgba(0,0,0,.6)}
.snc.p-page .colle div{flex:1;font:700 13px/1.3 var(--txt);color:#C9D2EA}
.snc.p-page .colle div b{display:block;color:#fff;font:800 15px var(--txt)}
.snc.p-page .colle .btn{padding:14px 18px;font-size:15px}
.snc.p-page .pied{background:#0A1028;color:#7F8BAE;text-align:center;padding:30px 20px;font:600 13px var(--txt)}
@media (max-width:900px){
.snc.p-page .snhero .in{grid-template-columns:1fr;padding-top:40px;min-height:0}
.snc.p-page .cadre{order:-1}
.snc.p-page .cadre .aff{width:min(250px,62vw)}
.snc.p-page .cadre .mitre{width:76px;top:-30px;right:-14px}
.snc.p-page .cadre .tampon{left:-18px;bottom:20px;font-size:17px}
.snc.p-page .bandeau{grid-template-columns:1fr}
.snc.p-page .rebours div{min-width:0;flex:1}
.snc.p-page .prog,.snc.p-page .billets,.snc.p-page .sgrid,.snc.p-page .film{grid-template-columns:1fr}
.snc.p-page .prog::before{display:none}
.snc.p-page .film .aff2{max-width:280px;margin:0 auto}
.snc.p-page .film .fiche{grid-template-columns:repeat(2,auto)}
.snc.p-page .colle{display:flex}
.snc.p-page .sec{padding:60px 18px}
}
@media (prefers-reduced-motion:reduce){
.snc.p-page,.snc.p-page *{animation:none!important;transition:none!important}
}

/* ═══ RESERVATION ═══ */
.snc.p-resa .tete{position:relative;overflow:hidden;color:#fff;background:var(--nuit)}
.snc.p-resa .tete::before{content:"";position:absolute;inset:0;background:url(affiche-baobabs.jpg) center 30%/cover;opacity:.45}
.snc.p-resa .tete::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,var(--nuit) 10%,rgba(11,20,48,.55) 60%,rgba(11,20,48,.3)),linear-gradient(0deg,var(--nuit),transparent 60%)}
.snc.p-resa .tete .in{position:relative;z-index:1;max-width:1100px;margin:0 auto;padding:34px 20px 30px;display:flex;gap:22px;align-items:center}
.snc.p-resa .tete img{width:86px;border-radius:10px;box-shadow:0 0 0 3px var(--or2),0 14px 30px rgba(0,0,0,.6)}
.snc.p-resa .tete h1{font:400 clamp(30px,4vw,44px)/1 var(--disp);margin:0;color:var(--or2)}
.snc.p-resa .tete p{margin:8px 0 0;font:700 15px var(--txt);color:#D5DCEF}
.snc.p-resa .tete a{color:#D5DCEF;font:700 13px var(--txt);text-decoration:none;opacity:.85}
.snc.p-resa .corps{max-width:1100px;margin:0 auto;padding:30px 20px 120px;display:grid;grid-template-columns:1fr 360px;gap:28px;align-items:start}
.snc.p-resa .bloc{background:#fff;border:1px solid var(--ligne);border-radius:24px;padding:26px;margin-bottom:20px;box-shadow:0 14px 34px -26px rgba(20,32,74,.4)}
.snc.p-resa .bloc h2{display:flex;align-items:center;gap:12px;font:400 26px/1.1 var(--disp);margin:0 0 6px}
.snc.p-resa .bloc h2 b{display:grid;place-items:center;width:38px;height:38px;border-radius:12px;background:var(--nuit);color:var(--or2);font:400 20px var(--disp);flex:none}
.snc.p-resa .bloc .sous{margin:0 0 18px 50px;color:var(--gris);font:500 14.5px/1.5 var(--txt)}
.snc.p-resa .sb{border-radius:20px;padding:18px 20px;margin-bottom:20px;display:grid;grid-template-columns:48px 1fr auto;gap:14px;align-items:center}
.snc.p-resa .sb .ic{display:grid;place-items:center;width:48px;height:48px;border-radius:14px;font-size:24px}
.snc.p-resa .sb h3{margin:0;font:800 16.5px var(--txt)}
.snc.p-resa .sb p{margin:3px 0 0;font:500 14px/1.45 var(--txt)}
.snc.p-resa .sb.visiteur{background:#EEF3FC;border:1px solid #D3DFF5}
.snc.p-resa .sb.visiteur .ic{background:#fff}
.snc.p-resa .sb.soutien{background:linear-gradient(120deg,#FFE9B8,#FFF6E3);border:1px solid #F3C96B;color:#3A2300;box-shadow:0 14px 34px -18px rgba(246,181,60,.8)}
.snc.p-resa .sb.soutien .ic{background:var(--or)}
.snc.p-resa .sb.deja{background:#FFF4F0;border:1px solid #F6CDBE;color:#6B2A12}
.snc.p-resa .sb.deja .ic{background:#fff}
.snc.p-resa .sb .btn{padding:12px 18px;font-size:14px}
.snc.p-resa .cpt{display:grid;grid-template-columns:1fr auto;gap:10px 18px;align-items:center;padding:16px 0;border-top:1px solid var(--ligne)}
.snc.p-resa .cpt:first-of-type{border-top:0}
.snc.p-resa .cpt h4{margin:0;font:800 17px var(--txt)}
.snc.p-resa .cpt p{margin:2px 0 0;color:var(--gris);font:500 14px var(--txt)}
.snc.p-resa .cpt .pr{font:400 22px var(--disp);color:var(--encre);margin-left:8px}
.snc.p-resa .pm{display:flex;align-items:center;gap:6px;background:var(--papier);border-radius:999px;padding:5px}
.snc.p-resa .pm button{width:42px;height:42px;border-radius:50%;border:0;background:#fff;font:800 22px var(--txt);color:var(--encre);cursor:pointer;box-shadow:0 2px 6px rgba(20,32,74,.12)}
.snc.p-resa .pm button:disabled{opacity:.35;cursor:default}
.snc.p-resa .pm output{min-width:34px;text-align:center;font:400 24px var(--disp)}
.snc.p-resa .dispo{margin-top:6px;font:700 13px var(--txt);color:var(--gris)}
.snc.p-resa .dispo b{color:var(--vert)}
.snc.p-resa .pers{border:1px solid var(--ligne);border-radius:18px;padding:16px;margin-top:12px;transition:background .4s,border-color .4s}
.snc.p-resa .pers .hd{display:flex;align-items:center;gap:10px;margin-bottom:12px}
.snc.p-resa .sntag{display:inline-flex;align-items:center;gap:6px;border-radius:999px;padding:5px 12px;font:800 12px var(--txt);letter-spacing:.06em;text-transform:uppercase}
.snc.p-resa .sntag.a{background:#E7EEFB;color:#1D3E87}
.snc.p-resa .sntag.e{background:#FFEFD6;color:#9A4A00}
.snc.p-resa .sntag.o{background:var(--or);color:#3A2300}
.snc.p-resa .pers .hd span.p{margin-left:auto;font:400 20px var(--disp)}
.snc.p-resa .pers .hd span.p s{color:var(--gris);font-size:15px;margin-right:6px}
.snc.p-resa .chs{display:grid;grid-template-columns:1fr 1fr 170px;gap:10px}
.snc.p-resa label.f{display:grid;gap:5px;font:700 12.5px var(--txt);color:var(--gris)}
.snc.p-resa input[type=text],.snc.p-resa input[type=email],.snc.p-resa input[type=tel],.snc.p-resa input[type=date]{width:100%;border:1.5px solid var(--ligne);border-radius:12px;padding:12px 13px;font:600 15px var(--txt);color:var(--encre);background:#fff}
.snc.p-resa input:focus{outline:none;border-color:var(--bleu);box-shadow:0 0 0 4px rgba(11,111,232,.12)}
.snc.p-resa .pers.flash{background:#FFF7E6;border-color:var(--or)}
.snc.p-resa .note{margin-top:10px;display:none;gap:10px;align-items:flex-start;background:#FFF7E6;border:1px solid #F7D9A0;border-radius:12px;padding:10px 12px;font:600 13.5px/1.45 var(--txt);color:#6B4300}
.snc.p-resa .note.on{display:flex}
.snc.p-resa .enf{margin-top:12px;padding:14px;border-radius:14px;background:linear-gradient(135deg,#FFF6E3,#FFEEF0);border:1px dashed #F3C4A0;display:grid;gap:10px}
.snc.p-resa .enf .t{display:flex;align-items:center;gap:8px;font:800 13.5px var(--txt);color:#7A3B00}
.snc.p-resa .enf .t small{margin-left:auto;font:700 12px var(--txt);color:#9A6A3A}
.snc.p-resa .seg{display:flex;gap:8px}
.snc.p-resa .seg button{flex:1;border:1.5px solid #EBCFA8;background:#fff;border-radius:12px;padding:11px;font:800 14.5px var(--txt);color:var(--encre);cursor:pointer}
.snc.p-resa .seg button.on{background:var(--nuit);border-color:var(--nuit);color:#fff}
.snc.p-resa .chips{display:flex;flex-wrap:wrap;gap:6px}
.snc.p-resa .chips button{border:1px solid #EBCFA8;background:#fff;border-radius:999px;padding:6px 11px;font:700 12.5px var(--txt);color:#5A3D05;cursor:pointer}
.snc.p-resa .chips button.on{background:var(--or);border-color:var(--or);color:#3A2300}
.snc.p-resa .cont{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.snc.p-resa .coche{display:grid;grid-template-columns:24px 1fr;gap:12px;align-items:start;margin-top:16px;padding:16px;border-radius:16px;background:var(--papier);font:600 14.5px/1.5 var(--txt);color:#33405E;cursor:pointer}
.snc.p-resa .coche input{width:22px;height:22px;margin:1px 0 0;accent-color:var(--mitre)}
.snc.p-resa .coche a{color:var(--bleu);font-weight:800}
.snc.p-resa .id{display:flex;gap:10px;align-items:flex-start;margin-top:12px;font:600 13.5px/1.5 var(--txt);color:var(--gris)}
.snc.p-resa .recap{position:sticky;top:18px;background:var(--nuit);color:#fff;border-radius:26px;padding:24px;box-shadow:0 30px 60px -28px rgba(11,20,48,.9);overflow:hidden}
.snc.p-resa .recap::before{content:"";position:absolute;right:-60px;top:-60px;width:200px;height:200px;border-radius:50%;background:radial-gradient(circle,rgba(246,181,60,.45),transparent 70%)}
.snc.p-resa .recap h3{position:relative;margin:0 0 4px;font:400 24px var(--disp);color:var(--or2)}
.snc.p-resa .recap .q{position:relative;margin:0 0 16px;font:600 13.5px var(--txt);color:#AEB9D6}
.snc.p-resa .lig{display:flex;justify-content:space-between;gap:10px;padding:9px 0;border-bottom:1px dashed rgba(255,255,255,.14);font:600 14.5px var(--txt);color:#D5DCEF}
.snc.p-resa .lig b{color:#fff;white-space:nowrap}
.snc.p-resa .lig.of b{color:var(--or2)}
.snc.p-resa .tot{display:flex;justify-content:space-between;align-items:baseline;margin:16px 0 18px}
.snc.p-resa .tot span{font:700 14px var(--txt);color:#AEB9D6}
.snc.p-resa .tot b{font:400 44px var(--disp);color:#fff}
.snc.p-resa .recap .btn{width:100%;font-size:17px;padding:19px}
.snc.p-resa .recap .btn[aria-disabled=true]{opacity:.5;cursor:not-allowed;transform:none}
.snc.p-resa .recap small.s{display:block;text-align:center;margin-top:12px;font:600 12.5px/1.5 var(--txt);color:#8E9AC0}
.snc.p-resa .paie{display:flex;justify-content:center;gap:8px;margin-top:10px}
.snc.p-resa .paie span{background:#fff;color:#14204A;border-radius:6px;padding:4px 8px;font:800 11px var(--txt)}
.snc.p-resa .manque{margin-top:10px;font:700 12.5px var(--txt);color:#FFB4A8;text-align:center}
.snc.p-resa dialog{border:0;border-radius:24px;max-width:760px;width:calc(100% - 32px);padding:0;box-shadow:0 40px 90px rgba(0,0,0,.5)}
.snc.p-resa dialog::backdrop{background:rgba(11,20,48,.7);backdrop-filter:blur(3px)}
.snc.p-resa dialog .h{position:sticky;top:0;background:var(--nuit);color:var(--or2);padding:20px 26px;font:400 26px var(--disp);display:flex;justify-content:space-between}
.snc.p-resa dialog .h button{background:none;border:0;color:#fff;font-size:26px;cursor:pointer}
.snc.p-resa dialog .b{padding:8px 26px 26px;font:500 14.5px/1.6 var(--txt);color:#33405E;max-height:70vh;overflow:auto}
.snc.p-resa dialog h4{font:800 15.5px var(--txt);color:var(--encre);margin:20px 0 4px}
.snc.p-resa dialog p{margin:0 0 6px}
.snc.p-resa .choix{background:#FFF3C4;border-radius:6px;padding:0 4px;font-weight:700}
.snc.p-resa .sntoast{position:fixed;left:50%;top:18px;transform:translate(-50%,-140%);background:var(--nuit);color:#fff;border-radius:16px;padding:14px 18px;font:700 14.5px/1.4 var(--txt);box-shadow:0 20px 40px rgba(0,0,0,.35);transition:transform .35s,visibility .35s;visibility:hidden;z-index:100;max-width:min(560px,92vw);border:1px solid var(--or)}
.snc.p-resa .sntoast.on{transform:translate(-50%,0);visibility:visible}
@media (max-width:900px){
.snc.p-resa .corps{grid-template-columns:1fr}
.snc.p-resa .recap{position:static}
.snc.p-resa .chs{grid-template-columns:1fr 1fr}
.snc.p-resa .chs label:last-child{grid-column:1/-1}
.snc.p-resa .cont{grid-template-columns:1fr}
.snc.p-resa .sb{grid-template-columns:40px 1fr}
.snc.p-resa .sb .btn{grid-column:1/-1}
.snc.p-resa .bloc .sous{margin-left:0}
}

/* ═══ MERCI ═══ */
.snc.p-merci .ecran{display:none;position:relative;overflow:hidden;min-height:calc(100vh - 140px);color:#fff}
.snc.p-merci .ecran.on{display:block}
.snc.p-merci .ecran::before{content:"";position:absolute;inset:0;background:url(affiche-baobabs.jpg) center 28%/cover;opacity:.32}
.snc.p-merci .ecran::after{content:"";position:absolute;inset:0;background:radial-gradient(70% 60% at 50% 0%,rgba(246,181,60,.35),transparent 70%),linear-gradient(0deg,var(--nuit) 20%,rgba(11,20,48,.6))}
.snc.p-merci .ecran.gris::before{filter:grayscale(1);opacity:.18}
.snc.p-merci .ecran.gris::after{background:linear-gradient(0deg,var(--nuit) 20%,rgba(11,20,48,.75))}
.snc.p-merci canvas#conf{position:absolute;inset:0;width:100%;height:100%;z-index:1;pointer-events:none}
.snc.p-merci .box{position:relative;z-index:2;max-width:760px;margin:0 auto;padding:60px 20px 80px;text-align:center}
.snc.p-merci .medaille{display:grid;place-items:center;width:96px;height:96px;margin:0 auto;border-radius:50%;background:linear-gradient(180deg,var(--or2),var(--or));font-size:48px;box-shadow:0 0 0 10px rgba(246,181,60,.18),0 0 60px rgba(246,181,60,.6);animation:pop .7s cubic-bezier(.2,1.6,.4,1) both}
@keyframes pop{from{transform:scale(.2);opacity:0}}
.snc.p-merci .medaille.r{background:linear-gradient(180deg,#FF9A8A,#E3263F);box-shadow:0 0 0 10px rgba(227,38,63,.18)}
.snc.p-merci .medaille.b{background:linear-gradient(180deg,#9DC2FF,#0B6FE8);box-shadow:0 0 0 10px rgba(11,111,232,.2)}
.snc.p-merci h1{font:400 clamp(44px,7vw,78px)/.95 var(--disp);margin:26px 0 0;color:var(--or2);text-wrap:balance}
.snc.p-merci .lead{font:600 18px/1.6 var(--txt);color:#D5DCEF;margin:16px auto 0;max-width:560px}
.snc.p-merci .lead b{color:#fff}
.snc.p-merci .spam{display:flex;gap:14px;align-items:flex-start;text-align:left;background:#FFF6E3;color:#3A2300;border-radius:20px;padding:18px 20px;margin:28px auto 0;max-width:560px;box-shadow:0 20px 40px -20px rgba(246,181,60,.7)}
.snc.p-merci .spam .ic{font-size:30px}
.snc.p-merci .spam div>b{display:block;font:800 16px var(--txt)}
.snc.p-merci .spam p{margin:4px 0 0;font:600 14.5px/1.5 var(--txt);color:#5A3D05}
.snc.p-merci .spam a{color:#9A4A00;font-weight:800}
.snc.p-merci .talons{display:grid;gap:10px;margin:30px auto 0;max-width:560px;text-align:left}
.snc.p-merci .talon{display:grid;grid-template-columns:auto 1fr auto;gap:14px;align-items:center;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.14);border-radius:16px;padding:12px 16px}
.snc.p-merci .talon .sntag{border-radius:999px;padding:5px 11px;font:800 11.5px var(--txt);letter-spacing:.06em;text-transform:uppercase;background:#E7EEFB;color:#1D3E87}
.snc.p-merci .talon .sntag.e{background:#FFEFD6;color:#9A4A00}
.snc.p-merci .talon .sntag.o{background:var(--or);color:#3A2300}
.snc.p-merci .talon b{font:800 15.5px var(--txt)}
.snc.p-merci .talon code{font:700 13px ui-monospace,Menlo,monospace;color:var(--or2)}
.snc.p-merci .acts{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;margin-top:30px}
.snc.p-merci .pt{margin-top:22px;font:600 13.5px var(--txt);color:#8E9AC0}
.snc.p-merci .pub{margin:40px auto 0;max-width:560px;text-align:left;display:grid;grid-template-columns:auto 1fr;gap:16px;align-items:center;background:linear-gradient(120deg,#1D2C5E,#14204A);border:1px solid rgba(255,210,122,.3);border-radius:20px;padding:18px 20px}
.snc.p-merci .pub .ic{font-size:34px}
.snc.p-merci .pub b{font:800 16px var(--txt)}
.snc.p-merci .pub p{margin:3px 0 0;font:600 14px/1.5 var(--txt);color:#B9C3DD}
.snc.p-merci .pub a{color:var(--or2);font-weight:800}
.snc.p-merci .chrono{display:inline-flex;gap:10px;align-items:center;margin-top:24px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.15);border-radius:999px;padding:10px 18px;font:700 15px var(--txt)}
.snc.p-merci .chrono b{font:400 24px var(--disp);color:var(--or2);font-variant-numeric:tabular-nums}
.snc.p-merci .rembourse{margin:26px auto 0;max-width:560px;background:#fff;color:var(--encre);border-radius:22px;padding:22px;text-align:left}
.snc.p-merci .rembourse .l{display:flex;justify-content:space-between;padding:8px 0;border-bottom:1px dashed var(--ligne);font:600 15px var(--txt)}
.snc.p-merci .rembourse .l.t{border:0;font:800 17px var(--txt)}
.snc.p-merci .rembourse .l.t b{font:400 28px var(--disp);color:var(--vert)}
.snc.p-merci .rembourse p{margin:12px 0 0;font:600 13.5px/1.5 var(--txt);color:var(--gris)}
.snc.p-merci dialog#conf2{border:0;border-radius:26px;max-width:520px;width:calc(100% - 32px);padding:0;box-shadow:0 40px 90px rgba(0,0,0,.6)}
.snc.p-merci dialog#conf2::backdrop{background:rgba(11,20,48,.75);backdrop-filter:blur(3px)}
.snc.p-merci .dz{padding:28px;text-align:center;font-family:var(--txt)}
.snc.p-merci .dz h3{font:400 34px var(--disp);color:var(--encre);margin:16px 0 8px}
.snc.p-merci .dz p{font:600 15.5px/1.6 var(--txt);color:#33405E;margin:0}

/* ═══ CORRECTIFS EN LIGNE (31/10/2026) ═══ */
.snc.p-page .snhero .in>div{min-width:0}
@media (max-width:520px){
.snc.p-page h1.titre{font-size:clamp(36px,11vw,52px)}
.snc.p-page h1.titre span{white-space:normal!important}
.snc.p-page .quand span{font-size:13.5px;padding:8px 11px}
.snc.p-page .rebours b{font-size:30px}
}
/* la barre « Réserver » passe au-dessus de la barre de navigation mobile du site */
@media (max-width:680px){.snc.p-page .colle{bottom:calc(96px + env(safe-area-inset-bottom))}}
/* le « s » final de « Saint-Nicolas » débordait du cadre du titre et n'était plus peint par le dégradé */
.snc.p-page h1.titre{padding-right:.18em;margin-right:-.18em}
/* le partenaire « Le monde magique des enfants » (09/11/2026) : pastille dans l'en-tête, section après le programme */
.snc.p-page .parten{display:inline-flex;align-items:center;gap:12px;margin:22px 0 0;background:#fff;border-radius:16px;padding:6px 16px 6px 6px;text-decoration:none;color:var(--encre);box-shadow:0 12px 30px -14px rgba(0,0,0,.6);transition:transform .15s}
.snc.p-page .parten:hover{transform:translateY(-2px)}
.snc.p-page .parten:focus-visible{outline:3px solid var(--or2);outline-offset:3px}
.snc.p-page .parten img{display:block;width:auto;height:58px;border-radius:10px}
.snc.p-page .parten span{display:flex;flex-direction:column;gap:2px;line-height:1.15}
.snc.p-page .parten small{font:800 11px var(--txt);letter-spacing:.08em;text-transform:uppercase;color:var(--gris)}
.snc.p-page .parten b{font:800 15.5px var(--txt)}
.snc.p-page .parten i{font-style:normal;font-weight:800;color:var(--bleu);margin-left:2px}
.snc.p-page .partenaire{background:var(--neige)}
.snc.p-page .partenaire .in{display:grid;grid-template-columns:minmax(220px,340px) 1fr;gap:56px;align-items:center}
.snc.p-page .partenaire .logo{display:block;background:#fff;border:1.5px solid var(--ligne);border-radius:28px;padding:22px;box-shadow:0 24px 50px -30px rgba(20,32,74,.45);transition:transform .2s}
.snc.p-page .partenaire .logo:hover{transform:rotate(-1.5deg) scale(1.02)}
.snc.p-page .partenaire .logo:focus-visible{outline:3px solid var(--bleu);outline-offset:4px}
.snc.p-page .partenaire .logo img{display:block;width:100%;height:auto}
.snc.p-page .partenaire .btn{margin-top:26px}
@media (max-width:760px){
.snc.p-page .partenaire .in{grid-template-columns:1fr;gap:28px}
.snc.p-page .partenaire .logo{max-width:260px}
}
/* les centimes du prix (12,50 € : 09/11/2026), plus petits, comme sur une affiche de cinéma */
.snc.p-page .tk .prix small{font-size:.5em;margin-left:1px}
/* la liste d'attente, quand c'est complet (09/11/2026) */
.snc.p-resa .att{max-width:560px;margin:0 auto;text-align:left;width:100%}
.snc.p-resa .att .cl{display:inline-flex;align-items:center;gap:8px;background:#FDECEA;color:#B3261E;border-radius:999px;padding:6px 14px;font:800 13px var(--txt);letter-spacing:.04em;text-transform:uppercase}
.snc.p-resa .att h2{margin:12px 0 0;justify-content:flex-start}
.snc.p-resa .att .sous{margin:8px 0 18px;padding-left:0}
.snc.p-resa .att .cont{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.snc.p-resa .att .cont .w{grid-column:1/-1}
.snc.p-resa .att .cpt{margin-top:14px}
.snc.p-resa .att .promesse{display:flex;gap:10px;align-items:flex-start;background:#EEF3FC;color:#1D3E87;border-radius:14px;padding:12px 14px;font:600 14px/1.5 var(--txt);margin:16px 0 0}
.snc.p-resa .att .aerr{margin:14px 0 0;color:#B3261E;font:700 14px/1.45 var(--txt)}
.snc.p-resa .att .btn{width:100%;margin-top:18px}
.snc.p-resa .att .ok{text-align:center}
.snc.p-resa .att .ok .big{font-size:54px;line-height:1}
.snc.p-resa .att .ok h2{justify-content:center}
.snc.p-resa .att .ok .sous{margin:8px auto 18px;max-width:440px}
.snc.p-resa .att .ok .btn{width:auto;background:#fff;color:var(--encre);border-color:var(--ligne)}
@media (max-width:600px){.snc.p-resa .att .cont{grid-template-columns:1fr}}