/* Left-edge category overlay. The storefront never translates. */
.h88-drawer-layer { --h88-drawer-width:min(440px,88vw); }
.h88-drawer-layer .h88-drawer-backdrop { inset:0; background:rgb(3 27 73 / 36%); animation:h88-category-backdrop .22s ease; }
.h88-drawer-layer .h88-site-drawer { inset:0 auto 0 0; box-shadow:3px 0 20px rgb(0 24 52 / 18%); animation:h88-category-enter .22s cubic-bezier(.2,.7,.3,1); }
@keyframes h88-category-enter { from { transform:translateX(-100%); } to { transform:translateX(0); } }
@keyframes h88-category-backdrop { from { opacity:0; } to { opacity:1; } }
.h88-desktop-chat-shortcut { display:none; }
@media(min-width:1200px) and (any-pointer:fine) {
 .h88-category-desktop body .h88-mobile-category-shortcut { position:fixed; right:calc(132px + env(safe-area-inset-right)); bottom:calc(24px + env(safe-area-inset-bottom)); z-index:800; display:flex; align-items:center; justify-content:center; width:46px; height:46px; box-sizing:border-box; margin:0; padding:0; border:1px solid #e0e6ec; border-radius:50%; background:#fff; color:#344151; box-shadow:0 3px 12px rgb(0 25 56 / 15%); cursor:pointer; touch-action:manipulation; }
 .h88-category-desktop body .h88-back-to-top { right:calc(132px + env(safe-area-inset-right)); bottom:calc(80px + env(safe-area-inset-bottom)); }
 .h88-category-desktop .h88-desktop-chat-shortcut { position:fixed; right:max(18px,env(safe-area-inset-right)); bottom:calc(24px + env(safe-area-inset-bottom)); z-index:800; display:flex; align-items:center; justify-content:center; gap:9px; min-height:46px; min-width:104px; margin:0; padding:10px 16px; border:1px solid #ece4e4; border-radius:5px; background:#fff; color:#cd000f; box-shadow:0 3px 16px rgb(0 25 56 / 12%); font:inherit; font-size:16px; font-weight:600; cursor:pointer; }
 .h88-category-desktop .h88-desktop-chat-shortcut svg { width:22px; height:22px; }
 .h88-mobile-category-shortcut:focus-visible,.h88-desktop-chat-shortcut:focus-visible { outline:2px solid #cd000f; outline-offset:3px; }
 .h88-category-desktop body:is(.h88-auth-page-active,.woocommerce-checkout) :is(.h88-mobile-category-shortcut,.h88-desktop-chat-shortcut) { display:none; }
}
@media(prefers-reduced-motion:reduce) { .h88-drawer-layer .h88-site-drawer,.h88-drawer-layer .h88-drawer-backdrop { animation:none; } }

/* Extend existing category-tree presentation to the new desktop overlay. */

 .h88-category-desktop #h88-site-drawer .h88-drawer-row,
 .h88-category-desktop #h88-site-drawer .h88-drawer-row:hover,
 .h88-category-desktop #h88-site-drawer .h88-drawer-row:focus,
 .h88-category-desktop #h88-site-drawer .h88-drawer-row:active,
 .h88-category-desktop #h88-site-drawer .h88-drawer-category-toggle,
 .h88-category-desktop #h88-site-drawer .h88-drawer-category-toggle:hover,
 .h88-category-desktop #h88-site-drawer .h88-drawer-category-toggle:focus,
 .h88-category-desktop #h88-site-drawer .h88-drawer-category-toggle:active { background: transparent; }
 .h88-category-desktop #h88-site-drawer .h88-drawer-category-tree,
 .h88-category-desktop #h88-site-drawer .h88-drawer-category-children { list-style: none; padding: 0; margin: 0; }
 .h88-category-desktop #h88-site-drawer .h88-drawer-category-node { margin: 0; padding: 0; }
 .h88-category-desktop #h88-site-drawer .h88-drawer-category-children[hidden] { display: none !important; }
 .h88-category-desktop #h88-site-drawer .h88-drawer-category-line { display: flex; align-items: stretch; padding-inline-start: calc(var(--h88-category-depth, 0) * 12px); }
 .h88-category-desktop #h88-site-drawer .h88-drawer-category-link { flex: 1; min-width: 0; width: auto; overflow-wrap: anywhere; }
 .h88-category-desktop #h88-site-drawer .h88-drawer-category-link > span:last-child { min-width: 0; }
 .h88-category-desktop #h88-site-drawer .h88-drawer-category-children .h88-drawer-category-link { padding-inline-start: 32px; font-size: 15px; }
 .h88-category-desktop #h88-site-drawer .h88-drawer-category-toggle { display: flex; align-items: center; justify-content: center; flex: 0 0 44px; min-width: 44px; min-height: 44px; margin: 0; padding: 0; border: 0; border-radius: 0; box-shadow: none; color: #344151; cursor: pointer; }
 .h88-category-desktop #h88-site-drawer .h88-drawer-category-toggle[aria-expanded="true"] > span { transform: rotate(180deg); }
 .h88-category-desktop #h88-site-drawer .h88-drawer-row:focus-visible,
 .h88-category-desktop #h88-site-drawer .h88-drawer-category-toggle:focus-visible { outline: 2px solid #9e000d; outline-offset: -2px; }
/* Keep the footer's legal links and copyright out of the desktop control lane. */
.h88-category-desktop .site-footer .club-footer-bottom { padding-right:calc(200px + env(safe-area-inset-right)); }

/* Mobile/tablet masthead: logo occupies the removed Menu column. */
@media(max-width:1199px), (any-pointer:coarse) {
 .hardware-club-theme .site-header .main-header.shell { grid-template-columns:minmax(0,1fr) auto; }
 .hardware-club-theme .site-header .main-header .brand { grid-column:1; grid-row:1; justify-self:start; margin-inline-start:0; }
 .hardware-club-theme .site-header .header-actions { grid-column:2; grid-row:1; }
 .hardware-club-theme .site-header .main-header .mobile-menu-toggle { display:none; }
}