/* ===== دسته‌بندی‌های صفحه اصلی با تصویر ===== */
.cat-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:20px;margin-top:32px}
.cat-card{position:relative;display:block;border-radius:18px;overflow:hidden;height:220px;box-shadow:0 6px 18px rgba(0,0,0,.12);transition:transform .25s,box-shadow .25s;text-decoration:none}
.cat-card:hover{transform:translateY(-6px);box-shadow:0 12px 26px rgba(0,0,0,.2)}
.cat-img{position:absolute;inset:0;background:linear-gradient(120deg,#0a4aa8,#3b82f6)}
.cat-img img{width:100%;height:100%;object-fit:cover;transition:transform .5s}
.cat-card:hover .cat-img img{transform:scale(1.08)}
.cat-fallback{position:absolute;inset:0;background:linear-gradient(120deg,#0a4aa8,#3b82f6)}
.cat-name{position:absolute;right:14px;left:14px;bottom:14px;background:rgba(255,255,255,.94);color:#0f2a52;font-weight:700;font-size:1rem;text-align:center;padding:9px 12px;border-radius:12px;box-shadow:0 4px 12px rgba(0,0,0,.18);transition:background .2s}
.cat-card:hover .cat-name{background:#f59e0b}