/* Mobile spacing cleanup - scoped to inner pages only.
   Homepage is intentionally not targeted because it is client-approved. */

@media (max-width: 991.98px) {
    body.site-redesign-body .container {
        padding-left: 18px;
        padding-right: 18px;
    }

    body.site-redesign-body .site-navbar .navbar-collapse {
        max-height: calc(100vh - 118px);
        overflow-y: auto;
    }

    body.site-redesign-body .site-navbar .navbar-nav {
        align-items: stretch !important;
    }

    body.site-redesign-body .site-navbar .nav-link {
        border-radius: 10px;
        padding: 10px 12px !important;
    }

    body.site-redesign-body .site-navbar .nav-link:hover,
    body.site-redesign-body .site-navbar .nav-link.active {
        background: rgba(8, 117, 47, 0.07);
    }

    body.site-redesign-body .site-navbar .site-enquiry-btn {
        margin-top: 4px;
    }

    body.site-redesign-body .about-hero,
    body.site-redesign-body .projects-hero,
    body.site-redesign-body .pd-hero,
    body.site-redesign-body .amenities-hero,
    body.site-redesign-body .associates-hero,
    body.site-redesign-body .contact-hero,
    body.site-redesign-body .md-hero {
        min-height: auto !important;
        background-attachment: scroll !important;
    }
}

