/*
 * home-categories-mobile.css
 * Visual polish only — layout is handled by the inline <style> in home.html.
 */
@media (max-width: 575px) {
  .category-card {
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.10);
    background: #f5f0e8;
    border: 2px solid rgba(175, 189, 119, 0.35);
    transition: transform 0.18s ease, box-shadow 0.18s ease;
  }
  .cat-link:active .category-card {
    transform: scale(0.94);
  }
}