/* Admin & extra components */
.checkout-steps{display:flex;gap:8px;margin-bottom:24px}
.checkout-step{flex:1;text-align:center;padding:8px;font-size:11px;color:var(--text-muted);border-bottom:2px solid var(--border)}
.checkout-step.active{color:var(--accent);border-color:var(--accent)}
.address-card{padding:16px;border:2px solid var(--border);border-radius:var(--radius);margin-bottom:12px;cursor:pointer;transition:var(--transition)}
.address-card.selected{border-color:var(--accent);background:rgba(255,107,53,.05)}
.payment-option{display:flex;align-items:center;gap:12px;padding:16px;border:1px solid var(--border);border-radius:var(--radius);margin-bottom:8px;cursor:pointer}
.payment-option.selected{border-color:var(--accent)}
.payment-option input{accent-color:var(--accent)}
.order-success{text-align:center;padding:48px 24px}
.order-success-icon{width:80px;height:80px;background:linear-gradient(135deg,var(--accent),var(--accent-dark));border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 24px;font-size:36px}
.compare-bar{position:fixed;bottom:calc(var(--nav-height) + 8px);left:16px;right:16px;background:var(--bg-secondary);border:1px solid var(--border-accent);border-radius:var(--radius);padding:12px 16px;display:flex;align-items:center;justify-content:space-between;z-index:40}
.modal-overlay{position:fixed;inset:0;background:rgba(0,0,0,.7);z-index:400;display:flex;align-items:flex-end;justify-content:center;opacity:0;visibility:hidden;transition:var(--transition)}
.modal-overlay.open{opacity:1;visibility:visible}
.modal-content{background:var(--bg-secondary);border-radius:var(--radius-lg) var(--radius-lg) 0 0;padding:24px;width:100%;max-width:500px;max-height:80vh;overflow-y:auto;transform:translateY(100%);transition:transform .4s ease}
.modal-overlay.open .modal-content{transform:translateY(0)}
.empty-state{text-align:center;padding:48px 24px;color:var(--text-muted)}
.empty-state svg{width:64px;height:64px;margin:0 auto 16px;opacity:.3}
.blog-card{border-radius:var(--radius);overflow:hidden;background:var(--bg-card);border:1px solid var(--border)}
.blog-card img{aspect-ratio:16/10;object-fit:cover}
.blog-card-body{padding:16px}
.video-section{position:relative;border-radius:var(--radius-lg);overflow:hidden;aspect-ratio:16/9;background:#000;margin:24px 0}
.video-section video,.video-section iframe{width:100%;height:100%;object-fit:cover}
.newsletter-box{background:linear-gradient(135deg,#1a1a2e,#2d1810);border:1px solid var(--border-accent);border-radius:var(--radius-lg);padding:32px 24px;text-align:center;margin:32px 0}
.newsletter-box input{max-width:320px;margin:16px auto 0}

/* Admin styles → see assets/css/admin.css (do not duplicate here) */
.stat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-bottom:24px}
.stat-card{padding:20px;border-radius:var(--radius);background:var(--bg-glass);border:1px solid var(--border)}
.stat-card h4{font-size:12px;color:var(--text-muted);text-transform:uppercase;letter-spacing:1px;margin-bottom:8px}
.stat-card .value{font-size:28px;font-weight:700;color:var(--accent)}
.status-badge{display:inline-block;padding:4px 10px;border-radius:var(--radius-full);font-size:11px;font-weight:600}
.status-pending{background:rgba(255,193,7,.2);color:#ffc107}
.status-confirmed,.status-packed{background:rgba(52,152,219,.2);color:#3498db}
.status-shipped,.status-out_for_delivery{background:rgba(155,89,182,.2);color:#9b59b6}
.status-delivered{background:rgba(46,204,113,.2);color:#2ecc71}
.status-cancelled,.status-returned{background:rgba(231,76,60,.2);color:#e74c3c}