/* ============================================
   MEAT NEVERDIE — Responsive Stylesheet
   ============================================ */

/* ── Tablet (max 1024px) ─────────────────── */
@media (max-width: 1024px) {
    .hero__inner {
        grid-template-columns: 1fr;
        text-align: center;
        padding-block: clamp(60px, 8vw, 80px);
    }
    .hero__content {
        order: 1;
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    .hero__desc { max-width: 540px; }
    .hero__stats { justify-content: center; }
    .hero__visual { order: 2; min-height: 300px; }
    .hero__badge { top: 0%; right: 10%; }

    .float-tag--1 { left: 0%; }
    .float-tag--2 { right: 0%; }

    .footer__grid { grid-template-columns: 1fr 1fr; }
    .footer__brand { grid-column: 1 / -1; }

    .promo-banner { grid-template-columns: 1fr; }
    .promo-banner__right { display: none; }
}

/* ── Mobile (max 768px) ──────────────────── */
@media (max-width: 768px) {
    /* Navbar */
    .navbar__menu,
    .navbar__cta { display: none; }
    .navbar__hamburger { display: flex; }
    .mobile-drawer { display: block; }

    /* Hero */
    .hero__title--script { font-size: 2.4rem; }
    .hero__title--block  { font-size: 4.2rem; }
    .hero__badge { width: 90px; height: 90px; }
    .badge__num { font-size: 1.8rem; }

    .float-tag { font-size: 0.75rem; padding: 7px 14px; }
    .float-tag--1 { left: -4%; bottom: 22%; }
    .float-tag--2 { right: 0; bottom: 5%; }

    .hero__img-wrap { width: clamp(200px, 65vw, 300px); }
    .hero__burger-placeholder { font-size: 70px; }

    /* Features */
    .features__grid { grid-template-columns: 1fr 1fr; }

    /* Menu */
    .menu-grid { grid-template-columns: 1fr; }

    /* Promo */
    .promo-banner__countdown { flex-wrap: wrap; }
    .countdown-box { min-width: 60px; padding: 10px 14px; }
    .countdown-box span { font-size: 1.6rem; }

    /* Testimonials */
    .testimonials__grid { grid-template-columns: 1fr; }

    /* Footer */
    .footer__grid { grid-template-columns: 1fr; }
    .footer__bottom { flex-direction: column; text-align: center; }

    /* Sections */
    .section-title { font-size: 1.8rem; }
}

/* ── Small Mobile (max 480px) ────────────── */
@media (max-width: 480px) {
    :root { --nav-height: 60px; }

    .hero__title--script { font-size: 2rem; }
    .hero__title--block  { font-size: 3.4rem; }

    .hero__actions { flex-direction: column; width: 100%; }
    .hero__actions .btn { justify-content: center; }

    .features__grid { grid-template-columns: 1fr; }

    .promo-banner__actions { flex-direction: column; align-items: flex-start; }

    .cta-inner__btns { flex-direction: column; align-items: center; }

    .hero__badge { right: 0; }

    .btn--lg { padding: 14px 28px; font-size: 0.95rem; }

    .menu-filter { gap: 8px; }
    .filter-btn { padding: 8px 16px; font-size: 0.82rem; }
}

/* ── Very small (max 360px) ──────────────── */
@media (max-width: 360px) {
    .hero__title--block  { font-size: 2.8rem; }
    .hero__stats { gap: 16px; }
    .stat__num { font-size: 1.4rem; }
}

/* ── Large screens (min 1280px) ──────────── */
@media (min-width: 1280px) {
    .hero__title--script { font-size: 5rem; }
    .hero__title--block  { font-size: 8rem; }
}