/* ============================================================
   Header — storefront masthead (utility bar / search row / nav row)
   Prefix: hdr-. Restyles the existing Aster header structure; no
   layout rules leak outside <header class="header">.
   ============================================================ */
.header{
  --hdr-blue:#1b4dd8;
  --hdr-blue-dark:#1339a6;
  --hdr-ink:#111827;
  --hdr-muted:#6b7280;
  --hdr-line:#e5e7eb;
  --hdr-surface:#ffffff;
}
body[theme="dark"] .header{
  --hdr-ink:#e8edf2; --hdr-muted:#94a3b1; --hdr-line:#26313c; --hdr-surface:#111820;
}

/* ---------- utility bar ---------- */
.header .header-top{ border-bottom:1px solid var(--hdr-line); font-size:12.5px; }
.hdr-top-row{ min-height:38px; }
.hdr-top-phone{ color:var(--hdr-ink); font-weight:600; text-decoration:none; }
.hdr-shipping-pill{
  padding:6px 16px; border-radius:99px; color:#fff; background:var(--hdr-blue);
  font-size:11.5px; font-weight:700; letter-spacing:.05em; text-transform:uppercase; white-space:nowrap;
}
.hdr-shipping-pill i{ font-size:13px; }
.hdr-socials{ margin:0; padding:0; }
.hdr-socials a{ display:grid; place-items:center; width:26px; height:26px; color:var(--hdr-ink); font-size:14px; text-decoration:none; transition:color .16s ease; }
.hdr-socials a:hover{ color:var(--hdr-blue); }

/* ---------- search row ---------- */
.header .header-middle{ padding-block:14px !important; }
.header .header-middle .search-box{ flex:1 1 auto; max-width:640px; }
.header .header-middle .search-box .select-wrap{ border-radius:2px 0 0 2px; border-color:var(--hdr-line) !important; }
.header .header-middle .search-box .btn-primary{
  min-width:58px; border-radius:0 2px 2px 0; background:var(--hdr-blue); border-color:var(--hdr-blue); font-size:17px;
}
.header .header-middle .search-box .btn-primary:hover{ background:var(--hdr-blue-dark); border-color:var(--hdr-blue-dark); }
.header .header-middle .search-bar-input{ height:44px; }

.hdr-utility{ flex:0 0 auto; }
.hdr-callbox{ color:var(--hdr-ink); text-decoration:none; white-space:nowrap; }
.hdr-callbox-ic{ display:grid; place-items:center; width:38px; height:38px; border-radius:50%; color:#fff; background:#25a55f; font-size:16px; }
.hdr-callbox-text small{ display:block; color:var(--hdr-muted); font-size:9.5px; font-weight:700; letter-spacing:.09em; text-transform:uppercase; }
.hdr-callbox-text b{ display:block; font-size:15px; font-weight:800; letter-spacing:-.01em; }
.hdr-callbox:hover .hdr-callbox-text b{ color:var(--hdr-blue); }

.hdr-icons > li{ position:relative; }
.hdr-icons a{ position:relative; display:grid; place-items:center; width:34px; height:34px; color:var(--hdr-ink); font-size:19px; text-decoration:none; transition:color .16s ease; }
.hdr-icons a:hover{ color:var(--hdr-blue); }
.hdr-icons .count{
  position:absolute; top:-2px; inset-inline-end:-2px; display:grid; place-items:center; min-width:17px; height:17px; padding:0 4px;
  border-radius:99px; color:#fff; background:var(--hdr-blue); font-size:10px; font-weight:700; line-height:1;
}

/* ---------- nav row ---------- */
.header .header-main{ border-bottom:1px solid var(--hdr-line); }
.header .select-category-button{
  min-height:52px; min-width:250px; justify-content:flex-start; gap:10px; border-radius:0;
  background:var(--hdr-blue); border-color:var(--hdr-blue); letter-spacing:.02em;
}
.header .select-category-button:hover,
.header .select-category-button:focus{ background:var(--hdr-blue-dark); border-color:var(--hdr-blue-dark); }
.header .main-menu > li > a,
.header .main-menu > li > span{ font-size:13.5px; font-weight:700; letter-spacing:.03em; text-transform:uppercase; }

.hdr-quicklinks{ margin-inline-start:auto; }
.hdr-quicklink{ font-size:12.5px; font-weight:800; letter-spacing:.05em; text-transform:uppercase; text-decoration:none; white-space:nowrap; transition:opacity .16s ease; }
.hdr-quicklink:hover{ opacity:.72; }
.hdr-quicklink--deal{ color:#12a150; }
.hdr-quicklink--new{ color:var(--hdr-blue); }
.hdr-quicklink--sale{ color:var(--hdr-ink); }
.hdr-quicklink--outlet{ color:#e11d2e; }

@media (max-width:1399px){
  .hdr-callbox-text{ display:none; }
  .hdr-quicklinks{ gap:18px !important; }
  .hdr-quicklink{ font-size:11.5px; }
}
@media (max-width:1199px){
  .hdr-utility{ display:none !important; }
}