/* ==========================================================================
   VEGA PREMIUM - EMLAKX INTEGRATION STYLESHEET
   White Luxury design overrides for EmlakX property cards, listings & detail pages.
   ========================================================================== */

/* ==========================================================================
   EMLAKX PROPERTY CARDS (UNIFIED: PROJECTS / LANDS / RESALES)
   ========================================================================== */
.emlakx-col {
    display: flex !important;
    flex-direction: column !important;
}

.mi-property-card,
.emlakx-project-card,
.emlakx-land-card,
.emlakx-resale-card,
.emlakx-lands-card,
.emlakx-card {
    background: var(--vp-bg-card) !important;
    border: 1px solid var(--vp-border) !important;
    border-radius: var(--vp-radius-lg) !important;
    overflow: hidden !important;
    position: relative !important;
    transition: var(--vp-transition) !important;
    display: flex !important;
    flex-direction: column !important;
    flex: 1 1 auto !important;
    height: 100% !important;
    box-shadow: var(--vp-shadow) !important;
}

.mi-property-card::before,
.mi-property-card::after,
.emlakx-card::before,
.emlakx-card::after {
    display: none !important;
}

.mi-property-card:hover,
.emlakx-lands-card:hover,
.emlakx-resale-card:hover,
.emlakx-card:hover {
    transform: translateY(-6px) !important;
    border-color: rgba(183, 31, 55, 0.45) !important;
    box-shadow: 0 16px 36px rgba(0, 0, 0, 0.08), 0 0 20px rgba(183, 31, 55, 0.1) !important;
}

/* Card Media */
.mi-property-card__image {
    position: relative;
    aspect-ratio: 16 / 11;
    overflow: hidden;
    background: var(--vp-bg-surface);
}

.mi-property-card__image img,
.emlakx-project-card img,
.emlakx-land-card img,
.emlakx-resale-card img,
.emlakx-card img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    display: block !important;
    transition: transform 0.7s cubic-bezier(0.165, 0.84, 0.44, 1) !important;
}

.mi-property-card:hover .mi-property-card__image img {
    transform: scale(1.08) !important;
}

.mi-property-card__link {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 5;
}

/* Badges */
.mi-badge-group {
    position: absolute;
    top: 12px;
    left: 12px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 6px;
    z-index: 4;
}

.mi-badge,
.emlakx-price-badge,
.emlakx-discount-badge,
.emlakx-exclusive-badge,
.emlakx-featured-badge,
.emlakx-resale-badge {
    font-family: var(--vp-font-title);
    font-size: 11px;
    font-weight: 700;
    padding: 5px 11px;
    border-radius: 4px;
    text-transform: uppercase;
    letter-spacing: 0.06em;
    line-height: 1.2;
    display: inline-flex;
    align-items: center;
}

.mi-badge--type {
    background: rgba(255, 255, 255, 0.92);
    color: #111417;
    border: 1px solid rgba(0, 0, 0, 0.08);
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
}

.mi-badge--discount,
.emlakx-discount-badge {
    background: var(--vp-primary) !important;
    color: #ffffff !important;
}

.mi-badge--featured,
.emlakx-featured-badge {
    background: #10b981 !important;
    color: #ffffff !important;
}

.mi-badge--exclusive,
.emlakx-exclusive-badge {
    background: rgba(0, 0, 0, 0.85) !important;
    border: 1px solid rgba(183, 31, 55, 0.5) !important;
    color: #ffffff !important;
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
}

.mi-badge--price,
.emlakx-price-badge {
    position: absolute;
    bottom: 12px;
    right: 12px;
    z-index: 4;
    background: #ffffff;
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    color: var(--vp-primary);
    border: 1px solid rgba(183, 31, 55, 0.25);
    font-size: 13.5px;
    font-weight: 700;
    padding: 6px 13px;
    border-radius: 4px;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.06);
}

/* Unified Specs Bar */
.mi-property-card__finance {
    display: flex;
    align-items: center;
    justify-content: space-around;
    padding: 11px 16px;
    background: #f8f9fa;
    border-bottom: 1px solid var(--vp-border);
    min-height: 52px;
}

.mi-finance-item {
    flex: 1;
    text-align: center;
}

.mi-finance-label {
    display: block;
    font-size: 10px;
    text-transform: uppercase;
    letter-spacing: 0.06em;
    color: var(--vp-text-muted);
    margin-bottom: 3px;
    font-family: var(--vp-font-title);
    font-weight: 600;
}

.mi-finance-item strong {
    font-size: 14px;
    font-weight: 700;
    color: #111417;
}

.mi-unit {
    font-size: 11px;
    font-weight: 500;
    color: var(--vp-text-muted);
}

.mi-finance-divider {
    width: 1px;
    height: 26px;
    background: var(--vp-border);
    margin: 0 6px;
    flex-shrink: 0;
}

.mi-finance-cash {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    font-size: 13px;
    font-weight: 600;
    color: var(--vp-text);
    letter-spacing: 0.04em;
    width: 100%;
}

.mi-finance-cash svg {
    color: var(--vp-primary);
}

/* Card Body */
.mi-property-card__body {
    padding: 16px 18px 12px;
    flex: 1 1 auto !important;
    display: flex !important;
    flex-direction: column !important;
}

.mi-property-card__title {
    font-size: 16.5px;
    font-weight: 600;
    line-height: 1.38;
    color: #111417;
    margin: 0 0 7px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    min-height: 2.8em;
}

.mi-property-card__excerpt {
    font-size: 13px;
    color: var(--vp-text-muted);
    line-height: 1.5;
    margin: 0;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    min-height: 3em;
}

/* Card Footer */
.mi-property-card__footer {
    margin-top: auto;
    padding: 11px 18px;
    border-top: 1px solid var(--vp-border);
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    font-size: 12px;
    color: var(--vp-text-muted);
    background: #f8f9fa;
}

