/* =========================================================
   Amrr Nest — Responsive
   Tablet-first app layout
   ========================================================= */

/* Phones */
@media (max-width: 767.98px) {
    .status-strip {
        grid-template-columns: repeat(2, 1fr);
    }

    .service-grid {
        grid-template-columns: repeat(2, 1fr);
    }

    .service-card--assist {
        grid-column: span 2;
    }

    .hero-welcome {
        min-height: 160px;
    }

    .hero-welcome__title {
        font-size: 1.15rem;
    }

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

    .steps-row {
        grid-template-columns: 1fr;
    }

    .assist-options {
        grid-template-columns: 1fr 1fr;
    }

    .brand-logo {
        height: 48px;
    }

    .brand-logo--auth {
        height: 84px;
    }

    .home-sidebar {
        margin-top: 18px;
    }
}

/* Tablet / app shell (mockup width feel) */
@media (min-width: 768px) {
    body {
        font-size: 15px;
    }

    .app-main > .container {
        max-width: 980px;
    }

    .bottom-nav .container {
        max-width: 980px;
    }

    .app-header .container {
        max-width: 980px;
    }

    .service-grid {
        grid-template-columns: repeat(3, 1fr);
    }

    .service-card--assist {
        grid-column: span 2;
    }

    .product-grid {
        grid-template-columns: repeat(3, 1fr);
    }

    .hero-welcome {
        min-height: 200px;
    }
}

/* Large tablet / desktop — keep app-centered feel */
@media (min-width: 992px) {
    .service-grid {
        grid-template-columns: repeat(5, 1fr);
    }

    .service-card--assist {
        grid-column: span 2;
    }

    .product-grid {
        grid-template-columns: repeat(4, 1fr);
    }

    /* Centered app frame on wide screens */
    body.has-bottom-nav::before {
        content: none;
    }
}

@media (min-width: 1200px) {
    .app-main > .container,
    .bottom-nav .container,
    .app-header .container {
        max-width: 1100px;
    }
}