@media (max-width: 767.98px) {
    body.site-redesign-body {
        overflow-x: hidden;
    }

    body.site-redesign-body .container {
        padding-left: 16px;
        padding-right: 16px;
    }

    /* Header and topbar readability */
    body.site-redesign-body .site-topbar.nav_mob_email {
        padding: 7px 0;
    }

    body.site-redesign-body .site-topbar .container > .d-flex {
        justify-content: center !important;
        text-align: center;
        gap: 6px !important;
    }

    body.site-redesign-body .topbar-contact {
        width: 100%;
        justify-content: center;
        row-gap: 4px !important;
        column-gap: 12px !important;
        font-size: 0.76rem;
    }

    body.site-redesign-body .site-navbar.nav_menu.navbar {
        padding: 8px 0 !important;
    }

    body.site-redesign-body .site-logo {
        height: 34px;
        max-width: 200px;
    }

    body.site-redesign-body .site-navbar .navbar-toggler {
        padding: 7px 9px;
        border-radius: 9px;
    }

    body.site-redesign-body .site-navbar .navbar-collapse {
        margin-top: 10px;
        padding: 10px 0 6px;
    }

    /* Inner page hero cleanup */
    body.site-redesign-body .about-hero,
    body.site-redesign-body .projects-hero,
    body.site-redesign-body .pd-hero,
    body.site-redesign-body .amenities-hero,
    body.site-redesign-body .associates-hero,
    body.site-redesign-body .contact-hero,
    body.site-redesign-body .md-hero {
        padding-top: 42px !important;
        padding-bottom: 46px !important;
    }

    body.site-redesign-body .about-hero-container {
        padding-top: 0 !important;
        padding-bottom: 0 !important;
    }

    body.site-redesign-body .about-hero h1,
    body.site-redesign-body .projects-hero h1,
    body.site-redesign-body .pd-hero h1,
    body.site-redesign-body .amenities-hero h1,
    body.site-redesign-body .associates-hero h1,
    body.site-redesign-body .contact-hero h1,
    body.site-redesign-body .md-hero h1 {
        font-size: clamp(2rem, 9vw, 2.65rem) !important;
        line-height: 1.08 !important;
        letter-spacing: -0.04em;
        margin-bottom: 12px !important;
    }

    body.site-redesign-body .about-hero p,
    body.site-redesign-body .projects-hero p,
    body.site-redesign-body .pd-hero p,
    body.site-redesign-body .amenities-hero p,
    body.site-redesign-body .associates-hero p,
    body.site-redesign-body .contact-hero p,
    body.site-redesign-body .md-hero p {
        font-size: 0.98rem !important;
        line-height: 1.65 !important;
        margin-bottom: 18px !important;
    }

    /* Page section rhythm */
    body.site-redesign-body .about-story-section,
    body.site-redesign-body .about-trust-section,
    body.site-redesign-body .about-vision-section,
    body.site-redesign-body .about-strength-section,
    body.site-redesign-body .about-companies-section,
    body.site-redesign-body .projects-list-section,
    body.site-redesign-body .pd-section,
    body.site-redesign-body .amenities-intro-section,
    body.site-redesign-body .amenities-highlight-section,
    body.site-redesign-body .amenities-grid-section,
    body.site-redesign-body .amenities-value-section,
    body.site-redesign-body .associates-redesign .section-padding,
    body.site-redesign-body .associates-redesign .section-padding-sm,
    body.site-redesign-body .contact-main-section,
    body.site-redesign-body .branch-section,
    body.site-redesign-body .md-intro-section,
    body.site-redesign-body .md-values-section,
    body.site-redesign-body .md-vision-section {
        padding-top: 42px !important;
        padding-bottom: 42px !important;
    }

    body.site-redesign-body .about-md-link-section {
        padding-top: 42px !important;
    }

    body.site-redesign-body .projects-cta-section,
    body.site-redesign-body .amenities-cta-section,
    body.site-redesign-body .contact-cta-section {
        padding-bottom: 42px !important;
    }

    /* Headings */
    body.site-redesign-body .about-story-section h2,
    body.site-redesign-body .about-strength-section h2,
    body.site-redesign-body .about-section-title h2,
    body.site-redesign-body .projects-section-head h2,
    body.site-redesign-body .pd-section-head h2,
    body.site-redesign-body .amenities-intro-section h2,
    body.site-redesign-body .amenities-section-head h2,
    body.site-redesign-body .associates-section-head h2,
    body.site-redesign-body .contact-section-head h2,
    body.site-redesign-body .md-section-title h2,
    body.site-redesign-body .md-vision-section h2 {
        font-size: clamp(1.65rem, 7vw, 2.2rem) !important;
        line-height: 1.18 !important;
        letter-spacing: -0.03em;
    }

    body.site-redesign-body .section-kicker,
    body.site-redesign-body .projects-section-head span,
    body.site-redesign-body .pd-section-label,
    body.site-redesign-body .pd-section-head span,
    body.site-redesign-body .amenities-section-kicker,
    body.site-redesign-body .amenities-section-head span,
    body.site-redesign-body .associates-section-kicker,
    body.site-redesign-body .contact-section-kicker {
        font-size: 0.72rem !important;
        padding: 7px 11px !important;
        margin-bottom: 12px !important;
    }

    body.site-redesign-body .section-kicker::before,
    body.site-redesign-body .section-kicker::after,
    body.site-redesign-body .associates-section-kicker::before,
    body.site-redesign-body .associates-section-kicker::after,
    body.site-redesign-body .contact-section-kicker::before,
    body.site-redesign-body .contact-section-kicker::after {
        display: none !important;
    }

    /* Cards and content boxes */
    body.site-redesign-body .about-stat-card,
    body.site-redesign-body .about-trust-card,
    body.site-redesign-body .about-vision-card,
    body.site-redesign-body .about-strength-card,
    body.site-redesign-body .projects-card,
    body.site-redesign-body .project-card,
    body.site-redesign-body .pd-overview-card,
    body.site-redesign-body .pd-contact-card,
    body.site-redesign-body .pd-action-card,
    body.site-redesign-body .amenities-hero-card,
    body.site-redesign-body .amenities-highlight-card,
    body.site-redesign-body .amenity-card,
    body.site-redesign-body .amenities-value-card,
    body.site-redesign-body .associates-hero-card,
    body.site-redesign-body .advisor-card,
    body.site-redesign-body .associate-card,
    body.site-redesign-body .contact-hero-card,
    body.site-redesign-body .contact-form-card,
    body.site-redesign-body .contact-info-card,
    body.site-redesign-body .branch-card,
    body.site-redesign-body .md-intro-card,
    body.site-redesign-body .md-value-card,
    body.site-redesign-body .md-message-card {
        border-radius: 18px !important;
    }

    /* Image height consistency on mobile */
    body.site-redesign-body .about-story-image img,
    body.site-redesign-body .about-md-link-image img,
    body.site-redesign-body .projects-card-image img,
    body.site-redesign-body .project-card img,
    body.site-redesign-body .pd-gallery-item img,
    body.site-redesign-body .amenities-hero-card img,
    body.site-redesign-body .amenities-highlight-card img,
    body.site-redesign-body .contact-office-image img,
    body.site-redesign-body .md-photo-card img {
        max-height: 320px;
        object-fit: cover;
    }

    /* Buttons should be easy to tap and not cramped */
    body.site-redesign-body .btn,
    body.site-redesign-body .project-view-btn,
    body.site-redesign-body .pd-hero-actions .btn,
    body.site-redesign-body .contact-quick-action,
    body.site-redesign-body .md-hero-actions .btn {
        min-height: 44px;
        display: inline-flex;
        align-items: center;
        justify-content: center;
    }

    body.site-redesign-body .pd-hero-actions,
    body.site-redesign-body .contact-hero-actions,
    body.site-redesign-body .md-hero-actions,
    body.site-redesign-body .hero-actions {
        gap: 10px !important;
    }

    body.site-redesign-body .pd-hero-actions .btn,
    body.site-redesign-body .contact-hero-actions .btn,
    body.site-redesign-body .md-hero-actions .btn {
        width: 100%;
    }

    /* Footer becomes more compact and readable */
    body.site-redesign-body .footer-main {
        padding-top: 30px;
        padding-bottom: 22px;
    }

    body.site-redesign-body .footer-logo {
        width: 210px;
    }

    body.site-redesign-body .site-footer h6 {
        margin-bottom: 10px;
    }

    body.site-redesign-body .footer-links li,
    body.site-redesign-body .footer-contact li {
        margin-bottom: 7px;
        font-size: 0.88rem;
    }

    body.site-redesign-body .footer-bottom {
        font-size: 0.76rem;
        line-height: 1.45;
    }
}