.mi-property-card__location {
    display: flex;
    align-items: center;
    gap: 7px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.mi-property-card__location img {
    width: 18px;
    height: auto;
    border-radius: 2px;
    flex-shrink: 0;
    display: inline-block;
}

.mi-property-card__status {
    display: flex;
    align-items: center;
    gap: 5px;
    font-size: 11.5px;
    font-weight: 600;
    white-space: nowrap;
    color: var(--vp-text-muted);
}

.mi-property-card__status--ready {
    color: #10b981;
}

.mi-property-card__status svg {
    flex-shrink: 0;
}

/* ==========================================================================
   EMLAKX LISTING, CATEGORY & ARCHIVE PAGES (PROJECTS / LANDS / RESALES)
   ========================================================================== */

/* ── Standalone Archive, Category & Detail Pages (Projects / Lands / Resales) ── */
.emlakx-projects,
.emlakx-lands,
.emlakx-resales,
.emlakx-search-results,
.emlakx-project-detail,
.emlakx-land-detail,
.emlakx-resale-detail {
    background-color: var(--vp-bg) !important;
    color: var(--vp-text) !important;
    padding-top: calc(var(--vp-header-height, 64px) + 52px) !important;
    padding-bottom: 80px !important;
    min-height: 75vh;
}

body.admin-bar .emlakx-projects,
body.admin-bar .emlakx-lands,
body.admin-bar .emlakx-resales,
body.admin-bar .emlakx-search-results,
body.admin-bar .emlakx-project-detail,
body.admin-bar .emlakx-land-detail,
body.admin-bar .emlakx-resale-detail {
    padding-top: calc(var(--vp-header-height, 64px) + 32px + 52px) !important;
}

@media screen and (max-width: 782px) {
    .emlakx-projects,
    .emlakx-lands,
    .emlakx-resales,
    .emlakx-search-results,
    .emlakx-project-detail,
    .emlakx-land-detail,
    .emlakx-resale-detail {
        padding-top: calc(var(--vp-header-height, 56px) + 14px) !important;
        padding-bottom: 40px !important;
    }
    body.admin-bar .emlakx-projects,
    body.admin-bar .emlakx-lands,
    body.admin-bar .emlakx-resales,
    body.admin-bar .emlakx-search-results,
    body.admin-bar .emlakx-project-detail,
    body.admin-bar .emlakx-land-detail,
    body.admin-bar .emlakx-resale-detail {
        padding-top: calc(var(--vp-header-height, 56px) + 46px + 14px) !important;
    }

    .emlakx-projects .container,
    .emlakx-lands .container,
    .emlakx-resales .container,
    .emlakx-search-results .container,
    .emlakx-project-detail .container,
    .emlakx-land-detail .container,
    .emlakx-resale-detail .container {
        padding-left: 12px !important;
        padding-right: 12px !important;
    }

    .emlakx-project-detail .row,
    .emlakx-land-detail .row,
    .emlakx-resale-detail .row {
        --bs-gutter-x: 10px !important;
        margin-left: -5px !important;
        margin-right: -5px !important;
    }

    .emlakx-project-detail [class*="col-"],
    .emlakx-land-detail [class*="col-"],
    .emlakx-resale-detail [class*="col-"] {
        padding-left: 5px !important;
        padding-right: 5px !important;
    }
}

/* Ensure shortcodes on Homepage and showcase components remain flush with no disruptive padding */
.home .emlakx-projects,
.home .emlakx-lands,
.home .emlakx-resales,
.home .emlakx-shortcode-wrapper,
.home .emlakx-landing-wrapper,
.vp-showcase .emlakx-projects,
.vp-showcase .emlakx-lands,
.vp-showcase .emlakx-resales,
.vp-showcase .emlakx-shortcode-wrapper,
.vp-showcase .emlakx-landing-wrapper,
.vp-showcase__content .emlakx-projects,
.vp-showcase__content .emlakx-lands,
.vp-showcase__content .emlakx-resales,
.vp-showcase__content .emlakx-landing-wrapper,
.vp-showcase__content .emlakx-shortcode-wrapper {
    background-color: transparent !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    min-height: auto !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}

/* Ensure child containers stay within the theme max-width */
.emlakx-projects .container,
.emlakx-lands .container,
.emlakx-resales .container,
.emlakx-search-results .container,
.emlakx-project-detail .container,
.emlakx-land-detail .container,
.emlakx-resale-detail .container {
    max-width: 1340px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 20px;
    padding-right: 20px;
}

/* ── Page Header / Results Toolbar (Showing X-Y of Z) ── */
.emlakx-projects .row.mb-3,
.emlakx-lands .row.mb-3,
.emlakx-resales .row.mb-3,
.emlakx-search-results .row.mb-3 {
    align-items: center !important;
    margin-top: 0 !important;
    margin-bottom: 24px !important;
    padding-bottom: 16px !important;
    border-bottom: 1px solid var(--vp-border) !important;
}

@media (min-width: 992px) {
    .emlakx-projects .row.mb-3,
    .emlakx-lands .row.mb-3,
    .emlakx-resales .row.mb-3,
    .emlakx-search-results .row.mb-3 {
        margin-top: -44px !important;
        margin-bottom: 24px !important;
    }
}

.emlakx-projects .row.mb-3 small,
.emlakx-lands .row.mb-3 small,
.emlakx-resales .row.mb-3 small,
.emlakx-search-results .row.mb-3 small,
.emlakx-results-count {
    color: var(--vp-text-muted) !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    letter-spacing: 0.06em !important;
    text-transform: uppercase !important;
    font-family: var(--vp-font-title) !important;
}

/* Clear / Reset Filters Button */
.emlakx-projects .btn-outline-secondary,
.emlakx-lands .btn-outline-secondary,
.emlakx-resales .btn-outline-secondary,
.emlakx-search-results .btn-outline-secondary,
.emlakx-clear-filters {
    background: transparent !important;
    border: 1px solid rgba(183, 31, 55, 0.4) !important;
    color: var(--vp-text) !important;
    border-radius: var(--vp-radius) !important;
    font-size: 12px !important;
    font-weight: 700 !important;
    letter-spacing: 0.06em !important;
    text-transform: uppercase !important;
    padding: 8px 18px !important;
    transition: var(--vp-transition) !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 6px !important;
    box-shadow: none !important;
}

.emlakx-projects .btn-outline-secondary:hover,
.emlakx-lands .btn-outline-secondary:hover,
.emlakx-resales .btn-outline-secondary:hover,
.emlakx-search-results .btn-outline-secondary:hover,
.emlakx-clear-filters:hover {
    background: var(--vp-primary) !important;
    border-color: var(--vp-primary) !important;
    color: #ffffff !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 4px 15px rgba(183, 31, 55, 0.35) !important;
}

/* ── Sidebar Filter Panel ── */
.page-sidebar-main,
.emlakx-sidebar-filter {
    background: var(--vp-bg-card) !important;
    border: 1px solid var(--vp-border) !important;
    border-radius: var(--vp-radius-lg) !important;
    padding: 24px !important;
    box-shadow: var(--vp-shadow) !important;
    position: relative;
    margin-top: 0 !important;
}

.page-sidebar-main hr,
.emlakx-sidebar-filter hr {
    border-color: var(--vp-border) !important;
    opacity: 0.6 !important;
    margin: 18px 0 !important;
}

/* Search input group */
.page-sidebar-main .input-group,
.emlakx-sidebar-filter .input-group {
    background: #ffffff !important;
    border: 1px solid var(--vp-border) !important;
    border-radius: var(--vp-radius) !important;
    overflow: hidden !important;
    transition: var(--vp-transition) !important;
}

.page-sidebar-main .input-group:focus-within,
.emlakx-sidebar-filter .input-group:focus-within {
    border-color: var(--vp-primary) !important;
    box-shadow: 0 0 0 3px rgba(183, 31, 55, 0.2) !important;
}

.page-sidebar-main .input-group .input-group-text,
.emlakx-sidebar-filter .input-group .input-group-text {
    background: transparent !important;
    border: none !important;
    color: var(--vp-primary) !important;
    padding: 10px 14px !important;
    display: flex;
    align-items: center;
}

.page-sidebar-main .input-group .input-group-text i,
.emlakx-sidebar-filter .input-group .input-group-text i {
    color: var(--vp-primary) !important;
}

.page-sidebar-main .input-group .form-control,
.emlakx-sidebar-filter .input-group .form-control {
    background: transparent !important;
    border: none !important;
    color: var(--vp-text) !important;
    font-size: 14px !important;
    padding: 11px 8px !important;
    box-shadow: none !important;
}

.page-sidebar-main .input-group .form-control::placeholder,
.emlakx-sidebar-filter .input-group .form-control::placeholder {
    color: var(--vp-text-muted) !important;
}

/* Filter Form Labels */
.page-sidebar-main .form-group label,
.emlakx-sidebar-filter .form-group label {
    color: var(--vp-text-muted) !important;
    font-weight: 600 !important;
    font-size: 11.5px !important;
    letter-spacing: 0.06em !important;
    text-transform: uppercase !important;
    font-family: var(--vp-font-title) !important;
    margin-bottom: 7px !important;
    display: block !important;
}

/* Filter Inputs & Selects */
.page-sidebar-main .form-control,
.page-sidebar-main select.form-control,
.page-sidebar-main input.form-control,
.emlakx-sidebar-filter select,
.emlakx-sidebar-filter input {
    background: #ffffff !important;
    border: 1px solid var(--vp-border) !important;
    border-radius: var(--vp-radius) !important;
    color: var(--vp-text) !important;
    font-size: 13.5px !important;
    padding: 11px 14px !important;
    height: auto !important;
    line-height: 1.4 !important;
    transition: var(--vp-transition) !important;
    -webkit-appearance: none;
    appearance: none;
}

.page-sidebar-main select.form-control,
.emlakx-sidebar-filter select {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%23b71f37' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E") !important;
    background-repeat: no-repeat !important;
    background-position: right 14px center !important;
    background-size: 13px !important;
    padding-right: 36px !important;
}

.page-sidebar-main .form-control:focus,
.page-sidebar-main select.form-control:focus,
.page-sidebar-main input.form-control:focus,
.emlakx-sidebar-filter select:focus,
.emlakx-sidebar-filter input:focus {
    border-color: var(--vp-primary) !important;
    box-shadow: 0 0 0 3px rgba(183, 31, 55, 0.2) !important;
    outline: none !important;
}

.page-sidebar-main .form-control:disabled,
.emlakx-sidebar-filter select:disabled {
    opacity: 0.4 !important;
    cursor: not-allowed !important;
}

/* Dropdown Options */
.page-sidebar-main select option,
.emlakx-sidebar-filter select option {
    background: #ffffff !important;
    color: #111417 !important;
    padding: 10px !important;
}

/* ── EmlakX Listing Filter Buttons & Controls ── */
button#filterToggleBtn,
.btn#filterToggleBtn,
button#filterToggleBtn.btn-outline-primary {
    background: #ffffff !important;
    border: 1px solid var(--vp-border) !important;
    color: var(--vp-text) !important;
    font-weight: 600 !important;
    border-radius: var(--vp-radius, 8px) !important;
    font-size: 13px !important;
    letter-spacing: 0.04em !important;
    transition: var(--vp-transition) !important;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05) !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
}

