/* ============================================================
   AWWZEN DESIGN SYSTEM v2 — ONE design system, four area skins.
   Mobile-first, responsive, polished. Respects area-* skins.
   ============================================================ */
:root {
  --aww-primary: #2b59ff;
  --aww-primary-dark: #1d3fc4;
  --aww-secondary: #00b386;
  --aww-accent: #ff7a00;
  --aww-bg: #f5f6f8;
  --aww-surface: #ffffff;
  --aww-surface-2: #eef0f4;
  --aww-border: #e2e5ec;
  --aww-text: #1a1d29;
  --aww-muted: #6b7280;
  --aww-success: #1aa179;
  --aww-warning: #d98a00;
  --aww-error: #d83a3a;
  --aww-info: #2b59ff;

  --aww-radius-sm: 8px;
  --aww-radius: 12px;
  --aww-radius-lg: 18px;
  --aww-shadow: 0 1px 3px rgba(20,30,60,.08), 0 1px 2px rgba(20,30,60,.06);
  --aww-shadow-md: 0 6px 20px rgba(20,30,60,.12);

  --aww-fs-xs: .75rem;
  --aww-fs-sm: .875rem;
  --aww-fs-base: 1rem;
  --aww-fs-lg: 1.125rem;
  --aww-fs-2xl: 1.5rem;
  --aww-fs-3xl: 2rem;
  --aww-fs-4xl: 2.6rem;

  --aww-max: 1200px;
  --aww-header-h: 60px;
  --aww-tap: 44px; /* minimum touch target */
}

/* ---------- Dark mode (toggle in header; #5 audit) ---------- */
[data-theme="dark"] {
  --aww-bg: #0f1117;
  --aww-surface: #171a23;
  --aww-surface-2: #1f2330;
  --aww-border: #2a2f3d;
  --aww-text: #e8eaf0;
  --aww-muted: #9aa3b2;
  --aww-shadow: 0 1px 3px rgba(0,0,0,.4);
  --aww-shadow-md: 0 6px 20px rgba(0,0,0,.5);
}
[data-theme="dark"] body { background: var(--aww-bg); color: var(--aww-text); }

/* ---------- Sticky mobile add-to-cart bar (P1 audit #3) ---------- */
.sticky-cart-bar{
  position:fixed;left:0;right:0;bottom:0;z-index:80;
  display:none;gap:8px;padding:10px 12px;
  background:var(--aww-surface);border-top:1px solid var(--aww-border);
  box-shadow:var(--aww-shadow-md);align-items:center;
}
.sticky-cart-bar .scb-price{font-weight:800;color:var(--aww-secondary);font-size:1.05rem}
.sticky-cart-bar .btn{flex:1;justify-content:center}
@media(max-width:768px){
  .sticky-cart-bar{display:flex}
  .pdp,.product-page{padding-bottom:72px} /* avoid overlap */
}

* { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; }
body {
  margin: 0;
  font-family: "Inter", "Segoe UI", system-ui, -apple-system, BlinkMacSystemFont, Arial, sans-serif;
  background: var(--aww-bg);
  color: var(--aww-text);
  font-size: var(--aww-fs-base);
  line-height: 1.55;
  -webkit-font-smoothing: antialiased;
}
a { color: var(--aww-primary); text-decoration: none; }
a:hover { text-decoration: underline; }
img { max-width: 100%; display: block; }
h1,h2,h3,h4 { line-height: 1.2; margin: 0 0 .5em; }
p { margin: 0 0 1em; }

.container { max-width: var(--aww-max); margin: 0 auto; padding: 0 16px; }
.text-muted { color: var(--aww-muted); }
.mt-4 { margin-top: 16px; }

/* ---------- Header ---------- */
.site-header {
  background: var(--aww-surface);
  border-bottom: 1px solid var(--aww-border);
  position: sticky; top: 0; z-index: 50;
  height: var(--aww-header-h);
  display: flex; align-items: center;
  box-shadow: 0 1px 0 rgba(20,30,60,.04);
}
.site-header .container { display: flex; align-items: center; gap: 12px; width: 100%; }
.brand { font-weight: 800; font-size: 1.5rem; color: var(--aww-primary); letter-spacing: -.5px; white-space: nowrap; }
.brand span { color: var(--aww-secondary); }
.header-search { flex: 1; min-width: 0; }
.search-bar { display: flex; }
.search-bar input {
  flex: 1; min-width: 0; border: 1px solid var(--aww-border); border-right: none;
  border-radius: var(--aww-radius-sm) 0 0 var(--aww-radius-sm); padding: 10px 12px; font-size: 15px;
}
.search-bar button {
  background: var(--aww-primary); color: #fff; border: none;
  padding: 0 16px; border-radius: 0 var(--aww-radius-sm) var(--aww-radius-sm) 0;
  font-weight: 600; cursor: pointer;
}
.header-nav { display: flex; gap: 14px; align-items: center; }
.header-nav a { color: var(--aww-text); font-weight: 500; white-space: nowrap; }
.header-nav .btn { white-space: nowrap; }
/* hamburger (mobile) */
.nav-toggle {
  display: none; background: none; border: 1px solid var(--aww-border);
  border-radius: 8px; width: 40px; height: 40px; cursor: pointer; font-size: 20px; color: var(--aww-text);
}
.mobile-menu { display: none; flex-direction: column; gap: 4px; padding: 10px 16px; background: var(--aww-surface); border-bottom: 1px solid var(--aww-border); }
.mobile-menu.open { display: flex; }
.mobile-menu a { padding: 12px 8px; border-radius: 8px; color: var(--aww-text); font-weight: 600; }
.mobile-menu a:hover { background: var(--aww-surface-2); text-decoration: none; }

