/* =================== PAGE HEADER =================== */
.page-hero{background:linear-gradient(135deg,#0b1220,#1a2742);color:#fff;padding:70px 0 50px;position:relative;overflow:hidden}
.page-hero::before{content:"";position:absolute;inset:0;background:radial-gradient(600px 300px at 70% 30%,rgba(255,90,31,.18),transparent 60%)}
.page-hero .container{position:relative}
.page-hero h1{color:#fff;margin-bottom:10px}
.page-hero p{color:#cbd5e1;max-width:600px}

/* =================== LAYOUT =================== */
.shop-layout{display:grid;grid-template-columns:280px 1fr;gap:30px;align-items:start}

/* =================== SIDEBAR FILTERS =================== */
.sidebar{position:sticky;top:90px;background:#fff;border-radius:14px;border:1px solid var(--border);padding:22px;max-height:calc(100vh - 110px);overflow-y:auto}
.filter-group{padding-bottom:18px;margin-bottom:18px;border-bottom:1px solid var(--border)}
.filter-group:last-child{border-bottom:none;margin-bottom:0}
.filter-group h4{font-size:14px;text-transform:uppercase;letter-spacing:.06em;margin-bottom:14px;color:var(--dark)}
.filter-check{display:flex;align-items:center;gap:10px;padding:8px 0;font-size:14px;cursor:pointer;color:var(--text)}
.filter-check input{width:18px;height:18px;accent-color:var(--primary)}
.filter-check .count{margin-left:auto;color:var(--muted);font-size:12px;background:var(--bg);padding:2px 8px;border-radius:10px}
.filter-check:hover{color:var(--primary)}
.price-range{display:flex;gap:8px;align-items:center}
.price-range input{flex:1;padding:8px 10px;border:1px solid var(--border);border-radius:8px;font-size:13px}

/* =================== TOOLBAR =================== */
.shop-toolbar{display:flex;align-items:center;justify-content:space-between;gap:14px;background:#fff;border:1px solid var(--border);border-radius:12px;padding:14px 18px;margin-bottom:20px;flex-wrap:wrap}
.shop-toolbar .result{font-size:14px;color:var(--muted)}
.shop-toolbar .result strong{color:var(--dark)}
.shop-toolbar .sort{display:flex;gap:10px;align-items:center}
.shop-toolbar select{padding:8px 12px;border:1px solid var(--border);border-radius:8px;font-size:14px;background:#fff}

/* =================== PRODUCT GRID (reuse home product card) =================== */
.product-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}

/* =================== PAGINATION =================== */
.pagination{display:flex;justify-content:center;gap:6px;margin-top:40px}
.pagination a,.pagination span{min-width:40px;height:40px;display:grid;place-items:center;border-radius:8px;font-weight:600;font-size:14px;background:#fff;border:1px solid var(--border);transition:.2s}
.pagination a:hover{border-color:var(--primary);color:var(--primary)}
.pagination .active{background:var(--primary);color:#fff;border-color:var(--primary)}

@media (max-width:992px){
  .shop-layout{grid-template-columns:1fr}
  .sidebar{position:static;max-height:none}
  .product-grid{grid-template-columns:repeat(2,1fr)}
}
@media (max-width:560px){
  .product-grid{grid-template-columns:1fr}
}