button#filterToggleBtn i,
.btn#filterToggleBtn i {
    color: var(--vp-primary) !important;
    font-size: 14px !important;
    transition: color 0.2s ease !important;
}

button#filterToggleBtn:hover,
button#filterToggleBtn:focus,
button#filterToggleBtn:active,
button#filterToggleBtn[aria-expanded="true"] {
    background: var(--vp-primary, #9f1239) !important;
    background-color: var(--vp-primary, #9f1239) !important;
    border-color: var(--vp-primary, #9f1239) !important;
    color: #ffffff !important;
    box-shadow: 0 4px 12px rgba(159, 18, 57, 0.25) !important;
}

button#filterToggleBtn:hover i,
button#filterToggleBtn:focus i,
button#filterToggleBtn:active i,
button#filterToggleBtn[aria-expanded="true"] i {
    color: #ffffff !important;
}

/* Search Submit Button across all listing filters */
.emlakx-search-btn,
.btn.emlakx-search-btn,
#advancedFiltersMobile .btn.emlakx-search-btn,
.page-sidebar-main .btn.emlakx-search-btn {
    background: var(--vp-primary, #9f1239) !important;
    background-color: var(--vp-primary, #9f1239) !important;
    border: 1px solid var(--vp-primary, #9f1239) !important;
    border-color: var(--vp-primary, #9f1239) !important;
    color: #ffffff !important;
    font-weight: 700 !important;
    font-size: 13px !important;
    letter-spacing: 0.05em !important;
    text-transform: uppercase !important;
    transition: var(--vp-transition) !important;
    border-radius: var(--vp-radius, 8px) !important;
    box-shadow: 0 3px 10px rgba(159, 18, 57, 0.25) !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    opacity: 1 !important;
}

.emlakx-search-btn:hover,
.btn.emlakx-search-btn:hover,
#advancedFiltersMobile .btn.emlakx-search-btn:hover,
.page-sidebar-main .btn.emlakx-search-btn:hover {
    background: var(--vp-primary-hover, #be123c) !important;
    background-color: var(--vp-primary-hover, #be123c) !important;
    border-color: var(--vp-primary-hover, #be123c) !important;
    color: #ffffff !important;
    box-shadow: 0 6px 18px rgba(159, 18, 57, 0.4) !important;
    transform: translateY(-1px) !important;
}

.page-sidebar-main .btn.emlakx-search-btn.w-100 {
    width: 100% !important;
    margin-top: 10px !important;
    padding: 12px 20px !important;
}

/* Compact Mobile Filter Bar on Listing Pages (< 992px) */
@media screen and (max-width: 991px) {
    /* Reduce large top spacing on listing containers */
    .container.emlakx-projects.my-5,
    .container.emlakx-lands.my-5,
    .container.emlakx-resales.my-5,
    .emlakx-projects.my-5,
    .emlakx-lands.my-5,
    .emlakx-resales.my-5 {
        margin-top: 10px !important;
        margin-bottom: 24px !important;
    }

    /* Outer wrapper containing mobile filter */
    .d-lg-none.mb-3 {
        margin-bottom: 14px !important;
    }

    /* Compact Card container */
    .d-lg-none .page-sidebar-main {
        background: #ffffff !important;
        border: 1px solid var(--vp-border) !important;
        border-radius: var(--vp-radius-lg, 12px) !important;
        padding: 10px 12px !important;
        box-shadow: 0 2px 10px rgba(0, 0, 0, 0.04) !important;
        margin: 0 !important;
    }

    /* Strip exaggerated p-4 padding around search form */
    .d-lg-none .page-sidebar-main > .p-4 {
        padding: 0 !important;
    }

    /* Compact search input group */
    .d-lg-none .page-sidebar-main .input-group.mb-3 {
        margin-bottom: 8px !important;
        border: 1px solid var(--vp-border) !important;
        border-radius: var(--vp-radius, 8px) !important;
        overflow: hidden !important;
        box-shadow: none !important;
    }

    .d-lg-none .page-sidebar-main .input-group-text {
        background: #f8fafc !important;
        border: none !important;
        padding: 0 10px !important;
    }

    .d-lg-none .page-sidebar-main .input-group input[type="search"] {
        background: #f8fafc !important;
        border: none !important;
        height: 38px !important;
        font-size: 0.85rem !important;
        padding-left: 2px !important;
        padding-right: 8px !important;
        color: var(--vp-text) !important;
    }

    .d-lg-none .page-sidebar-main .input-group input[type="search"]:focus {
        background: #ffffff !important;
        box-shadow: none !important;
    }

    .d-lg-none .page-sidebar-main .input-group .btn.emlakx-search-btn {
        height: 38px !important;
        padding: 0 16px !important;
        border-radius: 0 !important;
        box-shadow: none !important;
        font-size: 0.78rem !important;
    }

    /* Remove the harsh horizontal divider */
    .d-lg-none .page-sidebar-main > hr {
        display: none !important;
    }

    /* Filter toggle section */
    .d-lg-none .page-sidebar-main > .p-2 {
        padding: 0 !important;
    }

    .d-lg-none .page-sidebar-main .d-flex.justify-content-center.my-3 {
        margin: 0 !important;
        width: 100% !important;
    }

    .d-lg-none button#filterToggleBtn {
        width: 100% !important;
        height: 36px !important;
        padding: 6px 14px !important;
        font-size: 0.8rem !important;
        border-radius: var(--vp-radius, 8px) !important;
        background: #f8fafc !important;
        border: 1px dashed var(--vp-border) !important;
    }

    .d-lg-none button#filterToggleBtn[aria-expanded="true"] {
        background: var(--vp-primary) !important;
        border: 1px solid var(--vp-primary) !important;
        color: #ffffff !important;
    }

    /* Expanded Advanced Filters in Mobile */
    #advancedFiltersMobile {
        margin-top: 10px !important;
        padding-top: 10px !important;
        border-top: 1px solid var(--vp-border) !important;
    }

    #advancedFiltersMobile form {
        display: grid !important;
        grid-template-columns: 1fr 1fr !important;
        gap: 8px 10px !important;
    }

    #advancedFiltersMobile .form-group {
        margin-bottom: 0 !important;
    }

    #advancedFiltersMobile label {
        font-size: 0.72rem !important;
        font-weight: 600 !important;
        color: var(--vp-text-dim) !important;
        text-transform: uppercase !important;
        letter-spacing: 0.04em !important;
        margin-bottom: 2px !important;
        display: block !important;
        text-align: inherit !important;
    }

    #advancedFiltersMobile select.form-control,
    #advancedFiltersMobile input.form-control {
        height: 36px !important;
        font-size: 0.8rem !important;
        border: 1px solid var(--vp-border) !important;
        border-radius: 6px !important;
        padding: 4px 8px !important;
        background-color: #ffffff !important;
        color: var(--vp-text) !important;
    }

    #advancedFiltersMobile select.form-control:focus,
    #advancedFiltersMobile input.form-control:focus {
        border-color: var(--vp-primary) !important;
        box-shadow: 0 0 0 2px rgba(159, 18, 57, 0.15) !important;
    }

    #advancedFiltersMobile .text-center {
        grid-column: 1 / -1 !important;
        margin-top: 4px !important;
    }

    #advancedFiltersMobile .btn.emlakx-search-btn.w-100 {
        height: 40px !important;
        padding: 8px 16px !important;
        margin-top: 0 !important;
        font-size: 0.85rem !important;
    }
}

/* Sticky sidebar offset on listing pages */
.emlakx-projects .sticky-top,
.emlakx-lands .sticky-top,
.emlakx-resales .sticky-top,
.emlakx-search-results .sticky-top {
    top: calc(var(--vp-header-height, 64px) + 24px) !important;
    z-index: 10;
}

