/* Drawer-only: no category row fill, retaining visible keyboard focus. */
@media (max-width: 1199px), (any-pointer: coarse) {
 #h88-site-drawer .h88-drawer-row,
 #h88-site-drawer .h88-drawer-row:hover,
 #h88-site-drawer .h88-drawer-row:focus,
 #h88-site-drawer .h88-drawer-row:active,
 #h88-site-drawer .h88-drawer-category-toggle,
 #h88-site-drawer .h88-drawer-category-toggle:hover,
 #h88-site-drawer .h88-drawer-category-toggle:focus,
 #h88-site-drawer .h88-drawer-category-toggle:active { background: transparent; }
 #h88-site-drawer .h88-drawer-category-tree,
 #h88-site-drawer .h88-drawer-category-children { list-style: none; padding: 0; margin: 0; }
 #h88-site-drawer .h88-drawer-category-node { margin: 0; padding: 0; }
 #h88-site-drawer .h88-drawer-category-children[hidden] { display: none !important; }
 #h88-site-drawer .h88-drawer-category-line { display: flex; align-items: stretch; padding-inline-start: calc(var(--h88-category-depth, 0) * 12px); }
 #h88-site-drawer .h88-drawer-category-link { flex: 1; min-width: 0; width: auto; overflow-wrap: anywhere; }
 #h88-site-drawer .h88-drawer-category-link > span:last-child { min-width: 0; }
 #h88-site-drawer .h88-drawer-category-children .h88-drawer-category-link { padding-inline-start: 32px; font-size: 15px; }
 #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-site-drawer .h88-drawer-category-toggle[aria-expanded="true"] > span { transform: rotate(180deg); }
 #h88-site-drawer .h88-drawer-row:focus-visible,
 #h88-site-drawer .h88-drawer-category-toggle:focus-visible { outline: 2px solid #9e000d; outline-offset: -2px; }
}

/* Category child lists: right-hand panel on tablet/desktop, drill-down on phones. */
#h88-site-drawer .h88-category-subpanel[hidden]{display:none!important}
#h88-site-drawer .h88-category-subpanel{position:absolute;inset:var(--h88-category-panel-top,76px) 0 0 0;overflow-y:auto;overscroll-behavior:contain;padding:8px 20px 24px;background:#fff;box-sizing:border-box}
#h88-site-drawer .h88-category-subpanel-back,#h88-site-drawer .h88-category-subpanel-title{display:flex;align-items:center;min-height:44px;margin:0;padding:8px 0;font:inherit;line-height:1.4;text-decoration:none;background:transparent;border:0;color:#344151;text-align:left;cursor:pointer}
#h88-site-drawer .h88-category-subpanel-title{font-size:17px;font-weight:800;text-transform:uppercase;letter-spacing:.015em;overflow-wrap:anywhere;border-bottom:1px solid #e5e7eb;margin-bottom:10px}
#h88-site-drawer .h88-category-subpanel .h88-drawer-category-children{list-style:none;margin:0;padding:0}
#h88-site-drawer .h88-category-subpanel>.h88-drawer-category-children>.h88-drawer-category-node>.h88-drawer-category-line{padding-inline-start:0}
#h88-site-drawer .h88-category-subpanel>.h88-drawer-category-children>.h88-drawer-category-node>.h88-drawer-category-line>.h88-drawer-category-link{padding-inline-start:0}
#h88-site-drawer .h88-drawer-category-tree>.h88-drawer-category-node>.h88-drawer-category-line>.h88-drawer-category-toggle>span{transform:rotate(-90deg)}
#h88-site-drawer .h88-category-subpanel :focus-visible{outline:2px solid #9e000d;outline-offset:-2px}
@media(min-width:768px){
 .h88-drawer-layer{--h88-category-primary-width:min(440px,44vw)}
 .h88-drawer-layer #h88-site-drawer{width:var(--h88-category-primary-width)}
 .h88-drawer-layer #h88-site-drawer.h88-has-subpanel{width:calc(var(--h88-category-primary-width) + min(440px,48vw))}
 #h88-site-drawer .h88-drawer-header,#h88-site-drawer .h88-drawer-scroll{width:var(--h88-category-primary-width);box-sizing:border-box}
 #h88-site-drawer .h88-category-subpanel{left:var(--h88-category-primary-width);border-left:1px solid #e5e7eb}
}
@media(max-width:767px){
 #h88-site-drawer.h88-has-subpanel .h88-drawer-scroll{display:none}
 #h88-site-drawer .h88-drawer-row,#h88-site-drawer .h88-drawer-category-children .h88-drawer-category-link{font-size:13px;min-height:44px;gap:10px;padding-block:10px}
 #h88-site-drawer .h88-category-icon,#h88-site-drawer .h88-category-icon svg,#h88-site-drawer .h88-category-icon>.dashicons{width:16px;height:16px;font-size:16px;line-height:16px;flex-basis:16px}
 #h88-site-drawer .h88-category-subpanel-back{font-size:14px}
 #h88-site-drawer .h88-category-subpanel-title{font-size:16px}
 #h88-site-drawer .h88-drawer-section-title{font-size:19px}
}
/* Keep the compact Back label a full 44px-wide pointer target. */
#h88-site-drawer .h88-category-subpanel-back{min-inline-size:44px}

