/* ==========================================================================
   AQARK VISUAL SYSTEM V2
   Unified public website + dashboard visual language
   --------------------------------------------------------------------------
   Goals:
   - Preserve the existing AQARK logo and identity.
   - Unify public pages and dashboards without changing business logic.
   - Use one coherent system for colors, cards, shadows, spacing and controls.
   - Keep dashboards compact while making the public experience more premium.
   ========================================================================== */

:root {
    --aq-v2-navy-950: #111633;
    --aq-v2-navy-900: #171d47;
    --aq-v2-navy-800: #1f285f;
    --aq-v2-navy-700: #2b397f;
    --aq-v2-blue-600: #4f78e8;
    --aq-v2-blue-500: #6b98f5;
    --aq-v2-sky-400: #85cdf7;
    --aq-v2-sky-200: #cfe8ff;
    --aq-v2-sky-100: #eaf4ff;
    --aq-v2-sky-50: #f5f9ff;

    --aq-v2-page: #f4f7fb;
    --aq-v2-page-2: #f8faff;
    --aq-v2-card: #ffffff;
    --aq-v2-card-soft: #fbfcff;
    --aq-v2-line: #e2e8f2;
    --aq-v2-line-strong: #d4ddeb;

    --aq-v2-text: #19213a;
    --aq-v2-text-2: #3f4a63;
    --aq-v2-muted: #748097;
    --aq-v2-muted-2: #9aa4b6;

    --aq-v2-success: #1b9a70;
    --aq-v2-success-soft: #eaf8f3;
    --aq-v2-warning: #c98527;
    --aq-v2-warning-soft: #fff6e8;
    --aq-v2-danger: #cf5660;
    --aq-v2-danger-soft: #fff0f1;

    --aq-v2-radius-xl: 22px;
    --aq-v2-radius-lg: 18px;
    --aq-v2-radius-md: 14px;
    --aq-v2-radius-sm: 11px;

    --aq-v2-shadow-xs:
        0 2px 8px rgba(22,31,72,.035);
    --aq-v2-shadow-sm:
        0 7px 22px rgba(22,31,72,.055),
        0 2px 7px rgba(22,31,72,.03);
    --aq-v2-shadow-md:
        0 14px 38px rgba(22,31,72,.075),
        0 4px 12px rgba(22,31,72,.035);
    --aq-v2-shadow-lg:
        0 24px 64px rgba(18,27,67,.13);

    --aq-v2-focus:
        0 0 0 4px rgba(79,120,232,.12);

    --aq-v2-transition:
        180ms cubic-bezier(.2,.7,.3,1);
}


/* ==========================================================================
   SHARED FOUNDATIONS
   ========================================================================== */

body.public-shell,
body.dashboard-shell {
    color: var(--aq-v2-text);
    background:
        radial-gradient(
            circle at 8% -4%,
            rgba(107,152,245,.07),
            transparent 26%
        ),
        var(--aq-v2-page);
}

body.public-shell main,
body.dashboard-shell main {
    position: relative;
}

body.public-shell h1,
body.public-shell h2,
body.public-shell h3,
body.dashboard-shell h1,
body.dashboard-shell h2,
body.dashboard-shell h3 {
    color: var(--aq-v2-navy-900);
    letter-spacing: -.018em;
}

body.public-shell .muted,
body.dashboard-shell .muted {
    color: var(--aq-v2-muted);
}

body.public-shell a,
body.dashboard-shell a,
body.public-shell button,
body.dashboard-shell button,
body.public-shell input,
body.dashboard-shell input,
body.public-shell select,
body.dashboard-shell select,
body.public-shell textarea,
body.dashboard-shell textarea {
    transition:
        background-color var(--aq-v2-transition),
        border-color var(--aq-v2-transition),
        color var(--aq-v2-transition),
        box-shadow var(--aq-v2-transition),
        transform var(--aq-v2-transition);
}


/* ==========================================================================
   SHARED FORM LANGUAGE
   ========================================================================== */

body.public-shell input,
body.public-shell select,
body.public-shell textarea,
body.dashboard-shell input,
body.dashboard-shell select,
body.dashboard-shell textarea {
    border-color: var(--aq-v2-line) !important;
    background: #fff;
    color: var(--aq-v2-text);
}

body.public-shell input:hover,
body.public-shell select:hover,
body.public-shell textarea:hover,
body.dashboard-shell input:hover,
body.dashboard-shell select:hover,
body.dashboard-shell textarea:hover {
    border-color: #ccd7e8 !important;
}

body.public-shell input:focus,
body.public-shell select:focus,
body.public-shell textarea:focus,
body.dashboard-shell input:focus,
body.dashboard-shell select:focus,
body.dashboard-shell textarea:focus {
    outline: 0;
    border-color: var(--aq-v2-blue-500) !important;
    box-shadow: var(--aq-v2-focus) !important;
}


/* ==========================================================================
   SHARED BUTTON LANGUAGE
   ========================================================================== */

body.public-shell .btn,
body.dashboard-shell .btn {
    border-radius: var(--aq-v2-radius-sm) !important;
    font-weight: 800;
    box-shadow: none;
}

body.public-shell .btn:not(.outline):not(.ghost):not(.soft):not(.danger),
body.dashboard-shell .btn:not(.outline):not(.ghost):not(.soft):not(.danger) {
    background:
        linear-gradient(
            135deg,
            var(--aq-v2-navy-800),
            var(--aq-v2-navy-700)
        ) !important;
    color: #fff !important;
}

body.public-shell .btn:not(.outline):not(.ghost):not(.soft):not(.danger):hover,
body.dashboard-shell .btn:not(.outline):not(.ghost):not(.soft):not(.danger):hover {
    background:
        linear-gradient(
            135deg,
            #192150,
            #334598
        ) !important;
    transform: translateY(-1px);
    box-shadow: 0 8px 20px rgba(31,40,95,.14);
}

body.public-shell .btn.outline,
body.dashboard-shell .btn.outline {
    background: #fff !important;
    color: var(--aq-v2-navy-800) !important;
    border-color: var(--aq-v2-line-strong) !important;
}

body.public-shell .btn.outline:hover,
body.dashboard-shell .btn.outline:hover {
    background: var(--aq-v2-sky-50) !important;
    border-color: #becce2 !important;
}


/* ==========================================================================
   PUBLIC WEBSITE
   ========================================================================== */

body.public-shell {
    background: #fff;
}


/* --- Smart strip --------------------------------------------------------- */

body.public-shell .smart-strip {
    background:
        linear-gradient(
            90deg,
            var(--aq-v2-navy-950),
            var(--aq-v2-navy-800)
        );
    color: #dce9ff;
    border-bottom: 1px solid rgba(255,255,255,.08);
}

body.public-shell .smart-strip a {
    color: #fff;
}


/* --- Header -------------------------------------------------------------- */

body.public-shell .topbar {
    background: rgba(255,255,255,.94);
    border-bottom: 1px solid rgba(222,229,240,.92);
    box-shadow: 0 5px 22px rgba(31,40,95,.045);
    backdrop-filter: blur(18px);
    -webkit-backdrop-filter: blur(18px);
}

body.public-shell .desktop-nav {
    gap: 16px;
}

body.public-shell .desktop-nav > a {
    position: relative;
    padding: 23px 1px 20px;
    color: #49546b;
    font-weight: 750;
}

body.public-shell .desktop-nav > a::after {
    content: "";
    position: absolute;
    height: 2px;
    left: 50%;
    right: 50%;
    bottom: 14px;
    border-radius: 999px;
    background: var(--aq-v2-blue-600);
    transition: var(--aq-v2-transition);
}

body.public-shell .desktop-nav > a:hover {
    color: var(--aq-v2-navy-800);
}

body.public-shell .desktop-nav > a:hover::after {
    left: 0;
    right: 0;
}

body.public-shell .desktop-nav .nav-ai {
    padding: 8px 11px;
    border-radius: 10px;
    background: var(--aq-v2-sky-100);
    color: var(--aq-v2-navy-800);
}

body.public-shell .desktop-nav .nav-ai::after {
    display: none;
}

body.public-shell .country-switch > summary,
body.public-shell .lang-link,
body.public-shell .icon-link,
body.public-shell .login-link {
    border-radius: 10px;
}

body.public-shell .country-switch > summary,
body.public-shell .lang-link {
    color: #566078;
}

body.public-shell .country-menu {
    border: 1px solid var(--aq-v2-line);
    border-radius: 14px;
    box-shadow: var(--aq-v2-shadow-md);
}


/* --- Page surfaces ------------------------------------------------------- */

body.public-shell .section {
    padding-top: 68px;
    padding-bottom: 68px;
}

body.public-shell .section.alt,
body.public-shell .profile-hero {
    background:
        linear-gradient(
            180deg,
            #f8fbff,
            #f3f7fc
        );
}

body.public-shell .section-head {
    margin-bottom: 26px;
}

body.public-shell .section-head .eyebrow,
body.public-shell .eyebrow {
    color: var(--aq-v2-blue-600);
    letter-spacing: .12em;
}

body.public-shell .section-head h2 {
    color: var(--aq-v2-navy-900);
}


/* --- Page hero ----------------------------------------------------------- */

body.public-shell .page-hero {
    background:
        radial-gradient(
            circle at 82% 18%,
            rgba(133,205,247,.28),
            transparent 25%
        ),
        linear-gradient(
            118deg,
            var(--aq-v2-navy-950),
            var(--aq-v2-navy-800) 56%,
            #315e9e
        );
}

body.public-shell .page-hero .eyebrow {
    color: #b9ddff;
}

body.public-shell .page-hero h1 {
    color: #fff;
}


/* --- Home hero ----------------------------------------------------------- */

body.public-shell .hero-home .hero-overlay {
    background:
        linear-gradient(
            90deg,
            rgba(17,22,51,.94) 0%,
            rgba(31,40,95,.82) 48%,
            rgba(48,83,133,.28) 100%
        );
}

body.public-shell .hero-home .purpose-tabs a {
    border: 1px solid rgba(255,255,255,.14);
    border-bottom: 0;
    background: rgba(17,22,51,.48);
}

body.public-shell .hero-home .purpose-tabs a.active {
    border-color: #fff;
    background: #fff;
    color: var(--aq-v2-navy-800);
}

body.public-shell .searchbar-pro,
body.public-shell .hero-search-panel {
    border: 1px solid rgba(222,229,240,.88);
    box-shadow: var(--aq-v2-shadow-lg);
}

body.public-shell .search-field {
    border-color: var(--aq-v2-line);
}


/* --- Shared public cards ------------------------------------------------- */

body.public-shell :is(
    .property-card,
    .agency-card,
    .agency-directory-card,
    .developer-card,
    .agent-card,
    .area-card,
    .panel,
    .contact-card,
    .contact-card-v2,
    .news-card,
    .event-card,
    .ai-card,
    .info-card,
    .package-card,
    .checkout-card,
    .payment-status-card,
    .wizard-card,
    .auth-card,
    .comment-card,
    .comment-form-card
) {
    border-color: var(--aq-v2-line);
    background: var(--aq-v2-card);
    box-shadow: var(--aq-v2-shadow-xs);
}

body.public-shell :is(
    .property-card,
    .agency-card,
    .agency-directory-card,
    .developer-card,
    .agent-card,
    .area-card,
    .news-card,
    .event-card,
    .ai-card,
    .package-card
):hover {
    border-color: #d5deec;
    transform: translateY(-3px);
    box-shadow: var(--aq-v2-shadow-md);
}


/* property cards */

body.public-shell .property-card {
    border-radius: var(--aq-v2-radius-lg);
}

body.public-shell .property-media {
    height: 222px;
}

body.public-shell .property-body {
    padding: 17px;
}

body.public-shell .property-price-row .price {
    color: var(--aq-v2-navy-900);
}

body.public-shell .property-meta {
    border-color: #edf1f6;
}


/* project cards */

body.public-shell .project-card {
    border: 1px solid rgba(224,231,243,.55);
    border-radius: 20px;
    box-shadow: var(--aq-v2-shadow-md);
}

body.public-shell .project-shade {
    background:
        linear-gradient(
            180deg,
            rgba(9,14,39,.02),
            rgba(17,22,51,.92)
        );
}

body.public-shell .project-status {
    border-radius: 8px;
    background: rgba(255,255,255,.95);
    color: var(--aq-v2-navy-800);
}


/* directory cards */

body.public-shell .agency-card,
body.public-shell .agency-directory-card,
body.public-shell .developer-card,
body.public-shell .area-card {
    border-radius: var(--aq-v2-radius-lg);
}

body.public-shell .agency-logo {
    border-radius: 14px;
    background:
        linear-gradient(
            145deg,
            var(--aq-v2-navy-900),
            #354aa1
        );
    box-shadow: 0 7px 18px rgba(31,40,95,.15);
}


/* quick tools */

body.public-shell .quick-tools {
    border-color: var(--aq-v2-line);
    background: #fff;
}

body.public-shell .quick-item {
    border-color: var(--aq-v2-line);
}

body.public-shell .quick-icon {
    background:
        linear-gradient(
            145deg,
            var(--aq-v2-sky-100),
            #f6faff
        );
    color: var(--aq-v2-navy-800);
    border: 1px solid #dae9fb;
}


/* filters */

body.public-shell .filter-strip {
    background: rgba(255,255,255,.96);
    border-color: var(--aq-v2-line);
    box-shadow: 0 5px 18px rgba(31,40,95,.035);
    backdrop-filter: blur(12px);
}

body.public-shell .more-filter summary,
body.public-shell .more-filter-panel {
    border-color: var(--aq-v2-line);
}

body.public-shell .more-filter-panel {
    border-radius: var(--aq-v2-radius-md);
    box-shadow: var(--aq-v2-shadow-md);
}


/* detail surfaces */

body.public-shell .fact,
body.public-shell .payment-card > div,
body.public-shell .project-inline {
    border-color: var(--aq-v2-line);
    background: var(--aq-v2-sky-50);
}

body.public-shell .fact {
    border-radius: var(--aq-v2-radius-sm);
}

body.public-shell .contact-card {
    border-radius: var(--aq-v2-radius-lg);
    box-shadow: var(--aq-v2-shadow-md);
}


/* trust section */

body.public-shell .trust-section {
    background:
        radial-gradient(
            circle at 82% 22%,
            rgba(133,205,247,.12),
            transparent 26%
        ),
        linear-gradient(
            135deg,
            #111633,
            #1f285f
        );
}

body.public-shell .trust-cards div {
    border-color: rgba(255,255,255,.12);
    background: rgba(255,255,255,.055);
    backdrop-filter: blur(8px);
}


/* tables */

body.public-shell .table-wrap {
    border-color: var(--aq-v2-line);
    border-radius: var(--aq-v2-radius-md);
    background: #fff;
    box-shadow: var(--aq-v2-shadow-xs);
}

body.public-shell .table th {
    background: #f5f8fc;
    color: #667188;
}

body.public-shell .table td,
body.public-shell .table th {
    border-color: #edf1f6;
}


/* --- Footer -------------------------------------------------------------- */

body.public-shell .footer {
    background:
        radial-gradient(
            circle at 12% 0,
            rgba(107,152,245,.11),
            transparent 24%
        ),
        #10162f;
    color: #dce4f2;
}

body.public-shell .footer a {
    color: #c4cede;
}

body.public-shell .footer a:hover {
    color: #fff;
}

body.public-shell .footer-bottom {
    border-color: rgba(255,255,255,.09);
}


/* ==========================================================================
   DASHBOARD
   ========================================================================== */

body.dashboard-shell {
    --aq-dash-navy: var(--aq-v2-navy-800);
    --aq-dash-navy-2: var(--aq-v2-navy-700);
    --aq-dash-blue: var(--aq-v2-blue-600);
    --aq-dash-blue-soft: var(--aq-v2-sky-100);
    --aq-dash-cyan: var(--aq-v2-sky-400);
    --aq-dash-bg: var(--aq-v2-page);
    --aq-dash-card: var(--aq-v2-card);
    --aq-dash-border: var(--aq-v2-line);
    --aq-dash-text: var(--aq-v2-text);
    --aq-dash-muted: var(--aq-v2-muted);
    --aq-dash-shadow: var(--aq-v2-shadow-sm);
    --aq-dash-shadow-hover: var(--aq-v2-shadow-md);

    background:
        radial-gradient(
            circle at 7% -2%,
            rgba(107,152,245,.085),
            transparent 27%
        ),
        linear-gradient(
            180deg,
            #f7f9fd,
            #f3f6fb
        ) !important;
}


/* --- Dashboard header ---------------------------------------------------- */

body.dashboard-shell .aq-dashboard-header {
    background: rgba(255,255,255,.93);
    border-bottom-color: rgba(220,227,238,.92);
    box-shadow: 0 5px 22px rgba(31,40,95,.04);
}

body.dashboard-shell .aq-dashboard-workspace-icon {
    background:
        linear-gradient(
            145deg,
            var(--aq-v2-sky-100),
            #fbfdff
        );
    border-color: #dce8f8;
}

body.dashboard-shell .aq-dashboard-header-action {
    border-color: var(--aq-v2-line);
    color: #505c73;
}

body.dashboard-shell .aq-dashboard-header-action:hover {
    background: var(--aq-v2-sky-50);
    border-color: #cbd8e9;
    color: var(--aq-v2-navy-800);
}


/* --- Sidebar ------------------------------------------------------------- */

body.dashboard-shell .portal-sidebar {
    border-color: rgba(220,227,238,.98) !important;
    background: rgba(255,255,255,.94) !important;
    box-shadow: var(--aq-v2-shadow-sm) !important;
}

body.dashboard-shell .portal-side-brand {
    background:
        radial-gradient(
            circle at 90% 10%,
            rgba(133,205,247,.2),
            transparent 27%
        ),
        linear-gradient(
            145deg,
            #171d47,
            #263574 58%,
            #3f59b9
        ) !important;
    box-shadow: 0 12px 28px rgba(31,40,95,.18) !important;
}

body.dashboard-shell .portal-nav-group a {
    color: #59647a !important;
}

body.dashboard-shell .portal-nav-group a i {
    background: #f1f5fa !important;
    color: #788399 !important;
}

body.dashboard-shell .portal-nav-group a:hover {
    background: #f3f7fd !important;
    color: var(--aq-v2-navy-800) !important;
}

body.dashboard-shell .portal-nav-group a.active {
    background:
        linear-gradient(
            135deg,
            var(--aq-v2-navy-800),
            #364ba7
        ) !important;
    box-shadow: 0 8px 20px rgba(31,40,95,.16) !important;
}


/* --- Title rows ---------------------------------------------------------- */

body.dashboard-shell .portal-title-row .eyebrow {
    color: var(--aq-v2-blue-600) !important;
}

body.dashboard-shell .portal-title-row h1 {
    color: var(--aq-v2-navy-900) !important;
}

body.dashboard-shell .portal-title-row p {
    color: var(--aq-v2-muted) !important;
}


/* --- Dashboard hero ------------------------------------------------------ */

body.dashboard-shell .portal-hero {
    border-color: #dfe6f1 !important;
    background:
        radial-gradient(
            circle at 90% 4%,
            rgba(107,152,245,.12),
            transparent 30%
        ),
        linear-gradient(
            118deg,
            #ffffff 0%,
            #fbfcff 54%,
            #edf4ff 100%
        ) !important;
    box-shadow: var(--aq-v2-shadow-sm) !important;
}

body.dashboard-shell .portal-avatar {
    background:
        linear-gradient(
            140deg,
            var(--aq-v2-navy-800),
            #4058b8
        ) !important;
    box-shadow: 0 9px 22px rgba(31,40,95,.17) !important;
}


/* --- Universal dashboard cards ----------------------------------------- */

body.dashboard-shell :is(
    .portal-panel,
    .portal-kpi,
    .settings-card,
    .package-admin-card,
    .admin-inline-card,
    .amenity-admin-grid form,
    .admin-module-grid > a,
    .action-row,
    .invoice-panel,
    .language-panel
) {
    border-color: var(--aq-v2-line) !important;
    background: var(--aq-v2-card) !important;
    box-shadow: var(--aq-v2-shadow-xs) !important;
}

body.dashboard-shell :is(
    .portal-panel,
    .settings-card,
    .package-admin-card,
    .admin-inline-card,
    .admin-module-grid > a
):hover {
    border-color: #d4deec !important;
}


/* portal panels */

body.dashboard-shell .portal-panel {
    border-radius: var(--aq-v2-radius-lg) !important;
}

body.dashboard-shell .portal-panel-head {
    border-color: #edf1f6 !important;
}

body.dashboard-shell .portal-panel-head h2 {
    color: var(--aq-v2-navy-900) !important;
}


/* KPI hierarchy */

body.dashboard-shell .portal-kpis {
    gap: 12px !important;
}

body.dashboard-shell .portal-kpi {
    position: relative;
    overflow: hidden;
    border-radius: var(--aq-v2-radius-lg) !important;
    background:
        linear-gradient(
            145deg,
            #ffffff,
            #fbfcff
        ) !important;
}

body.dashboard-shell .portal-kpi::after {
    content: "";
    position: absolute;
    width: 84px;
    height: 84px;
    top: -42px;
    inset-inline-end: -30px;
    border-radius: 50%;
    background: rgba(107,152,245,.085);
    pointer-events: none;
}

body.dashboard-shell .portal-kpi b {
    color: var(--aq-v2-navy-900) !important;
}

body.dashboard-shell .portal-kpi.green::after {
    background: rgba(27,154,112,.09);
}


/* module cards */

body.dashboard-shell .admin-module-grid > a {
    border-radius: 16px !important;
    background:
        linear-gradient(
            145deg,
            #ffffff,
            #fbfcff
        ) !important;
}

body.dashboard-shell .admin-module-grid > a:hover {
    transform: translateY(-2px);
    box-shadow: var(--aq-v2-shadow-sm) !important;
}

body.dashboard-shell .admin-module-grid > a i {
    color: var(--aq-v2-navy-800) !important;
    background: var(--aq-v2-sky-100);
}


/* --- Tables -------------------------------------------------------------- */

body.dashboard-shell .portal-table-wrap {
    border-color: var(--aq-v2-line) !important;
    border-radius: var(--aq-v2-radius-md) !important;
    background: #fff !important;
    box-shadow: none !important;
}

body.dashboard-shell .portal-table thead th {
    background: #f5f8fc !important;
    color: #68748a !important;
    border-color: #e9eef5 !important;
}

body.dashboard-shell .portal-table tbody td {
    border-color: #edf1f6 !important;
    color: var(--aq-v2-text-2);
}

body.dashboard-shell .portal-table tbody tr:hover td {
    background: #fafcff !important;
}


/* --- Filters / toolbars -------------------------------------------------- */

body.dashboard-shell :is(
    .admin-filterbar,
    .admin-filter-bar,
    .filters,
    .toolbar-actions
) {
    border-color: var(--aq-v2-line) !important;
}


/* --- Status pills -------------------------------------------------------- */

body.dashboard-shell .status-pill {
    border-radius: 999px !important;
    border: 1px solid transparent;
}

body.dashboard-shell .status-pill:is(.active,.published,.paid,.completed,.approved,.qualified) {
    background: var(--aq-v2-success-soft) !important;
    color: var(--aq-v2-success) !important;
    border-color: #d5efe5 !important;
}

body.dashboard-shell .status-pill:is(.pending,.pending_payment,.initiated,.draft) {
    background: var(--aq-v2-warning-soft) !important;
    color: #a16b22 !important;
    border-color: #f4e4c7 !important;
}

body.dashboard-shell .status-pill:is(.rejected,.failed,.cancelled,.inactive) {
    background: var(--aq-v2-danger-soft) !important;
    color: var(--aq-v2-danger) !important;
    border-color: #f3d8db !important;
}


/* --- Package manager ----------------------------------------------------- */

body.dashboard-shell .packages-page .admin-package-create,
body.dashboard-shell .packages-page .package-admin-card {
    border-color: var(--aq-v2-line) !important;
    background: #fff !important;
}

body.dashboard-shell .package-admin-card:not(.aq-open) .package-admin-top {
    background:
        linear-gradient(
            90deg,
            #ffffff,
            #fbfcff
        ) !important;
}

body.dashboard-shell .package-admin-card.aq-open {
    border-color: #ccd8ea !important;
    box-shadow: var(--aq-v2-shadow-sm) !important;
}

body.dashboard-shell .package-admin-card.aq-open .package-admin-top {
    background: #f7faff !important;
}

body.dashboard-shell .aq-package-summary span {
    background: #f2f5fa !important;
    color: #68748a !important;
}

body.dashboard-shell .aq-package-summary .aq-price {
    background: var(--aq-v2-sky-100) !important;
    color: var(--aq-v2-navy-800) !important;
}

body.dashboard-shell .aq-package-toggle {
    border-color: var(--aq-v2-line-strong) !important;
    color: var(--aq-v2-navy-800) !important;
}

body.dashboard-shell .aq-package-toggle:hover {
    background: var(--aq-v2-sky-50) !important;
}


/* --- Settings ------------------------------------------------------------ */

body.dashboard-shell .settings-card {
    border-radius: var(--aq-v2-radius-lg) !important;
}


/* --- Alerts -------------------------------------------------------------- */

body.public-shell .alert,
body.dashboard-shell .alert {
    border: 1px solid #d6eee5;
    border-radius: var(--aq-v2-radius-md);
    background: var(--aq-v2-success-soft);
    color: #167b5b;
    box-shadow: var(--aq-v2-shadow-xs);
}

body.public-shell .errors,
body.dashboard-shell .errors {
    border: 1px solid #f0d7da;
    border-radius: var(--aq-v2-radius-md);
    background: var(--aq-v2-danger-soft);
    color: #a43e47;
}


/* ==========================================================================
   RESPONSIVE HARMONY
   ========================================================================== */

@media (max-width: 1100px) {
    body.public-shell .section {
        padding-top: 56px;
        padding-bottom: 56px;
    }

    body.public-shell .desktop-nav {
        gap: 12px;
    }
}

@media (max-width: 767px) {
    body.public-shell,
    body.dashboard-shell {
        background: #f5f7fb;
    }

    body.public-shell .section {
        padding-top: 42px;
        padding-bottom: 42px;
    }

    body.public-shell .mobile-menu {
        border-top: 1px solid var(--aq-v2-line);
        background: rgba(255,255,255,.98);
        box-shadow: var(--aq-v2-shadow-md);
    }

    body.public-shell .mobile-menu a {
        border-radius: 10px;
    }

    body.public-shell .mobile-menu a:hover {
        background: var(--aq-v2-sky-50);
        color: var(--aq-v2-navy-800);
    }

    body.public-shell .property-card,
    body.public-shell .agency-card,
    body.public-shell .developer-card,
    body.public-shell .area-card,
    body.dashboard-shell .portal-panel,
    body.dashboard-shell .portal-kpi,
    body.dashboard-shell .settings-card {
        border-radius: 15px !important;
    }

    body.dashboard-shell .portal-sidebar {
        background: rgba(255,255,255,.98) !important;
        box-shadow: var(--aq-v2-shadow-lg) !important;
    }
}


/* ==========================================================================
   REDUCED MOTION
   ========================================================================== */

@media (prefers-reduced-motion: reduce) {
    body.public-shell *,
    body.dashboard-shell * {
        scroll-behavior: auto !important;
        transition-duration: 0.01ms !important;
        animation-duration: 0.01ms !important;
        animation-iteration-count: 1 !important;
    }
}


/* ==========================================================================
   AQARK VISUAL SYSTEM V2.1 — PACKAGE PAGE LAYOUT CORRECTION
   Fixes the oversized sidebar column / wasted vertical rail on long package pages.
   ========================================================================== */

@media (min-width: 1100px) {
    body.dashboard-shell .packages-page .portal-container {
        width: min(1680px, calc(100% - 30px)) !important;
        max-width: 1680px !important;
    }

    body.dashboard-shell .packages-page .portal-grid {
        grid-template-columns: 220px minmax(0,1fr) !important;
        gap: 16px !important;
        align-items: start !important;
    }

    body.dashboard-shell .packages-page .portal-sidebar {
        width: 220px !important;
        max-width: 220px !important;
        align-self: start !important;
        position: sticky !important;
        top: 88px !important;
        max-height: calc(100vh - 110px) !important;
        overflow-y: auto !important;
        overflow-x: hidden !important;
    }

    body.dashboard-shell .packages-page .portal-main {
        width: 100% !important;
        max-width: none !important;
        min-width: 0 !important;
    }

    body.dashboard-shell .packages-page .portal-title-row {
        padding-inline: 2px !important;
    }
}

/* Keep the accordion visually compact even if old page CSS competes. */
body.dashboard-shell .packages-page
.package-admin-card:not(.aq-open)
.admin-form-grid.compact,
body.dashboard-shell .packages-page
.package-admin-card:not(.aq-open)
.package-admin-actions {
    display: none !important;
}

body.dashboard-shell .packages-page
.admin-package-create:not(.aq-open)
.admin-form-grid {
    display: none !important;
}