body.admin-bar .emlakx-projects .sticky-top,
body.admin-bar .emlakx-lands .sticky-top,
body.admin-bar .emlakx-resales .sticky-top,
body.admin-bar .emlakx-search-results .sticky-top {
    top: calc(var(--vp-header-height, 90px) + 32px + 24px) !important;
}

/* ── Universal Filter Bar (Form on listing pages) ── */
.emlakx-uf__form {
    background: var(--vp-bg-card) !important;
    border: 1px solid var(--vp-border) !important;
    border-radius: var(--vp-radius-lg) !important;
    box-shadow: var(--vp-shadow) !important;
    padding: 8px 12px !important;
    margin-bottom: 30px !important;
}

.emlakx-uf__search {
    border-right: 1px solid var(--vp-border) !important;
}

.emlakx-uf__search-icon {
    color: var(--vp-primary) !important;
}

.emlakx-uf__search input {
    color: var(--vp-text) !important;
    background: transparent !important;
    font-size: 14px !important;
}

.emlakx-uf__search input::placeholder {
    color: var(--vp-text-muted) !important;
}

.emlakx-uf__select,
.emlakx-uf__control {
    color: var(--vp-text) !important;
    background: transparent !important;
    border-right: 1px solid var(--vp-border) !important;
    font-size: 13.5px !important;
}

.emlakx-uf__select option {
    background: #ffffff !important;
    color: var(--vp-text) !important;
}

.emlakx-uf__submit {
    background: var(--vp-primary) !important;
    color: #ffffff !important;
    border-radius: var(--vp-radius) !important;
    font-weight: 700 !important;
    font-size: 13px !important;
    letter-spacing: 0.05em !important;
    text-transform: uppercase !important;
    transition: var(--vp-transition) !important;
    border: none !important;
    padding: 10px 24px !important;
}

.emlakx-uf__submit:hover {
    background: var(--vp-primary-hover) !important;
    transform: translateY(-1px) !important;
    box-shadow: 0 4px 15px rgba(183, 31, 55, 0.35) !important;
}

/* ── Pagination (EmlakX & Standard) ── */
.emlakx-projects .pagination,
.emlakx-lands .pagination,
.emlakx-resales .pagination,
.emlakx-search-results .pagination,
.pagination {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    gap: 8px !important;
    margin-top: 48px !important;
    margin-bottom: 20px !important;
    list-style: none !important;
    padding: 0 !important;
}

.emlakx-projects .pagination .page-link,
.emlakx-lands .pagination .page-link,
.emlakx-resales .pagination .page-link,
.emlakx-search-results .pagination .page-link,
.pagination .page-link {
    background: #ffffff !important;
    border: 1px solid var(--vp-border) !important;
    color: var(--vp-text) !important;
    border-radius: var(--vp-radius) !important;
    padding: 9px 16px !important;
    font-weight: 600 !important;
    font-size: 14px !important;
    transition: var(--vp-transition) !important;
    text-decoration: none !important;
    min-width: 42px !important;
    text-align: center !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.04) !important;
}

.pagination .page-link:hover {
    background: var(--vp-bg-subtle) !important;
    border-color: var(--vp-primary) !important;
    color: var(--vp-primary) !important;
}

.pagination .active .page-link,
.pagination .page-item.active .page-link {
    background: var(--vp-primary) !important;
    border-color: var(--vp-primary) !important;
    color: #ffffff !important;
    box-shadow: 0 4px 15px rgba(183, 31, 55, 0.3) !important;
}

.pagination .disabled .page-link,
.pagination .page-item.disabled .page-link {
    color: var(--vp-text-muted) !important;
    opacity: 0.35 !important;
    background: transparent !important;
    pointer-events: none !important;
}

/* ── Empty State & No Results ── */
.mi-no-results,
.emlakx-empty-card {
    background: var(--vp-bg-card) !important;
    border: 1px solid var(--vp-border) !important;
    border-radius: var(--vp-radius-lg) !important;
    box-shadow: var(--vp-shadow) !important;
    text-align: center !important;
    padding: 60px 30px !important;
    margin: 30px auto !important;
    max-width: 640px !important;
    width: 100% !important;
}

.mi-no-results__icon svg,
.mi-no-results svg,
.emlakx-empty-card svg {
    color: var(--vp-primary) !important;
    opacity: 0.85 !important;
    margin-bottom: 20px !important;
}

.mi-no-results__title,
.mi-no-results h3,
.emlakx-empty-card h2 {
    font-family: var(--vp-font-title) !important;
    color: var(--vp-text) !important;
    font-size: 1.55rem !important;
    font-weight: 600 !important;
    margin-bottom: 12px !important;
    letter-spacing: -0.01em !important;
}

.mi-no-results__desc,
.mi-no-results p,
.emlakx-empty-card p {
    color: var(--vp-text-muted) !important;
    font-size: 14px !important;
    line-height: 1.6 !important;
    margin-bottom: 28px !important;
    max-width: 480px;
    margin-left: auto;
    margin-right: auto;
}

.emlakx-btn {
    background: var(--vp-primary) !important;
    color: #ffffff !important;
    border-radius: var(--vp-radius) !important;
    font-weight: 700 !important;
    padding: 12px 28px !important;
    display: inline-block !important;
    transition: var(--vp-transition) !important;
}

.emlakx-btn:hover {
    background: var(--vp-primary-hover) !important;
    color: #ffffff !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 6px 20px rgba(183, 31, 55, 0.35) !important;
}

/* ── Show More / Load More Button ── */
.emlakx-showmore {
    background: #ffffff !important;
    border: 1px solid var(--vp-border) !important;
    color: var(--vp-text) !important;
    border-radius: var(--vp-radius) !important;
    font-weight: 700 !important;
    letter-spacing: 0.08em !important;
    text-transform: uppercase !important;
    font-size: 13px !important;
    padding: 12px 30px !important;
    transition: var(--vp-transition) !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    box-shadow: var(--vp-shadow) !important;
}

.emlakx-showmore:hover {
    background: var(--vp-primary) !important;
    color: #ffffff !important;
    border-color: var(--vp-primary) !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 6px 20px rgba(183, 31, 55, 0.35) !important;
}

/* ── Loaders ── */
.emlakx-loader {
    border-color: rgba(0, 0, 0, 0.1) !important;
    border-top-color: var(--vp-primary) !important;
}

.emlakx-uf__loader span {
    color: var(--vp-primary) !important;
}

/* ==========================================================================
   EMLAKX DETAIL PAGES (PROJECTS / LANDS / RESALES) & SINGLE PROPERTY
   ========================================================================== */

/* ── Gallery & Swiper Sliders ── */
.emlakx-gallery-container,
.gallery-slider-container {
    margin-bottom: 32px !important;
}

.emlakx-main-slider {
    width: 100% !important;
    aspect-ratio: 16 / 10 !important;
    max-height: 520px !important;
    border-radius: var(--vp-radius-lg) !important;
    border: 1px solid var(--vp-border) !important;
    box-shadow: var(--vp-shadow) !important;
    background: var(--vp-bg-card, #ffffff) !important;
    overflow: hidden !important;
    position: relative !important;
}

.emlakx-main-slider .swiper-slide {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    height: 100% !important;
    min-height: 0 !important;
    background: transparent !important;
    overflow: hidden !important;
}

.emlakx-main-slider .swiper-slide img {
    width: 100% !important;
    height: 100% !important;
    min-width: 100% !important;
    min-height: 100% !important;
    max-width: none !important;
    max-height: none !important;
    object-fit: cover !important;
    object-position: center !important;
    display: block !important;
    border: none !important;
}

.emlakx-main-slider .swiper-button-next,
.emlakx-main-slider .swiper-button-prev,
.gallery-slider-container .swiper-button-next,
.gallery-slider-container .swiper-button-prev {
    width: 44px !important;
    height: 44px !important;
    background: rgba(255, 255, 255, 0.92) !important;
    border: 1px solid var(--vp-border) !important;
    border-radius: 50% !important;
    color: var(--vp-text) !important;
    backdrop-filter: blur(10px) !important;
    -webkit-backdrop-filter: blur(10px) !important;
    transition: var(--vp-transition) !important;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1) !important;
}

