.sf{color:#fff;background:linear-gradient(135deg,#4f46e5 0%,#7c3aed 100%);border-top:none;margin-top:60px}.sf-inner{grid-template-columns:1.6fr 1fr 1fr 1fr;gap:32px;max-width:1100px;margin:0 auto;padding:40px 24px 28px;display:grid}@media (max-width:768px){.sf-inner{grid-template-columns:1fr 1fr;gap:24px;padding:32px 20px 24px}.sf-brand{grid-column:1/-1}}@media (max-width:480px){.sf-inner{grid-template-columns:1fr;gap:24px}}.sf-brand{flex-direction:column;gap:10px;display:flex}.sf-logo{align-items:center;gap:10px;display:flex}.sf-tagline{color:#ffffffb3;margin:0;font-size:13px;line-height:1.5}.sf-socials{gap:8px;margin-top:2px;display:flex}.sf-social{color:#ffffffb3;background:#ffffff14;border:1px solid #ffffff26;border-radius:9px;justify-content:center;align-items:center;width:34px;height:34px;text-decoration:none;transition:all .2s;display:flex}.sf-social:hover{color:#fff;background:#ffffff2e;border-color:#fff6;transform:translateY(-2px)}.sf-nav-title{text-transform:uppercase;letter-spacing:.08em;color:#fff;margin:0 0 10px;font-size:10px;font-weight:800}.sf-nav-list{flex-direction:column;gap:5px;margin:0;padding:0;list-style:none;display:flex}.sf-nav-link{color:#ffffffb3;font-size:13px;font-weight:500;text-decoration:none;transition:color .2s}.sf-nav-link:hover{color:#fff}.sf-contact-item{color:#ffffffb3;align-items:center;gap:8px;font-size:13px;font-weight:500;display:flex}.sf-bottom{text-align:center;border-top:1px solid #ffffff1f;padding:14px 24px}.sf-bottom p{color:#ffffff80;margin:0;font-size:11px}
@keyframes fadeInUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideInRight{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}.anim-fade-in-up{animation:.6s cubic-bezier(.16,1,.3,1) both fadeInUp}.anim-fade-in{animation:.5s ease-out both fadeIn}.anim-slide-right{animation:.5s cubic-bezier(.16,1,.3,1) both slideInRight}.anim-slide-left{animation:.5s cubic-bezier(.16,1,.3,1) both slideInLeft}.anim-delay-1{animation-delay:50ms}.anim-delay-2{animation-delay:.1s}.anim-delay-3{animation-delay:.15s}.anim-delay-4{animation-delay:.2s}.anim-delay-5{animation-delay:.25s}.anim-delay-6{animation-delay:.3s}.anim-delay-7{animation-delay:.35s}.anim-delay-8{animation-delay:.4s}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.skeleton{background:linear-gradient(90deg, var(--shop-border) 25%, #ffffff14 50%, var(--shop-border) 75%);background-size:200% 100%;border-radius:12px;animation:1.8s ease-in-out infinite shimmer}.skeleton-card{background:var(--shop-surface);border:1px solid var(--shop-border);border-radius:20px;overflow:hidden}.skeleton-img{aspect-ratio:5/7;background:linear-gradient(90deg, var(--shop-border) 25%, #ffffff0f 50%, var(--shop-border) 75%);background-size:200% 100%;animation:1.8s ease-in-out infinite shimmer}.skeleton-text{background:linear-gradient(90deg, var(--shop-border) 25%, #ffffff0f 50%, var(--shop-border) 75%);background-size:200% 100%;border-radius:6px;height:12px;margin:12px 12px 0;animation:1.8s ease-in-out infinite shimmer}.skeleton-text--short{width:60%}.skeleton-text--price{width:40%;height:16px;margin-bottom:12px}.hover-lift{transition:transform .3s cubic-bezier(.16,1,.3,1),box-shadow .3s cubic-bezier(.16,1,.3,1)}.hover-lift:hover{transform:translateY(-6px);box-shadow:0 12px 40px #00000014,0 4px 12px #0000000a}.dark .hover-lift:hover{box-shadow:0 12px 40px #0000004d,0 4px 12px #4f46e514}.hover-glow{transition:border-color .3s,box-shadow .3s}.hover-glow:hover{border-color:var(--shop-accent);box-shadow:0 0 0 1px var(--shop-accent), 0 8px 32px #4f46e51f}.dark .hover-glow:hover{box-shadow:0 0 0 1px var(--shop-accent), 0 8px 32px #6366f126}.hover-scale{transition:transform .4s cubic-bezier(.16,1,.3,1)}.hover-scale:hover{transform:scale(1.03)}.shop-product{cursor:pointer;transition:transform .3s cubic-bezier(.16,1,.3,1),box-shadow .3s cubic-bezier(.16,1,.3,1),border-color .25s;position:relative}.shop-product:hover{border-color:var(--shop-accent);transform:translateY(-4px);box-shadow:0 12px 40px #00000014,0 4px 12px #0000000a}.dark .shop-product:hover{box-shadow:0 12px 40px #0000004d,0 0 20px #4f46e50f}.shop-product .shop-product-img{transition:transform .5s cubic-bezier(.16,1,.3,1)}.shop-product:hover .shop-product-img{transform:scale(1.04)}.shop-product-options-btn{background:var(--shop-accent);color:#fff;letter-spacing:.02em;cursor:pointer;border:none;border-radius:10px;justify-content:center;align-items:center;gap:6px;width:100%;margin-top:10px;padding:8px 0;font-size:11px;font-weight:700;transition:background .2s,transform .15s,box-shadow .2s;display:flex}.shop-product-options-btn:hover{background:#6366f1;transform:translateY(-1px);box-shadow:0 4px 16px #4f46e54d}.shop-product-options-btn:active{box-shadow:none;transform:translateY(0)}@keyframes cartPulse{0%{transform:scale(1)}30%{transform:scale(1.15)}60%{transform:scale(.95)}to{transform:scale(1)}}@keyframes cartCheck{0%{opacity:0;transform:scale(.5)rotate(-10deg)}50%{opacity:1;transform:scale(1.2)rotate(5deg)}to{opacity:1;transform:scale(1)rotate(0)}}.cart-added-pulse{animation:.4s cubic-bezier(.16,1,.3,1) cartPulse}.cart-added-check{animation:.35s cubic-bezier(.16,1,.3,1) both cartCheck}@keyframes addedFlash{0%{opacity:0;-webkit-backdrop-filter:blur();backdrop-filter:blur()}30%{opacity:1;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}to{opacity:0;-webkit-backdrop-filter:blur();backdrop-filter:blur()}}.product-added-flash{border-radius:inherit;pointer-events:none;z-index:20;background:#4f46e526;justify-content:center;align-items:center;animation:.8s cubic-bezier(.16,1,.3,1) both addedFlash;display:flex;position:absolute;inset:0}@keyframes gradientShift{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}.gradient-text-animated{background:linear-gradient(135deg,#4f46e5 0%,#7c3aed 25%,#db2777 50%,#7c3aed 75%,#4f46e5 100%) 0 0/300% 300%;-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;animation:6s ease-in-out infinite gradientShift}.gradient-text-premium{background:linear-gradient(135deg,#4f46e5 0%,#7c3aed 40%,#db2777 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}@keyframes countUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.counter-value{animation:.6s cubic-bezier(.16,1,.3,1) both countUp;display:inline-block}.glass-card{-webkit-backdrop-filter:blur(20px);background:#ffffffb3;border:1px solid #ffffff4d;border-radius:20px}.dark .glass-card{background:#0f172a99;border-color:#6366f11a}.reveal{opacity:0;transition:opacity .6s cubic-bezier(.16,1,.3,1),transform .6s cubic-bezier(.16,1,.3,1);transform:translateY(20px)}.reveal.revealed{opacity:1;transform:translateY(0)}@keyframes float{0%,to{transform:translateY(0)rotate(0)}33%{transform:translateY(-8px)rotate(2deg)}66%{transform:translateY(4px)rotate(-1deg)}}@keyframes floatSlow{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}.float-gentle{animation:6s ease-in-out infinite float}.float-slow{animation:8s ease-in-out infinite floatSlow}@keyframes badgeShine{0%{left:-100%}to{left:200%}}.badge-shine{position:relative;overflow:hidden}.badge-shine:after{content:"";background:linear-gradient(90deg,#0000 0%,#fff3 50%,#0000 100%);width:50%;height:100%;animation:3s ease-in-out infinite badgeShine;position:absolute;top:0;left:-100%}@keyframes countdownPulse{0%,to{box-shadow:0 0 #4f46e54d}50%{box-shadow:0 0 0 8px #4f46e500}}.countdown-pulse{animation:2s ease-in-out infinite countdownPulse}@keyframes modalBackdrop{0%{opacity:0}to{opacity:1}}@keyframes modalSlideUp{0%{opacity:0;transform:translateY(30px)scale(.96)}to{opacity:1;transform:translateY(0)scale(1)}}.modal-backdrop-anim{animation:.2s ease-out both modalBackdrop}.modal-content-anim{animation:.35s cubic-bezier(.16,1,.3,1) both modalSlideUp}@keyframes drawerSlideIn{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}@keyframes drawerSlideOut{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(100%)}}.drawer-enter{animation:.35s cubic-bezier(.16,1,.3,1) both drawerSlideIn}.drawer-exit{animation:.25s cubic-bezier(.4,0,1,1) both drawerSlideOut}.stat-card{background:var(--shop-surface);border:1px solid var(--shop-border);border-radius:20px;padding:24px;transition:all .3s cubic-bezier(.16,1,.3,1);position:relative;overflow:hidden}.stat-card:before{content:"";background:linear-gradient(90deg, var(--shop-accent), #7c3aed);opacity:0;height:3px;transition:opacity .3s;position:absolute;top:0;left:0;right:0}.stat-card:hover{border-color:var(--shop-accent);transform:translateY(-4px);box-shadow:0 12px 40px #00000014}.stat-card:hover:before{opacity:1}.dark .stat-card:hover{box-shadow:0 12px 40px #0000004d}@keyframes loadingDot{0%,80%,to{opacity:.4;transform:scale(.6)}40%{opacity:1;transform:scale(1)}}.loading-dots{justify-content:center;align-items:center;gap:6px;display:flex}.loading-dots span{background:var(--shop-accent);border-radius:50%;width:8px;height:8px;animation:1.2s ease-in-out infinite loadingDot}.loading-dots span:nth-child(2){animation-delay:.15s}.loading-dots span:nth-child(3){animation-delay:.3s}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.reveal{opacity:1;transform:none}}