/* Category typography only; keep phone legibility and the existing Shop all heading. */
@media(min-width:768px){
 #h88-site-drawer #h88-drawer-departments .h88-drawer-category-link,
 #h88-site-drawer .h88-category-subpanel>.h88-drawer-category-children>.h88-drawer-category-node>.h88-drawer-category-line>.h88-drawer-category-link,
 #h88-site-drawer .h88-category-subpanel-back{font-size:14px}
}
#h88-site-drawer #h88-drawer-departments>.h88-drawer-row{font-size:18px;font-weight:700}
#h88-site-drawer #h88-drawer-departments>.h88-drawer-row>span:last-child{white-space:nowrap}
@media(max-width:767px){
 #h88-site-drawer #h88-drawer-departments>.h88-drawer-row{font-size:16px}
}

/* Compact category row spacing; preserve type, wrapping and 44px touch targets. */
#h88-site-drawer #h88-drawer-departments .h88-drawer-row,
#h88-site-drawer .h88-category-subpanel .h88-drawer-row {
 min-height:44px;
 padding-block:6px;
}
@media (min-width: 1200px) {
 .h88-category-desktop #h88-site-drawer #h88-drawer-departments .h88-drawer-category-link,
 .h88-category-desktop #h88-site-drawer .h88-category-subpanel .h88-drawer-category-link,
 .h88-category-desktop #h88-site-drawer [data-h88-nav-view="main"] > .h88-drawer-group--last > .h88-drawer-row {
  min-height: 44px;
  padding-block: 6px;
 }
 .h88-category-desktop #h88-site-drawer .h88-drawer-category-line > button.h88-drawer-category-toggle {
  min-height: 44px;
 }
 .h88-category-desktop #h88-site-drawer #h88-drawer-categories-title { display: none; }
}

/* Homepage preview lives outside the drawer and retains native archive links. */
.h88-home-category-preview[hidden]{display:none!important}
.h88-home-category-preview{position:fixed;z-index:799;box-sizing:border-box;width:440px;overflow-y:auto;overscroll-behavior:contain;padding:8px 20px 24px;background:#fff;border:1px solid #e5e7eb;box-shadow:6px 8px 20px rgba(0,0,0,.12)}
.h88-home-category-preview>a{display:flex;align-items:center;min-height:44px;padding:6px 0;box-sizing:border-box;font-size:14px;line-height:1.4;color:#344151;text-decoration:none;overflow-wrap:anywhere}
.h88-home-category-preview>a:first-child{font-size:17px;font-weight:800;text-transform:uppercase;letter-spacing:.015em;border-bottom:1px solid #e5e7eb;margin-bottom:10px;color:#ba0020}
.h88-home-category-preview>a:hover{color:#ba0020}
.h88-home-category-preview>a:focus-visible{outline:2px solid #9e000d;outline-offset:-2px}

/* Remove the synthetic archive heading; the parent and real child links remain. */
#h88-site-drawer .h88-category-subpanel-title { display:none!important; }

/* Every real preview link uses the same 44px row, including the first one. */
.h88-home-category-preview { padding-top:0; padding-bottom:0; }
.h88-home-category-preview > a:first-child {
 font-size:14px; font-weight:400; text-transform:none; letter-spacing:normal;
 border-bottom:0; margin-bottom:0; color:#344151;
}
.h88-home-category-preview > a:hover { color:#ba0020; }
.h88-home-category-preview > a { min-height:44px; }

/* Limit both white panels to the available screen height without shrinking rows. */
@media (min-width:1200px) and (any-pointer:fine) {
 .h88-home-upper > #h88-home-categories {
  max-height:var(--h88-home-category-room,none); overflow-y:auto;
  overscroll-behavior:contain;
 }
 #h88-home-categories > nav { grid-auto-rows:minmax(44px,1fr); flex-shrink:0; }
 #h88-home-categories > nav > a { min-height:44px; box-sizing:border-box; }
}


/* Align the first text baseline without resizing either column or its rows. */
.h88-home-category-preview > a:first-child > span:not([aria-hidden]) {
 transform:translateY(var(--h88-preview-first-line-shift,0px));
}