@media (max-width: 575.98px) {
    body.site-redesign-body .container {
        padding-left: 14px;
        padding-right: 14px;
    }

    body.site-redesign-body .site-logo {
        height: 32px;
        max-width: 185px;
    }

    body.site-redesign-body .about-hero,
    body.site-redesign-body .projects-hero,
    body.site-redesign-body .pd-hero,
    body.site-redesign-body .amenities-hero,
    body.site-redesign-body .associates-hero,
    body.site-redesign-body .contact-hero,
    body.site-redesign-body .md-hero {
        padding-top: 34px !important;
        padding-bottom: 38px !important;
    }

    body.site-redesign-body .about-hero h1,
    body.site-redesign-body .projects-hero h1,
    body.site-redesign-body .pd-hero h1,
    body.site-redesign-body .amenities-hero h1,
    body.site-redesign-body .associates-hero h1,
    body.site-redesign-body .contact-hero h1,
    body.site-redesign-body .md-hero h1 {
        font-size: clamp(1.8rem, 10vw, 2.28rem) !important;
    }

    body.site-redesign-body .about-story-section,
    body.site-redesign-body .about-trust-section,
    body.site-redesign-body .about-vision-section,
    body.site-redesign-body .about-strength-section,
    body.site-redesign-body .about-companies-section,
    body.site-redesign-body .projects-list-section,
    body.site-redesign-body .pd-section,
    body.site-redesign-body .amenities-intro-section,
    body.site-redesign-body .amenities-highlight-section,
    body.site-redesign-body .amenities-grid-section,
    body.site-redesign-body .amenities-value-section,
    body.site-redesign-body .associates-redesign .section-padding,
    body.site-redesign-body .associates-redesign .section-padding-sm,
    body.site-redesign-body .contact-main-section,
    body.site-redesign-body .branch-section,
    body.site-redesign-body .md-intro-section,
    body.site-redesign-body .md-values-section,
    body.site-redesign-body .md-vision-section {
        padding-top: 36px !important;
        padding-bottom: 36px !important;
    }

    body.site-redesign-body .about-stat-card,
    body.site-redesign-body .about-trust-card,
    body.site-redesign-body .about-vision-card,
    body.site-redesign-body .about-strength-card,
    body.site-redesign-body .pd-overview-card,
    body.site-redesign-body .pd-contact-card,
    body.site-redesign-body .pd-action-card,
    body.site-redesign-body .amenities-value-card,
    body.site-redesign-body .associates-hero-card,
    body.site-redesign-body .contact-hero-card,
    body.site-redesign-body .contact-form-card,
    body.site-redesign-body .md-message-card {
        padding: 20px !important;
    }

    body.site-redesign-body .about-vision-content,
    body.site-redesign-body .amenities-cta-card,
    body.site-redesign-body .projects-cta-card,
    body.site-redesign-body .contact-cta-card,
    body.site-redesign-body .md-cta-card {
        padding: 24px 20px !important;
    }

    body.site-redesign-body .footer-main .row {
        row-gap: 22px !important;
    }
}