/* TechStore storefront / compact header and retractable navigation */
.store-utility,.store-nav{display:none!important}
.store-header.store-header-compact{position:sticky;top:0;z-index:30;background:#081521;border-bottom:1px solid #22364a;backdrop-filter:none;box-shadow:0 3px 12px rgba(0,0,0,.13)}
.store-header-compact .store-header-main{
  display:grid!important;
  grid-template-columns:auto auto minmax(200px,1fr) auto!important;
  align-items:center;
  gap:17px!important;
  padding:13px 20px!important
}
.store-header-compact .store-menu-toggle{
  height:43px;display:inline-flex;align-items:center;justify-content:center;gap:8px;
  padding:0 13px;border:1px solid #2c4157;border-radius:8px;background:#122538;
  color:#e5edf5;font-size:13px;font-weight:670;cursor:pointer;white-space:nowrap
}
.store-header-compact .store-menu-toggle:hover,
.store-header-compact .store-menu-toggle[aria-expanded="true"]{background:#1b344c;border-color:#4d769e}
.store-menu-toggle svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.85;stroke-linecap:round}
.store-header-compact .store-logo{white-space:nowrap;font-size:25px}
.store-header-compact .store-logo svg{width:33px;height:33px}
.store-header-compact .store-search{min-width:0}
.store-header-compact .store-actions{display:flex!important;grid-column:auto!important;grid-row:auto!important;align-items:center;justify-content:flex-end;gap:9px!important}
.store-header-compact .store-icon-link{
  position:relative;display:grid!important;place-items:center;
  width:43px;height:43px;min-width:43px;padding:0!important;
  border:1px solid #2b4157;border-radius:9px;background:#102032;color:#ecf3fa;
  transition:background .15s,border-color .15s
}
.store-header-compact .store-icon-link:hover{background:#1c354f;border-color:#6094c6}
.store-header-compact .store-icon-link svg{width:22px;height:22px;stroke:currentColor;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.store-header-compact .store-icon-link .store-cart-count,.store-header-compact .store-icon-link .store-favorite-count{top:-6px;right:-6px}
.store-favorite-count{
  position:absolute;min-width:18px;height:18px;padding:0 4px;
  display:grid;place-items:center;background:#d25b75;color:white;
  border-radius:50px;font-weight:750;font-size:10px
}
.store-header-compact .store-cart{padding:0!important}
.store-drawer-locked{overflow:hidden}
.store-drawer-scrim{
  position:fixed;inset:0;background:rgba(0,6,13,.66);
  z-index:60;opacity:0;visibility:hidden;pointer-events:none;
  transition:opacity .2s ease,visibility .2s ease
}
.store-drawer-scrim.is-open{opacity:1;visibility:visible;pointer-events:auto}
.store-drawer{
  position:fixed;top:0;left:0;bottom:0;width:min(380px,92vw);
  z-index:61;background:#0d1a27;color:#e8eef5;
  border-right:1px solid #304254;box-shadow:10px 0 36px rgba(0,0,0,.25);
  transform:translateX(-105%);visibility:hidden;pointer-events:none;
  display:flex;flex-direction:column;transition:transform .23s ease,visibility .23s ease;
  overflow:hidden
}
.store-drawer.is-open{transform:translateX(0);visibility:visible;pointer-events:auto}
.store-drawer-heading{
  display:flex;align-items:center;justify-content:space-between;flex:0 0 auto;
  padding:21px 23px 20px;border-bottom:1px solid #293949;gap:12px
}
.store-drawer-brand{display:flex;align-items:center;gap:13px}
.store-drawer-brand>svg{width:26px;height:26px;fill:none;stroke:#8ebef0;stroke-width:1.8;stroke-linecap:round}
.store-drawer-brand>div{display:grid;gap:3px}
.store-drawer-brand strong{font-size:18px;letter-spacing:-.3px}
.store-drawer-brand span{font-size:11px;color:#90a2b4}
.store-drawer-close{
  height:36px;width:36px;border:1px solid #314457;border-radius:8px;background:#132637;color:#e7eef5;
  display:grid;place-items:center;cursor:pointer
}
.store-drawer-close:hover{background:#223950}
.store-drawer-close svg{width:20px;height:20px;stroke:currentColor;fill:none;stroke-width:1.8;stroke-linecap:round}
.store-drawer-scroll{overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;flex:1;padding:8px 16px 18px}
.store-drawer-group{padding:14px 0 17px;border-bottom:1px solid #263847}
.store-drawer-group:last-child{border-bottom:0}
.store-drawer-group-title{font-size:11px;font-weight:750;letter-spacing:.04em;color:#8299b0;padding:0 10px 9px}
.store-drawer-link{
  width:100%;display:flex;align-items:center;gap:13px;text-align:left;
  min-height:44px;padding:8px 11px;margin:1px 0;border:0;border-radius:7px;background:transparent;
  color:#dbe6f2;font-size:13px;font-weight:560;text-decoration:none;cursor:pointer;font-family:inherit
}
.store-drawer-link:hover,.store-drawer-link:focus-visible{background:#1a3045;color:white}
.store-drawer-link>svg:first-child{width:19px;height:19px;flex:none;stroke:#9cb7d1;fill:none;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.store-drawer-link .store-drawer-arrow{width:16px;height:16px;margin-left:auto;flex:none;stroke:#7088a0;stroke-width:1.8;fill:none}
.store-drawer-empty{font-size:12px;color:#8299ad;padding:0 10px;line-height:1.5}
.store-drawer-bottom{flex:0 0 auto;border-top:1px solid #293949;padding:15px 24px;color:#8193a8;font-size:11px}
.store-menu-toggle:focus-visible,.store-icon-link:focus-visible,.store-drawer-close:focus-visible,.store-drawer-link:focus-visible{
  outline:2px solid #83beff;outline-offset:2px
}
@media(max-width:1050px){
  .store-header-compact .store-header-main{grid-template-columns:auto auto minmax(180px,1fr) auto!important;gap:11px!important}
  .store-header-compact .store-logo{font-size:21px}
  .store-header-compact .store-logo svg{width:30px;height:30px}
  .store-header-compact .store-actions{justify-content:flex-end!important}
}
@media(max-width:720px){
  .store-header-compact .store-header-main{
    grid-template-columns:auto minmax(0,1fr) auto!important;
    grid-template-rows:auto auto;row-gap:12px!important;
    padding:12px 16px!important
  }
  .store-header-compact .store-menu-toggle{width:40px;height:40px;padding:0;grid-column:1;grid-row:1}
  .store-header-compact .store-menu-toggle span{display:none}
  .store-header-compact .store-logo{grid-column:2;grid-row:1;font-size:21px}
  .store-header-compact .store-logo svg{width:27px;height:27px}
  .store-header-compact .store-actions{grid-column:3!important;grid-row:1!important;gap:7px!important}
  .store-header-compact .store-icon-link{width:39px;height:39px;min-width:39px}
  .store-header-compact .store-search{grid-column:1/-1!important;grid-row:2!important}
  .store-drawer{width:min(360px,92vw)}
}
@media(max-width:375px){
  .store-header-compact .store-header-main{column-gap:8px!important;padding:10px 11px!important}
  .store-header-compact .store-logo{font-size:19px}
  .store-header-compact .store-icon-link{width:36px;height:36px;min-width:36px}
  .store-header-compact .store-menu-toggle{width:36px;height:36px}
}
@media(prefers-reduced-motion:reduce){
  .store-drawer,.store-drawer-scrim{transition:none!important}
}

/* Avoid horizontal scrolling on narrow phones without compressing the header. */
@media(max-width:375px){
  .store-wide-trust .wrap{min-width:0}
  .store-wide-trust-item{min-width:0;padding:13px 8px;gap:6px}
  .store-wide-trust-item svg{width:22px;height:22px;flex:0 0 22px}
  .store-wide-trust-item>div{min-width:0}
  .store-wide-trust-item b,.store-wide-trust-item small{font-size:10px;overflow-wrap:anywhere;line-height:1.4}
}