.emlakx-main-slider .swiper-button-next::after,
.emlakx-main-slider .swiper-button-prev::after,
.gallery-slider-container .swiper-button-next::after,
.gallery-slider-container .swiper-button-prev::after {
    font-size: 16px !important;
    font-weight: 700 !important;
}

.emlakx-main-slider .swiper-button-next:hover,
.emlakx-main-slider .swiper-button-prev:hover,
.gallery-slider-container .swiper-button-next:hover,
.gallery-slider-container .swiper-button-prev:hover {
    background: var(--vp-primary) !important;
    border-color: var(--vp-primary) !important;
    color: #ffffff !important;
    transform: scale(1.08) !important;
    box-shadow: 0 0 20px rgba(183, 31, 55, 0.5) !important;
}

.emlakx-thumbs-slider {
    margin-top: 12px !important;
}

.emlakx-thumbs-slider .swiper-slide {
    border-radius: var(--vp-radius) !important;
    border: 1.5px solid var(--vp-border) !important;
    overflow: hidden !important;
    opacity: 0.6 !important;
    cursor: pointer !important;
    transition: var(--vp-transition) !important;
    height: 80px !important;
    background: #f1f3f5 !important;
}

.emlakx-thumbs-slider .swiper-slide:hover {
    opacity: 0.9 !important;
    border-color: var(--vp-primary) !important;
}

.emlakx-thumbs-slider .swiper-slide-thumb-active {
    opacity: 1 !important;
    border-color: var(--vp-primary) !important;
    box-shadow: 0 0 14px rgba(183, 31, 55, 0.45) !important;
}

.emlakx-thumbs-slider .swiper-slide img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    border: none !important;
    border-radius: 0 !important;
}

/* ── Premium Detail Header ── */
.emlakx-detail-premium-header {
    background: var(--vp-bg-card) !important;
    border: 1px solid var(--vp-border) !important;
    border-radius: var(--vp-radius-lg) !important;
    padding: 28px !important;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.05) !important;
    margin-bottom: 24px !important;
}

.emlakx-title-premium {
    color: var(--vp-text) !important;
    font-family: var(--vp-font-title) !important;
    font-size: 2.1rem !important;
    font-weight: 700 !important;
    line-height: 1.25 !important;
    letter-spacing: 0.02em !important;
    margin-bottom: 12px !important;
}

.emlakx-excerpt-premium {
    color: var(--vp-text-muted) !important;
    font-size: 0.95rem !important;
    line-height: 1.65 !important;
}

.emlakx-excerpt-premium i {
    color: var(--vp-primary) !important;
    margin-right: 6px;
}

.emlakx-price-label-premium {
    color: var(--vp-text-dim) !important;
    font-size: 0.78rem !important;
    text-transform: uppercase !important;
    letter-spacing: 0.08em !important;
    font-weight: 600 !important;
    margin-bottom: 4px !important;
}

.emlakx-price-value-premium,
.emlakx-price {
    color: var(--vp-primary) !important;
    font-family: var(--vp-font-title) !important;
    font-size: 1.85rem !important;
    font-weight: 700 !important;
    line-height: 1.2 !important;
    letter-spacing: 0.03em !important;
}

/* ── Highlights Section (Projects & Lands) ── */
.emlakx-highlights-section {
    background: var(--vp-bg-card) !important;
    border: 1px solid var(--vp-border) !important;
    border-radius: var(--vp-radius-lg) !important;
    padding: 20px !important;
    box-shadow: var(--vp-shadow) !important;
    margin-bottom: 24px !important;
}

.emlakx-highlight-card {
    background: #ffffff !important;
    border: 1px solid var(--vp-border) !important;
    border-radius: var(--vp-radius-lg, 10px) !important;
    padding: 16px 12px !important;
    text-align: center !important;
    height: 100% !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    align-items: center !important;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.03) !important;
    transition: var(--vp-transition) !important;
}

.emlakx-highlight-card:hover {
    border-color: var(--vp-primary) !important;
    background: #ffffff !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 6px 20px rgba(0, 0, 0, 0.08) !important;
}

.emlakx-highlight-card .h-label {
    font-size: 0.72rem !important;
    text-transform: uppercase !important;
    letter-spacing: 0.06em !important;
    color: var(--vp-text-dim) !important;
    font-weight: 600 !important;
    margin-bottom: 6px !important;
}

.emlakx-highlight-card .h-icon {
    font-size: 1.35rem !important;
    color: var(--vp-primary) !important;
    margin-bottom: 6px !important;
    line-height: 1 !important;
}

.emlakx-highlight-card .h-value {
    color: var(--vp-text) !important;
    font-weight: 700 !important;
    font-size: 0.95rem !important;
    line-height: 1.3 !important;
}

.emlakx-highlight-card .h-payment-grid {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: center !important;
    text-align: center !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 auto !important;
    gap: 8px !important;
}

.emlakx-highlight-card .h-payment-grid .p-item {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    text-align: center !important;
    flex: 1 1 0% !important;
    margin: 0 auto !important;
}

.emlakx-highlight-card .h-payment-grid .p-val {
    color: var(--vp-primary) !important;
    font-weight: 700 !important;
    font-size: 0.95rem !important;
    line-height: 1.2 !important;
    display: block !important;
    text-align: center !important;
    width: 100% !important;
}

.emlakx-highlight-card .h-payment-grid .p-sub {
    font-size: 0.68rem !important;
    font-weight: 500 !important;
    color: var(--vp-text-dim) !important;
    line-height: 1.2 !important;
    display: block !important;
    text-align: center !important;
    width: 100% !important;
    white-space: normal !important;
}

.emlakx-highlight-card .h-payment-grid .p-sep {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    color: var(--vp-border) !important;
    font-weight: 300 !important;
    font-size: 1.1rem !important;
    line-height: 1 !important;
    margin: 0 4px !important;
    flex: 0 0 auto !important;
    opacity: 0.7 !important;
}

/* ── Resale Quick Facts (4 Cards in Row) ── */
.emlakx-resale-detail .row.g-3.mb-4 .bg-white {
    background: var(--vp-bg-card) !important;
    border: 1px solid var(--vp-border) !important;
    border-radius: var(--vp-radius) !important;
    transition: var(--vp-transition) !important;
}

.emlakx-resale-detail .row.g-3.mb-4 .bg-white:hover {
    border-color: rgba(183, 31, 55, 0.45) !important;
    background: var(--vp-bg-card-hover) !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 6px 20px rgba(0, 0, 0, 0.08) !important;
}

.emlakx-resale-detail .row.g-3.mb-4 i.fs-3 {
    color: var(--vp-primary) !important;
    line-height: 1 !important;
    margin-bottom: 6px !important;
    display: inline-block !important;
}

.emlakx-resale-detail .row.g-3.mb-4 .small.text-muted {
    color: var(--vp-text-dim) !important;
    text-transform: uppercase !important;
    letter-spacing: 0.05em !important;
    font-size: 0.72rem !important;
    font-weight: 600 !important;
}

.emlakx-resale-detail .row.g-3.mb-4 .fw-bold {
    color: var(--vp-text) !important;
    font-size: 1.15rem !important;
    font-family: var(--vp-font-title) !important;
    letter-spacing: 0.02em !important;
}

/* ── Content & Feature Cards (Description, Services, Why This, etc.) ── */
.emlakx-detail-content,
.emlakx-detail-services,
.emlakx-detail-features,
.emlakx-whythis,
.emlakx-apartment-prices,
.emlakx-nearby-info,
.emlakx-area-details,
.emlakx-price-change {
    background: var(--vp-bg-card) !important;
    border: 1px solid var(--vp-border) !important;
    border-radius: var(--vp-radius-lg) !important;
    padding: 22px 24px !important;
    box-shadow: var(--vp-shadow) !important;
    margin-bottom: 24px !important;
}

/* Section Headings (Top-level card headers only) */
.emlakx-detail-content > h4,
.emlakx-detail-services > h4,
.emlakx-detail-features > h4,
.emlakx-whythis > h4,
.emlakx-apartment-prices > h4,
.emlakx-nearby-info > h4,
.emlakx-area-details > h4,
.emlakx-price-change > h4,
.emlakx-project-detail > h4.fw-bold,
.emlakx-land-detail > h4.fw-bold,
.emlakx-resale-detail > h4.fw-bold {
    color: var(--vp-text) !important;
    font-family: var(--vp-font-title) !important;
    font-size: 1.35rem !important;
    font-weight: 700 !important;
    letter-spacing: 0.02em !important;
    border-bottom: 1px solid var(--vp-border) !important;
    padding-bottom: 14px !important;
    margin-bottom: 20px !important;
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
}

