/* Browse equipment. Ported from prototype/browse.html. */
.bhead{padding-block:34px 18px}
.bhead h1{font-size:clamp(34px,4.4vw,56px)}
.bhead .sub{color:var(--ink-2);margin-top:6px}
.bsearch{margin-top:22px;max-width:860px}
.btypes{margin-top:18px;display:flex;gap:12px;align-items:center;flex-wrap:wrap}
.catrow{display:flex;gap:8px;overflow-x:auto;padding:18px 0 4px;scrollbar-width:none}
.catrow a{display:flex;text-decoration:none;align-items:center;gap:8px;border:1px solid var(--line);background:#fff;border-radius:999px;padding:8px 14px;font-size:14px;cursor:pointer;white-space:nowrap;color:var(--ink);transition:border-color .15s,background-color .15s}
.catrow a svg{color:var(--brand-purple)}
.catrow a[aria-pressed="true"]{background:var(--brand-purple);color:#fff;border-color:var(--brand-purple)}
.catrow a[aria-pressed="true"] svg{color:#fff}
.blayout{display:grid;grid-template-columns:270px minmax(0,1fr);gap:36px;padding-block:20px 80px;align-items:start}
.filters{position:sticky;top:calc(var(--nav-h) + 20px);display:flex;flex-direction:column;gap:6px;max-height:calc(100vh - var(--nav-h) - 40px);overflow:auto;padding-inline-end:4px}
.fgroup{border-bottom:1px solid var(--line);padding-block:16px}
.fgroup:first-child{padding-top:0}
.fgroup h2{font-family:var(--text);font-size:15px;font-weight:600;margin-bottom:12px}
.fgroup .check{font-size:15px;margin-bottom:9px;justify-content:flex-start;align-items:center}
.fgroup .check input{margin:0}
.fgroup .check span{flex:0 1 auto}
.fgroup .check em{font-style:normal;color:var(--ink-2);font-size:13px;margin-inline-start:8px;font-variant-numeric:tabular-nums}
.fgroup .check.is-zero{color:var(--ink-3)}
.fgroup .check.is-zero em{color:var(--ink-3);opacity:.7}
.fgroup .check.is-zero input{opacity:.45}
.prange{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.prange .input{padding:10px 12px;font-size:15px}
.sw-row{display:flex;justify-content:space-between;align-items:center;gap:10px;font-size:15px;margin-bottom:12px}
.rtool{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:18px}
.rtool .cnt{font-weight:600}
.rtool .sp{flex:1}
.rtool select{border:1px solid var(--line);border-radius:999px;padding:9px 14px;font:inherit;font-size:14px;background:#fff;color:var(--ink)}
.viewtog{display:inline-flex;border:1px solid var(--line);border-radius:999px;padding:3px}
.viewtog button{border:0;background:none;width:36px;height:32px;border-radius:999px;display:grid;place-items:center;cursor:pointer;color:var(--ink-2)}
.viewtog button[aria-pressed="true"]{background:var(--mist);color:var(--ink)}
.active-chips{margin-bottom:16px}
.mfilter{display:none}
.promo{grid-column:1/-1;background:var(--night);color:var(--night-ink);border-radius:24px;padding:28px 30px;display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap}
.promo h3{font-size:clamp(22px,2.4vw,30px)}
.promo p{color:var(--night-ink-2);margin-top:6px}
.lgrid.list .promo{display:none}
.alert-box{display:flex;gap:14px;align-items:center;background:var(--mist);border-radius:18px;padding:16px 18px;margin-top:30px;flex-wrap:wrap}
.alert-box b{display:block}
.alert-box .grow{min-width:200px}
@media (max-width:1080px){
  .blayout{grid-template-columns:1fr}
  .filters{display:none}
  .mfilter{display:inline-flex}
}
@media (max-width:640px){
  .rtool{gap:8px}
  .rtool .cnt{flex-basis:100%}
  .rtool .sp{display:none}
  .rtool select{flex:1;min-width:0;height:44px}
  .rtool .mfilter{min-height:44px}
  .viewtog button{width:40px;height:36px}
  .fgroup .check{min-height:44px;align-items:center;margin-bottom:0}
  .fgroup .check input{margin:0}
  .sw-row{min-height:44px;margin-bottom:0}
}
/* Mobile filter sheet: grab handle and a sticky "show N results" footer */
#filter-sheet .sheet-ft{position:sticky;bottom:calc(-26px - env(safe-area-inset-bottom,0px));background:#fff;margin:16px -26px calc(-26px - env(safe-area-inset-bottom,0px));padding:12px 26px calc(14px + env(safe-area-inset-bottom,0px));border-top:1px solid var(--line);z-index:2}
@media (max-width:640px){
  #filter-sheet{padding-top:30px}
  #filter-sheet::before{content:"";position:absolute;top:10px;left:50%;width:40px;height:5px;margin-left:-20px;border-radius:999px;background:var(--mist-2)}
}

/* WP additions */
.ic.flip{transform:scaleX(-1)}
.sw-row label:first-child{cursor:pointer}
.lgrid.is-loading{opacity:.55;transition:opacity .15s}