/* Guirnaldas de fiestas: detrás del contenido de la portada, sin capturar clics. */
.store-hero.has-festive-lights{padding-top:calc(clamp(30px,6vw,72px) + 64px)}
.festive-lights{--festive-wire:rgba(45,40,34,.55);--festive-socket:#4b4f55;--festive-clip:#c9a24a;position:absolute;z-index:-1;top:0;left:0;right:0;overflow:visible;pointer-events:none;user-select:none}
html[data-surface="dark"] .festive-lights{--festive-wire:rgba(236,230,214,.42);--festive-socket:#9aa1a8}
.festive-lights svg{display:block;width:100%;height:100%;overflow:visible}
.festive-wire{fill:none;stroke:var(--festive-wire);stroke-width:1.8;stroke-linecap:round}
.festive-wire-twist{stroke-width:1;stroke-dasharray:2 5;opacity:.7;transform:translateY(1px)}
.festive-clip{fill:var(--festive-clip);stroke:rgba(0,0,0,.15);stroke-width:.6}
.festive-socket{fill:var(--festive-socket)}
.festive-glass{opacity:.32}
.festive-shine{fill:#fff;opacity:.55}
.festive-lit,.festive-glow{opacity:.15;animation:festive-chase 3.4s ease-in-out infinite;animation-delay:var(--festive-delay,0s)}
.festive-glow{animation-name:festive-glow}
.festive-swag{animation:festive-breathe 7s ease-in-out infinite alternate;animation-delay:var(--festive-sway-delay,0s)}
@keyframes festive-chase{0%,100%{opacity:.18}45%,55%{opacity:1}}
@keyframes festive-glow{0%,100%{opacity:0}45%,55%{opacity:.95}}
@keyframes festive-breathe{from{transform:scaleY(1)}to{transform:scaleY(1.035)}}
@media (max-width:900px){.store-hero.has-festive-lights{padding-top:96px}}
@media (max-width:520px){.store-hero.has-festive-lights{padding-top:78px}}
.festive-back{opacity:.62}
/* Ember pone en flujo y por delante a todo lo que está dentro de la portada: la guirnalda
   vuelve a quedar flotando arriba, detrás del contenido (que en Ember tiene z-index 2). */
html[data-catalog-theme="ember"] .store-hero>.festive-lights.festive-lights{position:absolute;z-index:2}
@media (prefers-reduced-motion:reduce){
  .festive-lit,.festive-glow,.festive-swag{animation:none}
  .festive-lit{opacity:.95}
  .festive-glow{opacity:.6}
}