@media (max-width: 767.98px) {
    .hero-card {
        padding: 1.4rem !important;
    }

    .hero-card h1 {
        font-size: 2rem;
    }

    .deal-image,
    .menu-thumb {
        height: 165px;
    }

    .floating-cart {
        left: 12px;
        right: 12px;
        bottom: 12px;
        width: auto;
    }

    .category-chip-row {
        margin-inline: -0.35rem;
        padding-inline: 0.35rem;
    }
}