.categories{display:grid;grid-template-columns:1fr;gap:16px;margin:20px 0}
.card{background:var(--card);padding:14px;border-radius:calc(var(--radius) - 2px);display:flex;gap:14px;align-items:center;box-shadow:var(--shadow);transition:transform var(--transition)}
.card:hover{transform:translateY(-4px)}
.card img{width:140px;height:100px;object-fit:cover;border-radius:10px}

@media(min-width:768px){.categories{grid-template-columns:repeat(3,1fr)}}