.emlakx-detail-content > h4::before,
.emlakx-detail-services > h4::before,
.emlakx-detail-features > h4::before,
.emlakx-whythis > h4::before,
.emlakx-apartment-prices > h4::before,
.emlakx-nearby-info > h4::before,
.emlakx-area-details > h4::before,
.emlakx-price-change > h4::before {
    content: "";
    display: inline-block;
    width: 4px;
    height: 18px;
    background: var(--vp-primary);
    border-radius: 2px;
    flex-shrink: 0;
}

/* Content Text & Typography inside Detail Sections */
.project-info-text,
.resale-info-text,
.land-info-text,
.project-why-text,
.emlakx-detail-content .lh-lg,
.emlakx-whythis .lh-lg {
    color: var(--vp-text-muted) !important;
    font-size: 0.96rem !important;
    line-height: 1.85 !important;
}

.project-info-text p,
.resale-info-text p,
.land-info-text p,
.project-why-text p {
    color: var(--vp-text-muted) !important;
    line-height: 1.85 !important;
    margin-bottom: 14px !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.project-info-text ul,
.resale-info-text ul,
.land-info-text ul,
.project-why-text ul,
.emlakx-detail-content ul,
.emlakx-whythis ul {
    margin: 0 0 16px 0 !important;
    padding-left: 20px !important;
    padding-inline-start: 20px !important;
}

.project-info-text li,
.resale-info-text li,
.land-info-text li,
.project-why-text li,
.emlakx-detail-content li,
.emlakx-whythis li {
    color: var(--vp-text-muted) !important;
    line-height: 1.85 !important;
    margin-bottom: 10px !important;
    padding-left: 4px !important;
    padding-inline-start: 4px !important;
}

/* Subheadings inside description body */
.project-info-text h4,
.project-info-text h5,
.project-why-text h4,
.project-why-text h5 {
    font-size: 1.1rem !important;
    font-weight: 700 !important;
    color: var(--vp-text) !important;
    margin-top: 18px !important;
    margin-bottom: 10px !important;
    border-bottom: none !important;
    padding-bottom: 0 !important;
    display: block !important;
}

.project-info-text h4::before,
.project-why-text h4::before {
    display: none !important;
}

.project-info-text strong,
.resale-info-text strong,
.land-info-text strong,
.project-why-text strong,
.emlakx-detail-content strong,
.emlakx-whythis strong {
    color: var(--vp-text) !important;
    font-weight: 600 !important;
}

.project-info-text a,
.resale-info-text a,
.land-info-text a,
.project-why-text a,
.emlakx-detail-content a,
.emlakx-whythis a {
    color: var(--vp-primary) !important;
    text-decoration: none !important;
    transition: var(--vp-transition) !important;
}

.project-info-text a:hover,
.resale-info-text a:hover,
.land-info-text a:hover,
.project-why-text a:hover {
    color: var(--vp-primary-hover) !important;
    text-decoration: underline !important;
}

/* ── Services / Amenities (Checkmarks) ── */
.emlakx-detail-services .bi-check-circle-fill,
.emlakx-detail-features .bi-patch-check-fill {
    color: var(--vp-primary) !important;
    font-size: 1.1rem !important;
    flex-shrink: 0 !important;
}

.emlakx-detail-services .small,
.emlakx-detail-services span,
.emlakx-detail-features .small,
.emlakx-detail-features span {
    color: var(--vp-text) !important;
    font-size: 0.92rem !important;
    font-weight: 500 !important;
}

.emlakx-detail-services .d-flex,
.emlakx-detail-features .d-flex {
    background: #ffffff !important;
    border: 1px solid var(--vp-border) !important;
    border-radius: var(--vp-radius) !important;
    padding: 12px 16px !important;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.02) !important;
    transition: var(--vp-transition) !important;
}

.emlakx-detail-services .d-flex:hover,
.emlakx-detail-features .d-flex:hover {
    border-color: var(--vp-primary) !important;
    background: #ffffff !important;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.06) !important;
    transform: translateY(-2px) !important;
}

/* ── Apartment Types & Prices Table ── */
.emlakx-apartment-prices .table {
    color: var(--vp-text) !important;
    --bs-table-bg: transparent !important;
    --bs-table-color: var(--vp-text) !important;
    margin-bottom: 0 !important;
    border-collapse: separate !important;
    border-spacing: 0 !important;
}

.emlakx-apartment-prices thead,
.emlakx-apartment-prices .table-light {
    --bs-table-bg: rgba(255, 255, 255, 0.03) !important;
}

.emlakx-apartment-prices thead th {
    color: var(--vp-primary) !important;
    border-bottom: 1px solid var(--vp-border) !important;
    font-size: 0.76rem !important;
    text-transform: uppercase !important;
    letter-spacing: 0.08em !important;
    font-weight: 700 !important;
    padding: 14px 16px !important;
    background: rgba(255, 255, 255, 0.02) !important;
}

.emlakx-apartment-prices tbody tr {
    border-bottom: 1px solid var(--vp-border) !important;
    transition: background 0.2s ease !important;
}

.emlakx-apartment-prices tbody tr:last-child {
    border-bottom: none !important;
}

.emlakx-apartment-prices tbody tr:hover {
    --bs-table-hover-bg: rgba(183, 31, 55, 0.06) !important;
    background: rgba(183, 31, 55, 0.06) !important;
}

.emlakx-apartment-prices tbody td {
    padding: 14px 16px !important;
    vertical-align: middle !important;
    border: none !important;
}

.emlakx-apartment-prices .fw-bold.text-primary {
    color: var(--vp-text) !important;
    font-size: 1rem !important;
}

.emlakx-apartment-prices .small.text-muted {
    color: var(--vp-text-dim) !important;
}

.emlakx-apartment-prices .small.text-dark {
    color: var(--vp-text-muted) !important;
    font-size: 0.9rem !important;
}

.emlakx-apartment-prices .fw-bold.text-dark.emlakx-price,
.emlakx-apartment-prices .emlakx-price {
    color: var(--vp-primary) !important;
    font-family: var(--vp-font-title) !important;
    font-size: 1.15rem !important;
    font-weight: 700 !important;
}

.emlakx-apartment-prices img.rounded {
    border: 1px solid var(--vp-border) !important;
    border-radius: var(--vp-radius) !important;
}

/* ── Location Cards (Nearby Info) ── */
.emlakx-grid-location {
    display: grid !important;
    grid-template-columns: repeat(auto-fill, minmax(180px, 1fr)) !important;
    gap: 14px !important;
}

.emlakx-location-card {
    background: #ffffff !important;
    border: 1px solid var(--vp-border) !important;
    border-radius: var(--vp-radius-lg, 10px) !important;
    padding: 14px 16px !important;
    display: flex !important;
    align-items: center !important;
    gap: 14px !important;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.03) !important;
    transition: var(--vp-transition) !important;
}

.emlakx-location-card:hover {
    border-color: var(--vp-primary) !important;
    background: #ffffff !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 6px 20px rgba(0, 0, 0, 0.08) !important;
}

.emlakx-location-icon {
    width: 44px !important;
    min-width: 44px !important;
    height: 44px !important;
    border-radius: 8px !important;
    background: var(--vp-primary) !important;
    border: none !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex-shrink: 0 !important;
    box-shadow: 0 4px 12px rgba(183, 31, 55, 0.25) !important;
    transition: var(--vp-transition) !important;
}

.emlakx-location-card:hover .emlakx-location-icon {
    transform: scale(1.06);
    background: var(--vp-primary-hover) !important;
    box-shadow: 0 6px 16px rgba(183, 31, 55, 0.35) !important;
}

.emlakx-location-icon img {
    width: 22px !important;
    height: 22px !important;
    max-width: 22px !important;
    max-height: 22px !important;
    filter: brightness(0) invert(1) !important;
    opacity: 1 !important;
}

.emlakx-location-text strong {
    display: block !important;
    color: var(--vp-text) !important;
    font-size: 0.92rem !important;
    font-weight: 600 !important;
    margin-bottom: 2px !important;
}

