*{box-sizing:border-box;margin:0;padding:0}:root{--color-bg-primary:#fff;--color-bg-secondary:#fafafa;--color-bg-tertiary:#f5f5f5;--color-bg-quaternary:#f8f8f8;--color-bg-card:#fff;--color-bg-modal:#fffffffa;--color-bg-overlay:#00000080;--color-bg-cart-overlay:#0000004d;--color-bg-toast:#111;--color-bg-header:#fff;--color-bg-mobile-nav:#fff;--color-bg-sidebar:transparent;--color-bg-filter-label:transparent;--color-bg-filter-label-hover:transparent;--color-bg-tag-new:#e84747;--color-bg-tag-sale:#111111d9;--color-bg-tag-best:#111111d9;--color-bg-button-primary:#111;--color-bg-button-primary-hover:#222;--color-bg-button-secondary:#fff;--color-bg-button-secondary-hover:#f5f5f5;--color-bg-input:#fff;--color-bg-input-focus:#fff;--color-bg-input-border:#ddd;--color-bg-input-focus-border:#111;--color-bg-checkbox:#fff;--color-bg-checkbox-hover:#f5f5f5;--color-bg-radio:#fff;--color-bg-radio-hover:#f5f5f5;--color-bg-badge:#e84747;--color-bg-card-preview:linear-gradient(135deg,#1a1a2e,#16213e,#0f3460);--color-bg-card-chip:linear-gradient(135deg,#e8c84a,#d4a520);--color-bg-card-bottom:#fff9;--color-bg-checkout-side:#fafafa;--color-bg-acct-modal:#fffffffa;--color-bg-acct-tabs:#f5f5f5;--color-bg-acct-tab-act:#fff;--color-bg-verify-modal:#fffffffa;--color-bg-verify-code:#ddd;--color-bg-verify-code-focus:#111;--color-bg-verify-hint:#f5f5f5;--color-bg-cart-header:#fff;--color-bg-cart-item:transparent;--color-bg-cart-footer:transparent;--color-bg-cart-total:transparent;--color-bg-cart-checkout:#111;--color-bg-cart-checkout-hover:#292929;--color-bg-bg-particle:#00000009;--color-toast:#fff;--color-text-primary:#111;--color-text-secondary:#555;--color-text-tertiary:#888;--color-text-quaternary:#999;--color-text-muted:#bbb;--color-text-inverse:#fff;--color-text-link:#888;--color-text-link-hover:#111;--color-text-nav:#555;--color-text-nav-hover:#111;--color-text-nav-active:#fff;--color-text-heading:#111;--color-text-body:#666;--color-text-caption:#888;--color-text-label:#888;--color-text-placeholder:#ccc;--color-text-form:#888;--color-text-form-focus:#111;--color-text-error:#dc2626;--color-text-success:#16a34a;--color-text-warning:#d97706;--color-text-info:#2563eb;--color-text-rating:#f5a623;--color-text-price:#111;--color-text-price-sale:#e84747;--color-text-price-old:#ccc;--color-text-meta:#999;--color-border:#ddd;--color-border-focus:#111;--color-border-input:#ddd;--color-border-input-focus:#111;--color-border-checkbox:#eee;--color-border-checkbox-hover:#111;--color-border-radio:#eee;--color-border-radio-hover:#111;--color-border-tag:transparent;--color-border-button:transparent;--color-border-button-hover:#111;--color-shadow-sm:0 1px 3px #0000001a;--color-shadow-md:0 4px 6px #0000001a;--color-shadow-lg:0 10px 15px #0000001a;--color-shadow-xl:0 20px 25px #0000001a;--color-shadow-2xl:0 25px 50px #0000001a;--color-shadow-inner-sm:inset 0 2px 4px #0000000f;--color-shadow-inner-md:inset 0 4px 6px #0000001a;--color-radius-sm:4px;--color-radius-md:6px;--color-radius-lg:8px;--color-radius-xl:10px;--color-radius-2xl:12px;--color-radius-full:9999px;--color-font-size-xs:10px;--color-font-size-sm:11px;--color-font-size-base:13px;--color-font-size-lg:14px;--color-font-size-xl:16px;--color-font-size-2xl:18px;--color-font-weight-light:300;--color-font-weight-normal:400;--color-font-weight-medium:500;--color-font-weight-semibold:600;--color-font-weight-bold:700;--color-font-weight-extrabold:800;--color-transition-fast:.15s;--color-transition-medium:.2s;--color-transition-slow:.3s;--color-transition-delay:.4s;--color-z-index-dropdown:100;--color-z-index-sticky:200;--color-z-index-fixed:300;--color-z-index-modal-backdrop:400;--color-z-index-modal:500;--color-z-index-popover:600;--color-z-index-tooltip:700}.skip-link{background:var(--color-bg-primary);color:var(--color-text-primary);z-index:1000;font-family:Inter,sans-serif;font-size:var(--color-font-size-base);padding:8px;position:absolute;top:-40px;left:0}.skip-link:focus{top:0}.visually-hidden{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;position:absolute!important}.skeleton-card{background:var(--color-bg-card);border-radius:var(--color-radius-lg);box-shadow:var(--color-shadow-md);flex-direction:column;height:100%;display:flex;overflow:hidden}.skeleton-header{align-items:center;gap:12px;padding:12px;display:flex}.skeleton-img{background:linear-gradient(90deg, var(--color-bg-tertiary) 25%, var(--color-bg-secondary) 50%, var(--color-bg-tertiary) 75%);border-radius:var(--color-radius-md);background-size:200% 100%;width:80px;height:100px;animation:1.5s ease-in-out infinite loading}.skeleton-tag{background:linear-gradient(90deg, var(--color-bg-tertiary) 25%, var(--color-bg-secondary) 50%, var(--color-bg-tertiary) 75%);border-radius:var(--color-radius-sm);background-size:200% 100%;width:40px;height:20px;animation:1.5s ease-in-out infinite loading}.skeleton-body{flex-direction:column;flex:1;gap:8px;padding:12px;display:flex}.skeleton-line{background:linear-gradient(90deg, var(--color-bg-tertiary) 25%, var(--color-bg-secondary) 50%, var(--color-bg-tertiary) 75%);border-radius:var(--color-radius-sm);background-size:200% 100%;height:10px;animation:1.5s ease-in-out infinite loading}.skeleton-line.short{width:70%}.skeleton-rating{background:linear-gradient(90deg, var(--color-bg-tertiary) 25%, var(--color-bg-secondary) 50%, var(--color-bg-tertiary) 75%);border-radius:var(--color-radius-sm);background-size:200% 100%;width:60px;height:12px;animation:1.5s ease-in-out infinite loading}.skeleton-swatches{gap:4px;height:14px;display:flex}.skeleton-swatches span{background:linear-gradient(90deg, var(--color-bg-tertiary) 25%, var(--color-bg-secondary) 50%, var(--color-bg-tertiary) 75%);background-size:200% 100%;border-radius:50%;width:14px;height:14px;animation:1.5s ease-in-out infinite loading}.skeleton-sizes{flex-wrap:wrap;gap:3px;display:flex}.skeleton-sizes span{background:linear-gradient(90deg, var(--color-bg-tertiary) 25%, var(--color-bg-secondary) 50%, var(--color-bg-tertiary) 75%);border-radius:var(--color-radius-sm);background-size:200% 100%;width:30px;height:18px;animation:1.5s ease-in-out infinite loading}.skeleton-btn{background:linear-gradient(90deg, var(--color-bg-tertiary) 25%, var(--color-bg-secondary) 50%, var(--color-bg-tertiary) 75%);border-radius:var(--color-radius-md);background-size:200% 100%;width:100%;height:36px;margin-top:auto;animation:1.5s ease-in-out infinite loading}.skeleton-col-card{border-radius:var(--color-radius-2xl);height:320px;box-shadow:var(--color-shadow-md);position:relative;overflow:hidden}.skeleton-col-bg{background:linear-gradient(90deg, var(--color-bg-tertiary) 25%, var(--color-bg-secondary) 50%, var(--color-bg-tertiary) 75%);filter:blur(8px);background-size:200% 100%;animation:1.5s ease-in-out infinite loading;position:absolute;inset:-10px}.skeleton-col-txt{color:var(--color-bg-primary);padding:28px;position:absolute;bottom:0;left:0;right:0}.skeleton-col-txt .skeleton-line{width:60%;height:16px;margin-bottom:8px}.skeleton-col-txt .skeleton-line.short{width:40%}.skeleton-col-txt .skeleton-btn{border-radius:var(--color-radius-lg);background:linear-gradient(90deg, var(--color-bg-tertiary) 25%, var(--color-bg-secondary) 50%, var(--color-bg-tertiary) 75%);background-size:200% 100%;padding:10px 24px;animation:1.5s ease-in-out infinite loading;display:inline-block}.input-error{font-size:var(--color-font-size-xs);min-height:18px;margin-top:4px}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.2)}to{transform:scale(1)}}.pulse{animation:.3s ease-in-out pulse}@keyframes floatUp{0%{opacity:0;transform:translateY(0)scale(0)}30%{opacity:1;transform:translateY(-10px)scale(1.2)}to{opacity:0;transform:translateY(-25px)scale(1)}}@keyframes pressScale{0%{transform:scale(1)}50%{transform:scale(.95)}to{transform:scale(1)}}.add-btn:active,.modal-add-btn:active{transition-duration:.1s;transform:scale(.95)}#connection-status{font-size:var(--color-font-size-xs);border-radius:var(--color-radius-sm);background:var(--color-bg-tertiary);color:var(--color-text-secondary);white-space:nowrap;margin-left:8px;padding:2px 6px}#connection-status.online{background:var(--color-bg-tertiary);color:var(--color-text-secondary)}#connection-status.offline{background:var(--color-text-error);color:var(--color-bg-primary);animation:1.5s infinite pulse}button,input,select,textarea,a[href],.nav-link,.mobile-nav-link,.swatch,.size-pill,.filter-group label,.cart-item-qty button,.cart-item-remove,.modal-close,.acct-tab,.pay-method,.cart-checkout,.checkout-btn,.acct-btn,.add-btn,.modal-add-btn{touch-action:manipulation}.nav-link,.mobile-nav-link,.swatch,.size-pill,.filter-group label,.cart-item-qty button,.cart-item-remove,.modal-close,.acct-tab,.pay-method,.cart-checkout,.checkout-btn,.acct-btn,.add-btn,.modal-add-btn{justify-content:center;align-items:center;min-width:48px;min-height:48px;display:inline-flex}.swatch,.size-pill,.cart-item-qty button{min-width:36px;min-height:36px}.filter-group label{min-height:40px}@media (prefers-color-scheme:dark){.skeleton-img,.skeleton-tag,.skeleton-line,.skeleton-swatches span,.skeleton-sizes span,.skeleton-btn,.skeleton-col-bg{background:linear-gradient(90deg, var(--color-bg-tertiary) 25%, var(--color-bg-secondary) 50%, var(--color-bg-tertiary) 75%)}}@keyframes loading{0%{background-position:200% 0}to{background-position:-200% 0}}body{background:var(--color-bg-primary);color:var(--color-text-primary);-webkit-font-smoothing:antialiased;font-family:Inter,sans-serif}[data-theme=dark]{--color-bg-primary:#111;--color-bg-secondary:#1a1a1a;--color-bg-tertiary:#222;--color-bg-quaternary:#2a2a2a;--color-bg-card:#1a1a1a;--color-bg-modal:#1a1a1afa;--color-bg-overlay:#000000b3;--color-bg-cart-overlay:#0006;--color-bg-toast:#fff;--color-bg-header:#111;--color-bg-mobile-nav:#111;--color-bg-sidebar:transparent;--color-bg-filter-label:transparent;--color-bg-filter-label-hover:transparent;--color-bg-tag-new:#e84747;--color-bg-tag-sale:#e84747d9;--color-bg-tag-best:#e84747d9;--color-bg-button-primary:#fff;--color-bg-button-primary-hover:#f0f0f0;--color-bg-button-secondary:#1a1a1a;--color-bg-button-secondary-hover:#222;--color-bg-input:#1a1a1a;--color-bg-input-focus:#1a1a1a;--color-bg-input-border:#333;--color-bg-input-focus-border:#fff;--color-bg-checkbox:#1a1a1a;--color-bg-checkbox-hover:#222;--color-bg-radio:#1a1a1a;--color-bg-radio-hover:#222;--color-bg-badge:#fff;--color-bg-card-preview:linear-gradient(135deg,#0f3460,#16213e,#1a1a2e);--color-bg-card-chip:linear-gradient(135deg,#d4a520,#e8c84a);--color-bg-card-bottom:#0009;--color-bg-checkout-side:#1a1a1a;--color-bg-acct-modal:#111111fa;--color-bg-acct-tabs:#222;--color-bg-acct-tab-act:#111;--color-bg-verify-modal:#111111fa;--color-bg-verify-code:#333;--color-bg-verify-code-focus:#fff;--color-bg-verify-hint:#222;--color-bg-cart-header:#111;--color-bg-cart-item:transparent;--color-bg-cart-footer:transparent;--color-bg-cart-total:transparent;--color-bg-cart-checkout:#fff;--color-bg-cart-checkout-hover:#f0f0f0;--color-bg-bg-particle:#ffffff09;--color-toast:#111;--color-text-primary:#fff;--color-text-secondary:#ccc;--color-text-tertiary:#999;--color-text-quaternary:#777;--color-text-muted:#666;--color-text-inverse:#000;--color-text-link:#ccc;--color-text-link-hover:#fff;--color-text-nav:#ccc;--color-text-nav-hover:#fff;--color-text-nav-active:#000;--color-text-heading:#fff;--color-text-body:#ccc;--color-text-caption:#999;--color-text-label:#999;--color-text-placeholder:#555;--color-text-form:#ccc;--color-text-form-focus:#fff;--color-text-error:#f87171;--color-text-success:#34d399;--color-text-warning:#fbbf24;--color-text-info:#60a5fa;--color-text-rating:#fbbf24;--color-text-price:#fff;--color-text-price-sale:#f87171;--color-text-price-old:#777;--color-text-meta:#777;--color-border:#333;--color-border-focus:#fff;--color-border-input:#333;--color-border-input-focus:#fff;--color-border-checkbox:#333;--color-border-checkbox-hover:#fff;--color-border-radio:#333;--color-border-radio-hover:#fff;--color-border-tag:transparent;--color-border-button:transparent;--color-border-button-hover:#fff;--color-shadow-sm:0 1px 3px #0000004d;--color-shadow-md:0 4px 6px #0000004d;--color-shadow-lg:0 10px 15px #0000004d;--color-shadow-xl:0 20px 25px #0000004d;--color-shadow-2xl:0 25px 50px #0000004d;--color-shadow-inner-sm:inset 0 2px 4px #ffffff1a;--color-shadow-inner-md:inset 0 4px 6px #fff3}[data-theme=dark] .header{background:var(--color-bg-header);border-bottom-color:var(--color-border)}[data-theme=dark] .logo{color:var(--color-text-primary)}[data-theme=dark] .logo span{color:#e84747}[data-theme=dark] .nav-link{color:var(--color-text-nav)}[data-theme=dark] .nav-link:hover{color:var(--color-text-nav-hover);background:var(--color-bg-secondary)}[data-theme=dark] .nav-link.act{background:var(--color-text-primary);color:var(--color-bg-primary)}[data-theme=dark] .header-actions span,[data-theme=dark] .header-actions button{color:var(--color-text-primary)}[data-theme=dark] .header-actions span:hover,[data-theme=dark] .header-actions button:hover{background:var(--color-bg-tertiary)}[data-theme=dark] #theme-toggle .theme-icon-light{display:none}[data-theme=dark] #theme-toggle .theme-icon-dark{display:block}[data-theme=dark] #connection-status .status-dot{background:var(--color-text-success)}[data-theme=dark] #connection-status.offline .status-dot{background:var(--color-text-error)}[data-theme=dark] .hamburger span{background:var(--color-text-primary)}[data-theme=dark] .mobile-nav{background:var(--color-bg-mobile-nav)}[data-theme=dark] .mobile-nav-link{color:var(--color-text-primary)}[data-theme=dark] .mobile-nav-link:hover{background:var(--color-bg-secondary)}[data-theme=dark] .mobile-nav-close{color:var(--color-text-tertiary)}[data-theme=dark] .search-bar{background:var(--color-bg-secondary);border-bottom-color:var(--color-border)}[data-theme=dark] .search-bar input{background:var(--color-bg-input);border-color:var(--color-border-input);color:var(--color-text-primary)}[data-theme=dark] .search-bar input:focus{border-color:var(--color-border-input-focus)}[data-theme=dark] .page-head h1{color:var(--color-text-heading)}[data-theme=dark] .page-head p{color:var(--color-text-body)}[data-theme=dark] .breadcrumb,[data-theme=dark] .breadcrumb a{color:var(--color-text-meta)}[data-theme=dark] .breadcrumb a:hover{color:var(--color-text-primary)}[data-theme=dark] .shop-bar{border-bottom-color:var(--color-border)}[data-theme=dark] .shop-bar .count{color:var(--color-text-caption)}[data-theme=dark] .shop-bar .sort{color:var(--color-text-secondary)}[data-theme=dark] .shop-bar .sort select{background:var(--color-bg-input);border-color:var(--color-border-input);color:var(--color-text-primary)}[data-theme=dark] .shop-bar .sort select:focus{border-color:var(--color-border-input-focus)}[data-theme=dark] .sidebar h4{color:var(--color-text-label)}[data-theme=dark] .sidebar section.hr{border-top-color:var(--color-border)}[data-theme=dark] .filter-group label{color:var(--color-text-secondary);padding:4px 0}[data-theme=dark] .filter-group input[type=checkbox]{accent-color:var(--color-text-primary)}[data-theme=dark] .swatch{border-color:var(--color-border)}[data-theme=dark] .swatch:hover,[data-theme=dark] .swatch.sel{border-color:var(--color-text-primary)}[data-theme=dark] .size-pill{background:var(--color-bg-input);border-color:var(--color-border-input);color:var(--color-text-secondary)}[data-theme=dark] .size-pill:hover,[data-theme=dark] .size-pill.sel{border-color:var(--color-text-primary);color:var(--color-text-primary);background:var(--color-bg-secondary)}[data-theme=dark] .card,[data-theme=dark] .card-inner{background:var(--color-bg-card)}[data-theme=dark] .card-img{background:var(--color-bg-quaternary)}[data-theme=dark] .card-name{color:var(--color-text-primary)}[data-theme=dark] .card-cat{color:var(--color-text-muted)}[data-theme=dark] .card-price{color:var(--color-text-price)}[data-theme=dark] .card-price .old{color:var(--color-text-price-old)}[data-theme=dark] .card-rating span{color:var(--color-text-muted)}[data-theme=dark] .c-dot{border-color:var(--color-border-checkbox)}[data-theme=dark] .c-dot:hover,[data-theme=dark] .c-dot.sel{border-color:var(--color-text-primary)}[data-theme=dark] .c-size{border-color:var(--color-border-checkbox);color:var(--color-text-muted)}[data-theme=dark] .c-size:hover,[data-theme=dark] .c-size.sel{border-color:var(--color-text-primary);color:var(--color-text-primary)}[data-theme=dark] .add-btn{background:var(--color-bg-button-primary);color:var(--color-text-inverse)}[data-theme=dark] .add-btn:hover{background:var(--color-bg-button-primary-hover)}[data-theme=dark] .pg{background:var(--color-bg-input);border-color:var(--color-border-checkbox);color:var(--color-text-secondary)}[data-theme=dark] .pg:hover{border-color:var(--color-text-primary);color:var(--color-text-primary)}[data-theme=dark] .pg.act{background:var(--color-text-primary);color:var(--color-bg-primary);border-color:var(--color-text-primary)}[data-theme=dark] .signup{background:var(--color-bg-secondary)}[data-theme=dark] .signup h2{color:var(--color-text-heading)}[data-theme=dark] .signup p{color:var(--color-text-body)}[data-theme=dark] .signup-form input{background:var(--color-bg-input);border-color:var(--color-border-input);color:var(--color-text-primary)}[data-theme=dark] .signup-form input:focus{border-color:var(--color-border-input-focus)}[data-theme=dark] .signup-form button{background:var(--color-bg-button-primary);color:var(--color-text-inverse)}[data-theme=dark] .signup-form button:hover{background:var(--color-bg-button-primary-hover)}[data-theme=dark] .footer{border-top-color:var(--color-border)}[data-theme=dark] .footer h4{color:var(--color-text-secondary)}[data-theme=dark] .footer a{color:var(--color-text-link)}[data-theme=dark] .footer a:hover{color:var(--color-text-link-hover)}[data-theme=dark] .footer .bottom{border-top-color:var(--color-border);color:var(--color-text-muted)}[data-theme=dark] .modal-overlay{background:var(--color-bg-overlay)}[data-theme=dark] .product-modal{background:var(--color-bg-modal)}[data-theme=dark] .modal-close{background:var(--color-bg-secondary);color:var(--color-text-secondary)}[data-theme=dark] .modal-close:hover{background:var(--color-bg-primary);color:var(--color-text-primary)}[data-theme=dark] .modal-img{background:var(--color-bg-quaternary)}[data-theme=dark] .modal-cat{color:var(--color-text-label)}[data-theme=dark] .modal-info h2{color:var(--color-text-heading)}[data-theme=dark] .modal-rating span{color:var(--color-text-muted)}[data-theme=dark] .modal-price{color:var(--color-text-price)}[data-theme=dark] .modal-price .old{color:var(--color-text-price-old)}[data-theme=dark] .modal-desc{color:var(--color-text-body)}[data-theme=dark] .modal-section h4{color:var(--color-text-label)}[data-theme=dark] .modal-add-btn{background:var(--color-bg-button-primary);color:var(--color-text-inverse)}[data-theme=dark] .modal-add-btn:hover{background:var(--color-bg-button-primary-hover)}[data-theme=dark] .checkout-modal{background:var(--color-bg-modal)}[data-theme=dark] .checkout-main{background:var(--color-bg-primary)}[data-theme=dark] .checkout-main h2{color:var(--color-text-heading)}[data-theme=dark] .checkout-sec{border-bottom-color:var(--color-border)}[data-theme=dark] .checkout-sec h3{color:var(--color-text-label)}[data-theme=dark] .chk-inp{background:var(--color-bg-input);border-color:var(--color-border-input);color:var(--color-text-primary)}[data-theme=dark] .chk-inp:focus{background:var(--color-bg-input-focus);border-color:var(--color-border-input-focus)}[data-theme=dark] .chk-field label{color:var(--color-text-label)}[data-theme=dark] .pay-method{background:var(--color-bg-input);border-color:var(--color-border-input);color:var(--color-text-secondary)}[data-theme=dark] .pay-method:hover{background:var(--color-bg-secondary);border-color:var(--color-border)}[data-theme=dark] .pay-method.act{background:var(--color-bg-primary);border-color:var(--color-text-primary);color:var(--color-text-primary)}[data-theme=dark] .pay-icon{background:var(--color-text-primary);color:var(--color-bg-primary)}[data-theme=dark] .pay-alt{border-color:var(--color-border)}[data-theme=dark] .pay-alt-icon{color:var(--color-text-primary)}[data-theme=dark] .pay-alt p{color:var(--color-text-body)}[data-theme=dark] .card-preview{border-color:var(--color-border)}[data-theme=dark] .checkout-side{background:var(--color-bg-checkout-side);border-left-color:var(--color-border)}[data-theme=dark] .checkout-side h3{color:var(--color-text-label)}[data-theme=dark] .chk-side-item{border-bottom-color:var(--color-border)}[data-theme=dark] .chk-side-name{color:var(--color-text-primary)}[data-theme=dark] .chk-side-meta{color:var(--color-text-meta)}[data-theme=dark] .chk-side-price{color:var(--color-text-primary)}[data-theme=dark] .checkout-btn{background:var(--color-bg-button-primary);color:var(--color-text-inverse)}[data-theme=dark] .checkout-btn:hover:not(:disabled){background:var(--color-bg-button-primary-hover)}[data-theme=dark] .chk-err{color:var(--color-text-error);background:#f871711a;border-color:#f871714d}[data-theme=dark] .acct-modal{background:var(--color-bg-acct-modal)}[data-theme=dark] .acct-modal h2{color:var(--color-text-heading)}[data-theme=dark] .acct-sub{color:var(--color-text-body)}[data-theme=dark] .acct-tabs{background:var(--color-bg-acct-tabs)}[data-theme=dark] .acct-tab{color:var(--color-text-caption)}[data-theme=dark] .acct-tab.act{background:var(--color-bg-acct-tab-act);color:var(--color-text-primary)}[data-theme=dark] .acct-btn{background:var(--color-bg-button-primary);color:var(--color-text-inverse)}[data-theme=dark] .acct-btn:hover{background:var(--color-bg-button-primary-hover)}[data-theme=dark] .acct-skip a{color:var(--color-text-link)}[data-theme=dark] .acct-skip a:hover{color:var(--color-text-link-hover)}[data-theme=dark] .verify-modal{background:var(--color-bg-verify-modal)}[data-theme=dark] .verify-modal h2{color:var(--color-text-heading)}[data-theme=dark] .verify-sub{color:var(--color-text-body)}[data-theme=dark] .verify-code{background:var(--color-bg-input);border-color:var(--color-border-input);color:var(--color-text-primary)}[data-theme=dark] .verify-code:focus{border-color:var(--color-border-input-focus)}[data-theme=dark] .verify-dash{color:var(--color-border)}[data-theme=dark] .verify-hint{background:var(--color-bg-verify-hint);color:var(--color-text-caption)}[data-theme=dark] .cart-overlay{background:var(--color-bg-cart-overlay)}[data-theme=dark] .cart-drawer{background:var(--color-bg-primary)}[data-theme=dark] .cart-header{background:var(--color-bg-cart-header);border-bottom-color:var(--color-border)}[data-theme=dark] .cart-header h3{color:var(--color-text-heading)}[data-theme=dark] .cart-close{color:var(--color-text-tertiary)}[data-theme=dark] .cart-close:hover{color:var(--color-text-primary)}[data-theme=dark] .cart-empty{color:var(--color-text-body)}[data-theme=dark] .cart-item{border-bottom-color:var(--color-border)}[data-theme=dark] .cart-item-name{color:var(--color-text-primary)}[data-theme=dark] .cart-item-meta{color:var(--color-text-meta)}[data-theme=dark] .cart-dot{border-color:var(--color-border-checkbox)}[data-theme=dark] .cart-item-price{color:var(--color-text-primary)}[data-theme=dark] .cart-item-qty button{background:var(--color-bg-input);border-color:var(--color-border-input);color:var(--color-text-secondary)}[data-theme=dark] .cart-item-qty button:hover{border-color:var(--color-text-primary);color:var(--color-text-primary)}[data-theme=dark] .cart-item-remove{color:var(--color-text-muted)}[data-theme=dark] .cart-item-remove:hover{color:var(--color-text-price-sale)}[data-theme=dark] .cart-footer{border-top-color:var(--color-border)}[data-theme=dark] .cart-total{color:var(--color-text-heading)}[data-theme=dark] .cart-checkout{background:var(--color-bg-cart-checkout);color:var(--color-text-inverse)}[data-theme=dark] .cart-checkout:hover{background:var(--color-bg-cart-checkout-hover)}[data-theme=dark] .toast{background:var(--color-bg-toast);color:var(--color-text-primary)}[data-theme=dark] .skeleton-card{background:var(--color-bg-card)}[data-theme=dark] .skip-link{background:var(--color-bg-primary);color:var(--color-text-primary)}[data-theme=dark] #connection-status{background:var(--color-bg-tertiary);color:var(--color-text-secondary)}[data-theme=dark] .col-txt{color:var(--color-text-inverse)}[data-theme=dark] .col-btn{background:var(--color-text-inverse);color:var(--color-bg-primary)}[data-theme=dark] ::selection{background:var(--color-text-primary);color:var(--color-bg-primary)}[data-theme=dark] .card-shine{background:radial-gradient(600px circle at var(--mx,50%) var(--my,50%),#ffffff0f,transparent 40%)}[data-theme=dark] .tag.sale,[data-theme=dark] .tag.best{background:var(--color-bg-tag-sale)}[data-theme=dark] .card-quickview{background:var(--color-bg-modal);color:var(--color-text-primary)}[data-theme=dark] .col-ov{background:linear-gradient(#0000 50%,#000c 100%)}::selection{color:#fff;background:#111}.header{z-index:100;background:#fff;border-bottom:1px solid #f0f0f0;justify-content:space-between;align-items:center;padding:16px 48px;display:flex;position:sticky;top:0}.logo{letter-spacing:-.3px;cursor:default;font-size:20px;font-weight:800}.logo span{color:#e84747}.nav{letter-spacing:.2px;gap:4px;font-size:12px;font-weight:500;display:flex}.nav-link{color:#555;text-transform:uppercase;border-radius:6px;padding:8px 16px;text-decoration:none;transition:all .2s,transform .2s;transform:perspective(400px)translateZ(0)}.nav-link:hover{color:#111;background:#f5f5f5;transform:perspective(400px)translateZ(5px)}.nav-link.act{color:#fff;background:#111;transform:perspective(400px)translateZ(0)}.header-actions{cursor:default;align-items:center;gap:4px;font-size:15px;display:flex}.header-actions span,.header-actions button{cursor:pointer;font:inherit;color:inherit;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;width:40px;height:40px;font-size:15px;transition:all .2s;display:flex;position:relative}.header-actions span:hover,.header-actions button:hover{background:var(--color-bg-tertiary)}.header-actions button svg{stroke-width:1.8px;width:20px;height:20px}#theme-toggle{font-size:16px;line-height:1}#theme-toggle .theme-icon-light,#theme-toggle .theme-icon-dark{width:20px;height:20px}#connection-status{letter-spacing:.5px;text-transform:uppercase;border-radius:20px;align-items:center;gap:5px;width:auto;height:28px;padding:0 10px;font-size:10px;font-weight:600;display:flex}#connection-status .status-dot{background:#16a34a;border-radius:50%;flex-shrink:0;width:6px;height:6px}#connection-status.offline .status-dot{background:#dc2626;animation:1.5s infinite pulse}.hamburger{cursor:pointer;background:0 0;border:none;flex-direction:column;gap:4px;padding:4px;display:none}.hamburger span{background:#111;border-radius:2px;width:20px;height:2px;transition:all .2s}.mobile-nav{z-index:500;background:#fff;flex-direction:column;padding:24px;transition:transform .3s;display:none;position:fixed;inset:0;transform:translate(-100%)}.mobile-nav.open{transform:translate(0)}.mobile-nav-header{justify-content:space-between;align-items:center;margin-bottom:32px;display:flex}.mobile-nav-close{cursor:pointer;color:#888;background:0 0;border:none;font-size:24px}.mobile-nav-links{flex-direction:column;gap:8px;display:flex}.mobile-nav-link{color:#111;border-radius:8px;padding:14px 16px;font-size:16px;font-weight:500;text-decoration:none;transition:background .2s,transform .2s;transform:perspective(400px)translateZ(0)}.mobile-nav-link:hover{background:#f5f5f5;transform:perspective(400px)translateZ(4px)}.search-bar{background:#fafafa;border-bottom:1px solid #f0f0f0;max-height:0;padding:0 48px;transition:max-height .3s,padding .3s;overflow:hidden}.search-bar.open{max-height:60px;padding:12px 48px}.search-bar input{border:1px solid #ddd;border-radius:6px;outline:none;width:100%;padding:10px 14px;font-family:inherit;font-size:14px}.search-bar input:focus{border-color:#111}.cart-count{color:#fff;background:#e84747;border-radius:50%;justify-content:center;align-items:center;width:16px;height:16px;font-size:9px;font-weight:700;display:flex;position:absolute;top:-6px;right:-10px}.page-head{padding:32px 48px 8px}.breadcrumb{color:#999;margin-bottom:6px;font-size:12px}.breadcrumb a{color:#999;text-decoration:none}.breadcrumb a:hover{color:#111}.page-head h1{letter-spacing:-.5px;margin-bottom:4px;font-size:32px;font-weight:700}.page-head p{color:#888;font-size:14px}.shop{padding:0 48px 64px}.shop-bar{border-bottom:1px solid #f0f0f0;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:24px;padding:16px 0 24px;transition:all .3s;display:flex}.shop-bar .count{color:#888;font-size:13px}.shop-bar .sort{color:#555;align-items:center;gap:8px;font-size:13px;display:flex}.shop-bar .sort select{cursor:pointer;background:#fff;border:1px solid #ddd;border-radius:6px;outline:none;padding:6px 12px;font-family:inherit;font-size:12px}.shop-bar .sort select:focus{border-color:#111}.shop-inner{gap:40px;display:flex}.sidebar{flex-shrink:0;width:220px;transition:all .3s}.filter-toggle,.sidebar.hidden,.shop-bar.hidden,.hidden{display:none}.sidebar h4{text-transform:uppercase;letter-spacing:.8px;color:#888;margin-bottom:14px;font-size:11px;font-weight:700}.sidebar section{margin-bottom:28px}.sidebar section.hr{border-top:1px solid #f0f0f0;padding-top:20px}.filter-group{list-style:none}.filter-group li{margin-bottom:2px}.filter-group label{color:#444;cursor:pointer;align-items:center;gap:10px;padding:6px 0;font-size:13px;line-height:1;display:flex}.filter-group label:hover{color:#111}.filter-group input[type=checkbox]{accent-color:#111;cursor:pointer;flex-shrink:0;width:16px;height:16px;margin:0}.swatch-group{flex-wrap:wrap;gap:6px;display:flex}.swatch{cursor:pointer;border:1.5px solid #ddd;border-radius:50%;width:24px;height:24px;transition:border-color .15s,transform .2s;transform:perspective(400px)translateZ(0)}.swatch:hover,.swatch.sel{border-color:#111;transform:perspective(400px)translateZ(6px)scale(1.18)}.size-group{flex-wrap:wrap;gap:4px;display:flex}.size-pill{cursor:pointer;color:#555;background:#fff;border:1px solid #ddd;border-radius:6px;padding:6px 14px;font-size:12px;font-weight:500;transition:all .15s,transform .2s;transform:perspective(400px)translateZ(0)}.size-pill:hover,.size-pill.sel{color:#111;background:#f5f5f5;border-color:#111;transform:perspective(400px)translateZ(6px)scale(1.05)}.scene-3d{perspective:1200px}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes floatSlow{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}@keyframes cardFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.card-inner{animation:cardFloat var(--float-dur,5s) ease-in-out infinite;animation-delay:var(--float-delay,0s)}.card:hover .card-inner{animation-play-state:paused}.card{position:relative}.card-shine{pointer-events:none;z-index:3;opacity:0;background:radial-gradient(600px circle at var(--mx,50%) var(--my,50%),#ffffff1f,transparent 40%);border-radius:12px;transition:opacity .35s;position:absolute;inset:0}.card:hover .card-shine{opacity:1}.card[data-reveal]{opacity:0;transition:opacity .55s cubic-bezier(.25,.46,.45,.94),transform .55s cubic-bezier(.25,.46,.45,.94);transform:perspective(800px)rotateX(4deg)translateY(24px)scale(.97)}.card[data-reveal].revealed{opacity:1;transform:perspective(800px)rotateX(0)translateY(0)scale(1)}.grid{grid-template-columns:repeat(3,1fr);gap:16px;animation:.3s fadeIn;display:grid}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.card{cursor:pointer;transform-style:preserve-3d;will-change:transform;background:#fff;border-radius:12px;flex-direction:column;transition:box-shadow .4s;display:flex;overflow:visible}.card:after{content:"";opacity:0;pointer-events:none;z-index:-1;background:linear-gradient(135deg,#ffffff4d,#fff0,#ffffff1a);border-radius:13px;transition:opacity .4s;position:absolute;inset:-1px}.card:hover:after{opacity:1}.card-inner{height:100%;transform-style:preserve-3d;background:#fff;border-radius:12px;flex-direction:column;transition:box-shadow .35s;display:flex;overflow:hidden}.card:hover{box-shadow:0 20px 60px #0000001f}.card:hover .card-inner{box-shadow:0 8px 30px #0000000f}.card-img{aspect-ratio:3/4;background:#f8f8f8;border-radius:12px 12px 0 0;justify-content:center;align-items:center;margin-bottom:12px;transition:transform .4s;display:flex;position:relative;overflow:hidden;transform:translateZ(20px)}.card:hover .card-img{transform:translateZ(30px)}.card-img img{object-fit:cover;width:100%;height:100%;transition:transform .5s cubic-bezier(.25,.46,.45,.94);display:block}.card:hover .card-img img{transform:scale(1.08)}.tag{text-transform:uppercase;letter-spacing:.5px;color:#fff;pointer-events:none;z-index:2;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border-radius:6px;padding:4px 10px;font-size:10px;font-weight:700;position:absolute;top:12px;left:12px;transform:translateZ(25px)}.tag.new{background:#e84747;box-shadow:0 2px 12px #e847474d}.tag.sale,.tag.best{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#111111d9}.card-quickview{color:#111;text-align:center;opacity:0;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffffeb;border-radius:8px;padding:10px;font-size:11px;font-weight:600;transition:all .3s cubic-bezier(.25,.46,.45,.94);position:absolute;bottom:12px;left:12px;right:12px;transform:translateY(6px)translateZ(30px)}.card:hover .card-quickview{opacity:1;transform:translateY(0)translateZ(30px)}.card-body{flex-direction:column;flex:1;padding:0 6px 6px;display:flex;transform:translateZ(15px)}.card-name{margin-bottom:2px;font-size:14px;font-weight:600}.card-cat{color:#bbb;margin-bottom:4px;font-size:11px}.card-price{margin-bottom:4px;font-size:15px;font-weight:600}.card-price .old{color:#ccc;margin-left:4px;font-size:12px;font-weight:400;text-decoration:line-through}.card-price .sale{color:#e84747;font-weight:700}.card-rating{color:#f5a623;margin-bottom:4px;font-size:11px}.card-rating span{color:#bbb;margin-left:2px}.card-swatches{gap:4px;margin-bottom:4px;display:flex}.c-dot{cursor:pointer;border:1.5px solid #eee;border-radius:50%;width:14px;height:14px;transition:all .2s;transform:translateZ(5px)}.c-dot:hover,.c-dot.sel{border-color:#111;transform:translateZ(8px)scale(1.15)}.card-sizes{flex-wrap:wrap;gap:3px;margin-bottom:8px;display:flex}.c-size{color:#999;cursor:pointer;border:1px solid #eee;border-radius:3px;padding:2px 6px;font-size:9px;transition:all .2s}.c-size:hover,.c-size.sel{color:#111;border-color:#111}.add-btn{color:#fff;cursor:pointer;text-transform:uppercase;letter-spacing:.5px;background:#111;border:none;border-radius:8px;width:100%;margin-top:auto;padding:11px;font-family:inherit;font-size:11px;font-weight:600;transition:all .25s;position:relative;overflow:hidden;transform:translateZ(10px)}.add-btn:before{content:"";opacity:0;background:linear-gradient(135deg,#ffffff26,#0000 50%);transition:opacity .25s;position:absolute;inset:0}.add-btn:hover:before{opacity:1}.add-btn:hover{background:#222;transform:translateZ(15px)scale(1.02);box-shadow:0 4px 16px #00000026}.add-btn:active{transform:translateZ(5px)scale(.98)}.add-btn.added{pointer-events:none;color:#fff!important;background:#16a34a!important}@keyframes tagPulse{0%,to{transform:translateZ(25px)scale(1)}50%{transform:translateZ(38px)scale(1.06)}}.tag.new{animation:2.5s ease-in-out infinite tagPulse}.tag.sale,.tag.best{animation:3s ease-in-out infinite tagPulse}.pages{justify-content:center;gap:4px;margin-top:48px;display:flex}.pg{cursor:pointer;color:#555;background:#fff;border:1px solid #eee;border-radius:6px;justify-content:center;align-items:center;width:34px;height:34px;font-size:12px;transition:all .15s,transform .2s;display:flex;transform:perspective(600px)translateZ(0)}.pg:hover{color:#111;border-color:#111;transform:perspective(600px)translateZ(8px)scale(1.06)}.pg.act{color:#fff;background:#111;border-color:#111;transform:perspective(600px)translateZ(0)}.col-grid{perspective:1400px;grid-template-columns:repeat(3,1fr);gap:16px;padding:0 48px 48px;display:grid}.col-card{cursor:pointer;height:320px;transform-style:preserve-3d;will-change:transform;border-radius:16px;transition:transform .45s cubic-bezier(.25,.46,.45,.94),box-shadow .45s;position:relative;overflow:hidden}.col-card:hover{transform:translateY(-6px)rotateX(2deg);box-shadow:0 24px 60px #0000002e}.col-bg{will-change:transform;justify-content:center;align-items:center;font-size:140px;transition:transform .7s cubic-bezier(.25,.46,.45,.94);display:flex;position:absolute;inset:-10px;transform:translateZ(-20px)}.col-card:hover .col-bg{transform:translateZ(10px)scale(1.1)}.col-ov{background:linear-gradient(#0000 50%,#000000b3 100%);position:absolute;inset:0;transform:translateZ(-5px)}.col-txt{color:#fff;padding:28px;transition:transform .45s;position:absolute;bottom:0;left:0;right:0;transform:translateZ(20px)}.col-card:hover .col-txt{transform:translateZ(30px)}.col-txt h3{margin-bottom:4px;font-size:20px;font-weight:700}.col-txt p{opacity:.8;margin-bottom:14px;font-size:13px}.col-btn{color:#111;cursor:pointer;text-transform:uppercase;letter-spacing:.5px;background:#fff;border:none;border-radius:8px;padding:10px 24px;font-size:11px;font-weight:600;text-decoration:none;transition:all .3s;display:inline-block;transform:translateZ(5px)}.col-btn:hover{opacity:.9;transform:translateZ(10px)scale(1.05);box-shadow:0 4px 16px #00000026}.signup{text-align:center;background:#f8f8f8;border-radius:16px;margin:64px 48px 0;padding:48px;position:relative;overflow:hidden}.signup:before{content:"";pointer-events:none;background:radial-gradient(circle at 30% 40%,#e847470f 0%,#0000 50%),radial-gradient(circle at 70% 60%,#1111110a 0%,#0000 50%);width:200%;height:200%;animation:8s ease-in-out infinite alternate signupGlow;position:absolute;top:-50%;left:-50%}@keyframes signupGlow{0%{transform:translate(0)rotate(0)}to{transform:translate(-2%,-2%)rotate(3deg)}}.signup h2{z-index:1;margin-bottom:4px;font-size:24px;font-weight:700;position:relative}.signup p{color:#888;z-index:1;margin-bottom:20px;font-size:13px;position:relative}.signup-form{z-index:1;flex-wrap:wrap;justify-content:center;gap:8px;display:flex;position:relative}.signup-form input{border:1px solid #ddd;border-radius:8px;outline:none;width:300px;max-width:100%;padding:12px 16px;font-family:inherit;font-size:13px}.signup-form input:focus{border-color:#111}.signup-form button{color:#fff;cursor:pointer;text-transform:uppercase;letter-spacing:.5px;background:#111;border:none;border-radius:8px;padding:12px 24px;font-family:inherit;font-size:12px;font-weight:600;transition:all .2s,transform .2s;transform:perspective(400px)translateZ(0)}.signup-form button:hover{background:#292929;transform:perspective(400px)translateZ(8px)scale(1.03);box-shadow:0 6px 20px #00000026}.footer{border-top:1px solid #f0f0f0;margin-top:64px;padding:48px 48px 24px}.footer-grid{grid-template-columns:2fr 1fr 1fr 1fr;gap:40px;margin-bottom:32px;display:grid}.footer-brand p{color:#888;max-width:240px;margin-top:8px;font-size:12px;line-height:1.6}.footer h4{text-transform:uppercase;letter-spacing:.8px;color:#555;margin-bottom:14px;font-size:11px;font-weight:700}.footer a{color:#888;margin-bottom:8px;font-size:12px;text-decoration:none;transition:color .2s,transform .2s;display:inline-block;transform:perspective(400px)translateZ(0)}.footer a:hover{color:#111;transform:perspective(400px)translateZ(4px)translate(3px)}.footer .bottom{text-align:center;color:#ccc;border-top:1px solid #f0f0f0;padding-top:24px;font-size:11px}.modal-overlay{z-index:600;opacity:0;pointer-events:none;-webkit-backdrop-filter:blur(8px)saturate(1.2);background:#00000080;transition:opacity .4s;position:fixed;inset:0}.modal-overlay.open{opacity:1;pointer-events:auto}.product-modal{z-index:700;opacity:0;pointer-events:none;background:#fffffffa;border:1px solid #ffffff4d;border-radius:20px;width:800px;max-width:calc(100vw - 32px);max-height:calc(100vh - 32px);transition:all .4s cubic-bezier(.34,1.56,.64,1);position:fixed;top:50%;left:50%;overflow:auto;transform:translate(-50%,-50%)scale(.92)rotateX(2deg);box-shadow:0 32px 80px #0003,0 0 0 1px #ffffff1a}.product-modal.open{opacity:1;pointer-events:auto;transform:translate(-50%,-50%)scale(1)rotateX(0)}.modal-close{cursor:pointer;z-index:10;color:#555;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#fffc;border:none;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;font-size:16px;transition:all .2s;display:flex;position:absolute;top:16px;right:16px;box-shadow:0 2px 8px #00000014}.modal-close:hover{color:#111;background:#fff;transform:scale(1.1);box-shadow:0 4px 16px #0000001f}.modal-inner{gap:0;display:flex}.modal-img{background:#f8f8f8;flex-shrink:0;justify-content:center;align-items:center;width:50%;min-height:400px;display:flex;position:relative;overflow:hidden}.modal-img img{object-fit:cover;width:100%;height:100%;transition:transform .6s cubic-bezier(.25,.46,.45,.94);display:block}.modal-img:hover img{transform:scale(1.05)}.modal-info{flex-direction:column;flex:1;gap:12px;padding:32px;display:flex}.modal-cat{text-transform:uppercase;letter-spacing:.8px;color:#999;font-size:11px;font-weight:600}.modal-info h2{letter-spacing:-.3px;font-size:24px;font-weight:700}.modal-rating{color:#f5a623;font-size:13px}.modal-rating span{color:#bbb;margin-left:4px;font-size:12px}.modal-price{font-size:22px;font-weight:700}.modal-price .sale{color:#e84747}.modal-price .old{color:#ccc;margin-left:6px;font-size:14px;font-weight:400;text-decoration:line-through}.modal-desc{color:#666;margin-bottom:4px;font-size:13px;line-height:1.6}.modal-section h4{text-transform:uppercase;letter-spacing:.8px;color:#888;margin-bottom:8px;font-size:11px;font-weight:700}.modal-add-btn{color:#fff;cursor:pointer;background:#111;border:none;border-radius:8px;width:100%;margin-top:auto;padding:14px;font-family:inherit;font-size:13px;font-weight:600;transition:background .2s,transform .2s;transform:perspective(400px)translateZ(0)}.modal-add-btn:hover{background:#292929;transform:perspective(400px)translateZ(6px)scale(1.02);box-shadow:0 4px 16px #0000001f}.checkout-modal{z-index:700;opacity:0;pointer-events:none;background:#fffffffa;border:1px solid #ffffff4d;border-radius:24px;width:820px;max-width:calc(100vw - 32px);max-height:85vh;transition:all .4s cubic-bezier(.34,1.56,.64,1);position:fixed;top:50%;left:50%;overflow:hidden;transform:translate(-50%,-50%)scale(.92);box-shadow:0 40px 100px #00000040,0 0 0 1px #ffffff1a}.checkout-modal.open{opacity:1;pointer-events:auto;transform:translate(-50%,-50%)scale(1)}.checkout-layout{max-height:85vh;display:flex;overflow:hidden}.checkout-main{flex:1;padding:32px;overflow-y:auto}.checkout-main h2{margin-bottom:20px;font-size:22px;font-weight:700}.checkout-sec{border-bottom:1px solid #f2f2f2;margin-bottom:20px;padding-bottom:20px}.checkout-sec:last-of-type{border-bottom:none;margin-bottom:0;padding-bottom:0}.checkout-sec h3{text-transform:uppercase;letter-spacing:.8px;color:#999;margin-bottom:10px;font-size:11px;font-weight:700}.chk-row{gap:10px;display:flex}.chk-row .chk-inp{flex:1}.chk-inp{background:#fafafa;border:1.5px solid #e0e0e0;border-radius:8px;outline:none;width:100%;margin-bottom:8px;padding:11px 13px;font-family:inherit;font-size:13px;transition:border-color .2s}.chk-inp:focus{background:#fff;border-color:#111}.chk-field{margin-bottom:4px;position:relative}.chk-field label{color:#888;text-transform:uppercase;letter-spacing:.4px;margin-bottom:4px;font-size:11px;font-weight:600;display:block}.chk-field .chk-inp{margin-bottom:0;padding-right:70px}.card-badge{color:#fff;letter-spacing:.3px;border-radius:4px;padding:3px 8px;font-size:9px;font-weight:700;display:none;position:absolute;top:50%;right:10px;transform:translateY(-4px)}.pay-methods{gap:6px;margin-bottom:16px;display:flex}.pay-method{cursor:pointer;color:#555;background:#fafafa;border:1.5px solid #e0e0e0;border-radius:10px;flex:1;justify-content:center;align-items:center;gap:6px;padding:12px 8px;font-family:inherit;font-size:12px;font-weight:500;transition:all .2s;display:flex}.pay-method:hover{background:#f5f5f5;border-color:#bbb}.pay-method.act{color:#111;background:#fff;border-color:#111;box-shadow:0 0 0 1px #111}.pay-icon{color:#fff;background:#111;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;font-size:11px;font-weight:700;display:flex}.pay-method.act .pay-icon{background:#111}.pay-form{margin-top:4px}.pay-alt{text-align:center;border:1.5px dashed #ddd;border-radius:12px;margin-bottom:8px;padding:32px}.pay-alt-icon{color:#111;margin-bottom:8px;font-size:32px;font-weight:800;display:block}.pay-alt p{color:#888;font-size:13px;line-height:1.5}.card-preview{background:linear-gradient(135deg,#1a1a2e,#16213e,#0f3460);border:2px solid #ddd;border-radius:12px;flex-direction:column;justify-content:space-between;min-height:140px;margin-bottom:16px;padding:20px;transition:border-color .2s;display:flex}.card-chip{background:linear-gradient(135deg,#e8c84a,#d4a520);border-radius:4px;width:32px;height:24px;margin-bottom:16px}.card-number{letter-spacing:2px;color:#fff;word-spacing:4px;margin-bottom:16px;font-family:monospace;font-size:18px}.card-bottom{color:#fff9;text-transform:uppercase;letter-spacing:1px;justify-content:space-between;font-size:11px;display:flex}.checkout-side{background:#fafafa;border-left:1px solid #f0f0f0;flex-shrink:0;width:280px;padding:32px;overflow-y:auto}.checkout-side h3{text-transform:uppercase;letter-spacing:.8px;color:#999;margin-bottom:16px;font-size:11px;font-weight:700}.chk-side-item{border-bottom:1px solid #f0f0f0;gap:12px;padding:10px 0;display:flex}.chk-side-item img{object-fit:cover;background:#eee;border-radius:6px;width:44px;height:56px}.chk-side-item div{flex:1;min-width:0}.chk-side-name{margin-bottom:2px;font-size:12px;font-weight:600}.chk-side-meta{color:#999;margin-bottom:2px;font-size:10px}.chk-side-price{font-size:12px;font-weight:600}.chk-side-total{justify-content:space-between;margin-top:4px;padding-top:14px;font-size:15px;font-weight:700;display:flex}.checkout-btn{color:#fff;cursor:pointer;background:#111;border:none;border-radius:10px;width:100%;margin-top:16px;padding:14px;font-family:inherit;font-size:14px;font-weight:600;transition:all .2s,transform .2s;transform:perspective(400px)translateZ(0)}.checkout-btn:hover:not(:disabled){background:#292929;transform:perspective(400px)translateZ(6px)scale(1.02);box-shadow:0 4px 20px #0000001f}.checkout-btn:disabled{opacity:.5;cursor:not-allowed}.chk-errors{margin-top:8px;display:none}.chk-err{color:#dc2626;background:#fef2f2;border:1px solid #fecaca;border-radius:6px;margin-bottom:4px;padding:8px 12px;font-size:12px}.acct-modal{z-index:700;opacity:0;pointer-events:none;text-align:center;background:#fffffffa;border:1px solid #ffffff4d;border-radius:24px;width:400px;max-width:calc(100vw - 32px);padding:36px 32px 28px;transition:all .4s cubic-bezier(.34,1.56,.64,1);position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)scale(.92)rotateX(1deg);box-shadow:0 40px 100px #0003}.acct-modal.open{opacity:1;pointer-events:auto;transform:translate(-50%,-50%)scale(1)rotateX(0)}.acct-logo{letter-spacing:-.3px;margin-bottom:16px;font-size:22px;font-weight:800}.acct-logo span{color:#e84747}.acct-modal h2{margin-bottom:4px;font-size:22px;font-weight:700}.acct-sub{color:#888;margin-bottom:20px;font-size:13px}.acct-tabs{background:#f5f5f5;border-radius:10px;gap:0;margin-bottom:20px;padding:3px;display:none}.acct-tabs.act{display:flex}.acct-tab{cursor:pointer;color:#888;background:0 0;border:none;border-radius:8px;flex:1;padding:10px;font-family:inherit;font-size:13px;font-weight:500;transition:all .2s}.acct-tab.act{color:#111;background:#fff;box-shadow:0 1px 4px #00000014}.acct-form{text-align:left;display:none}.acct-form.act{display:block}.acct-form .chk-inp{margin-bottom:10px}.acct-btn{color:#fff;cursor:pointer;background:#111;border:none;border-radius:10px;width:100%;margin-top:4px;padding:13px;font-family:inherit;font-size:13px;font-weight:600;transition:background .2s}.acct-btn:hover{background:#222}.acct-skip{margin-top:16px;font-size:12px}.acct-skip a{color:#999;text-decoration:none}.acct-skip a:hover{color:#111}.verify-modal{z-index:700;opacity:0;pointer-events:none;text-align:center;background:#fffffffa;border:1px solid #ffffff4d;border-radius:24px;width:420px;max-width:calc(100vw - 32px);padding:40px 32px 32px;transition:all .4s cubic-bezier(.34,1.56,.64,1);position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)scale(.92);box-shadow:0 40px 100px #0003}.verify-modal.open{opacity:1;pointer-events:auto;transform:translate(-50%,-50%)scale(1)}.verify-icon{margin-bottom:12px;font-size:36px}.verify-modal h2{margin-bottom:6px;font-size:22px;font-weight:700}.verify-sub{color:#888;margin-bottom:24px;font-size:13px}.verify-code-wrap{justify-content:center;align-items:center;gap:8px;margin-bottom:20px;display:flex}.verify-code{text-align:center;border:2px solid #ddd;border-radius:10px;outline:none;width:44px;height:52px;font-family:inherit;font-size:22px;font-weight:700;transition:border-color .2s}.verify-code:focus{border-color:#111}.verify-dash{color:#ddd;margin:0 2px;font-size:20px}.verify-hint{color:#aaa;background:#f5f5f5;border-radius:8px;margin-bottom:20px;padding:8px 16px;font-size:12px;display:inline-block}.cart-overlay{z-index:200;opacity:0;pointer-events:none;background:#0000004d;transition:opacity .3s;position:fixed;inset:0}.cart-overlay.open{opacity:1;pointer-events:auto}.cart-drawer{z-index:300;background:#fff;flex-direction:column;width:420px;max-width:100vw;transition:transform .35s cubic-bezier(.4,0,.2,1);display:flex;position:fixed;top:0;bottom:0;right:0;transform:translate(100%);box-shadow:-4px 0 24px #0000001a}.cart-drawer.open{transform:translate(0)}.cart-header{border-bottom:1px solid #eee;justify-content:space-between;align-items:center;padding:24px;display:flex}.cart-header h3{letter-spacing:-.5px;font-size:18px;font-weight:600}.cart-close{cursor:pointer;color:#666;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;padding:8px;font-size:20px;display:flex}.cart-close:hover{color:#111;background:#f5f5f5}.cart-items{flex:1;padding:0;overflow-y:auto}.cart-empty{color:#666;flex:1;justify-content:center;align-items:center;padding:40px 20px;font-size:15px;display:flex}.cart-empty p{margin-top:12px}.cart-item{border-bottom:1px solid #fafafa;gap:16px;padding:20px 24px;display:flex}.cart-item:last-child{border-bottom:none}.cart-item img{object-fit:cover;background:#fafafa;border-radius:4px;width:60px;height:75px}.cart-item-info{flex-direction:column;flex:1;min-width:0;display:flex}.cart-item-name{color:#111;margin-bottom:4px;font-size:14px;font-weight:600;line-height:1.4}.cart-item-meta{color:#666;align-items:center;gap:8px;margin-bottom:8px;font-size:12px;display:flex}.cart-dot{background:#ddd;border-radius:50%;width:8px;height:8px;display:inline-block}.cart-item-price{color:#111;margin-top:auto;font-size:14px;font-weight:600}.cart-item-qty{align-items:center;gap:10px;margin-top:8px;display:flex}.cart-item-qty button{cursor:pointer;color:#666;background:#fff;border:1px solid #ddd;border-radius:4px;justify-content:center;align-items:center;width:32px;height:32px;font-size:16px;transition:all .15s;display:flex}.cart-item-qty button:hover{color:#111;background:#fafafa;border-color:#111}.cart-item-qty span{text-align:center;width:20px;font-size:14px;font-weight:600}.cart-item-remove{cursor:pointer;color:#999;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;padding:8px;font-size:16px;display:flex}.cart-item-remove:hover{color:#e84747;background:#f5f5f5}.cart-footer{background:#fff;border-top:1px solid #eee;padding:24px}.cart-shipping{background:#f8f9fa;border-radius:6px;margin-bottom:20px;padding:16px}.cart-shipping-text{color:#555;margin-bottom:8px;font-size:13px}.cart-shipping-bar{background:#e0e0e0;border-radius:2px;height:4px;overflow:hidden}.cart-shipping-progress{background:#16a34a;border-radius:2px;height:100%;transition:width .3s}.cart-total{justify-content:space-between;margin-bottom:16px;padding:0 16px;font-size:16px;font-weight:600;display:flex}.cart-total span:first-child{color:#666}.cart-total span:last-child{color:#111}.cart-checkout{color:#fff;cursor:pointer;text-transform:uppercase;letter-spacing:.5px;background:#111;border:none;border-radius:8px;width:100%;margin:0 16px;padding:16px;font-family:inherit;font-size:15px;font-weight:600;transition:all .2s}.cart-checkout:hover{background:#292929}.bg-particles{pointer-events:none;z-index:-1;position:fixed;inset:0;overflow:hidden}.bg-particle{pointer-events:none;will-change:transform,opacity;opacity:0;border-radius:50%;transition:opacity 2s;position:absolute}.bg-particle.vis{opacity:.035}@keyframes particleFloat{0%,to{transform:translateY(0)rotate(0)}25%{transform:translateY(-30px)rotate(4deg)}50%{transform:translateY(-10px)rotate(-2deg)}75%{transform:translateY(-40px)rotate(3deg)}}.toast{color:#fff;z-index:800;opacity:0;pointer-events:none;background:#111;border-radius:10px;padding:14px 28px;font-size:13px;font-weight:500;transition:all .35s cubic-bezier(.4,0,.2,1);position:fixed;bottom:24px;left:50%;transform:translate(-50%)translateY(80px);box-shadow:0 4px 20px #00000026}.toast.open{opacity:1;transform:translate(-50%)translateY(0)}@media (width<=1024px){.grid,.col-grid{grid-template-columns:repeat(2,1fr)}.modal-inner{flex-direction:column}.modal-img{width:100%;min-height:300px}.admin-stats{grid-template-columns:repeat(2,1fr)}.admin-products{grid-template-columns:repeat(3,1fr)}}@media (width<=768px){.header{padding:12px 16px}.nav{display:none}.hamburger,.mobile-nav{display:flex}.search-bar{padding:0 16px}.search-bar.open{padding:12px 16px}.page-head{padding:16px 16px 8px}.page-head h1{font-size:24px}.page-head p{font-size:12px}.shop{padding:0 16px 32px}.shop-bar{flex-direction:column;align-items:flex-start;gap:8px;padding:12px 0 16px}.shop-inner{flex-direction:column}.sidebar{background:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:12px;flex-direction:column;gap:0;width:100%;margin-bottom:16px;padding:16px;display:none}.sidebar.open{display:flex}.sidebar section{flex:unset;min-width:unset;margin-bottom:16px}.sidebar section:last-child{margin-bottom:0}.sidebar section.hr{border-top:1px solid var(--color-border);padding-top:16px}.filter-toggle{background:var(--color-bg-primary);border:1px solid var(--color-border);cursor:pointer;color:var(--color-text-primary);border-radius:8px;align-items:center;gap:8px;margin-bottom:12px;padding:10px 16px;font-size:13px;font-weight:600;display:flex}.filter-toggle svg{width:16px;height:16px}.grid{grid-template-columns:repeat(2,1fr);gap:12px}.card-img{margin-bottom:8px}.card-body{padding:0 4px 4px}.card-name{font-size:12px}.card-price{font-size:13px}.card-sizes{display:none}.add-btn{padding:9px;font-size:10px}.col-grid{grid-template-columns:1fr;gap:12px;padding:0 16px 32px}.col-card{height:240px}.signup{margin:32px 16px 0;padding:24px 16px}.signup h2{font-size:20px}.signup-form{flex-direction:column}.signup-form input,.signup-form button{width:100%}.footer{padding:24px 16px 16px}.footer-grid{grid-template-columns:1fr 1fr;gap:24px}.cart-drawer{width:100%}.product-modal{width:95vw;max-height:95vh}.checkout-modal{border-radius:16px;width:95vw;max-height:95vh}.checkout-layout{flex-direction:column;max-height:95vh}.checkout-side{border-left:none;border-top:1px solid var(--color-border);width:100%;padding:16px}.card-preview{min-height:110px;padding:14px}.card-number{font-size:15px}.acct-modal,.verify-modal{width:95vw}.admin-sidebar{width:60px}.admin-sidebar .admin-logo span,.admin-sidebar .admin-nav a span:not(.nav-icon){display:none}.admin-content{padding:16px}.admin-topbar{padding:12px 16px}.admin-stats{grid-template-columns:repeat(2,1fr);gap:12px}.admin-products{grid-template-columns:repeat(2,1fr);gap:8px}.support-tickets{flex-direction:column}.support-list{width:100%}}@media (width<=480px){.header{padding:10px 12px}.header-actions{gap:2px}.header-actions span,.header-actions button{width:36px;height:36px}.header-actions button svg{width:18px;height:18px}.page-head{padding:12px 12px 4px}.page-head h1{font-size:20px}.shop{padding:0 12px 24px}.grid{grid-template-columns:repeat(2,1fr);gap:8px}.card-img{aspect-ratio:3/4;margin-bottom:6px}.card-body{padding:0 2px 2px}.card-name{margin-bottom:1px;font-size:11px}.card-cat{margin-bottom:2px;font-size:10px}.card-price{margin-bottom:2px;font-size:12px}.card-rating{margin-bottom:2px;font-size:10px}.card-swatches{margin-bottom:2px}.c-dot{width:12px;height:12px}.card-sizes{display:none}.add-btn{border-radius:6px;padding:8px;font-size:9px}.col-grid{padding:0 12px 24px}.col-card{height:200px}.col-txt{padding:16px}.col-txt h3{font-size:16px}.col-txt p{font-size:11px}.col-btn{padding:8px 16px;font-size:10px}.signup{margin:24px 12px 0;padding:20px 12px}.signup h2{font-size:18px}.signup p{font-size:12px}.footer{padding:20px 12px 12px}.footer-grid{grid-template-columns:1fr;gap:20px}.footer-brand p{max-width:100%}.pages{gap:2px;margin-top:32px}.pg{width:30px;height:30px;font-size:11px}.product-modal,.checkout-modal{border-radius:0;width:100vw;height:100vh;max-height:100vh}.modal-img{min-height:200px}.modal-info{padding:20px}.modal-info h2,.modal-price{font-size:18px}.cart-drawer{width:100%}.cart-header{padding:16px}.cart-items{padding:12px 16px}.cart-footer{padding:12px 16px 20px}.admin-stats,.admin-products{grid-template-columns:1fr}}@media (width<=360px){.grid,.col-grid,.footer-grid{grid-template-columns:1fr}}