/* Phase 1 browsing controls. All product data and public routes stay shared. */
.gear-filter-toolbar{grid-column:1/-1;display:flex;align-items:center;min-width:0}
#gear-filter-toggle{min-height:44px;font-size:14px;padding:9px 16px}
#gear-filter-backdrop{display:none}
.gear-filter-disclosure>summary{display:none!important}
.gear-page #gear-main .gear-workspace[data-filters=sidebar]{grid-template-columns:250px minmax(0,1fr);gap:16px 24px}
.gear-page #gear-main .gear-workspace[data-filters=sidebar][data-filter-rail=closed]{grid-template-columns:minmax(0,1fr)}
.gear-workspace[data-filters=sidebar][data-filter-rail=closed]>.gear-filters{display:none}
.gear-workspace[data-filters=sidebar]>.gear-filters{position:sticky;top:calc(var(--te-header-height,72px) + 16px);max-height:calc(100dvh - var(--te-header-height,72px) - 32px);overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin}
.gear-page #gear-main .gear-filters-inner{display:block;padding:0 4px 8px 0}
.gear-filter-title{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:0 0 16px}
.gear-filter-title h2{font-size:17px;margin:0;flex:1 1 auto}
.gear-filter-title button{min-height:44px}
.gear-specification-disclosure>h3{font-size:16px;margin:18px 0 8px}
.gear-specification-disclosure>.gear-fine{font-size:12px;margin:0 0 12px}
.gear-spec-field>summary{min-height:44px;display:list-item;align-content:center;font-weight:650;padding:10px 2px;cursor:pointer}
.gear-spec-field fieldset{max-height:230px;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;margin:0;padding:0 4px 8px;border:0}
.gear-spec-field legend.sr-only{position:absolute;width:1px;height:1px;min-height:0;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);clip-path:inset(50%);white-space:nowrap;border:0}
.gear-spec-field .gear-check{min-height:38px;display:flex;align-items:center;gap:8px;font-size:14px;line-height:1.4}
.gear-spec-field .gear-check input{flex:none;width:18px;height:18px}
.gear-spec-field .gear-check small{margin-left:auto;white-space:nowrap}
.gear-more-filters{border-top:1px solid var(--te-border,#474b52);padding-top:10px}
.gear-more-filters>summary{min-height:44px;align-content:center;cursor:pointer}
.gear-page .gear-intro>.gear-search-box:has(>input[hidden]){display:none}
.gear-page #gear-main .gear-intro{grid-template-columns:minmax(0,1fr)}
.gear-affiliate-note{display:inline;font-size:12px}
.gear-page #gear-context-brands .gear-context-brand:not(.gear-context-brand-all){flex:0 0 122px;max-width:122px;min-height:88px;padding:8px;gap:5px}
.gear-page #gear-context-brands .gear-brand-mark{width:80px;height:38px}
.gear-page #gear-context-brands .gear-context-brand-all{flex:0 0 90px;min-height:88px}
.gear-page #gear-context-types .gear-context-type{flex:0 0 126px;min-height:112px;padding:8px;gap:5px}
.gear-page #gear-context-types .gear-context-type img{height:44px;width:80px;object-fit:contain}
.gear-context-brand-list{scrollbar-width:none}
.gear-context-brand-list::-webkit-scrollbar{display:none}
.gear-brand-mark-empty svg{width:28px;height:28px;opacity:.65}
.gear-amazon-disclosure{max-width:100%;overflow-wrap:anywhere;font-size:12px;line-height:1.6}
/* Results refinements are small controls, not another screen of browse tiles. */
body.gear-page[data-gear-view=results] #gear-main .gear-intro{padding:14px 24px 8px;gap:8px}
body.gear-page[data-gear-view=results] .gear-intro .eyebrow{display:none}
body.gear-page[data-gear-view=results] .gear-intro h1{font-size:32px;line-height:1.15;margin:0 0 6px}
body.gear-page[data-gear-view=results] .gear-intro>div>p:last-child{font-size:14px;line-height:1.45;margin:0}
body.gear-page[data-gear-view=results] .gear-browse{padding:8px 24px 4px}
body.gear-page[data-gear-view=results] .gear-browse-fields,
body.gear-page[data-gear-view=results] .gear-browse-fields:has(#gear-type-control:not([hidden])){grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
body.gear-page[data-gear-view=results] .gear-browse-fields label{font-size:12px;margin:0}
body.gear-page[data-gear-view=results] .gear-browse-fields select,
body.gear-page[data-gear-view=results] #gear-brand-trigger{font-size:14px;min-height:44px;height:44px;margin-top:4px;padding:7px 10px}
body.gear-page[data-gear-view=results] #gear-results-title{font-size:24px;line-height:1.25;margin:6px 0 12px}
.gear-page #gear-context-brands,.gear-page #gear-context-types{margin:0 0 10px}
.gear-page #gear-context-brands .gear-context-brand-heading,.gear-page #gear-context-types .gear-context-brand-heading{margin-bottom:4px;gap:8px}
.gear-page #gear-context-brands h3,.gear-page #gear-context-types h3{font-size:14px}
.gear-page #gear-context-brands .gear-context-brand-list,.gear-page #gear-context-types .gear-context-brand-list{gap:8px;padding:2px 1px 4px}
.gear-page #gear-main #gear-context-brands .gear-context-brand:not(.gear-context-brand-all),
.gear-page #gear-main #gear-context-types .gear-context-type{display:grid;grid-template-columns:32px minmax(0,1fr);grid-template-areas:"mark name" "mark count";column-gap:8px;row-gap:0;flex:0 0 170px;max-width:170px;height:56px;min-height:56px;padding:7px 9px;text-align:left;align-items:center}
.gear-page #gear-main #gear-context-brands .gear-brand-mark{grid-area:mark;width:32px;height:32px;min-height:0}
.gear-page #gear-main #gear-context-brands .gear-brand-mark img{width:32px;height:32px;object-fit:contain}
.gear-page #gear-main #gear-context-brands .gear-brand-mark svg,.gear-brand-initials svg{width:24px;height:24px}
.gear-page #gear-main #gear-context-brands .gear-context-brand>span:not(.gear-brand-mark),
.gear-page #gear-main #gear-context-types .gear-context-type>span{grid-area:name;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:13px;line-height:1.25}
.gear-page #gear-main #gear-context-brands .gear-context-brand>small,
.gear-page #gear-main #gear-context-types .gear-context-type>small{grid-area:count;font-size:11px;line-height:1.2;margin:0}
.gear-page #gear-main #gear-context-types .gear-context-type>img{grid-area:mark;width:32px;height:32px;object-fit:contain}
.gear-page #gear-main #gear-context-types .gear-context-type:not(:has(img)){grid-template-columns:1fr;grid-template-areas:"name" "count"}
.gear-page #gear-main :is(#gear-context-brands,#gear-context-types) .gear-context-brand-all{display:flex;align-items:center;justify-content:center;flex:0 0 88px;max-width:88px;min-height:56px;height:56px;padding:8px;font-size:13px}
.gear-page #gear-main .gear-results-bar{margin-bottom:12px;gap:12px}
.gear-page #gear-main .gear-results-bar>.gear-filter-toolbar{flex:0 0 auto}
.gear-page #gear-main .gear-trail{margin:4px 0 10px;font-size:13px;gap:6px}
#gear-brand-panel{z-index:1050}
@media(min-width:901px){
 /* Desktop type labels can wrap to three lines without escaping their tile. */
 html body.gear-page #gear-main #gear-context-types .gear-context-brand{height:auto;min-height:74px}
 html body.gear-page #gear-main #gear-context-types .gear-context-type>span{white-space:normal;line-height:1.35}
 .gear-page #gear-main .gear-workspace{padding-top:14px}
 .gear-page #gear-main :is(#gear-context-brands,#gear-context-types) .gear-row-arrow{width:32px;min-width:32px;height:32px;min-height:32px;padding:0;font-size:23px}
 .gear-page #gear-main .gear-trail button,.gear-page #gear-main .gear-back-collections{min-height:30px;padding-block:2px}
}
@media(max-width:1200px) and (min-width:901px){.gear-page #gear-main .gear-workspace[data-filters=sidebar]{grid-template-columns:220px minmax(0,1fr);gap:14px 18px}}
@media(max-width:900px){
 body.gear-page[data-gear-view=results] .gear-browse{display:none}
 .gear-page #gear-filter-controls .gear-browse{display:block;padding:0}
 .gear-page #gear-filter-controls .gear-browse-fields,
 .gear-page #gear-filter-controls .gear-browse-fields:has(#gear-type-control:not([hidden])){grid-template-columns:minmax(0,1fr);gap:12px}
 .gear-page #gear-main .gear-workspace[data-filters=disclosure]{grid-template-columns:minmax(0,1fr);gap:14px}
 .gear-filter-toolbar{position:sticky;top:var(--te-header-height,72px);z-index:12;padding:8px 0;background:var(--te-bg,#121212)}
 .gear-workspace[data-filter-sheet=closed]>.gear-filters{display:none}
 .gear-workspace[data-filter-sheet=open]>#gear-filter-backdrop{display:block;position:fixed;inset:0;width:100%;height:100%;border:0;border-radius:0;background:rgba(0,0,0,.65);z-index:1000;cursor:default}
 .gear-workspace[data-filter-sheet=open]>.gear-filters{display:block;position:fixed;inset:auto 0 0;max-height:90dvh;z-index:1001;border:1px solid var(--te-border,#474b52);border-radius:18px 18px 0 0;background:var(--te-surface,#202020);box-shadow:0 -8px 40px rgba(0,0,0,.45);overflow:hidden}
 .gear-page #gear-main .gear-workspace[data-filters=disclosure] .gear-filter-disclosure{padding:0;border:0}
 .gear-page #gear-main .gear-workspace[data-filters=disclosure] .gear-filters-inner{display:block;max-height:90dvh;overflow-y:auto;overscroll-behavior:contain;padding:16px max(20px,env(safe-area-inset-right)) 0 max(20px,env(safe-area-inset-left))}
 .gear-filter-title{position:sticky;top:-16px;z-index:1;background:var(--te-surface,#202020);padding:8px 0;margin-bottom:14px}
 #gear-filter-done{position:sticky;bottom:0;display:block;width:100%;min-height:50px;margin:16px 0 0;border-radius:8px 8px 0 0;padding:12px 16px calc(12px + env(safe-area-inset-bottom));background:var(--te-accent,#2563eb);color:#fff;z-index:2}
 body.gear-filter-sheet-open{overflow:hidden}
 .gear-spec-field fieldset{max-height:240px}
}