/* ============================================
   CATEGORIES GRID
   ============================================ */
.cat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.25rem}
.cat-card{position:relative;aspect-ratio:16/10;border-radius:var(--radius-lg);overflow:hidden;cursor:pointer;transition:all .3s;border:1px solid var(--border)}
.cat-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-xl)}
.cat-card-img{position:absolute;inset:0;background-size:cover;background-position:center;transition:transform .5s}
.cat-card:hover .cat-card-img{transform:scale(1.08)}
.cat-card-overlay{position:absolute;inset:0;background:linear-gradient(180deg,transparent 30%,rgba(0,0,0,.85) 100%);display:flex;flex-direction:column;justify-content:flex-end;padding:1.5rem;color:#fff}
.cat-card-icon{width:48px;height:48px;border-radius:12px;display:grid;place-items:center;font-size:1.4rem;margin-bottom:.75rem;backdrop-filter:blur(10px);background:rgba(255,255,255,.15);border:1px solid rgba(255,255,255,.2)}
.cat-card-title{font-size:1.3rem;font-weight:800;margin-bottom:.25rem}
.cat-card-count{font-size:.85rem;opacity:.85}

/* ============================================
   CATEGORY PAGE
   ============================================ */
.cat-hero{padding:4rem 0 3rem;position:relative;border-radius:var(--radius-xl);overflow:hidden;margin-bottom:3rem}
.cat-hero-bg{position:absolute;inset:0;background-size:cover;background-position:center}
.cat-hero-overlay{position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.3) 0%,rgba(0,0,0,.85) 100%)}
.cat-hero-content{position:relative;z-index:1;padding:3rem;color:#fff}
.cat-hero-icon{width:64px;height:64px;border-radius:16px;display:grid;place-items:center;font-size:1.8rem;margin-bottom:1rem;backdrop-filter:blur(10px);background:rgba(255,255,255,.15);border:1px solid rgba(255,255,255,.2)}
.cat-hero h1{font-size:clamp(1.8rem,4vw,2.8rem);font-weight:900;margin-bottom:.5rem;letter-spacing:-.02em}
.cat-hero p{font-size:1.05rem;opacity:.9;max-width:600px}