/* Scena hero: secțiune printr-o casă cu scară spre etaj; luminile se aprind pe rând și rămân aprinse (components/storefront-hero.php). Încărcat doar pe designul nou. */
.av-hero-scene{background:#141714;overflow:hidden}
.av-hero-scene .av-room{position:absolute;inset:0;width:100%;height:100%;display:block}
.av-room .sp-rail{fill:none;stroke:#8a7a62;stroke-width:3.4;stroke-linecap:round}
.av-room .sp-post{stroke:#8a7a62;stroke-width:2}

/* Banda LED pe contrema fiecărei trepte: se aprinde o dată, de jos în sus, și rămâne aprinsă */
.av-room .sp-led{stroke:#ffd84d;stroke-width:3;stroke-linecap:round;opacity:.15;filter:drop-shadow(0 0 3px #ffd84dcc);animation:av-led 1.2s ease-out forwards;animation-delay:calc(var(--i) * .28s)}
@keyframes av-led{to{opacity:1}}

/* Lumina de pe marginea propriei trepte */
.av-room .sp-spill{fill:#ffd84d;opacity:0;animation:av-spill 1.2s ease-out forwards;animation-delay:calc(var(--i) * .28s)}
@keyframes av-spill{to{opacity:.7}}

/* Downlight-urile: conul de lumină cade doar pe treapta lor și se aprinde odată cu ea */
.av-room .av-cone{fill:url(#av-cone);opacity:0;animation:av-on 1.2s ease-out forwards;animation-delay:calc(var(--i) * .28s)}
@keyframes av-on{to{opacity:1}}

/* Textul se aprinde litera cu litera și rămâne aprins */
.av-hero-scene .av-led-word{position:absolute;left:28px;top:110px;margin:0;font-family:ALCarmen,Arial,sans-serif;font-size:clamp(40px,4.4vw,56px);line-height:1.05;letter-spacing:-.03em;font-weight:600;white-space:nowrap}
.av-hero-scene .av-led-word span{display:inline-block;color:#2e3a36;animation:av-letter-on .6s ease-out forwards;animation-delay:calc(var(--i) * .12s)}
@keyframes av-letter-on{to{color:#ffe27a;text-shadow:0 0 12px #ffd84dbb}}

/* Butoane către produse */
.av-hero-scene .av-spot{position:absolute;z-index:2;display:inline-flex;align-items:center;gap:8px;min-height:40px;padding:0 15px;border-radius:999px;background:#ffcf32;color:#202322;font-size:13px;font-weight:600;line-height:1.2;text-decoration:none;box-shadow:0 8px 22px #0007;transition:background .2s,transform .2s}
.av-hero-scene .av-spot:hover,.av-hero-scene .av-spot:focus-visible{background:#fff;transform:translateY(-2px)}
.av-hero-scene .av-spot svg{width:17px;height:17px;flex-shrink:0}
.av-hero-scene .av-spot--a{left:40%;top:4%}
.av-hero-scene .av-spot--b{left:4%;top:86%}

@media (max-width:760px){
    .av-hero-scene{min-height:360px}
    .av-hero-scene .av-room{width:136%;height:auto;top:auto;bottom:0;left:-18%}
    .av-hero-scene .av-led-word{top:70px;font-size:30px;left:20px}
    .av-hero-scene .av-spot{min-height:34px;padding:0 11px;font-size:11px;gap:6px}
    .av-hero-scene .av-spot svg{width:14px;height:14px}
    .av-hero-scene .av-spot--a{left:auto;right:12px;top:8px}
    .av-hero-scene .av-spot--b{left:12px;top:auto;bottom:12px}
}
@media (prefers-reduced-motion:reduce){
    .av-room .sp-led,.av-room .av-cone,.av-hero-scene .av-led-word span{animation:none}
    .av-room .sp-led{opacity:1}
    .av-room .sp-spill{animation:none;opacity:.7}
    .av-room .av-cone{opacity:1}
    .av-hero-scene .av-led-word span{color:#ffe27a;text-shadow:0 0 12px #ffd84dbb}
}