@media (max-width: 1120px) {
    .featured-grid,
    .benefits-grid,
    .tips-grid,
    .reviews-grid,
    .footer-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .casino-card {
        grid-template-columns: auto 1fr;
    }

    .casino-card .promo-chip,
    .casino-card .button {
        grid-column: 2;
    }
}

@media (max-width: 860px) {
    .desktop-nav {
        display: none;
    }

    .menu-toggle {
        display: inline-block;
    }

    .hero,
    .page-hero {
        padding-top: 34px;
    }

    .hero-grid,
    .featured-grid,
    .benefits-grid,
    .tips-grid,
    .reviews-grid,
    .footer-grid {
        grid-template-columns: 1fr;
    }

    .cta-card {
        flex-direction: column;
        align-items: flex-start;
    }

    .hero-copy,
    .spotlight-card,
    .info-card,
    .featured-card,
    .benefit-card,
    .cta-card,
    .casino-card,
    .tip-card,
    .review-card,
    .footer-grid {
        padding: 22px;
    }

    .casino-card {
        grid-template-columns: 1fr;
    }

    .casino-card .promo-chip,
    .casino-card .button {
        grid-column: auto;
    }

    .hero-copy h1,
    .page-hero h1 {
        max-width: none;
        font-size: clamp(2.2rem, 10vw, 3.5rem);
    }

    .spotlight-card h2 {
        font-size: 1.95rem;
    }

    .cta-card h2 {
        font-size: clamp(1.7rem, 7vw, 2.3rem);
    }
}

@media (max-width: 560px) {
    .container {
        width: min(var(--container), calc(100% - 20px));
    }

    .header-row {
        min-height: 76px;
    }

    .hero-actions {
        flex-direction: column;
    }

    .button,
    .promo-chip {
        width: 100%;
    }

    .stats-grid {
        flex-direction: column;
    }

    .stat-card {
        width: 100%;
    }

    .title-row,
    .review-head {
        flex-direction: column;
        align-items: flex-start;
    }

    .hero-copy,
    .spotlight-card,
    .info-card,
    .featured-card,
    .benefit-card,
    .cta-card,
    .casino-card,
    .tip-card,
    .review-card,
    .footer-grid {
        padding: 20px;
    }

    .spotlight-card h2 {
        font-size: 1.75rem;
    }

    .hero-text,
    .section-head p,
    .spotlight-card p,
    .info-card p,
    .benefit-card p,
    .featured-body p,
    .casino-content p,
    .tip-card p,
    .review-card p,
    .cta-card p,
    .footer-text,
    .feature-list {
        font-size: 0.98rem;
    }
}