body.dashboard-shell .packages-page .package-admin-list {
    display: grid !important;
    gap: 8px !important;
}

body.dashboard-shell .packages-page .package-admin-card {
    margin: 0 !important;
    border-radius: 14px !important;
}

body.dashboard-shell .packages-page .package-admin-top {
    min-height: 54px !important;
    padding: 9px 12px !important;
}

body.dashboard-shell .packages-page .portal-panel {
    border-radius: 16px !important;
}

/* Prevent the old public stylesheet package-page rule from making the
   sidebar effectively unlimited-height on very long pages. */
body.dashboard-shell .packages-page .admin-sidebar,
body.dashboard-shell .packages-page .portal-sidebar {
    max-height: calc(100vh - 110px) !important;
    overflow-y: auto !important;
}

/* ============================================================================
   AQARK H1 — UNIFIED PRODUCT DESIGN SYSTEM
   Philosophy: Glancers calm surfaces + Nawy premium real-estate presentation
   + Bayut direct property-discovery UX. AQARK brand only.
   ============================================================================ */
:root{
  --aq-page:#F7F8FA;
  --aq-page-soft:#F3F5F8;
  --aq-card:#FFFFFF;
  --aq-card-soft:#FAFBFC;
  --aq-border:#E6E9EF;
  --aq-border-strong:#DCE1E8;
  --aq-text:#1D2433;
  --aq-text-2:#667085;
  --aq-text-3:#8B94A5;
  --aq-navy:#1F285F;
  --aq-navy-2:#28357D;
  --aq-blue:#4D73D9;
  --aq-blue-soft:#EEF3FF;
  --aq-hover:#F4F6FA;
  --aq-success:#18865F;
  --aq-warning:#B7791F;
  --aq-danger:#C83E4D;
  --aq-r-sm:8px;
  --aq-r-control:10px;
  --aq-r-card:14px;
  --aq-r-large:18px;
  --aq-shadow-1:0 2px 8px rgba(25,35,65,.04);
  --aq-shadow-2:0 8px 24px rgba(25,35,65,.07);
  --aq-space-1:4px;
  --aq-space-2:8px;
  --aq-space-3:12px;
  --aq-space-4:16px;
  --aq-space-5:20px;
  --aq-space-6:24px;
  --aq-space-8:32px;
  --aq-space-12:48px;
  --aq-space-16:64px;
}

