@keyframes pixkom-marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}.pixkom-marquee-track{display:flex;width:max-content;animation:pixkom-marquee 30s linear infinite}.pixkom-marquee-track:hover{animation-play-state:paused}@keyframes pixkom-gradient-drift{0%{background-position:0% 50%}25%{background-position:100% 25%}50%{background-position:100% 50%}75%{background-position:0% 75%}to{background-position:0% 50%}}.pixkom-hero-gradient{background:linear-gradient(135deg,var(--bg-primary) 0%,#0d1b2a 25%,#1b2838 40%,#0a1628 60%,var(--bg-primary) 100%);background-size:300% 300%;animation:pixkom-gradient-drift 12s ease-in-out infinite}[data-theme=light] .pixkom-hero-gradient{background:linear-gradient(135deg,var(--bg-primary) 0%,#e8f0fe 25%,#dce8f8 40%,#e0eaf6 60%,var(--bg-primary) 100%);background-size:300% 300%}@keyframes pixkom-glow-pulse{0%,to{opacity:.08;transform:scale(1)}50%{opacity:.15;transform:scale(1.05)}}.pixkom-hero-glow{position:absolute;width:400px;height:400px;border-radius:50%;background:radial-gradient(circle,var(--accent) 0%,transparent 70%);opacity:.2;filter:blur(80px);animation:pixkom-glow-pulse 6s ease-in-out infinite;pointer-events:none}.pixkom-hero-glow--1{top:10%;right:15%}.pixkom-hero-glow--2{bottom:10%;left:10%;animation-delay:-3s;background:radial-gradient(circle,var(--accent-secondary) 0%,transparent 70%)}.pixkom-scene-card{overflow:hidden;border-radius:var(--radius-lg);position:relative;cursor:pointer}.pixkom-scene-card img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.pixkom-scene-card:hover img{transform:scale(1.08)}.pixkom-scene-card__overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top,rgba(0,0,0,.75) 0%,rgba(0,0,0,.1) 60%,transparent 100%);display:flex;flex-direction:column;justify-content:flex-end;padding:1.5rem;transition:background var(--transition-base)}.pixkom-scene-card:hover .pixkom-scene-card__overlay{background:linear-gradient(to top,rgba(0,0,0,.85) 0%,rgba(0,0,0,.2) 60%,transparent 100%)}.pixkom-scene-card__name{font-size:1.2rem;font-weight:700;color:#fff;margin-bottom:.25rem}.pixkom-scene-card__count{font-size:.8rem;color:#ffffffb3}.pixkom-scene-card__arrow{position:absolute;bottom:1.5rem;right:1.5rem;width:32px;height:32px;border-radius:50%;background:var(--accent);display:flex;align-items:center;justify-content:center;opacity:0;transform:translate(-8px);transition:all var(--transition-fast)}.pixkom-scene-card:hover .pixkom-scene-card__arrow{opacity:1;transform:translate(0)}.pixkom-scene-card__arrow svg{width:16px;height:16px;color:#000}.pixkom-brand-pill{display:inline-flex;align-items:center;padding:.6rem 1.4rem;background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-pill);color:var(--text-primary);font-weight:600;font-size:.9rem;text-decoration:none;transition:all var(--transition-fast);cursor:pointer}.pixkom-brand-pill:hover{border-color:var(--accent);color:var(--accent);box-shadow:0 0 20px var(--accent-glow);background:var(--bg-elevated);transform:translateY(-2px)}@keyframes pixkom-card-enter{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}body,.header-wrapper,.footer,.card,.menu-drawer,.cart-drawer,.predictive-search{transition:background-color var(--transition-base),color var(--transition-base),border-color var(--transition-base)}@keyframes pixkom-card-float{0%,to{transform:translateY(0) rotate(var(--card-rotate, 0deg))}50%{transform:translateY(-6px) rotate(var(--card-rotate, 0deg))}}.pixkom-float-card{animation:pixkom-card-float var(--float-duration, 4s) ease-in-out infinite;animation-delay:var(--float-delay, 0s)}.pixkom-counter{font-variant-numeric:tabular-nums}.pixkom-stagger-1{transition-delay:0ms}.pixkom-stagger-2{transition-delay:80ms}.pixkom-stagger-3{transition-delay:.16s}.pixkom-stagger-4{transition-delay:.24s}.pixkom-stagger-5{transition-delay:.32s}.pixkom-stagger-6{transition-delay:.4s}.pixkom-stagger-7{transition-delay:.48s}.pixkom-stagger-8{transition-delay:.56s}@media(prefers-reduced-motion:reduce){.pixkom-fade-in,.pixkom-float-card,.pixkom-hero-glow,.pixkom-hero-gradient,.pixkom-marquee-track,[class*=pixkom-stagger-]{opacity:1!important;transform:none!important;transition:none!important;animation:none!important}}
/*# sourceMappingURL=/cdn/shop/t/10/assets/pixkom-animations.css.map */