/* ============================
   food.me — Responsive
   Consolidated Media Queries
   ============================ */

/* ============================
   Responsive Utilities
   ============================ */
@media (max-width: 768px) {
    .hero {
        min-height: 500px;
    }

    .cuisines-section {
        padding: 3rem 1rem;
    }

    .dish-grid-section {
        padding: 1.5rem 1rem 3rem;
    }

    .recipe {
        padding: 1.5rem 1rem 3rem;
    }

    .info-bar__inner {
        gap: 1.5rem;
    }

    .featured {
        padding: 3rem 1rem;
    }

    .search-page {
        padding: 6rem 1rem 3rem;
    }
}