:root{--sf-black: #0A0A0A;--sf-charcoal: #141414;--sf-surface: #1A1A1A;--sf-white: #FFFFFF;--sf-magenta: #E91E8C;--sf-magenta-light: #FF6BB5;--sf-magenta-dark: #C4177A;--sf-cyan: #00D4FF;--sf-lime: #B8FF00;--sf-orange: #FF6B35;--sf-muted: #9CA3AF;--sf-border: rgba(255, 255, 255, .08);--sf-black-rgb: 10, 10, 10;--sf-magenta-rgb: 233, 30, 140;--sf-cyan-rgb: 0, 212, 255;--sf-purple: #8B5CF6;--sf-purple-rgb: 139, 92, 246;--sf-glow-pink: rgba(233, 30, 140, .35);--sf-glow-lime: rgba(184, 255, 0, .2);--sf-radius-pill: 999px;--sf-radius-card: 16px;--bs-primary: var(--sf-magenta);--bs-primary-rgb: var(--sf-magenta-rgb);--bs-link-color: var(--sf-cyan);--bs-link-color-rgb: var(--sf-cyan-rgb);--bs-link-hover-color: var(--sf-magenta);--bs-link-hover-color-rgb: var(--sf-magenta-rgb);--bs-body-bg: var(--sf-black);--bs-body-color: var(--sf-white);--bs-border-color: var(--sf-border);--bs-dropdown-bg: var(--sf-charcoal);--bs-dropdown-border-color: rgba(var(--sf-magenta-rgb), .2);--bs-dropdown-link-color: rgba(255, 255, 255, .9);--bs-dropdown-link-hover-bg: rgba(var(--sf-magenta-rgb), .1);--bs-dropdown-link-hover-color: var(--sf-white);--bs-dropdown-link-active-bg: rgba(var(--sf-magenta-rgb), .14);--bs-dropdown-link-active-color: var(--sf-white);--bs-focus-ring-color: rgba(var(--sf-magenta-rgb), .35);--bs-focus-ring-opacity: 1;--nav-bg: rgba(10, 10, 10, .95);--nav-text: var(--sf-white);--nav-text-muted: var(--sf-muted);--nav-border: var(--sf-border);--nav-shadow: 0 4px 24px rgba(0, 0, 0, .4);--nav-radius: 10px;--nav-radius-sm: 6px;--nav-transition: .2s ease;--touch-min: 44px;--admin-chart-magenta: rgba(233, 30, 140, .7);--admin-chart-cyan: rgba(0, 212, 255, .7);--admin-chart-lime: rgba(184, 255, 0, .6);--admin-chart-purple: rgba(139, 92, 246, .7);--admin-chart-grid: rgba(255, 255, 255, .06);--admin-chart-text: var(--sf-muted);--admin-sidebar-width: 260px;--admin-topbar-height: 56px}.sf-animated-cart-btn{--sf-cart-btn-h: 3rem;position:relative;display:inline-flex;align-items:center;justify-content:center;min-height:var(--sf-cart-btn-h);min-width:11rem;padding:.7rem 1.6rem;border:none;border-radius:var(--sf-radius-pill, 999px);background:linear-gradient(135deg,var(--sf-magenta) 0%,var(--sf-magenta-dark) 100%);color:var(--sf-white);font-weight:700;font-size:.95rem;letter-spacing:.02em;line-height:1.2;overflow:hidden;cursor:pointer;box-shadow:0 4px 20px rgba(var(--sf-magenta-rgb),.35);transition:transform .2s ease,box-shadow .2s ease}.sf-animated-cart-btn:hover:not(:disabled),.sf-animated-cart-btn:focus-visible:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 28px rgba(var(--sf-magenta-rgb),.45);background:linear-gradient(135deg,var(--sf-magenta-light) 0%,var(--sf-magenta) 100%);color:var(--sf-white)}.sf-animated-cart-btn:disabled{opacity:.72;cursor:wait}.sf-animated-cart-btn.w-100,.sf-animated-cart-btn.btn-add-cart{width:100%}.sf-animated-cart-btn.btn-lg{--sf-cart-btn-h: 3.25rem;font-size:1.05rem;padding:.85rem 1.75rem}.sf-animated-cart-btn__face{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;transition:opacity .25s ease,transform .25s ease}.sf-animated-cart-btn__face--default{position:relative;z-index:2}.sf-animated-cart-btn__face--stage,.sf-animated-cart-btn__face--success{position:absolute;inset:0;z-index:3;opacity:0;pointer-events:none}.sf-animated-cart-btn__icon{width:1.15rem;height:1.15rem;flex-shrink:0}.sf-animated-cart-btn__face--stage{color:var(--sf-white)}.sf-animated-cart-btn__sticker{position:absolute;top:50%;left:50%;width:2rem;height:2rem;margin:-1rem 0 0 -1rem;color:var(--sf-white);transform:translateY(-130%) scale(.85);opacity:0}.sf-animated-cart-btn__cart-anim{position:absolute;top:50%;left:50%;width:2.2rem;height:2.2rem;margin:-1.1rem 0 0 -1.1rem;color:var(--sf-cyan);transform:scale(.6);opacity:0}.sf-animated-cart-btn__spinner{display:none;position:absolute;right:1rem;width:1rem;height:1rem;border:2px solid rgba(255,255,255,.35);border-top-color:var(--sf-white);border-radius:50%;animation:sf-cart-btn-spin .7s linear infinite}.sf-animated-cart-btn.is-loading .sf-animated-cart-btn__spinner{display:block}.sf-animated-cart-btn.is-loading .sf-animated-cart-btn__icon--cart{opacity:.35}.sf-animated-cart-btn.is-animating .sf-animated-cart-btn__face--default{opacity:0;transform:scale(.92)}.sf-animated-cart-btn.is-animating .sf-animated-cart-btn__face--stage{opacity:1}.sf-animated-cart-btn.is-animating .sf-animated-cart-btn__sticker{animation:sf-cart-sticker-drop .65s cubic-bezier(.34,1.2,.64,1) forwards}.sf-animated-cart-btn.is-animating .sf-animated-cart-btn__cart-anim{animation:sf-cart-icon-reveal .55s .28s cubic-bezier(.34,1.4,.64,1) forwards}.sf-animated-cart-btn.is-success .sf-animated-cart-btn__face--default,.sf-animated-cart-btn.is-success .sf-animated-cart-btn__face--stage{opacity:0}.sf-animated-cart-btn.is-success .sf-animated-cart-btn__face--success{opacity:1;animation:sf-cart-success-pop .35s ease}.sf-animated-cart-btn.is-success{background:linear-gradient(135deg,var(--sf-magenta-light) 0%,var(--sf-magenta) 100%);box-shadow:0 4px 24px rgba(var(--sf-magenta-rgb),.45)}.sf-animated-cart-btn__face--success .sf-animated-cart-btn__icon--check{color:var(--sf-white)}@keyframes sf-cart-sticker-drop{0%{transform:translateY(-130%) scale(.85) rotate(-8deg);opacity:0}25%{opacity:1}70%{transform:translateY(10%) scale(.45) rotate(4deg);opacity:1}to{transform:translateY(18%) scale(.2) rotate(0);opacity:0}}@keyframes sf-cart-icon-reveal{0%{transform:scale(.5);opacity:0}60%{transform:scale(1.18);opacity:1}to{transform:scale(1);opacity:1}}@keyframes sf-cart-success-pop{0%{transform:scale(.85)}70%{transform:scale(1.06)}to{transform:scale(1)}}@keyframes sf-cart-btn-spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.sf-animated-cart-btn.is-animating .sf-animated-cart-btn__sticker,.sf-animated-cart-btn.is-animating .sf-animated-cart-btn__cart-anim{animation:none}.sf-animated-cart-btn.is-animating .sf-animated-cart-btn__face--stage,.sf-animated-cart-btn.is-animating .sf-animated-cart-btn__face--default,.sf-animated-cart-btn.is-success .sf-animated-cart-btn__face--default{opacity:0}.sf-animated-cart-btn.is-success .sf-animated-cart-btn__face--success{animation:none}}
