/* Tab styling for active/inactive states */
    .filter-button-group ul li {
        cursor: pointer;
    }
    .filter-panel .filters ul li{
        padding:0px;
    }
    
    .filter-button-group ul li a {
        text-decoration: none;
        padding: 15px 30px;
        display: block;
    }
    
    /* Inactive tab - black text */
    .filter-button-group ul li:not(.active) span {
        color: #2c3e50 !important;
    }
    
    /* Active tab - white text */
    .filter-button-group ul li.active span {
        color: #ffffff !important;
    }
    
    /* Make entire tab clickable */
    .filter-button-group ul li a {
        width: 100%;
        height: 100%;
    }

    /* Reduce breadcrumb height */
    .property-search-hero {
        min-height: 355px !important;
        overflow: visible !important;
    }

    .property-search-hero::after {
        background: linear-gradient(90deg, rgba(21, 26, 38, .76), rgba(28, 33, 46, .48)) !important;
    }

    .property-search-content {
        position: relative;
        z-index: 2;
        max-width: 760px;
        margin: 0 auto;
        padding: 54px 0 45px;
        text-align: center;
    }

    .property-search-content h2 {
        margin: 0 0 8px;
        color: #fff;
        font-size: 34px;
        font-weight: 700;
        text-shadow: 0 2px 8px rgba(0, 0, 0, .25);
    }

    .property-search-content > p {
        margin-bottom: 28px;
        color: rgba(255, 255, 255, .92);
        font-size: 16px;
        font-weight: 500;
    }

    .property-search-box {
        border-radius: 9px;
        box-shadow: 0 12px 35px rgba(0, 0, 0, .2);
        text-align: left;
    }

    .property-search-tabs {
        display: flex;
        gap: 34px;
        min-height: 48px;
        padding: 0 26px;
        overflow-x: auto;
        border-radius: 9px 9px 0 0;
        background: rgba(34, 43, 61, .94);
    }

    .property-search-tabs a {
        position: relative;
        display: flex;
        flex: 0 0 auto;
        align-items: center;
        color: rgba(255, 255, 255, .75);
        font-size: 13px;
        font-weight: 700;
        text-transform: uppercase;
    }

    .property-search-tabs a.active,
    .property-search-tabs a:hover { color: #fff; }

    .property-search-tabs a.active::after {
        position: absolute;
        right: 0;
        bottom: 7px;
        left: 0;
        height: 2px;
        background: #ff5c41;
        content: '';
    }

    .property-main-search {
        position: relative;
        display: flex;
        align-items: center;
        min-height: 66px;
        padding: 8px 9px 8px 23px;
        border-radius: 0 0 9px 9px;
        background: #fff;
    }

    .property-main-search > svg {
        width: 20px;
        color: #687080;
    }

    .property-main-search > input {
        flex: 1;
        min-width: 0;
        height: 48px;
        padding: 0 16px;
        border: 0;
        outline: 0;
        color: #252b38;
        font-size: 15px;
    }

    .property-main-search > button {
        height: 48px;
        padding: 0 25px;
        border: 0;
        border-radius: 7px;
        background: #ff5c41;
        color: #fff;
        font-weight: 700;
    }

    .popular-searches {
        position: absolute;
        z-index: 20;
        top: calc(100% + 5px);
        right: 0;
        left: 0;
        display: none;
        max-height: 390px;
        overflow-y: auto;
        border: 1px solid #e6e8ec;
        border-radius: 5px;
        background: #fff;
        box-shadow: 0 8px 25px rgba(30, 36, 50, .16);
    }

    .property-main-search.search-open .popular-searches { display: block; }
    .popular-search-title { padding: 12px 16px; border-bottom: 1px solid #eceef2; color: #555b67; font-size: 12px; }
    .popular-searches a { display: flex; align-items: center; gap: 13px; padding: 10px 20px; color: #252a34; }
    .popular-searches a:hover { background: #f5f2ff; }
    .popular-searches a svg { width: 17px; color: #5e6674; }
    .popular-searches a span { font-size: 14px; }
    .popular-searches a small { display: block; margin-top: 2px; color: #8a8f99; font-size: 9px; font-weight: 700; }
    .live-suggestion { display: flex; align-items: center; gap: 13px; width: 100%; padding: 10px 20px; border: 0; background: #fff; color: #252a34; text-align: left; }
    .live-suggestion:hover, .live-suggestion:focus { background: #f5f2ff; outline: 0; }
    .live-suggestion > span:last-child { font-size: 14px; }
    .live-suggestion small { display: block; margin-top: 2px; color: #8a8f99; font-size: 9px; font-weight: 700; }
    .suggestion-pin { width: 17px; color: #5e6674; font-size: 18px; text-align: center; }
    .popular-search-empty { padding: 18px; color: #777; }

    .listing-filter-panel .filters { display: none; }
    .listing-filter-panel .top-panel { justify-content: flex-end; }

    .property-grid-3 .filter-bottom-content.open {
        position: relative;
        top: auto;
        left: auto;
        z-index: 3;
        display: block;
        margin: -14px 0 28px;
        border: 1px solid #edf0f4;
        border-radius: 11px;
        box-shadow: 0 10px 30px rgba(35, 43, 60, .08);
    }

    .advanced-filter-form { padding: 25px 28px 22px; }
    .advanced-filter-heading { display: flex; align-items: center; justify-content: space-between; margin-bottom: 20px; }
    .advanced-filter-heading h5 { margin: 0 0 4px; color: #252b38; font-size: 17px; font-weight: 700; }
    .advanced-filter-heading p { margin: 0; color: #858c98; font-size: 12px; }
    .filter-reset-link { color: #ff5c41; font-size: 12px; font-weight: 700; }
    .advanced-filter-fields { margin: 0 -7px !important; }
    .advanced-filter-fields > div { margin-bottom: 0 !important; padding: 0 7px; }
    .advanced-filter-fields label { display: block; margin: 0 0 7px; color: #535b68; font-size: 12px; font-weight: 600; }
    .advanced-filter-fields .form-select { min-height: 46px; border-color: #dfe3e9; border-radius: 6px; color: #343b47; font-size: 13px; box-shadow: none; }
    .advanced-filter-fields .form-select:focus { border-color: #ff806b; box-shadow: 0 0 0 3px rgba(255, 92, 65, .1); }
    .advanced-filter-actions { display: flex; justify-content: flex-end; gap: 10px; margin-top: 21px; padding-top: 18px; border-top: 1px solid #edf0f4; }
    .filter-cancel-button, .filter-apply-button { min-width: 128px; min-height: 43px; border-radius: 6px; font-size: 13px; font-weight: 700; }
    .filter-cancel-button { border: 1px solid #dfe3e9; background: #fff; color: #505866; }
    .filter-cancel-button:hover { border-color: #b8bec8; }
    .filter-apply-button { display: inline-flex; align-items: center; justify-content: center; gap: 8px; border: 1px solid #ff5c41; background: #ff5c41; color: #fff; box-shadow: 0 5px 14px rgba(255, 92, 65, .2); }
    .filter-apply-button:hover { border-color: #ef4d33; background: #ef4d33; color: #fff; }
    .filter-apply-button svg { width: 15px; height: 15px; }

    .active-filter-bar {
        display: flex;
        align-items: center;
        flex-wrap: wrap;
        gap: 9px;
        margin: -6px 0 26px;
        padding-bottom: 20px;
        border-bottom: 1px solid #eceef2;
    }

    .active-filter-label { color: #687080; font-size: 13px; font-weight: 600; }
    .active-filter-chip { display: inline-flex; align-items: center; gap: 7px; padding: 7px 11px; border: 1px solid #ffd0c8; border-radius: 18px; background: #fff5f3; color: #3d4350; font-size: 12px; }
    .active-filter-chip:hover { border-color: #ff5c41; color: #ff5c41; }
    .active-filter-chip span { font-size: 17px; line-height: 12px; }
    .clear-all-filters { margin-left: 3px; color: #ff5c41; font-size: 12px; font-weight: 700; }

    .empty-result-column { margin-bottom: 0 !important; }
    .property-empty-state {
        max-width: 630px;
        margin: 5px auto 0;
        padding: 45px 28px;
        border: 1px solid #edf0f4;
        border-radius: 12px;
        background: #fff;
        box-shadow: 0 8px 28px rgba(35, 43, 60, .06);
        text-align: center;
    }

    .empty-state-icon { display: inline-flex; align-items: center; justify-content: center; width: 66px; height: 66px; margin-bottom: 18px; border-radius: 50%; background: #fff1ee; color: #ff5c41; }
    .empty-state-icon svg { width: 29px; height: 29px; }
    .property-empty-state h4 { margin-bottom: 10px; color: #252b38; font-size: 23px; font-weight: 700; }
    .property-empty-state p { max-width: 490px; margin: 0 auto 23px; color: #747b88; font-size: 14px; line-height: 1.7; }
    .empty-state-actions { display: flex; justify-content: center; flex-wrap: wrap; gap: 10px; }
    .empty-primary-action, .empty-secondary-action { padding: 11px 20px; border-radius: 6px; font-size: 13px; font-weight: 700; }
    .empty-primary-action { border: 1px solid #ff5c41; background: #ff5c41; color: #fff; }
    .empty-primary-action:hover { background: #ef4d33; color: #fff; }
    .empty-secondary-action { border: 1px solid #dfe3e9; background: #fff; color: #3d4350; }
    .empty-secondary-action:hover { border-color: #ff5c41; color: #ff5c41; }

    .property-section:has(.property-empty-state) { padding-bottom: 55px; }

    /* Consistent listing cards, independent of uploaded image dimensions. */
    .property-section { padding: 64px 0 72px; background: linear-gradient(180deg, #f8f9fc 0%, #fff 220px); }
    .rc-property-grid { align-items: stretch; row-gap: 28px; }
    .rc-property-card-column { display: flex; margin-bottom: 0 !important; }
    .rc-property-card {
        display: flex; width: 100%; min-width: 0; height: 100%; flex-direction: column;
        overflow: hidden; border: 1px solid #edf0f4; border-radius: 14px; background: #fff;
        box-shadow: 0 10px 30px rgba(27, 38, 58, .07);
        transition: transform .3s ease, box-shadow .3s ease, border-color .3s ease;
    }
    .rc-property-card:hover { border-color: rgba(255, 92, 65, .28); box-shadow: 0 18px 42px rgba(27, 38, 58, .13); transform: translateY(-7px); }
    .rc-property-card .property-image {
        position: relative; width: 100%; height: auto !important; aspect-ratio: 16 / 10;
        flex: 0 0 auto; overflow: hidden; background: #eef1f5;
    }
    .rc-property-card .property-image > a { display: block; width: 100%; height: 100%; }
    .rc-property-card .rc-property-card-image,
    .rc-property-card .property-image .bg-img {
        display: block !important; width: 100% !important; height: 100% !important;
        object-fit: cover !important; object-position: center !important;
        transition: transform .55s cubic-bezier(.2,.7,.2,1);
    }
    .rc-property-card:hover .rc-property-card-image { transform: scale(1.055); }
    .rc-property-card .property-details {
        display: flex; min-height: 285px; flex: 1 1 auto; flex-direction: column; padding: 22px 21px 19px;
    }
    .rc-property-card .property-details h3 {
        display: -webkit-box; min-height: 48px; margin-bottom: 7px; overflow: hidden;
        -webkit-box-orient: vertical; -webkit-line-clamp: 2; line-height: 1.45;
    }
    .rc-property-card .property-details > p {
        display: -webkit-box; min-height: 44px; margin-bottom: 14px; overflow: hidden;
        -webkit-box-orient: vertical; -webkit-line-clamp: 2; line-height: 1.6;
    }
    .rc-property-card .property-details > ul { margin-top: auto; }
    .rc-property-card .property-btn { margin-top: 16px; }
    .rc-card-reveal { animation: rcPropertyCardReveal .58s cubic-bezier(.2,.7,.2,1) both; animation-delay: var(--card-delay, 0ms); }
    @keyframes rcPropertyCardReveal { from { opacity: 0; transform: translateY(22px) scale(.985); } to { opacity: 1; transform: translateY(0) scale(1); } }

    @media (max-width: 991px) {
        .property-grid-3 .filter-bottom-content.open {
            position: fixed;
            top: 0;
            left: 0;
            width: 320px;
            max-width: 88vw;
            height: 100vh;
            margin: 0;
            overflow-y: auto;
            border-radius: 0;
        }
    }

    @media (max-width: 767px) {
        .property-search-hero { min-height: 330px !important; }
        .property-search-content { padding: 42px 0 35px; }
        .property-search-content h2 { font-size: 25px; }
        .property-search-content > p { font-size: 14px; }
        .property-search-tabs { gap: 24px; padding: 0 18px; }
        .property-main-search { padding-left: 15px; }
        .property-main-search > input { padding: 0 10px; font-size: 13px; }
        .property-main-search > button { padding: 0 16px; }
        .active-filter-bar { margin-top: 0; }
        .advanced-filter-form { padding: 20px 18px; }
        .advanced-filter-heading { align-items: flex-start; }
        .advanced-filter-heading p { display: none; }
        .advanced-filter-fields > div { margin-bottom: 14px !important; }
        .advanced-filter-actions { margin-top: 4px; }
        .filter-cancel-button, .filter-apply-button { flex: 1; min-width: 0; }
        .property-empty-state { padding: 34px 20px; }
        .property-empty-state h4 { font-size: 20px; }
        .property-section { padding: 42px 0 52px; }
        .rc-property-grid { row-gap: 20px; }
        .rc-property-card .property-details { min-height: 270px; padding: 19px 17px 17px; }
    }

    @media (prefers-reduced-motion: reduce) {
        .rc-property-card, .rc-property-card-image, .rc-card-reveal { animation: none !important; transition: none !important; }
    }