:root{--font-display:"Space Grotesk", sans-serif;--font-body:"Inter", sans-serif;--font-mono:"JetBrains Mono", monospace;--bg-color:#fcf9f8;--bg-surface:#fff;--bg-surface-alt:#f0edec;--bg-surface-low:#f6f3f2;--bg-surface-highest:#e5e2e1;--text-color:#1c1b1b;--text-muted:#5e5e5e;--primary-color:#e31e24;--primary-hover:#1c1b1b;--border-color:#1c1b1b;--outline-variant:#e7bdb8;--nav-bg:#fcf9f8cc;--glow-color:#e31e2473;--grid-dot-color:#a8a3a0;--border-width:1px}:root.dark{--bg-color:#121212;--bg-surface:#1a1a1a;--bg-surface-alt:#242424;--bg-surface-low:#1e1e1e;--bg-surface-highest:#2d2d2d;--text-color:#fff;--text-muted:#a3a3a3;--primary-color:#e31e24;--primary-hover:#fff;--border-color:#fff;--outline-variant:#5d3f3c;--nav-bg:#1a1a1acc;--glow-color:#e31e2499;--grid-dot-color:#2d2d2d}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;margin:0;padding:0}html,body{background-color:var(--bg-color);width:100%;min-height:100vh;color:var(--text-color);font-family:var(--font-body);scroll-behavior:smooth;font-size:16px;line-height:1.6;transition:background-color .3s,color .3s}.technical-grid{background-image:radial-gradient(circle, var(--grid-dot-color) 1.5px, transparent 1.5px);background-size:32px 32px}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);text-transform:uppercase;font-weight:700}.font-mono{font-family:var(--font-mono)}.text-primary{color:var(--primary-color)}.nav-container{z-index:1000;pointer-events:none;justify-content:center;gap:1rem;width:100%;padding:0 1rem;display:flex;position:fixed;top:1.25rem;left:0;right:0}.floating-nav{pointer-events:auto;background-color:var(--nav-bg);-webkit-backdrop-filter:blur(16px);border:var(--border-width) solid var(--outline-variant);box-shadow:0 4px 25px var(--glow-color);cursor:pointer;border-radius:9999px;justify-content:center;align-items:center;width:140px;min-width:140px;height:48px;padding:.65rem 1.6rem;transition:width .5s cubic-bezier(.16,1,.3,1),min-width .5s cubic-bezier(.16,1,.3,1),height .4s cubic-bezier(.16,1,.3,1),padding .4s cubic-bezier(.16,1,.3,1),margin .4s cubic-bezier(.16,1,.3,1),opacity .4s cubic-bezier(.16,1,.3,1),border-width .4s cubic-bezier(.16,1,.3,1),box-shadow .4s,background-color .3s;display:flex;position:relative;overflow:hidden}.floating-nav:hover,.floating-nav.expanded{cursor:default;width:min(92vw,1100px);height:56px;box-shadow:0 8px 32px var(--glow-color);padding:.75rem 2rem;overflow:visible!important}.nav-pill-collapsed{color:var(--text-color);font-family:var(--font-display);text-transform:uppercase;letter-spacing:.12em;white-space:nowrap;opacity:1;visibility:visible;-webkit-user-select:none;user-select:none;justify-content:center;align-items:center;gap:.5rem;font-size:.875rem;font-weight:700;transition:opacity .35s cubic-bezier(.16,1,.3,1),transform .35s cubic-bezier(.16,1,.3,1),visibility .35s;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)scale(1)}.floating-nav:hover .nav-pill-collapsed,.floating-nav.expanded .nav-pill-collapsed{opacity:0;visibility:hidden;pointer-events:none;transform:translate(-50%,-50%)scale(.85)}.nav-full-content{opacity:0;visibility:hidden;pointer-events:none;justify-content:space-between;align-items:center;width:100%;min-width:650px;transition:opacity .3s cubic-bezier(.16,1,.3,1),transform .3s cubic-bezier(.16,1,.3,1),visibility .3s;display:flex;transform:scale(.96)}.floating-nav:hover .nav-full-content,.floating-nav.expanded .nav-full-content{opacity:1;visibility:visible;pointer-events:auto;transition:opacity .45s cubic-bezier(.16,1,.3,1) 80ms,transform .45s cubic-bezier(.16,1,.3,1),visibility .45s;transform:scale(1)}@keyframes trackingInExpand{0%{letter-spacing:-.5em;opacity:0;filter:blur(4px);transform:scale(.96)}40%{opacity:.7}to{letter-spacing:.05em;opacity:1;filter:blur();transform:scale(1)}}.hidden-pill{opacity:0!important;pointer-events:none!important;width:0!important;min-width:0!important;box-shadow:none!important;border-width:0!important;margin-left:0!important;margin-right:0!important;padding-left:0!important;padding-right:0!important}.floating-nav.search-circle{border-radius:50%;justify-content:center;width:48px;min-width:48px;padding:0}.floating-nav.search-circle.expanded{border-radius:9999px;justify-content:flex-start;width:min(92vw,1100px);padding:.75rem 2rem;overflow:visible!important}@keyframes pulse{0%{opacity:.6}50%{opacity:.2}to{opacity:.6}}.search-input{color:var(--text-color);font-family:var(--font-body);background:0 0;border:none;outline:none;width:100%;padding-left:.5rem;font-size:1.1rem}.search-input::placeholder{color:var(--text-muted)}.search-results-dropdown-wrapper{z-index:1001;padding-top:1rem;position:absolute;top:100%;left:0;right:0}.search-results-dropdown{background-color:var(--bg-surface);border:var(--border-width) solid var(--border-color);box-shadow:0 8px 32px var(--glow-color);pointer-events:auto;border-radius:12px;flex-direction:column;max-height:400px;display:flex;overflow-y:auto}.search-result-item{border-bottom:1px solid var(--border-color);color:var(--text-color);align-items:center;gap:1rem;padding:1rem;text-decoration:none;transition:background-color .2s;display:flex}.search-result-item:last-child{border-bottom:none}.search-result-item:hover{background-color:var(--bg-surface-alt)}.search-result-img{object-fit:cover;border:1px solid var(--border-color);border-radius:4px;width:48px;height:48px}.floating-nav:hover .nav-tracking-animate,.floating-nav.expanded .nav-tracking-animate{animation:.45s cubic-bezier(.215,.61,.355,1) both trackingInExpand}.floating-nav a{color:var(--text-color);font-family:var(--font-display);text-transform:uppercase;letter-spacing:.05em;font-size:.875rem;font-weight:700;text-decoration:none;transition:color .2s}.floating-nav a.active{color:var(--primary-color);border-bottom:2px solid var(--primary-color);padding-bottom:2px}.floating-nav a:hover:not(.active){color:var(--primary-color)}.btn-signal-red{background-color:var(--primary-color);color:#fff;border:var(--border-width) solid var(--border-color);font-family:var(--font-display);text-transform:uppercase;letter-spacing:.1em;cursor:pointer;text-align:center;padding:1rem 2.5rem;font-size:.875rem;font-weight:700;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1);display:inline-block;border-radius:0!important}.btn-signal-red:hover{background-color:var(--primary-hover);color:var(--primary-color)}.btn-secondary{color:var(--text-color);border:2px solid var(--border-color);font-family:var(--font-display);text-transform:uppercase;letter-spacing:.1em;cursor:pointer;text-align:center;background-color:#0000;padding:1rem 2.5rem;font-size:.875rem;font-weight:700;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1);display:inline-block;border-radius:0!important}.btn-secondary:hover{background-color:var(--bg-surface-alt)}.brutalist-card{background-color:var(--bg-surface);border:2px solid var(--border-color);flex-direction:column;transition:border-color .2s cubic-bezier(.4,0,.2,1);display:flex;overflow:hidden;border-radius:0!important}.brutalist-card:hover{border-color:var(--primary-color)}.card-image-area{aspect-ratio:1;background-color:var(--bg-surface-alt);border-bottom:2px solid var(--border-color);position:relative;overflow:hidden}.card-image-area img{object-fit:cover;width:100%;height:100%;transition:transform .5s}.brutalist-card:hover .card-image-area img{transform:scale(1.03)}@media (width<=768px){.card-image-area img{transform:none!important}}.card-content{flex-direction:column;flex-grow:1;padding:1.5rem;display:flex}.card-header-row{justify-content:space-between;align-items:flex-start;gap:.5rem;margin-bottom:.5rem;display:flex}.card-title{font-size:1.25rem;font-family:var(--font-display);color:var(--text-color);flex:1;margin:0;padding-right:.5rem;line-height:1.2}.card-price{font-family:var(--font-mono);color:var(--primary-color);text-align:right;flex-shrink:0;font-size:1.1rem;font-weight:700}.card-specs{gap:.5rem;margin-bottom:1.5rem;display:flex}.spec-badge{font-family:var(--font-mono);text-transform:uppercase;padding:.2rem .5rem;font-size:.65rem;font-weight:700}.spec-badge.primary{background-color:var(--primary-color);color:#fff}.spec-badge.outline{border:1px solid var(--border-color);color:var(--text-muted)}.theme-toggle-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;font-size:1.5rem;transition:color .2s;display:flex}.theme-toggle-btn:hover{color:var(--primary-color)}.brutalist-form-group{margin-bottom:1.5rem}.brutalist-form-label{font-family:var(--font-mono);text-transform:uppercase;color:var(--text-color);flex-grow:1;margin-bottom:.5rem;font-size:.75rem;transition:color .2s;display:block}.brutalist-form-group:focus-within .brutalist-form-label{color:var(--primary-color)}.brutalist-input,.brutalist-textarea{border:2px solid var(--border-color);width:100%;color:var(--text-color);font-family:var(--font-body);background-color:#0000;outline:none;padding:.75rem 1rem;font-size:1rem;transition:border-color .2s;border-radius:0!important}.brutalist-input::placeholder,.brutalist-textarea::placeholder{color:var(--text-muted);opacity:.6}.brutalist-input:focus,.brutalist-textarea:focus{border-color:var(--primary-color)}.brutalist-footer{background-color:var(--bg-surface-highest);border-top:2px solid var(--border-color);width:100%;margin-top:auto;padding:4rem 4%}.footer-grid{grid-template-columns:1fr;gap:3rem;max-width:1200px;margin:0 auto;display:grid}@media (width>=768px){.footer-grid{grid-template-columns:1fr 1fr}}.footer-logo{font-family:var(--font-display);letter-spacing:-.05em;margin-bottom:1.5rem;font-size:2rem;font-weight:700}.footer-blurb{color:var(--text-muted);max-width:400px;margin-bottom:2rem;font-size:1rem}.footer-info-item{font-family:var(--font-mono);align-items:center;gap:.75rem;margin-bottom:.75rem;font-size:.875rem;display:flex}.footer-info-item span.material-symbols-outlined{color:var(--primary-color)}.footer-info-item a{color:inherit;text-decoration:none;transition:color .2s}.footer-info-item a:hover{color:var(--primary-color)}.material-symbols-outlined{vertical-align:middle}.auth-page{justify-content:center;align-items:center;min-height:calc(100vh - 180px);padding:4rem 1.5rem;display:flex}.auth-card{background-color:var(--bg-surface);border:2px solid var(--border-color);width:100%;max-width:480px;box-shadow:8px 8px 0px var(--border-color);padding:2.5rem;transition:box-shadow .2s,transform .2s;position:relative}.dark .auth-card{box-shadow:8px 8px 0px var(--primary-color)}.auth-title{letter-spacing:-.02em;margin-bottom:.5rem;font-size:1.75rem}.auth-subtitle{font-family:var(--font-body);color:var(--text-muted);margin-bottom:2rem;font-size:.875rem}.auth-error-box{border:1px solid var(--primary-color);color:var(--primary-color);font-family:var(--font-mono);text-transform:uppercase;background-color:#e31e241a;margin-bottom:1.5rem;padding:.75rem 1rem;font-size:.8125rem}.auth-success-box{color:#22c55e;font-family:var(--font-mono);text-transform:uppercase;background-color:#22c55e1a;border:1px solid #22c55e;margin-bottom:1.5rem;padding:.75rem 1rem;font-size:.8125rem}.auth-divider{text-align:center;font-family:var(--font-mono);text-transform:uppercase;color:var(--text-muted);align-items:center;margin:1.5rem 0;font-size:.75rem;display:flex}.auth-divider:before,.auth-divider:after{content:"";border-bottom:1px solid var(--outline-variant);flex:1}.auth-divider:not(:empty):before{margin-right:.75em}.auth-divider:not(:empty):after{margin-left:.75em}.auth-footer-text{font-family:var(--font-body);color:var(--text-muted);text-align:center;margin-top:1.5rem;font-size:.875rem}.auth-footer-link{color:var(--primary-color);font-weight:600;text-decoration:none}.auth-footer-link:hover{text-decoration:underline}.google-btn-wrapper{justify-content:center;margin-bottom:1rem;display:flex}.google-config-warning{border:2px solid var(--border-color);background-color:var(--bg-surface-low);font-family:var(--font-mono);color:var(--text-muted);margin-bottom:1.5rem;padding:1.25rem;font-size:.75rem;line-height:1.5}.google-config-warning h4{color:var(--primary-color);margin-bottom:.5rem;font-size:.875rem}.google-config-warning code{background-color:var(--bg-surface-highest);border:1px solid var(--border-color);color:var(--text-color);word-break:break-all;padding:.15rem .3rem;font-size:.7rem}.google-config-warning ul{margin-top:.5rem;padding-left:1.25rem}.google-config-warning li{margin-bottom:.25rem}.nav-profile-badge{border:1px solid var(--border-color);background-color:var(--bg-surface);box-shadow:2px 2px 0px var(--border-color);align-items:center;gap:.75rem;padding:.3rem .8rem .3rem .3rem;transition:all .2s;display:flex}.nav-profile-img{object-fit:cover;border:1px solid var(--border-color);width:2rem;height:2rem}.nav-profile-name{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.05em;color:var(--text-color);text-overflow:ellipsis;white-space:nowrap;max-width:100px;font-size:.75rem;font-weight:700;overflow:hidden}.nav-btn-logout{border:1px solid var(--primary-color);color:var(--primary-color);font-family:var(--font-display);text-transform:uppercase;cursor:pointer;background:0 0;padding:.4rem .8rem;font-size:.75rem;font-weight:700;transition:all .2s}.nav-btn-logout:hover{background-color:var(--primary-color);color:#fff}.nav-btn-signup{background-color:var(--primary-color);border:1px solid var(--border-color);font-family:var(--font-display);text-transform:uppercase;padding:.4rem 1rem;font-size:.75rem;font-weight:700;text-decoration:none;transition:all .2s;color:#fff!important}.nav-btn-signup:hover{background-color:var(--primary-hover);color:var(--primary-color)!important}.cart-overlay{-webkit-backdrop-filter:blur(8px);z-index:1999;opacity:0;visibility:hidden;background-color:#0000008c;width:100vw;height:100vh;transition:opacity .35s cubic-bezier(.16,1,.3,1),visibility .35s;position:fixed;top:0;left:0}.cart-overlay.open{opacity:1;visibility:visible}.cart-drawer{background-color:var(--bg-surface);border:var(--border-width) solid var(--outline-variant);z-index:2000;width:min(92vw,560px);max-height:min(94vh,900px);box-shadow:0 0 35px var(--glow-color), 0 20px 50px #00000040;opacity:0;visibility:hidden;pointer-events:none;border-radius:20px;flex-direction:column;transition:opacity .35s cubic-bezier(.16,1,.3,1),transform .35s cubic-bezier(.16,1,.3,1),visibility .35s;display:flex;position:fixed;top:50%;left:50%;overflow:hidden;transform:translate(-50%,-46%)scale(.94)}.cart-drawer.open{opacity:1;visibility:visible;pointer-events:auto;transform:translate(-50%,-50%)scale(1)}.cart-drawer-header{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;padding:1.1rem 1.5rem;display:flex}.cart-drawer-title{font-family:var(--font-display);text-transform:uppercase;font-size:1.35rem;font-weight:700}.cart-close-btn{cursor:pointer;color:var(--text-color);background:0 0;border:none;justify-content:center;align-items:center;font-size:1.5rem;transition:color .2s;display:flex}.cart-close-btn:hover{color:var(--primary-color)}.cart-items-container{flex-direction:column;flex-grow:1;gap:1rem;max-height:400px;padding:1.25rem 1.5rem;display:flex;overflow-y:auto}.cart-item-row{border-bottom:1px solid var(--outline-variant);gap:.9rem;padding-bottom:1rem;display:flex}.cart-item-row:last-child{border-bottom:none;padding-bottom:.25rem}.cart-item-img-area{border:1px solid var(--border-color);background-color:var(--bg-surface-alt);border-radius:8px;flex-shrink:0;width:70px;height:70px;overflow:hidden}.cart-item-img-area img{object-fit:cover;width:100%;height:100%}.cart-item-info{flex-direction:column;flex-grow:1;justify-content:space-between;display:flex}.cart-item-name{font-family:var(--font-display);text-transform:uppercase;color:var(--text-color);margin-bottom:.15rem;font-size:.95rem;font-weight:700}.bottom-toolbar{border-top:2px solid var(--border-color);justify-content:space-between;align-items:center;margin-top:1.5rem;padding-top:1.5rem;display:flex}.storefront-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:2rem;display:grid}.product-action-group{flex-wrap:wrap;gap:1rem;margin-top:.5rem;display:flex}.product-action-group .btn-action{flex:160px}@media (width<=768px){.storefront-grid{grid-template-columns:repeat(2,1fr);gap:1rem}.product-action-group{flex-direction:column}.product-action-group .btn-action{flex:none;width:100%}.storefront-grid .brutalist-card .btn-signal-red,.storefront-grid .brutalist-card .btn-secondary{padding:.6rem .5rem;font-size:.75rem}.storefront-grid .brutalist-card .material-symbols-outlined{font-size:.9rem!important}.storefront-grid .card-header-row{flex-direction:column;gap:.25rem}.storefront-grid .card-title{padding-right:0;font-size:1rem}.storefront-grid .card-price{text-align:left;font-size:1rem}}.product-drag-wrapper{will-change:transform;transition:transform .25s cubic-bezier(.2,.9,.3,1),box-shadow .2s,opacity .2s;position:relative}.product-drag-wrapper.is-dragging{filter:grayscale(.5);border-radius:4px;transform:scale(.96);opacity:.35!important;border:2px dashed var(--primary-color)!important}.product-drag-wrapper.is-drag-over{outline-offset:4px;outline:2px solid var(--primary-color)!important;box-shadow:0 10px 30px #e31e244d!important}.product-drag-wrapper.is-settled{animation:.6s cubic-bezier(.2,.9,.3,1) forwards productCardSettle}@keyframes productCardSettle{0%{box-shadow:0 0 0 4px var(--primary-color);transform:scale(.94)}50%{transform:scale(1.02);box-shadow:0 0 25px #e31e2499}to{box-shadow:none;transform:scale(1)}}.drag-insertion-indicator{background-color:var(--primary-color);width:6px;box-shadow:0 0 12px var(--primary-color), 0 0 24px #e31e24cc;z-index:40;pointer-events:none;border-radius:3px;animation:.9s ease-in-out infinite alternate indicatorPulse;position:absolute;top:-6px;bottom:-6px}.drag-insertion-indicator.before{left:-12px}.drag-insertion-indicator.after{right:-12px}.drag-insertion-badge{background-color:var(--primary-color);color:#fff;font-family:var(--font-mono);white-space:nowrap;letter-spacing:.5px;border:1px solid #fff;align-items:center;gap:3px;padding:3px 8px;font-size:.65rem;font-weight:700;display:flex;position:absolute;top:-28px;left:50%;transform:translate(-50%);box-shadow:0 4px 10px #00000080}@keyframes indicatorPulse{0%{opacity:.75;transform:scaleY(.97)}to{opacity:1;transform:scaleY(1.01)}}@media (width<=768px){.drag-insertion-indicator.before{width:4px;left:-7px}.drag-insertion-indicator.after{width:4px;right:-7px}.drag-insertion-badge{padding:2px 5px;font-size:.55rem;top:-24px}}.cart-item-controls{justify-content:space-between;align-items:center;margin-top:.5rem;display:flex}.qty-control-group{border:2px solid var(--border-color);align-items:center;display:flex}.qty-btn{width:28px;height:28px;font-family:var(--font-mono);cursor:pointer;color:var(--text-color);background-color:#0000;border:none;justify-content:center;align-items:center;font-size:1rem;font-weight:700;transition:background-color .2s;display:flex}.qty-btn:hover{background-color:var(--bg-surface-alt)}.qty-btn:disabled{opacity:.3;cursor:not-allowed}.qty-val{text-align:center;width:32px;font-family:var(--font-mono);border-left:2px solid var(--border-color);border-right:2px solid var(--border-color);background-color:var(--bg-surface);height:28px;font-size:.875rem;font-weight:700;line-height:28px}.cart-item-price-area{text-align:right;flex-direction:column;justify-content:space-between;align-items:flex-end;display:flex}.cart-item-price{font-family:var(--font-mono);color:var(--primary-color);font-size:1rem;font-weight:700}.cart-item-remove-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;font-size:1.15rem;transition:color .2s;display:flex}.cart-item-remove-btn:hover{color:var(--primary-color)}.cart-drawer-footer{border-top:2px solid var(--border-color);background-color:var(--bg-surface-low);padding:1.5rem}.cart-summary-row{font-family:var(--font-body);color:var(--text-muted);justify-content:space-between;margin-bottom:.75rem;font-size:.875rem;display:flex}.cart-summary-row.total{font-family:var(--font-display);color:var(--text-color);border-top:1px solid var(--outline-variant);text-transform:uppercase;margin-top:1rem;padding-top:1rem;font-size:1.25rem;font-weight:700}.nav-cart-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;font-size:1.5rem;transition:color .2s;display:flex;position:relative}.nav-cart-btn:hover{color:var(--primary-color)}.nav-cart-badge{background-color:var(--primary-color);color:#fff;font-family:var(--font-mono);border:1px solid var(--bg-surface);border-radius:50%;justify-content:center;align-items:center;min-width:16px;height:16px;padding:0 3px;font-size:.65rem;font-weight:700;display:flex;position:absolute;top:-6px;right:-8px}.admin-layout{background-color:var(--bg-color);min-height:100vh;display:flex}.admin-sidebar{background-color:var(--bg-surface);border-right:2px solid var(--border-color);z-index:100;flex-direction:column;width:260px;min-width:260px;display:flex;position:fixed;top:0;bottom:0;left:0;overflow-y:auto}.admin-sidebar-header{border-bottom:1px solid var(--outline-variant);padding:1.5rem 1.25rem}.admin-sidebar-logo-link{margin-bottom:.75rem;display:block}.admin-sidebar-logo-img{width:auto;height:2rem;display:block}:root.dark .admin-sidebar-logo-img{background-color:#191919;border-radius:3px}.admin-sidebar-mode-label{font-family:var(--font-mono);color:var(--primary-color);letter-spacing:.15em;align-items:center;gap:.5rem;font-size:.65rem;font-weight:700;display:flex}.admin-mode-dot{background-color:var(--primary-color);border-radius:50%;width:6px;height:6px;animation:2s ease-in-out infinite admin-dot-pulse}@keyframes admin-dot-pulse{0%,to{opacity:1}50%{opacity:.3}}.admin-sidebar-nav{flex:1;padding:.75rem 0}.admin-sidebar-link{font-family:var(--font-body);color:var(--text-muted);border-left:3px solid #0000;align-items:center;gap:.75rem;padding:.7rem 1.25rem;font-size:.875rem;font-weight:500;text-decoration:none;transition:all .15s;display:flex;position:relative}.admin-sidebar-link:hover{color:var(--text-color);background-color:var(--bg-surface-low)}.admin-sidebar-link.active{color:var(--primary-color);background-color:var(--bg-surface-low);border-left-color:var(--primary-color);font-weight:700}.admin-sidebar-link .material-symbols-outlined{font-size:1.2rem}.admin-sidebar-badge{background-color:var(--primary-color);color:#fff;font-size:.6rem;font-weight:700;font-family:var(--font-mono);text-align:center;min-width:1.2rem;margin-left:auto;padding:.15rem .4rem}.admin-sidebar-divider{background-color:var(--outline-variant);height:1px;margin:.5rem 1.25rem}.admin-sidebar-section-label{font-family:var(--font-mono);color:var(--text-muted);letter-spacing:.1em;padding:.5rem 1.25rem .25rem;font-size:.6rem;font-weight:700}.admin-sidebar-footer{border-top:1px solid var(--outline-variant);flex-direction:column;gap:.5rem;padding:1rem 1.25rem;display:flex}.admin-sidebar-theme-btn{border:1px solid var(--outline-variant);color:var(--text-muted);font-family:var(--font-body);cursor:pointer;background:0 0;align-items:center;gap:.6rem;padding:.5rem .75rem;font-size:.8rem;transition:all .15s;display:flex}.admin-sidebar-theme-btn:hover{color:var(--text-color);border-color:var(--border-color)}.admin-sidebar-theme-btn .material-symbols-outlined{font-size:1.1rem}.admin-sidebar-website-btn{background-color:var(--bg-surface-alt);border:1px solid var(--border-color);color:var(--text-color);font-family:var(--font-body);cursor:pointer;align-items:center;gap:.6rem;padding:.6rem .75rem;font-size:.8rem;font-weight:600;text-decoration:none;transition:all .15s;display:flex}.admin-sidebar-website-btn:hover{background-color:var(--primary-color);color:#fff;border-color:var(--primary-color)}.admin-sidebar-website-btn .material-symbols-outlined{font-size:1.1rem}.admin-main-content{background-image:radial-gradient(circle, var(--grid-dot-color) 1px, transparent 1px);background-size:24px 24px;flex:1;min-height:100vh;margin-left:260px;padding:2rem 2.5rem}.admin-page-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:2rem;display:flex}.admin-page-title{letter-spacing:-.02em;margin-bottom:.25rem;font-size:1.75rem}.admin-page-subtitle{color:var(--text-muted);font-size:.7rem;font-weight:400}.admin-quick-actions{gap:.75rem;display:flex}.admin-quick-action-btn{border:1px solid var(--border-color);background-color:var(--bg-surface);color:var(--text-color);font-family:var(--font-mono);text-transform:uppercase;cursor:pointer;align-items:center;gap:.4rem;padding:.5rem 1rem;font-size:.75rem;font-weight:700;text-decoration:none;transition:all .15s;display:inline-flex}.admin-quick-action-btn:hover{background-color:var(--primary-color);color:#fff;border-color:var(--primary-color)}.admin-quick-action-btn .material-symbols-outlined{font-size:1rem}.admin-stat-cards-row{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1rem;margin-bottom:2rem;display:grid}.admin-stat-card{background-color:var(--bg-surface);border:1px solid var(--border-color);padding:1.25rem}.admin-stat-card-label{color:var(--text-muted);letter-spacing:.05em;margin-bottom:.5rem;font-size:.6rem;font-weight:700}.admin-stat-card-value{font-family:var(--font-display);letter-spacing:-.02em;font-size:1.75rem;font-weight:700}.admin-chart-block{background-color:var(--bg-surface);border:1px solid var(--border-color);margin-bottom:1.5rem;padding:1.5rem}.admin-chart-header{justify-content:space-between;align-items:center;margin-bottom:1rem;display:flex}.admin-chart-header h3{text-transform:uppercase;letter-spacing:-.01em;font-size:1rem;font-weight:700}.admin-chart-container{width:100%}.admin-chart-tooltip{background-color:var(--bg-surface);border:1px solid var(--border-color);box-shadow:4px 4px 0 var(--border-color);padding:.5rem .75rem}.admin-dashboard-bottom-row{grid-template-columns:1fr 1fr;gap:1.5rem;margin-bottom:1.5rem;display:grid}.admin-chart-half{margin-bottom:0}.admin-orders-summary-card{background-color:var(--bg-surface);border:2px solid var(--border-color);color:var(--text-color);cursor:pointer;justify-content:space-between;align-items:center;padding:1.5rem;text-decoration:none;transition:all .15s;display:flex}.admin-orders-summary-card:hover{border-color:var(--primary-color);box-shadow:4px 4px 0 var(--primary-color)}.admin-orders-summary-content{flex-direction:column;display:flex}.admin-orders-summary-icon .material-symbols-outlined{color:var(--primary-color);margin-bottom:.75rem;font-size:2rem}.admin-orders-summary-count{font-family:var(--font-display);font-size:2.5rem;font-weight:700;line-height:1}.admin-orders-summary-label{color:var(--text-muted);margin-top:.25rem;font-size:.65rem;font-weight:700}.admin-orders-mini-stat{flex-direction:column;gap:.15rem;display:flex}.admin-orders-summary-arrow .material-symbols-outlined{color:var(--text-muted);font-size:2rem;transition:transform .2s,color .2s}.admin-orders-summary-card:hover .admin-orders-summary-arrow .material-symbols-outlined{color:var(--primary-color);transform:translate(4px)}.admin-activity-feed{flex-direction:column;display:flex}.admin-activity-item{border-bottom:1px solid var(--outline-variant);align-items:center;gap:.75rem;padding:.75rem 0;font-size:.9rem;display:flex}.admin-activity-item:last-child{border-bottom:none}.admin-activity-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px}.admin-activity-dot[data-status=active]{background-color:#22c55e}.admin-activity-dot[data-status=shipped]{background-color:#3b82f6}.admin-activity-info{flex:1}.admin-activity-time{color:var(--text-muted);flex-shrink:0;font-size:.7rem}.admin-status-badge{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.05em;flex-shrink:0;padding:.2rem .5rem;font-size:.6rem;font-weight:700;display:inline-block}.admin-status-badge.active{color:#22c55e;background-color:#22c55e26;border:1px solid #22c55e}.admin-status-badge.shipped{color:#3b82f6;background-color:#3b82f626;border:1px solid #3b82f6}.admin-orders-filter-tabs{gap:.5rem;margin-bottom:1.5rem;display:flex}.admin-orders-filter-btn{border:1px solid var(--border-color);font-family:var(--font-mono);text-transform:uppercase;color:var(--text-muted);cursor:pointer;background:0 0;padding:.5rem 1rem;font-size:.75rem;font-weight:700;transition:all .15s}.admin-orders-filter-btn:hover{color:var(--text-color);border-color:var(--text-color)}.admin-orders-filter-btn.active{background-color:var(--primary-color);color:#fff;border-color:var(--primary-color)}.admin-orders-list{flex-direction:column;gap:.75rem;display:flex}.admin-order-card{background-color:var(--bg-surface);border:1px solid var(--border-color);transition:border-color .15s}.admin-order-card:hover{border-color:var(--primary-color)}.admin-order-card.expanded{border-width:2px}.admin-order-row{cursor:pointer;grid-template-columns:120px 1.5fr 1.5fr 150px 100px 80px 40px;align-items:center;gap:.75rem;padding:1rem 1.25rem;display:grid}.admin-order-id-col{text-overflow:ellipsis;overflow:hidden}.admin-order-customer-col{flex-direction:column;gap:.15rem;display:flex}.admin-order-items-col{flex-direction:column;gap:.15rem;display:flex;overflow:hidden}.admin-order-date-col{color:var(--text-muted);font-size:.75rem}.admin-order-total-col{flex-direction:column;gap:.1rem;font-size:.95rem;font-weight:700;display:flex}.admin-order-status-col{text-align:center}.admin-order-expand-col{text-align:center;color:var(--text-muted)}.admin-order-details{border-top:1px solid var(--outline-variant);padding:0 1.25rem 1.25rem}.admin-order-details-grid{grid-template-columns:1fr 1fr;gap:2rem;padding-top:1.25rem;display:grid}.admin-order-detail-section{min-width:0}.admin-order-item-row{border-bottom:1px solid var(--outline-variant);align-items:center;gap:.75rem;padding:.5rem 0;display:flex}.admin-order-item-row:last-child{border-bottom:none}.admin-order-item-img{object-fit:cover;border:1px solid var(--border-color);flex-shrink:0;width:45px;height:45px}.admin-order-actions{border-top:1px solid var(--outline-variant);gap:.75rem;margin-top:1rem;padding-top:1.25rem;display:flex}.admin-empty-state{text-align:center;background-color:var(--bg-surface);border:1px solid var(--border-color);padding:4rem 2rem}.admin-loading-screen{background-color:var(--bg-color);flex-direction:column;justify-content:center;align-items:center;min-height:100vh;display:flex}.admin-loading-icon{color:var(--primary-color);font-size:3rem;animation:1.5s linear infinite spin}.admin-overview-loading{flex-direction:column;justify-content:center;align-items:center;min-height:50vh;display:flex}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}body.is-mobile .admin-layout{display:block}body.is-mobile .admin-main-content{margin-left:0;padding:1.5rem 1.25rem 6rem}.admin-mobile-bottom-nav{background-color:var(--bg-surface);border-top:2px solid var(--border-color);z-index:1000;box-sizing:border-box;width:100vw;max-width:100%;height:70px;display:flex;position:fixed;bottom:0;left:0}@keyframes gradient-pan{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}.admin-mobile-greeting-animated{background:linear-gradient(90deg, var(--primary-color), #ff4a4a, var(--primary-color));color:#0000;background-size:200%;-webkit-background-clip:text;background-clip:text;animation:3s infinite gradient-pan}.admin-mobile-menu-page{padding:1.5rem 1.5rem 90px}.admin-mobile-menu-title{font-family:var(--font-display);margin-bottom:2rem;font-size:2rem;font-weight:700;line-height:1.1}.admin-mobile-menu-grid{grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:2rem;display:grid}.admin-mobile-menu-card{border:1px solid var(--border-color);color:var(--text-color);font-family:var(--font-display);background-color:#0000;flex-direction:column;justify-content:center;align-items:center;gap:1rem;padding:2rem 1rem;font-size:1.1rem;font-weight:600;text-decoration:none;transition:all .2s;display:flex}.admin-mobile-action-list{flex-direction:column;gap:.75rem;display:flex}.admin-mobile-action-btn{border:1px solid var(--border-color);color:var(--text-color);font-family:var(--font-display);cursor:pointer;background-color:#0000;justify-content:space-between;align-items:center;width:100%;padding:1.25rem 1.5rem;font-size:1.1rem;font-weight:600;text-decoration:none;transition:all .2s;display:flex}.admin-mobile-action-btn:active{background-color:var(--bg-surface-low);border-color:var(--primary-color)}.admin-mobile-nav-btn{color:var(--text-muted);font-family:var(--font-body);flex-direction:column;flex:1;justify-content:center;align-items:center;gap:.25rem;font-size:.65rem;font-weight:600;text-decoration:none;transition:all .15s;display:flex;position:relative}.admin-mobile-nav-btn .material-symbols-outlined{font-size:1.5rem}.admin-mobile-nav-btn.active{color:var(--primary-color)}.admin-mobile-nav-btn.active:before{content:"";background-color:var(--primary-color);border-radius:0 0 3px 3px;height:3px;position:absolute;top:0;left:20%;right:20%}.admin-mobile-greeting-block{flex-direction:column;justify-content:center;min-height:calc(100vh - 120px);padding-bottom:2rem;display:flex}.admin-mobile-greeting-text{font-family:var(--font-display);letter-spacing:-.04em;margin-bottom:.5rem;font-size:2.25rem;font-weight:700;line-height:1.1}.admin-mobile-greeting-date{font-family:var(--font-mono);color:var(--text-muted);text-transform:uppercase;font-size:.75rem}.admin-mobile-orders-card{border:1px solid var(--border-color);color:var(--text-color);background-color:#0000;justify-content:space-between;align-items:center;margin-top:2rem;padding:1.5rem;text-decoration:none;transition:all .2s;display:flex}.admin-mobile-orders-card:active{background-color:var(--bg-surface-low);border-color:var(--primary-color)}.admin-mobile-stat-box{border:1px solid var(--border-color);color:var(--text-color);background-color:#0000;justify-content:space-between;align-items:center;margin-top:.5rem;margin-bottom:2rem;padding:1.25rem 1.5rem;display:flex}.admin-mobile-stat-value{font-family:var(--font-display);font-size:1.5rem;font-weight:700;line-height:1.2}.admin-mobile-stat-sub{font-family:var(--font-mono);color:var(--primary-color);font-size:.65rem;font-weight:700}.admin-mobile-product-carousel{scroll-snap-type:x mandatory;scrollbar-width:none;-ms-overflow-style:none;gap:1rem;margin-top:.5rem;margin-bottom:2rem;padding-bottom:.5rem;display:flex;overflow-x:auto}.admin-mobile-product-carousel::-webkit-scrollbar{display:none}.admin-mobile-product-slide{scroll-snap-align:start;border:1px solid var(--border-color);background-color:#0000;flex-direction:column;flex:0 0 85%;padding:1.25rem;display:flex}.admin-mobile-product-slide-name{font-family:var(--font-display);color:var(--text-color);margin-bottom:1.25rem;font-size:1.25rem;font-weight:700;line-height:1.1}.admin-mobile-product-slide-img{aspect-ratio:1;object-fit:cover;border-radius:2px;width:100%}.admin-mobile-orders-info{flex-direction:column;gap:.25rem;display:flex}.admin-mobile-orders-count{font-family:var(--font-display);font-size:2rem;font-weight:700;line-height:1}.admin-mobile-orders-label{font-family:var(--font-mono);color:var(--primary-color);font-size:.65rem;font-weight:700}.admin-mobile-orders-arrow{background-color:var(--primary-color);color:#fff;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.admin-mobile-menu-page{padding-top:1rem}.admin-mobile-menu-title{font-family:var(--font-display);margin-bottom:1.5rem;font-size:1.5rem;font-weight:700}.admin-mobile-menu-grid{grid-template-columns:1fr 1fr;gap:1rem;display:grid}.admin-mobile-menu-card{aspect-ratio:1;background-color:var(--bg-surface);border:2px solid var(--border-color);color:var(--text-color);flex-direction:column;justify-content:center;align-items:center;gap:.75rem;text-decoration:none;transition:all .15s;display:flex}.admin-mobile-menu-card:active{background-color:var(--bg-surface-low);border-color:var(--primary-color)}.admin-mobile-menu-card .material-symbols-outlined{color:var(--primary-color);font-size:2.5rem}.admin-mobile-menu-card span{font-family:var(--font-mono);text-transform:uppercase;text-align:center;font-size:.75rem;font-weight:700}.admin-mobile-action-list{flex-direction:column;gap:.75rem;margin-top:1.5rem;display:flex}.admin-mobile-action-btn{background-color:var(--bg-surface);border:1px solid var(--border-color);color:var(--text-color);font-family:var(--font-body);cursor:pointer;border-radius:0;justify-content:space-between;align-items:center;padding:1.25rem;font-weight:600;text-decoration:none;display:flex}.admin-mobile-action-btn-left{align-items:center;gap:.75rem;display:flex}.admin-mobile-action-btn .material-symbols-outlined{color:var(--text-muted)}.admin-header{border-bottom:2px solid var(--border-color);background-color:var(--bg-surface-low);padding:4rem 8% 2rem}.admin-tabs-nav{border-bottom:2px solid var(--border-color);background-color:var(--bg-surface);gap:1rem;padding:0 8%;display:flex}.admin-tab-btn{font-family:var(--font-display);text-transform:uppercase;color:var(--text-muted);cursor:pointer;background:0 0;border:none;padding:1rem 1.5rem;font-size:.875rem;font-weight:700;transition:color .2s;position:relative}.admin-tab-btn:hover,.admin-tab-btn.active{color:var(--primary-color)}.admin-tab-btn.active:after{content:"";background-color:var(--primary-color);width:100%;height:3px;position:absolute;bottom:-2px;left:0}.admin-section{padding:3rem 8%}.admin-table-container{border:2px solid var(--border-color);margin-bottom:2rem;overflow-x:auto}.admin-table{border-collapse:collapse;text-align:left;background-color:var(--bg-surface);width:100%}.admin-table th,.admin-table td{border-bottom:1px solid var(--outline-variant);font-family:var(--font-body);padding:1rem;font-size:.9rem}.admin-table th{background-color:var(--bg-surface-alt);font-family:var(--font-mono);text-transform:uppercase;color:var(--text-muted);border-bottom:2px solid var(--border-color);font-size:.75rem}.admin-table tbody tr:hover{background-color:var(--bg-surface-low)}.admin-action-btn{border:1px solid var(--border-color);font-family:var(--font-mono);text-transform:uppercase;cursor:pointer;background:0 0;margin-right:.5rem;padding:.3rem .6rem;font-size:.7rem;font-weight:700;transition:all .2s}.admin-action-btn.edit{color:var(--text-color)}.admin-action-btn.edit:hover{background-color:var(--primary-color);color:#fff;border-color:var(--primary-color)}.admin-action-btn.delete{color:var(--primary-color);border-color:var(--primary-color)}.admin-action-btn.delete:hover{background-color:var(--primary-color);color:#fff}.admin-modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:2000;background-color:#00000080;justify-content:center;align-items:center;width:100vw;height:100vh;padding:1.5rem;display:flex;position:fixed;top:0;left:0}.admin-modal-card{background-color:var(--bg-surface);border:2px solid var(--border-color);width:100%;max-width:540px;box-shadow:8px 8px 0px var(--border-color);max-height:90vh;padding:2.5rem;position:relative;overflow-y:auto}.admin-modal-card h3{border-bottom:2px solid var(--border-color);margin-bottom:1.5rem;padding-bottom:.5rem;font-size:1.5rem}.admin-form-actions{justify-content:flex-end;gap:1rem;margin-top:2rem;display:flex}.admin-form-grid{grid-template-columns:1fr 1fr;gap:1rem;display:grid}@media (width<=768px){.admin-header{padding:2.5rem 5% 1.5rem}.admin-tabs-nav{white-space:nowrap;-webkit-overflow-scrolling:touch;padding:0 5%;overflow-x:auto}.admin-tab-btn{padding:.85rem 1rem}.admin-section{padding:1.5rem 5%}.admin-form-grid{grid-template-columns:1fr}.admin-order-row{grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);grid-template-areas:"id id""customer items""date date""status total";align-items:start;gap:.75rem 1rem;padding-right:2.5rem;display:grid;position:relative}.admin-order-id-col{grid-area:id}.admin-order-customer-col{word-break:normal;overflow-wrap:break-word;grid-area:customer;min-width:0}.admin-order-items-col{text-align:right;word-break:normal;overflow-wrap:break-word;grid-area:items;align-items:flex-end;min-width:0}.admin-order-date-col{border-bottom:1px dashed var(--border-color);grid-area:date;padding-bottom:.75rem}.admin-order-status-col{text-align:left;grid-area:status;align-self:center}.admin-order-total-col{text-align:right;grid-area:total;align-self:center;align-items:flex-end}.admin-order-expand-col{position:absolute;top:1rem;right:1rem}.admin-order-details-grid{grid-template-columns:1fr;gap:1.5rem}.admin-order-customer-col,.admin-order-detail-section{word-break:normal;overflow-wrap:break-word}.admin-modal-card{max-height:95vh;padding:1.5rem}.admin-form-actions{flex-direction:column}.admin-form-actions button{width:100%}.admin-table thead{display:none}.admin-table,.admin-table tbody{flex-direction:column;gap:.75rem;width:100%;display:flex}.admin-table tr{border:2px solid var(--border-color);background-color:var(--bg-surface-low);grid-template-columns:auto 1fr;grid-template-areas:"image details""image price""actions actions";align-items:start;gap:.5rem 1rem;width:100%;margin-bottom:0;padding:.75rem;display:grid}.admin-table td{border-bottom:none;width:100%;padding:0;display:block;text-align:left!important}.admin-table td:first-child{grid-area:image;width:auto!important}.admin-table td:nth-child(2){grid-area:details}.admin-table td:nth-child(3){grid-area:price}.admin-table td:nth-child(4){flex-wrap:wrap;grid-area:actions;gap:.5rem;margin-top:.5rem;display:flex}.admin-table.category-table tr{flex-direction:row;justify-content:space-between;align-items:center;width:100%}.admin-table.category-table td{width:auto}.admin-table-container{background-color:#0000;border:none;overflow-x:visible}}.order-success-page{justify-content:center;align-items:center;min-height:calc(100vh - 80px);padding:5rem 1.5rem 4rem;display:flex;position:relative;overflow:hidden}.order-confetti-canvas{pointer-events:none;z-index:1;width:100%;height:100%;position:absolute;top:0;left:0}.order-success-card{z-index:2;background-color:var(--bg-surface);border:2px solid var(--border-color);width:100%;max-width:600px;box-shadow:8px 8px 0px var(--border-color);text-align:center;padding:3rem 2.5rem;animation:.6s cubic-bezier(.16,1,.3,1) forwards orderCardEntrance;position:relative}@keyframes orderCardEntrance{0%{opacity:0;transform:translateY(24px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}.order-icon-wrapper{justify-content:center;align-items:center;margin-bottom:1.75rem;display:inline-flex;position:relative}.order-pulse-halo{opacity:0;pointer-events:none;background:radial-gradient(circle,#22c55e4d 0%,#22c55e00 70%);border-radius:50%;width:120px;height:120px;animation:2.4s ease-out 1.2s infinite haloPulse;position:absolute}@keyframes haloPulse{0%{opacity:.9;transform:scale(.85)}50%{opacity:.35;transform:scale(1.4)}to{opacity:0;transform:scale(1.7)}}.order-check-svg{filter:drop-shadow(0 0 12px #22c55e66);display:block}.order-circle-path{stroke-dasharray:340;stroke-dashoffset:340px;transform-origin:50%;animation:.85s cubic-bezier(.65,0,.35,1) .35s forwards drawCircle;transform:rotate(-90deg)}@keyframes drawCircle{0%{stroke-dashoffset:340px;opacity:0}15%{opacity:1}to{stroke-dashoffset:0;opacity:1}}.order-checkmark-path{stroke-dasharray:80;stroke-dashoffset:80px;opacity:0;transform-origin:60px 60px;animation:.65s cubic-bezier(.25,1,.5,1) 1.1s forwards drawCheckmark,.4s cubic-bezier(.34,1.56,.64,1) 1.45s forwards popCheckmark}@keyframes drawCheckmark{0%{stroke-dashoffset:80px;opacity:0}20%{opacity:1}to{stroke-dashoffset:0;opacity:1}}@keyframes popCheckmark{0%{transform:scale(1)}50%{transform:scale(1.15)}to{transform:scale(1)}}.order-success-title{letter-spacing:-.02em;color:var(--text-color);margin-bottom:.5rem;font-size:2.25rem;line-height:1.15}.order-status-badge{font-family:var(--font-mono);color:#16a34a;text-transform:uppercase;letter-spacing:.05em;background-color:#22c55e1f;border:1px solid #22c55e;align-items:center;gap:.5rem;margin-bottom:1.5rem;padding:.35rem .85rem;font-size:.8rem;font-weight:700;display:inline-flex}:root.dark .order-status-badge{color:#4ade80;background-color:#22c55e2e;border-color:#22c55e}.order-status-badge .live-dot{background-color:#22c55e;border-radius:50%;width:7px;height:7px;animation:1.4s infinite blinkDot;box-shadow:0 0 8px #22c55e}@keyframes blinkDot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.85)}}.order-details-card{border:2px solid var(--border-color);background-color:var(--bg-surface-low);text-align:left;margin-bottom:2rem;padding:1.5rem}.order-timeline{border-top:1px solid var(--border-color);grid-template-columns:repeat(4,1fr);gap:.5rem;margin-top:1.25rem;padding-top:1.25rem;display:grid}.order-timeline-step{text-align:center}.order-timeline-step-indicator{background-color:var(--outline-variant);width:100%;height:4px;margin-bottom:.5rem;position:relative}.order-timeline-step.active .order-timeline-step-indicator{background-color:#22c55e;box-shadow:0 0 6px #22c55e80}.order-timeline-step.current .order-timeline-step-indicator{background-color:var(--primary-color);box-shadow:0 0 6px #e31e2480}.order-timeline-step-label{font-family:var(--font-mono);text-transform:uppercase;color:var(--text-muted);font-size:.65rem;font-weight:700}.order-timeline-step.active .order-timeline-step-label{color:#16a34a}:root.dark .order-timeline-step.active .order-timeline-step-label{color:#4ade80}.order-timeline-step.current .order-timeline-step-label{color:var(--primary-color)}.order-actions,.order-actions-row{flex-direction:column;gap:.85rem;display:flex}@media (width>=640px){.order-actions-row{grid-template-columns:1fr 1fr;display:grid}}.paypal-card-container{border:1px solid var(--border-color);box-shadow:2px 2px 0px var(--border-color);background-color:#fff;border-radius:4px;margin-top:.6rem;padding:.65rem .5rem}.dark .paypal-card-container{background-color:#fff;border-color:#e5e7eb;box-shadow:2px 2px #00000080}.orbit-showcase-section{background-color:var(--bg-surface-low);border-bottom:2px solid var(--border-color);justify-content:center;align-items:center;min-height:640px;padding:4rem 1.5rem;display:flex;position:relative;overflow:hidden}.orbit-carousel-container{justify-content:center;align-items:center;width:480px;height:480px;display:flex;position:relative}.orbit-circle-track{border:1.5px solid var(--border-color);pointer-events:none;opacity:.6;border-radius:50%;width:100%;height:100%;position:absolute;top:0;left:0}.orbit-product-card{background-color:var(--bg-surface);border:2px solid var(--border-color);width:88px;box-shadow:3px 3px 0px var(--border-color);-webkit-user-select:none;user-select:none;pointer-events:none;cursor:default;padding:4px;display:block;border-radius:0!important}.orbit-product-img-box{aspect-ratio:1;border:1px solid var(--border-color);background-color:var(--bg-surface-alt);width:100%;overflow:hidden}.orbit-product-img{object-fit:cover;width:100%;height:100%;display:block}.orbit-product-label{font-family:var(--font-mono);color:var(--text-color);text-transform:uppercase;text-align:center;text-overflow:ellipsis;white-space:nowrap;margin-top:4px;font-size:.58rem;font-weight:700;overflow:hidden}.orbit-revolve-card{z-index:15;position:absolute;top:50%;left:50%}.orbit-revolve-0{animation:18s linear infinite orbitRevolve0}.orbit-revolve-1{animation:18s linear infinite orbitRevolve1}.orbit-revolve-2{animation:18s linear infinite orbitRevolve2}.orbit-revolve-3{animation:18s linear infinite orbitRevolve3}.orbit-revolve-4{animation:18s linear infinite orbitRevolve4}.orbit-revolve-5{animation:18s linear infinite orbitRevolve5}@keyframes orbitRevolve0{0%{transform:translate(-50%,-50%)rotate(0)translateY(-240px)rotate(0)}to{transform:translate(-50%,-50%)rotate(360deg)translateY(-240px)rotate(-360deg)}}@keyframes orbitRevolve1{0%{transform:translate(-50%,-50%)rotate(60deg)translateY(-240px)rotate(-60deg)}to{transform:translate(-50%,-50%)rotate(420deg)translateY(-240px)rotate(-420deg)}}@keyframes orbitRevolve2{0%{transform:translate(-50%,-50%)rotate(120deg)translateY(-240px)rotate(-120deg)}to{transform:translate(-50%,-50%)rotate(480deg)translateY(-240px)rotate(-480deg)}}@keyframes orbitRevolve3{0%{transform:translate(-50%,-50%)rotate(180deg)translateY(-240px)rotate(-180deg)}to{transform:translate(-50%,-50%)rotate(540deg)translateY(-240px)rotate(-540deg)}}@keyframes orbitRevolve4{0%{transform:translate(-50%,-50%)rotate(240deg)translateY(-240px)rotate(-240deg)}to{transform:translate(-50%,-50%)rotate(600deg)translateY(-240px)rotate(-600deg)}}@keyframes orbitRevolve5{0%{transform:translate(-50%,-50%)rotate(300deg)translateY(-240px)rotate(-300deg)}to{transform:translate(-50%,-50%)rotate(660deg)translateY(-240px)rotate(-660deg)}}.mobile-media-slideshow{display:none}@media (width<=768px){.orbit-showcase-section{min-height:500px;padding:2rem 1rem}.orbit-carousel-container{width:340px;height:340px}.orbit-product-card{width:65px;padding:3px}.mobile-nav-pill{border-radius:9999px!important;flex-direction:column!important;justify-content:flex-start!important;align-items:center!important;width:130px!important;min-width:0!important;height:auto!important;padding:0!important;transition:width .35s cubic-bezier(.16,1,.3,1) .3s,border-radius .35s cubic-bezier(.16,1,.3,1) .3s,box-shadow .3s!important;display:flex!important;overflow:hidden!important}.mobile-nav-pill.expanded{border-radius:20px!important;width:min(90vw,360px)!important;min-width:0!important;height:auto!important;transition:width .35s cubic-bezier(.16,1,.3,1),border-radius .35s cubic-bezier(.16,1,.3,1),box-shadow .3s!important}.mobile-nav-pill.island-alert{width:min(92vw,380px)!important;min-width:0!important;height:auto!important;box-shadow:0 8px 30px #00000073, 0 0 20px var(--glow-color)!important;border-radius:9999px!important;transition:width .38s cubic-bezier(.16,1,.3,1),border-radius .38s cubic-bezier(.16,1,.3,1),box-shadow .3s!important}.mobile-nav-pill.island-cookie{width:min(92vw,380px)!important;min-width:0!important;height:auto!important;box-shadow:0 10px 35px #00000080, 0 0 25px var(--glow-color)!important;border-radius:20px!important;transition:width .38s cubic-bezier(.16,1,.3,1),border-radius .38s cubic-bezier(.16,1,.3,1),box-shadow .3s!important}.mobile-nav-header{-webkit-user-select:none;user-select:none;width:100%;height:44px;min-height:44px;position:relative}.mobile-nav-pill.expanded .mobile-nav-header{height:44px;min-height:44px}.mobile-nav-toggle-btn{cursor:pointer;z-index:2;white-space:nowrap;justify-content:center;align-items:center;gap:.4rem;transition:opacity .25s,transform .25s;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.mobile-nav-pill.island-alert .mobile-nav-toggle-btn,.mobile-nav-pill.island-cookie .mobile-nav-toggle-btn{transform:translate(-50%,-50%)scale(.85);opacity:0!important;pointer-events:none!important}.mobile-nav-title{color:var(--text-color);font-family:var(--font-display);text-transform:uppercase;letter-spacing:.12em;font-size:.8rem;font-weight:700;line-height:1}.mobile-nav-icon{color:var(--primary-color);justify-content:center;align-items:center;font-size:1.15rem;line-height:1;transition:transform .35s cubic-bezier(.175,.885,.32,1.275);display:inline-flex}.mobile-nav-icon.is-close{transform:rotate(180deg)}.mobile-nav-top-logo{opacity:0;pointer-events:none;align-items:center;transition:opacity .25s;display:flex;position:absolute;top:50%;left:1.1rem;transform:translateY(-50%)}.mobile-nav-pill.expanded .mobile-nav-top-logo{opacity:1;pointer-events:auto;transition:opacity .3s .2s}.mobile-nav-top-actions{opacity:0;pointer-events:none;align-items:center;gap:.75rem;transition:opacity .25s;display:flex;position:absolute;top:50%;right:1.1rem;transform:translateY(-50%)}.mobile-nav-pill.expanded .mobile-nav-top-actions{opacity:1;pointer-events:auto;transition:opacity .3s .2s}.mobile-nav-top-divider{background-color:var(--border-color);opacity:0;width:90%;height:1px;margin:0 auto;transition:opacity .2s}.mobile-nav-pill.expanded .mobile-nav-top-divider{opacity:.8;transition:opacity .3s .25s}.mobile-nav-drawer{grid-template-rows:0fr;width:100%;transition:grid-template-rows .3s cubic-bezier(.16,1,.3,1);display:grid}.mobile-nav-pill.expanded .mobile-nav-drawer{grid-template-rows:1fr;transition:grid-template-rows .35s cubic-bezier(.16,1,.3,1) .28s}.mobile-nav-drawer-content{opacity:0;flex-direction:column;align-items:center;gap:.5rem;width:100%;min-height:0;padding:0 1.25rem;transition:opacity .25s,transform .25s,padding .3s cubic-bezier(.16,1,.3,1);display:flex;overflow:hidden;transform:translateY(-16px)}.mobile-nav-pill.expanded .mobile-nav-drawer-content{opacity:1;padding:.75rem 1.25rem 1.25rem;transition:opacity .35s cubic-bezier(.16,1,.3,1) .3s,transform .35s cubic-bezier(.16,1,.3,1) .3s,padding .35s cubic-bezier(.16,1,.3,1) .28s;transform:translateY(0)}.mobile-nav-links{flex-direction:column;align-items:center;gap:.85rem;width:100%;margin-top:0;display:flex}.mobile-nav-auth-section{border-top:1px solid var(--border-color);flex-direction:column;gap:.75rem;width:100%;padding-top:.85rem;display:flex}.mobile-nav-user-row{flex-direction:column;align-items:center;gap:.75rem;width:100%;display:flex}.mobile-nav-user-row .nav-profile-badge{justify-content:center;width:100%}.mobile-nav-user-row .nav-btn-logout{width:100%}.mobile-nav-auth-section .nav-btn-signup{text-align:center;width:100%}.hero-main-title{margin-bottom:.5rem!important;font-size:clamp(2.3rem,10vw,3.4rem)!important}.hero-subtitle{margin-bottom:1.75rem!important;font-size:clamp(1.1rem,4.5vw,1.4rem)!important}.browse-catalog-btn{letter-spacing:.05em!important;gap:.4rem!important;padding:.8rem 1rem!important;font-size:.85rem!important}.browse-catalog-btn span.material-symbols-outlined{font-size:1.1rem!important}.nav-icon-spin{animation:.35s cubic-bezier(.175,.885,.32,1.275) rotateIn}@keyframes rotateIn{0%{opacity:0;transform:rotate(-90deg)scale(.5)}to{opacity:1;transform:rotate(0)scale(1)}}.category-center-card{min-width:260px!important;padding:1.5rem 2rem!important}.category-center-card h2{font-size:1.75rem!important}.category-row-wrapper{height:280px!important}.category-catalog-section{padding:1.5rem 3.5% 3rem!important}.category-products-grid{grid-template-columns:repeat(2,1fr)!important;gap:.75rem!important;padding:0!important}.product-media-container{flex-direction:column!important;gap:1rem!important}.product-sidebar-media,.desktop-media-view{display:none!important}.mobile-media-slideshow{scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;gap:2px;width:100%;overflow-x:auto;display:flex!important}.mobile-media-slideshow::-webkit-scrollbar{display:none}.mobile-media-slide{scroll-snap-align:center;scroll-snap-stop:always;flex:0 0 100%;justify-content:center;align-items:center;width:100%;min-width:100%;height:100%;display:flex;position:relative;overflow:hidden}.category-products-grid .card-content{padding:.75rem!important}.category-products-grid .card-title{font-size:.95rem!important;line-height:1.2!important}.category-products-grid .card-price{font-size:.8rem!important}.category-products-grid .card-specs{margin-bottom:.65rem!important}.category-products-grid .spec-badge{padding:.2rem .4rem!important;font-size:.65rem!important}.category-products-grid .btn-signal-red{letter-spacing:.05em!important;padding:.55rem .6rem!important;font-size:.75rem!important}.footer-grid{gap:1.5rem}.brutalist-footer{padding:2.5rem 4%}@keyframes orbitRevolve0{0%{transform:translate(-50%,-50%)rotate(0)translateY(-170px)rotate(0)}to{transform:translate(-50%,-50%)rotate(360deg)translateY(-170px)rotate(-360deg)}}@keyframes orbitRevolve1{0%{transform:translate(-50%,-50%)rotate(60deg)translateY(-170px)rotate(-60deg)}to{transform:translate(-50%,-50%)rotate(420deg)translateY(-170px)rotate(-420deg)}}@keyframes orbitRevolve2{0%{transform:translate(-50%,-50%)rotate(120deg)translateY(-170px)rotate(-120deg)}to{transform:translate(-50%,-50%)rotate(480deg)translateY(-170px)rotate(-480deg)}}@keyframes orbitRevolve3{0%{transform:translate(-50%,-50%)rotate(180deg)translateY(-170px)rotate(-180deg)}to{transform:translate(-50%,-50%)rotate(540deg)translateY(-170px)rotate(-540deg)}}@keyframes orbitRevolve4{0%{transform:translate(-50%,-50%)rotate(240deg)translateY(-170px)rotate(-240deg)}to{transform:translate(-50%,-50%)rotate(600deg)translateY(-170px)rotate(-600deg)}}@keyframes orbitRevolve5{0%{transform:translate(-50%,-50%)rotate(300deg)translateY(-170px)rotate(-300deg)}to{transform:translate(-50%,-50%)rotate(660deg)translateY(-170px)rotate(-660deg)}}}.nfc-share-btn{background-color:var(--primary-color);width:100%;color:var(--bg-surface);font-family:var(--font-mono);text-transform:uppercase;cursor:pointer;border:none;border-radius:4px;justify-content:center;align-items:center;gap:.5rem;padding:.75rem;font-weight:700;transition:all .2s;display:flex}.nfc-share-btn:hover:not(:disabled){background-color:var(--text-color);color:var(--bg-surface)}.nfc-share-btn.sharing{background-color:#3b82f6;animation:1.5s infinite nfcPulse}.nfc-share-btn.success{background-color:#10b981}.nfc-share-btn.error{background-color:#ef4444}@keyframes nfcPulse{0%{box-shadow:0 0 #3b82f6b3}70%{box-shadow:0 0 0 15px #3b82f600}to{box-shadow:0 0 #3b82f600}}.nfc-status-text{text-align:center;font-size:.75rem;font-family:var(--font-mono);margin-top:.5rem}.reels-section{background:radial-gradient(circle at 50% 50%, #1a1a1a 0%, var(--bg-surface) 100%);border-top:2px solid var(--border-color);flex-direction:column;align-items:center;padding:5rem 2rem;display:flex;position:relative;overflow:hidden}.reels-section:before{content:"";pointer-events:none;z-index:0;background-image:linear-gradient(#ffffff08 1px,#0000 1px),linear-gradient(90deg,#ffffff08 1px,#0000 1px);background-size:30px 30px;position:absolute;inset:0}.reels-header,.reels-carousel-container{z-index:1;position:relative}.reels-header{flex-direction:column;align-items:center;width:100%;max-width:1200px;margin-bottom:3rem;display:flex;position:relative}.reels-title{font-family:var(--font-display);text-transform:uppercase;letter-spacing:-.02em;text-align:center;margin-bottom:1.5rem;font-size:2.5rem;font-weight:800}.reels-controls{align-items:center;gap:1rem;display:flex}.reels-arrow-btn,.reels-pause-btn{background:var(--bg-surface);border:2px solid var(--text-color);color:var(--text-color);cursor:pointer;width:48px;height:48px;box-shadow:3px 3px 0px var(--text-color);justify-content:center;align-items:center;transition:all .2s;display:flex}.reels-arrow-btn:hover,.reels-pause-btn:hover{box-shadow:5px 5px 0px var(--text-color);transform:translate(-2px,-2px)}.reels-arrow-btn:active,.reels-pause-btn:active{box-shadow:1px 1px 0px var(--text-color);transform:translate(2px,2px)}.reels-progress-bar{background-color:var(--border-color);width:100%;max-width:300px;height:4px;margin-top:1.5rem;position:relative;overflow:hidden}.reels-progress-fill{background-color:var(--accent-red);width:0%;height:100%;animation-name:progressFill;animation-timing-function:linear;animation-fill-mode:forwards;position:absolute;top:0;left:0}@keyframes progressFill{0%{width:0%}to{width:100%}}.reels-carousel-container{perspective:1000px;justify-content:center;align-items:center;width:100%;max-width:1400px;height:600px;display:flex;position:relative}.reel-slot{border:2px solid var(--border-color);background:#000;justify-content:center;align-items:center;width:320px;height:560px;transition:all .6s cubic-bezier(.25,1,.5,1);display:flex;position:absolute}.reel-iframe-wrapper{width:100%;height:100%;position:relative;overflow:hidden}.reel-iframe{pointer-events:auto;width:100%;height:100%}.reel-overlay-blocker{z-index:10;cursor:pointer;background:0 0;position:absolute;inset:0}.reel-center{z-index:5;opacity:1;border-color:var(--accent-red);transform:translate(0)scale(1);box-shadow:0 20px 40px #0006}.reel-inner-left{z-index:4;opacity:.6;transform:translate(-60%)scale(.85)}.reel-inner-right{z-index:4;opacity:.6;transform:translate(60%)scale(.85)}.reel-outer-left{z-index:3;opacity:.2;transform:translate(-110%)scale(.7)}.reel-outer-right{z-index:3;opacity:.2;transform:translate(110%)scale(.7)}.reel-external-link{color:#fff;font-family:var(--font-main);z-index:20;opacity:0;background:#000000b3;border-radius:20px;align-items:center;gap:.4rem;padding:.5rem 1rem;font-size:.85rem;font-weight:600;text-decoration:none;transition:opacity .3s,background .2s;display:flex;position:absolute;bottom:20px;left:50%;transform:translate(-50%)}.reel-slot:hover .reel-external-link{opacity:1}.reel-external-link:hover{background:var(--accent-red)}.social-icon-link{color:var(--text-muted);justify-content:center;align-items:center;transition:transform .2s,color .3s;display:flex}.social-icon-link:hover{transform:scale(1.15)}.social-icon-ig rect,.social-icon-ig circle:not(.ig-dot){transition:stroke .3s}.social-icon-ig .ig-dot{transition:fill .3s}.social-icon-link:hover .social-icon-ig rect,.social-icon-link:hover .social-icon-ig circle:not(.ig-dot){stroke:url(#ig-gradient)}.social-icon-link:hover .social-icon-ig .ig-dot{fill:#dc2743}.social-icon-yt .yt-outline{transition:stroke .3s}.social-icon-yt .yt-arrow{transition:fill .3s}.social-icon-link:hover .social-icon-yt .yt-outline{stroke:red}.social-icon-link:hover .social-icon-yt .yt-arrow{fill:red}.social-icon-linktree{transition:fill .3s}.social-icon-link:hover .social-icon-linktree{fill:#43e55e}.island-alert-bar{cursor:pointer;z-index:10;justify-content:space-between;align-items:center;gap:.6rem;height:44px;padding:0 .85rem;animation:.35s cubic-bezier(.16,1,.3,1) forwards islandFadeIn;display:flex;position:absolute;inset:0}.island-alert-glyph{background:var(--signal-red,#e31e24);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;animation:1.8s ease-in-out infinite islandPulse;display:flex;box-shadow:0 0 12px #e31e2480}.island-alert-glyph span{font-size:1rem;line-height:1}.island-alert-body{text-align:left;flex-direction:column;flex:1;justify-content:center;min-width:0;display:flex;overflow:hidden}.island-alert-tag{font-family:var(--font-display);letter-spacing:.08em;text-transform:uppercase;color:var(--primary-color,#e31e24);font-size:.62rem;font-weight:800;line-height:1.1}.island-alert-text{font-family:var(--font-body);color:var(--text-color);white-space:nowrap;text-overflow:ellipsis;font-size:.8rem;font-weight:600;line-height:1.2;overflow:hidden}.island-alert-actions{flex-shrink:0;align-items:center;gap:.4rem;display:flex}.island-action-pill-btn{background:var(--signal-red,#e31e24);color:#fff;font-family:var(--font-display);letter-spacing:.06em;text-transform:uppercase;cursor:pointer;white-space:nowrap;border:none;border-radius:9999px;padding:.3rem .65rem;font-size:.68rem;font-weight:700;transition:transform .2s,background .2s}.island-action-pill-btn:hover{transform:scale(1.04)}.island-close-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;padding:.25rem;transition:color .2s,background .2s;display:flex}.island-close-btn:hover{color:var(--text-color);background:#ffffff1a}.island-cookie-header-bar{z-index:10;justify-content:space-between;align-items:center;height:44px;padding:0 1rem;animation:.35s cubic-bezier(.16,1,.3,1) forwards islandFadeIn;display:flex;position:absolute;top:0;left:0;right:0}.island-cookie-header-left{align-items:center;gap:.5rem;display:flex}.island-cookie-icon{color:var(--primary-color,#e31e24);font-size:1.15rem}.island-cookie-header-tag{font-family:var(--font-display);letter-spacing:.08em;text-transform:uppercase;color:var(--text-color);font-size:.72rem;font-weight:800}.island-cookie-drawer{border-top:1px solid var(--border-color);width:100%;animation:.4s cubic-bezier(.16,1,.3,1) forwards islandFadeIn}.island-cookie-content{text-align:left;flex-direction:column;gap:.75rem;padding:.85rem 1.1rem 1.1rem;display:flex}.island-cookie-desc{color:var(--text-muted);font-size:.78rem;line-height:1.45;font-family:var(--font-body);margin:0}.island-cookie-buttons{gap:.5rem;width:100%;display:flex}.island-btn-primary{background:var(--signal-red,#e31e24);color:#fff;border:1px solid var(--signal-red,#e31e24);font-family:var(--font-display);letter-spacing:.06em;text-transform:uppercase;cursor:pointer;text-align:center;border-radius:8px;flex:1;padding:.55rem .75rem;font-size:.72rem;font-weight:700;transition:transform .2s,box-shadow .2s}.island-btn-primary:hover{transform:translateY(-1px);box-shadow:0 4px 12px #e31e2466}.island-btn-ghost{color:var(--text-color);border:1px solid var(--border-color);font-family:var(--font-display);letter-spacing:.06em;text-transform:uppercase;cursor:pointer;text-align:center;background:0 0;border-radius:8px;flex:1;padding:.55rem .75rem;font-size:.72rem;font-weight:700;transition:border-color .2s,background .2s}.island-btn-ghost:hover{border-color:var(--text-color);background:#ffffff0d}.floating-nav.island-alert{width:min(90vw,420px)!important;min-width:0!important;box-shadow:0 8px 30px #0006, 0 0 20px var(--glow-color)!important;border-radius:9999px!important;padding:0!important;overflow:hidden!important}.floating-nav.island-cookie{width:min(90vw,420px)!important;min-width:0!important;height:auto!important;box-shadow:0 10px 35px #00000073, 0 0 25px var(--glow-color)!important;border-radius:20px!important;padding:0!important;overflow:hidden!important}.desktop-island-alert{width:100%!important;height:48px!important;padding:0 1rem!important;position:relative!important}.desktop-island-cookie-wrap{flex-direction:column;width:100%;display:flex}.desktop-island-cookie-wrap .island-cookie-header-bar{border-bottom:1px solid var(--border-color);height:44px!important;position:relative!important}@keyframes islandFadeIn{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}@keyframes islandPulse{0%,to{transform:scale(1)}50%{transform:scale(1.08)}}