/* ── Global ──────────────────────────────────────────────────── */
body { background: #f8f9fa; font-size: 0.92rem; }
.fw-mono { font-family: ui-monospace, monospace; }

/* ── Navbar ──────────────────────────────────────────────────── */
.navbar { box-shadow: 0 1px 4px rgba(0,0,0,.15); }

/* ── Filter bar ──────────────────────────────────────────────── */
.filter-bar { background: #fff; border-radius: 8px; padding: 0.6rem 0.75rem; box-shadow: 0 1px 3px rgba(0,0,0,.07); }
.filter-select { max-width: 220px; font-size: 0.85rem; }

/* ── Product cards ───────────────────────────────────────────── */
.product-card { border: 1px solid #e9ecef; border-radius: 8px; transition: box-shadow .15s, transform .1s; color: inherit; }
.product-card:hover { box-shadow: 0 4px 16px rgba(0,0,0,.1); transform: translateY(-2px); color: inherit; }
.product-img-wrap { height: 180px; display: flex; align-items: center; justify-content: center; background: #fff; border-radius: 8px 8px 0 0; overflow: hidden; padding: 0.5rem; }
.product-img-wrap img { max-width: 100%; max-height: 100%; object-fit: contain; }
.no-img { width: 100%; height: 180px; display: flex; align-items: center; justify-content: center; background: #f8f9fa; font-size: 2rem; }
.product-brand { font-size: 0.7rem; font-weight: 600; text-transform: uppercase; color: #6c757d; letter-spacing: .04em; }
.product-name { font-size: 0.82rem; font-weight: 500; line-height: 1.3; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.product-sku { font-size: 0.72rem; font-family: ui-monospace, monospace; color: #9ca3af; }

/* ── Pricing badges ──────────────────────────────────────────── */
.price-msrp { font-size: 0.8rem; color: #374151; }
.price-wholesale { font-size: 0.8rem; font-weight: 600; color: #15803d; }
.price-locked { font-size: 0.75rem; color: #9ca3af; }
.badge-wcode { display: inline-block; padding: 0 5px; border-radius: 3px; font-size: 0.68rem; font-weight: 700; }
.badge-wcode-E { background: #dbeafe; color: #1d4ed8; }
.badge-wcode-C { background: #fef3c7; color: #92400e; }

/* ── Product detail ──────────────────────────────────────────── */
.product-main-img img { max-height: 420px; object-fit: contain; width: 100%; }
.no-img-lg { min-height: 300px; }
.thumb-img { width: 64px; height: 64px; object-fit: contain; border: 2px solid #e9ecef; cursor: pointer; background: #fff; }
.thumb-img.active, .thumb-img:hover { border-color: #212529; }
.pricing-box { background: #f8f9fa; border: 1px solid #e9ecef; }
.pricing-locked-box { background: #fff8f0; border: 1px solid #fed7aa; color: #7c3d12; border-radius: 6px; }
.product-description { font-size: 0.9rem; line-height: 1.7; white-space: pre-wrap; }

/* ── Login page ──────────────────────────────────────────────── */
.login-page { background: #f3f4f6; }
.login-card { border-radius: 12px; }

/* ── Footer ──────────────────────────────────────────────────── */
.footer-bar { border-top: 1px solid #e9ecef; background: #fff; }

/* ── Admin ───────────────────────────────────────────────────── */
.table th { font-size: 0.78rem; text-transform: uppercase; letter-spacing: .04em; }