/* Shared phone spacing, loaded after each page's styles. */
@media (max-width: 640px) {
    :root {
        --mobile-gutter: 16px;
        --mobile-section-space: 40px;
    }

    main .container,
    main .my-container,
    main .container-fluid,
    .mp-home-container,
    .mp-page-container,
    .featured-properties-container,
    .property-catalog-container,
    .site-page-banner-container {
        width: calc(100% - 2 * var(--mobile-gutter));
        max-width: none;
        margin-inline: auto;
        padding-inline: 0;
        min-width: 0;
    }

    main > .category-section {
        width: calc(100% - 2 * var(--mobile-gutter));
        margin-inline: auto;
        padding: var(--mobile-section-space) 0;
    }

    .category-cards {
        padding-inline: 0;
        padding-bottom: 0;
    }

    main > .mp-section {
        width: 100%;
        max-width: none;
        margin-inline: 0;
        padding: var(--mobile-section-space) var(--mobile-gutter);
    }

    main > #mahadev-property-categories {
        width: 100%;
        padding: var(--mobile-section-space) var(--mobile-gutter);
    }

    .featured-properties-section,
    .mp-home-section,
    .mp-page-section,
    .mp-location-section,
    .mp-page-cta,
    main > .gallery-section {
        padding-block: var(--mobile-section-space);
    }

    .mp-home-gallery { padding: 0; }
    .mp-property-why { border-radius: 0; }
    .mp-why-heading, .mp-why-stage { min-width: 0; }
    .mp-property-why .mp-reason { min-width: 0; }

    main > .lx {
        width: 100%;
        max-width: none;
        margin: 0;


    }

 
    .hero-copy { left: var(--mobile-gutter); right: var(--mobile-gutter); }
    .hero-copy h1, .hero-copy p { overflow-wrap: anywhere; }
    .hero .property-search-card {
        right: var(--mobile-gutter);
        width: calc(100% - 2 * var(--mobile-gutter));
        min-width: 0;
    }
    .hero .hn { padding-inline: var(--mobile-gutter); justify-content: flex-end; }
    .hero .hn-links, .hero .hn-call { display: none; }
    .hero .logo-notch { padding-left: var(--mobile-gutter); }

    .header-inner { padding-inline: var(--mobile-gutter); }
    .mobile-dropdown-btn > img { flex-shrink: 0; transition: transform .2s ease; }
    .mobile-dropdown.active .mobile-dropdown-btn > img { transform: rotate(180deg); }
    .site-footer {
        width: 100%;
        max-width: none;
        margin-inline: 0;
        padding-top: var(--mobile-section-space);
        border-radius: 0;
    }
    .site-footer > .container {
        width: calc(100% - 2 * var(--mobile-gutter));
        max-width: none;
        margin-inline: auto;
        padding-inline: 0;
    }
    .footer-grid { padding-bottom: var(--mobile-section-space); }
    .footer-bottom { margin-inline: var(--mobile-gutter); }
}