.navbar{position:sticky;top:0;z-index:100;box-shadow:0 2px 14px #141e321f}.navbar-top{background:#0e1219;color:var(--on-dark-dim);font-size:12.5px;padding:7px 0}.navbar-top-inner{display:flex;justify-content:space-between;align-items:center}.navbar-top span{display:flex;align-items:center;gap:6px}.navbar-top a{color:var(--on-dark-dim)}.navbar-top a:hover{color:var(--gold-light)}.navbar-main{background:var(--ink);border-bottom:3px solid var(--gold)}.navbar-inner{display:flex;align-items:center;justify-content:space-between;height:66px;gap:24px}.navbar-logo{display:flex;align-items:center;flex-shrink:0;transition:opacity var(--transition-fast)}.navbar-logo:hover{opacity:.88}.navbar-logo-img{height:46px;width:auto;object-fit:contain}.navbar-logo-text-fallback{display:flex;flex-direction:column;line-height:1.05}.navbar-logo-main{font-size:21px;font-weight:800;color:var(--gold-light);letter-spacing:-.02em}.navbar-logo-sub{font-size:9px;font-weight:600;text-transform:uppercase;letter-spacing:.22em;color:var(--on-dark-faint)}.navbar-links{display:flex;align-items:center;gap:2px}.nav-link{color:var(--on-dark-dim);padding:9px 15px;border-radius:var(--radius-sm);font-size:14.5px;font-weight:600;transition:all var(--transition-fast)}.nav-link:hover{color:#fff;background:#ffffff12}.nav-link.active{color:var(--gold-light)}.navbar-actions{display:flex;align-items:center;gap:10px}.cart-btn{position:relative;background:#ffffff14;border:1px solid rgba(255,255,255,.14);color:#fff;padding:9px;display:flex;align-items:center;border-radius:var(--radius-sm);transition:all var(--transition-fast)}.cart-btn:hover{background:#ffffff29;border-color:var(--gold);color:var(--gold-light)}.cart-count{position:absolute;top:-7px;right:-7px;background:linear-gradient(135deg,var(--gold),var(--gold-light));color:#2a1f08;min-width:18px;height:18px;padding:0 4px;border-radius:99px;font-size:10px;font-weight:800;display:flex;align-items:center;justify-content:center;border:2px solid var(--ink)}.user-menu{position:relative}.user-btn{display:flex;align-items:center;gap:8px;background:#ffffff14;border:1px solid rgba(255,255,255,.14);border-radius:var(--radius-sm);color:#fff;padding:7px 13px 7px 8px;font-size:13px;font-weight:600;transition:all var(--transition-fast)}.user-btn:hover{background:#ffffff29}.user-avatar{width:28px;height:28px;background:linear-gradient(135deg,var(--gold),var(--gold-light));border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:13px;color:#2a1f08}.user-name{max-width:130px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-dropdown{position:absolute;right:0;top:calc(100% + 10px);background:#fff;border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-lg);min-width:220px;padding:8px;z-index:200;animation:dropdownIn .24s var(--ease-out)}@keyframes dropdownIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.dropdown-notice{font-size:12px;color:#946300;background:var(--warning-bg);padding:9px 12px;border-radius:8px;margin-bottom:4px;font-weight:600}.dropdown-item{display:block;width:100%;text-align:left;padding:10px 14px;border-radius:8px;font-size:14px;color:var(--text-secondary);background:none;border:none;transition:all var(--transition-fast);cursor:pointer}.dropdown-item:hover{background:var(--bg-alt);color:var(--text-primary)}.dropdown-admin{color:var(--gold-dark)!important;font-weight:700}.dropdown-admin:hover{background:var(--gold-bg)!important}.dropdown-logout{color:var(--error)!important}.dropdown-logout:hover{background:var(--error-bg)!important}.auth-btns{display:flex;align-items:center;gap:8px}.hamburger{display:none;flex-direction:column;gap:5px;background:none;border:none;padding:8px;cursor:pointer}.hamburger span{display:block;width:22px;height:2px;background:#fff;border-radius:2px;transition:all .3s}@media (max-width: 768px){.navbar-top{display:none}.navbar-inner{height:56px}.navbar-links{display:none;position:fixed;top:56px;left:0;right:0;background:var(--ink);border-bottom:3px solid var(--gold);flex-direction:column;padding:14px;gap:4px;z-index:99}.navbar-links.open{display:flex}.nav-link{width:100%;padding:13px 16px}.hamburger{display:flex}.user-name,.auth-btns .btn:first-child{display:none}}.footer{background:var(--ink);color:var(--on-dark-dim)}.footer-top-bar{height:4px;background:linear-gradient(90deg,var(--gold-dark),var(--gold),var(--gold-light),var(--gold),var(--gold-dark))}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:56px;padding:56px 0 40px}.footer-logo{display:flex;align-items:center;margin-bottom:18px}.footer-logo-img{height:46px;width:auto;object-fit:contain}.footer-logo-fallback{display:flex;flex-direction:column;line-height:1.1}.footer-logo-main{font-size:20px;font-weight:800;color:var(--gold-light);letter-spacing:-.02em}.footer-logo-sub{font-size:9px;font-weight:600;text-transform:uppercase;letter-spacing:.22em;color:var(--on-dark-faint)}.footer-desc{font-size:15px;line-height:1.6;color:var(--on-dark-dim);margin-bottom:22px;max-width:360px}.footer-contact{display:flex;flex-direction:column;gap:7px;font-size:14px;color:var(--on-dark-dim)}.footer-contact a{color:var(--on-dark-dim)}.footer-contact a:hover{color:var(--gold-light)}.footer-col h4{font-size:13px;font-weight:700;letter-spacing:.02em;text-transform:uppercase;color:var(--gold-light);margin-bottom:16px}.footer-col ul{list-style:none;display:flex;flex-direction:column;gap:11px}.footer-col ul li a{font-size:14px;color:var(--on-dark-dim);transition:color var(--transition-fast)}.footer-col ul li a:hover{color:#fff}.footer-map-wrap{padding:0 0 48px}.footer-map-label{font-size:14px;color:var(--on-dark-dim);margin-bottom:14px;font-weight:500}.footer-map{width:100%;height:340px;border:1px solid rgba(255,255,255,.12);border-radius:var(--radius-lg);display:block}.footer-bottom{border-top:1px solid rgba(255,255,255,.1);padding:22px 0;background:#0e1219}.footer-bottom-inner{display:flex;justify-content:space-between;align-items:center;font-size:12.5px;color:var(--on-dark-faint)}.footer-badges{display:flex;gap:18px}.footer-badge{font-size:12.5px;color:var(--on-dark-faint)}@media (max-width: 768px){.footer-grid{grid-template-columns:1fr;gap:36px;padding:44px 0 28px}.footer-bottom-inner{flex-direction:column;gap:10px;text-align:center}.footer-badges{flex-wrap:wrap;justify-content:center}}.cart-overlay{display:none;position:fixed;top:0;right:0;bottom:0;left:0;background:#1418218c;z-index:299;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.cart-sidebar{position:fixed;top:0;right:0;bottom:0;width:420px;max-width:100vw;background:var(--bg);z-index:300;transform:translate(100%);transition:transform .3s ease;display:flex;flex-direction:column;box-shadow:-4px 0 40px #141e3240;border-left:1px solid var(--border)}#cart-sidebar.open{transform:translate(0)}.cart-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid var(--border);background:var(--surface)}.cart-header h2{font-size:17px;font-weight:800;color:var(--text-primary)}.cart-close{background:none;border:none;color:var(--text-muted);padding:4px;border-radius:4px;transition:color var(--transition-fast)}.cart-close:hover{color:var(--gold-dark)}.cart-body{flex:1;overflow-y:auto}.cart-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;height:100%;padding:40px;text-align:center;color:var(--text-secondary)}.cart-items{list-style:none}.cart-item{display:flex;gap:12px;padding:16px 24px;border-bottom:1px solid var(--border);align-items:flex-start}.cart-item-img{width:64px;height:64px;border-radius:var(--radius-sm);overflow:hidden;flex-shrink:0;background:#fff;border:1px solid var(--border)}.cart-item-img img{width:100%;height:100%;object-fit:contain;padding:3px}.cart-item-img-placeholder{width:100%;height:100%;background:var(--bg-alt)}.cart-item-info{flex:1;min-width:0}.cart-item-name{font-size:13px;font-weight:700;line-height:1.3;margin-bottom:2px;color:var(--text-primary)}.cart-item-sku{font-size:11px;color:var(--text-muted);margin-bottom:8px;font-weight:600}.cart-item-controls{display:flex;align-items:center;gap:12px}.cart-item-price{font-weight:800;font-size:15px;flex-shrink:0;color:var(--text-primary)}.qty-control{display:flex;align-items:center;border:1.5px solid var(--border-strong);border-radius:var(--radius-sm);overflow:hidden}.qty-control button{background:var(--bg-alt);border:none;padding:5px 10px;font-size:16px;font-weight:700;color:var(--gold-dark);transition:background var(--transition-fast)}.qty-control button:hover{background:var(--gold-bg)}.qty-control span{padding:5px 12px;font-size:14px;font-weight:700;color:var(--text-primary);border-left:1.5px solid var(--border-strong);border-right:1.5px solid var(--border-strong);min-width:36px;text-align:center;background:#fff}.cart-remove{font-size:11px;color:var(--error);background:none;border:none;padding:0;text-decoration:underline;opacity:.8}.cart-remove:hover{opacity:1}.cart-footer{padding:20px 24px;border-top:1px solid var(--border);background:var(--surface)}.cart-subtotal{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px;font-weight:700}.cart-subtotal span:first-child{color:var(--text-secondary);font-size:14px}.cart-subtotal-amount{font-size:22px;font-weight:900;color:var(--gold-dark)}.cart-note{font-size:12px;color:var(--text-muted);margin-bottom:16px;line-height:1.5}@media (max-width: 480px){.cart-sidebar{width:100vw}}.product-card{display:flex;flex-direction:column;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;transition:all var(--transition);text-decoration:none;color:inherit;position:relative}.product-card:hover{transform:translateY(-4px);border-color:var(--gold-border);box-shadow:var(--shadow-md)}.product-card-img{position:relative;aspect-ratio:1/1;background:#fff;overflow:hidden;border-bottom:1px solid var(--border)}.product-card-img img{width:100%;height:100%;object-fit:contain;padding:14px;transition:transform .5s var(--ease)}.product-card:hover .product-card-img img{transform:scale(1.04)}.product-card-img-placeholder{width:100%;height:100%;display:flex;flex-direction:column;gap:10px;align-items:center;justify-content:center;background:#fafbfc}.product-card-img-placeholder svg{opacity:.7}.product-card-img-placeholder span{font-size:10px;letter-spacing:.16em;text-transform:uppercase;font-weight:700;color:var(--gold)}.product-badge-out{position:absolute;top:12px;left:12px;background:#fff;color:var(--error);border:1px solid #f0c4c4;font-size:11px;font-weight:700;padding:4px 10px;border-radius:var(--radius-pill);box-shadow:var(--shadow-sm)}.product-badge-wholesale{position:absolute;top:12px;right:12px;background:linear-gradient(135deg,var(--gold),var(--gold-light));color:#2a1f08;font-size:10px;font-weight:800;padding:4px 10px;border-radius:var(--radius-pill);letter-spacing:.02em}.product-card-body{padding:16px 18px;display:flex;flex-direction:column;gap:7px;flex:1}.product-card-sku{font-size:12px;color:var(--text-muted);font-weight:600;letter-spacing:.01em}.product-card-name{font-size:15.5px;font-weight:700;line-height:1.35;flex:1;color:var(--text-primary)}.product-card-cones{display:flex;align-items:center;gap:6px;font-size:11.5px;color:var(--text-secondary);margin:2px 0;font-weight:500}.cone-dot{width:12px;height:12px;border-radius:50%;border:1px solid rgba(0,0,0,.15);flex-shrink:0}.cone-dot.red{background:radial-gradient(circle at 35% 30%,#ff5b4d,#c41e10)}.cone-dot.black{background:radial-gradient(circle at 35% 30%,#4a4a4a,#111)}.product-card-specs{display:flex;flex-wrap:wrap;gap:5px;margin:2px 0 4px}.product-spec-chip{font-size:11px;font-weight:600;color:var(--gold-dark);background:var(--gold-bg);border:1px solid var(--gold-border);padding:2px 9px;border-radius:var(--radius-pill);white-space:nowrap}.product-card-pricing{display:flex;align-items:baseline;gap:8px;flex-wrap:wrap;margin-top:2px}.product-price{font-size:21px;font-weight:800;color:var(--text-primary)}.product-signin-price{font-size:13.5px;font-weight:600;color:var(--gold-dark)}.product-price-wholesale{font-size:21px;font-weight:800;color:var(--gold-dark)}.product-price-label{font-size:10px;color:var(--gold-dark);font-weight:700;letter-spacing:.02em}.product-price-retail{font-size:13px;color:var(--text-muted);text-decoration:line-through}.product-low-stock{font-size:12.5px;color:#b7791f;font-weight:700}.product-atc{margin-top:auto;padding-top:8px}.hero{position:relative;overflow:hidden;padding:80px 0 72px;background:linear-gradient(180deg,#fff,#fbf6ea);text-align:center;border-bottom:1px solid var(--border)}.hero-bg{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:radial-gradient(ellipse 60% 50% at 85% 10%,rgba(200,146,42,.14) 0%,transparent 60%),radial-gradient(ellipse 50% 50% at 10% 90%,rgba(200,146,42,.08) 0%,transparent 55%)}.hero-content{position:relative;max-width:760px}.hero-eyebrow{display:inline-block;font-size:13px;font-weight:700;color:var(--gold-dark);background:var(--gold-bg);border:1px solid var(--gold-border);padding:6px 16px;border-radius:var(--radius-pill);margin-bottom:22px}.hero h1{font-size:clamp(2.2rem,5.5vw,3.6rem);font-weight:800;color:var(--text-primary);line-height:1.08;margin-bottom:18px;letter-spacing:-.03em}.hero h1 span{color:var(--gold-dark)}.hero-sub{font-size:clamp(16px,2vw,19px);color:var(--text-secondary);margin:0 auto 30px;line-height:1.5;max-width:600px}.hero-search{display:flex;align-items:center;gap:8px;margin:0 auto 22px;background:#fff;border:1.5px solid var(--border-strong);border-radius:var(--radius);padding:6px 6px 6px 16px;max-width:600px;box-shadow:var(--shadow);transition:all var(--transition-fast)}.hero-search:focus-within{border-color:var(--gold);box-shadow:0 0 0 3px #c8922a2e}.hero-search-icon{color:var(--text-muted);flex-shrink:0}.hero-search input{flex:1;background:transparent;border:none;padding:12px 6px;font-size:16px;color:var(--text-primary);outline:none;min-width:0}.hero-search input::placeholder{color:var(--text-muted)}.hero-ctas{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}.hero-ctas .btn-outline-white{background:#fff;color:var(--gold-dark);border-color:var(--gold-border)}.hero-ctas .btn-outline-white:hover{background:var(--gold-bg);border-color:var(--gold)}.benefits{padding:0;margin-top:-36px;position:relative;z-index:2}.benefits-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.benefit-card{display:flex;align-items:center;gap:14px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:20px;box-shadow:var(--shadow);transition:all var(--transition)}.benefit-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-md);border-color:var(--gold-border)}.benefit-icon{width:50px;height:50px;flex-shrink:0;border-radius:12px;background:var(--gold-bg);color:var(--gold-dark);display:flex;align-items:center;justify-content:center}.benefit-title{font-size:15px;font-weight:700;color:var(--text-primary)}.benefit-desc{font-size:13px;color:var(--text-secondary);margin-top:2px}.section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:36px;flex-wrap:wrap}.section-sub{color:var(--text-secondary);font-size:16px;margin-top:6px}.categories-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:24px}.category-card{display:flex;flex-direction:column;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden;text-decoration:none;color:inherit;transition:all var(--transition);box-shadow:var(--shadow-sm)}.category-card:hover{transform:translateY(-6px);box-shadow:var(--shadow-lg);border-color:var(--gold-border)}.category-visual{position:relative;height:190px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#11151d,#20283a);overflow:hidden}.category-visual:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:url("data:image/svg+xml,%3Csvg width='40' height='40' viewBox='0 0 40 40' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' stroke='%23ffffff' stroke-opacity='0.04'%3E%3Cpath d='M0 20h40M20 0v40'/%3E%3C/g%3E%3C/svg%3E")}.category-visual-glow{position:absolute;width:260px;height:260px;border-radius:50%;background:radial-gradient(circle,rgba(200,146,42,.32) 0%,transparent 65%);transition:all var(--transition);opacity:.85}.category-card:hover .category-visual-glow{transform:scale(1.25);opacity:1}.category-badge{position:absolute;top:16px;right:16px;z-index:2;font-size:12px;font-weight:700;color:#2a1f08;background:linear-gradient(135deg,var(--gold-light),var(--gold));padding:5px 13px;border-radius:var(--radius-pill);box-shadow:0 2px 8px #0000004d}.category-illu{position:relative;z-index:1;color:var(--gold-light);transition:transform var(--transition);filter:drop-shadow(0 4px 12px rgba(200,146,42,.35))}.category-illu svg{width:88px;height:88px}.category-card:hover .category-illu{transform:scale(1.08) translateY(-2px)}.category-card-body{flex:1;padding:24px 26px 26px;display:flex;flex-direction:column}.category-card h3{font-size:21px;font-weight:800;color:var(--text-primary);margin-bottom:7px;letter-spacing:-.01em}.category-card p{font-size:14px;color:var(--text-secondary);line-height:1.55;flex:1}.category-cta{display:inline-flex;align-items:center;gap:7px;margin-top:18px;font-size:15px;font-weight:700;color:var(--gold-dark)}.category-cta svg{transition:transform var(--transition-fast)}.category-card:hover .category-cta svg{transform:translate(4px)}.promo-banner{display:flex;align-items:center;justify-content:space-between;gap:24px;background:linear-gradient(120deg,var(--ink) 0%,#20283a 100%);border-radius:var(--radius-lg);padding:36px 44px;margin:64px 0 0;position:relative;overflow:hidden;flex-wrap:wrap}.promo-banner:before{content:"";position:absolute;top:-40%;right:-5%;width:360px;height:360px;border-radius:50%;background:radial-gradient(circle,rgba(200,146,42,.22) 0%,transparent 70%)}.promo-text{position:relative}.promo-text h3{font-size:1.5rem;font-weight:800;color:#fff;margin-bottom:6px}.promo-text p{font-size:15px;color:var(--on-dark-dim);max-width:540px}.promo-banner .btn{position:relative;flex-shrink:0}.products-grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}.account-cta{display:grid;grid-template-columns:1.3fr 1fr;gap:48px;align-items:center;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:48px;box-shadow:var(--shadow)}.account-cta-badge{display:inline-block;font-size:12px;font-weight:700;color:var(--gold-dark);background:var(--gold-bg);border:1px solid var(--gold-border);padding:5px 14px;border-radius:var(--radius-pill);margin-bottom:16px}.account-cta h2{font-size:2rem;font-weight:800;color:var(--text-primary);margin-bottom:12px;letter-spacing:-.02em}.account-cta p{font-size:16px;color:var(--text-secondary);margin-bottom:18px;line-height:1.55}.account-benefits{list-style:none;display:flex;flex-direction:column;gap:10px}.account-benefits li{font-size:15px;color:var(--text-primary);display:flex;align-items:center;gap:11px}.account-benefits li:before{content:"✓";color:var(--gold-dark);font-weight:800;width:22px;height:22px;border-radius:50%;background:var(--gold-bg);display:flex;align-items:center;justify-content:center;font-size:12px;flex-shrink:0}.account-steps{display:flex;flex-direction:column;gap:14px}.account-step{display:flex;align-items:center;gap:16px;background:var(--bg-alt);border:1px solid var(--border);border-radius:var(--radius);padding:18px 20px}.account-step-num{width:40px;height:40px;flex-shrink:0;border-radius:50%;background:linear-gradient(135deg,var(--gold),var(--gold-light));color:#2a1f08;font-size:17px;font-weight:800;display:flex;align-items:center;justify-content:center}.account-step strong{display:block;font-size:15px;font-weight:700;color:var(--text-primary)}.account-step span{font-size:13px;color:var(--text-secondary)}.home .section-gray{background:var(--bg-alt)}@media (max-width: 1024px){.benefits-grid{grid-template-columns:1fr 1fr}.products-grid-4{grid-template-columns:repeat(2,1fr)}.account-cta{grid-template-columns:1fr;gap:32px;padding:32px}}@media (max-width: 768px){.hero{padding:52px 0 48px}.benefits{margin-top:24px}.products-grid-4{grid-template-columns:1fr 1fr}.promo-banner{padding:28px}.hero-search{flex-wrap:wrap}}@media (max-width: 480px){.benefits-grid,.products-grid-4{grid-template-columns:1fr}}.catalog-page{min-height:100vh;background:var(--bg)}.catalog-header{background:var(--surface);padding:40px 0 32px;border-bottom:1px solid var(--border)}.catalog-header-inner{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;flex-wrap:wrap}.catalog-header h1{font-size:2.2rem;font-weight:800;color:var(--text-primary);letter-spacing:-.02em}.catalog-header p{color:var(--text-secondary);font-size:16px;margin-top:6px}.catalog-search{display:flex;align-items:center;background:#fff;border:1.5px solid var(--border-strong);border-radius:var(--radius-sm);overflow:hidden;padding-left:14px;transition:all var(--transition-fast)}.catalog-search:focus-within{border-color:var(--gold);box-shadow:0 0 0 3px #c8922a26}.catalog-search input{background:transparent;border:none;padding:11px 10px;font-size:15px;color:var(--text-primary);outline:none;width:240px}.catalog-search input::placeholder{color:var(--text-muted)}.catalog-search .btn{border-radius:0}.catalog-layout{display:grid;grid-template-columns:250px 1fr;gap:32px;padding:32px 0 64px}.catalog-sidebar{display:flex;flex-direction:column;gap:22px;position:sticky;top:86px;align-self:start;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:22px;box-shadow:var(--shadow-sm)}.sidebar-section h3{font-size:12px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--text-secondary);margin-bottom:12px}.sidebar-cats{list-style:none;display:flex;flex-direction:column;gap:2px}.sidebar-cats button{width:100%;text-align:left;padding:9px 12px;border-radius:var(--radius-sm);background:none;border:none;font-size:14px;color:var(--text-primary);transition:all var(--transition-fast);cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:8px;font-weight:500}.sidebar-cats button:hover{background:var(--bg-alt)}.sidebar-cats button.active{background:var(--gold-bg);color:var(--gold-dark);font-weight:700}.sidebar-cat-count{font-size:11px;font-weight:700;color:var(--text-muted);background:var(--bg-alt);padding:1px 8px;border-radius:var(--radius-pill)}.sidebar-cats button.active .sidebar-cat-count{color:var(--gold-dark);background:#fff}.filter-pills{display:flex;flex-wrap:wrap;gap:7px}.filter-pill{font-size:13px;font-weight:600;color:var(--text-secondary);background:#fff;border:1.5px solid var(--border-strong);padding:6px 12px;border-radius:var(--radius-pill);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap}.filter-pill:hover{border-color:var(--gold);color:var(--text-primary)}.filter-pill.active{background:var(--gold);border-color:var(--gold);color:#2a1f08;font-weight:700}.catalog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.catalog-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;padding:90px 20px;text-align:center;color:var(--text-secondary)}.catalog-empty h3{font-size:22px;font-weight:700;color:var(--text-primary)}@media (max-width: 900px){.catalog-layout{grid-template-columns:1fr}.catalog-sidebar{position:static}.catalog-grid{grid-template-columns:repeat(2,1fr)}.catalog-header h1{font-size:1.8rem}}@media (max-width: 480px){.catalog-grid{grid-template-columns:1fr}.catalog-search input{width:150px}}.pd-page{padding:32px 0 72px;background:var(--bg)}.pd-container{max-width:1100px;margin:0 auto;padding:0 28px}.pd-breadcrumb{display:flex;align-items:center;gap:8px;font-size:14px;color:var(--text-muted);margin-bottom:28px;flex-wrap:wrap}.pd-breadcrumb a{color:var(--text-secondary);transition:color var(--transition-fast)}.pd-breadcrumb a:hover{color:var(--gold-dark)}.pd-breadcrumb span{color:var(--text-primary);font-weight:500}.pd-layout{display:grid;grid-template-columns:1fr 1fr;gap:48px;margin-bottom:48px}.pd-main-image{aspect-ratio:1/1;border-radius:var(--radius-lg);overflow:hidden;border:1px solid var(--border);background:#fff;box-shadow:var(--shadow-sm)}.pd-main-image img{width:100%;height:100%;object-fit:contain;padding:24px}.pd-img-placeholder{width:100%;height:100%;display:flex;flex-direction:column;gap:14px;align-items:center;justify-content:center;background:#fafbfc}.pd-img-placeholder svg{opacity:.7}.pd-img-placeholder span{font-size:12px;letter-spacing:.16em;text-transform:uppercase;font-weight:700;color:var(--gold)}.pd-thumbnails{display:flex;gap:10px;margin-top:12px}.pd-thumb{width:76px;height:76px;object-fit:contain;padding:4px;background:#fff;border-radius:var(--radius-sm);border:1px solid var(--border);cursor:pointer;transition:border-color var(--transition-fast)}.pd-thumb:hover{border-color:var(--gold)}.pd-category{display:inline-block;font-size:12px;font-weight:700;color:var(--gold-dark);background:var(--gold-bg);border:1px solid var(--gold-border);padding:4px 13px;border-radius:var(--radius-pill);margin-bottom:14px;text-transform:uppercase;letter-spacing:.04em}.pd-name{font-size:2.1rem;font-weight:800;line-height:1.12;margin-bottom:10px;color:var(--text-primary);letter-spacing:-.02em}.pd-sku{font-size:14px;color:var(--text-muted);margin-bottom:16px;font-weight:600}.pd-weight-inline{color:var(--text-secondary)}.pd-stock{margin-bottom:22px}.pd-in-stock{color:#157347;font-weight:700;font-size:15px}.pd-out-stock{color:var(--error);font-weight:700;font-size:15px}.pd-pricing{padding:22px 24px;background:var(--gold-bg);border-radius:var(--radius);border:1px solid var(--gold-border);margin-bottom:22px}.pd-price-main{font-size:2.6rem;font-weight:800;color:var(--text-primary);letter-spacing:-.02em}.pd-price-badge{display:inline-flex;align-items:center;background:var(--gold);color:#2a1f08;font-size:11px;font-weight:800;padding:4px 12px;border-radius:var(--radius-pill);margin:8px 0}.pd-price-retail{font-size:15px;color:var(--text-muted);text-decoration:line-through}.pd-savings{font-size:15px;color:#157347;font-weight:700;margin-top:6px}.pd-wholesale-teaser{display:flex;align-items:center;gap:10px;font-size:14px;color:var(--text-secondary)}.pd-wholesale-teaser a{color:var(--gold-dark);font-weight:700}.pd-variants{margin-bottom:22px}.pd-variant-label{display:block;font-size:13px;font-weight:700;color:var(--text-primary);margin-bottom:10px}.pd-cone-options{display:flex;gap:12px;flex-wrap:wrap}.pd-cone{display:flex;align-items:center;gap:12px;padding:12px 18px 12px 14px;background:#fff;border:2px solid var(--border-strong);border-radius:var(--radius);cursor:pointer;transition:all var(--transition-fast);min-width:160px}.pd-cone:hover{border-color:var(--gold-border)}.pd-cone.selected{border-color:var(--gold);background:var(--gold-bg)}.pd-cone-swatch{width:26px;height:26px;border-radius:50%;flex-shrink:0;border:1px solid rgba(0,0,0,.15);box-shadow:inset 0 -2px 4px #0000004d}.pd-cone-swatch.red{background:radial-gradient(circle at 35% 30%,#ff5b4d,#c41e10)}.pd-cone-swatch.black{background:radial-gradient(circle at 35% 30%,#4a4a4a,#0e0e0e)}.pd-cone-text{display:flex;flex-direction:column;text-align:left;line-height:1.25}.pd-cone-text strong{font-size:14px;font-weight:700;color:var(--text-primary)}.pd-cone-text small{font-size:12px;color:var(--text-secondary)}.pd-atc{display:flex;align-items:center;gap:14px;margin-bottom:22px}.pd-qty{display:flex;align-items:center;gap:10px;background:#fff;border:1.5px solid var(--border-strong);border-radius:var(--radius-pill);padding:4px}.pd-qty label{font-size:14px;font-weight:600;color:var(--text-secondary);padding-left:10px}.qty-lg button{padding:8px 16px!important;font-size:18px!important;background:transparent!important;border:none!important;color:var(--text-primary)!important;cursor:pointer}.qty-lg span{padding:8px 16px!important;font-size:16px!important;min-width:48px!important;text-align:center;font-weight:600}.btn-added{background:linear-gradient(135deg,#1f9d55,#28b96a)!important;border-color:#157347!important;color:#fff!important}.pd-login-cta{margin-bottom:22px}.pd-features{display:flex;flex-direction:column;gap:12px;margin-bottom:22px;padding:18px;background:var(--surface);border-radius:var(--radius);border:1px solid var(--border)}.pd-feature{display:flex;align-items:center;gap:12px;font-size:14px;color:var(--text-secondary)}.pd-desc h3{font-size:13px;font-weight:800;text-transform:uppercase;letter-spacing:.06em;color:var(--text-secondary);margin-bottom:10px}.pd-desc p{font-size:16px;line-height:1.65;color:var(--text-secondary)}.pd-specs{margin-top:8px}.pd-specs h2{font-size:1.5rem;font-weight:800;margin-bottom:18px;color:var(--text-primary)}.specs-table-wrap{border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;max-width:640px;background:#fff;box-shadow:var(--shadow-sm)}.specs-table{width:100%;border-collapse:collapse}.specs-table tr:nth-child(2n){background:var(--bg-alt)}.specs-table td{padding:13px 18px;font-size:15px;border-bottom:1px solid var(--border)}.specs-table tr:last-child td{border-bottom:none}.specs-key{font-weight:700;color:var(--text-secondary);width:220px}.specs-val{color:var(--text-primary)}@media (max-width: 768px){.pd-layout{grid-template-columns:1fr;gap:28px}.pd-name{font-size:1.7rem}}.auth-page{min-height:calc(100vh - 140px);display:flex;align-items:center;justify-content:center;padding:48px 16px;background:var(--bg)}.auth-page-wide{align-items:flex-start;padding-top:48px}.auth-card{width:100%;max-width:480px;padding:40px;background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow-md)}.auth-card-wide{max-width:640px}.auth-logo{display:flex;justify-content:center;margin-bottom:22px}.auth-logo-img{height:56px;width:auto;object-fit:contain}.auth-logo-fallback{font-size:26px;font-weight:800;color:var(--gold-dark);letter-spacing:-.02em;text-align:center}.auth-card h1{font-size:1.6rem;font-weight:800;text-align:center;margin-bottom:6px;color:var(--text-primary)}.auth-subtitle{text-align:center;color:var(--text-secondary);font-size:14.5px;margin-bottom:24px}.auth-form{display:flex;flex-direction:column;gap:16px}.auth-form-btns{display:flex;gap:12px}.auth-form-btns .btn-primary{flex:1}.auth-divider{text-align:center;position:relative;margin:22px 0}.auth-divider:before{content:"";position:absolute;top:50%;left:0;right:0;height:1px;background:var(--border)}.auth-divider span{position:relative;background:var(--surface);padding:0 12px;font-size:13px;color:var(--text-secondary)}.auth-footer-text{text-align:center;font-size:14px;color:var(--text-secondary);margin-top:20px}.auth-footer-text a{color:var(--gold-dark);font-weight:700}.auth-label-row{display:flex;align-items:center;justify-content:space-between}.auth-forgot-link{font-size:13px;color:var(--gold-dark);font-weight:600}.auth-forgot-link:hover{text-decoration:underline}.auth-steps{display:flex;align-items:center;justify-content:center;gap:10px;margin-bottom:24px}.auth-step{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:600;color:var(--text-muted)}.auth-step span{width:24px;height:24px;border-radius:50%;background:var(--bg-alt);border:1.5px solid var(--border-strong);display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:800}.auth-step.active{color:var(--gold-dark)}.auth-step.active span{background:var(--gold);border-color:var(--gold);color:#2a1f08}.auth-step-divider{width:40px;height:2px;background:var(--border)}.static-page{min-height:100vh;background:var(--bg)}.static-hero{background:linear-gradient(120deg,var(--ink) 0%,#20283a 100%);padding:64px 0 56px;text-align:center;position:relative;overflow:hidden}.static-hero:before{content:"";position:absolute;top:-30%;right:8%;width:380px;height:380px;border-radius:50%;background:radial-gradient(circle,rgba(200,146,42,.18) 0%,transparent 70%)}.static-hero-inner{position:relative;max-width:760px;margin:0 auto;padding:0 24px}.static-eyebrow{font-size:14px;font-weight:700;color:var(--gold-light);margin-bottom:10px}.static-hero h1{font-size:clamp(2rem,5vw,3.2rem);font-weight:800;color:#fff;letter-spacing:-.02em;line-height:1.1}.static-hero p{font-size:clamp(16px,2vw,19px);color:var(--on-dark-dim);margin-top:16px;line-height:1.5}.static-body{max-width:780px;margin:0 auto;padding:56px 24px 80px}.static-body h2{font-size:1.5rem;font-weight:800;color:var(--text-primary);letter-spacing:-.01em;margin:40px 0 14px}.static-body h2:first-child{margin-top:0}.static-body h3{font-size:1.1rem;font-weight:700;color:var(--text-primary);margin:26px 0 10px}.static-body p{font-size:16px;line-height:1.7;color:var(--text-secondary);margin-bottom:16px}.static-body ul{margin:0 0 16px;padding-left:4px;list-style:none}.static-body li{font-size:16px;line-height:1.7;color:var(--text-secondary);padding-left:26px;position:relative;margin-bottom:8px}.static-body li:before{content:"✓";position:absolute;left:0;color:var(--gold-dark);font-weight:800}.static-body a{color:var(--gold-dark);font-weight:600}.static-body a:hover{text-decoration:underline}.static-body strong{color:var(--text-primary);font-weight:700}.static-updated{font-size:14px;color:var(--text-muted);margin-bottom:32px}.about-values{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin:8px 0 16px}.about-value{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:26px 22px;transition:all var(--transition);box-shadow:var(--shadow-sm)}.about-value:hover{transform:translateY(-4px);border-color:var(--gold-border);box-shadow:var(--shadow-md)}.about-value-icon{font-size:28px;margin-bottom:12px}.about-value h3{font-size:17px;font-weight:700;color:var(--text-primary);margin:0 0 6px}.about-value p{font-size:14px;color:var(--text-secondary);line-height:1.55;margin:0}.about-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin:32px 0;text-align:center}.about-stat-value{font-size:2.2rem;font-weight:800;color:var(--gold-dark)}.about-stat-label{font-size:13px;color:var(--text-secondary);margin-top:4px}.static-cta{text-align:center;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:44px 32px;margin-top:48px;box-shadow:var(--shadow)}.static-cta h2{margin:0 0 10px}.static-cta p{margin:0 auto 24px;max-width:480px}.contact-layout{display:grid;grid-template-columns:1fr 1.2fr;gap:48px;align-items:start}.contact-info-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:32px;box-shadow:var(--shadow-sm)}.contact-info-item{display:flex;gap:14px;margin-bottom:24px}.contact-info-item:last-child{margin-bottom:0}.contact-info-icon{font-size:22px;flex-shrink:0}.contact-info-item h4{font-size:14px;font-weight:700;color:var(--text-primary);margin:0 0 3px}.contact-info-item p,.contact-info-item a{font-size:14px;color:var(--text-secondary);line-height:1.5;margin:0}.contact-info-item a{color:var(--gold-dark);font-weight:600}.contact-info-item a:hover{text-decoration:underline}.contact-form{display:flex;flex-direction:column;gap:16px}@media (max-width: 768px){.about-values{grid-template-columns:1fr}.about-stats{grid-template-columns:1fr 1fr;gap:28px 20px}.contact-layout{grid-template-columns:1fr;gap:32px}.static-body{padding:40px 20px 64px}}.dashboard-page{min-height:100vh;background:var(--bg)}.dashboard-header{background:var(--surface);padding:40px 0;border-bottom:1px solid var(--border)}.dashboard-header h1{font-size:1.75rem;font-weight:800;color:var(--text-primary)}.dashboard-header p{color:var(--text-secondary);margin-top:4px;font-size:14px}.dashboard-layout{padding:28px 0 64px}.dashboard-pending{margin-bottom:24px;font-size:14px;line-height:1.6}.dashboard-pending strong{display:block;margin-bottom:4px;font-size:15px}.dashboard-pending a{color:var(--gold-dark);font-weight:700}.dashboard-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.dashboard-card .card-header h3{font-size:15px;font-weight:700}.account-details{display:flex;flex-direction:column;gap:12px}.account-row{display:flex;justify-content:space-between;font-size:14px;border-bottom:1px solid var(--border);padding-bottom:10px}.account-row:last-child{border-bottom:none;padding-bottom:0}.account-row span{color:var(--text-secondary)}.account-row strong{text-align:right;max-width:55%;color:var(--text-primary)}.quick-actions{display:flex;flex-direction:column;gap:4px}.quick-action{display:flex;align-items:center;gap:14px;padding:12px;border-radius:var(--radius-sm);transition:background var(--transition-fast);text-decoration:none;color:inherit;border:1px solid transparent}.quick-action:hover{background:var(--gold-bg);border-color:var(--gold-border)}.quick-action>span:first-child{font-size:22px}.quick-action div{flex:1}.quick-action div strong{font-size:14px;display:block;color:var(--text-primary)}.quick-action div p{font-size:12px;color:var(--text-secondary)}.quick-action>span:last-child{color:var(--gold-dark);font-size:18px}@media (max-width: 768px){.dashboard-grid{grid-template-columns:1fr}}.checkout-layout{display:grid;grid-template-columns:1fr 360px;gap:24px;align-items:start}.checkout-steps{display:flex;gap:0;margin-bottom:24px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:16px 24px;box-shadow:var(--shadow-sm)}.checkout-step{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:600;color:var(--text-muted);flex:1}.checkout-step:not(:last-child):after{content:"›";margin-left:auto;color:var(--text-muted);font-size:18px}.checkout-step.active{color:var(--gold-dark)}.checkout-step.done{color:#157347}.cs-num{width:26px;height:26px;border-radius:50%;background:var(--bg-alt);border:2px solid currentColor;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:800;flex-shrink:0}.checkout-step.active .cs-num{background:var(--gold);border-color:var(--gold);color:#2a1f08}.checkout-step.done .cs-num{background:var(--success-bg);border-color:#157347;color:#157347}.checkout-form{display:flex;flex-direction:column;gap:16px}.shipping-address-preview{padding:10px 14px;background:var(--bg-alt);border-radius:var(--radius-sm);font-size:13px;color:var(--text-secondary);margin-bottom:20px;border:1px solid var(--border)}.shipping-rates{display:flex;flex-direction:column;gap:8px}.shipping-rate{display:flex;align-items:center;gap:14px;padding:14px 16px;border:2px solid var(--border-strong);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast);background:#fff}.shipping-rate:hover{border-color:var(--gold-border)}.shipping-rate.selected{border-color:var(--gold);background:var(--gold-bg)}.shipping-rate input{accent-color:var(--gold)}.shipping-rate-info{flex:1}.shipping-rate-name{font-size:14px;font-weight:700;color:var(--text-primary);display:flex;align-items:center;gap:8px}.shipping-rate-note{font-size:11px;font-weight:800;color:var(--gold-dark);background:var(--gold-bg);border:1px solid var(--gold-border);padding:2px 8px;border-radius:99px}.shipping-rate-details{font-size:12px;color:var(--text-secondary);margin-top:3px}.shipping-rate-price{font-size:16px;font-weight:800;color:var(--gold-dark)}.stripe-card-wrapper{padding:14px;border:1.5px solid var(--border-strong);border-radius:var(--radius-sm);background:#fff}.stripe-card-wrapper:focus-within{border-color:var(--gold);box-shadow:0 0 0 3px #c8922a26}.payment-secure-note{font-size:13px;color:var(--text-secondary);text-align:center}.pay-methods{display:flex;flex-direction:column;gap:12px}.pay-method{display:flex;align-items:center;gap:16px;padding:18px 20px;border:2px solid var(--border-strong);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast);background:#fff}.pay-method:hover{border-color:var(--gold-border)}.pay-method.selected{border-color:var(--gold);background:var(--gold-bg);box-shadow:0 0 0 3px #c8922a1f}.pay-method.disabled{opacity:.5;cursor:not-allowed}.pay-method input{accent-color:var(--gold);width:18px;height:18px;flex-shrink:0}.pay-method-icon{font-size:30px;line-height:1;flex-shrink:0}.pay-method-text{display:flex;flex-direction:column;gap:3px}.pay-method-text strong{font-size:16px;color:var(--text-primary)}.pay-method-text span{font-size:13px;color:var(--text-secondary);line-height:1.4}.pay-instructions{padding:20px;background:var(--gold-bg);border:1px solid var(--gold-border);border-radius:var(--radius-sm)}.pay-instructions-title{font-size:16px;font-weight:800;margin-bottom:10px;color:var(--text-primary)}.pay-instructions p{font-size:14px;color:var(--text-secondary);margin:6px 0;line-height:1.5}.pay-highlight{margin:10px 0;padding:12px 16px;background:#fff;border:1px dashed var(--gold);border-radius:var(--radius-sm);font-size:17px;font-weight:800;color:var(--gold-dark);text-align:center;word-break:break-word}.checkout-items{list-style:none;display:flex;flex-direction:column;gap:14px}.checkout-item{display:flex;align-items:center;gap:12px}.checkout-item-img{position:relative;width:56px;height:56px;flex-shrink:0}.checkout-item-img img{width:100%;height:100%;object-fit:contain;padding:3px;background:#fff;border-radius:var(--radius-sm);border:1px solid var(--border)}.checkout-item-placeholder{width:100%;height:100%;background:var(--bg-alt);border-radius:var(--radius-sm);border:1px solid var(--border)}.checkout-item-qty{position:absolute;top:-6px;right:-6px;background:var(--gold);color:#2a1f08;width:18px;height:18px;border-radius:50%;font-size:10px;font-weight:800;display:flex;align-items:center;justify-content:center}.checkout-item-info{flex:1;min-width:0}.checkout-item-name{font-size:13px;font-weight:600;line-height:1.3;color:var(--text-primary)}.checkout-item-sku{font-size:11px;color:var(--text-muted);font-family:monospace}.checkout-item-price{font-size:14px;font-weight:800;flex-shrink:0;color:var(--text-primary)}.checkout-totals{display:flex;flex-direction:column;gap:10px;font-size:14px}.checkout-total-row{display:flex;justify-content:space-between;color:var(--text-secondary)}.checkout-total-main{font-size:20px;font-weight:800;color:var(--text-primary);padding-top:6px;border-top:1px solid var(--border)}.checkout-total-main span:last-child{color:var(--gold-dark)}@media (max-width: 900px){.checkout-layout{grid-template-columns:1fr}.checkout-sidebar{order:-1}}.admin-layout{display:grid;grid-template-columns:230px 1fr;min-height:100vh}.admin-sidebar{background:var(--ink);display:flex;flex-direction:column;position:sticky;top:0;height:100vh;overflow-y:auto}.admin-sidebar-header{padding:20px;border-bottom:1px solid rgba(255,255,255,.1)}.admin-sidebar-logo{height:40px;width:auto;object-fit:contain;margin-bottom:8px}.admin-logo-text{font-size:11px;font-weight:800;color:var(--gold-light);text-transform:uppercase;letter-spacing:.12em}.admin-user{font-size:12px;color:var(--on-dark-faint);margin-top:2px}.admin-nav{flex:1;padding:12px;display:flex;flex-direction:column;gap:2px}.admin-nav-item{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:var(--radius-sm);color:var(--on-dark-dim);font-size:14px;font-weight:600;transition:all var(--transition-fast);text-decoration:none;border:1px solid transparent}.admin-nav-item:hover{background:#ffffff14;color:#fff}.admin-nav-item.active{background:#c8922a2e;color:var(--gold-light);font-weight:700;border-color:#c8922a66}.admin-sidebar-footer{padding:12px;border-top:1px solid rgba(255,255,255,.1)}.admin-main{background:var(--bg);overflow-x:hidden}.admin-page{padding:32px}.admin-page-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:28px;flex-wrap:wrap;gap:16px}.admin-page-header h1{font-size:1.5rem;font-weight:800;color:var(--text-primary)}.admin-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:28px}.admin-stat-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:22px;transition:all var(--transition);box-shadow:var(--shadow-sm)}.admin-stat-card:hover{border-color:var(--gold-border);box-shadow:var(--shadow)}.admin-stat-icon{font-size:28px;margin-bottom:12px}.admin-stat-value{font-size:1.9rem;font-weight:800;letter-spacing:-.02em;color:var(--text-primary)}.admin-stat-label{font-size:13px;color:var(--text-secondary);margin-top:4px;font-weight:600}.admin-stat-sub{font-size:12px;color:var(--gold-dark);margin-top:3px}.admin-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.product-form{display:flex;flex-direction:column;gap:16px}.form-section{padding:20px;background:var(--bg-alt);border-radius:var(--radius-sm);border:1px solid var(--border);margin-bottom:4px}.form-section-title{font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.1em;color:var(--gold-dark);margin-bottom:14px}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#1418218c;z-index:400;display:flex;align-items:flex-start;justify-content:center;padding:40px 16px;overflow-y:auto;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.modal{background:var(--surface);border-radius:var(--radius-lg);width:100%;max-width:680px;box-shadow:var(--shadow-lg);border:1px solid var(--border)}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid var(--border)}.modal-header h2{font-size:17px;font-weight:800;color:var(--text-primary)}.modal-close{background:none;border:none;font-size:18px;color:var(--text-muted);padding:4px;border-radius:4px}.modal-close:hover{color:var(--text-primary)}.modal-body{padding:24px;max-height:70vh;overflow-y:auto}.modal-footer{padding:16px 24px;border-top:1px solid var(--border);display:flex;justify-content:flex-end;gap:12px;background:var(--bg-alt);border-radius:0 0 var(--radius-lg) var(--radius-lg)}.table-toolbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px;gap:12px;flex-wrap:wrap}.search-input{padding:9px 14px;border:1.5px solid var(--border-strong);border-radius:var(--radius-sm);font-size:14px;width:260px;background:#fff;color:var(--text-primary)}.search-input::placeholder{color:var(--text-muted)}.search-input:focus{outline:none;border-color:var(--gold);box-shadow:0 0 0 3px #c8922a26}.filter-select{padding:9px 14px;border:1.5px solid var(--border-strong);border-radius:var(--radius-sm);font-size:14px;background:#fff;color:var(--text-primary)}@media (max-width: 768px){.admin-layout{grid-template-columns:1fr}.admin-sidebar{position:fixed;left:-230px;z-index:200;transition:left .3s}.admin-stats{grid-template-columns:1fr 1fr}.admin-grid{grid-template-columns:1fr}.admin-page{padding:16px}}.img-uploader{display:flex;flex-direction:column;gap:4px}.img-dropzone{border:1.5px dashed var(--border-strong);border-radius:var(--radius);padding:28px 20px;text-align:center;cursor:pointer;background:var(--bg-alt);transition:all var(--transition-fast);color:var(--text-secondary)}.img-dropzone:hover{border-color:var(--gold-border);background:var(--gold-bg)}.img-dropzone.drag-over{border-color:var(--gold);background:var(--gold-bg);color:var(--gold-dark)}.img-dropzone.uploading{pointer-events:none;opacity:.8}.img-dropzone-inner{display:flex;flex-direction:column;align-items:center;gap:6px}.img-dropzone-inner svg{color:var(--gold-dark);margin-bottom:4px}.img-dropzone-inner strong{color:var(--text-primary);font-weight:700}.img-dropzone-hint{font-size:12px;color:var(--text-muted)}.img-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:12px;margin-top:14px}.img-thumb{position:relative;aspect-ratio:1/1;border-radius:var(--radius-sm);overflow:hidden;border:1px solid var(--border);background:#fff}.img-thumb.is-main{border-color:var(--gold);box-shadow:0 0 0 2px var(--gold-bg)}.img-thumb img{width:100%;height:100%;object-fit:contain;padding:4px}.img-main-badge{position:absolute;bottom:6px;left:6px;background:linear-gradient(135deg,var(--gold),var(--gold-light));color:#1a1407;font-size:10px;font-weight:700;padding:2px 8px;border-radius:var(--radius-pill)}.img-thumb-actions{position:absolute;top:6px;right:6px;display:flex;gap:5px;opacity:0;transition:opacity var(--transition-fast)}.img-thumb:hover .img-thumb-actions{opacity:1}.img-thumb-actions button{width:24px;height:24px;border-radius:50%;border:none;background:#000000b3;color:#fff;font-size:13px;display:flex;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);transition:background var(--transition-fast)}.img-thumb-actions button:hover{background:#000000e6}.img-thumb-actions .img-remove:hover{background:var(--error)}:root{--gold: #C8922A;--gold-light: #E8B84B;--gold-bright: #F5D060;--gold-dark: #9C7A1A;--gold-bg: #FBF4E4;--gold-border: #E7D3A4;--ink: #141821;--ink-2: #1d2230;--ink-3: #262c3a;--bg: #f4f6f9;--bg-alt: #eceff4;--surface: #ffffff;--border: #e3e7ec;--border-strong: #d2d8e0;--text-primary: #1b2330;--text-secondary: #5a6472;--text-muted: #97a0ad;--on-dark: #f3f4f6;--on-dark-dim: rgba(255,255,255,.62);--on-dark-faint: rgba(255,255,255,.4);--black: var(--ink);--black-2: #ffffff;--black-3: #f4f6f9;--black-4: #eceff4;--black-5: #e3e7ec;--white: #1b2330;--primary: var(--ink);--accent: #C8922A;--accent-hover: #9C7A1A;--accent-light: var(--gold-bg);--bg-white: #ffffff;--success: #1f9d55;--success-bg: #e6f6ed;--warning: #b7791f;--warning-bg: #fbf3df;--error: #d64545;--error-bg: #fbe9e9;--info: #2b6cb0;--info-bg: #e7f0fa;--radius-sm: 8px;--radius: 14px;--radius-lg: 20px;--radius-xl: 26px;--radius-pill: 980px;--shadow-sm: 0 1px 2px rgba(20,30,50,.06);--shadow: 0 2px 10px rgba(20,30,50,.08);--shadow-md: 0 6px 22px rgba(20,30,50,.1);--shadow-lg: 0 16px 50px rgba(20,30,50,.16);--shadow-gold: 0 6px 20px rgba(200,146,42,.28);--ease: cubic-bezier(.28, .11, .32, 1);--ease-out: cubic-bezier(.16, 1, .3, 1);--transition: .35s var(--ease);--transition-fast: .2s var(--ease)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{font-family:-apple-system,BlinkMacSystemFont,Inter,Segoe UI,Helvetica,Arial,sans-serif;font-size:16px;line-height:1.55;color:var(--text-primary);background:var(--bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}button{cursor:pointer;font-family:inherit}input,select,textarea{font-family:inherit}h1,h2,h3,h4{letter-spacing:-.02em;line-height:1.12;font-weight:700;color:var(--text-primary)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:11px 22px;border-radius:var(--radius-sm);font-size:15px;font-weight:600;border:1.5px solid transparent;transition:all var(--transition-fast);white-space:nowrap;line-height:1.2}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:linear-gradient(180deg,var(--gold-light) 0%,var(--gold) 100%);color:#2a1f08;border-color:var(--gold-dark);box-shadow:0 1px 2px #0000001f}.btn-primary:hover:not(:disabled){background:linear-gradient(180deg,var(--gold-bright) 0%,var(--gold-light) 100%);box-shadow:var(--shadow-gold);transform:translateY(-1px)}.btn-primary:active:not(:disabled){transform:translateY(0)}.btn-secondary{background:#eef1f6;color:var(--text-primary);border-color:var(--border-strong)}.btn-secondary:hover:not(:disabled){background:#e3e8ef}.btn-outline{background:var(--surface);color:var(--gold-dark);border-color:var(--gold-border)}.btn-outline:hover:not(:disabled){background:var(--gold-bg);border-color:var(--gold)}.btn-outline-white{background:#ffffff14;color:#fff;border:1.5px solid rgba(255,255,255,.35)}.btn-outline-white:hover:not(:disabled){background:#ffffff29;border-color:#fff9}.btn-danger{background:var(--error-bg);color:var(--error);border-color:#f0c4c4}.btn-danger:hover:not(:disabled){background:#f7dada}.btn-ghost{background:transparent;color:var(--text-secondary);border-color:transparent}.btn-ghost:hover:not(:disabled){background:#eef1f6;color:var(--text-primary)}.btn-sm{padding:7px 15px;font-size:13px}.btn-lg{padding:13px 28px;font-size:16px}.btn-full{width:100%}.btn-loading{position:relative;color:transparent!important}.btn-loading:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:16px;height:16px;border:2px solid rgba(0,0,0,.25);border-top-color:#2a1f08;border-radius:50%;animation:spin .7s linear infinite}.form-group{display:flex;flex-direction:column;gap:6px}.form-label{font-size:14px;font-weight:600;color:var(--text-primary)}.form-label.required:after{content:" *";color:var(--gold-dark)}.form-input,.form-select,.form-textarea{padding:12px 14px;border:1.5px solid var(--border-strong);border-radius:var(--radius-sm);font-size:15px;color:var(--text-primary);background:#fff;transition:all var(--transition-fast);width:100%}.form-input::placeholder,.form-textarea::placeholder{color:var(--text-muted)}.form-input:focus,.form-select:focus,.form-textarea:focus{outline:none;border-color:var(--gold);box-shadow:0 0 0 3px #c8922a2e}.form-input.error,.form-select.error{border-color:var(--error)}.form-select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%235a6472' stroke-width='3'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center;padding-right:38px}.form-select option{background:#fff;color:var(--text-primary)}.form-textarea{resize:vertical;min-height:90px}.form-error{font-size:13px;color:var(--error)}.form-hint{font-size:13px;color:var(--text-muted)}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.form-row-3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:16px}.card{background:var(--surface);border-radius:var(--radius);border:1px solid var(--border);box-shadow:var(--shadow)}.card-header{padding:18px 22px;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between}.card-header h3{color:var(--text-primary);font-size:16px;font-weight:700}.card-body{padding:22px}.card-footer{padding:16px 22px;border-top:1px solid var(--border);background:var(--bg-alt);border-radius:0 0 var(--radius) var(--radius)}.alert{padding:13px 16px;border-radius:var(--radius-sm);font-size:14px;display:flex;align-items:flex-start;gap:10px;border:1px solid transparent}.alert-success{background:var(--success-bg);color:#157347;border-color:#bfe6cf}.alert-error{background:var(--error-bg);color:#b02a2a;border-color:#f0c4c4}.alert-warning{background:var(--warning-bg);color:#946300;border-color:#ecd9a8}.alert-info{background:var(--info-bg);color:#1f5a96;border-color:#c2dbf0}.badge{display:inline-flex;align-items:center;padding:3px 10px;border-radius:var(--radius-pill);font-size:12px;font-weight:600;white-space:nowrap}.badge-success{background:var(--success-bg);color:#157347}.badge-error{background:var(--error-bg);color:#b02a2a}.badge-warning{background:var(--warning-bg);color:#946300}.badge-info{background:var(--info-bg);color:#1f5a96}.badge-gray{background:#eceff4;color:var(--text-secondary)}.badge-primary{background:#eceff4;color:var(--text-primary);border:1px solid var(--border)}.badge-accent{background:var(--gold);color:#2a1f08;font-weight:700}.status-pending_approval{background:#efe4c7;color:#7a5c12}.status-pending_payment{background:var(--warning-bg);color:#946300}.status-processing{background:var(--info-bg);color:#1f5a96}.status-shipped{background:#dceaf7;color:#1f5a96}.status-delivered{background:var(--success-bg);color:#157347}.status-cancelled{background:var(--error-bg);color:#b02a2a}.status-paid{background:var(--success-bg);color:#157347}.status-pending{background:var(--warning-bg);color:#946300}.status-approved{background:var(--success-bg);color:#157347}.status-rejected{background:var(--error-bg);color:#b02a2a}.table-wrap{overflow-x:auto;border-radius:var(--radius);border:1px solid var(--border);background:#fff}table{width:100%;border-collapse:collapse;font-size:14px}thead{background:var(--bg-alt);border-bottom:1px solid var(--border)}th{padding:13px 16px;text-align:left;font-weight:700;font-size:12px;text-transform:uppercase;letter-spacing:.04em;color:var(--text-secondary);white-space:nowrap}td{padding:14px 16px;border-bottom:1px solid var(--border);color:var(--text-primary)}tbody tr:last-child td{border-bottom:none}tbody tr{transition:background var(--transition-fast)}tbody tr:hover{background:#f8fafc}.container{max-width:1200px;margin:0 auto;padding:0 28px}.container-sm{max-width:720px;margin:0 auto;padding:0 28px}.page{min-height:calc(100vh - 72px)}.page-header{background:var(--surface);border-bottom:1px solid var(--border);padding:44px 0}.page-header h1{font-size:2.2rem;font-weight:800;color:var(--text-primary)}.page-header h1 span{color:var(--gold-dark)}.page-header p{color:var(--text-secondary);margin-top:8px;font-size:17px}.section{padding:80px 0}.section-sm{padding:48px 0}.section-dark{background:var(--ink)}.section-card{background:var(--surface)}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:24px}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}.spinner{width:38px;height:38px;border:3px solid #e3e7ec;border-top-color:var(--gold);border-radius:50%;animation:spin .7s linear infinite;margin:40px auto}.spinner-sm{width:20px;height:20px;border-width:2px;margin:0}@keyframes spin{to{transform:rotate(360deg)}}.loading-center{display:flex;justify-content:center;padding:60px 0}.divider{border:none;border-top:1px solid var(--border);margin:22px 0}.price{font-size:1.5rem;font-weight:800;color:var(--text-primary)}.price-retail{font-size:.85rem;color:var(--text-muted);text-decoration:line-through}.price-wholesale{color:var(--gold-dark)}.price-label{font-size:11px;font-weight:700;letter-spacing:.02em}.pagination{display:flex;gap:8px;align-items:center;justify-content:center;padding:32px 0}.pagination button{min-width:40px;height:40px;padding:0 12px;border:1.5px solid var(--border-strong);border-radius:var(--radius-sm);background:#fff;color:var(--text-secondary);font-size:14px;font-weight:600;transition:all var(--transition-fast);cursor:pointer}.pagination button:hover{border-color:var(--gold);color:var(--gold-dark)}.pagination button.active{background:var(--gold);border-color:var(--gold);color:#2a1f08;font-weight:700}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-8{gap:8px}.gap-12{gap:12px}.gap-16{gap:16px}.gap-24{gap:24px}.mt-8{margin-top:8px}.mt-16{margin-top:16px}.mt-24{margin-top:24px}.mb-24{margin-bottom:24px}.text-center{text-align:center}.text-sm{font-size:13px}.text-muted{color:var(--text-secondary)}.font-bold{font-weight:700}.w-full{width:100%}.text-gold{color:var(--gold-dark)}.text-success{color:#157347}.invoice-pay-highlight{margin:8px 0;padding:14px 18px;background:var(--gold-bg);border:1px dashed var(--gold);border-radius:8px;font-size:18px;font-weight:800;color:var(--gold-dark);text-align:center;word-break:break-word}@media print{.no-print,.navbar,.footer{display:none!important}.order-detail-grid{grid-template-columns:1fr!important}body{background:#fff!important}}.gold-line{width:56px;height:4px;background:linear-gradient(90deg,var(--gold),var(--gold-light));border-radius:2px;margin:14px auto 0}.gold-line-left{margin-left:0}.section-title{font-size:2rem;font-weight:800;color:var(--text-primary);letter-spacing:-.02em}.section-title span{color:var(--gold-dark)}.text-link{color:var(--gold-dark);font-size:15px;font-weight:600;display:inline-flex;align-items:center;gap:3px;transition:gap var(--transition-fast)}.text-link:hover{gap:7px}.text-link:after{content:"›";font-size:18px;line-height:1}@media (max-width: 768px){.form-row,.form-row-3,.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}.container,.container-sm{padding:0 18px}.section{padding:52px 0}.card-body{padding:18px}.card-header{padding:16px 18px}.page-header{padding:32px 0}.page-header h1{font-size:1.8rem}}