/* ---------- Buttons ---------- */
.btn {
  display: inline-flex; align-items: center; justify-content: center; gap: 8px;
  padding: 11px 18px; border-radius: var(--aww-radius-sm);
  font-weight: 600; border: 1px solid transparent; cursor: pointer; font-size: var(--aww-fs-base);
  min-height: var(--aww-tap); transition: background .15s, transform .05s;
}
.btn:active { transform: translateY(1px); }
.btn-primary { background: var(--aww-primary); color: #fff; }
.btn-primary:hover { background: var(--aww-primary-dark); text-decoration: none; }
.btn-secondary { background: var(--aww-surface); color: var(--aww-text); border-color: var(--aww-border); }
.btn-secondary:hover { background: var(--aww-surface-2); text-decoration: none; }
.btn-accent { background: var(--aww-accent); color: #fff; }
.btn-accent:hover { filter: brightness(.95); text-decoration: none; }
.btn-block { display: flex; width: 100%; }
.btn-lg { padding: 14px 26px; font-size: var(--aww-fs-lg); }
.btn-sm { padding: 7px 12px; font-size: var(--aww-fs-sm); min-height: 36px; }
.btn-link { border: 0; background: transparent; cursor: pointer; padding: 6px; font: inherit; text-decoration: underline; }
.btn:focus-visible, .btn-link:focus-visible, a:focus-visible, input:focus-visible, select:focus-visible { outline: 3px solid var(--aww-accent); outline-offset: 2px; }
.product-status { font-size: var(--aww-fs-sm); margin-top: auto; }
.stock-status { margin-bottom: 12px; }
.legal-page { max-width: 860px; margin: 32px auto; }
.legal-page h2 { margin-top: 28px; font-size: var(--aww-fs-lg); }

/* ---------- Cards / grid ---------- */
.card { background: var(--aww-surface); border: 1px solid var(--aww-border); border-radius: var(--aww-radius); box-shadow: var(--aww-shadow); overflow: hidden; }
.card-body { padding: 18px; }
.grid { display: grid; gap: 16px; }
.grid-cols-2 { grid-template-columns: repeat(2, 1fr); }
.grid-cols-3 { grid-template-columns: repeat(3, 1fr); }
.grid-cols-4 { grid-template-columns: repeat(4, 1fr); }
.grid-cols-5 { grid-template-columns: repeat(5, 1fr); }

/* ---------- Product card ---------- */
.product-card { background: var(--aww-surface); border: 1px solid var(--aww-border); border-radius: var(--aww-radius); overflow: hidden; transition: box-shadow .2s, transform .2s; display: flex; flex-direction: column; }
.product-card:hover { box-shadow: var(--aww-shadow-md); transform: translateY(-2px); }
.product-card-link { color:inherit; display:flex; flex:1; flex-direction:column; text-decoration:none; }
.product-card-link:hover { color:inherit; text-decoration:none; }
.product-card .thumb { position: relative; aspect-ratio: 1/1; background: linear-gradient(135deg,#f3f5fa,#e9edf5); display: flex; align-items: center; justify-content: center; color: var(--aww-muted); font-size: var(--aww-fs-sm); overflow: hidden; }
.product-card .body { padding: 12px; display: flex; flex-direction: column; gap: 6px; flex: 1; }
.product-card .title { font-weight: 600; margin: 0; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; min-height: 2.6em; }
.product-card .meta { margin-top: auto; display: flex; align-items: center; justify-content: space-between; gap: 8px; }
.price { font-weight: 800; color: var(--aww-secondary); font-size: var(--aww-fs-lg); }
.price .old { color: var(--aww-muted); font-weight: 500; text-decoration: line-through; font-size: var(--aww-fs-sm); margin-left: 6px; }
.rating { color: #f5a623; font-size: var(--aww-fs-sm); white-space: nowrap; }
.rating .count { color: var(--aww-muted); }
.product-card-action { padding:0 11px 11px; }
.product-card-action .btn { min-height:38px; padding:7px 12px; width:100%; justify-content:center; }

/* ---------- Catalog results: compact progressive filters ---------- */
.catalog-breadcrumb { padding:12px 0 6px; color:var(--aww-muted); font-size:.8rem; }
.catalog-results { padding:12px 0 30px; }
.catalog-head { display:flex; align-items:flex-end; justify-content:space-between; gap:18px; margin-bottom:14px; }
.catalog-head h1 { margin:0; font-size:clamp(1.65rem,3.4vw,2.35rem); letter-spacing:-.025em; }
.catalog-kicker { margin:0 0 3px; color:var(--aww-primary); font-size:.7rem; font-weight:800; letter-spacing:.12em; text-transform:uppercase; }
.catalog-count { margin:5px 0 0; color:var(--aww-muted); font-size:.86rem; }
.catalog-sort { display:flex; align-items:center; gap:8px; flex:0 0 auto; }
.catalog-sort label { color:var(--aww-muted); font-size:.8rem; font-weight:700; }
.catalog-sort select { min-height:38px; padding:7px 34px 7px 11px; border:1px solid var(--aww-border); border-radius:999px; background:var(--aww-surface); color:var(--aww-text); font-weight:600; }
.catalog-subcats { display:flex; gap:8px; margin-bottom:12px; overflow-x:auto; padding-bottom:2px; }
.catalog-subcats a { flex:0 0 auto; padding:7px 12px; border:1px solid var(--aww-border); border-radius:999px; background:var(--aww-surface); color:var(--aww-text); font-size:.8rem; font-weight:650; }
.catalog-subcats a:hover { border-color:var(--aww-primary); color:var(--aww-primary); text-decoration:none; }
.catalog-filters { margin-bottom:18px; border:1px solid var(--aww-border); border-radius:10px; background:var(--aww-surface); }
.catalog-filters summary { display:flex; align-items:center; justify-content:space-between; min-height:44px; padding:9px 13px; cursor:pointer; list-style:none; font-size:.86rem; font-weight:750; }
.catalog-filters summary::-webkit-details-marker { display:none; }
.catalog-filters summary strong { padding:3px 9px; border-radius:999px; background:#eaf0ff; color:var(--aww-primary); font-size:.68rem; }
.catalog-filters[open] summary { border-bottom:1px solid var(--aww-border); }
.catalog-filter-panel { padding:14px; }
.catalog-filter-grid { display:grid; grid-template-columns:repeat(4,minmax(130px,1fr)); gap:12px; align-items:end; }
.catalog-filter-grid .field { margin:0; }
.catalog-filter-grid .input { min-height:40px; padding:8px 11px; }
.catalog-filter-actions { display:flex; gap:8px; margin-top:13px; }
.catalog-filter-actions .btn { min-height:38px; padding:8px 14px; font-size:.84rem; }
.catalog-product-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:14px; }
.catalog-product-grid .product-card { border-radius:10px; box-shadow:none; }
.catalog-product-grid .product-card:hover { border-color:#cbd4ed; }
.catalog-product-grid .product-card .thumb { aspect-ratio:1/1; padding:8px; }
.catalog-product-grid .product-card .body { gap:5px; padding:11px; }
.catalog-card-brand { margin:0; color:var(--aww-muted); font-size:.68rem; font-weight:750; letter-spacing:.055em; text-transform:uppercase; }
.catalog-sale { position:absolute; top:8px; left:8px; z-index:1; }
.catalog-delivery { margin-top:auto; color:var(--aww-success); font-size:.77rem; font-weight:650; }

/* ---------- Badges ---------- */
.badge { display: inline-block; padding: 3px 10px; border-radius: 999px; font-size: var(--aww-fs-xs); font-weight: 700; }
.badge-verified, .badge-success { background: #e6f7f1; color: var(--aww-success); }
.badge-warning { background: #fff4e0; color: var(--aww-warning); }
.badge-danger { background: #fdeaea; color: var(--aww-error); }
.badge-firstparty { background: #eaf0ff; color: var(--aww-primary); }

/* ---------- Sections ---------- */
.section { padding: 28px 0; }
.section-title { font-size: var(--aww-fs-2xl); margin: 0 0 16px; }
.section-head { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-bottom: 16px; flex-wrap: wrap; }
.section-head .section-title { margin:0; }
.section-link { font-size:.88rem; font-weight:750; }
.hero { text-align: center; padding: 64px 20px; background: linear-gradient(135deg,#eef2ff,#e6f7f1); border-radius: var(--aww-radius-lg); }
.hero h1 { font-size: clamp(2rem, 6vw, var(--aww-fs-4xl)); margin: 0 0 12px; letter-spacing: -.5px; }
.hero p { color: var(--aww-muted); font-size: var(--aww-fs-lg); margin: 0 0 24px; max-width: 640px; margin-inline: auto; }
.btn-row { display: flex; gap: 12px; justify-content: center; flex-wrap: wrap; }
.store-benefits { display:grid; grid-template-columns:repeat(3,1fr); gap:1px; margin-top:14px; overflow:hidden; border:1px solid var(--aww-border); border-radius:var(--aww-radius); background:var(--aww-border); }
.store-benefits > div { display:grid; grid-template-columns:34px 1fr; padding:15px 18px; background:var(--aww-surface); text-align:left; }
.store-benefits > div > span { grid-row:1/3; color:var(--aww-primary); font-size:1.2rem; font-weight:900; }
.store-benefits strong,.store-benefits small { display:block; }
.store-benefits small { margin-top:2px; color:var(--aww-muted); }

/* ---------- Product detail ---------- */
.pdp { display:grid; grid-template-columns:minmax(0,1.08fr) minmax(320px,.92fr); gap:clamp(24px,5vw,58px); align-items:start; }
.pdp-gallery { position:sticky; top:84px; }
.pdp-main-image { width:100%; aspect-ratio:1/1; object-fit:contain; display:block; padding:18px; border:1px solid var(--aww-border); border-radius:var(--aww-radius-lg); background:#fff; }
.pdp-gallery-stage { position:relative; overflow:hidden; border-radius:var(--aww-radius-lg); touch-action:pan-y; }
.pdp-gallery-arrow { position:absolute; z-index:2; top:50%; width:43px; height:43px; display:grid; place-items:center; padding:0; transform:translateY(-50%); border:1px solid rgba(17,21,43,.15); border-radius:50%; background:rgba(255,255,255,.92); color:#11152b; box-shadow:0 4px 14px rgba(17,21,43,.16); font-size:1.8rem; line-height:1; cursor:pointer; }
.pdp-gallery-arrow.prev { left:11px; }
.pdp-gallery-arrow.next { right:11px; }
.pdp-gallery-count { position:absolute; right:12px; bottom:11px; padding:5px 9px; border-radius:999px; background:rgba(17,21,43,.76); color:#fff; font-size:.72rem; }
.pdp-thumbnails { display:flex; gap:8px; overflow-x:auto; margin-top:10px; padding:2px; scroll-snap-type:x mandatory; scrollbar-width:thin; }
.pdp-thumbnail { flex:0 0 68px; width:68px; height:68px; overflow:hidden; padding:3px; border:2px solid transparent; border-radius:10px; background:#fff; cursor:pointer; scroll-snap-align:start; }
.pdp-thumbnail.active { border-color:var(--aww-primary); box-shadow:0 0 0 1px var(--aww-primary); }
.pdp-thumbnail img { width:100%; height:100%; object-fit:contain; }
.sc-gallery-preview { display:flex; gap:8px; overflow-x:auto; margin-top:10px; padding-bottom:4px; }
.sc-gallery-preview > span { flex:0 0 82px; position:relative; overflow:hidden; border:1px solid var(--aww-border); border-radius:9px; background:#fff; }
.sc-gallery-preview img { width:82px; height:82px; display:block; object-fit:contain; }
.sc-gallery-preview small { display:block; padding:4px; color:var(--aww-muted); font-size:.62rem; text-align:center; }
.pdp-info h1 { margin:2px 0 10px; font-size:clamp(1.65rem,3vw,2.35rem); line-height:1.14; letter-spacing:-.025em; }
.pdp-brand { margin:0; color:var(--aww-primary); font-size:.75rem; font-weight:800; letter-spacing:.08em; text-transform:uppercase; }
.pdp-price { margin:16px 0 10px; color:var(--aww-secondary); font-size:1.85rem; font-weight:850; }
.pdp-price s { margin-left:5px; color:var(--aww-muted); font-size:1rem; font-weight:500; }
.pdp-identifiers { display:flex; flex-wrap:wrap; gap:6px 14px; margin:9px 0; color:var(--aww-muted); font-size:.76rem; }
.pdp-quantity { max-width:110px; }
.pdp-promises { display:grid; gap:8px; margin:18px 0; padding:0; list-style:none; }
.pdp-promises li { display:grid; grid-template-columns:26px 1fr; padding:10px 0; border-top:1px solid var(--aww-border); }
.pdp-promises li > span { color:var(--aww-primary); font-weight:900; }
.pdp-promises strong,.pdp-promises small { display:block; }
.pdp-promises small { margin-top:2px; color:var(--aww-muted); line-height:1.35; }
.product-highlights { padding-left:1.2rem; line-height:1.7; }

/* ---------- Cart ---------- */
.cart-page { padding:18px 0 30px; }
.cart-head { display:flex; align-items:flex-end; justify-content:space-between; gap:16px; margin-bottom:18px; }
.cart-head h1 { margin:0; font-size:clamp(1.8rem,4vw,2.5rem); }
.shipping-progress { display:flex; align-items:center; justify-content:space-between; gap:12px; margin-bottom:14px; padding:12px 15px; border-radius:10px; background:#fff7e8; color:#8a5600; }
.shipping-progress.qualified { background:#e7f8f1; color:var(--aww-success); }
.cart-layout { display:grid; grid-template-columns:minmax(0,1fr) 320px; gap:18px; align-items:start; }
.cart-items { display:grid; gap:12px; }
.cart-card-body { padding-block:4px; }
.cart-line { display:grid; grid-template-columns:96px minmax(0,1fr) auto; gap:14px; align-items:center; padding:14px 0; border-bottom:1px solid var(--aww-border); }
.cart-line:last-child { border-bottom:0; }
.cart-line-image { display:grid; width:96px; height:96px; place-items:center; overflow:hidden; border-radius:9px; background:#fff; }
.cart-line-image img { width:100%; height:100%; object-fit:contain; }
.cart-line-title { display:block; color:var(--aww-text); font-weight:750; line-height:1.35; }
.cart-line-info small,.cart-line-qty { display:block; margin-top:5px; color:var(--aww-muted); font-size:.8rem; }
.cart-line-info form { margin-top:5px; }
.cart-line-price { align-self:start; color:var(--aww-text); font-size:1.05rem; }
.cart-summary { position:sticky; top:84px; }
.cart-summary h2 { margin:0 0 18px; font-size:1.25rem; }
.cart-summary .card-body > div:first-of-type { display:flex; justify-content:space-between; gap:14px; font-size:1.05rem; }
.cart-summary p { color:var(--aww-muted); font-size:.8rem; line-height:1.4; }
.cart-summary .btn { width:100%; justify-content:center; }
.cart-summary .alert { margin:14px 0 0; font-size:.85rem; }
.cart-empty span { display:block; font-size:3rem; }
.cart-empty h2 { margin-bottom:4px; color:var(--aww-text); }

/* ---------- Account addresses & checkout ---------- */
.address-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(220px,1fr)); gap:10px; }
.address-card { display:flex; flex-direction:column; gap:4px; padding:13px; border:1px solid var(--aww-border); border-radius:10px; font-size:.86rem; }
.address-card form { margin-top:5px; }
.address-form { margin-top:16px; border-top:1px solid var(--aww-border); padding-top:12px; }
.address-form summary { cursor:pointer; color:var(--aww-primary); font-weight:750; }
.address-form form { margin-top:14px; }
.address-fields { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:0 12px; }
.address-fields .address-wide { grid-column:1/-1; }
.address-form input:not([type="checkbox"]),.address-form select { width:100%; min-height:42px; padding:9px 11px; border:1px solid var(--aww-border); border-radius:8px; background:var(--aww-surface); color:var(--aww-text); }
.address-form input[type="checkbox"] { width:18px; height:18px; vertical-align:middle; }
.field-error { display:block; margin-top:4px; color:var(--aww-error); }
.checkout-page { padding:18px 0 34px; }
.checkout-head { margin-bottom:18px; }
.checkout-head h1 { margin:0; font-size:clamp(1.8rem,4vw,2.45rem); }
.checkout-head > p:last-child { margin:7px 0 0; color:var(--aww-muted); }
.checkout-layout { display:grid; grid-template-columns:minmax(0,1fr) 360px; gap:18px; align-items:start; }
.checkout-layout h2 { margin-top:0; font-size:1.2rem; }
.checkout-addresses { display:grid; gap:9px; margin-bottom:12px; }
.checkout-address { display:grid; grid-template-columns:22px 1fr; gap:10px; padding:12px; border:1px solid var(--aww-border); border-radius:10px; cursor:pointer; }
.checkout-address:has(input:checked) { border-color:var(--aww-primary); box-shadow:0 0 0 1px var(--aww-primary); background:#f5f7ff; }
.checkout-address input { margin-top:3px; }
.checkout-address strong,.checkout-address small { display:block; }
.checkout-address small { margin-top:4px; color:var(--aww-muted); line-height:1.45; }
.checkout-safe-note { margin:18px 0 0; padding:12px; border-radius:9px; background:var(--aww-surface-2); color:var(--aww-muted); font-size:.82rem; line-height:1.45; }
.checkout-summary { position:sticky; top:84px; }
.checkout-line { display:flex; justify-content:space-between; gap:18px; padding:8px 0; font-size:.84rem; }
.checkout-line span { min-width:0; }
.checkout-total { display:flex; justify-content:space-between; gap:14px; padding:5px 0; }
.checkout-total.discount { color:var(--aww-success); }
.checkout-total.grand { margin-top:7px; padding-top:12px; border-top:1px solid var(--aww-border); font-size:1.12rem; }
.checkout-empty { padding:24px 10px; }
.payment-page { display:grid; min-height:60vh; place-items:center; padding:28px 0; }
.payment-card { width:min(100%,620px); }
.payment-card h1 { margin:3px 0 8px; font-size:clamp(1.65rem,4vw,2.2rem); }
#payment-element { margin:22px 0; }
#payment-submit { margin-top:16px; }

/* ---------- Forms ---------- */
.field { margin-bottom: 14px; }
.field label { display: block; font-weight: 600; margin-bottom: 6px; font-size: var(--aww-fs-sm); }
.input { width: 100%; padding: 11px 13px; border: 1px solid var(--aww-border); border-radius: var(--aww-radius-sm); font-size: 15px; background: var(--aww-surface); }
.input:focus { outline: 2px solid var(--aww-primary); outline-offset: -1px; border-color: var(--aww-primary); }
select.input { appearance: none; background-image: linear-gradient(45deg, transparent 50%, var(--aww-muted) 50%), linear-gradient(135deg, var(--aww-muted) 50%, transparent 50%); background-position: calc(100% - 18px) 18px, calc(100% - 13px) 18px; background-size: 5px 5px; background-repeat: no-repeat; }
textarea.input { min-height: 96px; resize: vertical; line-height: 1.5; }

/* Image upload (seller product form) */
.img-upload { display: flex; flex-direction: column; gap: 10px; }
.img-preview { width: 140px; height: 140px; border: 2px dashed var(--aww-border); border-radius: var(--aww-radius); background: var(--aww-surface); display: flex; align-items: center; justify-content: center; font-size: 2.4rem; color: var(--aww-muted); overflow: hidden; }
.img-upload input[type="file"] { max-width: 320px; font-size: 14px; }
.form-actions { display: flex; gap: 12px; margin-top: 18px; }
.proposal-form { display:grid; gap:16px; max-width:980px; }
.proposal-section { margin:0; }
.proposal-section-head { display:flex; gap:12px; align-items:flex-start; margin-bottom:20px; }
.proposal-section-head > span { flex:0 0 32px; height:32px; border-radius:50%; display:grid; place-items:center; background:var(--aww-primary); color:#fff; font-weight:700; }
.proposal-section-head h2 { margin:0 0 3px; font-size:1.1rem; }
.proposal-section-head p,.proposal-submit p { margin:0; color:var(--aww-muted); font-size:.9rem; }
.proposal-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:0 18px; }
.proposal-wide { grid-column:1/-1; }
.required-mark { color:var(--aww-error); font-size:.72rem; margin-left:5px; text-transform:uppercase; letter-spacing:.03em; }
.field small { display:block; color:var(--aww-muted); margin-top:5px; font-size:.78rem; }
.field.has-error .input { border-color:var(--aww-error); background:#fff8f8; }
.proposal-submit { position:sticky; bottom:0; z-index:4; display:flex; justify-content:space-between; align-items:center; gap:18px; padding:14px 18px; border:1px solid var(--aww-border); border-radius:var(--aww-radius); background:var(--aww-surface); box-shadow:0 -5px 20px rgba(0,0,0,.07); }
.proposal-submit .form-actions { margin:0; flex:0 0 auto; }
.img-preview img { width:100%; height:100%; object-fit:cover; }
.proposal-review-grid { display:grid; grid-template-columns:minmax(0,2fr) minmax(280px,1fr); gap:18px; align-items:start; }
.proposal-review-grid aside { position:sticky; top:84px; }
.review-product-head { display:flex; gap:16px; align-items:center; margin-bottom:20px; }
.review-product-head h2 { margin:6px 0 3px; }
.review-product-head p { margin:0; color:var(--aww-muted); }
.review-facts { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); margin:18px 0; border:1px solid var(--aww-border); border-radius:var(--aww-radius-sm); }
.review-facts div { padding:12px; border-bottom:1px solid var(--aww-border); }
.review-facts dt { color:var(--aww-muted); font-size:.75rem; text-transform:uppercase; }
.review-facts dd { margin:4px 0 0; font-weight:600; overflow-wrap:anywhere; }
.review-reject-form { margin-top:20px; padding-top:18px; border-top:1px solid var(--aww-border); }

/* Categories — horizontal chips */
.cat-row { display: flex; flex-wrap: wrap; gap: 10px; align-items: center; }
.chip { display: inline-flex; align-items: center; padding: 9px 16px; border: 1px solid var(--aww-border); border-radius: 999px; background: var(--aww-surface); color: var(--aww-text); text-decoration: none; font-size: 14px; font-weight: 600; transition: background .15s, border-color .15s, transform .15s; }
.chip:hover { border-color: var(--aww-primary); color: var(--aww-primary); transform: translateY(-1px); }
.chip-more { cursor: pointer; background: var(--aww-primary); color: #fff; border-color: var(--aww-primary); }
.chip-more:hover { color: #fff; filter: brightness(1.05); }
.cat-more { display: none; flex-wrap: wrap; gap: 10px; margin-top: 12px; }
.cat-more.open { display: flex; }

/* ---------- States ---------- */
.empty-state, .error-state { text-align: center; padding: 48px 16px; color: var(--aww-muted); }
.alert { padding: 12px 14px; border-radius: var(--aww-radius-sm); margin-bottom: 12px; font-weight: 500; }
.alert-error { background: #fdeaea; color: var(--aww-error); border: 1px solid #f6c9c9; }
.alert-success { background: #e6f7f1; color: var(--aww-success); border: 1px solid #bfe6d6; }
.alert-info { background: #eaf0ff; color: var(--aww-primary); border: 1px solid #c9d8ff; }

/* ---------- Footer ---------- */
.site-footer { background: var(--aww-surface); border-top: 1px solid var(--aww-border); margin-top: 48px; padding: 32px 0 24px; color: var(--aww-muted); font-size: var(--aww-fs-sm); }
.site-footer a { color: var(--aww-muted); }
.footer-cols { display: grid; grid-template-columns: repeat(4, 1fr); gap: 24px; }
.footer-cols h4 { font-size: var(--aww-fs-sm); color: var(--aww-text); margin-bottom: 10px; }
.footer-cols a { display: block; padding: 4px 0; }

/* ---------- AREA SKINS ---------- */
body.area-sell { --aww-accent: #7b2bff; }
body.area-seller { --aww-bg: #f3f4f8; }
body.area-admin { --aww-bg: #eef0f4; }

/* ---------- Seller Central & Admin layouts (responsive) ---------- */
.sc-layout, .ad-layout { display: grid; grid-template-columns: 230px 1fr; min-height: calc(100vh - var(--aww-header-h)); }
.sc-sidebar, .ad-sidebar { background: #11152b; color: #cfd4e8; padding: 18px 0; }
.sc-sidebar a, .ad-sidebar a { color: #cfd4e8; display: block; padding: 11px 20px; font-weight: 500; border-left: 3px solid transparent; }
.sc-sidebar a:hover, .sc-sidebar a.active, .ad-sidebar a:hover, .ad-sidebar a.active { background: #1d2547; color: #fff; text-decoration: none; border-left-color: var(--aww-primary); }
.sidebar-brand { padding: 0 20px 14px; font-weight: 800; color: #fff; font-size: 1.1rem; }
.sc-main, .ad-main { padding: 24px; overflow-x: auto; }

/* Stat tiles */
.stat-grid { display: grid; grid-template-columns: repeat(4,1fr); gap: 16px; }
.stat { background: var(--aww-surface); border: 1px solid var(--aww-border); border-radius: var(--aww-radius); padding: 18px; }
.stat .n { font-size: var(--aww-fs-3xl); font-weight: 800; line-height: 1; }
.stat .l { color: var(--aww-muted); font-size: var(--aww-fs-sm); margin-top: 6px; }
.stat-accent { border-top: 3px solid var(--aww-primary); }
.stat-success { border-top: 3px solid var(--aww-success); }
.stat-warning { border-top: 3px solid var(--aww-warning); }

/* tables */
.table { width: 100%; border-collapse: collapse; background: var(--aww-surface); border-radius: var(--aww-radius); overflow: hidden; }
.table th, .table td { padding: 12px 14px; text-align: left; border-bottom: 1px solid var(--aww-border); font-size: var(--aww-fs-sm); }
.table th { background: var(--aww-surface-2); font-weight: 700; }
.table tr:last-child td { border-bottom: none; }

/* ---------- Seller Central workspace ---------- */
.sc-main { min-width: 0; }
.sc-mobile-nav,.sc-more-sheet,.sc-more-backdrop { display:none; }
.sc-page-head { display:flex; align-items:flex-start; justify-content:space-between; gap:18px; margin-bottom:18px; }
.sc-page-head h1 { margin:0; font-size:clamp(1.6rem,3vw,2.15rem); line-height:1.15; }
.sc-page-head p { margin:5px 0 0; }
.sc-eyebrow { color:var(--aww-primary); font-size:.72rem; font-weight:800; letter-spacing:.12em; text-transform:uppercase; }
.sc-actions { display:flex; flex-wrap:wrap; gap:9px; margin-top:16px; }
.sc-stat-grid { grid-template-columns:repeat(6,minmax(0,1fr)); gap:10px; }
.sc-stat-grid .stat { padding:14px; }
.sc-stat-grid .stat .n { font-size:1.45rem; }
.sc-stat-grid a.stat { color:var(--aww-text); text-decoration:none; cursor:pointer; transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease; }
.sc-stat-grid a.stat:hover,.sc-stat-grid a.stat:focus-visible { transform:translateY(-2px); border-color:var(--aww-primary); box-shadow:var(--aww-shadow-md); outline:none; }
.sc-product-grid { display:grid; grid-template-columns:repeat(auto-fill,minmax(210px,1fr)); gap:14px; }
.sc-product-card { min-width:0; background:var(--aww-surface); border:1px solid var(--aww-border); border-radius:12px; overflow:hidden; box-shadow:var(--aww-shadow-sm); }
.sc-product-thumb { display:block; aspect-ratio:4/3; background:var(--aww-surface-2); overflow:hidden; }
.sc-image-frame { display:block; width:100%; height:100%; overflow:hidden; }
.sc-product-thumb img, .sc-mini-thumb img, .img-preview img { width:100%; height:100%; object-fit:contain; background:#fff; }
.sc-no-image { width:100%; height:100%; display:grid; place-items:center; font-size:2rem; color:var(--aww-muted); }
.sc-product-body { padding:12px; }
.sc-sku { margin:0 0 4px; color:var(--aww-muted); font-size:.68rem; font-weight:700; letter-spacing:.06em; text-transform:uppercase; }
.sc-product-title { color:var(--aww-text); display:-webkit-box; min-height:2.55em; overflow:hidden; font-weight:700; line-height:1.28; -webkit-line-clamp:2; -webkit-box-orient:vertical; }
.sc-product-meta { display:flex; align-items:center; justify-content:space-between; gap:8px; margin-top:10px; }
.sc-small { margin:8px 0 0; font-size:.78rem; }
.sc-card-actions { display:flex; gap:6px; margin-top:10px; }
.sc-inline-stock { display:grid; grid-template-columns:auto 70px auto; align-items:center; gap:6px; margin-top:10px; padding-top:10px; border-top:1px solid var(--aww-border); }
.sc-inline-stock label { color:var(--aww-muted); font-size:.72rem; font-weight:700; }
.barcode-reader { width:100%; max-width:640px; min-height:0; overflow:hidden; border:1px solid #3a3a3a; border-radius:12px; background:#111; display:grid; place-items:center; }
.barcode-reader video { display:block; width:100% !important; height:auto !important; max-height:68vh !important; object-fit:contain !important; background:#111; }
.scanner-page { max-width:900px; margin:0 auto; display:grid; gap:16px; }
.scanner-search-row { display:grid; grid-template-columns:minmax(0,1fr) auto; gap:8px; }
.scanner-actions { display:flex; gap:8px; flex-wrap:wrap; }
.scanner-results h2 { margin-top:0; }
.scanner-result { display:grid; grid-template-columns:54px minmax(0,1fr) auto; align-items:center; gap:12px; padding:12px 0; border-bottom:1px solid var(--aww-border); color:var(--aww-text); text-decoration:none; }
.scanner-result:last-child { border-bottom:0; }
.scanner-result small { display:block; color:var(--aww-muted); margin-top:3px; }
.scanner-product { display:flex; gap:16px; align-items:center; margin-bottom:20px; }
.scanner-product h2 { margin:6px 0 4px; }
.scanner-product p { margin:0; color:var(--aww-muted); }
.scanner-overlay[hidden] { display:none; }
.scanner-overlay { position:fixed; inset:0; z-index:99999; display:flex; flex-direction:column; align-items:center; gap:14px; padding:max(14px,env(safe-area-inset-top)) 14px max(14px,env(safe-area-inset-bottom)); background:#050505; color:#fff; }
.scanner-overlay-head { width:min(100%,640px); display:flex; align-items:center; justify-content:space-between; gap:12px; }
.scanner-overlay-head small { display:block; margin-top:4px; color:#c8c8c8; }
.scanner-close { width:44px; height:44px; border:0; border-radius:50%; background:#fff; color:#111; font-size:28px; cursor:pointer; }
.scanner-camera-stage { position:relative; width:min(100%,640px); }
.scanner-camera-stage .barcode-reader { width:100%; }
.scanner-live-guide { pointer-events:none; position:absolute; left:7%; right:7%; top:50%; height:min(31%,190px); transform:translateY(-50%); z-index:6; border:2px solid rgba(255,255,255,.82); border-radius:16px; box-shadow:0 0 0 999px rgba(0,0,0,.12); overflow:hidden; transition:border-color .2s,box-shadow .2s; }
.scanner-live-guide::before,.scanner-live-guide::after { content:""; position:absolute; inset:10px; border-color:#50a7ff; border-style:solid; }
.scanner-live-guide::before { border-width:3px 0; }
.scanner-live-guide::after { border-width:0 3px; }
.scanner-live-guide span { position:absolute; left:5%; right:5%; top:14%; height:2px; background:#50a7ff; box-shadow:0 0 10px #50a7ff; opacity:0; }
.scanner-camera-stage.is-scanning .scanner-live-guide span,.scanner-camera-stage.is-close-focus .scanner-live-guide span { opacity:1; animation:scannerSweep 1.8s ease-in-out infinite alternate; }
.scanner-camera-stage.is-close-focus .scanner-live-guide { border-color:#ffd24a; }
.scanner-camera-stage.is-located .scanner-live-guide { border-color:#32d583; box-shadow:0 0 0 999px rgba(0,0,0,.12),0 0 18px rgba(50,213,131,.55); }
.scanner-detected-mark { pointer-events:none; position:absolute; z-index:9; inset:50% auto auto 50%; width:72px; height:72px; display:grid; place-items:center; border-radius:50%; transform:translate(-50%,-50%) scale(.5); background:#19a463; color:#fff; font-size:42px; font-weight:800; opacity:0; box-shadow:0 0 0 12px rgba(25,164,99,.2); }
.scanner-camera-stage.is-detected .scanner-live-guide { border-color:#32d583; box-shadow:0 0 0 999px rgba(0,0,0,.2),0 0 22px rgba(50,213,131,.75); }
.scanner-camera-stage.is-detected .scanner-detected-mark { animation:scannerDetected .42s ease-out forwards; }
@keyframes scannerSweep { from { transform:translateY(0); } to { transform:translateY(2600%); } }
@keyframes scannerDetected { 0% { opacity:0; transform:translate(-50%,-50%) scale(.5); } 65% { opacity:1; transform:translate(-50%,-50%) scale(1.08); } 100% { opacity:1; transform:translate(-50%,-50%) scale(1); } }
.scanner-controls { display:flex; justify-content:center; gap:10px; flex-wrap:wrap; width:min(100%,640px); }
.scanner-torch { position:absolute; right:12px; bottom:12px; z-index:8; width:46px; height:46px; display:grid; place-items:center; padding:0; border:1px solid rgba(255,255,255,.5); border-radius:13px; background:rgba(12,16,24,.78); color:#fff; box-shadow:0 4px 16px rgba(0,0,0,.35); font-size:1.3rem; cursor:pointer; backdrop-filter:blur(8px); }
.scanner-torch[hidden] { display:none; }
.scanner-torch[aria-pressed="true"] { background:#ffd24a; border-color:#ffd24a; color:#171717; box-shadow:0 0 0 3px rgba(255,210,74,.25),0 4px 16px rgba(0,0,0,.35); }
.scanner-guide { width:min(100%,640px); text-align:center; color:#ddd; }
.scanner-guide p { margin:0; }
body.scanner-open { overflow:hidden; }
.sc-icon-action { width:46px; min-width:46px; padding:0; display:grid; place-items:center; font-size:1.4rem; }
.awwzen-scanner-icon { width:24px; height:24px; display:block; overflow:visible; fill:none; stroke:currentColor; stroke-width:1.9; stroke-linecap:round; stroke-linejoin:round; }
.awwzen-scanner-dot { fill:currentColor; stroke:none; }
.sc-inventory-head { display:grid; grid-template-columns:44px minmax(0,1fr) 44px; align-items:center; margin-bottom:12px; }
.sc-inventory-head h1 { margin:0; text-align:center; font-size:1.45rem; }
.sc-inventory-head > a { color:var(--aww-muted); text-decoration:none; font-size:2.2rem; line-height:1; }
.sc-inventory-search { display:grid; grid-template-columns:auto minmax(0,1fr) auto auto; align-items:center; gap:9px; min-height:52px; margin-bottom:0; padding:0 10px 0 15px; border:1px solid var(--aww-border); border-radius:12px 12px 0 0; background:var(--aww-surface); }
.sc-inventory-search > span { color:var(--aww-muted); font-size:1.45rem; }
.sc-inventory-search input { width:100%; min-width:0; height:50px; border:0; outline:0; background:transparent; color:var(--aww-text); font:inherit; }
.sc-inventory-search > a { color:var(--aww-muted); text-decoration:none; font-size:1.3rem; }
.sc-inventory-search .sc-scan-icon { width:38px; height:38px; display:grid; place-items:center; border:1px solid color-mix(in srgb,var(--aww-primary) 30%,transparent); border-radius:10px; background:color-mix(in srgb,var(--aww-primary) 9%,transparent); color:var(--aww-primary); }
.sc-inventory-search .sc-scan-icon .awwzen-scanner-icon { width:25px; height:25px; }
.sc-inventory-summary { display:flex; align-items:flex-start; flex-direction:column; gap:2px; padding:12px 14px; border:1px solid var(--aww-border); border-top:0; background:var(--aww-surface-2); }
.sc-inventory-summary span { color:var(--aww-muted); font-size:.78rem; }
.sc-store-share { width:100%; min-height:54px; display:grid; grid-template-columns:30px minmax(0,1fr) auto; align-items:center; gap:8px; padding:10px 14px; border:1px solid var(--aww-border); border-top:0; background:var(--aww-surface); color:var(--aww-text); text-align:left; font:inherit; cursor:pointer; }
.sc-store-share span:first-child { color:var(--aww-primary); font-size:1.35rem; }
.sc-store-share span:nth-child(2) { font-weight:700; }
.sc-store-share b { color:var(--aww-muted); font-size:1.6rem; }
.sc-inventory-tools { display:grid; gap:8px; padding:10px 12px; border:1px solid var(--aww-border); border-top:0; background:var(--aww-surface); }
.sc-bulk-main { display:grid; grid-template-columns:minmax(120px,1fr) minmax(180px,1fr) auto; align-items:center; gap:8px; }
.sc-bulk-main > label { display:flex; align-items:center; gap:7px; font-size:.78rem; font-weight:750; }
.sc-bulk-main input[type="checkbox"],.sc-inventory-select input { width:18px; height:18px; }
.sc-bulk-fields { padding:9px; border-radius:9px; background:var(--aww-surface-2); }
.sc-bulk-fields > label { max-width:220px; display:grid; gap:5px; color:var(--aww-muted); font-size:.72rem; font-weight:700; }
.sc-package-fields { display:grid; grid-template-columns:repeat(6,minmax(90px,1fr)); gap:7px; }
.sc-package-fields label { display:grid; gap:4px; color:var(--aww-muted); font-size:.7rem; font-weight:700; }
.sc-csv-tools { display:flex; align-items:center; gap:7px; }
.sc-csv-tools form { display:flex; align-items:center; gap:7px; }
.sc-inventory-list { border:1px solid var(--aww-border); border-top:0; border-radius:0 0 12px 12px; overflow:hidden; background:var(--aww-surface); }
.sc-inventory-item { position:relative; }
.sc-inventory-item + .sc-inventory-item { border-top:1px solid var(--aww-border); }
.sc-inventory-select { position:absolute; z-index:2; top:12px; left:12px; width:28px; height:28px; display:grid; place-items:center; border:1px solid var(--aww-border); border-radius:7px; background:rgba(255,255,255,.94); cursor:pointer; }
.sc-inventory-main { display:grid; grid-template-columns:82px minmax(0,1fr) auto; gap:8px 14px; align-items:center; padding:15px; color:var(--aww-text); text-decoration:none; }
.sc-inventory-title-row { grid-column:1/-1; grid-row:1; min-width:0; display:flex; align-items:center; gap:8px; padding-left:34px; }
.sc-inventory-title { min-width:0; flex:1; display:-webkit-box; overflow:hidden; -webkit-box-orient:vertical; -webkit-line-clamp:2; line-height:1.3; font-size:1rem; }
.sc-inventory-thumb { grid-column:1; grid-row:2; width:82px; height:82px; display:grid; place-items:center; }
.sc-inventory-thumb img { width:100%; height:100%; object-fit:contain; }
.sc-inventory-details { grid-column:2; grid-row:2; min-width:0; display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); column-gap:14px; color:var(--aww-muted); font-size:.77rem; line-height:1.45; }
.sc-inventory-details span { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.sc-inventory-details b { color:var(--aww-text); }
.sc-inventory-quick { display:grid; grid-template-columns:minmax(120px,180px) minmax(110px,150px) auto; align-items:end; gap:8px; padding:9px 15px 12px 111px; background:var(--aww-surface-2); }
.sc-inventory-quick label { display:grid; gap:3px; color:var(--aww-muted); font-size:.68rem; font-weight:700; }
.sc-inventory-quick .input { min-height:36px; padding:6px 8px; }
.sc-package-badge { justify-self:start; font-size:.68rem; }
.sc-shipping-attention { color:var(--aww-warning); font-weight:700; }
.sc-inventory-chevron { grid-column:3; grid-row:2; color:var(--aww-muted); font-size:2rem; }
.sc-inventory-update { display:flex; align-items:center; justify-content:flex-end; gap:7px; padding:0 15px 13px; }
.sc-inventory-update label { color:var(--aww-muted); font-size:.72rem; font-weight:700; }
.sc-inventory-update input { width:68px; min-height:36px; padding:6px 8px; border:1px solid var(--aww-border); border-radius:8px; background:var(--aww-surface); color:var(--aww-text); }
.sc-inventory-update button { min-height:36px; padding:6px 12px; border:1px solid var(--aww-border); border-radius:8px; background:var(--aww-surface-2); color:var(--aww-text); font-weight:700; cursor:pointer; }
.sc-inventory-controls { display:none; }
.sc-inventory-panel[hidden],.sc-inventory-panel-backdrop[hidden] { display:none; }
.sc-inventory-panel label { display:grid; gap:6px; margin-bottom:13px; color:var(--aww-muted); font-size:.78rem; font-weight:700; }
.sc-panel-actions { display:grid; grid-template-columns:1fr 1fr; gap:9px; }
.sc-table-wrap { overflow-x:auto; background:var(--aww-surface); border:1px solid var(--aww-border); border-radius:12px; }
.sc-table { min-width:780px; border-radius:0; }
.sc-product-cell { display:flex; align-items:center; gap:10px; min-width:230px; }
.sc-product-cell small { display:block; margin-top:3px; color:var(--aww-muted); font-size:.7rem; }
.sc-mini-thumb { width:48px; height:48px; flex:0 0 48px; overflow:hidden; border:1px solid var(--aww-border); border-radius:8px; background:var(--aww-surface-2); }
.sc-qty { width:76px; min-height:34px; padding:6px 8px; }
.sc-ship-input { width:125px; min-height:34px; padding:6px 8px; }
.sc-empty { padding:28px; color:var(--aww-muted); text-align:center; }
.sc-form-card { max-width:820px; }
.sc-image-editor { flex-direction:row; align-items:center; flex-wrap:wrap; }
.sc-image-editor small { flex-basis:100%; }
.sc-form-card input:not([type="checkbox"]):not([type="file"]), .sc-form-card select, .sc-form-card textarea { width:100%; padding:10px 12px; border:1px solid var(--aww-border); border-radius:8px; background:var(--aww-surface); color:var(--aww-text); }
.sc-detail-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(180px,1fr)); gap:12px; margin-top:16px; }
.sc-detail-grid > div { min-width:0; }
.sc-detail-grid small { display:block; margin-bottom:5px; color:var(--aww-muted); font-size:.72rem; font-weight:700; letter-spacing:.04em; text-transform:uppercase; }
.sc-detail-grid strong { display:block; overflow-wrap:anywhere; }
.sc-settings-grid .card-body { min-height:130px; }
.sc-settings-grid p { margin:8px 0 0; font-size:.82rem; }
.sc-inventory-stats,.sc-health-strip { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:9px; margin-bottom:14px; }
.sc-inventory-stats a,.sc-health-strip a { display:flex; flex-direction:column; padding:12px 14px; border:1px solid var(--aww-border); border-radius:10px; background:var(--aww-surface); color:var(--aww-text); text-decoration:none; }
.sc-inventory-stats a.active { border-color:var(--aww-primary); box-shadow:0 0 0 1px var(--aww-primary); }
.sc-inventory-stats strong,.sc-health-strip strong { font-size:1.35rem; line-height:1; }
.sc-inventory-stats span,.sc-health-strip span { margin-top:5px; color:var(--aww-muted); font-size:.75rem; }
.sc-sales-panel { margin-bottom:14px; padding:16px; }
.sc-action-center { margin-bottom:14px; padding:16px; border:1px solid var(--aww-border); border-radius:14px; background:var(--aww-surface); box-shadow:var(--aww-shadow); }
.sc-action-head { display:flex; align-items:flex-start; justify-content:space-between; gap:16px; margin-bottom:13px; }
.sc-action-head h2 { margin:0; }
.sc-action-head p:not(.sc-eyebrow) { margin:4px 0 0; color:var(--aww-muted); font-size:.82rem; }
.sc-action-head > span { flex:none; padding:6px 10px; border-radius:999px; background:#fff4dc; color:#8b5800; font-size:.72rem; font-weight:800; }
.sc-action-head > span.all-clear { background:#e9f8ef; color:#13723d; }
.sc-action-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:9px; }
.sc-action-card { min-width:0; display:grid; grid-template-columns:38px minmax(0,1fr) auto; align-items:center; gap:10px; padding:11px; border:1px solid var(--aww-border); border-radius:11px; background:var(--aww-surface-2); color:var(--aww-text); text-decoration:none; }
.sc-action-card:hover { border-color:var(--aww-primary); text-decoration:none; transform:translateY(-1px); }
.sc-action-card .sc-action-icon { width:38px; height:38px; display:grid; place-items:center; border-radius:10px; background:#e8efff; color:var(--aww-primary); font-size:1.08rem; font-weight:850; }
.sc-action-card strong,.sc-action-card small { display:block; }
.sc-action-card strong { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size:.86rem; }
.sc-action-card small { margin-top:3px; color:var(--aww-muted); font-size:.7rem; }
.sc-action-card > b { color:var(--aww-muted); font-size:1.35rem; }
.sc-action-card.warning .sc-action-icon,.sc-action-card.urgent .sc-action-icon { background:#fff1d4; color:#9a6200; }
.sc-action-card.danger .sc-action-icon { background:#ffe6e6; color:#b42323; }
.sc-action-clear { display:flex; align-items:center; gap:11px; padding:12px; border-radius:11px; background:#edf9f1; }
.sc-action-clear > span { width:38px; height:38px; display:grid; place-items:center; border-radius:50%; background:#218a4d; color:#fff; }
.sc-action-clear p { margin:3px 0 0; color:var(--aww-muted); font-size:.78rem; }
.sc-return-filters { display:flex; gap:7px; overflow-x:auto; margin-bottom:12px; padding-bottom:3px; }
.sc-return-filters a { flex:none; padding:8px 12px; border:1px solid var(--aww-border); border-radius:999px; color:var(--aww-text); text-decoration:none; font-size:.78rem; font-weight:750; }
.sc-return-filters a.active { border-color:var(--aww-primary); background:#e8efff; color:var(--aww-primary); }
.sc-sales-head { display:flex; align-items:flex-start; justify-content:space-between; gap:14px; }
.sc-sales-head h2 { margin:0; }
.sc-sales-periods { display:flex; gap:5px; padding:4px; border-radius:10px; background:var(--aww-surface-2); }
.sc-sales-periods button { min-height:34px; padding:6px 11px; border:0; border-radius:7px; background:transparent; color:var(--aww-muted); font:inherit; font-size:.76rem; font-weight:750; cursor:pointer; }
.sc-sales-periods button.active { background:var(--aww-surface); color:var(--aww-primary); box-shadow:var(--aww-shadow); }
.sc-sales-totals { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:10px; margin:14px 0 4px; }
.sc-sales-totals div { min-width:0; padding:10px 12px; border:1px solid var(--aww-border); border-radius:9px; }
.sc-sales-totals span { display:block; color:var(--aww-muted); font-size:.7rem; font-weight:700; }
.sc-sales-totals strong { display:block; overflow:hidden; margin-top:2px; font-size:1.2rem; text-overflow:ellipsis; white-space:nowrap; }
.sc-sales-chart-wrap { position:relative; width:100%; min-height:220px; }
.sc-sales-chart-wrap canvas { display:block; width:100%; height:220px; }
.sc-sales-empty { position:absolute; inset:58px 15px auto; color:var(--aww-muted); text-align:center; font-size:.82rem; }
.sc-health-strip .warning { border-color:#f1c46c; background:#fffaf0; }
.sc-health-strip .danger { border-color:#efaaaa; background:#fff5f5; }
.sc-catalog-toolbar { display:flex; gap:8px; margin-bottom:10px; }
.sc-catalog-toolbar .input { max-width:420px; }
.sc-bulk-bar { display:flex; align-items:center; gap:9px; margin-bottom:14px; padding:9px 11px; border:1px solid var(--aww-border); border-radius:10px; background:var(--aww-surface); }
.sc-bulk-bar span { margin-right:auto; color:var(--aww-muted); font-size:.8rem; font-weight:700; }
.sc-bulk-bar .input { width:auto; min-width:190px; min-height:36px; padding:6px 10px; }
.sc-product-card { position:relative; }
.sc-product-select { position:absolute; top:8px; left:8px; z-index:2; display:flex; align-items:center; gap:4px; padding:5px 7px; border:1px solid var(--aww-border); border-radius:7px; background:rgba(255,255,255,.94); color:#303644; font-size:.68rem; font-weight:700; cursor:pointer; }
.sc-product-select input { width:16px; height:16px; margin:0; }
.sc-order-detail { align-items:start; }
.sc-order-detail h2 { margin-top:0; font-size:1.15rem; }
.sc-order-detail address { color:var(--aww-text); font-style:normal; line-height:1.55; }
.sc-order-line { display:grid; grid-template-columns:48px minmax(0,1fr) auto; align-items:center; gap:10px; padding:10px 0; border-bottom:1px solid var(--aww-border); }
.sc-order-line:last-child { border-bottom:0; }
.sc-order-line small { display:block; margin-top:3px; color:var(--aww-muted); }
.sc-order-tabs { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:8px; margin-bottom:12px; }
.sc-order-tabs a { display:flex; align-items:center; gap:8px; min-width:0; padding:11px 13px; border:1px solid var(--aww-border); border-radius:11px; background:var(--aww-surface); color:var(--aww-text); text-decoration:none; }
.sc-order-tabs a.active { border-color:var(--aww-primary); background:color-mix(in srgb,var(--aww-primary) 7%,var(--aww-surface)); box-shadow:0 0 0 1px var(--aww-primary); }
.sc-order-tabs a.urgent strong { color:#a65f00; }
.sc-order-tabs strong { font-size:1.2rem; }
.sc-order-tabs span { overflow:hidden; color:var(--aww-muted); font-size:.76rem; font-weight:700; text-overflow:ellipsis; white-space:nowrap; }
.sc-order-search { display:grid; grid-template-columns:minmax(220px,1fr) minmax(170px,240px) auto auto; gap:8px; margin-bottom:12px; }
.sc-order-list { display:grid; gap:10px; }
.sc-order-card { overflow:hidden; border:1px solid var(--aww-border); border-radius:13px; background:var(--aww-surface); box-shadow:var(--aww-shadow-sm); }
.sc-order-card-head { display:flex; align-items:center; justify-content:space-between; gap:12px; padding:12px 14px; border-bottom:1px solid var(--aww-border); color:var(--aww-text); text-decoration:none; }
.sc-order-card-head span:first-child { min-width:0; }
.sc-order-card-head small,.sc-order-card-head strong { display:block; }
.sc-order-card-head small { color:var(--aww-muted); font-size:.7rem; }
.sc-order-card-head strong { margin-top:2px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.sc-order-products { display:flex; gap:16px; overflow-x:auto; padding:12px 14px; scrollbar-width:thin; }
.sc-order-product { min-width:220px; display:grid; grid-template-columns:48px minmax(0,1fr); align-items:center; gap:9px; }
.sc-order-product strong { display:-webkit-box; overflow:hidden; line-height:1.25; font-size:.83rem; -webkit-box-orient:vertical; -webkit-line-clamp:2; }
.sc-order-product small { display:block; margin-top:3px; color:var(--aww-muted); font-size:.72rem; }
.sc-order-facts { display:grid; grid-template-columns:repeat(3,1fr); border-top:1px solid var(--aww-border); border-bottom:1px solid var(--aww-border); background:var(--aww-surface-2); }
.sc-order-facts span { min-width:0; padding:9px 14px; border-right:1px solid var(--aww-border); }
.sc-order-facts span:last-child { border-right:0; }
.sc-order-facts small,.sc-order-facts strong { display:block; }
.sc-order-facts small { color:var(--aww-muted); font-size:.68rem; font-weight:700; }
.sc-order-facts strong { margin-top:2px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.sc-order-fulfillment { display:flex; align-items:center; justify-content:flex-end; gap:7px; padding:10px 14px; }
.sc-order-track { min-width:0; display:flex; align-items:center; gap:8px; margin-right:auto; }
.sc-order-track > b { flex:none; width:30px; height:30px; display:grid; place-items:center; border-radius:50%; background:#e5f7eb; color:#187944; }
.sc-order-track.attention > b { background:#fff0d2; color:#9c6200; }
.sc-order-track small,.sc-order-track strong { display:block; }
.sc-order-track small { color:var(--aww-muted); font-size:.66rem; }
.sc-order-track strong { overflow:hidden; max-width:300px; font-size:.77rem; text-overflow:ellipsis; white-space:nowrap; }
.sc-order-mobile-head { display:grid; grid-template-columns:36px minmax(0,1fr) auto; align-items:start; gap:10px; margin-bottom:15px; }
.sc-order-mobile-head > a { color:var(--aww-muted); font-size:2rem; line-height:1; text-decoration:none; }
.sc-order-mobile-head h1 { margin:0; font-size:clamp(1.4rem,3vw,2rem); overflow-wrap:anywhere; }
.sc-order-mobile-head p { margin:4px 0 0; }
.sc-fulfillment-steps { display:flex; align-items:center; margin-bottom:15px; padding:10px 14px; border:1px solid var(--aww-border); border-radius:12px; background:var(--aww-surface); }
.sc-fulfillment-steps span { display:flex; align-items:center; gap:6px; color:var(--aww-muted); font-size:.74rem; font-weight:700; }
.sc-fulfillment-steps span b { width:25px; height:25px; display:grid; place-items:center; border-radius:50%; background:var(--aww-border); color:var(--aww-muted); }
.sc-fulfillment-steps span.done { color:var(--aww-success); }
.sc-fulfillment-steps span.done b { background:var(--aww-success); color:#fff; }
.sc-fulfillment-steps i { flex:1; height:2px; margin:0 8px; background:var(--aww-border); }
.sc-section-title { display:flex; align-items:center; justify-content:space-between; gap:10px; }
.sc-copy-button { padding:6px 9px; border:1px solid var(--aww-border); border-radius:8px; background:var(--aww-surface-2); color:var(--aww-primary); font:inherit; font-size:.72rem; font-weight:750; cursor:pointer; }
.sc-rate-list { display:grid; gap:8px; }
.sc-rate-card { display:grid; grid-template-columns:minmax(0,1.5fr) minmax(130px,.7fr) auto; align-items:center; gap:12px; padding:12px; border:1px solid var(--aww-border); border-radius:11px; background:var(--aww-surface-2); }
.sc-rate-card strong,.sc-rate-card small { display:block; }
.sc-rate-card small { margin-top:3px; color:var(--aww-muted); font-size:.7rem; }

/* ---------- Admin operations workspace ---------- */
.ad-main { min-width:0; }
.ad-page-head { display:flex; align-items:flex-start; justify-content:space-between; gap:18px; margin-bottom:18px; }
.ad-page-head h1 { margin:0; font-size:clamp(1.65rem,3vw,2.2rem); }
.ad-page-head p { margin:5px 0 0; }
.ad-eyebrow { color:var(--aww-primary); font-size:.7rem; font-weight:800; letter-spacing:.12em; text-transform:uppercase; }
.ad-stat-grid { grid-template-columns:repeat(4,minmax(0,1fr)); gap:10px; }
.ad-finance-grid { grid-template-columns:repeat(4,minmax(0,1fr)); gap:10px; }
.ad-stat-grid .stat, .ad-finance-grid .stat { padding:15px; }
.ad-stat-grid .n, .ad-finance-grid .n { font-size:1.55rem; }
.ad-table-wrap { overflow-x:auto; border:1px solid var(--aww-border); border-radius:12px; background:var(--aww-surface); }
.tax-config-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px; align-items:start; }
.tax-progress { width:120px; max-width:100%; height:8px; overflow:hidden; border-radius:999px; background:var(--aww-border); margin-bottom:5px; }
.tax-progress span { display:block; height:100%; border-radius:inherit; background:linear-gradient(90deg,var(--aww-primary),var(--aww-accent)); }
.tax-nexus-table td { vertical-align:middle; }
.tax-nexus-table td small { display:block; margin-top:3px; color:var(--aww-muted); white-space:normal; }
.ad-table { min-width:820px; border-radius:0; }
.ad-product-cell { display:flex; align-items:center; gap:10px; min-width:260px; }
.ad-product-cell small { display:block; margin-top:3px; color:var(--aww-muted); font-size:.7rem; }
.ad-table td:last-child { min-width:240px; }
.ad-table td form { display:inline-block !important; margin:2px; }
.ad-settings { max-width:860px; }
.ad-image-manager { margin:16px 0; padding:14px; border:1px solid var(--aww-border); border-radius:12px; background:var(--aww-surface-2); }
.ad-image-manager-head { display:flex; align-items:flex-start; justify-content:space-between; gap:12px; }
.ad-image-manager-head h3 { margin:0; }
.ad-image-manager-head p { margin:4px 0 0; font-size:.78rem; }
.ad-image-manager-head > strong { flex:none; padding:5px 9px; border-radius:999px; background:var(--aww-surface); color:var(--aww-primary); font-size:.72rem; }
.ad-image-grid { display:grid; grid-template-columns:repeat(auto-fill,minmax(120px,1fr)); gap:9px; margin-top:12px; }
.ad-image-card { overflow:hidden; border:1px solid var(--aww-border); border-radius:10px; background:var(--aww-surface); }
.ad-image-card > img { width:100%; aspect-ratio:1; display:block; object-fit:contain; background:#fff; }
.ad-image-card > div { padding:7px; }
.ad-image-card > div > strong { display:block; overflow:hidden; font-size:.7rem; text-overflow:ellipsis; white-space:nowrap; }
.ad-image-actions { display:flex; gap:3px; margin-top:6px; }
.ad-image-actions form { flex:1; }
.ad-image-actions button { width:100%; min-height:30px; padding:3px; border:1px solid var(--aww-border); border-radius:6px; background:var(--aww-surface-2); color:var(--aww-text); cursor:pointer; }
.ad-image-actions button.danger { color:var(--aww-error); }
.ad-image-upload { display:grid; grid-template-columns:minmax(0,1fr) auto; align-items:end; gap:10px; margin-top:12px; padding-top:12px; border-top:1px solid var(--aww-border); }
.ad-image-upload .field { margin:0; }
.ad-main > h1, .ad-main > div > h1 { margin-top:0; }
.ad-main > table.card { width:100%; border-collapse:collapse; }
.ad-main > table.card th, .ad-main > table.card td { padding:11px 13px; border-bottom:1px solid var(--aww-border); text-align:left; font-size:.85rem; }
.ad-main > table.card th { background:var(--aww-surface-2); }

/* =================== RESPONSIVE =================== */
@media (max-width: 1100px) {
  .grid-cols-5, .grid-cols-4 { grid-template-columns: repeat(3, 1fr); }
  .stat-grid { grid-template-columns: repeat(2, 1fr); }
  .sc-stat-grid { grid-template-columns: repeat(3,1fr); }
  .ad-stat-grid { grid-template-columns:repeat(3,1fr); }
  .catalog-product-grid { grid-template-columns:repeat(3,minmax(0,1fr)); }
}

@media (max-width: 860px) {
  .nav-toggle { display: block; }
  .header-nav { display: none; }
  .header-search { order: 3; flex-basis: 100%; }
  .site-header .container { flex-wrap: wrap; height: auto; padding-top: 8px; padding-bottom: 8px; }
  /* when search wraps, keep brand + toggle on first row */
  .brand { order: 1; }
  .nav-toggle { order: 2; margin-left: auto; }
  .grid-cols-3, .grid-cols-5, .grid-cols-4 { grid-template-columns: repeat(2, 1fr); }
  .footer-cols { grid-template-columns: repeat(2, 1fr); }
  /* Sidebars collapse to top bar on mobile */
  .sc-layout, .ad-layout { grid-template-columns: 1fr; }
  .sc-sidebar, .ad-sidebar { padding: 8px 0; }
  .sc-sidebar { display:none; }
  .sc-sidebar a, .ad-sidebar a { display: inline-block; padding: 8px 14px; border-left: none; border-bottom: 3px solid transparent; }
  .catalog-filter-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .catalog-product-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .store-benefits { grid-template-columns:1fr; }
  .pdp { grid-template-columns:1fr; }
  .pdp-gallery { position:static; }
  .pdp-main-image { padding:8px; }
  .pdp-gallery-arrow { width:40px; height:40px; }
  .pdp-thumbnail { flex-basis:58px; width:58px; height:58px; }
  .cart-layout { grid-template-columns:1fr; }
  .cart-summary { position:static; }
  .checkout-layout { grid-template-columns:1fr; }
  .checkout-summary { position:static; }
  .sc-inventory-stats,.sc-health-strip { grid-template-columns:repeat(2,1fr); }
  .sidebar-brand { display: none; }
  body.area-seller { padding-bottom:calc(72px + env(safe-area-inset-bottom)); }
  body.area-seller .site-header .header-nav,body.area-seller .site-header .nav-toggle,body.area-seller .site-header + nav.container { display:none; }
  body.area-seller .site-header .container { min-height:52px; padding-top:6px; padding-bottom:6px; }
  .sc-mobile-nav { position:fixed; z-index:9300; left:0; right:0; bottom:0; width:100%; display:grid; grid-template-columns:repeat(5,1fr); align-items:end; min-height:62px; padding:5px 6px max(5px,env(safe-area-inset-bottom)); border-top:1px solid var(--aww-border); background:var(--aww-surface); box-shadow:0 -5px 18px rgba(0,0,0,.08); transform:translateZ(0); backface-visibility:hidden; }
  .sc-mobile-nav a,.sc-mobile-nav button { min-width:0; min-height:52px; border:0; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:2px; background:none; color:var(--aww-muted); text-decoration:none; font:inherit; cursor:pointer; }
  .sc-mobile-nav span { font-size:1.3rem; line-height:1; }
  .sc-mobile-nav small { max-width:100%; overflow:hidden; text-overflow:ellipsis; font-size:.66rem; font-weight:700; }
  .sc-mobile-nav .active { color:var(--aww-primary); }
  .sc-mobile-nav .sc-scan-action span { width:46px; height:46px; margin-top:-24px; border-radius:50%; display:grid; place-items:center; background:var(--aww-primary); color:#fff; border:4px solid var(--aww-bg); box-shadow:0 4px 12px rgba(31,86,200,.28); font-size:1.45rem; }
  .sc-more-backdrop:not([hidden]) { position:fixed; z-index:9050; inset:0 0 calc(62px + env(safe-area-inset-bottom)); display:block; background:rgba(4,8,20,.48); }
  .sc-more-sheet:not([hidden]) { position:fixed; z-index:9100; left:0; right:0; bottom:calc(62px + env(safe-area-inset-bottom)); display:block; max-height:calc(100dvh - 70px - env(safe-area-inset-bottom)); overflow-y:auto; padding:8px 18px 18px; border-radius:22px 22px 0 0; background:var(--aww-surface); box-shadow:0 -12px 35px rgba(0,0,0,.22); }
  .sc-more-handle { width:42px; height:4px; margin:2px auto 14px; border-radius:4px; background:var(--aww-border); }
  .sc-more-title { display:flex; align-items:center; justify-content:space-between; margin-bottom:14px; }
  .sc-more-title button { width:40px; height:40px; border:0; border-radius:50%; background:var(--aww-surface-2); color:var(--aww-text); font-size:1.5rem; }
  .sc-more-grid { display:grid; grid-template-columns:repeat(2,1fr); gap:10px; margin-bottom:14px; }
  .sc-more-grid a { display:flex; align-items:center; gap:10px; padding:15px; border:1px solid var(--aww-border); border-radius:12px; color:var(--aww-text); text-decoration:none; font-weight:700; }
  .sc-more-grid span { font-size:1.25rem; }
  .sc-more-sheet form .btn { width:100%; }
  body.sc-menu-open { overflow:hidden; }
}
@media (max-width: 560px) {
  .grid-cols-2, .grid-cols-3, .grid-cols-4, .grid-cols-5 { grid-template-columns: repeat(2, 1fr); }
  .stat-grid { grid-template-columns: 1fr; }
  .sc-stat-grid { grid-template-columns:repeat(2,1fr); }
  .sc-page-head { flex-direction:column; }
  .sc-page-head h1 { font-size:1.55rem; }
  .sc-page-head .badge { align-self:flex-start; }
  .sc-sales-panel { margin-inline:-4px; padding:13px 10px; }
  .sc-action-center { margin-inline:-4px; padding:13px 10px; }
  .sc-action-head { align-items:flex-start; }
  .sc-action-head > span { margin-top:2px; }
  .sc-action-grid { grid-template-columns:1fr; }
  .sc-action-card { padding:10px; }
  .sc-sales-head { flex-direction:column; }
  .sc-sales-periods { width:100%; display:grid; grid-template-columns:repeat(4,1fr); }
  .sc-sales-periods button { min-width:0; padding-inline:4px; }
  .sc-sales-totals { gap:6px; }
  .sc-sales-totals div { padding:8px; }
  .sc-sales-totals strong { font-size:1rem; }
  .ad-page-head { flex-direction:column; }
  .ad-image-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .ad-image-upload { grid-template-columns:1fr; }
  .ad-stat-grid, .ad-finance-grid { grid-template-columns:repeat(2,1fr); }
  .tax-config-grid { grid-template-columns:1fr; }
  .tax-nexus-table { min-width:900px; }
  .catalog-head { align-items:flex-start; flex-direction:column; }
  .catalog-sort { width:100%; justify-content:space-between; }
  .catalog-sort select { flex:1; }
  .catalog-filter-grid { grid-template-columns:1fr; }
  .catalog-filter-actions { flex-direction:column; }
  .catalog-filter-actions .btn { width:100%; }
  .hero { padding: 40px 16px; }
  .btn-row .btn { width: 100%; }
  .section { padding: 20px 0; }
  .sc-main { padding:14px 12px 22px; overflow-x:hidden; }
  .ad-main { padding:16px; }
  .card-body { padding: 14px; }
  .store-benefits > div { padding:12px 14px; }
  .cart-head { align-items:flex-start; flex-direction:column; }
  .shipping-progress { align-items:flex-start; flex-direction:column; }
  .cart-line { grid-template-columns:76px minmax(0,1fr); gap:10px; }
  .cart-line-image { width:76px; height:76px; }
  .cart-line-price { grid-column:2; }
  .address-fields { grid-template-columns:1fr; }
  .address-fields .address-wide { grid-column:auto; }
  .sc-catalog-toolbar,.sc-bulk-bar { align-items:stretch; flex-direction:column; }
  .sc-catalog-toolbar .input,.sc-bulk-bar .input { max-width:none; width:100%; }
  .sc-bulk-bar span { margin:0; }
  .sc-order-detail { grid-template-columns:1fr; }
  .sc-order-tabs { display:flex; overflow-x:auto; scroll-snap-type:x mandatory; scrollbar-width:none; }
  .sc-order-tabs a { flex:0 0 106px; flex-direction:column; align-items:flex-start; gap:2px; scroll-snap-align:start; }
  .sc-order-search { grid-template-columns:minmax(0,1fr) auto; }
  .sc-order-search select { grid-column:1; }
  .sc-order-search .btn { padding-inline:11px; }
  .sc-order-card-head { padding:10px 11px; }
  .sc-order-products { padding:10px 11px; }
  .sc-order-product { min-width:205px; }
  .sc-order-facts span { padding:8px 10px; }
  .sc-order-fulfillment { align-items:stretch; flex-wrap:wrap; padding:9px 11px; }
  .sc-order-track { flex:1 0 calc(100% - 8px); }
  .sc-order-fulfillment .btn { flex:1; }
  .sc-order-mobile-head { grid-template-columns:28px minmax(0,1fr); }
  .sc-order-mobile-head > .badge { grid-column:2; justify-self:start; }
  .sc-fulfillment-steps { padding:9px; }
  .sc-fulfillment-steps span { flex-direction:column; gap:3px; font-size:.65rem; text-align:center; }
  .sc-fulfillment-steps i { margin:0 4px 18px; }
  .sc-rate-card { grid-template-columns:minmax(0,1fr) auto; gap:8px; }
  .sc-rate-card form { grid-column:1/-1; }
  .sc-rate-card form .btn { width:100%; }
  .sc-actions { display:grid; grid-template-columns:1fr 1fr; width:100%; }
  .sc-actions .btn { width:100%; min-height:44px; padding-inline:8px; }
  .sc-stat-grid { display:flex; overflow-x:auto; scroll-snap-type:x mandatory; padding-bottom:5px; scrollbar-width:none; }
  .sc-stat-grid .stat { flex:0 0 138px; scroll-snap-align:start; }
  .sc-health-strip { display:flex; overflow-x:auto; scroll-snap-type:x mandatory; padding-bottom:5px; scrollbar-width:none; }
  .sc-health-strip a { flex:0 0 145px; scroll-snap-align:start; }
  .sc-product-grid { grid-template-columns:1fr; gap:10px; }
  .sc-product-card { display:grid; grid-template-columns:112px minmax(0,1fr); }
  .sc-product-thumb { aspect-ratio:1; height:100%; min-height:150px; }
  .sc-product-select { top:6px; left:6px; }
  .sc-product-select span { display:none; }
  .sc-product-body { padding:11px; }
  .sc-product-title { min-height:auto; }
  .sc-product-meta { align-items:flex-start; flex-direction:column; }
  .sc-inline-stock { grid-template-columns:1fr 70px; }
  .sc-inline-stock button { grid-column:1/-1; width:100%; }
  .sc-card-actions { display:grid; grid-template-columns:1fr 1fr; }
  .sc-card-actions .btn { width:100%; }
  body.area-seller .btn,body.area-seller .input { min-height:44px; }
  body.area-seller input,body.area-seller select,body.area-seller textarea { font-size:16px; }
  .sc-responsive-table { min-width:0; display:block; background:transparent; }
  .sc-responsive-table thead { display:none; }
  .sc-responsive-table tbody { display:grid; gap:10px; }
  .sc-responsive-table tr { display:block; padding:6px 12px; border:1px solid var(--aww-border); border-radius:12px; background:var(--aww-surface); }
  .sc-responsive-table td { display:grid; grid-template-columns:88px minmax(0,1fr); align-items:center; gap:10px; padding:9px 0; border-bottom:1px solid var(--aww-border); overflow-wrap:anywhere; }
  .sc-responsive-table td:last-child { border-bottom:0; }
  .sc-responsive-table td::before { content:attr(data-label); color:var(--aww-muted); font-size:.68rem; font-weight:800; text-transform:uppercase; }
  .sc-responsive-table .sc-product-cell { min-width:0; }
  .sc-responsive-table .sc-ship-input { width:100%; }
  .sc-responsive-table td[colspan] { display:block; }
  .sc-responsive-table td[colspan]::before { display:none; }
  .push-setup .card-body { grid-template-columns:1fr; }
  .push-actions { display:grid; grid-template-columns:1fr; }
  .push-actions .btn { width:100%; }
  .sc-notification-head-actions { width:100%; display:grid; grid-template-columns:1fr 1fr; }
  .sc-notification-head-actions .btn { width:100%; padding-inline:8px; }
  .seller-notification-list .card-body { align-items:flex-start; padding:12px 9px 12px 11px; gap:9px; }
  .notification-image,.sc-notification-icon { width:48px; height:48px; flex-basis:48px; }
  .seller-notification-list .notification-item > a { padding-right:31px; }
  .seller-notification-list .notification-item > form { top:5px; right:3px; }
  .sc-notification-chevron { display:none; }
  .proposal-grid { grid-template-columns:1fr; }
  .proposal-wide { grid-column:auto; }
  .proposal-submit { position:static; align-items:stretch; flex-direction:column; }
  .proposal-submit .form-actions { display:grid; grid-template-columns:1fr; }
  .proposal-review-grid { grid-template-columns:1fr; }
  .proposal-review-grid aside { position:static; }
  .review-facts { grid-template-columns:1fr; }
  .scanner-search-row { grid-template-columns:1fr; }
  .scanner-search-row .btn,.scanner-actions .btn { width:100%; }
  .scanner-result { grid-template-columns:48px minmax(0,1fr); }
  .scanner-result > :last-child { grid-column:2; }
  .scanner-product { align-items:flex-start; }
  body.area-seller:has(.sc-inventory-controls) { padding-bottom:calc(124px + env(safe-area-inset-bottom)); }
  .sc-inventory-head { margin:-3px 0 10px; }
  .sc-inventory-head h1 { font-size:1.2rem; }
  .sc-inventory-search { border-radius:0; margin-inline:-12px; padding-left:16px; border-left:0; border-right:0; }
  .sc-inventory-summary { align-items:flex-start; flex-direction:column; gap:2px; }
  .sc-inventory-summary,.sc-store-share,.sc-inventory-tools,.sc-inventory-list { margin-inline:-12px; border-left:0; border-right:0; border-radius:0; }
  .sc-bulk-main { grid-template-columns:1fr 1fr; }
  .sc-bulk-main button { grid-column:1/-1; width:100%; }
  .sc-package-fields { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .sc-csv-tools { display:grid; grid-template-columns:1fr 1fr; }
  .sc-csv-tools .btn { width:100%; }
  .sc-csv-tools form { display:contents; }
  .sc-store-share { min-height:52px; }
  .sc-inventory-item { min-width:0; overflow:hidden; }
  .sc-inventory-main { width:100%; box-sizing:border-box; grid-template-columns:60px minmax(0,1fr) 12px; grid-template-rows:auto auto; align-items:start; padding:10px 10px 11px; gap:7px 10px; }
  .sc-inventory-title-row { align-items:center; flex-direction:row; gap:6px; padding:0 0 2px 30px; }
  .sc-inventory-title { width:100%; font-size:.82rem; line-height:1.25; }
  .sc-inventory-select { top:7px; left:7px; }
  .sc-package-badge { flex:0 1 auto; max-width:118px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
  .sc-inventory-thumb { width:60px; height:60px; margin-top:2px; }
  .sc-inventory-details { width:100%; grid-template-columns:1fr; gap:2px; font-size:.69rem; line-height:1.3; }
  .sc-inventory-details span { display:grid; grid-template-columns:72px minmax(0,1fr); gap:6px; white-space:normal; }
  .sc-inventory-details b { white-space:nowrap; }
  .sc-inventory-details code { display:block; min-width:0; overflow:hidden; color:inherit; font:inherit; text-overflow:ellipsis; white-space:nowrap; }
  .sc-inventory-details span:nth-child(n+6) { display:none; }
  .sc-inventory-quick { grid-template-columns:1fr 1fr; padding:8px 10px 11px; }
  .sc-inventory-quick button { grid-column:1/-1; width:100%; }
  .sc-inventory-chevron { align-self:center; font-size:1.35rem; }
  .sc-inventory-controls { position:fixed; z-index:8990; left:0; right:0; bottom:calc(63px + env(safe-area-inset-bottom)); height:56px; display:grid; grid-template-columns:1fr 1fr; border-top:1px solid var(--aww-border); background:var(--aww-surface); }
  .sc-inventory-controls button { position:relative; display:flex; align-items:center; justify-content:center; gap:7px; border:0; border-right:1px solid var(--aww-border); background:transparent; color:var(--aww-primary); font:inherit; font-weight:700; }
  .sc-inventory-controls span { font-size:1.25rem; }
  .sc-inventory-controls i { width:7px; height:7px; border-radius:50%; background:var(--aww-accent); }
  .sc-inventory-panel-backdrop:not([hidden]) { position:fixed; z-index:9200; inset:0 0 calc(62px + env(safe-area-inset-bottom)); display:block; background:rgba(4,8,20,.48); }
  .sc-inventory-panel:not([hidden]) { position:fixed; z-index:9250; left:0; right:0; bottom:calc(62px + env(safe-area-inset-bottom)); display:block; max-height:calc(100dvh - 70px - env(safe-area-inset-bottom)); overflow-y:auto; padding:8px 18px 18px; border-radius:22px 22px 0 0; background:var(--aww-surface); box-shadow:0 -12px 35px rgba(0,0,0,.22); }
  .table { display: block; overflow-x: auto; white-space: nowrap; }
  /* product card image a bit smaller on tiny screens handled by aspect-ratio */
}

@media (max-width: 600px) {
  .sc-product-card { display:flex; flex-direction:column; }
  .sc-product-thumb { width:100%; height:auto; min-height:0; aspect-ratio:16/10; }
  .sc-product-select { position:static; order:2; width:max-content; margin:10px 11px 0; }
  .sc-product-select span { display:inline; }
  .sc-product-body { order:3; width:100%; padding-top:8px; }
  .sc-product-meta { align-items:center; flex-direction:row; flex-wrap:wrap; }
  .sc-inline-stock { grid-template-columns:minmax(0,1fr) 76px; }
}

/* =================== DARK MODE (gap #11) =================== */
:root {
  --aww-bg-dark: #0f1115;
  --aww-surface-dark: #171a21;
  --aww-surface-2-dark: #1f2430;
  --aww-border-dark: #2a3140;
  --aww-text-dark: #e7eaf0;
  --aww-muted-dark: #9aa3b2;
  --aww-shadow-dark: 0 1px 3px rgba(0,0,0,.4);
}
html[data-theme="dark"] {
  --aww-bg: var(--aww-bg-dark);
  --aww-surface: var(--aww-surface-dark);
  --aww-surface-2: var(--aww-surface-2-dark);
  --aww-border: var(--aww-border-dark);
  --aww-text: var(--aww-text-dark);
  --aww-muted: var(--aww-muted-dark);
  --aww-shadow: var(--aww-shadow-dark);
}
html[data-theme="dark"] body { background: var(--aww-bg); color: var(--aww-text); }
html[data-theme="dark"] .site-header,
html[data-theme="dark"] .site-footer,
html[data-theme="dark"] .card,
html[data-theme="dark"] .product-card,
html[data-theme="dark"] .input,
html[data-theme="dark"] .table,
html[data-theme="dark"] .mobile-menu { background: var(--aww-surface); }
html[data-theme="dark"] .hero { background: linear-gradient(135deg,#1a2030,#16241f); }
html[data-theme="dark"] .product-card .thumb { background: linear-gradient(135deg,#222838,#1b2030); }

/* theme toggle button (in header, beside language) */
.theme-toggle {
  background: none; border: 1px solid var(--aww-border); border-radius: 8px;
  width: 38px; height: 38px; cursor: pointer; font-size: 18px; color: var(--aww-text);
  display: inline-flex; align-items: center; justify-content: center;
}
.trust-case{display:flex;justify-content:space-between;gap:1rem;align-items:flex-start;padding:1rem 0;border-bottom:1px solid var(--aww-border)}
.trust-case p{margin:.25rem 0}.trust-timeline{margin:.75rem 0 1.5rem;padding-left:1.25rem}.trust-timeline li{padding:.35rem 0}
.notification-list{display:grid;gap:.75rem}.notification-item{display:block;text-decoration:none}.notification-item.unread{border-left:4px solid var(--aww-accent)}.notification-item p{margin:.35rem 0}
.push-setup { margin-bottom:16px; }
.push-setup .card-body { display:grid; grid-template-columns:minmax(0,1fr) auto; align-items:center; gap:12px 20px; }
.push-setup h2 { margin:0 0 5px; }.push-setup p { margin:0; color:var(--aww-muted); }
.push-actions { display:flex; gap:8px; flex-wrap:wrap; }
.push-status,.push-ios-help { grid-column:1/-1; }
.push-status { min-height:1.2em; margin:0 !important; font-weight:700; color:var(--aww-primary) !important; }
.push-ios-help { padding:12px; border-radius:10px; background:var(--aww-surface-2); }
.seller-notification-list .card-body { display:flex; align-items:center; gap:12px; }
.notification-image { width:62px; height:62px; flex:0 0 62px; border-radius:10px; object-fit:contain; background:#fff; border:1px solid var(--aww-border); }
.sc-notification-head-actions { display:flex; flex-wrap:wrap; gap:7px; }
.push-device-dot { display:inline-block; width:8px; height:8px; margin-right:6px; border-radius:50%; background:var(--aww-muted); }
.push-device-dot.active { background:var(--aww-success); box-shadow:0 0 0 3px color-mix(in srgb,var(--aww-success) 15%,transparent); }
.sc-notification-status,.sc-notification-categories { display:flex; overflow-x:auto; gap:7px; padding-bottom:4px; scrollbar-width:none; }
.sc-notification-status { margin-bottom:8px; }
.sc-notification-categories { margin-bottom:14px; }
.sc-notification-status a,.sc-notification-categories a { flex:none; display:flex; align-items:center; gap:6px; padding:8px 12px; border:1px solid var(--aww-border); border-radius:999px; background:var(--aww-surface); color:var(--aww-text); font-size:.76rem; font-weight:750; text-decoration:none; }
.sc-notification-status a.active,.sc-notification-categories a.active { border-color:var(--aww-primary); background:color-mix(in srgb,var(--aww-primary) 9%,var(--aww-surface)); color:var(--aww-primary); }
.sc-notification-status b,.sc-notification-categories b { min-width:19px; padding:2px 5px; border-radius:999px; background:var(--aww-surface-2); font-size:.65rem; text-align:center; }
.sc-notification-date { margin:7px 2px 0; color:var(--aww-muted); font-size:.76rem; letter-spacing:.04em; text-transform:uppercase; }
.seller-notification-list .notification-item { position:relative; overflow:hidden; }
.seller-notification-list .notification-item > a { display:block; padding-right:40px; color:var(--aww-text); text-decoration:none; }
.seller-notification-list .notification-item > form { position:absolute; top:7px; right:7px; }
.seller-notification-list .notification-item > form button { width:31px; height:31px; display:grid; place-items:center; border:0; border-radius:50%; background:transparent; color:var(--aww-muted); font-size:1.25rem; cursor:pointer; }
.seller-notification-list .notification-item > form button:hover { background:var(--aww-surface-2); color:var(--aww-text); }
.seller-notification-list .card-body > div { min-width:0; flex:1; }
.seller-notification-list .card-body strong { display:block; }
.sc-notification-icon { width:52px; height:52px; flex:0 0 52px; display:grid; place-items:center; border-radius:13px; background:color-mix(in srgb,var(--aww-primary) 10%,var(--aww-surface)); color:var(--aww-primary); font-size:1.25rem; }
.sc-notification-kind { display:flex; align-items:center; gap:7px; margin-bottom:3px; color:var(--aww-muted); font-size:.65rem; font-weight:800; letter-spacing:.05em; text-transform:uppercase; }
.sc-notification-kind i { padding:2px 6px; border-radius:999px; background:#e8efff; color:var(--aww-primary); font-size:.58rem; font-style:normal; }
.sc-notification-chevron { color:var(--aww-muted); font-size:1.5rem; }
.sc-alert-dot { position:absolute; min-width:17px; height:17px; padding:0 4px; display:grid; place-items:center; border-radius:10px; background:var(--aww-error); color:#fff; font-size:.6rem; font-style:normal; transform:translate(13px,-7px); }