.browse-page{min-height:75vh}.browse-hero{padding:55px max(4%,calc((100% - 1180px)/2)) 30px;color:#fff;background:#11151b}.browse-hero>small{color:var(--o)}.browse-hero h1{margin:8px 0;font:800 clamp(34px,5vw,58px)/1 system-ui,-apple-system,"Segoe UI",sans-serif}.browse-hero p{color:#aeb4bd}.group-tabs{display:flex;flex-wrap:wrap;gap:8px;margin-top:25px}.group-tabs a{padding:9px 13px;border:1px solid #ffffff2b;color:#ddd;font-size:12px}.group-tabs a.active,.group-tabs a:hover{border-color:var(--o);color:#fff;background:var(--o)}.browser-layout{width:min(1180px,calc(100% - 40px));margin:35px auto 90px;display:grid;grid-template-columns:250px 1fr;gap:28px}.filter-panel{align-self:start;position:sticky;top:20px;padding:22px;background:#fff;border-top:4px solid var(--o)}.filter-panel h2{margin:0 0 18px}.filter-panel label{display:block;margin:0 0 12px;color:#666;font-size:11px}.filter-panel input,.filter-panel select{width:100%;height:42px;margin-top:4px;padding:0 10px;border:1px solid #ddd;background:#fff}.filter-panel button{width:100%;height:45px;border:0;color:#fff;background:var(--o);font-weight:600}.clear-link{display:block;margin-top:12px;text-align:center;color:#777;font-size:11px}.browse-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.browse-heading h2{margin:0;font:800 27px system-ui,-apple-system,"Segoe UI",sans-serif}.option-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.option-card{min-height:76px;padding:15px;display:flex;align-items:center;gap:12px;border:1px solid #ddd;background:#fff}.option-card:hover,.option-card.active{border-color:var(--o);color:var(--o)}.option-card b{display:block}.option-card small{display:block;color:#888}.swatch{flex:0 0 30px;width:30px;height:30px;border:1px solid #bbb;border-radius:50%}.browse-results{margin-top:42px}.browse-results .grid{grid-template-columns:repeat(2,1fr)}@media(max-width:850px){.browser-layout{grid-template-columns:1fr}.filter-panel{position:static;display:grid;grid-template-columns:1fr 1fr;gap:10px}.filter-panel h2,.filter-panel button,.clear-link{grid-column:1/-1}.filter-panel label{margin:0}.option-grid{grid-template-columns:1fr 1fr}}@media(max-width:560px){.browser-layout{width:min(100% - 24px,1180px)}.filter-panel,.option-grid,.browse-results .grid{grid-template-columns:1fr}.filter-panel h2,.filter-panel button,.clear-link{grid-column:auto}.browse-hero{padding-top:38px}.option-card{min-height:66px}}
.pagination{display:flex;align-items:center;justify-content:center;gap:16px;margin-top:28px}.pagination button{min-width:105px;padding:10px 14px;border:1px solid #ddd;background:#fff}.pagination button:hover:not(:disabled){color:#fff;border-color:var(--o);background:var(--o)}.pagination button:disabled{cursor:not-allowed;opacity:.4}.pagination span{font-size:12px}.option-grid{max-height:430px;overflow:auto;padding-right:4px}.hidden{display:none!important}