/* ===== Thème Halloween BassinVR · APERÇU (non publié) ===== */
:root{--hw-orange:#ff8a1f;--hw-orange-2:#ffb347;--hw-violet:#a855f7;--hw-nuit:#0c0710;--hw-encre:#f5ecff}
body{background:var(--hw-nuit)!important}
body::before{content:"";position:fixed;inset:0;pointer-events:none;z-index:0;
 background:
  radial-gradient(1200px 520px at 15% -10%,rgba(168,85,247,.22),transparent 60%),
  radial-gradient(900px 480px at 100% 0%,rgba(255,138,31,.16),transparent 62%),
  radial-gradient(1400px 600px at 50% 115%,rgba(120,60,180,.20),transparent 60%)}
body>*{position:relative;z-index:1}
.hw-mist{position:fixed;left:-20%;right:-20%;bottom:-40px;height:220px;pointer-events:none;z-index:0;opacity:.55;
 background:radial-gradient(60% 70% at 30% 100%,rgba(200,180,255,.10),transparent 70%),radial-gradient(50% 60% at 75% 100%,rgba(255,170,90,.08),transparent 70%);
 filter:blur(8px);animation:hwMist 26s ease-in-out infinite alternate}
@keyframes hwMist{from{transform:translateX(-4%)}to{transform:translateX(4%)}}
.hw-web{position:absolute;top:0;width:150px;height:150px;pointer-events:none;opacity:.28;z-index:2}
.hw-web.l{left:0}.hw-web.r{right:0;transform:scaleX(-1)}
@media (max-width:700px){.hw-web{width:96px;height:96px;opacity:.22}}
.hw-bar{position:relative;z-index:5;display:flex;gap:10px;align-items:center;justify-content:center;flex-wrap:wrap;
 padding:10px 16px;background:linear-gradient(90deg,#2a0f3d,#4a1a12 50%,#2a0f3d);color:var(--hw-encre);
 font:600 14px/1.35 Inter,system-ui,sans-serif;text-align:center;border-bottom:1px solid rgba(255,138,31,.35)}
.hw-bar b{color:var(--hw-orange-2);font-weight:800}
.hw-bar a{color:#1a0a00;background:var(--hw-orange);border-radius:999px;padding:6px 14px;font-weight:800;text-decoration:none;white-space:nowrap}
.hw-bar a:focus-visible{outline:3px solid #fff;outline-offset:2px}
.hw-pumpkin{width:22px;height:22px;flex:none}
.hw-test{position:fixed;right:12px;bottom:12px;z-index:9999;background:#ffe66d;color:#111;font:800 12px/1 Inter,sans-serif;
 padding:8px 10px;border-radius:8px;box-shadow:0 6px 20px rgba(0,0,0,.4)}
h1,h2,.ttl{text-shadow:0 0 22px rgba(255,138,31,.25)}
.btn,.btn-glow{box-shadow:0 0 0 1px rgba(255,138,31,.35),0 10px 30px rgba(255,138,31,.22)!important}
/* page Halloween */
.hw-hero{padding:56px 0 28px;text-align:center}
.hw-kicker{display:inline-block;font:700 13px/1 "Space Grotesk",Inter,sans-serif;letter-spacing:.14em;text-transform:uppercase;color:var(--hw-orange-2);
 border:1px solid rgba(255,138,31,.45);border-radius:999px;padding:8px 14px;margin-bottom:16px}
.hw-hero h1{font-family:"Bebas Neue",Impact,sans-serif;font-size:clamp(46px,9vw,104px);line-height:.92;margin:0 0 14px;color:var(--hw-encre);letter-spacing:.01em}
.hw-hero h1 span{color:var(--hw-orange)}
.hw-hero p{max-width:640px;margin:0 auto;color:#d8c9ea;font-size:18px;line-height:1.55}
.hw-prices{display:grid;grid-template-columns:1fr 1fr;gap:16px;max-width:760px;margin:28px auto 8px}
.hw-price{background:linear-gradient(180deg,rgba(40,18,52,.9),rgba(20,10,28,.9));border:1px solid rgba(255,138,31,.35);border-radius:18px;padding:22px 18px;text-align:center}
.hw-price strong{display:block;font-family:"Bebas Neue",Impact,sans-serif;font-size:64px;line-height:1;color:var(--hw-orange)}
.hw-price span{color:#e9dcf7;font-weight:600}
.hw-price small{display:block;color:#b9a6cf;margin-top:6px}
.hw-soon{max-width:760px;margin:16px auto 0;background:rgba(255,230,109,.08);border:1px solid rgba(255,230,109,.45);color:#fff3b0;border-radius:14px;padding:14px 16px;font-weight:600;text-align:center}
.hw-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:16px;margin:30px 0}
.hw-card{background:#160d1c;border:1px solid rgba(168,85,247,.28);border-radius:16px;overflow:hidden;display:flex;flex-direction:column}
.hw-card img{width:100%;aspect-ratio:16/9;object-fit:cover;display:block;background:#1f1228}
.hw-card .b{padding:14px 16px 16px;display:flex;flex-direction:column;gap:6px;flex:1}
.hw-card h3{margin:0;font-family:"Bebas Neue",Impact,sans-serif;font-size:28px;letter-spacing:.01em;color:var(--hw-encre)}
.hw-card p{margin:0;color:#cdbbe0;font-size:15px;line-height:1.45}
.hw-tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:auto;padding-top:8px}
.hw-tags span{font:700 12px/1 Inter,sans-serif;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12);border-radius:999px;padding:6px 9px;color:#eadff6}
.hw-tags .p{background:var(--hw-orange);color:#1a0a00;border-color:transparent}
.hw-h2{font-family:"Bebas Neue",Impact,sans-serif;font-size:clamp(34px,5vw,52px);margin:34px 0 4px;color:var(--hw-encre)}
.hw-note{color:#bfaed3;font-size:15px}
.hw-cta{text-align:center;margin:30px 0 60px}
@media (max-width:560px){.hw-prices{grid-template-columns:1fr}.hw-price strong{font-size:56px}.hw-hero{padding-top:36px}}
@media (prefers-reduced-motion:reduce){.hw-mist{animation:none}*{scroll-behavior:auto!important}}

/* v2 : bandeau court sur mobile, entete sous le bandeau, section accueil, ambiance */
.hw-bar{min-height:52px;box-sizing:border-box}
.hw-bar .hw-short{display:none}
@media (max-width:700px){
 .hw-bar{flex-wrap:nowrap;height:52px;padding:6px 12px;gap:8px;font-size:13px;line-height:1.2}
 .hw-bar .hw-long{display:none}.hw-bar .hw-short{display:inline}
 .hw-bar a{padding:6px 11px;font-size:13px}
 .hw-test{font-size:10px;padding:6px 8px}
}
.hw-pill{display:inline-flex;align-items:center;gap:8px;margin:0 0 14px;padding:7px 14px;border-radius:999px;background:rgba(255,138,31,.14);border:1px solid rgba(255,138,31,.5);color:#ffd2a6;font:700 13px/1 Inter,sans-serif;text-decoration:none}
.hw-pill:hover{background:rgba(255,138,31,.24)}
.hw-home{position:relative;padding:64px 0 56px;background:radial-gradient(1200px 500px at 50% 0,rgba(255,122,0,.18),transparent 60%),linear-gradient(180deg,#0b0610,#160a1f 55%,#0b0610);overflow:hidden}
.hw-home .wrap{max-width:1180px;margin:0 auto;padding:0 20px;position:relative;z-index:1}
.hw-home h2{font-family:"Bebas Neue",Impact,sans-serif;font-size:clamp(44px,7vw,88px);line-height:.92;margin:0 0 12px;color:#fff;text-align:center;text-shadow:0 0 28px rgba(255,122,0,.45)}
.hw-home h2 span{color:var(--hw-orange)}
.hw-home .sub{max-width:640px;margin:0 auto 26px;text-align:center;color:#d8c9ea;font-size:18px;line-height:1.5}
.hw-strip{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(200px,1fr);gap:14px;overflow-x:auto;scroll-snap-type:x mandatory;padding:6px 2px 14px}
.hw-strip a{scroll-snap-align:start;position:relative;border-radius:16px;overflow:hidden;border:1px solid rgba(255,138,31,.3);aspect-ratio:3/4;display:block;background:#1a0f22;text-decoration:none}
.hw-strip img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .5s ease;filter:saturate(1.1) contrast(1.05)}
.hw-strip a:hover img{transform:scale(1.05)}
.hw-strip .cap{position:absolute;inset:auto 0 0 0;padding:44px 14px 12px;background:linear-gradient(transparent,rgba(8,4,12,.92));color:#fff}
.hw-strip .cap b{display:block;font-family:"Bebas Neue",Impact,sans-serif;font-size:26px;line-height:1}
.hw-strip .cap em{font-style:normal;font-weight:800;color:#1a0a00;background:var(--hw-orange);border-radius:999px;padding:3px 9px;font-size:12px;display:inline-block;margin-top:6px}
.hw-cta{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;margin-top:18px}
.hw-cta a{display:inline-flex;align-items:center;gap:8px;padding:14px 22px;border-radius:999px;font-weight:800;text-decoration:none}
.hw-cta .go{background:linear-gradient(90deg,#ff7a00,#a855f7);color:#fff;box-shadow:0 8px 30px rgba(255,122,0,.35)}
.hw-cta .alt{border:1px solid rgba(255,255,255,.25);color:#fff}
.hw-bats{position:absolute;inset:0;pointer-events:none;z-index:0}
.hw-bats svg{position:absolute;width:34px;opacity:.6;fill:#0a050e;filter:drop-shadow(0 0 6px rgba(255,122,0,.45));animation:hwfly 14s linear infinite;left:-10%}
.hw-bats svg:nth-child(1){top:10%}
.hw-bats svg:nth-child(2){top:26%;width:24px;animation-delay:4s;animation-duration:18s}
.hw-bats svg:nth-child(3){top:6%;width:20px;animation-delay:9s;animation-duration:16s}
@keyframes hwfly{0%{transform:translate(0,0)}25%{transform:translate(30vw,-20px)}50%{transform:translate(60vw,15px)}75%{transform:translate(90vw,-10px)}100%{transform:translate(125vw,0)}}
.hw-glow{animation:hwglow 3.2s ease-in-out infinite}
@keyframes hwglow{0%,100%{filter:drop-shadow(0 0 2px rgba(255,138,31,.5))}50%{filter:drop-shadow(0 0 10px rgba(255,138,31,.95))}}
@media (prefers-reduced-motion:reduce){.hw-bats,.hw-glow{animation:none!important}.hw-bats{display:none}.hw-strip img{transition:none!important}}

/* hw-hero-pad : la page Halloween degage l en-tete absolu (mobile) */
.hw-hero{padding-top:96px}