@media (max-width: 1199px) {
    .header-shell {
        grid-template-columns: auto 1fr auto;
    }

    .desktop-nav {
        justify-self: center;
    }

    .quick-search {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .button-search {
        grid-column: 1 / -1;
        min-height: 56px;
    }

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

    .profile-slider {
        grid-auto-columns: minmax(250px, 32%);
    }

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

@media (max-width: 900px) {
    .desktop-nav,
    .account-link {
        display: none;
    }

    .header-shell {
        min-height: 74px;
        grid-template-columns: 1fr auto;
    }

    .header-actions {
        gap: 8px;
    }

    .hero-section {
        min-height: 620px;
        padding-top: 120px;
    }

    .why-shell {
        grid-template-columns: 1fr;
    }

    .enquiry-shell {
        grid-template-columns: 1fr;
    }

    .footer-shell {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .footer-brand {
        grid-column: 1 / -1;
    }
}

@media (max-width: 767px) {
    .container,
    .footer-shell,
    .footer-bottom {
        width: min(calc(100% - 28px), var(--container));
    }

    .brand-text {
        font-size: 0.75rem;
    }

    .icon-action {
        width: 40px;
        height: 40px;
    }

    .hero-section {
        min-height: 560px;
        padding-bottom: 70px;
    }

    .hero-overlay {
        background:
            linear-gradient(90deg, rgba(5, 5, 6, 0.92), rgba(5, 5, 6, 0.56)),
            linear-gradient(0deg, var(--bg), transparent 36%);
    }

    .hero-content h1 {
        font-size: clamp(2.8rem, 14vw, 5rem);
    }

    .quick-search-section {
        margin-top: -24px;
    }

    .quick-search {
        grid-template-columns: 1fr;
    }

    .quick-search label {
        padding: 14px;
    }

    .section-heading {
        align-items: start;
        flex-direction: column;
        margin-bottom: 22px;
    }

    .profile-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 12px;
    }

    .profile-card-body {
        padding: 13px;
    }

    .profile-card h3 {
        margin-right: 34px;
        font-size: 1.05rem;
    }

    .profile-card p,
    .profile-meta span {
        font-size: 0.74rem;
    }

    .favorite-button {
        width: 36px;
        height: 36px;
        top: -19px;
    }

    .availability {
        left: 8px;
        bottom: 8px;
        padding: 6px 7px;
        font-size: 0.66rem;
    }

    .profile-slider {
        grid-auto-columns: minmax(168px, 48%);
        gap: 12px;
    }

    .location-grid {
        grid-template-columns: 1fr;
        gap: 12px;
    }

    .location-card {
        min-height: 210px;
    }

    .why-grid article {
        padding: 20px;
    }

    .footer-shell {
        grid-template-columns: 1fr;
        padding: 46px 0;
    }
}

@media (max-width: 430px) {
    .header-shell {
        width: min(calc(100% - 22px), 1540px);
    }

    .brand {
        gap: 9px;
    }

    .brand-mark {
        width: 34px;
        height: 34px;
    }

    .hero-actions {
        display: grid;
    }

    .button,
    .cta-actions {
        width: 100%;
    }

    .profile-grid {
        gap: 10px;
    }

    .profile-card h3 {
        font-size: 0.98rem;
    }
}

@media (max-width: 640px) {
    .client-theme .hero-content h1,
    .client-theme .popular-head h1,
    .client-theme .section-heading h2,
    .client-theme .featured-heading h2,
    .client-theme .directory-heading h2,
    .client-theme .combo-heading h2,
    .client-theme .reviews-shell h2,
    .client-theme .help-cta-shell h2,
    .client-theme .agency-copy-heading h2,
    .client-theme .begin-process-intro h2,
    .client-theme .trust-intro h2,
    .client-theme .surprise-copy h2,
    .client-theme .other-categories-title h2,
    .client-theme .dream-copy-shell h2,
    .client-theme .bangalore-locations-title h2,
    .client-theme .escort-areas-title h2,
    .client-theme .selection-copy-shell h2,
    .client-theme .faq-copy h2,
    .client-theme .next-copy-shell h2,
    .client-theme .conclusion-shell h2,
    .client-theme .location-detail-hero-copy h1,
    .client-theme .location-detail-intro h2,
    .client-theme .location-detail-heading h2,
    .client-theme .hsg-copy h1,
    .client-theme.massage-page .massage-doc-title,
    .client-theme.massage-page .massage-doc-copy h2,
    .client-theme.price-page .price-intro h1,
    .client-theme.price-page .price-notes h2,
    .client-theme.call-girls-page .callgirls-intro h1,
    .client-theme.call-girls-page .callgirls-section h2,
    .client-theme.call-girls-page .callgirls-faq h2,
    .client-theme .single-profile-title {
        font-size: clamp(22px, 7vw, 30px) !important;
        line-height: 1.12 !important;
        letter-spacing: 0 !important;
    }

    .client-theme .footer-wordmark strong {
        font-size: 30px !important;
    }
}

@media (max-width: 430px) {
    .client-theme .hero-content h1,
    .client-theme .popular-head h1,
    .client-theme .section-heading h2,
    .client-theme .featured-heading h2,
    .client-theme .directory-heading h2,
    .client-theme .combo-heading h2,
    .client-theme .reviews-shell h2,
    .client-theme .help-cta-shell h2,
    .client-theme .agency-copy-heading h2,
    .client-theme .begin-process-intro h2,
    .client-theme .trust-intro h2,
    .client-theme .surprise-copy h2,
    .client-theme .other-categories-title h2,
    .client-theme .dream-copy-shell h2,
    .client-theme .bangalore-locations-title h2,
    .client-theme .escort-areas-title h2,
    .client-theme .selection-copy-shell h2,
    .client-theme .faq-copy h2,
    .client-theme .next-copy-shell h2,
    .client-theme .conclusion-shell h2,
    .client-theme .location-detail-hero-copy h1,
    .client-theme .location-detail-intro h2,
    .client-theme .location-detail-heading h2,
    .client-theme .hsg-copy h1,
    .client-theme.massage-page .massage-doc-title,
    .client-theme.massage-page .massage-doc-copy h2,
    .client-theme.price-page .price-intro h1,
    .client-theme.price-page .price-notes h2,
    .client-theme.call-girls-page .callgirls-intro h1,
    .client-theme.call-girls-page .callgirls-section h2,
    .client-theme.call-girls-page .callgirls-faq h2,
    .client-theme .single-profile-title {
        font-size: clamp(20px, 6.5vw, 26px) !important;
    }
}