.emlakx-location-text span {
    color: var(--vp-text-dim) !important;
    font-size: 0.82rem !important;
}

/* ── Area Details & Price Change Stats ── */
.emlakx-grid-3 {
    background: #ffffff !important;
    border: 1px solid var(--vp-border) !important;
    border-radius: var(--vp-radius-lg, 10px) !important;
    display: flex !important;
    overflow: hidden !important;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.03) !important;
}

.emlakx-stat {
    flex: 1 !important;
    padding: 20px 14px !important;
    text-align: center !important;
    border-right: 1px solid var(--vp-border) !important;
    background: transparent !important;
}

.emlakx-stat:last-child {
    border-right: none !important;
}

.emlakx-stat p {
    color: var(--vp-text-dim) !important;
    font-size: 0.74rem !important;
    text-transform: uppercase !important;
    letter-spacing: 0.06em !important;
    font-weight: 600 !important;
    margin-bottom: 6px !important;
}

.emlakx-stat strong {
    color: var(--vp-primary) !important;
    font-family: var(--vp-font-title) !important;
    font-size: 1.35rem !important;
    font-weight: 700 !important;
    letter-spacing: 0.02em !important;
}

.emlakx-sexratio strong {
    color: var(--vp-text) !important;
    font-size: 1.15rem !important;
}

.emlakx-sexratio .text-muted {
    color: var(--vp-text-dim) !important;
}

.emlakx-sidebar {
    background: var(--vp-bg-card) !important;
    border: 1px solid var(--vp-border) !important;
    border-radius: var(--vp-radius-lg) !important;
    padding: 26px !important;
    box-shadow: var(--vp-shadow) !important;
    position: sticky !important;
    top: calc(var(--vp-header-height, 64px) + 24px) !important;
    z-index: 10 !important;
}

body.admin-bar .emlakx-sidebar {
    top: calc(var(--vp-header-height, 85px) + 32px + 24px) !important;
}

@media screen and (max-width: 991px) {
    .emlakx-sidebar {
        position: relative !important;
        top: 0 !important;
        margin-top: 30px !important;
    }
}

.emlakx-sidebar-list {
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
}

.emlakx-sidebar-list li {
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
    padding: 12px 0 !important;
    border-bottom: 1px solid var(--vp-border) !important;
    font-size: 0.9rem !important;
}

.emlakx-sidebar-list li:last-child,
.emlakx-sidebar-list li.no-border {
    border-bottom: none !important;
}

.emlakx-sidebar-list strong {
    color: var(--vp-text-dim) !important;
    font-weight: 500 !important;
    font-size: 0.86rem !important;
}

.emlakx-sidebar-list span {
    color: var(--vp-text) !important;
    font-weight: 600 !important;
    text-align: end !important;
}

.emlakx-sidebar-list .location-span {
    display: inline-flex !important;
    align-items: center !important;
    gap: 6px !important;
}

.emlakx-sidebar-list .flag-icon {
    width: 18px !important;
    height: 12px !important;
    border-radius: 2px !important;
    object-fit: cover !important;
}

.emlakx-sidebar-list .suffix {
    color: var(--vp-text-dim) !important;
    font-size: 0.8rem !important;
    margin-left: 4px;
}

.emlakx-sidebar-actions {
    margin-top: 20px !important;
}

