/* Customer storefront shell inspired by mature technology retail patterns, branded for TechDirect. */
.storefront-body .skip-link{position:fixed;left:16px;top:-80px;z-index:1000;padding:.75rem 1rem;border-radius:10px;background:#ffd400;color:#111827;font-weight:800;transition:top .15s ease}.storefront-body .skip-link:focus{top:12px}
.storefront-body .retail-header{position:sticky;top:0;z-index:50;display:grid;grid-template-columns:auto minmax(260px,1fr) auto;grid-template-rows:58px 34px;align-items:center;gap:0 24px;min-height:92px;padding:0 clamp(18px,3vw,42px);background:#172435;color:#fff;border:0;box-shadow:0 1px 0 rgba(0,0,0,.35)}
.storefront-body .retail-header .brand{color:#fff;font-size:1.05rem;font-weight:700;letter-spacing:.02em}.storefront-body .retail-header .brand span{font-weight:500}.storefront-body .retail-header .brand strong{font-weight:900}
.storefront-body .header-search{display:flex;align-items:center;gap:0;width:100%;max-width:680px;justify-self:center;margin:0}.storefront-body .header-search input{min-width:0;width:100%;height:38px;padding:.55rem .9rem;border:1px solid #33445a;border-right:0;border-radius:999px 0 0 999px;background:#243247;color:#fff;font-size:15px}.storefront-body .header-search input::placeholder{color:#aeb8c4}.storefront-body .header-search input:focus{outline:2px solid rgba(255,212,0,.35);border-color:#ffd400}.storefront-body .header-search button{height:38px;padding:0 1rem;border:0;border-radius:0 999px 999px 0;background:#ffd400;color:#152234;font:inherit;font-size:.8rem;font-weight:850;cursor:pointer}
.storefront-body .store-header-actions{display:flex;align-items:center;justify-content:flex-end;gap:.8rem}.storefront-body .header-help{color:#fff;font-size:.82rem;font-weight:700;white-space:nowrap}.storefront-body .header-help:hover{text-decoration:underline;text-underline-offset:3px}
.storefront-body .retail-category-nav{grid-column:1/-1;grid-row:2;display:flex;align-items:center;gap:1.15rem;min-width:0;overflow:auto;border-top:1px solid rgba(255,255,255,.08);scrollbar-width:none}.storefront-body .retail-category-nav::-webkit-scrollbar{display:none}.storefront-body .retail-category-nav a{flex:0 0 auto;color:#d7dee6;font-size:.72rem;font-weight:650;line-height:34px;white-space:nowrap}.storefront-body .retail-category-nav a:hover{color:#fff}.storefront-body .retail-category-nav .nav-emphasis{color:#ffd400;font-weight:800}
.storefront-body .mobile-menu-toggle{display:none;min-width:44px;min-height:40px;border:1px solid #44536a;border-radius:9px;background:#243247;color:#fff;font-weight:750;cursor:pointer}.storefront-body .mobile-menu{display:none;position:fixed;inset:58px 0 auto 0;z-index:49;padding:1rem 18px 1.25rem;border-bottom:1px solid #33445a;background:#172435;color:#fff;box-shadow:0 14px 30px rgba(0,0,0,.22)}.storefront-body .mobile-menu[aria-hidden="false"]{display:block}.storefront-body .mobile-menu nav{display:grid;grid-template-columns:1fr 1fr;gap:.25rem;margin-top:1rem}.storefront-body .mobile-menu nav a{padding:.7rem .55rem;border-radius:8px;color:#fff;font-weight:700;font-size:.88rem}.storefront-body .mobile-menu nav a:hover,.storefront-body .mobile-menu nav a:focus-visible{background:#243247}
.storefront-body .mobile-search{display:flex;gap:0}.storefront-body .mobile-search input{min-width:0;flex:1;height:44px;padding:.7rem .8rem;border:1px solid #46566e;border-right:0;border-radius:10px 0 0 10px;background:#243247;color:#fff;font-size:16px}.storefront-body .mobile-search button{height:44px;padding:0 1rem;border:0;border-radius:0 10px 10px 0;background:#ffd400;color:#172435;font-weight:850}
.storefront-body .dev-store-note{display:inline-flex;align-items:center;gap:.35rem;padding:.25rem .5rem;border-radius:999px;background:#e8edf3;color:#59697a;font-size:.68rem;font-weight:800;letter-spacing:.03em;text-transform:uppercase}
.storefront-body .storefront-stock-row{display:flex;align-items:center;gap:.45rem;flex-wrap:wrap;margin:.15rem 0 .7rem}.storefront-body .storefront-stock-row .stock{margin:0}.storefront-body .stock-quantity{display:inline-flex;align-items:center;gap:.25rem;padding:.24rem .45rem;border:1px solid #cfe5d6;border-radius:999px;background:#f1faf4;color:#176b3a;font-size:.6rem;font-weight:750;line-height:1.15;white-space:nowrap}.storefront-body .stock-quantity strong{font-size:.63rem;font-weight:900;color:#125b31}.storefront-body .status-panel .stock-quantity{margin:.2rem 0 .65rem;padding:.35rem .55rem;font-size:.72rem}.storefront-body .status-panel .stock-quantity strong{font-size:.76rem}
@media(max-width:980px){.storefront-body .retail-header{grid-template-columns:auto 1fr auto;grid-template-rows:58px;min-height:58px}.storefront-body .header-search,.storefront-body .retail-category-nav,.storefront-body .header-help{display:none}.storefront-body .mobile-menu-toggle{display:inline-flex;align-items:center;justify-content:center}.storefront-body .mobile-menu{top:58px}}
@media(max-width:520px){.storefront-body .retail-header{padding-inline:14px;gap:12px}.storefront-body .retail-header .brand{font-size:.9rem}.storefront-body .mobile-menu nav{grid-template-columns:1fr}.storefront-body .mobile-menu-toggle{min-width:42px;min-height:40px}.storefront-body .storefront-stock-row{align-items:flex-start;flex-direction:column;gap:.3rem}.storefront-body .stock-quantity{white-space:normal}}
@media(prefers-reduced-motion:reduce){.storefront-body .skip-link{transition:none}}