.category-nav{border-top:1px solid var(--line);background:var(--white)}
.category-nav-inner{position:relative;display:flex;align-items:center;gap:24px;min-height:50px}
.category-menu>summary{display:flex;align-items:center;gap:10px;list-style:none;cursor:pointer;font-size:.86rem;font-weight:800;padding:14px 8px;color:var(--ink)}
.category-menu>summary::-webkit-details-marker{display:none}
.category-menu>summary svg{width:19px;height:19px;color:var(--orange-dark)}
.category-chevron{margin-left:14px;transition:transform .2s}.category-menu[open] .category-chevron{transform:rotate(180deg)}
.category-nav-hint{font-size:.78rem;color:var(--muted);border-left:1px solid var(--line);padding-left:24px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.category-panel{position:absolute;top:calc(100% + 1px);left:0;right:0;border:1px solid var(--line);border-top:3px solid var(--orange);background:white;box-shadow:0 24px 50px #17233524;padding:26px;max-height:calc(100dvh - 160px);overflow-y:auto;overscroll-behavior:contain}
.category-panel-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;padding-bottom:20px;border-bottom:1px solid var(--line);margin-bottom:22px}
.category-panel-heading strong{display:block;font-size:1.2rem;margin-top:5px}.category-panel-heading .eyebrow{font-size:.65rem}.category-panel-heading>a{color:var(--orange-dark);font-size:.8rem;font-weight:800}
.category-departments{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px 32px}
.category-department h2{display:flex;gap:9px;align-items:center;font-size:.87rem;margin:0 0 10px}.category-department h2 svg{width:20px;height:20px;flex:none;color:var(--orange-dark)}
.category-department>a{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:8px 10px;margin:1px 0;font-size:.81rem;color:var(--ink-soft);transition:background .15s}
.category-department>a span{opacity:0}.category-department>a:hover,.category-department>a[aria-current]{background:var(--orange-soft);color:var(--orange-dark)}.category-department>a:hover span{opacity:1}
.category-menu summary:focus-visible,.category-panel a:focus-visible{outline:3px solid var(--orange);outline-offset:3px}
@media(max-width:720px){.category-nav-inner{min-height:46px;gap:12px}.category-nav-hint{font-size:.7rem;padding-left:12px}.category-menu>summary{font-size:.78rem;padding:12px 0;white-space:nowrap;gap:7px}.category-chevron{margin-left:3px}.category-panel{padding:18px 14px;max-height:calc(100dvh - 200px)}.category-departments{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 12px}.category-panel-heading{align-items:flex-start}.category-panel-heading .eyebrow{display:none}.category-panel-heading strong{font-size:1rem}.category-panel-heading>a{max-width:100px;font-size:.73rem}.category-department h2{font-size:.78rem}.category-department>a{font-size:.76rem;padding:9px 5px}.category-department>a span{display:none}}
@media(prefers-reduced-motion:reduce){.category-chevron,.category-department>a{transition:none}}

/* The header owns the dropdown positioning; the trigger stays beside the logo. */
.site-header .nav{position:relative;gap:24px}
.category-nav{border:0;background:transparent;flex:none}
.category-nav-inner{position:static;min-height:0;display:block}
.category-menu>summary{border:1px solid var(--line);padding:10px 12px;background:white}
.category-menu[open]>summary{color:var(--orange-dark);background:var(--orange-soft);border-color:#ffd2c3}
.category-chevron{margin-left:3px}
.site-header .site-nav-links{margin-left:auto}
.category-panel{top:100%;max-height:calc(100dvh - 100px)}
.category-departments{display:block;columns:3;column-gap:32px}
.category-department{break-inside:avoid;margin-bottom:24px}
@media(max-width:980px){.site-header .nav{gap:14px}.nav-search input{width:90px}.category-menu>summary{font-size:.8rem;gap:6px}}
@media(max-width:720px){.site-header .nav{gap:8px;flex-wrap:wrap}.brand img{height:32px}.brand .brand-wordmark{height:20px}.brand{gap:5px}.site-nav-links{gap:0;font-size:.7rem}.site-nav-links a{padding:8px 5px}.category-menu>summary{padding:8px;font-size:.75rem}.category-menu>summary svg{width:16px}.category-departments{columns:2;column-gap:14px}.category-panel{max-height:calc(100dvh - 145px)}.category-department{margin-bottom:20px}}
@media(max-width:390px){.brand .brand-wordmark{height:17px}.brand img{height:28px}.site-header .nav{gap:5px}.category-menu>summary{padding:8px 5px}.category-chevron{display:none}.site-nav-links{font-size:.65rem}}