/* Catalog-page-specific styles. Shared header/footer/product-card styles live in base.css */

.layout{max-width:1400px; margin:0 auto; padding:0 4vw 90px; display:grid; grid-template-columns:260px 1fr; gap:40px; align-items:start;}

.filters{position:sticky; top:90px;}
.filter-group{border-bottom:1px solid var(--border); padding:22px 0;}
.filter-group:first-child{padding-top:0;}
.filter-group h4{font-family:'Montserrat', sans-serif; font-size:11px; letter-spacing:0.05em; text-transform:uppercase; margin:0 0 16px; display:flex; justify-content:space-between; align-items:center;}
.filter-group h4 .count{color:var(--text-faint); font-weight:400;}
.check-row{display:flex; align-items:center; gap:10px; margin-bottom:12px; font-size:14px; cursor:pointer;}
.check-row input{width:17px; height:17px; accent-color:var(--ink); border-radius:4px;}
.check-row .cnt{margin-left:auto; color:var(--text-faint); font-size:12.5px;}
.size-chip-row{display:flex; flex-wrap:wrap; gap:8px;}
.size-chip{width:38px; height:34px; border:1px solid var(--border); border-radius:8px; display:flex; align-items:center; justify-content:center; font-family:'Montserrat', sans-serif; font-size:11.5px; font-weight:700; cursor:pointer; color:var(--text-soft); background:none;}
.size-chip.selected{background:var(--ink); color:#fff; border-color:var(--ink);}
/* .warranty-note{display:flex; gap:10px; align-items:flex-start; background:rgba(16,185,129,0.08); border:1px solid rgba(16,185,129,0.25); border-radius:12px; padding:14px; margin-top:22px;}
.warranty-note b{font-size:12.5px; color:var(--emerald); display:block; margin-bottom:3px;}
.warranty-note span{font-size:12px; color:var(--text-soft); line-height:1.4;} */
.filter-reset{background:none; border:none; color:var(--cobalt); font-family:'Montserrat', sans-serif; font-size:11px; font-weight:700; cursor:pointer; padding:0; text-decoration:underline;}

.toolbar{display:flex; justify-content:space-between; align-items:center; margin-bottom:22px; flex-wrap:wrap; gap:12px;}
.toolbar .count{font-family:'Montserrat', sans-serif; font-size:12px; color:var(--text-faint);}
.sort-select{font-family:'Montserrat', sans-serif; font-size:12px; font-weight:700; border:1px solid var(--border); border-radius:8px; padding:9px 14px; background:var(--surface-card); color:var(--ink); cursor:pointer;}

.empty-results{text-align:center; padding:80px 20px; color:var(--text-faint);}

@media(max-width:900px){
  .layout{grid-template-columns:1fr;}
  .filters{position:static;}
}