/* Mobile Refinements Override */
@media (max-width: 767px) {

    /* Global */
    .section {
        padding: 40px 0;
    }

    h1,
    .hero-premium__title,
    .hero-title-brand {
        font-size: 32px !important;
    }

    h2,
    .section-title-large {
        font-size: 26px !important;
    }

    h3 {
        font-size: 22px !important;
    }

    /* Layout */
    .grid-2,
    .grid-4 {
        grid-template-columns: 1fr;
    }

    /* Navbar */
    .navbar-container {
        padding: 0 10px;
    }

    /* Home Hero */
    .home-hero-circle {
        width: 200px;
        height: 200px;
        top: -50px;
        right: -50px;
    }

    /* Service Hub */
    .hero-premium {
        padding: 40px 20px;
    }

    .stats-block {
        flex-direction: column;
        gap: 15px;
        width: 100%;
    }

    .stats-divider {
        display: none;
    }

    .hero-track-btn {
        width: 100%;
        justify-content: center;
    }

    .service-widget-card,
    .service-content-card {
        padding: 20px;
    }

    .footer-cta {
        padding: 40px 20px;
    }

    /* Footer */
    .footer-content {
        flex-direction: column;
        gap: 30px;
    }

    .footer-links {
        flex-direction: column;
        gap: 15px;
    }

    .footer-copyright {
        text-align: center;
    }

    /* 404 */
    .page-404__title {
        font-size: 5rem;
    }
}

@media (max-width: 479px) {
    .brand-items-grid {
        grid-template-columns: repeat(auto-fill, minmax(140px, 1fr));
        gap: 10px;
    }

    .brand-card,
    .brand-card-city {
        padding: 15px 10px;
    }

    .brand-logo-wrapper,
    .brand-logo-wrapper--large {
        width: 50px;
        height: 50px;
        margin-bottom: 10px;
    }

    .brand-initial {
        font-size: 1.2rem;
    }

    .brand-title-city,
    .brand-name {
        font-size: 0.9rem;
    }

    .smart-buttons .button {
        width: 100%;
    }

    .city-hero {
        padding: 40px 20px;
        margin: 20px 0;
    }
}