body.public-shell{background:var(--aq-page);color:var(--aq-text)}
body.public-shell .topbar{background:rgba(255,255,255,.96);border-bottom:1px solid var(--aq-border);box-shadow:none}
body.public-shell .smart-strip{background:var(--aq-navy);color:#F0F4FF}
body.public-shell .section{padding:56px 0}
body.public-shell .section.alt{background:var(--aq-page-soft)}
body.public-shell .section-head{margin-bottom:24px}
body.public-shell .section-head h2{color:var(--aq-text);font-weight:750;letter-spacing:-.02em}
body.public-shell .eyebrow{color:var(--aq-blue)}
body.public-shell .muted{color:var(--aq-text-2)}

/* Universal surfaces */
body.public-shell .property-card,
body.public-shell .agency-card,
body.public-shell .agency-directory-card,
body.public-shell .developer-card,
body.public-shell .area-card,
body.public-shell .news-card,
body.public-shell .event-card,
body.public-shell .info-card,
body.public-shell .results-toolbar,
body.public-shell .contact-box,
body.public-shell .panel,
body.dashboard-shell .portal-panel,
body.dashboard-shell .portal-kpi,
body.dashboard-shell .portal-plan,
body.dashboard-shell .package-card,
body.dashboard-shell .settings-card,
body.dashboard-shell .editor-page-card{
  background:var(--aq-card)!important;
  border:1px solid var(--aq-border)!important;
  border-radius:var(--aq-r-card)!important;
  box-shadow:var(--aq-shadow-1)!important;
}
body.public-shell .property-card:hover,
body.public-shell .agency-card:hover,
body.public-shell .developer-card:hover,
body.dashboard-shell .portal-panel:hover,
body.dashboard-shell .portal-kpi:hover,
body.dashboard-shell .package-card:hover{
  border-color:var(--aq-border-strong)!important;
  box-shadow:var(--aq-shadow-2)!important;
}

/* Buttons / controls */
.btn{border-radius:var(--aq-r-control)!important;box-shadow:none!important;font-weight:750!important;min-height:40px}
.btn:not(.outline):not(.soft):not(.ghost):not(.danger):not(.whatsapp){background:var(--aq-navy)!important;color:#fff!important}
.btn:not(.outline):not(.soft):not(.ghost):not(.danger):not(.whatsapp):hover{background:var(--aq-navy-2)!important;transform:none!important}
.btn.outline{background:#fff!important;border:1px solid var(--aq-border-strong)!important;color:var(--aq-text)!important}
.btn.soft{background:var(--aq-blue-soft)!important;color:var(--aq-navy)!important}
input,select,textarea{border-color:var(--aq-border-strong)!important;border-radius:var(--aq-r-control)!important}
input:focus,select:focus,textarea:focus{outline:0!important;border-color:#91A4D8!important;box-shadow:0 0 0 3px rgba(77,115,217,.10)!important}

/* Public hero: premium but restrained */
body.public-shell .hero-home{min-height:590px}
body.public-shell .hero-overlay{background:linear-gradient(90deg,rgba(18,27,67,.90) 0%,rgba(31,40,95,.73) 46%,rgba(31,40,95,.15) 78%,rgba(31,40,95,.05) 100%)}
body.public-shell .hero-inner{padding:78px 0 66px}
body.public-shell .hero h1{font-weight:760;letter-spacing:-.035em;max-width:780px}
body.public-shell .hero p{color:#EEF3FF;max-width:690px}

/* Project / imagery surfaces */
body.public-shell .project-card{border-radius:var(--aq-r-large)!important;box-shadow:var(--aq-shadow-2)!important}
body.public-shell .project-shade{background:linear-gradient(180deg,rgba(13,20,48,.03),rgba(19,26,61,.88))}

/* Dashboard calm surfaces */
body.dashboard-shell{background:var(--aq-page)!important;color:var(--aq-text)!important}
body.dashboard-shell .aq-dashboard-header{background:rgba(255,255,255,.96)!important;border-bottom:1px solid var(--aq-border)!important;box-shadow:none!important}
body.dashboard-shell .portal-sidebar{background:#fff!important;border:1px solid var(--aq-border)!important;box-shadow:var(--aq-shadow-1)!important}
body.dashboard-shell .portal-sidebar a{border-radius:10px!important;color:#596275!important}
body.dashboard-shell .portal-sidebar a:hover{background:var(--aq-hover)!important;color:var(--aq-navy)!important}
body.dashboard-shell .portal-sidebar a.active{background:var(--aq-blue-soft)!important;color:var(--aq-navy)!important;box-shadow:inset 3px 0 0 var(--aq-blue)}
.rtl body.dashboard-shell .portal-sidebar a.active,
body.dashboard-shell.rtl .portal-sidebar a.active{box-shadow:inset -3px 0 0 var(--aq-blue)}
body.dashboard-shell .portal-panel{padding:20px!important}
body.dashboard-shell .portal-table-wrap{border:1px solid var(--aq-border)!important;border-radius:var(--aq-r-card)!important;box-shadow:none!important}
body.dashboard-shell .portal-table thead th{background:#F8F9FB!important;color:#737D90!important;border-bottom:1px solid var(--aq-border)!important}
body.dashboard-shell .portal-table tbody td{border-bottom:1px solid #ECEEF2!important}
body.dashboard-shell .portal-table tbody tr:hover td{background:#FAFBFC!important}

/* ============================================================================
   AQARK UNIVERSAL PROPERTY FILTER
   ============================================================================ */
.aq-search-tabs{display:flex;gap:6px;margin-top:30px;align-items:end}
.aq-search-tabs a,.aq-search-tabs button{border:1px solid rgba(255,255,255,.18);background:rgba(17,24,57,.55);color:#fff;min-height:48px;padding:0 20px;border-radius:12px 12px 0 0;font:inherit;font-weight:800;cursor:pointer}
.aq-search-tabs .active{background:#fff;color:var(--aq-navy);border-color:#fff}
.aq-search-tabs .projects-tab{margin-inline-start:4px;background:rgba(255,255,255,.10)}

.aq-universal-filter{background:#fff;border:1px solid var(--aq-border);box-shadow:var(--aq-shadow-2);color:var(--aq-text)}
.aq-universal-filter--hero{max-width:1160px;border-radius:0 var(--aq-r-large) var(--aq-r-large) var(--aq-r-large);padding:12px}
.rtl .aq-universal-filter--hero{border-radius:var(--aq-r-large) 0 var(--aq-r-large) var(--aq-r-large)}
.aq-filter-grid{display:grid;grid-template-columns:minmax(280px,1.7fr) minmax(145px,.75fr) minmax(135px,.65fr) minmax(140px,.7fr) auto;gap:8px;align-items:stretch}
.aq-field{display:flex;flex-direction:column;gap:3px;padding:7px 11px;border:1px solid var(--aq-border);border-radius:var(--aq-r-control);background:#fff;min-width:0}
.aq-field>span{font-size:10px;font-weight:800;letter-spacing:.03em;color:var(--aq-text-3)}
.aq-field input,.aq-field select{width:100%;border:0!important;box-shadow:none!important;padding:2px 0!important;min-height:24px!important;background:transparent!important;color:var(--aq-text);font:inherit}
.aq-filter-submit{min-width:112px}
.aq-status-segment{display:flex;gap:4px;margin-top:8px;padding:4px;background:#F5F7FA;border-radius:12px;width:max-content;max-width:100%}
.aq-status-segment label{position:relative;cursor:pointer}
.aq-status-segment input{position:absolute;opacity:0;pointer-events:none}
.aq-status-segment span{display:block;padding:8px 12px;border-radius:9px;font-size:12px;font-weight:750;color:#687386;white-space:nowrap}
.aq-status-segment input:checked+span{background:#fff;color:var(--aq-navy);box-shadow:0 1px 5px rgba(25,35,65,.08)}

/* Results filter bar */
.aq-results-filter-wrap{position:sticky;top:68px;z-index:60;background:rgba(247,248,250,.96);border-top:1px solid var(--aq-border);border-bottom:1px solid var(--aq-border);backdrop-filter:blur(12px);padding:10px 0}
.aq-results-filter{background:#fff;border:1px solid var(--aq-border);border-radius:var(--aq-r-card);padding:8px;box-shadow:var(--aq-shadow-1)}
.aq-results-row{display:grid;grid-template-columns:130px minmax(240px,1.6fr) 145px 125px 145px 124px auto auto;gap:6px;align-items:center}
.aq-results-row .aq-field{padding:5px 9px;min-height:46px}
.aq-results-row .aq-field>span{display:none}
.aq-results-row .aq-status-inline{display:flex;align-items:center;gap:3px;padding:4px;background:#F6F7F9;border-radius:10px;min-height:46px}
.aq-results-row .aq-status-inline label{position:relative;flex:1}
.aq-results-row .aq-status-inline input{position:absolute;opacity:0}
.aq-results-row .aq-status-inline span{display:block;text-align:center;padding:8px 7px;border-radius:8px;font-size:11px;font-weight:750;color:#697386;cursor:pointer;white-space:nowrap}
.aq-results-row .aq-status-inline input:checked+span{background:#fff;color:var(--aq-navy);box-shadow:0 1px 4px rgba(25,35,65,.08)}
.aq-more-filter-btn{background:#fff;border:1px solid var(--aq-border-strong);border-radius:10px;min-height:46px;padding:0 12px;color:var(--aq-text);font-weight:750;cursor:pointer;white-space:nowrap}
.aq-more-filter-btn b{display:inline-grid;place-items:center;margin-inline-start:4px;min-width:18px;height:18px;padding:0 4px;border-radius:999px;background:var(--aq-blue-soft);color:var(--aq-navy);font-size:10px}
.aq-filter-clear{display:inline-flex;align-items:center;gap:5px;color:var(--aq-text-2);font-size:12px;font-weight:700;padding:0 6px;white-space:nowrap}

/* Advanced filter panel behaves like a polished desktop drawer/card */
.aq-advanced-filters{display:none;margin-top:8px;border-top:1px solid var(--aq-border);padding:18px 10px 10px}
.aq-advanced-filters.open{display:block}
.aq-advanced-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.aq-advanced-grid label{font-size:11px;font-weight:750;color:var(--aq-text-2)}
.aq-advanced-grid input,.aq-advanced-grid select{display:block;width:100%;margin-top:5px;min-height:40px;padding:8px 10px;background:#fff}
.aq-advanced-checks{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}
.aq-advanced-checks label{display:flex;align-items:center;gap:7px;padding:8px 10px;border:1px solid var(--aq-border);border-radius:10px;background:#fff;font-size:12px;color:var(--aq-text-2)}
.aq-advanced-checks input{accent-color:var(--aq-blue)}
.aq-amenity-filter{margin-top:16px;padding-top:14px;border-top:1px solid var(--aq-border)}
.aq-amenity-filter>b{display:block;margin-bottom:9px;font-size:13px}
.aq-amenity-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px}
.aq-amenity-grid label{display:flex;align-items:center;gap:7px;padding:8px 9px;border:1px solid var(--aq-border);border-radius:9px;background:#fff;font-size:11px;color:var(--aq-text-2)}
.aq-advanced-actions{display:flex;gap:8px;justify-content:flex-end;margin-top:16px}

/* Search result hierarchy */
body.public-shell .listing-header{padding:30px 0 18px;background:var(--aq-page)}
body.public-shell .listing-header h1{font-size:clamp(27px,3vw,36px);font-weight:760;letter-spacing:-.02em}
body.public-shell .results-toolbar{padding:12px 14px!important;margin-bottom:16px;box-shadow:none!important}
body.public-shell .listing-results .property-card{box-shadow:none!important}
body.public-shell .listing-results .property-card:hover{box-shadow:var(--aq-shadow-2)!important;transform:translateY(-2px)}

@media(max-width:1180px){
  .aq-filter-grid{grid-template-columns:minmax(250px,1.5fr) repeat(3,minmax(130px,.7fr)) auto}
  .aq-results-row{grid-template-columns:120px minmax(220px,1fr) 135px 115px 130px auto auto}
  .aq-results-row>.aq-field:nth-of-type(5){display:none}
  .aq-advanced-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(max-width:900px){
  body.public-shell .section{padding:44px 0}
  .aq-universal-filter--hero{border-radius:var(--aq-r-large)!important}
  .aq-filter-grid{grid-template-columns:1fr 1fr}
  .aq-filter-grid .aq-field:first-child{grid-column:1/-1}
  .aq-filter-submit{grid-column:1/-1;min-height:46px}
  .aq-search-tabs{margin-top:24px}
  .aq-results-filter-wrap{top:66px}
  .aq-results-row{grid-template-columns:1fr auto auto}
  .aq-results-row>.aq-field:not(:nth-child(2)),.aq-results-row>.aq-status-inline{display:none}
  .aq-results-row>.aq-field:nth-child(2){display:flex}
  .aq-results-row .aq-filter-submit{grid-column:auto;min-width:88px}
  .aq-advanced-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .aq-amenity-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:600px){
  body.public-shell .section{padding:34px 0}
  .aq-search-tabs{gap:4px;overflow:auto}
  .aq-search-tabs a,.aq-search-tabs button{padding:0 15px;min-height:44px;white-space:nowrap}
  .aq-filter-grid{grid-template-columns:1fr}
  .aq-filter-grid .aq-field:first-child,.aq-filter-submit{grid-column:auto}
  .aq-status-segment{width:100%}
  .aq-status-segment label{flex:1}.aq-status-segment span{text-align:center;padding:8px 6px}
  .aq-results-row{grid-template-columns:1fr auto}
  .aq-results-row .aq-filter-submit{display:none}
  .aq-more-filter-btn{min-width:112px}
  .aq-advanced-filters{position:fixed;inset:0;z-index:1200;margin:0;padding:18px;background:var(--aq-page);overflow:auto}
  .aq-advanced-filters.open{display:block}
  .aq-advanced-grid,.aq-amenity-grid{grid-template-columns:1fr}
  .aq-advanced-actions{position:sticky;bottom:-18px;margin:18px -18px -18px;padding:12px 18px;background:#fff;border-top:1px solid var(--aq-border)}
  .aq-advanced-actions .btn{flex:1}
}


/* ============================================================================
   AQARK H2 — PROPERTY DISCOVERY & RESPONSIVE REFINEMENT
   Locked reference direction:
   Glancers calm surfaces + Nawy premium real-estate presentation
   + Bayut direct filtering + AQARK identity.
   ============================================================================ */

/* Wider discovery canvas without changing global marketing-page containers. */
body.public-shell .aq-discovery-container{
  width:min(1440px,calc(100% - 40px));
  margin-inline:auto;
}

/* Results filter: clearer proportions and direct Bayut-style scan order. */
.aq-results-row-h2{
  grid-template-columns:
    minmax(112px,.58fr)
    minmax(280px,1.7fr)
    minmax(185px,.90fr)
    minmax(142px,.72fr)
    minmax(178px,.92fr)
    minmax(180px,.98fr)
    auto
    auto;
  gap:8px;
}
.aq-results-row-h2 .aq-field,
.aq-results-row-h2 .aq-status-inline,
.aq-results-row-h2 .aq-more-filter-btn,
.aq-results-row-h2 .aq-filter-submit{
  min-height:50px;
}
.aq-results-row-h2 .aq-field{
  position:relative;
  padding:7px 10px;
}
.aq-results-row-h2 .aq-location-field{
  padding-inline-start:34px;
}
html[dir="rtl"] .aq-results-row-h2 .aq-location-field{
  padding-inline-start:10px;
  padding-inline-end:34px;
}
.aq-field-icon{
  position:absolute;
  inset-inline-start:11px;
  top:50%;
  transform:translateY(-50%);
  color:var(--aq-blue);
  font-size:15px;
  pointer-events:none;
}
.aq-results-row-h2 .aq-field>span{
  display:none;
}
.aq-results-row-h2 .aq-status-inline{
  border:1px solid var(--aq-border);
  background:#F7F8FA;
}
.aq-results-row-h2 .aq-status-inline span{
  padding:9px 8px;
  font-size:11px;
}
.aq-dual-field,
.aq-price-field{
  justify-content:center;
}
.aq-dual-selects,
.aq-price-inputs{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(0,1fr);
  gap:4px;
  align-items:center;
}
.aq-price-inputs{
  grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);
}
.aq-price-inputs>b{
  color:var(--aq-text-3);
  font-weight:600;
}
.aq-dual-selects select,
.aq-price-inputs input{
  min-width:0;
  width:100%;
  font-size:12px!important;
}
.aq-dual-selects select+select{
  border-inline-start:1px solid var(--aq-border)!important;
  padding-inline-start:7px!important;
}
.aq-more-filter-btn{
  min-width:138px;
}
.aq-filter-submit{
  min-width:98px;
}

/* Polished More Filters panel / drawer */
.aq-filter-drawer-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:20px;
  margin:-4px 0 16px;
  padding-bottom:14px;
  border-bottom:1px solid var(--aq-border);
}
.aq-filter-drawer-head>div{
  min-width:0;
}
.aq-filter-drawer-head b{
  display:block;
  font-size:16px;
  color:var(--aq-text);
}
.aq-filter-drawer-head span{
  display:block;
  margin-top:3px;
  font-size:12px;
  color:var(--aq-text-2);
}
.aq-filter-drawer-head button{
  width:38px;
  height:38px;
  display:grid;
  place-items:center;
  flex:0 0 38px;
  border:1px solid var(--aq-border);
  border-radius:10px;
  background:#fff;
  color:var(--aq-text);
  cursor:pointer;
}
body.aq-filter-open{
  overflow:hidden;
}

/* Results toolbar: calm and compact, with clear actions. */
.aq-results-toolbar-h2{
  min-height:58px!important;
  padding:10px 12px!important;
  margin-bottom:14px!important;
}
.aq-result-count{
  display:flex;
  align-items:baseline;
  gap:6px;
}
.aq-result-count b{
  font-size:17px;
  color:var(--aq-navy);
}
.aq-result-count span{
  font-size:12px;
  color:var(--aq-text-2);
}
.aq-mobile-filter-trigger{
  display:none!important;
}
.aq-mobile-filter-trigger b{
  display:inline-grid;
  min-width:18px;
  height:18px;
  place-items:center;
  padding:0 4px;
  border-radius:999px;
  background:var(--aq-blue-soft);
  color:var(--aq-navy);
  font-size:10px;
}

/* Listing layout: use the desktop canvas more effectively; ads stay secondary. */
.aq-listing-with-ads-h2{
  grid-template-columns:220px minmax(0,1fr)!important;
  gap:18px!important;
}
.aq-ad-rail-h2{
  top:145px!important;
}
.aq-ad-rail-h2 .ad-demo{
  min-height:180px!important;
  padding:14px!important;
  background:#F8FAFD!important;
  border-color:#D8E1EC!important;
  color:#667085!important;
  box-shadow:none!important;
}
.aq-ad-rail-h2 .ad-demo span{
  font-size:18px!important;
  color:var(--aq-navy)!important;
}
.aq-property-grid-h2{
  gap:16px!important;
}
.aq-property-grid-h2 .property-card{
  min-width:0;
}
body.public-shell .aq-property-grid-h2 .property-media{
  height:225px;
}
body.public-shell .aq-property-grid-h2 .property-body{
  padding:16px 16px 14px;
}
body.public-shell .aq-property-grid-h2 .price{
  font-size:21px;
  line-height:1.12;
}
body.public-shell .aq-property-grid-h2 .property-body h3{
  margin:9px 0 11px;
  min-height:39px;
  line-height:1.35;
}
body.public-shell .aq-property-grid-h2 .property-meta{
  padding:10px 0;
}
body.public-shell .aq-property-grid-h2 .location-line{
  margin:10px 0;
}
.aq-infeed-ad-h2{
  margin:2px 0;
}
.aq-infeed-ad-h2 .ad-demo{
  min-height:82px!important;
  background:#F8FAFD!important;
  border-color:#D8E1EC!important;
  box-shadow:none!important;
}

/* Homepage filter refinement: location remains the hero control, with richer
   Beds & Baths and Price fields while staying visually quiet. */
.aq-universal-filter--hero{
  max-width:1180px;
  padding:13px;
}
.aq-filter-grid{
  grid-template-columns:
    minmax(300px,1.75fr)
    minmax(150px,.78fr)
    minmax(185px,.95fr)
    minmax(185px,.95fr)
    auto;
  gap:9px;
}
.aq-filter-grid .aq-field{
  min-height:54px;
}
.aq-filter-grid .aq-filter-submit{
  min-height:54px;
}
.aq-filter-grid .aq-dual-field>span,
.aq-filter-grid .aq-price-field>span{
  display:block;
}
.aq-filter-grid .aq-dual-selects select,
.aq-filter-grid .aq-price-inputs input{
  font-size:12px!important;
}

/* Dashboard rhythm: slight normalization only; do not alter package accordion
   or functional portal behavior. */
body.dashboard-shell .portal-hero{
  border-radius:18px!important;
}
body.dashboard-shell .portal-kpi,
body.dashboard-shell .admin-stat-card{
  min-height:118px;
}
body.dashboard-shell .portal-panel-head{
  margin-bottom:16px!important;
}
body.dashboard-shell .portal-sidebar .portal-nav-group{
  margin-top:14px;
}

/* Arabic-specific balance. */
html[dir="rtl"] .aq-results-row-h2{
  direction:rtl;
}
html[dir="rtl"] .aq-results-toolbar-h2,
html[dir="rtl"] .aq-filter-drawer-head{
  direction:rtl;
}
html[dir="rtl"] .aq-dual-selects select+select{
  border-inline-start:1px solid var(--aq-border)!important;
  padding-inline-start:7px!important;
}
html[dir="rtl"] .aq-property-grid-h2 .property-body{
  text-align:right;
}

/* Responsive discovery behavior */
@media(max-width:1320px){
  body.public-shell .aq-discovery-container{
    width:min(1240px,calc(100% - 32px));
  }
  .aq-results-row-h2{
    grid-template-columns:
      112px minmax(240px,1.5fr) 175px 135px 168px auto auto;
  }
  .aq-results-row-h2 .aq-price-field{
    display:none;
  }
  .aq-listing-with-ads-h2{
    grid-template-columns:190px minmax(0,1fr)!important;
  }
}

@media(max-width:1080px){
  .aq-results-row-h2{
    grid-template-columns:minmax(240px,1fr) auto auto;
  }
  .aq-results-row-h2>.aq-field:not(.aq-location-field),
  .aq-results-row-h2>.aq-status-inline{
    display:none;
  }
  .aq-results-row-h2>.aq-location-field{
    display:flex;
  }
  .aq-listing-with-ads-h2{
    grid-template-columns:1fr!important;
  }
  .aq-ad-rail-h2{
    position:static!important;
  }
  .aq-ad-rail-h2 .ad-demo{
    min-height:100px!important;
  }
  .aq-property-grid-h2{
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
  }
  .aq-filter-grid{
    grid-template-columns:1fr 1fr;
  }
  .aq-filter-grid .aq-field:first-child{
    grid-column:1/-1;
  }
}

@media(max-width:900px){
  body.public-shell .aq-discovery-container{
    width:min(100% - 24px,820px);
  }
  .aq-results-filter-wrap{
    position:sticky;
    top:66px;
    padding:8px 0;
  }
  .aq-results-filter{
    padding:7px;
  }
  .aq-results-row-h2{
    grid-template-columns:minmax(0,1fr) auto;
  }
  .aq-results-row-h2 .aq-more-filter-btn{
    min-width:112px;
  }
  .aq-results-row-h2 .aq-filter-submit{
    display:none;
  }
  .aq-advanced-filters{
    position:fixed!important;
    inset:0!important;
    z-index:1200!important;
    margin:0!important;
    border:0!important;
    border-radius:0!important;
    padding:18px!important;
    background:var(--aq-page)!important;
    overflow:auto!important;
  }
  .aq-advanced-filters.open{
    display:block!important;
  }
  .aq-filter-drawer-head{
    position:sticky;
    top:-18px;
    z-index:4;
    margin:-18px -18px 16px;
    padding:16px 18px 14px;
    background:#fff;
  }
  .aq-mobile-filter-trigger{
    display:inline-flex!important;
  }
  .aq-property-grid-h2{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
  .aq-ad-rail-h2{
    display:none!important;
  }
}

@media(max-width:620px){
  body.public-shell .aq-discovery-container{
    width:calc(100% - 20px);
  }
  body.public-shell .listing-header{
    padding:22px 0 14px;
  }
  body.public-shell .listing-header h1{
    font-size:26px;
  }
  .aq-results-filter-wrap{
    top:64px;
  }
  .aq-results-row-h2{
    grid-template-columns:1fr auto;
    gap:6px;
  }
  .aq-results-row-h2 .aq-location-field{
    min-height:48px;
  }
  .aq-results-row-h2 .aq-more-filter-btn{
    min-width:104px;
    padding:0 10px;
    font-size:12px;
  }
  .aq-results-toolbar-h2{
    align-items:stretch!important;
    gap:10px!important;
  }
  .aq-results-toolbar-h2 .toolbar-actions{
    width:100%;
    justify-content:space-between;
    flex-wrap:wrap;
  }
  .aq-results-toolbar-h2 .toolbar-actions form:last-child{
    margin-inline-start:auto;
  }
  .aq-property-grid-h2{
    grid-template-columns:1fr!important;
    gap:14px!important;
  }
  body.public-shell .aq-property-grid-h2 .property-media{
    height:238px;
  }
  .aq-infeed-ad-h2{
    display:none!important;
  }
  .aq-filter-grid{
    grid-template-columns:1fr!important;
  }
  .aq-filter-grid .aq-field:first-child,
  .aq-filter-grid .aq-filter-submit{
    grid-column:auto!important;
  }
  .aq-status-segment{
    width:100%;
  }
  .aq-status-segment label{
    flex:1;
  }
  .aq-status-segment span{
    text-align:center;
  }
}


/* ============================================================================
   AQARK H3 — VISUAL POLISH & MOBILE DISCOVERY
   Screenshot-led refinement after H2 acceptance.
   ============================================================================ */

/* --- HERO CONTRAST / READABILITY ------------------------------------------------ */
body.public-shell .hero.hero-home .hero-copy,
body.public-shell .hero.hero-home .hero-copy h1,
body.public-shell .hero.hero-home .hero-copy p{
  color:#fff!important;
  text-shadow:0 1px 2px rgba(10,19,45,.30);
}
body.public-shell .hero.hero-home::before{
  content:"";
  position:absolute;
  inset:0;
  background:
    linear-gradient(90deg,rgba(13,26,65,.80) 0%,rgba(13,26,65,.62) 38%,rgba(13,26,65,.28) 72%,rgba(13,26,65,.20) 100%);
  pointer-events:none;
}
html[dir="rtl"] body.public-shell .hero.hero-home::before{
  background:
    linear-gradient(270deg,rgba(13,26,65,.80) 0%,rgba(13,26,65,.62) 38%,rgba(13,26,65,.28) 72%,rgba(13,26,65,.20) 100%);
}
body.public-shell .hero.hero-home .container,
body.public-shell .hero.hero-home .hero-inner{
  position:relative;
  z-index:1;
}
body.public-shell .hero.hero-home .eyebrow{
  color:#DCE8FF!important;
}
body.public-shell .hero.hero-home .hero-copy h1{
  max-width:760px;
  line-height:1.02!important;
  letter-spacing:-.025em;
}
html[dir="rtl"] body.public-shell .hero.hero-home .hero-copy h1{
  letter-spacing:0;
  line-height:1.18!important;
}

/* --- HOMEPAGE SEARCH: LARGER, CALMER, MORE PREMIUM ----------------------------- */
.aq-universal-filter--hero{
  max-width:1240px;
  margin-top:24px;
  padding:14px 14px 13px!important;
  border-radius:16px!important;
  box-shadow:0 12px 34px rgba(22,35,68,.12)!important;
}
.aq-universal-filter--hero .aq-filter-tabs{
  margin-bottom:10px;
}
.aq-universal-filter--hero .aq-filter-tabs button,
.aq-universal-filter--hero .aq-filter-tabs a{
  min-height:40px;
  padding-inline:18px;
}
.aq-universal-filter--hero .aq-filter-grid{
  gap:8px!important;
}
.aq-universal-filter--hero .aq-field{
  min-height:58px!important;
  border-color:#E2E6ED!important;
  background:#fff!important;
}
.aq-universal-filter--hero .aq-filter-submit{
  min-height:58px!important;
  padding-inline:22px!important;
}
.aq-universal-filter--hero .aq-status-segment{
  margin-top:8px;
}
.aq-universal-filter--hero .aq-status-segment span{
  min-height:34px;
  display:flex;
  align-items:center;
  justify-content:center;
}

/* --- PUBLIC SECTION RHYTHM ------------------------------------------------------ */
body.public-shell .section{
  padding-top:58px;
  padding-bottom:58px;
}
body.public-shell .section.alt{
  background:#F6F8FB;
}
body.public-shell .section-head{
  margin-bottom:22px;
}
body.public-shell .section-head h2{
  letter-spacing:-.018em;
}
html[dir="rtl"] body.public-shell .section-head h2{
  letter-spacing:0;
}

/* --- RESULTS FILTER: CLEANER ONE-ROW DESKTOP ----------------------------------- */
.aq-results-filter-wrap{
  border-top:1px solid #EEF1F4;
  border-bottom:1px solid #E6EAF0;
  background:rgba(255,255,255,.96);
  backdrop-filter:saturate(1.15) blur(8px);
}
.aq-results-filter{
  padding:10px 0!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
}
.aq-results-row-h2{
  gap:7px!important;
}
.aq-results-row-h2 .aq-field,
.aq-results-row-h2 .aq-status-inline,
.aq-results-row-h2 .aq-more-filter-btn,
.aq-results-row-h2 .aq-filter-submit{
  min-height:48px!important;
  border-radius:10px!important;
}
.aq-results-row-h2 .aq-location-field{
  background:#fff;
  box-shadow:0 1px 0 rgba(25,36,58,.02);
}
.aq-results-row-h2 .aq-location-field input{
  font-weight:600;
}
.aq-more-filter-btn{
  white-space:nowrap;
}
.aq-filter-submit{
  font-weight:700;
}

/* --- RESULTS CANVAS / CARDS ----------------------------------------------------- */
.aq-property-results-section{
  padding-top:28px!important;
}
.aq-results-toolbar-h2{
  background:#fff!important;
  border:1px solid var(--aq-border)!important;
  border-radius:12px!important;
}
.aq-listing-with-ads-h2{
  align-items:start;
}
.aq-property-grid-h2{
  gap:14px!important;
}
body.public-shell .aq-property-grid-h2 .property-card{
  border-color:#E2E6EC!important;
  border-radius:14px!important;
  overflow:hidden;
  background:#fff;
  box-shadow:0 1px 2px rgba(24,32,51,.025)!important;
}
body.public-shell .aq-property-grid-h2 .property-card:hover{
  transform:translateY(-1px);
  border-color:#CFD7E4!important;
  box-shadow:0 8px 22px rgba(24,32,51,.07)!important;
}
body.public-shell .aq-property-grid-h2 .property-media{
  height:238px!important;
}
body.public-shell .aq-property-grid-h2 .property-body{
  padding:15px 15px 13px!important;
}
body.public-shell .aq-property-grid-h2 .property-body h3{
  font-size:15px!important;
  min-height:40px!important;
}
body.public-shell .aq-property-grid-h2 .price{
  font-size:20px!important;
  margin-top:3px;
}
body.public-shell .aq-property-grid-h2 .property-meta{
  font-size:12px;
}
body.public-shell .aq-property-grid-h2 .property-actions{
  border-top:1px solid #EEF1F4;
}

/* --- ADS: SECONDARY, NEVER COMPETE WITH LISTINGS -------------------------------- */
.aq-ad-rail-h2{
  opacity:.88;
}
.aq-ad-rail-h2 .ad-demo,
.aq-infeed-ad-h2 .ad-demo{
  color:#7A8494!important;
  background:#FAFBFC!important;
  border:1px dashed #D7DDE6!important;
}
.aq-ad-rail-h2 .ad-demo span,
.aq-infeed-ad-h2 .ad-demo span{
  color:#5B6678!important;
}
.aq-infeed-ad-h2{
  margin-block:6px!important;
}

/* --- ARABIC RESULTS ------------------------------------------------------------- */
html[dir="rtl"] .aq-results-row-h2 select,
html[dir="rtl"] .aq-results-row-h2 input{
  text-align:right;
}
html[dir="rtl"] .aq-results-toolbar-h2 .toolbar-actions{
  margin-inline-start:0;
  margin-inline-end:auto;
}
html[dir="rtl"] body.public-shell .aq-property-grid-h2 .property-actions{
  direction:rtl;
}

/* --- DASHBOARD HARMONY: LIGHT TOUCH -------------------------------------------- */
body.dashboard-shell{
  background:#F6F8FB!important;
}
body.dashboard-shell .dashboard-topbar{
  background:#fff!important;
  border-bottom:1px solid #E6EAF0!important;
  box-shadow:none!important;
}
body.dashboard-shell .portal-hero{
  box-shadow:0 6px 22px rgba(25,36,58,.045)!important;
}
body.dashboard-shell .portal-panel,
body.dashboard-shell .admin-stat-card,
body.dashboard-shell .portal-kpi{
  border-color:#E1E6ED!important;
  box-shadow:0 1px 2px rgba(24,32,51,.025)!important;
}
body.dashboard-shell .portal-sidebar{
  border-color:#E1E6ED!important;
  box-shadow:0 4px 16px rgba(24,32,51,.035)!important;
}
body.dashboard-shell .portal-sidebar a{
  min-height:42px;
}
body.dashboard-shell .portal-sidebar a.active{
  background:#EEF3FF!important;
  color:#1F285F!important;
}

/* --- MOBILE DISCOVERY ----------------------------------------------------------- */
@media(max-width:900px){
  body.public-shell .hero.hero-home{
    min-height:auto!important;
  }
  body.public-shell .hero.hero-home .hero-copy h1{
    font-size:34px!important;
    max-width:100%;
  }
  .aq-universal-filter--hero{
    margin-top:18px;
    padding:10px!important;
  }
  .aq-filter-grid{
    display:grid!important;
    grid-template-columns:1fr 1fr!important;
    gap:7px!important;
  }
  .aq-filter-grid .aq-field:first-child{
    grid-column:1/-1!important;
  }
  .aq-filter-grid .aq-filter-submit{
    grid-column:1/-1!important;
    min-height:50px!important;
  }

  .aq-results-filter-wrap{
    top:64px!important;
    z-index:60!important;
  }
  .aq-results-filter{
    padding:8px 0!important;
  }
  .aq-results-row-h2{
    grid-template-columns:minmax(0,1fr) auto!important;
  }
  .aq-results-row-h2 .aq-location-field{
    min-height:46px!important;
  }
  .aq-results-row-h2 .aq-more-filter-btn{
    min-height:46px!important;
    min-width:105px!important;
  }
  .aq-results-toolbar-h2{
    margin-top:4px!important;
  }
  .aq-property-grid-h2{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:12px!important;
  }
  body.public-shell .aq-property-grid-h2 .property-media{
    height:190px!important;
  }
}

@media(max-width:620px){
  body.public-shell .hero.hero-home .hero-copy h1{
    font-size:30px!important;
    line-height:1.08!important;
  }
  html[dir="rtl"] body.public-shell .hero.hero-home .hero-copy h1{
    line-height:1.22!important;
  }
  .aq-filter-grid{
    grid-template-columns:1fr!important;
  }
  .aq-filter-grid .aq-field:first-child,
  .aq-filter-grid .aq-filter-submit{
    grid-column:auto!important;
  }

  .aq-property-results-section{
    padding-top:18px!important;
  }
  .aq-results-toolbar-h2{
    padding:9px 10px!important;
    border-radius:10px!important;
  }
  .aq-result-count b{
    font-size:16px!important;
  }
  .aq-property-grid-h2{
    grid-template-columns:1fr!important;
    gap:14px!important;
  }
  body.public-shell .aq-property-grid-h2 .property-media{
    height:235px!important;
  }
  body.public-shell .aq-property-grid-h2 .property-body{
    padding:14px!important;
  }
  body.public-shell .aq-property-grid-h2 .price{
    font-size:19px!important;
  }
  body.public-shell .aq-property-grid-h2 .property-body h3{
    font-size:15px!important;
  }
  .aq-ad-rail-h2,
  .aq-infeed-ad-h2{
    display:none!important;
  }
}


/* ============================================================================
   AQARK H3.1 — HERO CONTRAST CORRECTION
   The current homepage Blade places h1/p directly inside .hero-inner, not
   inside .hero-copy. These overrides target the actual live structure.
   ============================================================================ */

body.public-shell .hero.hero-home .hero-inner > h1,
body.public-shell .hero.hero-home .hero-inner > p,
body.public-shell .hero.hero-home .hero-kicker{
  color:#FFFFFF!important;
  text-shadow:0 2px 8px rgba(5,14,40,.34)!important;
}

body.public-shell .hero.hero-home .hero-inner > h1{
  opacity:1!important;
  max-width:780px!important;
  font-weight:800!important;
  line-height:1.04!important;
}

body.public-shell .hero.hero-home .hero-inner > p{
  color:#F1F5FC!important;
  opacity:1!important;
  max-width:700px!important;
  font-weight:500!important;
}

body.public-shell .hero.hero-home .hero-kicker{
  color:#DCE8FF!important;
  border-color:rgba(255,255,255,.28)!important;
  background:rgba(12,25,65,.32)!important;
}

html[dir="rtl"] body.public-shell .hero.hero-home .hero-inner > h1{
  line-height:1.2!important;
  max-width:830px!important;
}

html[dir="rtl"] body.public-shell .hero.hero-home .hero-inner > p{
  line-height:1.8!important;
  max-width:760px!important;
}

@media(max-width:900px){
  body.public-shell .hero.hero-home .hero-inner > h1{
    font-size:34px!important;
  }
}
@media(max-width:620px){
  body.public-shell .hero.hero-home .hero-inner > h1{
    font-size:29px!important;
  }
}


/* ============================================================================
   AQARK H4 — BAYUT-INSPIRED PROPERTY DISCOVERY FIXES
   Functional fixes + sidebar utilities. AQARK colors remain authoritative.
   ============================================================================ */

/* Filter width/background closer to Bayut's clean full-width control band. */
body.public-shell .listing-header{
  background:#F7F8FA!important;
  border-bottom:1px solid #E8EBF0;
}
body.public-shell .listing-header .container{
  width:min(1440px,calc(100% - 48px));
}
.aq-results-filter-wrap{
  background:#fff!important;
  border-top:0!important;
  border-bottom:1px solid #E2E6EC!important;
  box-shadow:0 1px 0 rgba(20,31,55,.02);
}
.aq-results-filter{
  width:100%;
}
.aq-results-row-h2{
  grid-template-columns:
    118px
    minmax(320px,1.9fr)
    minmax(205px,1fr)
    170px
    190px
    190px
    155px
    104px!important;
}
.aq-results-row-h2 .aq-field,
.aq-results-row-h2 .aq-status-inline,
.aq-results-row-h2 .aq-more-filter-btn{
  background:#fff!important;
  border:1px solid #DDE2E8!important;
}
.aq-results-row-h2 .aq-status-inline{
  background:#FAFBFC!important;
}
.aq-results-row-h2 .aq-status-inline label span{
  min-height:38px;
  border-radius:8px;
}
.aq-results-row-h2 .aq-status-inline input:checked + span{
  background:#EEF3FF!important;
  color:#1F285F!important;
  box-shadow:none!important;
}
.aq-results-row-h2 .aq-more-filter-btn{
  color:#1D2433!important;
}
.aq-results-row-h2 .aq-filter-submit{
  background:#1F285F!important;
  box-shadow:none!important;
}

/* Desktop left discovery rail: fixed physical left, including Arabic. */
.aq-listing-with-ads-h2{
  display:grid!important;
  grid-template-columns:260px minmax(0,1fr)!important;
  grid-template-areas:"rail results"!important;
  gap:20px!important;
  direction:ltr!important;
}
.aq-discovery-rail{
  grid-area:rail!important;
  min-width:0!important;
  width:auto!important;
  position:sticky!important;
  top:148px!important;
  align-self:start!important;
  display:flex!important;
  flex-direction:column!important;
  gap:16px!important;
  direction:ltr!important;
  z-index:1!important;
}
.listing-results{
  grid-area:results!important;
  min-width:0!important;
}
html[dir="rtl"] .listing-results{
  direction:rtl!important;
}
html[dir="rtl"] .aq-discovery-rail{
  direction:rtl!important;
}

/* Prevent ad overflow/overlap in every direction. */
.aq-discovery-rail .ad-slot,
.aq-discovery-rail .ad-demo,
.aq-discovery-rail img,
.aq-discovery-rail iframe{
  max-width:100%!important;
  width:100%!important;
  box-sizing:border-box!important;
}
.aq-rail-ad{
  overflow:hidden!important;
  border-radius:12px!important;
}
.aq-rail-ad .ad-demo{
  min-height:210px!important;
  padding:16px!important;
}

/* Drive-time card — original AQARK implementation, no copied artwork. */
.aq-drive-time-card{
  overflow:hidden;
  border:1px solid #DDE2E8;
  border-radius:14px;
  background:#fff;
  box-shadow:0 1px 2px rgba(24,32,51,.025);
}
.aq-drive-map{
  height:132px;
  position:relative;
  overflow:hidden;
  background:
    linear-gradient(32deg,transparent 46%,rgba(255,255,255,.85) 47%,rgba(255,255,255,.85) 53%,transparent 54%),
    linear-gradient(148deg,transparent 38%,rgba(255,255,255,.8) 39%,rgba(255,255,255,.8) 45%,transparent 46%),
    radial-gradient(circle at 72% 18%,#B9DDF7 0 12%,transparent 12.5%),
    linear-gradient(145deg,#E8ECED 0 35%,#CDECB1 35% 48%,#DDE3E5 48% 70%,#C7E0F4 70% 78%,#E8ECED 78%);
}
.aq-drive-map::before,
.aq-drive-map::after{
  content:"";
  position:absolute;
  height:3px;
  background:#0D7D89;
  border-radius:999px;
  transform-origin:left center;
}
.aq-drive-map::before{
  width:82px;
  left:60px;
  top:78px;
  transform:rotate(-8deg);
  border-top:2px dashed #0D7D89;
  background:transparent;
}
.aq-drive-map::after{
  width:80px;
  left:132px;
  top:66px;
  transform:rotate(18deg);
  border-top:2px dashed #0D7D89;
  background:transparent;
}
.aq-drive-pin{
  position:absolute;
  z-index:2;
  width:42px;
  height:42px;
  border-radius:50% 50% 50% 0;
  transform:rotate(-45deg);
  display:grid;
  place-items:center;
  background:#1F8F83;
  color:#fff;
  box-shadow:0 4px 10px rgba(31,143,131,.22);
}
.aq-drive-pin i{
  transform:rotate(45deg);
  font-size:18px;
}
.aq-drive-pin-home{left:32px;top:23px}
.aq-drive-pin-work{right:28px;top:18px}
.aq-drive-time-cta{
  display:flex;
  gap:9px;
  align-items:center;
  justify-content:center;
  margin:-18px 14px 0;
  min-height:48px;
  position:relative;
  z-index:3;
  border:1px solid #DDE2E8;
  border-radius:10px;
  background:#fff;
  color:#0B6170!important;
  font-weight:800;
  text-align:center;
}
.aq-drive-time-card>p{
  margin:13px 14px 9px;
  color:#667085;
  font-size:12px;
  line-height:1.55;
}
.aq-drive-time-fields{
  display:grid;
  gap:8px;
  padding:0 14px 14px;
}
.aq-drive-time-fields input,
.aq-drive-time-fields select{
  min-height:40px!important;
  width:100%;
}
.aq-drive-time-fields .btn{
  width:100%;
}

/* Recommended searches, Bayut-like hierarchy but AQARK typography/colors. */
.aq-recommended-searches{
  border:1px solid #E1E5EB;
  border-radius:14px;
  background:#fff;
  overflow:hidden;
}
.aq-recommended-searches h3{
  margin:0!important;
  padding:12px 14px;
  background:#F6F7F9;
  color:#1D2433!important;
  font-size:16px!important;
  font-weight:800;
}
.aq-recommended-searches>a{
  display:block;
  padding:9px 14px;
  color:#4F5B6E!important;
  font-size:13px;
  line-height:1.35;
}
.aq-recommended-searches>a:hover{
  background:#F8FAFC;
  color:#1F285F!important;
}
.aq-recommended-searches .aq-recommended-more{
  color:#1F285F!important;
  font-weight:800;
  padding-bottom:14px;
}

/* Robust More Filters modal: scrollable content + sticky header/footer. */
html.aq-filter-open,
body.aq-filter-open{
  overflow:hidden!important;
}
.aq-advanced-filters{
  display:none!important;
  position:fixed!important;
  inset:0!important;
  z-index:2000!important;
  padding:0!important;
  margin:0!important;
  border:0!important;
  background:transparent!important;
}
.aq-advanced-filters.open{
  display:block!important;
}
.aq-filter-backdrop{
  position:absolute;
  inset:0;
  background:rgba(16,24,40,.42);
  backdrop-filter:blur(2px);
}
.aq-filter-dialog{
  position:absolute;
  left:50%;
  top:50%;
  transform:translate(-50%,-50%);
  width:min(1120px,calc(100vw - 48px));
  max-height:min(820px,calc(100vh - 48px));
  display:grid;
  grid-template-rows:auto minmax(0,1fr) auto;
  overflow:hidden;
  border:1px solid #DFE4EB;
  border-radius:16px;
  background:#fff;
  box-shadow:0 24px 70px rgba(16,24,40,.20);
}
.aq-filter-dialog .aq-filter-drawer-head{
  position:relative!important;
  top:auto!important;
  z-index:2;
  margin:0!important;
  padding:18px 20px!important;
  background:#fff!important;
  border-bottom:1px solid #E8EBF0;
}
.aq-filter-x{
  width:40px!important;
  height:40px!important;
  border-radius:10px!important;
}
.aq-filter-dialog-scroll{
  min-height:0;
  overflow-y:auto!important;
  overscroll-behavior:contain;
  padding:20px!important;
  scrollbar-gutter:stable;
}
.aq-filter-dialog .aq-advanced-grid{
  margin:0!important;
}
.aq-filter-dialog .aq-advanced-actions{
  position:relative!important;
  bottom:auto!important;
  z-index:2;
  display:flex;
  justify-content:flex-end;
  gap:8px;
  margin:0!important;
  padding:14px 20px!important;
  background:#fff!important;
  border-top:1px solid #E8EBF0;
}
html[dir="rtl"] .aq-filter-dialog .aq-advanced-actions{
  justify-content:flex-start;
}

/* 3-column listing grid gets clean width after rail. */
.aq-property-grid-h2{
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  width:100%!important;
}
.aq-property-grid-h2 .property-card{
  width:100%!important;
  max-width:none!important;
}

/* Keep toolbar aligned with Bayut-like clean result band. */
.aq-results-toolbar-h2{
  min-height:54px!important;
  background:#fff!important;
  border:1px solid #E1E5EB!important;
}
.aq-results-toolbar-h2 select,
.aq-results-toolbar-h2 .btn{
  min-height:38px;
}

/* Mobile: hide physical rail and use filter drawer full-screen. */
@media(max-width:1080px){
  .aq-listing-with-ads-h2{
    grid-template-columns:1fr!important;
    grid-template-areas:"results"!important;
  }
  .aq-discovery-rail{
    display:none!important;
  }
  .aq-results-row-h2{
    grid-template-columns:minmax(0,1fr) auto auto!important;
  }
}

@media(max-width:900px){
  .aq-filter-dialog{
    inset:0!important;
    left:0!important;
    top:0!important;
    transform:none!important;
    width:100vw!important;
    height:100dvh!important;
    max-height:100dvh!important;
    border:0!important;
    border-radius:0!important;
  }
  .aq-filter-dialog-scroll{
    padding:16px!important;
  }
  .aq-filter-dialog .aq-filter-drawer-head{
    padding:15px 16px!important;
  }
  .aq-filter-dialog .aq-advanced-actions{
    padding:12px 16px calc(12px + env(safe-area-inset-bottom))!important;
  }
}

@media(max-width:620px){
  body.public-shell .listing-header .container{
    width:calc(100% - 24px);
  }
  .aq-results-row-h2{
    grid-template-columns:minmax(0,1fr) auto!important;
  }
}


/* ============================================================================
   AQARK H4.1 — BAYUT LAYOUT CORRECTION
   Fixes: over-wide filter bar, oversized/sticky rail, mobile 3-column cards,
   oversized modal More Filters.
   ============================================================================ */

/* 1) Keep the entire property-search experience inside the page container. */
body.public-shell .listing-header .container,
body.public-shell .aq-discovery-container{
  width:min(1280px,calc(100% - 40px))!important;
  max-width:1280px!important;
  margin-inline:auto!important;
}

.aq-results-filter-wrap{
  position:relative!important;
  width:100%!important;
  background:#F7F8FA!important;
  border-top:1px solid #EEF1F4!important;
  border-bottom:1px solid #E5E9EF!important;
  overflow:visible!important;
}

.aq-results-filter{
  width:100%!important;
  padding:12px 0!important;
  background:transparent!important;
}

/* Slightly calmer Bayut-like control sizing. */
.aq-results-row-h2{
  grid-template-columns:
    104px
    minmax(260px,1.65fr)
    minmax(175px,.95fr)
    150px
    165px
    170px
    138px
    92px!important;
  gap:8px!important;
}
.aq-results-row-h2 .aq-field,
.aq-results-row-h2 .aq-status-inline,
.aq-results-row-h2 .aq-more-filter-btn,
.aq-results-row-h2 .aq-filter-submit{
  min-height:46px!important;
  border-radius:9px!important;
}

/* 2) Left rail should be compact and part of normal page flow, never fixed/sticky. */
.aq-listing-with-ads-h2{
  grid-template-columns:218px minmax(0,1fr)!important;
  grid-template-areas:"rail results"!important;
  gap:18px!important;
  align-items:start!important;
}

.aq-discovery-rail{
  position:static!important;
  top:auto!important;
  width:218px!important;
  min-width:218px!important;
  max-width:218px!important;
  display:flex!important;
  flex-direction:column!important;
  gap:12px!important;
  z-index:auto!important;
}

/* Compact drive-time card like Bayut's utility block, not a permanent mini form. */
.aq-drive-time-card--compact{
  border:1px solid #E0E5EC!important;
  border-radius:12px!important;
  overflow:hidden!important;
  background:#fff!important;
  box-shadow:none!important;
}
.aq-drive-time-card--compact .aq-drive-map{
  height:104px!important;
}
.aq-drive-time-card--compact .aq-drive-time-cta{
  margin:-15px 10px 10px!important;
  min-height:42px!important;
  padding:7px 10px!important;
  font-size:12px!important;
  border-radius:9px!important;
}
.aq-drive-time-card--compact .aq-drive-time-cta span{
  line-height:1.3!important;
}

.aq-recommended-searches{
  border-radius:12px!important;
}
.aq-recommended-searches h3{
  padding:10px 12px!important;
  font-size:14px!important;
}
.aq-recommended-searches>a{
  padding:7px 12px!important;
  font-size:12px!important;
}

.aq-rail-ad{
  width:100%!important;
  overflow:hidden!important;
}
.aq-rail-ad .ad-demo{
  min-height:165px!important;
  width:100%!important;
  max-width:100%!important;
  padding:12px!important;
  box-sizing:border-box!important;
}

/* 3) More Filters: small anchored popover below the search bar, not a page-covering modal. */
html.aq-filter-open,
body.aq-filter-open{
  overflow:auto!important;
}

.aq-advanced-filters{
  display:none!important;
  position:absolute!important;
  inset:auto!important;
  top:calc(100% - 2px)!important;
  left:50%!important;
  transform:translateX(-50%)!important;
  width:min(980px,calc(100% - 40px))!important;
  max-width:980px!important;
  z-index:140!important;
  padding:0!important;
  margin:0!important;
  background:transparent!important;
  border:0!important;
}

.aq-advanced-filters.open{
  display:block!important;
}

.aq-filter-dialog{
  position:relative!important;
  inset:auto!important;
  left:auto!important;
  top:auto!important;
  transform:none!important;
  width:100%!important;
  max-width:none!important;
  max-height:min(520px,65vh)!important;
  display:grid!important;
  grid-template-rows:auto minmax(0,1fr) auto!important;
  overflow:hidden!important;
  border:1px solid #DDE3EA!important;
  border-radius:12px!important;
  background:#fff!important;
  box-shadow:0 18px 40px rgba(18,32,58,.13)!important;
}

.aq-filter-dialog .aq-filter-drawer-head{
  position:static!important;
  margin:0!important;
  padding:13px 16px!important;
  background:#fff!important;
  border-bottom:1px solid #E7EBF0!important;
}
.aq-filter-dialog .aq-filter-drawer-head b{
  font-size:15px!important;
}
.aq-filter-dialog .aq-filter-drawer-head span{
  font-size:11px!important;
}

.aq-filter-x{
  width:34px!important;
  height:34px!important;
  min-width:34px!important;
}

.aq-filter-dialog-scroll{
  min-height:0!important;
  max-height:none!important;
  overflow-y:auto!important;
  padding:14px 16px!important;
}

.aq-filter-dialog .aq-advanced-grid{
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:12px!important;
}
.aq-filter-dialog .aq-advanced-grid label{
  font-size:11px!important;
}
.aq-filter-dialog .aq-advanced-grid input,
.aq-filter-dialog .aq-advanced-grid select{
  min-height:40px!important;
}

.aq-filter-dialog .aq-advanced-checks{
  gap:8px!important;
  margin:12px 0!important;
}
.aq-filter-dialog .aq-advanced-checks label{
  min-height:42px!important;
  padding:8px 10px!important;
}

.aq-filter-dialog .aq-amenity-filter{
  margin-top:10px!important;
}
.aq-filter-dialog .aq-amenity-grid{
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:8px!important;
}
.aq-filter-dialog .aq-amenity-grid label{
  min-height:40px!important;
  padding:7px 9px!important;
  font-size:11px!important;
}

.aq-filter-dialog .aq-advanced-actions{
  position:static!important;
  margin:0!important;
  padding:10px 16px!important;
  background:#fff!important;
  border-top:1px solid #E7EBF0!important;
  gap:7px!important;
}
.aq-filter-dialog .aq-advanced-actions .btn{
  min-height:38px!important;
  padding:8px 13px!important;
  font-size:12px!important;
}

/* Keep main navigation above the popover if the filter is near the top. */
body.public-shell .site-header,
body.public-shell header{
  position:relative;
  z-index:300!important;
}

/* 4) Desktop result grid remains 3 columns; tablet 2; phone strictly 1. */
body.public-shell .listing-results .grid.three.aq-property-grid-h2{
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
}

@media(max-width:1080px){
  body.public-shell .aq-discovery-container,
  body.public-shell .listing-header .container{
    width:min(100% - 28px,960px)!important;
  }

  .aq-results-row-h2{
    grid-template-columns:minmax(0,1fr) 128px 92px!important;
  }
  .aq-results-row-h2>.aq-field:not(.aq-location-field),
  .aq-results-row-h2>.aq-status-inline{
    display:none!important;
  }

  .aq-listing-with-ads-h2{
    grid-template-columns:1fr!important;
    grid-template-areas:"results"!important;
  }
  .aq-discovery-rail{
    display:none!important;
  }

  body.public-shell .listing-results .grid.three.aq-property-grid-h2{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
}

/* Mobile More Filters becomes a compact sheet below the header, not over the menu. */
@media(max-width:900px){
  .aq-advanced-filters{
    position:fixed!important;
    top:64px!important;
    bottom:0!important;
    left:0!important;
    right:0!important;
    width:100%!important;
    max-width:none!important;
    transform:none!important;
    z-index:180!important;
    background:#F7F8FA!important;
    overflow:hidden!important;
  }

  .aq-filter-dialog{
    width:100%!important;
    height:100%!important;
    max-height:none!important;
    border:0!important;
    border-radius:0!important;
    box-shadow:none!important;
  }

  .aq-filter-dialog .aq-filter-drawer-head{
    padding:12px 14px!important;
  }

  .aq-filter-dialog-scroll{
    padding:12px 14px!important;
  }

  .aq-filter-dialog .aq-advanced-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }

  .aq-filter-dialog .aq-amenity-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }

  .aq-filter-dialog .aq-advanced-actions{
    padding:10px 14px calc(10px + env(safe-area-inset-bottom))!important;
  }
}

@media(max-width:620px){
  body.public-shell .aq-discovery-container,
  body.public-shell .listing-header .container{
    width:calc(100% - 20px)!important;
  }

  .aq-results-filter-wrap{
    padding:0!important;
  }

  .aq-results-row-h2{
    grid-template-columns:minmax(0,1fr) auto!important;
    gap:6px!important;
  }

  .aq-results-row-h2 .aq-location-field{
    min-width:0!important;
    min-height:44px!important;
  }

  .aq-results-row-h2 .aq-more-filter-btn{
    min-width:102px!important;
    min-height:44px!important;
    padding-inline:9px!important;
  }

  .aq-results-row-h2 .aq-filter-submit{
    display:none!important;
  }

  /* Explicitly defeat older .grid.three rules. */
  body.public-shell .listing-results .grid.three.aq-property-grid-h2,
  body.public-shell .listing-results .aq-property-grid-h2,
  body.public-shell .aq-property-grid-h2{
    display:grid!important;
    grid-template-columns:minmax(0,1fr)!important;
    width:100%!important;
    gap:14px!important;
  }

  body.public-shell .aq-property-grid-h2 .property-card{
    width:100%!important;
    min-width:0!important;
    max-width:none!important;
  }

  body.public-shell .aq-property-grid-h2 .property-media{
    height:235px!important;
  }

  .aq-filter-dialog .aq-advanced-grid,
  .aq-filter-dialog .aq-amenity-grid{
    grid-template-columns:1fr!important;
  }

  .aq-filter-dialog .aq-advanced-actions{
    display:grid!important;
    grid-template-columns:1fr 1fr!important;
  }
  .aq-filter-dialog .aq-advanced-actions .btn:last-child{
    grid-column:1/-1!important;
  }
}


/* ============================================================================
   AQARK H4.2 — COMPACT RESULTS HEADER + STICKY SPONSOR
   Screenshot-led correction.
   ============================================================================ */

/* Compact the property-results intro. The previous header consumed too much
   vertical space before the filters. */
body.public-shell .aq-listing-header-compact{
  padding:28px 0 22px!important;
  min-height:0!important;
  background:#F7F8FA!important;
}

body.public-shell .aq-listing-header-compact .container{
  width:min(1280px,calc(100% - 40px))!important;
  max-width:1280px!important;
}

body.public-shell .aq-listing-header-compact .breadcrumbs,
body.public-shell .aq-listing-header-compact .breadcrumb{
  margin-bottom:8px!important;
  font-size:12px!important;
  color:#7B8497!important;
}

body.public-shell .aq-listing-header-compact h1{
  margin:0!important;
  font-size:36px!important;
  line-height:1.08!important;
  letter-spacing:-.025em!important;
}

body.public-shell .aq-listing-header-compact p{
  margin:10px 0 0!important;
  max-width:760px!important;
  font-size:15px!important;
  line-height:1.55!important;
  color:#667085!important;
}

html[dir="rtl"] body.public-shell .aq-listing-header-compact h1{
  letter-spacing:0!important;
  line-height:1.2!important;
}

/* Sticky filter bar: fixed visual rhythm, no overlap with content. */
.aq-results-filter-wrap{
  position:sticky!important;
  top:0!important;
  z-index:90!important;
  background:#fff!important;
  box-shadow:0 1px 0 #E5E9EF,0 5px 14px rgba(24,32,51,.035)!important;
}

/* If site header itself is sticky, leave enough space under it.
   Current public header is ~78px on desktop. */
body.public-shell .site-header + .aq-listing-header-compact + .aq-results-filter-wrap,
body.public-shell header + .aq-listing-header-compact + .aq-results-filter-wrap{
  top:78px!important;
}

/* Results start below the sticky bar with comfortable spacing, so nothing is
   covered when the user scrolls. */
.aq-property-results-section{
  padding-top:22px!important;
}

/* Keep the toolbar/content clear beneath the sticky filter. */
.aq-results-toolbar-h2{
  scroll-margin-top:150px!important;
}

/* Left rail stays normal flow, but the tall sponsor becomes sticky only when
   the user reaches that sponsor inside the rail. This mimics Bayut behavior. */
.aq-discovery-rail{
  align-self:start!important;
}

.aq-rail-ad--sticky{
  position:sticky!important;
  top:152px!important;
  width:100%!important;
  max-width:218px!important;
  align-self:start!important;
  z-index:2!important;
}

.aq-rail-ad--sticky .ad-slot,
.aq-rail-ad--sticky .ad-demo{
  width:100%!important;
  max-width:218px!important;
  box-sizing:border-box!important;
}

.aq-rail-ad--sticky .ad-demo{
  min-height:430px!important;
  padding:18px 12px!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  text-align:center!important;
  background:#FAFBFC!important;
  border:1px dashed #D7DEE7!important;
  border-radius:12px!important;
}

/* Prevent sticky sponsor from extending beyond viewport. */
@media(min-width:1081px){
  .aq-rail-ad--sticky{
    max-height:calc(100vh - 170px)!important;
    overflow:hidden!important;
  }
  .aq-rail-ad--sticky .ad-demo{
    min-height:min(430px,calc(100vh - 185px))!important;
  }
}

/* Search bar proportions: slightly narrower overall and centered, closer to
   Bayut's contained desktop band. */
.aq-results-filter-wrap .aq-discovery-container{
  width:min(1280px,calc(100% - 40px))!important;
  max-width:1280px!important;
  margin-inline:auto!important;
}

.aq-results-row-h2{
  grid-template-columns:
    100px
    minmax(260px,1.65fr)
    minmax(170px,.9fr)
    145px
    160px
    165px
    132px
    90px!important;
}

/* Desktop filter height should remain compact. */
.aq-results-row-h2 .aq-field,
.aq-results-row-h2 .aq-status-inline,
.aq-results-row-h2 .aq-more-filter-btn,
.aq-results-row-h2 .aq-filter-submit{
  min-height:44px!important;
}

/* Tablet/mobile: do not make sponsor sticky and keep header very compact. */
@media(max-width:1080px){
  .aq-rail-ad--sticky{
    position:static!important;
    max-height:none!important;
  }
}

@media(max-width:900px){
  body.public-shell .aq-listing-header-compact{
    padding:20px 0 14px!important;
  }

  body.public-shell .aq-listing-header-compact h1{
    font-size:28px!important;
  }

  body.public-shell .aq-listing-header-compact p{
    margin-top:7px!important;
    font-size:13px!important;
  }

  .aq-results-filter-wrap{
    top:64px!important;
  }
}

@media(max-width:620px){
  body.public-shell .aq-listing-header-compact{
    padding:16px 0 10px!important;
  }

  body.public-shell .aq-listing-header-compact .container{
    width:calc(100% - 20px)!important;
  }

  body.public-shell .aq-listing-header-compact h1{
    font-size:24px!important;
  }

  body.public-shell .aq-listing-header-compact p{
    font-size:12px!important;
    line-height:1.45!important;
  }

  .aq-results-filter-wrap{
    top:56px!important;
  }
}


/* ============================================================================
   AQARK H4.3 — FILTER COLOR HARMONY
   Harmonizes property-search controls with the AQARK navy header while
   preserving the calm white/off-white Glancers-inspired surface system.
   ============================================================================ */

:root{
  --aq-filter-navy:#1F285F;
  --aq-filter-navy-2:#253170;
  --aq-filter-blue-soft:#EEF3FF;
  --aq-filter-page:#F6F8FB;
  --aq-filter-surface:#FFFFFF;
  --aq-filter-border:#DCE3EE;
  --aq-filter-text:#1D2433;
  --aq-filter-muted:#6F7890;
}

/* Search band canvas */
.aq-results-filter-wrap{
  background:var(--aq-filter-page)!important;
  border-color:#E3E8F0!important;
}

/* Individual controls */
.aq-results-row-h2 .aq-field,
.aq-results-row-h2 .aq-status-inline,
.aq-results-row-h2 .aq-more-filter-btn{
  background:var(--aq-filter-surface)!important;
  border-color:var(--aq-filter-border)!important;
  color:var(--aq-filter-text)!important;
}

.aq-results-row-h2 .aq-field:hover,
.aq-results-row-h2 .aq-more-filter-btn:hover{
  border-color:#BFCBE0!important;
  background:#FBFCFF!important;
}

/* Location icon and focus treatment */
.aq-results-row-h2 .aq-field-icon{
  color:var(--aq-filter-navy)!important;
}

.aq-results-row-h2 input:focus,
.aq-results-row-h2 select:focus{
  outline:none!important;
}

.aq-results-row-h2 .aq-field:focus-within{
  border-color:#AEBBDA!important;
  box-shadow:0 0 0 3px rgba(31,40,95,.07)!important;
}

/* Buy/Rent + regular select text */
.aq-results-row-h2 select,
.aq-results-row-h2 input{
  color:var(--aq-filter-text)!important;
}

.aq-results-row-h2 input::placeholder{
  color:#8A93A6!important;
}

/* All / Ready / Off-plan */
.aq-results-row-h2 .aq-status-inline{
  background:#F8FAFD!important;
}

.aq-results-row-h2 .aq-status-inline label span{
  color:var(--aq-filter-muted)!important;
}

.aq-results-row-h2 .aq-status-inline input:checked + span{
  background:var(--aq-filter-blue-soft)!important;
  color:var(--aq-filter-navy)!important;
  font-weight:800!important;
}

/* More filters: outlined AQARK navy */
.aq-results-row-h2 .aq-more-filter-btn{
  color:var(--aq-filter-navy)!important;
  border-color:#CBD4E4!important;
  font-weight:750!important;
}

.aq-results-row-h2 .aq-more-filter-btn b{
  background:var(--aq-filter-blue-soft)!important;
  color:var(--aq-filter-navy)!important;
}

/* Primary Search button follows the header navy */
.aq-results-row-h2 .aq-filter-submit{
  background:linear-gradient(180deg,var(--aq-filter-navy-2),var(--aq-filter-navy))!important;
  color:#fff!important;
  border-color:var(--aq-filter-navy)!important;
  box-shadow:0 4px 12px rgba(31,40,95,.12)!important;
}

.aq-results-row-h2 .aq-filter-submit:hover{
  background:#182052!important;
  transform:translateY(-1px);
}

/* Slightly softer band height and vertical spacing */
.aq-results-filter{
  padding:10px 0!important;
}

.aq-results-row-h2 .aq-field,
.aq-results-row-h2 .aq-status-inline,
.aq-results-row-h2 .aq-more-filter-btn,
.aq-results-row-h2 .aq-filter-submit{
  min-height:46px!important;
}

/* Arabic visual balance */
html[dir="rtl"] .aq-results-row-h2 .aq-more-filter-btn,
html[dir="rtl"] .aq-results-row-h2 .aq-filter-submit{
  font-family:"Cairo",sans-serif!important;
}

/* Mobile remains calm and consistent */
@media(max-width:620px){
  .aq-results-filter-wrap{
    background:#F8FAFD!important;
  }
  .aq-results-row-h2 .aq-location-field,
  .aq-results-row-h2 .aq-more-filter-btn{
    background:#fff!important;
  }
}


/* ============================================================================
   AQARK H4.4 — FLAT FILTER BAR
   Removes visual border/shadow noise from the property search controls.
   ============================================================================ */

/* Calm band */
.aq-results-filter-wrap{
  background:#F6F8FB!important;
  border:0!important;
  box-shadow:none!important;
}

/* Flat controls: hierarchy comes from surface contrast, not outlines. */
.aq-results-row-h2 .aq-field,
.aq-results-row-h2 .aq-status-inline,
.aq-results-row-h2 .aq-more-filter-btn{
  background:#FFFFFF!important;
  border:0!important;
  box-shadow:none!important;
}

/* Remove inner shadows/borders from fields. */
.aq-results-row-h2 input,
.aq-results-row-h2 select{
  border:0!important;
  box-shadow:none!important;
  background:transparent!important;
}

/* Hover is a surface shift only. */
.aq-results-row-h2 .aq-field:hover,
.aq-results-row-h2 .aq-more-filter-btn:hover,
.aq-results-row-h2 .aq-status-inline:hover{
  background:#FAFBFD!important;
  border:0!important;
  box-shadow:none!important;
}

/* Focus is also surface-based; no ring/shadow. */
.aq-results-row-h2 .aq-field:focus-within{
  background:#F3F6FC!important;
  border:0!important;
  box-shadow:none!important;
}

/* Status group */
.aq-results-row-h2 .aq-status-inline{
  background:#F1F3F7!important;
}
.aq-results-row-h2 .aq-status-inline label span{
  border:0!important;
  box-shadow:none!important;
}
.aq-results-row-h2 .aq-status-inline input:checked + span{
  background:#EAF0FF!important;
  color:#1F285F!important;
  box-shadow:none!important;
}

/* More Filters stays flat and quiet. */
.aq-results-row-h2 .aq-more-filter-btn{
  color:#1F285F!important;
  background:#FFFFFF!important;
  border:0!important;
  box-shadow:none!important;
}
.aq-results-row-h2 .aq-more-filter-btn:hover{
  background:#F3F6FC!important;
}

/* Search remains the one strong branded action. */
.aq-results-row-h2 .aq-filter-submit{
  background:#1F285F!important;
  color:#FFFFFF!important;
  border:0!important;
  box-shadow:none!important;
}
.aq-results-row-h2 .aq-filter-submit:hover{
  background:#182052!important;
  box-shadow:none!important;
  transform:none!important;
}

/* Slight separation between controls via spacing only. */
.aq-results-row-h2{
  gap:8px!important;
}

/* Mobile keeps the same flat language. */
@media(max-width:620px){
  .aq-results-filter-wrap{
    background:#F6F8FB!important;
    box-shadow:none!important;
  }
  .aq-results-row-h2 .aq-location-field,
  .aq-results-row-h2 .aq-more-filter-btn{
    background:#FFFFFF!important;
    border:0!important;
    box-shadow:none!important;
  }
}


/* ============================================================================
   AQARK H4.5 — COMPACT FILTER UX / DIRECTION FIX
   - Bayut-style Beds & Baths popover
   - Smaller More Filters panel
   - Correct EN LTR / AR RTL amenities
   - Reduced empty space and denser filter rhythm
   ============================================================================ */

/* ---------- Beds & Baths compact control ---------- */
.aq-beds-baths{
  position:relative;
  min-width:160px;
}

.aq-beds-baths-trigger{
  width:100%;
  min-height:46px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  padding:0 14px;
  border:0;
  border-radius:10px;
  background:#fff;
  color:#1D2433;
  font:inherit;
  font-weight:650;
  cursor:pointer;
}

.aq-beds-baths-trigger:hover{
  background:#FAFBFD;
}

.aq-beds-baths-popover{
  display:none;
  position:absolute;
  top:calc(100% + 8px);
  inset-inline-start:0;
  width:330px;
  z-index:220;
  padding:18px;
  border:1px solid #E2E6EC;
  border-radius:12px;
  background:#fff;
  box-shadow:0 12px 28px rgba(20,31,55,.12);
}

.aq-beds-baths-popover.open{
  display:block;
}

.aq-bb-section + .aq-bb-section{
  margin-top:18px;
}

.aq-bb-section>b{
  display:block;
  margin-bottom:10px;
  color:#1D2433;
  font-size:14px;
}

.aq-bb-options{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
}

.aq-bb-options button{
  min-width:44px;
  height:38px;
  padding:0 12px;
  border:1px solid #DDE3EA;
  border-radius:999px;
  background:#fff;
  color:#667085;
  font-weight:650;
  cursor:pointer;
}

.aq-bb-options button:hover{
  background:#F6F8FB;
  color:#1F285F;
}

.aq-bb-options button.active{
  background:#EEF3FF;
  border-color:#CAD5F0;
  color:#1F285F;
}

.aq-bb-actions{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:10px;
  margin-top:20px;
}

.aq-bb-actions button{
  min-height:42px;
  border-radius:9px;
  font-weight:750;
  cursor:pointer;
}

.aq-bb-reset{
  border:1px solid #CBD4E4;
  background:#fff;
  color:#1F285F;
}

.aq-bb-done{
  border:0;
  background:#1F285F;
  color:#fff;
}

/* ---------- Advanced filters: smaller and denser ---------- */
.aq-filter-dialog--compact{
  width:min(860px,calc(100% - 40px))!important;
  max-width:860px!important;
  max-height:min(470px,68vh)!important;
  border-radius:12px!important;
}

.aq-filter-dialog--compact .aq-filter-drawer-head{
  padding:11px 14px!important;
}

.aq-filter-dialog--compact .aq-filter-drawer-head b{
  font-size:15px!important;
}

.aq-filter-dialog--compact .aq-filter-drawer-head span{
  margin-top:2px!important;
  font-size:11px!important;
}

.aq-filter-dialog--compact .aq-filter-dialog-scroll{
  padding:12px 14px!important;
}

.aq-filter-dialog--compact .aq-advanced-grid{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:10px!important;
}

.aq-filter-dialog--compact .aq-advanced-grid label{
  font-size:11px!important;
  color:#667085!important;
}

.aq-filter-dialog--compact .aq-advanced-grid input,
.aq-filter-dialog--compact .aq-advanced-grid select{
  min-height:38px!important;
  padding:7px 9px!important;
  border:1px solid #E0E5EC!important;
  border-radius:8px!important;
  background:#fff!important;
  font-size:12px!important;
}

.aq-filter-dialog--compact .aq-advanced-checks{
  display:flex!important;
  flex-wrap:wrap!important;
  gap:8px!important;
  margin:10px 0 12px!important;
}

.aq-filter-dialog--compact .aq-advanced-checks label{
  min-height:36px!important;
  padding:7px 10px!important;
  border:1px solid #E3E7ED!important;
  border-radius:8px!important;
  background:#FAFBFC!important;
  font-size:12px!important;
}

/* Amenities: compact list, no oversized empty cards */
.aq-filter-dialog--compact .aq-amenity-filter{
  margin-top:6px!important;
  padding-top:10px!important;
  border-top:1px solid #EEF1F4!important;
}

.aq-filter-dialog--compact .aq-amenity-filter>b{
  display:block;
  margin-bottom:8px!important;
  font-size:13px!important;
  color:#1D2433!important;
}

.aq-filter-dialog--compact .aq-amenity-grid{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:6px!important;
}

.aq-filter-dialog--compact .aq-amenity-grid label{
  min-height:34px!important;
  display:flex!important;
  align-items:center!important;
  gap:7px!important;
  padding:6px 8px!important;
  border:0!important;
  border-radius:7px!important;
  background:#F8FAFC!important;
  font-size:11px!important;
  line-height:1.2!important;
  color:#556176!important;
}

.aq-filter-dialog--compact .aq-amenity-grid label:hover{
  background:#F1F4F8!important;
}

.aq-filter-dialog--compact .aq-amenity-grid input{
  width:15px!important;
  height:15px!important;
  flex:0 0 15px!important;
  margin:0!important;
}

.aq-filter-dialog--compact .aq-amenity-grid i{
  display:none!important;
}

.aq-filter-dialog--compact .aq-amenity-grid span{
  min-width:0!important;
  white-space:normal!important;
}

/* Force correct reading direction per locale. */
html[dir="ltr"] .aq-filter-dialog--compact .aq-amenity-filter,
html[dir="ltr"] .aq-filter-dialog--compact .aq-amenity-grid{
  direction:ltr!important;
  text-align:left!important;
}

html[dir="ltr"] .aq-filter-dialog--compact .aq-amenity-grid label{
  direction:ltr!important;
  flex-direction:row!important;
  justify-content:flex-start!important;
  text-align:left!important;
}

html[dir="rtl"] .aq-filter-dialog--compact .aq-amenity-filter,
html[dir="rtl"] .aq-filter-dialog--compact .aq-amenity-grid{
  direction:rtl!important;
  text-align:right!important;
}

html[dir="rtl"] .aq-filter-dialog--compact .aq-amenity-grid label{
  direction:rtl!important;
  flex-direction:row!important;
  justify-content:flex-start!important;
  text-align:right!important;
}

html[dir="rtl"] .aq-filter-dialog--compact .aq-amenity-grid input{
  order:0!important;
}

html[dir="rtl"] .aq-filter-dialog--compact .aq-amenity-grid span{
  order:1!important;
}

/* Compact sticky footer */
.aq-filter-dialog--compact .aq-advanced-actions{
  padding:9px 14px!important;
  gap:7px!important;
}

.aq-filter-dialog--compact .aq-advanced-actions .btn{
  min-height:36px!important;
  padding:7px 12px!important;
  font-size:12px!important;
}

/* Search bar: beds/baths popover should align visually with neighboring flat controls */
.aq-results-row-h2 .aq-beds-baths{
  min-height:46px!important;
}

.aq-results-row-h2 .aq-beds-baths-trigger{
  background:#fff!important;
  box-shadow:none!important;
  border:0!important;
}

/* ---------- Mobile ---------- */
@media(max-width:900px){
  .aq-beds-baths-popover{
    position:fixed!important;
    left:12px!important;
    right:12px!important;
    bottom:12px!important;
    top:auto!important;
    width:auto!important;
    max-width:none!important;
    border-radius:14px!important;
    z-index:260!important;
  }

  .aq-filter-dialog--compact{
    width:100%!important;
    max-width:none!important;
    max-height:none!important;
  }

  .aq-filter-dialog--compact .aq-advanced-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }

  .aq-filter-dialog--compact .aq-amenity-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
}

@media(max-width:620px){
  .aq-filter-dialog--compact .aq-advanced-grid,
  .aq-filter-dialog--compact .aq-amenity-grid{
    grid-template-columns:1fr!important;
  }

  .aq-beds-baths-popover{
    padding:16px!important;
  }
}


/* ============================================================================
   AQARK H5 — HYBRID FILTER SYSTEM
   Desktop: Bayut-style direct horizontal search.
   Mobile: Aqarmap-style full-screen filter sheet.
   AQARK visual identity remains authoritative.
   ============================================================================ */

/* ---------------- DESKTOP: BAYUT-LIKE DIRECT SEARCH ---------------- */
@media(min-width:901px){
  .aq-results-filter-wrap{
    background:#F6F8FB!important;
  }

  .aq-results-row-h2{
    grid-template-columns:
      102px
      minmax(285px,1.8fr)
      minmax(180px,.95fr)
      150px
      165px
      168px
      138px
      92px!important;
    gap:8px!important;
  }

  .aq-results-row-h2 .aq-field,
  .aq-results-row-h2 .aq-status-inline,
  .aq-results-row-h2 .aq-beds-baths-trigger,
  .aq-results-row-h2 .aq-more-filter-btn{
    background:#fff!important;
    border:0!important;
    box-shadow:none!important;
    border-radius:9px!important;
  }

  .aq-results-row-h2 .aq-filter-submit{
    border-radius:9px!important;
    background:#1F285F!important;
    box-shadow:none!important;
  }

  .aq-results-row-h2 .aq-status-inline{
    background:#EEF1F6!important;
  }

  .aq-results-row-h2 .aq-status-inline input:checked + span{
    background:#E7EEFF!important;
  }

  /* Keep desktop More Filters compact and anchored below the search bar. */
  .aq-advanced-filters{
    position:absolute!important;
    top:calc(100% - 2px)!important;
    left:50%!important;
    transform:translateX(-50%)!important;
    width:min(860px,calc(100% - 48px))!important;
    z-index:160!important;
    background:transparent!important;
  }

  .aq-filter-dialog--compact{
    max-height:470px!important;
    width:100%!important;
  }

  .aq-mobile-filter-section-head{
    display:none!important;
  }
}

/* ---------------- MOBILE: AQARMAP-LIKE FILTER SHEET ---------------- */
@media(max-width:900px){
  /* Main results toolbar: keep only search + filters on top. */
  .aq-results-filter-wrap{
    position:sticky!important;
    top:56px!important;
    z-index:80!important;
    padding:0!important;
    background:#fff!important;
    border-bottom:1px solid #E7EBF0!important;
  }

  .aq-results-filter{
    padding:8px 0!important;
  }

  .aq-results-row-h2{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) auto!important;
    gap:7px!important;
  }

  .aq-results-row-h2 > *{
    display:none!important;
  }

  .aq-results-row-h2 .aq-location-field,
  .aq-results-row-h2 .aq-more-filter-btn{
    display:flex!important;
  }

  .aq-results-row-h2 .aq-location-field{
    min-height:46px!important;
    background:#fff!important;
    border:1px solid #E1E6ED!important;
    border-radius:10px!important;
  }

  .aq-results-row-h2 .aq-more-filter-btn{
    min-width:104px!important;
    min-height:46px!important;
    justify-content:center!important;
    background:#F2F5FA!important;
    color:#1F285F!important;
    border-radius:10px!important;
  }

  /* Full-screen sheet below the site header. */
  .aq-advanced-filters{
    position:fixed!important;
    inset:56px 0 0 0!important;
    width:100%!important;
    max-width:none!important;
    transform:none!important;
    z-index:220!important;
    background:#F7F8FA!important;
    overflow:hidden!important;
  }

  .aq-filter-dialog--compact{
    width:100%!important;
    height:100%!important;
    max-width:none!important;
    max-height:none!important;
    border:0!important;
    border-radius:0!important;
    box-shadow:none!important;
    display:grid!important;
    grid-template-rows:auto minmax(0,1fr) auto!important;
    background:#fff!important;
  }

  .aq-filter-dialog--compact .aq-filter-drawer-head{
    min-height:58px!important;
    padding:12px 14px!important;
    background:#fff!important;
    border-bottom:1px solid #E7EBF0!important;
  }

  .aq-filter-dialog--compact .aq-filter-drawer-head span{
    display:none!important;
  }

  .aq-filter-dialog-scroll{
    padding:0 14px 18px!important;
    background:#fff!important;
    overflow-y:auto!important;
  }

  /* Each group is a mobile section with clear hierarchy. */
  .aq-mobile-filter-section{
    border-bottom:1px solid #EEF1F4;
    padding:16px 0;
  }

  .aq-mobile-filter-section-head{
    display:flex!important;
    align-items:center;
    justify-content:space-between;
    gap:12px;
    margin-bottom:12px;
    cursor:pointer;
  }

  .aq-mobile-filter-section-head>b{
    font-size:15px!important;
    color:#1D2433!important;
  }

  .aq-mobile-filter-section-head>span{
    margin-inline-start:auto;
    color:#8A93A6!important;
    font-size:11px!important;
  }

  .aq-mobile-filter-section-head::after{
    content:"⌄";
    color:#667085;
    font-size:18px;
    line-height:1;
  }

  .aq-mobile-filter-section.collapsed > :not(.aq-mobile-filter-section-head){
    display:none!important;
  }

  .aq-mobile-filter-section.collapsed .aq-mobile-filter-section-head{
    margin-bottom:0;
  }

  .aq-mobile-filter-section.collapsed .aq-mobile-filter-section-head::after{
    content:"›";
  }

  /* Property details become a vertical, touch-friendly stack. */
  .aq-filter-dialog--compact .aq-advanced-grid{
    grid-template-columns:1fr!important;
    gap:12px!important;
  }

  .aq-filter-dialog--compact .aq-advanced-grid label{
    font-size:13px!important;
    color:#1D2433!important;
    font-weight:650!important;
  }

  .aq-filter-dialog--compact .aq-advanced-grid input,
  .aq-filter-dialog--compact .aq-advanced-grid select{
    min-height:48px!important;
    margin-top:7px!important;
    padding:10px 12px!important;
    border:1px solid #DDE3EA!important;
    border-radius:10px!important;
    background:#fff!important;
    font-size:14px!important;
  }

  /* Additional options become simple toggles/chips. */
  .aq-filter-dialog--compact .aq-advanced-checks{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:8px!important;
    margin:0!important;
  }

  .aq-filter-dialog--compact .aq-advanced-checks label{
    min-height:46px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    padding:10px 12px!important;
    border:1px solid #E2E6EC!important;
    border-radius:10px!important;
    background:#FAFBFC!important;
    font-size:13px!important;
  }

  /* Amenities become pill chips, Aqarmap-like. */
  .aq-filter-dialog--compact .aq-amenity-filter{
    padding:0!important;
    margin:0!important;
    border:0!important;
  }

  .aq-filter-dialog--compact .aq-amenity-filter>b{
    display:none!important;
  }

  .aq-filter-dialog--compact .aq-amenity-grid{
    display:flex!important;
    flex-wrap:wrap!important;
    gap:8px!important;
  }

  .aq-filter-dialog--compact .aq-amenity-grid label{
    min-height:40px!important;
    width:auto!important;
    display:inline-flex!important;
    align-items:center!important;
    gap:7px!important;
    padding:8px 12px!important;
    border:1px solid #DDE3EA!important;
    border-radius:999px!important;
    background:#fff!important;
    font-size:13px!important;
    color:#556176!important;
  }

  .aq-filter-dialog--compact .aq-amenity-grid input{
    width:16px!important;
    height:16px!important;
    margin:0!important;
  }

  .aq-filter-dialog--compact .aq-amenity-grid label:has(input:checked){
    background:#EAF3FF!important;
    border-color:#BCD0EF!important;
    color:#1F285F!important;
  }

  /* Sticky mobile action bar like Aqarmap. */
  .aq-filter-dialog--compact .aq-advanced-actions{
    display:grid!important;
    grid-template-columns:auto 1fr!important;
    align-items:center!important;
    gap:10px!important;
    padding:10px 14px calc(10px + env(safe-area-inset-bottom))!important;
    background:#fff!important;
    border-top:1px solid #E7EBF0!important;
  }

  .aq-filter-dialog--compact .aq-filter-close-secondary{
    display:none!important;
  }

  .aq-filter-dialog--compact .aq-filter-clear{
    min-width:90px!important;
    border:0!important;
    background:transparent!important;
    color:#1F285F!important;
    box-shadow:none!important;
  }

  .aq-filter-dialog--compact .aq-filter-apply{
    min-height:48px!important;
    border-radius:999px!important;
    background:#1F285F!important;
    color:#fff!important;
    font-size:14px!important;
    font-weight:800!important;
  }

  /* Beds & Baths popover on mobile becomes a bottom sheet. */
  .aq-beds-baths-popover{
    position:fixed!important;
    left:12px!important;
    right:12px!important;
    bottom:12px!important;
    top:auto!important;
    width:auto!important;
    max-width:none!important;
    z-index:280!important;
    padding:18px!important;
    border-radius:16px!important;
  }
}

/* Extra-small mobile polish. */
@media(max-width:520px){
  .aq-results-row-h2 .aq-more-filter-btn{
    min-width:96px!important;
    padding-inline:9px!important;
    font-size:12px!important;
  }

  .aq-filter-dialog--compact .aq-filter-drawer-head{
    padding:10px 12px!important;
  }

  .aq-filter-dialog-scroll{
    padding:0 12px 16px!important;
  }
}


/* ============================================================================
   AQARK H5.1 — DEDICATED AQARMAP-STYLE MOBILE FILTER
   A separate mobile form guarantees reliable open/close and avoids conflicts
   with the desktop More Filters panel.
   ============================================================================ */

/* Desktop/mobile button split */
.aq-more-filter-mobile{display:none!important}

@media(max-width:900px){
  .aq-more-filter-desktop{display:none!important}
  .aq-more-filter-mobile{
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
  }
}

/* Mobile filter sheet is independent from desktop advanced filters. */
.aq-mobile-filter-sheet{
  display:none;
}

html.aq-mobile-filter-open,
body.aq-mobile-filter-open{
  overflow:hidden!important;
}

@media(max-width:900px){
  .aq-mobile-filter-sheet{
    position:fixed;
    inset:0;
    z-index:500;
    background:#fff;
  }

  .aq-mobile-filter-sheet.open{
    display:block;
  }

  .aq-mobile-filter-form{
    height:100dvh;
    display:grid;
    grid-template-rows:auto minmax(0,1fr) auto;
    background:#fff;
  }

  .aq-mobile-filter-head{
    min-height:62px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:16px;
    padding:0 14px;
    border-bottom:1px solid #E7EBF0;
    background:#fff;
  }

  .aq-mobile-filter-head h2{
    margin:0;
    font-size:20px;
    line-height:1.2;
    color:#111827;
  }

  .aq-mobile-filter-head-actions{
    display:flex;
    align-items:center;
    gap:14px;
  }

  .aq-mobile-filter-head-actions>a{
    color:#1F72B8!important;
    font-weight:750;
    font-size:14px;
  }

  .aq-mobile-filter-head-actions>button{
    width:38px;
    height:38px;
    display:grid;
    place-items:center;
    border:0;
    background:transparent;
    color:#1D2433;
    font-size:20px;
    cursor:pointer;
  }

  .aq-mobile-filter-scroll{
    min-height:0;
    overflow-y:auto;
    overscroll-behavior:contain;
    padding:0 14px 24px;
    background:#fff;
  }

  .aqm-section{
    padding:20px 0;
    border-bottom:1px solid #E8EBF0;
  }

  .aqm-section h3{
    display:flex;
    align-items:center;
    gap:9px;
    margin:0 0 14px;
    color:#111827;
    font-size:16px;
    line-height:1.25;
  }

  .aqm-section h3 i{
    width:22px;
    color:#26364D;
    font-size:18px;
  }

  .aqm-subhead{
    margin-top:22px!important;
  }

  /* For Sale / For Rent segmented selector */
  .aqm-segment{
    display:grid;
    gap:0;
    border:1px solid #DDE3EA;
    border-radius:14px;
    overflow:hidden;
  }

  .aqm-segment-2{
    grid-template-columns:1fr 1fr;
  }

  .aqm-segment label{
    margin:0;
  }

  .aqm-segment input{
    position:absolute;
    opacity:0;
    pointer-events:none;
  }

  .aqm-segment span{
    min-height:54px;
    display:flex;
    align-items:center;
    justify-content:center;
    gap:9px;
    color:#667085;
    background:#fff;
    font-size:15px;
    font-weight:650;
  }

  .aqm-segment input:checked+span{
    background:#E9F3FA;
    color:#0B78BD;
  }

  /* Inputs */
  .aqm-input,
  .aqm-stack select,
  .aqm-two-inputs input{
    width:100%;
    min-height:50px;
    box-sizing:border-box;
    border:1px solid #DDE3EA!important;
    border-radius:10px!important;
    background:#fff!important;
    padding:10px 13px!important;
    box-shadow:none!important;
    color:#1D2433!important;
    font-size:14px!important;
  }

  .aqm-stack{
    display:grid;
    gap:12px;
  }

  .aqm-stack label>span,
  .aqm-two-inputs label>span{
    display:block;
    margin-bottom:6px;
    color:#667085;
    font-size:12px;
    font-weight:650;
  }

  .aqm-two-inputs{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:10px;
  }

  /* Property-type chips */
  .aqm-chip-grid{
    display:flex;
    flex-wrap:wrap;
    gap:9px;
  }

  .aqm-chip-grid input,
  .aqm-number-pills input,
  .aqm-amenities input{
    position:absolute;
    opacity:0;
    pointer-events:none;
  }

  .aqm-chip-grid span,
  .aqm-number-pills span,
  .aqm-amenities span{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-height:42px;
    padding:7px 14px;
    border:1px solid #DDE3EA;
    border-radius:999px;
    background:#fff;
    color:#596579;
    font-size:14px;
    line-height:1.2;
  }

  .aqm-chip-grid input:checked+span,
  .aqm-number-pills input:checked+span,
  .aqm-amenities input:checked+span{
    background:#E8F3FB;
    border-color:#CDE3F2;
    color:#0B78BD;
  }

  /* Beds / baths */
  .aqm-number-pills{
    display:flex;
    flex-wrap:wrap;
    gap:9px;
  }

  .aqm-number-pills span{
    min-width:48px;
    padding-inline:13px;
  }

  /* Amenity chips */
  .aqm-amenities{
    display:flex;
    flex-wrap:wrap;
    gap:9px;
  }

  .aqm-amenities label{
    margin:0;
  }

  html[dir="ltr"] .aqm-amenities{
    direction:ltr;
    text-align:left;
  }

  html[dir="rtl"] .aqm-amenities{
    direction:rtl;
    text-align:right;
  }

  /* Toggle list */
  .aqm-switch-list{
    display:grid;
    gap:2px;
  }

  .aqm-switch-list label{
    min-height:50px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:16px;
    padding:0 4px;
    color:#1D2433;
    font-size:14px;
  }

  .aqm-switch-list input{
    appearance:none;
    width:46px;
    height:26px;
    flex:0 0 46px;
    position:relative;
    border:1px solid #D6DCE5;
    border-radius:999px;
    background:#EEF1F4;
    cursor:pointer;
  }

  .aqm-switch-list input::after{
    content:"";
    position:absolute;
    width:20px;
    height:20px;
    left:2px;
    top:2px;
    border-radius:50%;
    background:#fff;
    box-shadow:0 1px 3px rgba(20,31,55,.18);
    transition:.18s ease;
  }

  .aqm-switch-list input:checked{
    background:#1F8CCB;
    border-color:#1F8CCB;
  }

  .aqm-switch-list input:checked::after{
    transform:translateX(20px);
  }

  html[dir="rtl"] .aqm-switch-list input::after{
    left:auto;
    right:2px;
  }

  html[dir="rtl"] .aqm-switch-list input:checked::after{
    transform:translateX(-20px);
  }

  /* Fixed search action like Aqarmap */
  .aq-mobile-filter-bottom{
    padding:10px 14px calc(10px + env(safe-area-inset-bottom));
    border-top:1px solid #E7EBF0;
    background:#fff;
  }

  .aqm-search-button{
    width:100%;
    min-height:50px;
    border:0;
    border-radius:999px;
    background:#1F285F;
    color:#fff;
    font-size:14px;
    font-weight:800;
    cursor:pointer;
  }

  /* Hide the desktop advanced panel entirely on mobile; only the dedicated
     Aqarmap-style sheet is used now. */
  .aq-advanced-filters{
    display:none!important;
  }

  /* Keep one property card per row on phones. */
  body.public-shell .listing-results .grid.three.aq-property-grid-h2{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
}

@media(max-width:620px){
  body.public-shell .listing-results .grid.three.aq-property-grid-h2,
  body.public-shell .listing-results .aq-property-grid-h2,
  body.public-shell .aq-property-grid-h2{
    grid-template-columns:minmax(0,1fr)!important;
  }

  .aqm-two-inputs{
    grid-template-columns:1fr 1fr;
  }
}


/* ============================================================================
   AQARK H5.2 — AQARMAP FILTER FOR DESKTOP + MOBILE
   One filter system across all devices:
   - Desktop/tablet: right-side drawer with backdrop
   - Mobile: full-screen sheet
   - Grouped sections, chips, toggles, sticky result CTA
   ============================================================================ */

/* Legacy advanced panel is retired from the UI in this phase. */
.aq-advanced-filters{
  display:none!important;
}

/* Unified trigger is visible on all breakpoints. */
.aq-unified-filter-trigger{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:7px!important;
  background:#fff!important;
  color:#1F285F!important;
  border:0!important;
  box-shadow:none!important;
  border-radius:9px!important;
  font-weight:750!important;
  min-height:46px!important;
  padding:0 14px!important;
  cursor:pointer;
}

.aq-unified-filter-trigger:hover{
  background:#F3F6FC!important;
}

.aq-unified-filter-trigger b{
  display:inline-grid;
  min-width:20px;
  height:20px;
  place-items:center;
  padding:0 5px;
  border-radius:999px;
  background:#EEF3FF;
  color:#1F285F;
  font-size:10px;
}

/* Shared sheet overlay */
.aq-unified-filter-sheet{
  display:none;
  position:fixed;
  inset:0;
  z-index:600;
  background:rgba(15,23,42,.34);
  backdrop-filter:blur(1px);
}

.aq-unified-filter-sheet.open{
  display:block;
}

html.aq-mobile-filter-open,
body.aq-mobile-filter-open{
  overflow:hidden!important;
}

/* Desktop/tablet drawer */
@media(min-width:901px){
  .aq-unified-filter-form{
    position:absolute;
    top:0;
    right:0;
    width:min(560px,42vw);
    height:100vh;
    display:grid;
    grid-template-rows:auto minmax(0,1fr) auto;
    background:#fff;
    box-shadow:-18px 0 45px rgba(15,23,42,.14);
  }

  html[dir="rtl"] .aq-unified-filter-form{
    right:auto;
    left:0;
    box-shadow:18px 0 45px rgba(15,23,42,.14);
  }

  .aq-unified-filter-head{
    min-height:68px;
    padding:0 22px;
    border-bottom:1px solid #E7EBF0;
  }

  .aq-unified-filter-head h2{
    font-size:22px;
  }

  .aq-unified-filter-scroll{
    padding:0 22px 28px;
  }

  .aqm-section{
    padding:22px 0;
  }

  .aqm-section h3{
    font-size:16px;
  }

  .aqm-chip-grid span,
  .aqm-number-pills span,
  .aqm-amenities span{
    min-height:40px;
    padding:7px 14px;
    font-size:14px;
  }

  .aq-unified-filter-bottom{
    padding:12px 22px 16px;
  }

  .aqm-search-button{
    min-height:52px;
    font-size:15px;
  }

  /* Keep desktop top bar direct and simple. */
  .aq-results-row-h2{
    grid-template-columns:
      100px
      minmax(280px,1.7fr)
      minmax(180px,.9fr)
      150px
      165px
      168px
      120px
      92px!important;
  }
}

/* Mobile full-screen sheet */
@media(max-width:900px){
  .aq-unified-filter-sheet{
    background:#fff;
  }

  .aq-unified-filter-form{
    position:relative;
    width:100%;
    height:100dvh;
    display:grid;
    grid-template-rows:auto minmax(0,1fr) auto;
    background:#fff;
  }

  .aq-unified-filter-head{
    min-height:60px;
    padding:0 14px;
    border-bottom:1px solid #E7EBF0;
  }

  .aq-unified-filter-head h2{
    font-size:20px;
  }

  .aq-unified-filter-scroll{
    padding:0 14px 24px;
  }

  .aq-unified-filter-bottom{
    padding:10px 14px calc(10px + env(safe-area-inset-bottom));
  }

  .aqm-search-button{
    min-height:50px;
  }

  /* Mobile result-page top bar: Aqarmap-like location + filter only. */
  .aq-results-row-h2{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) auto!important;
    gap:7px!important;
  }

  .aq-results-row-h2 > *{
    display:none!important;
  }

  .aq-results-row-h2 .aq-location-field,
  .aq-results-row-h2 .aq-unified-filter-trigger{
    display:flex!important;
  }

  .aq-results-row-h2 .aq-location-field{
    min-height:46px!important;
    background:#fff!important;
    border:1px solid #E1E6ED!important;
    border-radius:10px!important;
  }

  .aq-results-row-h2 .aq-unified-filter-trigger{
    min-width:104px!important;
    background:#F2F5FA!important;
    border-radius:10px!important;
  }
}

/* Extra desktop polish: Aqarmap-like grouped rhythm */
@media(min-width:1200px){
  .aq-unified-filter-form{
    width:540px;
  }

  .aqm-segment span{
    min-height:52px;
  }

  .aqm-two-inputs{
    gap:12px;
  }
}


/* ============================================================================
   AQARK H5.3 — CLEAN AQARMAP FILTER REBUILD
   Fresh isolated classes prevent collisions with previous filter experiments.
   ============================================================================ */

/* Retire old filter UIs completely. */
.aq-advanced-filters,
.aq-mobile-filter-sheet,
.aq-unified-filter-sheet,
.aq-beds-baths-popover{
  display:none!important;
}

/* Compact page toolbar on all devices */
.aqf-toolbar-wrap{
  position:sticky!important;
  top:78px!important;
  z-index:90!important;
  background:#F6F8FB!important;
  border:0!important;
  box-shadow:none!important;
}

.aqf-toolbar{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto auto;
  gap:8px;
  padding:10px 0;
}

.aqf-toolbar-search{
  min-height:46px;
  display:flex;
  align-items:center;
  gap:9px;
  padding:0 14px;
  background:#fff;
  border-radius:10px;
}

.aqf-toolbar-search i{
  color:#1F285F;
}

.aqf-toolbar-search input{
  width:100%;
  border:0!important;
  outline:0!important;
  box-shadow:none!important;
  background:transparent!important;
  color:#1D2433!important;
  font-size:14px!important;
}

.aqf-filter-trigger,
.aqf-toolbar-search-btn{
  min-height:46px;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:7px;
  padding:0 15px;
  border:0;
  border-radius:10px;
  cursor:pointer;
  font:inherit;
  font-weight:750;
}

.aqf-filter-trigger{
  background:#fff;
  color:#1F285F;
}

.aqf-filter-trigger b{
  display:inline-grid;
  min-width:20px;
  height:20px;
  place-items:center;
  padding:0 5px;
  border-radius:999px;
  background:#EEF3FF;
  font-size:10px;
}

.aqf-toolbar-search-btn{
  background:#1F285F;
  color:#fff;
}

/* Overlay */
.aqf-overlay{
  display:none;
  position:fixed;
  inset:0;
  z-index:700;
}

.aqf-overlay.open{
  display:block;
}

.aqf-backdrop{
  position:absolute;
  inset:0;
  background:rgba(15,23,42,.38);
  backdrop-filter:blur(2px);
}

html.aqf-open,
body.aqf-open{
  overflow:hidden!important;
}

/* Desktop/tablet drawer */
.aqf-panel{
  position:absolute;
  top:0;
  right:0;
  width:min(560px,44vw);
  height:100dvh;
  display:grid;
  grid-template-rows:auto minmax(0,1fr) auto;
  background:#fff;
  box-shadow:-20px 0 48px rgba(15,23,42,.16);
  direction:ltr;
}

html[dir="rtl"] .aqf-panel{
  right:auto;
  left:0;
  direction:rtl;
  box-shadow:20px 0 48px rgba(15,23,42,.16);
}

.aqf-head{
  min-height:68px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
  padding:0 22px;
  border-bottom:1px solid #E7EBF0;
}

.aqf-head h2{
  margin:0;
  color:#111827;
  font-size:22px;
}

.aqf-head p{
  margin:3px 0 0;
  color:#8A93A6;
  font-size:12px;
}

.aqf-head-actions{
  display:flex;
  align-items:center;
  gap:14px;
}

.aqf-head-actions>a{
  color:#1976B8!important;
  font-weight:750;
  font-size:13px;
}

.aqf-head-actions button{
  width:38px;
  height:38px;
  display:grid;
  place-items:center;
  border:0;
  background:transparent;
  color:#1D2433;
  font-size:19px;
  cursor:pointer;
}

.aqf-scroll{
  min-height:0;
  overflow-y:auto;
  overscroll-behavior:contain;
  padding:0 22px 28px;
}

.aqf-section{
  padding:22px 0;
  border-bottom:1px solid #E9EDF2;
}

.aqf-section h3{
  display:flex;
  align-items:center;
  gap:9px;
  margin:0 0 14px;
  color:#111827;
  font-size:16px;
}

.aqf-section h3 i{
  width:22px;
  color:#334155;
}

.aqf-subhead{
  margin-top:22px!important;
}

.aqf-segment{
  display:grid;
  border:1px solid #DDE3EA;
  border-radius:14px;
  overflow:hidden;
}

.aqf-segment-2{
  grid-template-columns:1fr 1fr;
}

.aqf-segment input,
.aqf-chips input,
.aqf-number-pills input,
.aqf-amenities input{
  position:absolute;
  opacity:0;
  pointer-events:none;
}

.aqf-segment span{
  min-height:52px;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  background:#fff;
  color:#667085;
  font-size:14px;
  font-weight:650;
}

.aqf-segment input:checked+span{
  background:#E9F3FA;
  color:#0B78BD;
}

.aqf-input,
.aqf-stack select,
.aqf-two input{
  width:100%;
  min-height:48px;
  box-sizing:border-box;
  border:1px solid #DDE3EA!important;
  border-radius:10px!important;
  background:#fff!important;
  padding:10px 13px!important;
  box-shadow:none!important;
  color:#1D2433!important;
  font-size:14px!important;
}

.aqf-two{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:10px;
}

.aqf-two label>span,
.aqf-stack label>span{
  display:block;
  margin-bottom:6px;
  color:#667085;
  font-size:12px;
  font-weight:650;
}

.aqf-stack{
  display:grid;
  gap:12px;
}

.aqf-chips,
.aqf-number-pills,
.aqf-amenities{
  display:flex;
  flex-wrap:wrap;
  gap:9px;
}

.aqf-chips span,
.aqf-number-pills span,
.aqf-amenities span{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:40px;
  padding:7px 14px;
  border:1px solid #DDE3EA;
  border-radius:999px;
  background:#fff;
  color:#596579;
  font-size:14px;
  line-height:1.2;
}

.aqf-chips input:checked+span,
.aqf-number-pills input:checked+span,
.aqf-amenities input:checked+span{
  background:#E8F3FB;
  border-color:#CDE3F2;
  color:#0B78BD;
}

.aqf-number-pills span{
  min-width:48px;
}

html[dir="ltr"] .aqf-amenities{direction:ltr;text-align:left}
html[dir="rtl"] .aqf-amenities{direction:rtl;text-align:right}

.aqf-switches{
  display:grid;
  gap:2px;
}

.aqf-switches label{
  min-height:50px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  color:#1D2433;
  font-size:14px;
}

.aqf-switches input{
  appearance:none;
  width:46px;
  height:26px;
  flex:0 0 46px;
  position:relative;
  border:1px solid #D6DCE5;
  border-radius:999px;
  background:#EEF1F4;
  cursor:pointer;
}

.aqf-switches input::after{
  content:"";
  position:absolute;
  width:20px;
  height:20px;
  left:2px;
  top:2px;
  border-radius:50%;
  background:#fff;
  box-shadow:0 1px 3px rgba(20,31,55,.18);
  transition:.18s ease;
}

.aqf-switches input:checked{
  background:#1F8CCB;
  border-color:#1F8CCB;
}

.aqf-switches input:checked::after{
  transform:translateX(20px);
}

html[dir="rtl"] .aqf-switches input::after{
  left:auto;
  right:2px;
}

html[dir="rtl"] .aqf-switches input:checked::after{
  transform:translateX(-20px);
}

.aqf-foot{
  padding:12px 22px 16px;
  border-top:1px solid #E7EBF0;
  background:#fff;
}

.aqf-foot button{
  width:100%;
  min-height:50px;
  border:0;
  border-radius:999px;
  background:#1F285F;
  color:#fff;
  font-size:14px;
  font-weight:800;
  cursor:pointer;
}

/* Mobile: full-screen Aqarmap-style filter */
@media(max-width:900px){
  .aqf-toolbar-wrap{
    top:56px!important;
  }

  .aqf-toolbar{
    grid-template-columns:minmax(0,1fr) auto;
  }

  .aqf-toolbar-search-btn{
    display:none;
  }

  .aqf-filter-trigger{
    min-width:104px;
    background:#F2F5FA;
  }

  .aqf-backdrop{
    display:none;
  }

  .aqf-panel,
  html[dir="rtl"] .aqf-panel{
    position:relative;
    left:auto;
    right:auto;
    width:100%;
    height:100dvh;
    box-shadow:none;
  }

  .aqf-head{
    min-height:60px;
    padding:0 14px;
  }

  .aqf-head h2{
    font-size:20px;
  }

  .aqf-head p{
    display:none;
  }

  .aqf-scroll{
    padding:0 14px 24px;
  }

  .aqf-section{
    padding:20px 0;
  }

  .aqf-foot{
    padding:10px 14px calc(10px + env(safe-area-inset-bottom));
  }
}

@media(max-width:620px){
  .aqf-toolbar-wrap .aq-discovery-container{
    width:calc(100% - 20px)!important;
  }

  .aqf-toolbar-search{
    min-height:44px;
  }

  .aqf-filter-trigger{
    min-height:44px;
    min-width:96px;
    padding-inline:11px;
  }

  body.public-shell .listing-results .grid.three.aq-property-grid-h2,
  body.public-shell .listing-results .aq-property-grid-h2,
  body.public-shell .aq-property-grid-h2{
    grid-template-columns:minmax(0,1fr)!important;
  }
}


/* ============================================================================
   AQARK H6.6 — CONSOLIDATED SIGNATURE FILTER
   One authoritative implementation. No stacked H6.1/H6.2/H6.3/H6.4/H6.5 rules.
   ============================================================================ */

/* Retire previous experimental filter systems. */
.aqf-toolbar-wrap,
.aqf-overlay,
.aq-advanced-filters,
.aq-mobile-filter-sheet,
.aq-unified-filter-sheet,
.aq-mobile-filter-trigger{
  display:none!important;
}

/* ---------- Shared dock ---------- */
.aqs-search-shell{
  position:sticky;
  top:0;
  z-index:120;
  padding:8px 0;
  background:#F6F8FB;
  border-bottom:1px solid #E9EDF2;
  overflow:visible;
}

.aqs-search-dock{
  position:relative;
  display:grid;
  grid-template-columns:150px minmax(320px,1.8fr) 170px 170px 132px 100px;
  gap:7px;
  align-items:stretch;
}

.aqs-purpose{
  display:grid;
  grid-template-columns:1fr 1fr;
  padding:4px;
  border-radius:12px;
  background:#E9EDF4;
}

.aqs-purpose input,
.aqs-status input,
.aqs-pills input,
.aqs-amenities input,
.aqs-mobile-purpose input{
  position:absolute;
  opacity:0;
  pointer-events:none;
}

.aqs-purpose span{
  min-height:38px;
  display:flex;
  align-items:center;
  justify-content:center;
  border-radius:9px;
  color:#667085;
  font-size:13px;
  font-weight:750;
}

.aqs-purpose input:checked + span{
  background:#fff;
  color:#1F285F;
}

.aqs-location,
.aqs-select,
.aqs-budget-trigger,
.aqs-refine{
  min-height:46px;
  border:0;
  border-radius:12px;
  background:#fff;
  box-shadow:none;
}

.aqs-location{
  min-width:0;
  display:flex;
  align-items:center;
  gap:9px;
  padding:0 14px;
}

.aqs-location i{color:#1F285F}

.aqs-location input{
  min-width:0!important;
  width:100%!important;
  border:0!important;
  outline:0!important;
  box-shadow:none!important;
  background:transparent!important;
  color:#1D2433!important;
  font-size:14px!important;
  text-overflow:ellipsis;
}

.aqs-select{
  display:grid;
  align-content:center;
  padding:5px 12px;
}

.aqs-select>span,
.aqs-budget-trigger>span{
  font-size:10px;
  color:#8B94A5;
}

.aqs-select select{
  width:100%;
  padding:0!important;
  border:0!important;
  outline:0!important;
  background:transparent!important;
  color:#1D2433!important;
  font-size:12px!important;
  font-weight:650;
}

.aqs-budget{position:relative}

.aqs-budget-trigger{
  width:100%;
  display:grid;
  grid-template-columns:1fr auto;
  grid-template-rows:auto auto;
  align-content:center;
  column-gap:7px;
  padding:5px 12px;
  text-align:start;
  cursor:pointer;
}

.aqs-budget-trigger>b{
  min-width:0;
  overflow:hidden;
  color:#1D2433;
  font-size:12px;
  font-weight:650;
  text-overflow:ellipsis;
  white-space:nowrap;
}

.aqs-budget-trigger i{
  grid-row:1/3;
  grid-column:2;
  align-self:center;
  color:#8B94A5;
}

html[dir="rtl"] .aqs-budget-trigger{
  grid-template-columns:auto 1fr;
}
html[dir="rtl"] .aqs-budget-trigger i{grid-column:1}
html[dir="rtl"] .aqs-budget-trigger>span,
html[dir="rtl"] .aqs-budget-trigger>b{grid-column:2}

.aqs-budget-pop{
  display:none;
  position:absolute;
  top:calc(100% + 8px);
  inset-inline-end:0;
  width:280px;
  z-index:220;
  grid-template-columns:1fr 1fr;
  gap:10px;
  padding:14px;
  border:1px solid #E4E8EE;
  border-radius:14px;
  background:#fff;
  box-shadow:0 14px 30px rgba(23,35,60,.12);
}

.aqs-budget-pop.open{display:grid}

.aqs-budget-pop label span{
  display:block;
  margin-bottom:6px;
  color:#7B8497;
  font-size:11px;
}

.aqs-budget-pop input{
  width:100%;
  min-height:42px;
  box-sizing:border-box;
  border:1px solid #E1E6EC!important;
  border-radius:9px!important;
  padding:8px 10px!important;
  background:#fff!important;
}

.aqs-budget-pop button{
  grid-column:1/-1;
  min-height:40px;
  border:0;
  border-radius:9px;
  background:#1F285F;
  color:#fff;
  font-weight:750;
  cursor:pointer;
}

.aqs-refine{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:7px;
  padding:0 13px;
  color:#1F285F;
  font-weight:750;
  cursor:pointer;
  background:#F9FAFC;
}

.aqs-refine:hover{background:#F2F5FA}

.aqs-refine b{
  display:inline-grid;
  min-width:20px;
  height:20px;
  place-items:center;
  padding:0 5px;
  border-radius:999px;
  background:#EEF3FF;
  font-size:10px;
}

.aqs-search-btn{
  min-height:46px;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:7px;
  border:0;
  border-radius:12px;
  background:#1F285F;
  color:#fff;
  font-weight:800;
  cursor:pointer;
}

/* ---------- Desktop expanded panel ---------- */
.aqs-refine-tray{
  display:none;
}

@media(min-width:901px){
  .aqs-refine-tray.open{
    display:block;
    position:absolute;
    top:calc(100% + 8px);
    inset-inline:0;
    width:auto;
    max-width:none;
    max-height:min(480px,calc(100vh - 110px));
    box-sizing:border-box;
    overflow-x:hidden;
    overflow-y:auto;
    z-index:210;
    margin:0;
    padding:15px 16px;
    border:1px solid #EDF0F4;
    border-radius:16px;
    background:#fff;
    box-shadow:0 14px 34px rgba(25,39,72,.10);
  }

  .aqs-mobile-sheet-head,
  .aqs-mobile-essentials{
    display:none!important;
  }
}

/* ---------- Panel internals ---------- */
.aqs-tray-top{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  margin-bottom:13px;
}

.aqs-tray-close{
  width:30px;
  height:30px;
  display:grid;
  place-items:center;
  border:0;
  border-radius:9px;
  background:transparent;
  color:#98A2B3;
  cursor:pointer;
}

.aqs-status{
  display:flex;
  flex-wrap:wrap;
  gap:7px;
}

.aqs-status span{
  min-height:33px;
  display:inline-flex;
  align-items:center;
  padding:0 12px;
  border-radius:999px;
  background:#F7F8FA;
  color:#667085;
  font-size:12px;
  font-weight:700;
}

.aqs-status input:checked + span{
  background:#EEF3FF;
  color:#1F285F;
}

.aqs-tray-grid{
  display:grid;
  grid-template-columns:
    minmax(0,1fr)
    minmax(0,1fr)
    minmax(0,1fr)
    minmax(0,1.15fr);
  gap:14px;
  width:100%;
  min-width:0;
}

.aqs-group{min-width:0}

.aqs-group h4{
  margin:0 0 8px;
  color:#1D2433;
  font-size:12px;
}

.aqs-pills{
  display:flex;
  flex-wrap:wrap;
  gap:6px;
}

.aqs-pills span{
  min-width:35px;
  min-height:31px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:0 9px;
  border-radius:999px;
  background:#FAFBFC;
  color:#6B7280;
  font-size:12px;
}

.aqs-pills input:checked + span{
  background:#EEF3FF;
  color:#1F285F;
}

.aqs-two{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(0,1fr);
  gap:8px;
}

.aqs-two span{
  display:block;
  margin-bottom:5px;
  color:#8B94A5;
  font-size:10px;
}

.aqs-two input,
.aqs-stack select{
  width:100%;
  min-width:0;
  min-height:38px;
  box-sizing:border-box;
  border:0!important;
  border-radius:9px!important;
  background:#F8F9FB!important;
  padding:8px 10px!important;
  color:#1D2433!important;
}

.aqs-stack{
  display:grid;
  gap:8px;
}

.aqs-secondary-row{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(0,1fr);
  gap:10px;
  width:100%;
  margin-top:15px;
  padding-top:14px;
  border-top:1px solid #EEF1F4;
}

.aqs-collapsible{
  min-width:0;
  overflow:hidden;
  border-radius:11px;
  background:#FAFBFC;
}

.aqs-summary-row{
  width:100%;
  min-height:48px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  padding:8px 12px;
  border:0;
  background:transparent;
  color:#1D2433;
  text-align:start;
  cursor:pointer;
}

.aqs-summary-row>div{min-width:0}

.aqs-summary-row span{
  display:block;
  color:#1D2433;
  font-size:12px;
  font-weight:750;
}

.aqs-summary-row b{
  display:block;
  margin-top:2px;
  overflow:hidden;
  color:#8B94A5;
  font-size:10px;
  font-weight:550;
  text-overflow:ellipsis;
  white-space:nowrap;
}

.aqs-summary-row i{
  flex:0 0 auto;
  color:#8B94A5;
  transition:transform .18s ease;
}

.aqs-collapsible.open .aqs-summary-row i{
  transform:rotate(180deg);
}

.aqs-collapsible-body{
  display:none;
  padding:0 12px 12px;
}

.aqs-collapsible.open .aqs-collapsible-body{
  display:block;
}

.aqs-amenities{
  display:flex;
  flex-wrap:wrap;
  gap:6px;
}

.aqs-amenities span{
  min-height:31px;
  display:inline-flex;
  align-items:center;
  padding:0 10px;
  border:1px solid #EDF0F4;
  border-radius:999px;
  background:#fff;
  color:#667085;
  font-size:10px;
}

.aqs-amenities input:checked + span{
  background:#EEF3FF;
  border-color:#DDE6FA;
  color:#1F285F;
}

.aqs-other-options{
  display:flex;
  flex-wrap:wrap;
  gap:10px 14px;
}

.aqs-other-options label{
  display:flex;
  align-items:center;
  gap:6px;
  color:#667085;
  font-size:11px;
}

.aqs-other-options input{
  width:15px;
  height:15px;
}

.aqs-tray-foot{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:20px;
  margin-top:14px;
  padding-top:12px;
  border-top:1px solid #EEF1F4;
}

.aqs-tray-actions{
  display:flex;
  align-items:center;
  gap:10px;
  margin-inline-start:auto;
}

.aqs-tray-actions a{
  color:#8B94A5!important;
  font-size:12px;
  font-weight:650!important;
}

.aqs-tray-actions button{
  min-height:38px;
  padding:0 15px;
  border:0;
  border-radius:9px;
  background:#1F285F;
  color:#fff;
  font-weight:750;
  cursor:pointer;
}

/* ---------- Mobile full-screen More filters ---------- */
.aqs-mobile-sheet-head,
.aqs-mobile-essentials{
  display:none;
}

@media(max-width:900px){
  html.aqs-mobile-refine-open,
  body.aqs-mobile-refine-open{
    overflow:hidden!important;
  }

  .aqs-search-shell{
    top:0;
    z-index:180;
  }

  .aqs-search-dock{
    grid-template-columns:minmax(0,1fr) 112px;
  }

  .aqs-purpose,
  .aqs-select,
  .aqs-budget,
  .aqs-search-btn{
    display:none!important;
  }

  .aqs-location{
    min-height:46px;
  }

  .aqs-refine{
    width:112px;
    min-width:112px;
    min-height:46px;
    white-space:nowrap;
  }

  .aqs-refine-tray.open{
    display:flex;
    position:fixed;
    inset:0;
    width:100vw;
    height:100dvh;
    max-width:none;
    max-height:none;
    z-index:1000;
    flex-direction:column;
    box-sizing:border-box;
    margin:0;
    padding:0;
    border:0;
    border-radius:0;
    background:#fff;
    overflow:hidden;
  }

  .aqs-mobile-sheet-head{
    flex:0 0 56px;
    display:flex!important;
    align-items:center;
    justify-content:space-between;
    gap:12px;
    padding:0 14px;
    background:#fff;
    border-bottom:1px solid #E9EDF2;
  }

  .aqs-mobile-sheet-head b{
    color:#1D2433;
    font-size:16px;
    font-weight:800;
  }

  .aqs-mobile-sheet-head button{
    width:36px;
    height:36px;
    display:grid;
    place-items:center;
    border:0;
    border-radius:9px;
    background:#F6F8FB;
    color:#667085;
    cursor:pointer;
  }

  /* Make the rest of the tray the one scroll container. */
  .aqs-tray-top{
    display:block;
    flex:0 0 auto;
    margin:0;
    padding:14px 14px 0;
    background:#fff;
  }

  .aqs-tray-top>.aqs-tray-close{
    display:none!important;
  }

  .aqs-mobile-essentials{
    display:grid!important;
    gap:16px;
    padding:0;
  }

  .aqs-mobile-block{
    padding-bottom:16px;
    border-bottom:1px solid #EEF1F4;
  }

  .aqs-mobile-block h4{
    margin:0 0 10px;
    color:#1D2433;
    font-size:15px;
  }

  .aqs-mobile-purpose{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:6px;
    padding:4px;
    border-radius:12px;
    background:#F1F4F8;
  }

  .aqs-mobile-purpose span{
    min-height:42px;
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:9px;
    color:#667085;
    font-weight:750;
  }

  .aqs-mobile-purpose input:checked + span{
    background:#fff;
    color:#1F285F;
  }

  .aqs-mobile-block>select{
    width:100%;
    min-height:48px;
    border:0!important;
    border-radius:10px!important;
    background:#F7F9FB!important;
    padding:0 12px!important;
    color:#1D2433!important;
    font-size:14px!important;
  }

  .aqs-mobile-two{
    display:grid;
    grid-template-columns:minmax(0,1fr) minmax(0,1fr);
    gap:8px;
  }

  .aqs-mobile-two span{
    display:block;
    margin-bottom:5px;
    color:#8B94A5;
    font-size:11px;
  }

  .aqs-mobile-two input{
    width:100%;
    min-width:0;
    min-height:48px;
    box-sizing:border-box;
    border:0!important;
    border-radius:10px!important;
    background:#F7F9FB!important;
    padding:8px 10px!important;
  }

  .aqs-status{
    margin-top:16px;
    padding-bottom:16px;
    border-bottom:1px solid #EEF1F4;
  }

  .aqs-tray-grid{
    display:grid;
    grid-template-columns:1fr;
    gap:16px;
    flex:0 0 auto;
    padding:16px 14px 0;
  }

  .aqs-group{
    padding-bottom:16px;
    border-bottom:1px solid #EEF1F4;
  }

  .aqs-group h4{
    font-size:15px;
  }

  .aqs-pills span{
    min-height:40px;
    padding-inline:13px;
    font-size:13px;
  }

  .aqs-two input,
  .aqs-stack select{
    min-height:48px;
    font-size:14px!important;
  }

  .aqs-secondary-row{
    grid-template-columns:1fr;
    gap:8px;
    flex:0 0 auto;
    margin:0;
    padding:16px 14px;
  }

  /* The whole middle region scrolls via the tray itself. */
  .aqs-refine-tray.open{
    overflow-y:auto;
    overscroll-behavior:contain;
  }

  .aqs-mobile-sheet-head{
    position:sticky;
    top:0;
    z-index:30;
  }

  .aqs-tray-foot{
    position:sticky;
    bottom:0;
    z-index:30;
    flex:0 0 auto;
    margin:0;
    padding:12px 14px calc(12px + env(safe-area-inset-bottom));
    background:#fff;
    border-top:1px solid #E9EDF2;
  }

  .aqs-tray-actions{
    width:100%;
    display:grid;
    grid-template-columns:auto 1fr;
    margin:0;
  }

  .aqs-tray-actions button{
    min-height:48px;
    border-radius:999px;
  }

  .aq-results-toolbar-h2{
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    gap:12px!important;
  }

  .aq-results-toolbar-h2 .toolbar-actions{
    margin-inline-start:auto!important;
  }

  .aq-results-toolbar-h2 .toolbar-actions select{
    min-height:44px!important;
    border-radius:10px!important;
  }
}

@media(max-width:620px){
  .aqs-search-shell .aq-discovery-container{
    width:calc(100% - 20px)!important;
  }

  body.public-shell .listing-results .grid.three.aq-property-grid-h2,
  body.public-shell .listing-results .aq-property-grid-h2,
  body.public-shell .aq-property-grid-h2{
    grid-template-columns:minmax(0,1fr)!important;
  }
}


/* ============================================================================
   AQARK H7 — PROPERTY DETAIL EXPERIENCE
   ============================================================================ */
.property-page .aqd-breadcrumb{font-size:15px!important;line-height:1.5!important;color:#667085!important;padding-block:10px!important}
.property-page .aqd-breadcrumb a{font-size:15px!important;color:#4F5D78!important}
.property-page .aqd-title-row{align-items:flex-start!important;gap:26px!important;margin-top:18px!important}
.property-page .aqd-title-row h1{max-width:900px!important;margin:14px 0 9px!important;font-size:clamp(30px,3vw,46px)!important;line-height:1.08!important;letter-spacing:-.025em!important}
.property-page .aqd-title-row .location-line.large{font-size:16px!important}
.property-page .aqd-title-row .property-price-box{min-width:260px!important;padding:20px 22px!important}
.property-page .aqd-title-row .property-main-price{font-size:30px!important}

.aqd-fact-strip{display:flex;flex-wrap:wrap;align-items:center;gap:0;margin:22px 0 8px;padding:15px 0;border-top:1px solid #E7EBF0;border-bottom:1px solid #E7EBF0}
.aqd-fact{min-width:150px;display:flex;align-items:center;gap:11px;padding:4px 22px;border-inline-end:1px solid #E7EBF0}
.aqd-fact:first-child{padding-inline-start:0}.aqd-fact:last-child{border-inline-end:0}
.aqd-fact>i{flex:0 0 auto;color:#1F285F;font-size:26px}
.aqd-fact span{display:block;color:#667085;font-size:12px;line-height:1.2}
.aqd-fact b{display:block;margin-top:3px;color:#121A42;font-size:21px;line-height:1.15}

.aqd-information{text-align:start!important}
html[dir="ltr"] .aqd-information,html[dir="ltr"] .aqd-information .listing-details{direction:ltr!important;text-align:left!important}
html[dir="rtl"] .aqd-information,html[dir="rtl"] .aqd-information .listing-details{direction:rtl!important;text-align:right!important}
html[dir="ltr"] .aqd-information .listing-details>div{direction:ltr!important}
html[dir="rtl"] .aqd-information .listing-details>div{direction:rtl!important}

.aqd-section-heading{margin-bottom:20px}.aqd-section-heading h2{margin:0!important;color:#121A42;font-size:26px!important;line-height:1.2!important}.aqd-section-heading p{max-width:760px;margin:7px 0 0;color:#667085;font-size:14px;line-height:1.65}

.aqd-market{overflow:hidden}.aqd-trend-panel{display:grid;grid-template-columns:minmax(220px,.7fr) minmax(0,1.3fr);gap:28px;padding:22px 0 28px;border-bottom:1px solid #E7EBF0}
.aqd-market-copy h3{margin:0 0 6px;color:#101828;font-size:19px}.aqd-market-copy p{margin:0;color:#667085;font-size:13px;line-height:1.55}
.aqd-trend-number{display:flex;align-items:center;flex-wrap:wrap;gap:7px;margin-top:18px}.aqd-trend-number strong{font-size:28px}.aqd-trend-number span{width:100%;color:#8B94A5;font-size:11px}.aqd-trend-number.up{color:#138A5B}.aqd-trend-number.down{color:#D14343}
.aqd-line-chart svg{width:100%;height:220px;display:block}.aqd-line-chart .axis{stroke:#E6EAF0;stroke-width:1}.aqd-line-chart .area{fill:url(#aqdTrendFill)}.aqd-line-chart .line{fill:none;stroke:#4D73D9;stroke-width:4;stroke-linecap:round}
.aqd-chart-caption{display:flex;justify-content:space-between;gap:20px;margin-top:4px}.aqd-chart-caption span{display:grid;gap:2px;color:#8B94A5;font-size:10px}.aqd-chart-caption b{color:#344054;font-size:12px}
.aqd-market-lower{display:grid;grid-template-columns:1fr 1fr;gap:28px;padding-top:28px}
.aqd-bars{height:210px;display:flex;align-items:flex-end;justify-content:center;gap:48px;margin-top:18px;padding:16px 18px 0;border-bottom:1px solid #D8DEE8}
.aqd-bar-item{width:100px;height:100%;display:grid;grid-template-rows:auto 1fr auto;gap:7px;text-align:center}.aqd-bar-item>b{color:#1F285F;font-size:15px}.aqd-bar-item>div{height:100%;display:flex;align-items:flex-end;justify-content:center}.aqd-bar-item>div span{width:68px;max-height:100%;min-height:10px;display:block;border-radius:7px 7px 0 0;background:#4D73D9}.aqd-bar-item:nth-child(2)>div span{background:#1F7D86}.aqd-bar-item small{color:#667085;font-size:11px}
.aqd-popular-list{margin-top:16px}.aqd-popular-list a{min-height:45px;display:grid;grid-template-columns:28px 1fr auto;align-items:center;gap:10px;border-bottom:1px solid #E9EDF2;color:#1D2433!important}.aqd-popular-list a>span{color:#98A2B3;font-size:12px}.aqd-popular-list a>b{font-size:14px}.aqd-popular-list a>i{color:#4D73D9}.aqd-footnote{display:block;margin-top:13px;color:#8B94A5;font-size:10px;line-height:1.5}

.aqd-location-section{padding-top:42px!important;padding-bottom:48px!important}.aqd-location-section .aqd-section-heading h2{font-size:26px!important}
.aqd-nearby-shell{overflow:hidden;border:1px solid #E2E7EF;border-radius:16px;background:#fff}.aqd-nearby-tabs{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:1px;padding:7px;border-bottom:1px solid #E7EBF0;background:#F8FAFC}
.aqd-nearby-tabs button{min-height:44px;display:flex;align-items:center;justify-content:center;gap:7px;border:0;border-radius:9px;background:transparent;color:#667085;font-weight:700;cursor:pointer}.aqd-nearby-tabs button.active{background:#EEF3FF;color:#1F285F}.aqd-nearby-tabs i{font-size:16px}
.aqd-map-layout{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(280px,.8fr);min-height:520px}.aqd-property-map{width:100%;height:520px!important;min-height:520px!important}
.aqd-nearby-results{min-width:0;border-inline-start:1px solid #E7EBF0;background:#fff}.aqd-nearby-results-head{min-height:72px;display:flex;align-items:center;gap:11px;padding:15px 18px;border-bottom:1px solid #E7EBF0}.aqd-nearby-results-head>i{color:#1F285F;font-size:22px}.aqd-nearby-results-head b{display:block;color:#121A42;font-size:17px}.aqd-nearby-results-head span{display:block;margin-top:2px;color:#8B94A5;font-size:11px}
.aqd-nearby-list{max-height:448px;overflow:auto}.aqd-nearby-row{width:100%;min-height:65px;display:grid;grid-template-columns:25px 1fr auto;align-items:center;gap:10px;padding:10px 16px;border:0;border-bottom:1px solid #EFF2F5;background:#fff;text-align:start;cursor:pointer}.aqd-nearby-row:hover{background:#F8FAFC}.aqd-nearby-row>span{width:24px;height:24px;display:grid;place-items:center;border-radius:50%;background:#EEF3FF;color:#1F285F;font-size:10px;font-weight:800}.aqd-nearby-row b{display:block;color:#1D2433;font-size:12px}.aqd-nearby-row small{display:block;max-width:220px;margin-top:3px;overflow:hidden;color:#8B94A5;font-size:10px;text-overflow:ellipsis;white-space:nowrap}.aqd-nearby-row>i{color:#4D73D9}.aqd-property-location-card,.aqd-nearby-loading,.aqd-nearby-empty{padding:18px;color:#667085;font-size:12px}.aqd-property-location-card b{display:block;color:#1D2433;font-size:14px}.aqd-property-location-card span{display:block;margin-top:5px;color:#8B94A5;font-size:11px}

.aqd-detail-sponsor{margin-top:18px}.aqd-detail-sponsor .ad-slot,.aqd-detail-sponsor [class*="ad-slot"],.aqd-detail-sponsor>div{min-height:480px}
.aqd-contact-aside{align-self:start!important;position:sticky!important;top:12px!important}.aqd-contact-card{width:100%!important;box-sizing:border-box!important;padding:18px!important}.aqd-contact-card .responsive-broker-badge{display:none!important}.aqd-contact-card .listing-agent-head{padding-bottom:12px!important}.aqd-contact-card .agency-inventory-strip{margin-top:12px!important}.aqd-contact-card .divider{margin:14px 0!important}.aqd-contact-card .property-enquiry-form .form-grid{gap:9px!important}.aqd-contact-card input{min-height:42px!important}.aqd-contact-card textarea{min-height:86px!important}
.aqd-contact-card .detail-cta-grid.bayut-style-actions{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:8px!important;margin-bottom:12px!important}.aqd-contact-card .detail-cta-grid.bayut-style-actions>a{min-height:48px!important;height:48px!important;background:#232C73!important;border:1px solid #232C73!important;color:#fff!important}.aqd-contact-card .detail-cta-grid.bayut-style-actions>a i{color:#fff!important}.aqd-contact-card .detail-cta-grid.bayut-style-actions>a.whatsapp{background:#232C73!important;border-color:#232C73!important}.aqd-contact-card .detail-cta-grid.bayut-style-actions>a.whatsapp i{color:#00C978!important;font-size:24px!important}

@media(max-width:980px){.property-page .aqd-title-row{grid-template-columns:1fr!important}.property-page .aqd-title-row .property-price-box{min-width:0!important}.aqd-market-lower,.aqd-trend-panel{grid-template-columns:1fr!important}.aqd-nearby-tabs{grid-template-columns:repeat(3,minmax(0,1fr))}.aqd-map-layout{grid-template-columns:1fr}.aqd-nearby-results{border-inline-start:0;border-top:1px solid #E7EBF0}.aqd-contact-aside{position:relative!important;top:auto!important}}
@media(max-width:620px){.property-page .aqd-breadcrumb,.property-page .aqd-breadcrumb a{font-size:14px!important}.property-page .aqd-title-row h1{font-size:30px!important}.aqd-fact-strip{display:grid;grid-template-columns:1fr 1fr}.aqd-fact{min-width:0;padding:10px 8px!important;border-inline-end:0;border-bottom:1px solid #EEF1F4}.aqd-fact>i{font-size:23px}.aqd-fact b{font-size:18px}.aqd-nearby-tabs{display:flex;overflow-x:auto;padding:6px}.aqd-nearby-tabs button{min-width:115px;flex:0 0 auto}.aqd-property-map{height:390px!important;min-height:390px!important}.aqd-nearby-list{max-height:300px}}


/* ============================================================================
   AQARK H7.1 — TITLE SCALE + LOCATION DISCOVERY CARDS
   ============================================================================ */

/* Smaller, more controlled property title */
.property-page .aqd-title-row h1{
  font-size:clamp(28px,2.35vw,38px)!important;
  line-height:1.1!important;
  max-width:820px!important;
}

/* Bayut-inspired discovery cards under Location & Nearby */
.aqd-nearby-cards{
  display:grid;
  grid-template-columns:1.35fr repeat(3,minmax(0,1fr));
  gap:12px;
  margin-top:16px;
}

.aqd-nearby-card{
  min-width:0;
  min-height:104px;
  display:grid;
  grid-template-columns:auto minmax(0,1fr) auto;
  align-items:center;
  gap:12px;
  padding:15px 16px;
  border:1px solid #E2E7EF;
  border-radius:14px;
  background:#fff;
  color:#1D2433!important;
  text-decoration:none!important;
  transition:background .16s ease,border-color .16s ease,transform .16s ease;
}

.aqd-nearby-card:hover{
  background:#FAFBFD;
  border-color:#CCD7EA;
  transform:translateY(-1px);
}

.aqd-nearby-card-icon{
  width:40px;
  height:40px;
  display:grid;
  place-items:center;
  border-radius:11px;
  background:#EEF3FF;
  color:#1F285F;
  font-size:18px;
}

.aqd-nearby-card small{
  display:block;
  margin-bottom:4px;
  color:#8B94A5;
  font-size:10px;
  font-weight:650;
}

.aqd-nearby-card b{
  display:block;
  overflow:hidden;
  color:#1D2433;
  font-size:13px;
  line-height:1.35;
  text-overflow:ellipsis;
}

.aqd-card-arrow{
  color:#4D73D9;
  font-size:15px;
}

.aqd-nearby-card-services{
  display:block;
  min-height:104px;
}

.aqd-nearby-card-services>.aqd-nearby-card-icon{
  float:inline-start;
  margin-inline-end:12px;
}

.aqd-service-mini{
  clear:both;
  display:flex;
  flex-wrap:wrap;
  gap:6px;
  margin-top:13px;
}

.aqd-service-mini span{
  min-height:27px;
  display:inline-flex;
  align-items:center;
  gap:5px;
  padding:0 8px;
  border-radius:999px;
  background:#F6F8FB;
  color:#667085;
  font-size:9px;
  font-weight:650;
}

.aqd-service-mini i{
  color:#4D73D9;
}

@media(max-width:980px){
  .aqd-nearby-cards{
    grid-template-columns:1fr 1fr;
  }
}

@media(max-width:620px){
  .property-page .aqd-title-row h1{
    font-size:27px!important;
  }

  .aqd-nearby-cards{
    grid-template-columns:1fr;
  }
}


/* ============================================================================
   AQARK H7.2 — LOCATION = PROPERTY POSITION + ESSENTIAL PLACES
   No neighborhood-guide cards in this section.
   ============================================================================ */

.aqd-property-location-block{
  margin-top:14px;
}

.aqd-property-location-block .aqd-property-map{
  height:480px!important;
  min-height:480px!important;
  border:1px solid #E2E7EF;
  border-radius:16px;
  overflow:hidden;
}

.aqd-map-placeholder{
  min-height:240px!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  gap:8px!important;
  padding:34px!important;
  border:1px dashed #D7DFEA!important;
  border-radius:16px!important;
  background:#FAFBFC!important;
  text-align:center!important;
}

.aqd-map-placeholder>i{
  color:#4D73D9;
  font-size:30px;
}

.aqd-map-placeholder>b{
  color:#1D2433;
  font-size:15px;
}

.aqd-map-placeholder>span{
  max-width:520px;
  color:#8B94A5;
  font-size:12px;
  line-height:1.55;
}

.aqd-essential-head{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:20px;
  margin-top:30px;
  margin-bottom:14px;
}

.aqd-essential-head .eyebrow{
  color:#4D73D9!important;
  font-size:9px!important;
  letter-spacing:.12em!important;
}

.aqd-essential-head h3{
  margin:5px 0 0;
  color:#121A42;
  font-size:20px;
  line-height:1.2;
}

.aqd-essential-head p{
  max-width:720px;
  margin:6px 0 0;
  color:#667085;
  font-size:12px;
  line-height:1.55;
}

.aqd-essential-grid{
  display:grid;
  grid-template-columns:repeat(5,minmax(0,1fr));
  gap:10px;
}

.aqd-essential-card{
  min-width:0;
  overflow:hidden;
  border:1px solid #E2E7EF;
  border-radius:14px;
  background:#fff;
  transition:border-color .16s ease,box-shadow .16s ease,transform .16s ease;
}

.aqd-essential-card:hover,
.aqd-essential-card.active{
  border-color:#C8D6EF;
  box-shadow:0 8px 20px rgba(31,40,95,.06);
}

.aqd-essential-card.active{
  transform:translateY(-1px);
}

.aqd-essential-card-head{
  min-height:68px;
  display:grid;
  grid-template-columns:auto minmax(0,1fr) auto;
  align-items:center;
  gap:10px;
  padding:11px 12px;
  border-bottom:1px solid #EEF1F4;
}

.aqd-essential-icon{
  width:36px;
  height:36px;
  display:grid;
  place-items:center;
  border-radius:10px;
  background:#EEF3FF;
  color:#1F285F;
  font-size:16px;
}

.aqd-essential-card-head small{
  display:block;
  margin-bottom:2px;
  color:#98A2B3;
  font-size:9px;
  font-weight:650;
}

.aqd-essential-card-head h4{
  margin:0;
  color:#1D2433;
  font-size:13px;
}

.aqd-essential-card-head>button{
  width:30px;
  height:30px;
  display:grid;
  place-items:center;
  border:0;
  border-radius:8px;
  background:#F6F8FB;
  color:#4D73D9;
  cursor:pointer;
}

.aqd-essential-items{
  min-height:142px;
}

.aqd-essential-place{
  width:100%;
  min-height:47px;
  display:grid;
  grid-template-columns:22px minmax(0,1fr) auto;
  align-items:center;
  gap:7px;
  padding:7px 10px;
  border:0;
  border-bottom:1px solid #F0F2F5;
  background:#fff;
  text-align:start;
  cursor:pointer;
}

.aqd-essential-place:last-child{
  border-bottom:0;
}

.aqd-essential-place:hover{
  background:#FAFBFD;
}

.aqd-place-rank{
  width:20px;
  height:20px;
  display:grid;
  place-items:center;
  border-radius:50%;
  background:#F2F5FB;
  color:#667085;
  font-size:9px;
  font-weight:800;
}

.aqd-essential-place div{
  min-width:0;
}

.aqd-essential-place b{
  display:block;
  overflow:hidden;
  color:#344054;
  font-size:10px;
  text-overflow:ellipsis;
  white-space:nowrap;
}

.aqd-essential-place small{
  display:block;
  margin-top:2px;
  overflow:hidden;
  color:#98A2B3;
  font-size:8px;
  text-overflow:ellipsis;
  white-space:nowrap;
}

.aqd-essential-place em{
  color:#4D73D9;
  font-size:9px;
  font-style:normal;
  font-weight:750;
  white-space:nowrap;
}

.aqd-essential-empty{
  min-height:142px;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:16px;
  color:#98A2B3;
  font-size:10px;
  line-height:1.45;
  text-align:center;
}

/* Explicitly retire H7.1 nearby-area discovery cards from Location & Nearby. */
.aqd-location-section .aqd-nearby-cards{
  display:none!important;
}

@media(max-width:1100px){
  .aqd-essential-grid{
    grid-template-columns:repeat(3,minmax(0,1fr));
  }
}

@media(max-width:760px){
  .aqd-property-location-block .aqd-property-map{
    height:360px!important;
    min-height:360px!important;
  }

  .aqd-essential-grid{
    grid-template-columns:1fr 1fr;
  }
}

@media(max-width:520px){
  .aqd-essential-grid{
    grid-template-columns:1fr;
  }

  .aqd-essential-items{
    min-height:0;
  }

  .aqd-essential-empty{
    min-height:90px;
  }
}

/* AQARK H8 */
.property-page > .container > .aqd-fact-strip{margin:18px 0 24px!important;padding:4px 0!important;border:0!important}
.property-page > .container > .aqd-fact-strip .aqd-fact{min-width:155px!important;padding:10px 24px!important;border:0!important}
.property-page > .container > .aqd-fact-strip .aqd-fact:first-child{padding-inline-start:0!important}
.property-page > .container > .aqd-fact-strip .aqd-fact>i{font-size:30px!important}
.property-page > .container > .aqd-fact-strip .aqd-fact span{font-size:13px!important}
.property-page > .container > .aqd-fact-strip .aqd-fact b{font-size:24px!important}
.aqd-payment-plan-track{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:18px;overflow:visible;padding:6px 0 4px}
.aqd-payment-plan-card{min-width:0;min-height:210px;display:flex;flex-direction:column;scroll-snap-align:start;padding:20px 22px;border:1px solid #D9E2EE;border-radius:18px;background:#fff;box-shadow:none}
.aqd-plan-title{display:flex;align-items:center;gap:9px;color:#1769AA;font-size:16px;font-weight:800}.aqd-plan-title i{font-size:17px}
.aqd-plan-table{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(82px,.72fr) minmax(82px,.56fr);align-items:center;gap:18px;margin-top:18px}
.aqd-plan-figure{display:flex;flex-direction:column;align-items:flex-start;line-height:1}.aqd-plan-figure strong{color:#1D2433;font-size:36px;line-height:1.02;letter-spacing:-0.03em;font-weight:850}.aqd-plan-figure em{margin-top:8px;font-style:normal;color:#1D2433;font-size:20px;line-height:1;font-weight:850}
.aqd-plan-center-label{display:flex;align-items:center;justify-content:center;min-height:90px;text-align:center}.aqd-plan-center-label span{color:#55627A;font-size:19px;line-height:1.3;font-weight:600}
.aqd-plan-years{display:flex;flex-direction:column;align-items:flex-end;justify-content:center;min-height:90px;text-align:end;line-height:1}.aqd-plan-years strong{color:#1D2433;font-size:34px;line-height:1.02;letter-spacing:-0.03em;font-weight:850}.aqd-plan-years span{margin-top:8px;color:#3F495B;font-size:19px;line-height:1.05;font-weight:700}
.aqd-plan-note{margin:16px 0 0;color:#55627A;font-size:18px;line-height:1.55}.aqd-payment-plan-card>small{display:block;margin-top:12px;color:#667085;font-size:14px;line-height:1.5}
.aqd-plan-meta{display:flex;flex-wrap:wrap;gap:8px;margin-top:auto;padding-top:16px}.aqd-plan-meta span{display:inline-flex;align-items:center;min-height:32px;padding:6px 12px;border-radius:999px;background:#F5F7FB;color:#55627A;font-size:12px;line-height:1.3;font-weight:600}
.aqd-line-chart .muted-line{stroke:#AAB9D7!important}.aqd-popular-list a{grid-template-columns:28px minmax(0,1fr) auto auto!important}.aqd-popular-list em{color:#667085;font-size:10px;font-style:normal;white-space:nowrap}
.aqd-market-context{margin-top:24px;padding-top:18px;border-top:1px solid #E7EBF0}.aqd-market-context-head{display:flex;align-items:flex-end;justify-content:space-between;gap:16px}.aqd-market-context-head h3{margin:4px 0 0;font-size:15px}.aqd-market-context-head>small{color:#98A2B3;font-size:9px}.aqd-market-source-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:10px}.aqd-market-source-grid a{min-width:0;padding:11px 12px;border-radius:10px;background:#F8FAFC;color:#1D2433!important}.aqd-market-source-grid b{display:block;font-size:10px;line-height:1.4}.aqd-market-source-grid span{display:block;margin-top:5px;color:#98A2B3;font-size:8px}
.aq-dashboard-plan-manager{margin-top:18px;padding-top:18px;border-top:1px solid #E8ECF2}.aq-dashboard-plan-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.aq-dashboard-plan-head p{margin:0;color:#667085;font-size:11px}.aq-dashboard-plan-head>span{min-width:28px;height:28px;display:grid;place-items:center;border-radius:999px;background:#EEF3FF;color:#1F285F;font-size:11px;font-weight:800}.aq-dashboard-plan-list{display:grid;gap:7px;margin:12px 0}.aq-dashboard-plan-list article{min-height:48px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:9px 11px;border-radius:10px;background:#F8FAFC}.aq-dashboard-plan-list article b{display:block;font-size:12px}.aq-dashboard-plan-list article span{display:block;margin-top:2px;color:#667085;font-size:10px}.aq-dashboard-plan-list article button{width:32px;height:32px;display:grid;place-items:center;border:0;border-radius:8px;background:#fff;color:#B42318;cursor:pointer}.aq-dashboard-plan-builder{margin-top:12px;padding:14px;border-radius:12px;background:#F8FAFC}
.aqd-agent-profile-link{min-width:0;display:flex;align-items:center;gap:10px;flex:1 1 auto;color:inherit!important;text-decoration:none!important}.aqd-agent-profile-link:hover h3{color:#4D73D9}.mini-agent-actions a.profile{color:#1F285F!important}
.aq-agent-profile-hero{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:22px;padding:28px;border-radius:18px;background:#fff}.aq-agent-profile-avatar{width:100px;height:100px;overflow:hidden;display:grid;place-items:center;border-radius:50%;background:#EEF3FF;color:#1F285F;font-size:32px;font-weight:800}.aq-agent-profile-avatar img{width:100%;height:100%;object-fit:cover}.aq-agent-profile-copy h1{margin:5px 0;font-size:34px}.aq-agent-profile-copy p{margin:0;color:#667085}.aq-agent-profile-actions{display:flex;flex-wrap:wrap;gap:8px}.aq-agent-profile-actions a{min-height:44px;display:inline-flex;align-items:center;gap:7px;padding:0 14px;border-radius:10px;background:#232C73;color:#fff!important;font-weight:750}.aq-agent-profile-actions a.whatsapp i{color:#00C978}.aq-agent-inventory-head{margin-top:34px}
@media(max-width:800px){.property-page > .container > .aqd-fact-strip{display:grid!important;grid-template-columns:1fr 1fr!important}.property-page > .container > .aqd-fact-strip .aqd-fact{padding:10px 8px!important}.aqd-market-source-grid{grid-template-columns:1fr}.aq-agent-profile-hero{grid-template-columns:1fr;text-align:center}.aq-agent-profile-avatar{margin:auto}.aq-agent-profile-actions{justify-content:center}}

@media(max-width:960px){.aqd-payment-plan-track{grid-template-columns:1fr}.aqd-payment-plan-card{min-height:0}.aqd-plan-figure strong{font-size:32px}.aqd-plan-figure em{font-size:18px}.aqd-plan-center-label span,.aqd-plan-years span{font-size:17px}.aqd-plan-years strong{font-size:30px}.aqd-plan-note{font-size:16px}}
@media(max-width:640px){.aqd-payment-plan-card{padding:18px}.aqd-plan-table{grid-template-columns:minmax(0,1fr) auto;align-items:start}.aqd-plan-center-label{grid-column:1/2;grid-row:2;justify-content:flex-start;min-height:auto;text-align:start}.aqd-plan-years{grid-column:2/3;grid-row:1 / span 2;align-items:flex-end;min-height:auto}.aqd-plan-note{font-size:15px}.aqd-plan-meta span{font-size:11px}}


/* ============================================================================
   AQARK H8.4 — NAWY-INSPIRED PAYMENT PLANS
   Visual direction follows the supplied reference:
   soft grey rail, compact white rectangular cards, title row, %
   + Down Payment on left, years aligned right.
   ============================================================================ */

.aqd-payment-plans{
  overflow:hidden;
}

.aqd-payment-plans .aqd-section-heading.compact{
  margin-bottom:12px!important;
}

.aqd-payment-plans .aqd-section-heading.compact p{
  display:none!important;
}

.aqd-payment-plan-track{
  display:flex!important;
  gap:18px!important;
  overflow-x:auto!important;
  overflow-y:hidden!important;
  padding:28px 30px!important;
  border-radius:18px!important;
  background:#F4F5F7!important;
  scroll-snap-type:x proximity!important;
  scrollbar-width:thin;
  -webkit-overflow-scrolling:touch;
}

.aqd-payment-plan-card{
  flex:0 0 448px!important;
  min-width:448px!important;
  min-height:112px!important;
  display:block!important;
  box-sizing:border-box!important;
  padding:18px 20px!important;
  border:1px solid #E2E6EC!important;
  border-radius:15px!important;
  background:#fff!important;
  box-shadow:none!important;
  scroll-snap-align:start!important;
}

.aqd-plan-title{
  display:flex!important;
  align-items:center!important;
  gap:8px!important;
  margin:0 0 10px!important;
  color:#0068A8!important;
  font-size:17px!important;
  line-height:1.1!important;
  font-weight:700!important;
}

.aqd-plan-title i{
  font-size:18px!important;
}

.aqd-plan-table{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  grid-template-rows:auto auto!important;
  align-items:end!important;
  column-gap:16px!important;
  row-gap:0!important;
  margin:0!important;
}

.aqd-plan-figure{
  grid-column:1!important;
  grid-row:1!important;
  display:flex!important;
  flex-direction:row!important;
  align-items:baseline!important;
  gap:5px!important;
  min-width:0!important;
}

.aqd-plan-figure strong{
  color:#383B40!important;
  font-size:35px!important;
  line-height:1!important;
  font-weight:800!important;
  letter-spacing:-.025em!important;
}

.aqd-plan-figure em{
  margin:0!important;
  color:#383B40!important;
  font-size:18px!important;
  line-height:1!important;
  font-style:normal!important;
  font-weight:700!important;
}

.aqd-plan-center-label{
  grid-column:1!important;
  grid-row:1!important;
  min-height:0!important;
  display:flex!important;
  align-items:flex-end!important;
  justify-content:flex-start!important;
  margin-inline-start:56px!important;
  padding-bottom:2px!important;
  text-align:start!important;
  pointer-events:none!important;
}

.aqd-plan-center-label span{
  color:#383B40!important;
  font-size:15px!important;
  line-height:1!important;
  font-weight:500!important;
}

.aqd-plan-years{
  grid-column:2!important;
  grid-row:1 / span 2!important;
  min-height:0!important;
  display:flex!important;
  flex-direction:row!important;
  align-items:baseline!important;
  justify-content:flex-end!important;
  gap:5px!important;
  text-align:end!important;
  white-space:nowrap!important;
}

.aqd-plan-years strong{
  color:#383B40!important;
  font-size:18px!important;
  line-height:1!important;
  font-weight:800!important;
  letter-spacing:0!important;
}

.aqd-plan-years span{
  margin:0!important;
  color:#383B40!important;
  font-size:15px!important;
  line-height:1!important;
  font-weight:700!important;
}

.aqd-plan-note{
  margin:12px 0 0!important;
  color:#667085!important;
  font-size:12px!important;
  line-height:1.45!important;
}

.aqd-plan-meta{
  display:none!important;
}

/* When the primary down payment is an amount rather than a percentage,
   keep currency visually compact on the same line. */
.aqd-plan-figure:has(em) strong{
  font-size:30px!important;
}

/* RTL mirrors naturally without changing the visual hierarchy. */
html[dir="rtl"] .aqd-plan-center-label{
  margin-inline-start:56px!important;
}

/* Tablet */
@media(max-width:1100px){
  .aqd-payment-plan-track{
    padding:22px!important;
  }

  .aqd-payment-plan-card{
    flex-basis:390px!important;
    min-width:390px!important;
  }
}

/* Mobile: one full-width card at a time, still in the grey rail. */
@media(max-width:640px){
  .aqd-payment-plan-track{
    gap:12px!important;
    margin-inline:0!important;
    padding:14px!important;
    border-radius:14px!important;
  }

  .aqd-payment-plan-card{
    flex:0 0 calc(100vw - 64px)!important;
    min-width:calc(100vw - 64px)!important;
    padding:16px!important;
    border-radius:13px!important;
  }

  .aqd-plan-title{
    font-size:15px!important;
  }

  .aqd-plan-figure strong{
    font-size:30px!important;
  }

  .aqd-plan-center-label{
    margin-inline-start:49px!important;
  }

  .aqd-plan-center-label span,
  .aqd-plan-years span{
    font-size:13px!important;
  }

  .aqd-plan-years strong{
    font-size:16px!important;
  }
}


/* ============================================================================
   AQARK H8.5 — PAYMENT PLAN TEXT / HEADING CORRECTION
   ============================================================================ */

/* Match the Payment Plans heading to the normal property-detail section scale. */
.aqd-payment-plans .aqd-section-heading.compact h2{
  font-size:20px!important;
  line-height:1.25!important;
  letter-spacing:-.015em!important;
  font-weight:800!important;
}

/* Correct the value / label layout so long amounts such as 450,000 EGP
   do not collide with "Down Payment". */
.aqd-plan-table{
  grid-template-columns:minmax(0,1fr) auto!important;
  grid-template-rows:auto!important;
  align-items:center!important;
  gap:18px!important;
}

.aqd-plan-figure{
  grid-column:1!important;
  grid-row:1!important;
  min-width:0!important;
  display:flex!important;
  flex-direction:row!important;
  align-items:baseline!important;
  flex-wrap:wrap!important;
  gap:6px 9px!important;
  line-height:1!important;
}

.aqd-plan-value{
  min-width:0!important;
  display:inline-flex!important;
  align-items:baseline!important;
  gap:6px!important;
  flex-wrap:nowrap!important;
}

.aqd-plan-value strong{
  color:#383B40!important;
  font-size:34px!important;
  line-height:1!important;
  font-weight:800!important;
  letter-spacing:-.025em!important;
  white-space:nowrap!important;
}

.aqd-plan-value em{
  margin:0!important;
  color:#383B40!important;
  font-size:17px!important;
  line-height:1!important;
  font-style:normal!important;
  font-weight:700!important;
  white-space:nowrap!important;
}

.aqd-plan-inline-label{
  color:#383B40!important;
  font-size:15px!important;
  line-height:1.2!important;
  font-weight:500!important;
  white-space:nowrap!important;
}

.aqd-plan-center-label{
  display:none!important;
}

.aqd-plan-years{
  grid-column:2!important;
  grid-row:1!important;
  min-height:0!important;
  display:flex!important;
  flex-direction:row!important;
  align-items:baseline!important;
  justify-content:flex-end!important;
  gap:5px!important;
  white-space:nowrap!important;
}

.aqd-plan-years strong{
  font-size:18px!important;
}

.aqd-plan-years span{
  font-size:15px!important;
}

.aqd-plan-title{
  overflow:hidden!important;
}

.aqd-plan-title span{
  min-width:0!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
}

.aqd-plan-note{
  margin-top:12px!important;
  font-size:12px!important;
  line-height:1.45!important;
}

/* Remove obsolete previous layout offset rules. */
html[dir="rtl"] .aqd-plan-center-label{
  margin-inline-start:0!important;
}

@media(max-width:640px){
  .aqd-payment-plans .aqd-section-heading.compact h2{
    font-size:18px!important;
  }

  .aqd-plan-table{
    grid-template-columns:minmax(0,1fr) auto!important;
  }

  .aqd-plan-value strong{
    font-size:28px!important;
  }

  .aqd-plan-value em{
    font-size:15px!important;
  }

  .aqd-plan-inline-label{
    width:100%!important;
    font-size:13px!important;
  }

  .aqd-plan-years strong{
    font-size:16px!important;
  }

  .aqd-plan-years span{
    font-size:13px!important;
  }
}


/* ============================================================================
   AQARK H8.6 — COMPACT CONTACT CARD + WHATSAPP BUTTON FIX
   ============================================================================ */

.aqd-contact-card{
  padding:14px!important;
}

/* Agent header more compact */
.aqd-contact-card .listing-agent-head{
  gap:10px!important;
  padding-bottom:8px!important;
}
.aqd-contact-card .listing-agent-avatar{
  width:54px!important;
  height:54px!important;
}
.aqd-contact-card .listing-agent-copy small{
  font-size:10px!important;
}
.aqd-contact-card .listing-agent-copy h3{
  margin:2px 0!important;
  font-size:16px!important;
  line-height:1.15!important;
}
.aqd-contact-card .listing-agent-copy p{
  margin:0!important;
  font-size:11px!important;
  line-height:1.2!important;
}

/* CTA buttons tighter */
.aqd-contact-card .detail-cta-grid.bayut-style-actions{
  gap:7px!important;
  margin:10px 0!important;
}
.aqd-contact-card .detail-cta-grid.bayut-style-actions>a{
  min-height:42px!important;
  height:42px!important;
  padding:0 10px!important;
  border-radius:10px!important;
  font-size:12px!important;
}

/* Email stays light / outline */
.aqd-contact-card .detail-cta-grid.bayut-style-actions>a.outline{
  background:#fff!important;
  border:1px solid #B8C8EA!important;
  color:#232C73!important;
}
.aqd-contact-card .detail-cta-grid.bayut-style-actions>a.outline i{
  color:#232C73!important;
}

/* Call remains AQARK navy */
.aqd-contact-card .detail-cta-grid.bayut-style-actions>a:not(.outline):not(.whatsapp){
  background:#232C73!important;
  border-color:#232C73!important;
  color:#fff!important;
}

/* WhatsApp: same light treatment as Email, green icon only */
.aqd-contact-card .detail-cta-grid.bayut-style-actions>a.whatsapp{
  background:#fff!important;
  border:1px solid #B8C8EA!important;
  color:#232C73!important;
}
.aqd-contact-card .detail-cta-grid.bayut-style-actions>a.whatsapp i{
  color:#00A86B!important;
  font-size:22px!important;
}

/* Agency strip */
.aqd-contact-card .agency-inventory-strip{
  min-height:56px!important;
  margin-top:8px!important;
  padding:10px 0!important;
}
.aqd-contact-card .agency-inventory-strip small{
  font-size:9px!important;
}
.aqd-contact-card .agency-inventory-strip b{
  font-size:13px!important;
}
.aqd-contact-card .agency-inventory-strip>span{
  font-size:10px!important;
}

/* Enquiry divider */
.aqd-contact-card .divider{
  margin:10px 0!important;
}
.aqd-contact-card .divider span{
  font-size:10px!important;
}

/* Compact form */
.aqd-contact-card .property-enquiry-form .form-grid{
  gap:6px 8px!important;
}
.aqd-contact-card .property-enquiry-form label{
  gap:4px!important;
  font-size:10px!important;
  line-height:1.2!important;
}
.aqd-contact-card input{
  min-height:36px!important;
  height:36px!important;
  padding:7px 9px!important;
  border-radius:8px!important;
  font-size:11px!important;
}
.aqd-contact-card textarea{
  min-height:66px!important;
  height:66px!important;
  padding:8px 9px!important;
  border-radius:8px!important;
  font-size:11px!important;
  line-height:1.35!important;
  resize:vertical!important;
}

/* Primary enquiry CTA */
.aqd-contact-card .property-enquiry-form>.btn.full{
  min-height:42px!important;
  height:42px!important;
  margin-top:8px!important;
  border-radius:10px!important;
  font-size:12px!important;
}

/* Save property less visually heavy */
.aqd-contact-card .save-form{
  margin-top:8px!important;
}
.aqd-contact-card .save-form .btn{
  min-height:40px!important;
  height:40px!important;
  border-radius:10px!important;
  font-size:11px!important;
}

/* Mobile / narrow sidebar */
@media(max-width:980px){
  .aqd-contact-card{
    padding:13px!important;
  }
}



/* ============================================================================
   AQARK H8.7 — EQUAL CONTACT CTA BUTTONS
   Email / Call / WhatsApp same width and same height.
   WhatsApp uses the same white treatment as Email.
   ============================================================================ */

.aqd-contact-card .detail-cta-grid.bayut-style-actions{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:8px!important;
}

.aqd-contact-card .detail-cta-grid.bayut-style-actions>a{
  width:100%!important;
  min-width:0!important;
  min-height:42px!important;
  height:42px!important;
  box-sizing:border-box!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:7px!important;
  padding:0 10px!important;
  border-radius:10px!important;
  font-size:12px!important;
  line-height:1!important;
}

/* Email */
.aqd-contact-card .detail-cta-grid.bayut-style-actions>a.outline{
  background:#fff!important;
  border:1px solid #B8C8EA!important;
  color:#232C73!important;
}

/* Call */
.aqd-contact-card .detail-cta-grid.bayut-style-actions>a:not(.outline):not(.whatsapp){
  background:#232C73!important;
  border:1px solid #232C73!important;
  color:#fff!important;
}

/* WhatsApp — exactly the same white button treatment as Email */
.aqd-contact-card .detail-cta-grid.bayut-style-actions>a.whatsapp,
.aqd-contact-card .detail-cta-grid.bayut-style-actions>a.whatsapp.whatsapp-icon-only{
  width:100%!important;
  min-width:0!important;
  min-height:42px!important;
  height:42px!important;
  padding:0 10px!important;
  background:#fff!important;
  border:1px solid #B8C8EA!important;
  color:#232C73!important;
  border-radius:10px!important;
}

.aqd-contact-card .detail-cta-grid.bayut-style-actions>a.whatsapp i,
.aqd-contact-card .detail-cta-grid.bayut-style-actions>a.whatsapp.whatsapp-icon-only i{
  color:#00A86B!important;
  font-size:20px!important;
  line-height:1!important;
}

/* Remove any legacy oversized icon-only sizing */
.aqd-contact-card .whatsapp-icon-only{
  aspect-ratio:auto!important;
  max-width:none!important;
}

/* Keep all three equal on mobile too */
@media(max-width:620px){
  .aqd-contact-card .detail-cta-grid.bayut-style-actions{
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:7px!important;
  }

  .aqd-contact-card .detail-cta-grid.bayut-style-actions>a{
    min-height:40px!important;
    height:40px!important;
    padding:0 8px!important;
    font-size:11px!important;
  }

  .aqd-contact-card .detail-cta-grid.bayut-style-actions>a.whatsapp,
  .aqd-contact-card .detail-cta-grid.bayut-style-actions>a.whatsapp.whatsapp-icon-only{
    min-height:40px!important;
    height:40px!important;
  }
}


/* ============================================================================
   AQARK H8.8 — FORCE WHATSAPP CTA WHITE
   Final override for legacy .btn / .whatsapp rules.
   ============================================================================ */

.aqd-contact-card .detail-cta-grid.bayut-style-actions > a.btn.whatsapp,
.aqd-contact-card .detail-cta-grid.bayut-style-actions > a.btn.whatsapp.whatsapp-icon-only,
.contact-card.contact-card-v2.aqd-contact-card .detail-cta-grid.bayut-style-actions > a.whatsapp,
.contact-card.contact-card-v2.aqd-contact-card .detail-cta-grid.bayut-style-actions > a.whatsapp.whatsapp-icon-only{
  background:#FFFFFF!important;
  background-color:#FFFFFF!important;
  background-image:none!important;
  border:1px solid #B8C8EA!important;
  color:#232C73!important;
  box-shadow:none!important;
}

.aqd-contact-card .detail-cta-grid.bayut-style-actions > a.btn.whatsapp:hover,
.aqd-contact-card .detail-cta-grid.bayut-style-actions > a.btn.whatsapp.whatsapp-icon-only:hover,
.contact-card.contact-card-v2.aqd-contact-card .detail-cta-grid.bayut-style-actions > a.whatsapp:hover{
  background:#F8FAFD!important;
  background-color:#F8FAFD!important;
  background-image:none!important;
  border-color:#AFC1E5!important;
  color:#232C73!important;
}

.aqd-contact-card .detail-cta-grid.bayut-style-actions > a.whatsapp i,
.aqd-contact-card .detail-cta-grid.bayut-style-actions > a.whatsapp.whatsapp-icon-only i{
  color:#00A86B!important;
}


/* ============================================================================
   AQARK H8.9 — COMPACT 3-CARD PAYMENT PLAN SLIDER
   Nawy-inspired density: three compact cards on desktop, swipe/arrow slider.
   ============================================================================ */

.aqd-payment-plans{
  overflow:visible!important;
}

.aqd-payment-plans .aqd-section-heading.compact{
  margin-bottom:10px!important;
}

.aqd-payment-plans .aqd-section-heading.compact h2{
  font-size:19px!important;
}

.aqd-payment-slider{
  position:relative!important;
  padding:0 34px!important;
  border-radius:16px!important;
  background:#F4F5F7!important;
}

.aqd-payment-plan-track{
  display:flex!important;
  gap:12px!important;
  overflow-x:auto!important;
  overflow-y:hidden!important;
  padding:18px 0!important;
  background:transparent!important;
  border-radius:0!important;
  scroll-snap-type:x mandatory!important;
  scrollbar-width:none!important;
  -ms-overflow-style:none!important;
}

.aqd-payment-plan-track::-webkit-scrollbar{
  display:none!important;
}

.aqd-payment-plan-card{
  flex:0 0 calc((100% - 24px)/3)!important;
  min-width:calc((100% - 24px)/3)!important;
  min-height:108px!important;
  box-sizing:border-box!important;
  padding:14px 15px!important;
  border:1px solid #E1E5EA!important;
  border-radius:14px!important;
  background:#fff!important;
  scroll-snap-align:start!important;
}

.aqd-plan-title{
  margin-bottom:9px!important;
  gap:7px!important;
  font-size:14px!important;
  line-height:1.1!important;
}

.aqd-plan-title i{
  font-size:15px!important;
}

.aqd-plan-table{
  gap:10px!important;
}

.aqd-plan-value strong{
  font-size:27px!important;
}

.aqd-plan-value em{
  font-size:13px!important;
}

.aqd-plan-inline-label{
  font-size:12px!important;
}

.aqd-plan-years{
  gap:4px!important;
}

.aqd-plan-years strong{
  font-size:14px!important;
}

.aqd-plan-years span{
  font-size:12px!important;
}

.aqd-plan-note{
  margin-top:9px!important;
  overflow:hidden!important;
  display:-webkit-box!important;
  -webkit-box-orient:vertical!important;
  -webkit-line-clamp:2!important;
  color:#667085!important;
  font-size:10px!important;
  line-height:1.35!important;
}

.aqd-payment-slider-arrow{
  position:absolute!important;
  top:50%!important;
  z-index:4!important;
  width:28px!important;
  height:28px!important;
  display:none!important;
  place-items:center!important;
  transform:translateY(-50%)!important;
  border:1px solid #D7DDE7!important;
  border-radius:50%!important;
  background:#fff!important;
  color:#1F285F!important;
  box-shadow:0 2px 8px rgba(20,35,70,.08)!important;
  cursor:pointer!important;
}

.aqd-payment-slider.has-overflow .aqd-payment-slider-arrow{
  display:grid!important;
}

.aqd-payment-slider-arrow.prev{
  left:4px!important;
}

.aqd-payment-slider-arrow.next{
  right:4px!important;
}

.aqd-payment-slider-arrow:disabled{
  opacity:.35!important;
  cursor:default!important;
}

html[dir="rtl"] .aqd-payment-slider-arrow.prev{
  left:auto!important;
  right:4px!important;
}

html[dir="rtl"] .aqd-payment-slider-arrow.next{
  right:auto!important;
  left:4px!important;
}

@media(max-width:980px){
  .aqd-payment-plan-card{
    flex-basis:calc((100% - 12px)/2)!important;
    min-width:calc((100% - 12px)/2)!important;
  }
}

@media(max-width:640px){
  .aqd-payment-slider{
    padding:0 24px!important;
  }

  .aqd-payment-plan-track{
    gap:10px!important;
    padding:12px 0!important;
  }

  .aqd-payment-plan-card{
    flex:0 0 88%!important;
    min-width:88%!important;
    min-height:102px!important;
    padding:13px 14px!important;
  }

  .aqd-payment-plans .aqd-section-heading.compact h2{
    font-size:18px!important;
  }

  .aqd-plan-value strong{
    font-size:25px!important;
  }

  .aqd-plan-title{
    font-size:13px!important;
  }

  .aqd-payment-slider-arrow{
    width:26px!important;
    height:26px!important;
  }
}


/* ============================================================================
   AQARK H8.10 — PAYMENT PLAN PRICE SPACE + TYPOGRAPHY
   Larger cards and cleaner internal hierarchy for long prices.
   ============================================================================ */

.aqd-payment-plan-track{
  gap:14px!important;
}

.aqd-payment-plan-card{
  flex:0 0 calc((100% - 28px)/3)!important;
  min-width:calc((100% - 28px)/3)!important;
  min-height:138px!important;
  padding:17px 18px!important;
}

.aqd-plan-title{
  margin-bottom:12px!important;
  font-size:15px!important;
  font-weight:750!important;
}

.aqd-plan-title i{
  font-size:16px!important;
}

.aqd-plan-table{
  grid-template-columns:minmax(0,1fr) auto!important;
  gap:14px!important;
  align-items:center!important;
}

.aqd-plan-figure{
  gap:7px 10px!important;
}

.aqd-plan-value{
  max-width:100%!important;
  min-width:0!important;
}

.aqd-plan-value strong{
  font-size:31px!important;
  line-height:1.02!important;
  letter-spacing:-.025em!important;
}

.aqd-plan-value em{
  font-size:15px!important;
  line-height:1.05!important;
}

.aqd-plan-inline-label{
  font-size:13px!important;
  line-height:1.2!important;
}

.aqd-plan-years{
  min-width:76px!important;
}

.aqd-plan-years strong{
  font-size:16px!important;
}

.aqd-plan-years span{
  font-size:13px!important;
}

.aqd-plan-note{
  margin-top:11px!important;
  -webkit-line-clamp:2!important;
  font-size:11px!important;
  line-height:1.4!important;
}

/* Amount-based plans need extra room so values such as 450,000 EGP
   stay balanced instead of feeling compressed. */
.aqd-plan-figure:has(.aqd-plan-value em){
  flex-wrap:wrap!important;
}

.aqd-plan-figure:has(.aqd-plan-value em) .aqd-plan-inline-label{
  flex:0 0 auto!important;
}

/* Tablet */
@media(max-width:1100px){
  .aqd-payment-plan-card{
    flex-basis:calc((100% - 14px)/2)!important;
    min-width:calc((100% - 14px)/2)!important;
    min-height:134px!important;
  }
}

/* Mobile */
@media(max-width:640px){
  .aqd-payment-plan-card{
    flex:0 0 92%!important;
    min-width:92%!important;
    min-height:126px!important;
    padding:16px!important;
  }

  .aqd-plan-value strong{
    font-size:29px!important;
  }

  .aqd-plan-value em{
    font-size:14px!important;
  }

  .aqd-plan-inline-label{
    font-size:12px!important;
  }

  .aqd-plan-years{
    min-width:68px!important;
  }

  .aqd-plan-note{
    font-size:10.5px!important;
  }
}


/* ============================================================================
   AQARK H8.11 — PAYMENT PLAN WIDTH / PRICE COLLISION ROOT FIX
   Root cause: the previous desktop rule forced every card to 1/3 of the
   content column, even when only one plan existed. That kept a single card
   narrow and compressed "EGP" against "Years".
   ============================================================================ */

/* Slider rail keeps horizontal behavior, but cards now have a practical
   Nawy-like fixed width instead of always shrinking to one-third. */
.aqd-payment-plan-track{
  gap:16px!important;
  align-items:stretch!important;
}

.aqd-payment-plan-card{
  flex:0 0 390px!important;
  min-width:390px!important;
  width:390px!important;
  min-height:126px!important;
  padding:16px 18px!important;
}

/* One plan should use the available space instead of looking like a tiny card. */
.aqd-payment-plan-card:only-child{
  flex-basis:min(520px,100%)!important;
  min-width:min(520px,100%)!important;
  width:min(520px,100%)!important;
}

/* Give the left price/value area explicit breathing room. */
.aqd-plan-table{
  grid-template-columns:minmax(245px,1fr) minmax(82px,auto)!important;
  gap:18px!important;
}

.aqd-plan-figure{
  min-width:0!important;
  display:grid!important;
  grid-template-columns:auto minmax(0,1fr)!important;
  align-items:baseline!important;
  column-gap:10px!important;
  row-gap:6px!important;
}

.aqd-plan-value{
  min-width:max-content!important;
  max-width:none!important;
  display:flex!important;
  align-items:baseline!important;
  gap:6px!important;
}

.aqd-plan-value strong{
  font-size:30px!important;
  white-space:nowrap!important;
}

.aqd-plan-value em{
  font-size:14px!important;
  white-space:nowrap!important;
}

.aqd-plan-inline-label{
  min-width:0!important;
  font-size:13px!important;
  white-space:nowrap!important;
}

.aqd-plan-years{
  min-width:82px!important;
  justify-self:end!important;
  white-space:nowrap!important;
}

.aqd-plan-years strong{
  font-size:16px!important;
}

.aqd-plan-years span{
  font-size:13px!important;
}

.aqd-plan-note{
  max-width:100%!important;
  margin-top:10px!important;
  font-size:11px!important;
  line-height:1.35!important;
}

/* Wide property-detail columns: show roughly 2 full plans + the next one,
   maintaining slider affordance instead of squeezing 3 tiny cards. */
@media(min-width:1101px){
  .aqd-payment-slider{
    padding-inline:34px!important;
  }
}

/* Medium */
@media(max-width:1100px){
  .aqd-payment-plan-card{
    flex:0 0 360px!important;
    min-width:360px!important;
    width:360px!important;
  }

  .aqd-payment-plan-card:only-child{
    flex-basis:min(500px,100%)!important;
    min-width:min(500px,100%)!important;
    width:min(500px,100%)!important;
  }

  .aqd-plan-table{
    grid-template-columns:minmax(220px,1fr) minmax(76px,auto)!important;
  }
}

/* Mobile */
@media(max-width:640px){
  .aqd-payment-plan-card,
  .aqd-payment-plan-card:only-child{
    flex:0 0 calc(100vw - 76px)!important;
    min-width:calc(100vw - 76px)!important;
    width:calc(100vw - 76px)!important;
    min-height:118px!important;
    padding:15px!important;
  }

  .aqd-plan-table{
    grid-template-columns:minmax(0,1fr) auto!important;
    gap:12px!important;
  }

  .aqd-plan-figure{
    display:flex!important;
    flex-wrap:wrap!important;
    gap:5px 8px!important;
  }

  .aqd-plan-value strong{
    font-size:27px!important;
  }

  .aqd-plan-inline-label{
    width:100%!important;
    font-size:12px!important;
  }

  .aqd-plan-years{
    min-width:64px!important;
  }
}


/* ============================================================================
   AQARK H9 — PROJECT / COMPOUND DETAIL EXPERIENCE
   Project is the platform entity; Compound can be a visible project type.
   ============================================================================ */

.aqp-project-page{background:#fff}
.aqp-project-hero{min-height:470px;background-size:cover;background-position:center;display:flex;align-items:stretch;color:#fff}
.aqp-project-hero-inner{display:flex;flex-direction:column;justify-content:flex-end;padding-top:28px!important;padding-bottom:34px!important}
.aqp-project-breadcrumb{display:flex;gap:7px;align-items:center;flex-wrap:wrap;margin-bottom:auto;color:rgba(255,255,255,.72);font-size:12px}
.aqp-project-breadcrumb a{color:rgba(255,255,255,.86)!important}.aqp-project-breadcrumb b{color:#fff}
.aqp-project-status{width:max-content;display:inline-flex;align-items:center;min-height:28px;padding:0 10px;border-radius:999px;background:rgba(255,255,255,.14);backdrop-filter:blur(8px);color:#fff;font-size:11px;font-weight:800}
.aqp-project-hero-copy{max-width:850px;margin-top:120px}
.aqp-project-hero-copy h1{margin:10px 0 8px!important;color:#fff!important;font-size:clamp(38px,5vw,64px)!important;line-height:1.03!important;letter-spacing:-.035em!important;text-shadow:0 2px 18px rgba(0,0,0,.22)}
.aqp-project-hero-copy p{display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin:0;color:rgba(255,255,255,.88);font-size:15px}.aqp-project-hero-copy p a{color:#fff!important;font-weight:750}
.aqp-project-hero-facts{display:grid;grid-template-columns:1.25fr 1.4fr .7fr .7fr .8fr;gap:1px;margin-top:28px;overflow:hidden;border:1px solid rgba(255,255,255,.16);border-radius:14px;background:rgba(255,255,255,.11);backdrop-filter:blur(12px)}
.aqp-project-hero-facts>div{min-width:0;padding:14px 16px;background:rgba(9,18,49,.22)}.aqp-project-hero-facts small{display:block;color:rgba(255,255,255,.66);font-size:9px}.aqp-project-hero-facts b{display:block;margin-top:4px;overflow:hidden;color:#fff;font-size:14px;text-overflow:ellipsis;white-space:nowrap}

.aqp-project-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:34px;align-items:start}
.aqp-section-head{margin-bottom:18px}.aqp-section-head h2{margin:4px 0 0;color:#121A42;font-size:27px;line-height:1.2}.aqp-section-head p{max-width:760px;margin:7px 0 0;color:#667085;font-size:13px;line-height:1.6}.aqp-section-head.compact h2{font-size:21px}
.aqp-project-description{max-width:900px;color:#4F5D78;font-size:15px;line-height:1.8}
.aqp-key-details{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;margin-top:25px;border-top:1px solid #E7EBF0;border-bottom:1px solid #E7EBF0;background:#E7EBF0}
.aqp-key-details>div{min-height:100px;display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto;column-gap:11px;align-content:center;padding:15px 17px;background:#fff}.aqp-key-details i{grid-row:1/span 2;color:#1F285F;font-size:22px}.aqp-key-details small{color:#8B94A5;font-size:9px}.aqp-key-details b{margin-top:3px;color:#1D2433;font-size:13px}
.aqp-developer-card{position:sticky;top:16px;padding:19px;border:1px solid #E4E8EF;border-radius:15px;background:#fff}.aqp-developer-card h3{margin:6px 0 7px;font-size:19px}.aqp-developer-card p{color:#667085;font-size:12px;line-height:1.6}
.aqp-subsection{margin-top:34px}.aqp-type-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}.aqp-type-card{min-height:86px;display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto;align-content:center;column-gap:9px;padding:13px;border-radius:12px;background:#F7F9FC}.aqp-type-card i{grid-row:1/span 2;color:#4D73D9;font-size:18px}.aqp-type-card b{font-size:12px}.aqp-type-card span{color:#8B94A5;font-size:10px}

.aqp-trends-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.aqp-trend-card{padding:20px;border:1px solid #E4E8EF;border-radius:15px;background:#fff}.aqp-trend-wide{grid-column:1/-1;display:grid;grid-template-columns:280px minmax(0,1fr);gap:28px}.aqp-trend-card h3{margin:0 0 5px;color:#1D2433;font-size:17px}.aqp-trend-card p{margin:0;color:#667085;font-size:11px;line-height:1.55}.aqp-trend-copy strong{display:block;margin-top:14px;font-size:24px}.aqp-trend-copy strong.up{color:#138A5B}.aqp-trend-copy strong.down{color:#D14343}
.aqp-line-chart svg{width:100%;height:190px}.aqp-line-chart .axis{stroke:#E6EAF0;stroke-width:1}.aqp-line-chart .line{fill:none;stroke:#4D73D9;stroke-width:4;stroke-linecap:round;stroke-linejoin:round}.aqp-line-chart .muted-line{stroke:#AAB9D7}.aqp-chart-labels{display:flex;justify-content:space-between;color:#98A2B3;font-size:8px}
.aqp-compare-bars{height:190px;display:flex;align-items:flex-end;justify-content:center;gap:45px;margin-top:14px;padding-top:15px;border-bottom:1px solid #D9DFE8}.aqp-compare-bars>div{width:92px;height:100%;display:grid;grid-template-rows:auto 1fr auto;text-align:center}.aqp-compare-bars b{font-size:13px}.aqp-compare-bars span{width:58px;align-self:end;justify-self:center;border-radius:6px 6px 0 0;background:#4D73D9}.aqp-compare-bars>div:nth-child(2) span{background:#1F7D86}.aqp-compare-bars small{padding-top:5px;color:#667085;font-size:9px}.aqp-footnote{display:block;margin-top:9px;color:#98A2B3;font-size:8px}
.aqp-type-list{margin-top:13px}.aqp-type-list>div{min-height:38px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #EEF1F4}.aqp-type-list b{font-size:11px}.aqp-type-list span{min-width:28px;height:24px;display:grid;place-items:center;border-radius:999px;background:#EEF3FF;color:#1F285F;font-size:9px;font-weight:800}

.aqp-map-shell{display:grid;grid-template-columns:minmax(0,1fr) 280px;min-height:450px;overflow:hidden;border:1px solid #E2E7EF;border-radius:16px;background:#fff}.aqp-project-map{height:450px}.aqp-location-card{display:flex;align-items:flex-start;gap:11px;padding:22px;border-inline-start:1px solid #E7EBF0}.aqp-location-card>i{color:#1F285F;font-size:24px}.aqp-location-card small{display:block;color:#98A2B3;font-size:9px}.aqp-location-card b{display:block;margin-top:3px;color:#1D2433;font-size:17px}.aqp-location-card span{display:block;margin-top:5px;color:#667085;font-size:11px}.aqp-map-empty{min-height:240px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;border:1px dashed #D7DFEA;border-radius:15px;background:#FAFBFC;text-align:center}.aqp-map-empty i{color:#4D73D9;font-size:30px}.aqp-map-empty b{font-size:14px}.aqp-map-empty span{color:#8B94A5;font-size:11px}.aqp-map-token{height:100%;display:grid;place-items:center;color:#667085;font-size:12px}

@media(max-width:1050px){
 .aqp-project-hero-facts{grid-template-columns:repeat(3,1fr)}
 .aqp-project-layout{grid-template-columns:1fr}.aqp-developer-card{position:relative;top:auto}
 .aqp-type-grid{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:760px){
 .aqp-project-hero{min-height:520px}.aqp-project-hero-copy{margin-top:90px}.aqp-project-hero-copy h1{font-size:36px!important}
 .aqp-project-hero-facts{grid-template-columns:1fr 1fr}.aqp-project-hero-facts>div:first-child{grid-column:1/-1}
 .aqp-key-details{grid-template-columns:1fr 1fr}
 .aqp-trends-grid{grid-template-columns:1fr}.aqp-trend-wide{grid-column:auto;grid-template-columns:1fr}
 .aqp-map-shell{grid-template-columns:1fr}.aqp-location-card{border-inline-start:0;border-top:1px solid #E7EBF0}
}
@media(max-width:520px){
 .aqp-project-hero-inner{padding-bottom:20px!important}.aqp-project-hero-copy h1{font-size:31px!important}.aqp-project-hero-copy p{font-size:12px}
 .aqp-project-hero-facts{grid-template-columns:1fr 1fr}.aqp-project-hero-facts>div{padding:11px}.aqp-project-hero-facts b{font-size:12px}
 .aqp-key-details,.aqp-type-grid{grid-template-columns:1fr 1fr}
 .aqp-section-head h2{font-size:23px}.aqp-project-description{font-size:13px}
 .aqp-project-map{height:350px}
}

/* AQARK H9.1 */
.aqp-project-payment{padding-top:44px!important;padding-bottom:44px!important}.aqp-payment-slider{display:flex;gap:12px;overflow-x:auto;padding:18px;border-radius:16px;background:#F4F5F7;scroll-snap-type:x proximity;scrollbar-width:none}.aqp-payment-slider::-webkit-scrollbar{display:none}.aqp-payment-card{flex:0 0 350px;min-width:350px;scroll-snap-align:start;padding:16px 18px;border:1px solid #E0E5EC;border-radius:14px;background:#fff}.aqp-payment-title{display:flex;align-items:center;gap:7px;color:#1769AA;font-size:14px}.aqp-payment-main{display:grid;grid-template-columns:1fr auto;gap:18px;align-items:end;margin-top:12px}.aqp-payment-main>div{display:flex;align-items:baseline;gap:6px}.aqp-payment-main>div:last-child{justify-content:flex-end}.aqp-payment-main strong{color:#1D2433;font-size:26px}.aqp-payment-main span{color:#55627A;font-size:11px}.aqp-payment-card p{margin:10px 0 0;color:#667085;font-size:10px;line-height:1.45}
.aqp-market-tabs{width:max-content;display:flex;gap:4px;margin-bottom:14px;padding:4px;border-radius:11px;background:#E9EDF4}.aqp-market-tabs button{min-height:34px;padding:0 15px;border:0;border-radius:8px;background:transparent;color:#667085;font-size:11px;font-weight:750;cursor:pointer}.aqp-market-tabs button.active{background:#fff;color:#1F285F;box-shadow:0 1px 4px rgba(31,40,95,.07)}.aqp-market-panel{display:none}.aqp-market-panel.active{display:block}.aqp-trend-empty{min-height:190px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;border-radius:12px;background:#FAFBFC;text-align:center}.aqp-trend-empty i{color:#AAB9D7;font-size:28px}.aqp-trend-empty b{color:#344054;font-size:13px}.aqp-trend-empty span{max-width:360px;color:#98A2B3;font-size:10px;line-height:1.5}.aqp-no-market-data{padding:28px;border:1px dashed #D7DFEA;border-radius:14px;background:#FAFBFC;color:#667085;text-align:center}.aqp-developer-card{padding:22px!important;box-shadow:0 8px 26px rgba(31,40,95,.045)}.aqp-developer-card h3{font-size:20px!important}.aqp-developer-card .btn{margin-top:10px}
@media(max-width:760px){.aqp-project-hero-facts{grid-template-columns:1fr 1fr!important}.aqp-project-hero-facts>div:nth-child(1){grid-column:1/-1!important}.aqp-project-hero-facts>div:nth-child(2){grid-column:1/-1!important}.aqp-project-hero-facts>div:nth-child(3){order:5}.aqp-project-hero-facts>div:nth-child(4){order:3}.aqp-project-hero-facts>div:nth-child(5){order:4}.aqp-payment-card{flex:0 0 86%;min-width:86%}}
@media(max-width:520px){.aqp-payment-slider{padding:12px}.aqp-payment-card{flex-basis:92%;min-width:92%;padding:14px}.aqp-payment-main strong{font-size:23px}}


/* ============================================================================
   AQARK H9.2 — MARKET ACCURACY / TRUTHFUL EMPTY STATES
   ============================================================================ */

.aqp-trend-empty{
  min-height:205px!important;
  border:1px dashed #D8DEE8!important;
  background:#FBFCFD!important;
}

.aqp-trend-empty i{
  font-size:30px!important;
  color:#9EACC6!important;
}

.aqp-trend-empty b{
  font-size:14px!important;
  color:#344054!important;
}

.aqp-trend-empty span{
  max-width:420px!important;
  font-size:10.5px!important;
}

/* Do not visually imply a chart exists when there is no valid market history. */
.aqp-trend-card:has(.aqp-trend-empty) .aqp-trend-copy strong.muted{
  color:#667085!important;
  font-size:19px!important;
}

.aqp-compare-bars>div{
  grid-template-rows:auto auto 1fr auto!important;
}

.aqp-compare-bars em{
  margin-top:2px;
  color:#98A2B3;
  font-size:8px;
  font-style:normal;
}

.aqp-compare-bars span{
  margin-top:7px;
}



/* ============================================================================
   AQARK H9.3 — PROJECT PUBLIC PAGE POLISH
   Reduces oversized empty states and improves hierarchy/spacing.
   ============================================================================ */

/* Hero facts: slightly denser and cleaner */
.aqp-project-hero-facts{
  margin-top:24px!important;
}
.aqp-project-hero-facts>div{
  padding:12px 14px!important;
}
.aqp-project-hero-facts small{
  font-size:8.5px!important;
}
.aqp-project-hero-facts b{
  font-size:13px!important;
}

/* Overview/detail rhythm */
.aqp-project-overview{
  padding-top:42px!important;
  padding-bottom:42px!important;
}
.aqp-key-details>div{
  min-height:90px!important;
}
.aqp-subsection{
  margin-top:28px!important;
}

/* Trends: reduce the large empty white area when history is insufficient */
.aqp-project-trends{
  padding-top:42px!important;
  padding-bottom:42px!important;
}
.aqp-trend-wide{
  grid-template-columns:230px minmax(0,1fr)!important;
  gap:20px!important;
}
.aqp-trend-card{
  padding:18px!important;
}
.aqp-trend-empty{
  min-height:135px!important;
  padding:18px!important;
}
.aqp-trend-empty i{
  font-size:25px!important;
}
.aqp-trend-empty b{
  font-size:12px!important;
}
.aqp-trend-empty span{
  max-width:360px!important;
  font-size:9.5px!important;
}
.aqp-trend-copy strong{
  margin-top:10px!important;
}

/* Comparison bars: make values and units easier to read */
.aqp-compare-bars{
  height:172px!important;
  gap:34px!important;
  margin-top:10px!important;
}
.aqp-compare-bars b{
  font-size:14px!important;
}
.aqp-compare-bars em{
  font-size:8.5px!important;
}
.aqp-compare-bars small{
  font-size:9px!important;
}

/* Inventory mix more compact */
.aqp-type-list>div{
  min-height:34px!important;
}

/* Location empty state: less dead space on a public page */
.aqp-project-location{
  padding-top:42px!important;
  padding-bottom:42px!important;
}
.aqp-map-empty{
  min-height:185px!important;
  padding:26px!important;
}
.aqp-map-empty i{
  font-size:27px!important;
}
.aqp-map-empty b{
  font-size:13px!important;
}
.aqp-map-empty span{
  max-width:520px;
  font-size:10px!important;
  line-height:1.45!important;
}

/* Available properties section: reduce vertical gap before inventory */
.aqp-project-properties{
  padding-top:42px!important;
}

/* Mobile */
@media(max-width:760px){
  .aqp-project-hero-facts{
    margin-top:18px!important;
  }
  .aqp-project-hero-facts>div{
    padding:10px 11px!important;
  }
  .aqp-trend-wide{
    grid-template-columns:1fr!important;
  }
  .aqp-trend-empty{
    min-height:115px!important;
  }
  .aqp-map-empty{
    min-height:150px!important;
  }
}


/* ============================================================================
   AQARK H10 — PROJECT MANAGEMENT DATA LAYER
   ============================================================================ */

.aqp-project-badges{
  display:flex;
  flex-wrap:wrap;
  gap:7px;
}
.aqp-project-type-badge{
  width:max-content;
  display:inline-flex;
  align-items:center;
  min-height:28px;
  padding:0 10px;
  border:1px solid rgba(255,255,255,.22);
  border-radius:999px;
  background:rgba(255,255,255,.08);
  color:#fff;
  font-size:11px;
  font-weight:750;
}

/* Admin / Developer project manager */
.h10-project-management-grid{
  display:grid;
  gap:14px;
  margin-top:20px;
}
.h10-project-manager-card{
  padding:18px;
  border:1px solid #E2E7EF;
  border-radius:14px;
  background:#fff;
}
.h10-project-manager-head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:16px;
  margin-bottom:16px;
}
.h10-project-manager-head h3{
  margin:4px 0 3px;
  color:#1D2433;
  font-size:17px;
}
.h10-project-manager-head p{
  margin:0;
  color:#667085;
  font-size:10px;
}
.h10-project-form-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:9px;
}
.h10-project-form-grid label{
  display:grid;
  gap:5px;
  color:#344054;
  font-size:10px;
  font-weight:700;
}
.h10-project-form-grid input,
.h10-project-form-grid select{
  width:100%;
  min-height:40px;
  padding:0 10px;
  border:1px solid #DDE3EC;
  border-radius:9px;
  background:#FAFBFC;
  color:#1D2433;
  font-size:11px;
}
.h10-unit-types{
  margin:14px 0;
}
.h10-unit-types>b{
  display:block;
  margin-bottom:8px;
  font-size:11px;
}
.h10-unit-types>div{
  display:flex;
  flex-wrap:wrap;
  gap:7px;
}
.h10-unit-types label{
  display:inline-flex;
  align-items:center;
  gap:6px;
  min-height:32px;
  padding:0 10px;
  border:1px solid #E1E6ED;
  border-radius:999px;
  background:#fff;
  color:#55627A;
  font-size:10px;
  cursor:pointer;
}
.h10-unit-types input{
  accent-color:#1F285F;
}
.h10-plan-manager{
  margin-top:18px;
  padding-top:16px;
  border-top:1px solid #E7EBF0;
}
.h10-plan-manager-head{
  display:flex;
  justify-content:space-between;
  gap:16px;
  margin-bottom:10px;
}
.h10-plan-manager-head b{
  display:block;
  font-size:13px;
}
.h10-plan-manager-head span{
  display:block;
  margin-top:2px;
  color:#8B94A5;
  font-size:9px;
}
.h10-plan-manager-head em{
  display:grid;
  place-items:center;
  min-width:35px;
  height:27px;
  border-radius:999px;
  background:#EEF3FF;
  color:#1F285F;
  font-size:9px;
  font-style:normal;
  font-weight:800;
}
.h10-existing-plans{
  display:grid;
  gap:6px;
}
.h10-plan-row{
  min-height:45px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  padding:8px 10px;
  border-radius:9px;
  background:#F8FAFC;
}
.h10-plan-row b{
  display:block;
  font-size:10px;
}
.h10-plan-row span{
  display:block;
  margin-top:2px;
  color:#667085;
  font-size:9px;
}
.h10-plan-row button{
  width:30px;
  height:30px;
  border:0;
  border-radius:8px;
  background:#fff;
  color:#B42318;
  cursor:pointer;
}
.h10-empty-plan{
  padding:12px;
  border-radius:9px;
  background:#F8FAFC;
  color:#8B94A5;
  font-size:10px;
}
.h10-add-plan-form{
  margin-top:12px;
  padding:13px;
  border-radius:11px;
  background:#F8FAFC;
}

@media(max-width:900px){
  .h10-project-form-grid{
    grid-template-columns:1fr 1fr;
  }
}
@media(max-width:600px){
  .h10-project-manager-card{
    padding:14px;
  }
  .h10-project-manager-head{
    display:grid;
  }
  .h10-project-form-grid{
    grid-template-columns:1fr;
  }
}

/* H10 project management accordion */
.h10-project-accordion{
  display:grid;
  gap:10px;
  margin-top:20px;
}

.h10-project-accordion-item{
  overflow:hidden;
  border:1px solid #E2E7EF;
  border-radius:14px;
  background:#fff;
}

.h10-project-accordion-item>summary{
  min-height:72px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
  padding:14px 16px;
  cursor:pointer;
  list-style:none;
  user-select:none;
  background:#fff;
}

.h10-project-accordion-item>summary::-webkit-details-marker{
  display:none;
}

.h10-project-accordion-item>summary>div{
  min-width:0;
  display:grid;
  gap:3px;
}

.h10-project-accordion-item>summary b{
  color:#1D2433;
  font-size:14px;
  line-height:1.35;
}

.h10-project-accordion-item>summary small{
  color:#8B94A5;
  font-size:10px;
}

.h10-project-accordion-action{
  flex:0 0 auto;
  min-height:34px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:7px;
  padding:0 12px;
  border:1px solid #DDE3EC;
  border-radius:9px;
  color:#1F285F;
  background:#F8FAFC;
  font-size:10px;
  font-weight:800;
}

.h10-project-accordion-action i{
  transition:transform .18s ease;
}

.h10-project-accordion-item[open]>.h10-project-accordion-action i,
.h10-project-accordion-item[open]>summary .h10-project-accordion-action i{
  transform:rotate(180deg);
}

.h10-project-accordion-item[open]>summary{
  border-bottom:1px solid #E7EBF0;
  background:#FAFBFC;
}

.h10-project-accordion-body{
  padding:14px;
}

.h10-project-accordion-body>.h10-project-manager-card{
  padding:0;
  border:0;
  border-radius:0;
  box-shadow:none;
}

@media(max-width:600px){
  .h10-project-accordion-item>summary{
    align-items:flex-start;
    padding:13px;
  }

  .h10-project-accordion-action{
    padding:0 9px;
  }

  .h10-project-accordion-body{
    padding:12px;
  }
}