/* WhatsApp Sidebar CTA */
.emlakx-btn-whatsapp {
    background: linear-gradient(135deg, #25d366, #128c7e) !important;
    color: #ffffff !important;
    border-radius: var(--vp-radius) !important;
    font-weight: 700 !important;
    font-size: 0.95rem !important;
    padding: 14px 20px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 10px !important;
    width: 100% !important;
    border: none !important;
    transition: var(--vp-transition) !important;
    text-decoration: none !important;
    box-shadow: 0 4px 20px rgba(37, 211, 102, 0.25) !important;
}

.emlakx-btn-whatsapp:hover {
    background: linear-gradient(135deg, #20bf5b, #0f7a6e) !important;
    color: #ffffff !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 8px 25px rgba(37, 211, 102, 0.4) !important;
}

.emlakx-btn-whatsapp i {
    font-size: 1.2rem !important;
}

/* ── Similar Projects Section ── */
.emlakx-similar-projects {
    border-top: 1px solid var(--vp-border) !important;
    margin-top: 60px !important;
    padding-top: 50px !important;
}

.emlakx-similar-projects h3 {
    color: var(--vp-text) !important;
    font-family: var(--vp-font-title) !important;
    font-size: 1.85rem !important;
    font-weight: 700 !important;
    letter-spacing: 0.02em !important;
    text-align: center !important;
    margin-bottom: 36px !important;
}

/* ── Aggressive Bootstrap Overrides inside Detail Pages ── */
.emlakx-project-detail .bg-white,
.emlakx-land-detail .bg-white,
.emlakx-resale-detail .bg-white {
    background: var(--vp-bg-card) !important;
}

.emlakx-project-detail .shadow-sm,
.emlakx-land-detail .shadow-sm,
.emlakx-resale-detail .shadow-sm {
    box-shadow: none !important;
}

.emlakx-project-detail .border-bottom,
.emlakx-land-detail .border-bottom,
.emlakx-resale-detail .border-bottom {
    border-bottom-color: var(--vp-border) !important;
}

.emlakx-project-detail .border-top,
.emlakx-land-detail .border-top,
.emlakx-resale-detail .border-top {
    border-top-color: var(--vp-border) !important;
}

.emlakx-project-detail .border-0,
.emlakx-land-detail .border-0,
.emlakx-resale-detail .border-0 {
    border: 1px solid var(--vp-border) !important;
}

.emlakx-project-detail .text-dark,
.emlakx-land-detail .text-dark,
.emlakx-resale-detail .text-dark {
    color: var(--vp-text) !important;
}

.emlakx-project-detail .text-muted,
.emlakx-land-detail .text-muted,
.emlakx-resale-detail .text-muted {
    color: var(--vp-text-muted) !important;
}

.emlakx-project-detail .text-secondary,
.emlakx-land-detail .text-secondary,
.emlakx-resale-detail .text-secondary {
    color: var(--vp-primary) !important;
}

/* ── Mobile Optimization for EmlakX Detail Pages (Max-width: 767px) ── */
@media screen and (max-width: 767px) {
    /* 1. Main Slider & Gallery */
    .emlakx-gallery-container,
    .gallery-slider-container {
        margin-bottom: 14px !important;
    }

    .emlakx-main-slider {
        aspect-ratio: 16 / 10 !important;
        border-radius: var(--vp-radius, 8px) !important;
        background: var(--vp-bg-card, #ffffff) !important;
    }

    .emlakx-main-slider .swiper-slide {
        min-height: 0 !important;
        height: 100% !important;
        background: transparent !important;
    }

    .emlakx-main-slider .swiper-slide img {
        width: 100% !important;
        height: 100% !important;
        min-width: 100% !important;
        min-height: 100% !important;
        max-width: none !important;
        max-height: none !important;
        object-fit: cover !important;
        object-position: center !important;
        display: block !important;
        border: none !important;
    }

    .emlakx-main-slider .swiper-button-next,
    .emlakx-main-slider .swiper-button-prev,
    .gallery-slider-container .swiper-button-next,
    .gallery-slider-container .swiper-button-prev {
        width: 32px !important;
        height: 32px !important;
    }

    .emlakx-main-slider .swiper-button-next::after,
    .emlakx-main-slider .swiper-button-prev::after,
    .gallery-slider-container .swiper-button-next::after,
    .gallery-slider-container .swiper-button-prev::after {
        font-size: 12px !important;
    }

    .emlakx-thumbs-slider {
        margin-top: 8px !important;
    }

    .emlakx-thumbs-slider .swiper-slide {
        height: 52px !important;
        border-radius: 6px !important;
    }

    /* 2. Compact Detail Card Padding (Eliminating double/exaggerated side padding) */
    .emlakx-detail-premium-header,
    .emlakx-highlights-section,
    .emlakx-detail-content,
    .emlakx-detail-services,
    .emlakx-whythis,
    .emlakx-apartment-prices,
    .emlakx-nearby-info,
    .emlakx-area-details,
    .emlakx-price-change,
    .emlakx-project-detail .bg-white.p-4,
    .emlakx-land-detail .bg-white.p-4,
    .emlakx-resale-detail .bg-white.p-4,
    .emlakx-project-detail .bg-white.p-3,
    .emlakx-land-detail .bg-white.p-3,
    .emlakx-resale-detail .bg-white.p-3 {
        padding: 16px 14px !important;
        margin-bottom: 14px !important;
        border-radius: var(--vp-radius, 8px) !important;
    }

    /* 3. Header Info Typography */
    .emlakx-title-premium {
        font-size: 1.35rem !important;
        margin-bottom: 8px !important;
    }

    .emlakx-excerpt-premium {
        font-size: 0.88rem !important;
        line-height: 1.6 !important;
    }

    .emlakx-price-value-premium,
    .emlakx-price {
        font-size: 1.35rem !important;
    }

    /* 4. Highlight Cards (Location, Payment Method, Delivery Date, Title Deed) */
    .emlakx-highlights-section .row.g-3 {
        --bs-gutter-x: 10px !important;
        --bs-gutter-y: 10px !important;
    }

    .emlakx-highlight-card {
        padding: 12px 6px !important;
        border-radius: 8px !important;
        min-height: 96px !important;
    }

    .emlakx-highlight-card .h-label {
        font-size: 0.68rem !important;
        margin-bottom: 4px !important;
        letter-spacing: 0.04em !important;
    }

    .emlakx-highlight-card .h-icon {
        font-size: 1.2rem !important;
        margin-bottom: 4px !important;
    }

    .emlakx-highlight-card .h-value {
        font-size: 0.88rem !important;
        line-height: 1.25 !important;
        font-weight: 700 !important;
    }

    .emlakx-highlight-card .h-payment-grid {
        display: flex !important;
        flex-direction: row !important;
        align-items: center !important;
        justify-content: center !important;
        text-align: center !important;
        gap: 4px !important;
        width: 100% !important;
        margin: 0 auto !important;
    }

    .emlakx-highlight-card .h-payment-grid .p-item {
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        justify-content: center !important;
        text-align: center !important;
        flex: 1 1 0% !important;
        margin: 0 auto !important;
    }

    .emlakx-highlight-card .h-payment-grid .p-val {
        font-size: 0.85rem !important;
        font-weight: 700 !important;
        color: var(--vp-primary) !important;
        display: block !important;
        text-align: center !important;
        width: 100% !important;
        line-height: 1.1 !important;
    }

    .emlakx-highlight-card .h-payment-grid .p-sub {
        font-size: 0.58rem !important;
        font-weight: 500 !important;
        color: var(--vp-text-dim) !important;
        display: block !important;
        text-align: center !important;
        width: 100% !important;
        line-height: 1.15 !important;
        white-space: normal !important;
    }

    .emlakx-highlight-card .h-payment-grid .p-sep {
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        color: var(--vp-border) !important;
        font-weight: 300 !important;
        font-size: 0.9rem !important;
        line-height: 1 !important;
        margin: 0 2px !important;
        flex: 0 0 auto !important;
        opacity: 0.6 !important;
    }

    /* 5. Section Titles */
    .emlakx-detail-content h4,
    .emlakx-detail-services h4,
    .emlakx-detail-features h4,
    .emlakx-whythis h4,
    .emlakx-apartment-prices h4,
    .emlakx-nearby-info h4,
    .emlakx-area-details h4,
    .emlakx-price-change h4,
    .emlakx-project-detail h4.fw-bold,
    .emlakx-land-detail h4.fw-bold,
    .emlakx-resale-detail h4.fw-bold {
        font-size: 1.15rem !important;
        padding-bottom: 10px !important;
        margin-bottom: 14px !important;
    }

    /* 6. Real Estate Information Body */
    .project-info-text,
    .resale-info-text,
    .land-info-text,
    .project-why-text,
    .emlakx-detail-content .lh-lg,
    .emlakx-whythis .lh-lg {
        font-size: 0.9rem !important;
        line-height: 1.7 !important;
    }

    /* 7. Apartment Types & Prices Table */
    .emlakx-apartment-prices .table-responsive {
        margin: 0 -4px !important;
        overflow-x: auto !important;
        -webkit-overflow-scrolling: touch !important;
    }

    .emlakx-apartment-prices thead th {
        padding: 8px 6px !important;
        font-size: 0.68rem !important;
        letter-spacing: 0.04em !important;
    }

    .emlakx-apartment-prices tbody td {
        padding: 10px 6px !important;
        vertical-align: middle !important;
    }

    .emlakx-apartment-prices img.rounded {
        width: 38px !important;
        height: 28px !important;
        min-width: 38px !important;
        object-fit: cover !important;
    }

    .emlakx-apartment-prices .fw-bold.text-primary {
        font-size: 0.85rem !important;
        white-space: nowrap !important;
    }

    .emlakx-apartment-prices .small.text-muted {
        font-size: 10px !important;
        white-space: nowrap !important;
    }

    .emlakx-apartment-prices .small.text-dark {
        font-size: 0.78rem !important;
        white-space: nowrap !important;
    }

    .emlakx-apartment-prices .fw-bold.text-dark.emlakx-price,
    .emlakx-apartment-prices .emlakx-price {
        font-size: 0.86rem !important;
        white-space: nowrap !important;
        letter-spacing: 0 !important;
    }

    /* 8. Area Details & Price Change (Fix truncated sex ratio and overflow) */
    .emlakx-area-details .emlakx-grid-3 {
        display: grid !important;
        grid-template-columns: 1fr 1fr !important;
        border-radius: 8px !important;
    }

    .emlakx-area-details .emlakx-stat {
        padding: 12px 8px !important;
    }

    .emlakx-area-details .emlakx-stat:nth-child(1) {
        border-inline-end: 1px solid var(--vp-border) !important;
        border-bottom: 1px solid var(--vp-border) !important;
    }

    .emlakx-area-details .emlakx-stat:nth-child(2) {
        grid-column: span 2 !important;
        border-inline-end: none !important;
        border-bottom: none !important;
        padding: 12px 10px !important;
        order: 3;
    }

    .emlakx-area-details .emlakx-stat:nth-child(3) {
        border-inline-end: none !important;
        border-bottom: 1px solid var(--vp-border) !important;
        order: 2;
    }

    .emlakx-area-details .emlakx-stat p,
    .emlakx-price-change .emlakx-stat p {
        font-size: 0.68rem !important;
        margin-bottom: 4px !important;
    }

    .emlakx-area-details .emlakx-stat strong,
    .emlakx-price-change .emlakx-stat strong {
        font-size: 1.15rem !important;
    }

    .emlakx-sexratio strong {
        font-size: 1rem !important;
    }

    .emlakx-sexratio .small {
        font-size: 0.72rem !important;
    }

    .emlakx-price-change .emlakx-grid-3 {
        display: grid !important;
        grid-template-columns: repeat(3, 1fr) !important;
        border-radius: 8px !important;
    }

    .emlakx-price-change .emlakx-stat {
        padding: 12px 4px !important;
    }

    /* 9. Location (Nearby Info) Cards */
    .emlakx-grid-location {
        grid-template-columns: 1fr !important;
        gap: 8px !important;
    }

    .emlakx-location-card {
        padding: 10px 12px !important;
        gap: 10px !important;
    }

    .emlakx-location-icon {
        width: 38px !important;
        min-width: 38px !important;
        height: 38px !important;
    }

    .emlakx-location-text strong {
        font-size: 0.86rem !important;
    }

    .emlakx-location-text span {
        font-size: 0.78rem !important;
    }

    /* 10. Services / Amenities */
    .emlakx-detail-services .row.g-3 {
        --bs-gutter-x: 8px !important;
        --bs-gutter-y: 8px !important;
    }

    .emlakx-detail-services .d-flex {
        padding: 8px 10px !important;
        gap: 6px !important;
    }

    .emlakx-detail-services span {
        font-size: 0.82rem !important;
    }

    /* 11. Sidebar on Mobile */
    .emlakx-sidebar {
        padding: 16px 14px !important;
        margin-top: 20px !important;
        border-radius: var(--vp-radius, 8px) !important;
    }

    .emlakx-sidebar-list li {
        padding: 8px 0 !important;
        font-size: 0.84rem !important;
    }
}