/* Firewear uses the supplied logo's navy and signal yellow. Commerce stays light. */
.visaro-fire { --vis-fire-ember: var(--vis-firewear-yellow); }
/* The shop inverts global ink tokens; the consent panel needs its own dark palette. */
.visaro-fire .cmplz-cookiebanner { --vis-white:#fff; --vis-ink-200:#d9dde5; --vis-ink-300:#c0c7d2; --vis-ink-400:#7e8896; --vis-ink-700:#343c49; --vis-ink-900:#111725; --vis-ink-950:#080d17; }
body.visaro-fire .cmplz-cookiebanner.cmplz-cookiebanner .cmplz-btn.cmplz-accept { background:var(--vis-firewear-yellow) !important; border-color:var(--vis-firewear-yellow) !important; color:#050524 !important; }
body.visaro-fire .cmplz-cookiebanner.cmplz-cookiebanner .cmplz-btn.cmplz-accept:hover { background:#fffca2 !important; }
.firewear-logo { display:block; width:170px; height:auto; }
.firewear-logo--light { display:none; }
.fire-head--over .firewear-logo--light,.fire-foot .firewear-logo--light { display:block; }
.fire-head--over .firewear-logo--dark,.fire-foot .firewear-logo--dark { display:none; }
.fire-head--over { background:linear-gradient(180deg,rgba(4,7,15,.92),rgba(4,7,15,.6)); }
.visaro-fire .fire-btn--primary:hover { background:#fffca2; }
.visaro-fire .fire-btn { border-radius:3px; }
.firewear-story { position:relative; height:190svh; margin-top:calc(-1 * var(--vis-fire-head)); background:#050810; }
.firewear-stage { position:sticky; top:0; height:calc(100svh - 35px); min-height:650px; overflow:hidden; isolation:isolate; background:#050810; }
.firewear-scene { position:absolute; left:50%; top:var(--scene-top,calc(410px - min(90vw,150svh)*.183375)); width:var(--scene-width,min(90vw,150svh)); aspect-ratio:16/9; transform:translateX(-50%); transform-origin:58% 62%; }
.firewear-scene picture,.firewear-scene__image { display:block; width:100%; height:100%; }
.firewear-scene__image { object-fit:contain; }
.firewear-scene::after { content:""; position:absolute; inset:0; pointer-events:none; background:linear-gradient(90deg,#050810,transparent 9%,transparent 91%,#050810),linear-gradient(180deg,#050810,transparent 26%,transparent 84%,#050810); }
.firewear-shade { position:absolute; inset:0; pointer-events:none; background:linear-gradient(180deg,#050810 0%,rgba(5,8,16,.55) 22%,transparent 47%,transparent 79%,#050810 100%); }
.firewear-copy { position:relative; z-index:2; text-align:center; padding:calc(var(--vis-fire-head) + 38px) 24px 0; }
.firewear-eyebrow { display:flex; justify-content:center; align-items:center; gap:20px; margin:0 0 20px; color:var(--vis-firewear-yellow); font:500 11px/1.3 var(--vis-font-mono); letter-spacing:.13em; }
.firewear-eyebrow span { color:#bac0ca; letter-spacing:.04em; }
.firewear-copy h1 { margin:0; color:#f7f6f0; font-family:var(--vis-font-fire-display); font-weight:800; font-size:clamp(56px,6.25vw,104px); line-height:.94; letter-spacing:-.028em; text-wrap:nowrap; }
.firewear-copy h1 span { color:var(--vis-firewear-yellow); }
.firewear-actions { display:flex; justify-content:center; gap:12px; margin-top:24px; }
.firewear-actions .fire-btn--ghost { background:rgba(6,10,17,.64); color:#fff; border-color:#77808b; }
.firewear-actions .fire-btn--ghost:hover { background:#fff; color:#050810; }
.firewear-bay { position:absolute; left:46.55%; top:42.78%; width:28.16%; height:21.65%; overflow:hidden; }
.firewear-bay__products { position:absolute; inset:0; }
.firewear-product { position:absolute; object-fit:contain; object-position:bottom; filter:drop-shadow(3px 5px 5px #0009); }
.firewear-product--hoodie { left:1.8%; top:13%; width:20%; height:66%; }
.firewear-product--jacket { left:22%; top:12%; width:20%; height:68%; }
.firewear-product--polo { left:42%; top:14%; width:20%; height:63%; }
.firewear-product--tshirt { left:62%; top:16%; width:18%; height:61%; }
.firewear-product--backpack { left:82%; top:33%; width:17%; height:48%; }
.firewear-product--cap { left:5%; bottom:2%; width:14%; height:17%; }
.firewear-product--boxers { left:53%; bottom:2%; width:13%; height:17%; }
.firewear-bay__shutter { position:absolute; inset:0; transform:translateY(-102%); background:repeating-linear-gradient(180deg,#92959d 0px,#aeb1b8 2px,#989da4 6px,#555c65 7px,#9ca1a8 9px); box-shadow:inset 8px 0 12px #0b101955,inset -8px 0 12px #0b101955,0 5px 10px #000c; }
.firewear-bay__shutter::after { content:""; position:absolute; inset:0; background:linear-gradient(90deg,transparent,#fff2 45%,transparent); }
.firewear-bay__brand { position:absolute; width:43%; height:auto; left:28.5%; top:40%; opacity:.78; mix-blend-mode:multiply; }
.firewear-bay__handle { position:absolute; bottom:3%; left:41%; width:18%; height:2.8%; border:2px solid #262c34; background:#858a91; border-radius:3px; }
/* Local LED double pulses, offset between roof modules; the scene itself never flashes. */
.firewear-beacon { position:absolute; border-radius:2px; background:radial-gradient(ellipse,#dffcff 0 24%,#56bbff 42%,#1877e0 72%); background-size:7px 100%; box-shadow:0 0 5px 2px #56c4ff,0 0 18px 5px #087bff80; opacity:0; animation:firewear-led 2.4s linear infinite; }
.firewear-beacon--front { left:14.45%; top:34.57%; width:5.7%; height:1.65%; transform:skewY(-4deg); }
.firewear-beacon--rear { left:85.1%; top:37.1%; width:2.9%; height:1.55%; animation-delay:-1.2s; }
.firewear-beacon--grille { left:11.15%; top:59.6%; width:.42%; height:2.85%; animation-delay:-.16s; }
.firewear-reflection { position:absolute; left:8%; top:83%; width:20%; height:10%; border-radius:50%; background:radial-gradient(ellipse,#258cff44,transparent 70%); opacity:0; animation:firewear-floor 2.4s linear infinite; }
@keyframes firewear-led { 0%,4%,8%,12%,100% {opacity:0} 1%,3%,9%,11% {opacity:.8} }
@keyframes firewear-floor { 0%,14%,100% {opacity:0} 3%,10% {opacity:.34} }
.firewear-bottom { position:absolute; inset:auto 4% 28px; z-index:3; display:flex; align-items:center; justify-content:space-between; gap:20px; color:#c1c5cc; font-size:12px; }
.firewear-bottom p { margin:0; }
.firewear-bottom strong { color:#f6f4ee; font-weight:500; }
.firewear-scroll { display:flex; gap:20px; align-items:center; color:#fff; text-decoration:none; }
.firewear-scroll span { font-size:24px; color:var(--vis-firewear-yellow); }
.firewear-scroll:focus-visible { outline:2px solid var(--vis-firewear-yellow); outline-offset:5px; }
.firewear-loader { position:absolute; z-index:5; inset:0; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:22px; background:#050810; pointer-events:none; }
.firewear-loader[hidden] { display:none; }
.firewear-loader img { width:230px; height:auto; }
.firewear-loader span { color:#aab2c1; font-size:12px; }
.firewear-loader i { width:100px; height:2px; background:linear-gradient(90deg,var(--vis-firewear-yellow) 45%,#282d36 45%); }
.firewear-story.is-dormant .firewear-beacon,.firewear-story.is-dormant .firewear-reflection { animation:none; opacity:0; }
@media (max-height:800px) and (min-width:768px) { .firewear-stage { min-height:580px; } .firewear-copy { padding-top:calc(var(--vis-fire-head) + 25px); } .firewear-copy h1 { font-size:clamp(50px,5.4vw,76px); } .firewear-eyebrow { margin-bottom:14px; } .firewear-actions { margin-top:18px; } }
@media (max-width:1023px) { .firewear-story { margin-top:calc(-1 * var(--vis-fire-head-small)); } .firewear-copy { padding-top:calc(var(--vis-fire-head-small) + 75px); } .firewear-logo { width:148px; } }
@media (max-width:767px) {
 .firewear-story { height:170svh; }
 .firewear-stage { height:calc(100svh - 74px); min-height:660px; }
 .firewear-copy { padding:105px 16px 0; }
 .firewear-eyebrow { flex-direction:column; gap:8px; font-size:10px; margin-bottom:19px; }
 .firewear-copy h1 { font-size:clamp(37px,10.1vw,70px); line-height:1; }
 .firewear-actions { gap:8px; margin-top:21px; }
 .firewear-actions .fire-btn { min-height:46px; padding:0 13px; font-size:12px; gap:7px; }
 .firewear-actions .vis-icon { width:15px; }
 .firewear-scene { width:var(--scene-width,clamp(860px,126svh,1080px)); top:var(--scene-top,calc(340px - clamp(860px,126svh,1080px)*.183375)); left:50%; margin-left:calc(var(--scene-width,1080px)*-.1063); }
 .firewear-shade { background:linear-gradient(180deg,#050810 0%,rgba(5,8,16,.82) 34%,transparent 55%,transparent 79%,#050810 100%); }
 .firewear-bottom { bottom:20px; left:20px; right:20px; flex-wrap:wrap; gap:14px; font-size:10px; }
 .firewear-bottom p { flex-basis:100%; }
 .firewear-scroll { gap:9px; }
}
@media (max-width:767px) and (max-height:740px) { .firewear-copy { padding-top:95px; } }
@media (prefers-reduced-motion:reduce) {
 .firewear-story { height:auto; }
 .firewear-stage { position:relative; }
 .firewear-bay__shutter,.firewear-loader { display:none !important; }
 .firewear-beacon,.firewear-reflection { animation:none; opacity:0; }
}