/*
 * Internal listing / map filters — selected option 4.
 * Keeps the desktop filter flow compact and aligned without changing mobile.
 */
@media (min-width: 768px) {
    html body form.artbin-results-filter-form .artbin-service-filter--results {
        gap: 12px !important;
        margin: 0 0 20px !important;
        padding: 18px !important;
        border: 1px solid rgba(16, 35, 58, 0.12) !important;
        border-radius: 14px !important;
        background: rgba(255, 255, 255, 0.98) !important;
        box-shadow: 0 14px 32px rgba(16, 35, 58, 0.08) !important;
    }

    html body form.artbin-results-filter-form .artbin-service-filter--results .artbin-service-filter-grid {
        display: grid !important;
        grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
        grid-auto-rows: minmax(50px, auto) !important;
        align-items: stretch !important;
        gap: 14px !important;
        width: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    html body form.artbin-results-filter-form .artbin-service-filter--results .artbin-service-filter-grid > * {
        min-width: 0 !important;
        margin: 0 !important;
        align-self: stretch !important;
    }

    /* Row 1: market segment, deal type, property category, property type. */
    html body form.artbin-results-filter-form .artbin-service-filter--results .artbin-service-control[data-artbin-control="condition"] {
        grid-column: 1 !important;
        grid-row: 1 !important;
    }

    html body form.artbin-results-filter-form .artbin-service-filter--results .artbin-service-market {
        grid-column: 2 !important;
        grid-row: 1 !important;
    }

    html body form.artbin-results-filter-form .artbin-service-filter--results .artbin-service-control[data-artbin-control="category"] {
        grid-column: 3 !important;
        grid-row: 1 !important;
    }

    html body form.artbin-results-filter-form .artbin-service-filter--results .artbin-service-filter-group--types {
        grid-column: 4 !important;
        grid-row: 1 !important;
    }

    /* Row 2: location and main search criteria. */
    html body form.artbin-results-filter-form .artbin-service-filter--results .artbin-service-control[data-artbin-control="city"] {
        grid-column: 1 !important;
        grid-row: 2 !important;
    }

    html body form.artbin-results-filter-form .artbin-service-filter--results .artbin-service-control[data-artbin-control="price"] {
        grid-column: 2 !important;
        grid-row: 2 !important;
    }

    html body form.artbin-results-filter-form .artbin-service-filter--results .artbin-service-control[data-artbin-control="area"] {
        grid-column: 3 !important;
        grid-row: 2 !important;
    }

    html body form.artbin-results-filter-form .artbin-service-filter--results .artbin-service-filter-group--features {
        grid-column: 4 !important;
        grid-row: 2 !important;
    }

    /* Row 3: rooms plus the address / ID search unit. */
    html body form.artbin-results-filter-form .artbin-service-filter--results .artbin-service-control[data-artbin-control="bedrooms"] {
        grid-column: 1 !important;
        grid-row: 3 !important;
    }

    html body form.artbin-results-filter-form .artbin-service-filter--results .artbin-service-control[data-artbin-control="bathrooms"] {
        grid-column: 2 !important;
        grid-row: 3 !important;
    }

    html body form.artbin-results-filter-form .artbin-service-filter--results .artbin-service-search-slot {
        grid-column: 3 / -1 !important;
        grid-row: 3 / span 2 !important;
        display: block !important;
        width: 100% !important;
        min-width: 0 !important;
        order: initial !important;
        padding: 0 !important;
    }

    html body form.artbin-results-filter-form .artbin-service-filter--results .artbin-service-filter-group {
        display: block !important;
        width: 100% !important;
        min-width: 0 !important;
        padding: 0 !important;
        border: 0 !important;
    }

    html body form.artbin-results-filter-form .artbin-service-filter--results .artbin-service-filter-group > .artbin-service-filter-label {
        display: none !important;
    }

    html body form.artbin-results-filter-form .artbin-service-filter--results .artbin-service-market > .artbin-service-chip {
        display: none !important;
    }

    html body form.artbin-results-filter-form .artbin-service-filter--results .artbin-service-market > .artbin-service-home-market-selector,
    html body form.artbin-results-filter-form .artbin-service-filter--results .artbin-service-filter-group > .artbin-service-control {
        display: block !important;
        width: 100% !important;
        height: 100% !important;
        min-width: 0 !important;
    }

    html body form.artbin-results-filter-form .artbin-service-filter--results .artbin-service-control > summary {
        min-height: 50px !important;
        height: 50px !important;
        padding: 10px 14px !important;
        border: 1px solid #d8dee5 !important;
        border-radius: 9px !important;
        background: #ffffff !important;
        box-shadow: none !important;
        color: #10233a !important;
        font-size: 14px !important;
        font-weight: 700 !important;
        line-height: 1.2 !important;
    }

    html body form.artbin-results-filter-form .artbin-service-filter--results .artbin-service-control[open] > summary,
    html body form.artbin-results-filter-form .artbin-service-filter--results .artbin-service-control > summary:hover {
        border-color: #f4b51b !important;
        box-shadow: 0 4px 14px rgba(16, 35, 58, 0.06) !important;
    }

    html body form.artbin-results-filter-form .artbin-service-filter--results .artbin-service-control > summary > [data-artbin-selection-label],
    html body form.artbin-results-filter-form .artbin-service-filter--results .artbin-service-control > summary > [data-artbin-market-label],
    html body form.artbin-results-filter-form .artbin-service-filter--results .artbin-service-catalog-selector-label {
        color: #10233a !important;
    }

    html body form.artbin-results-filter-form .artbin-service-filter--results .artbin-service-catalog-selector-values {
        margin-left: 6px !important;
        color: #6b7a8e !important;
        font-weight: 500 !important;
    }

    html body form.artbin-results-filter-form .artbin-service-native-search {
        display: grid !important;
        grid-template-columns: minmax(0, 1fr) !important;
        gap: 12px !important;
        height: 100% !important;
    }

    html body form.artbin-results-filter-form .artbin-service-native-search input[name="keyword"],
    html body form.artbin-results-filter-form .artbin-service-native-search button.half-map-search-js-btn,
    html body form.artbin-results-filter-form .artbin-service-native-search button[type="submit"] {
        width: 100% !important;
        min-width: 0 !important;
        height: 50px !important;
        min-height: 50px !important;
        margin: 0 !important;
        border-radius: 9px !important;
    }

    html body form.artbin-results-filter-form .artbin-service-native-search input[name="keyword"] {
        padding: 0 16px !important;
        border: 1px solid #f4b51b !important;
        background: #ffffff !important;
        color: #10233a !important;
    }

    html body form.artbin-results-filter-form .artbin-service-native-search button.half-map-search-js-btn,
    html body form.artbin-results-filter-form .artbin-service-native-search button[type="submit"] {
        position: relative !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        gap: 9px !important;
        padding: 0 16px !important;
        border: 1px solid #f4b51b !important;
        background: #f4b51b !important;
        color: #10233a !important;
        font-size: 15px !important;
        font-weight: 800 !important;
        text-transform: none !important;
    }

    html body form.artbin-results-filter-form .artbin-service-native-search button.half-map-search-js-btn::after,
    html body form.artbin-results-filter-form .artbin-service-native-search button[type="submit"]::after {
        margin: 13px 0 0 70px !important;
    }

    html body form.artbin-results-filter-form .artbin-service-native-search .artbin-service-submit-label {
        display: inline !important;
        font-size: inherit !important;
    }

    html body form.artbin-results-filter-form .artbin-service-filter--results .artbin-service-selection-summary {
        display: flex !important;
        align-items: center !important;
        flex-wrap: wrap !important;
        gap: 8px !important;
        min-height: 32px !important;
        margin: 0 !important;
        padding: 10px 0 0 !important;
        border-top: 1px solid #edf0f3 !important;
    }

    html body form.artbin-results-filter-form .artbin-service-filter--results .artbin-service-selection-summary[hidden] {
        display: none !important;
    }

    html body form.artbin-results-filter-form .artbin-service-filter--results .artbin-service-selection-summary-label {
        color: #526276 !important;
        font-size: 11px !important;
        font-weight: 800 !important;
        letter-spacing: .07em !important;
        text-transform: uppercase !important;
    }

    html body form.artbin-results-filter-form .artbin-service-filter--results .artbin-service-selection-chips {
        display: flex !important;
        flex-wrap: wrap !important;
        gap: 7px !important;
    }

    html body form.artbin-results-filter-form .artbin-service-filter--results .artbin-service-selection-chips button {
        min-height: 30px !important;
        padding: 5px 10px !important;
        border: 1px solid rgba(244, 181, 27, 0.76) !important;
        border-radius: 999px !important;
        background: #fffaf0 !important;
        color: #223750 !important;
        font-size: 12px !important;
        font-weight: 700 !important;
    }

    html body form.artbin-results-filter-form .artbin-service-filter--results .artbin-service-clear-slot {
        width: 100% !important;
        margin: 0 !important;
    }

    html body form.artbin-results-filter-form .artbin-service-filter--results .artbin-service-clear-action {
        width: 100% !important;
        min-height: 46px !important;
        margin: 0 !important;
        border: 1px solid rgba(244, 181, 27, 0.95) !important;
        border-radius: 9px !important;
        background: #ffffff !important;
        color: #5d6c80 !important;
        font-size: 14px !important;
        font-weight: 800 !important;
    }
}

/* Intermediate desktop/tablet: two calm columns, no compressed or floating items. */
@media (min-width: 768px) and (max-width: 1199.98px) {
    html body form.artbin-results-filter-form .artbin-service-filter--results .artbin-service-filter-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }

    html body form.artbin-results-filter-form .artbin-service-filter--results .artbin-service-control[data-artbin-control="condition"],
    html body form.artbin-results-filter-form .artbin-service-filter--results .artbin-service-market,
    html body form.artbin-results-filter-form .artbin-service-filter--results .artbin-service-control[data-artbin-control="category"],
    html body form.artbin-results-filter-form .artbin-service-filter--results .artbin-service-filter-group--types,
    html body form.artbin-results-filter-form .artbin-service-filter--results .artbin-service-control[data-artbin-control="city"],
    html body form.artbin-results-filter-form .artbin-service-filter--results .artbin-service-control[data-artbin-control="price"],
    html body form.artbin-results-filter-form .artbin-service-filter--results .artbin-service-control[data-artbin-control="area"],
    html body form.artbin-results-filter-form .artbin-service-filter--results .artbin-service-filter-group--features,
    html body form.artbin-results-filter-form .artbin-service-filter--results .artbin-service-control[data-artbin-control="bedrooms"],
    html body form.artbin-results-filter-form .artbin-service-filter--results .artbin-service-control[data-artbin-control="bathrooms"] {
        grid-column: auto !important;
        grid-row: auto !important;
    }

    html body form.artbin-results-filter-form .artbin-service-filter--results .artbin-service-search-slot {
        grid-column: 1 / -1 !important;
        /* Ten selectors occupy the first four rows. Fixing the action rail to
           row five prevents the full-width item from auto-placing before them. */
        grid-row: 5 !important;
    }

    html body form.artbin-results-filter-form .artbin-service-native-search {
        grid-template-columns: minmax(0, 1fr) 190px !important;
    }

    html body form.artbin-results-filter-form .artbin-service-native-search button.half-map-search-js-btn,
    html body form.artbin-results-filter-form .artbin-service-native-search button[type="submit"] {
        grid-column: 2 !important;
        grid-row: 1 !important;
    }
}

/*
 * Selected listing-card direction: soft lifted tiles.
 * The map itself remains untouched; only its result cards use this surface,
 * matching the normal Properties archive.
 */
html body :is(
    #properties_module_section #module_properties,
    #houzez_ajax_container .listing-view.grid-view,
    #half-map-listing-area .listing-view.grid-view,
    .half-map-right-wrap .listing-view.grid-view
) {
    --bs-gutter-x: 24px !important;
    --bs-gutter-y: 24px !important;
}

html body :is(
    #properties_module_section #module_properties,
    #houzez_ajax_container .listing-view.grid-view,
    #half-map-listing-area .listing-view.grid-view,
    .half-map-right-wrap .listing-view.grid-view
) > .item-listing-wrap {
    display: flex !important;
    margin-bottom: 8px !important;
}

html body :is(
    #properties_module_section #module_properties,
    #houzez_ajax_container .listing-view.grid-view,
    #half-map-listing-area .listing-view.grid-view,
    .half-map-right-wrap .listing-view.grid-view
) > .item-listing-wrap > .item-wrap {
    display: flex !important;
    width: 100% !important;
    overflow: hidden !important;
    border: 1px solid rgba(16, 35, 58, 0.09) !important;
    border-radius: 16px !important;
    background: #ffffff !important;
    transition: transform .22s ease, box-shadow .22s ease, border-color .22s ease !important;
}

html body :is(
    #properties_module_section #module_properties,
    #houzez_ajax_container .listing-view.grid-view,
    #half-map-listing-area .listing-view.grid-view,
    .half-map-right-wrap .listing-view.grid-view
) > .item-listing-wrap > .item-wrap > .d-flex {
    overflow: hidden !important;
    border-radius: inherit !important;
}

html body :is(
    #properties_module_section #module_properties,
    #houzez_ajax_container .listing-view.grid-view,
    #half-map-listing-area .listing-view.grid-view,
    .half-map-right-wrap .listing-view.grid-view
) .item-header {
    overflow: hidden !important;
    border-radius: 15px 15px 0 0 !important;
}

html body :is(
    #properties_module_section #module_properties,
    #houzez_ajax_container .listing-view.grid-view,
    #half-map-listing-area .listing-view.grid-view,
    .half-map-right-wrap .listing-view.grid-view
) .item-body {
    padding: 18px 20px 20px !important;
    background: #ffffff !important;
}

html body :is(
    #properties_module_section #module_properties,
    #houzez_ajax_container .listing-view.grid-view,
    #half-map-listing-area .listing-view.grid-view,
    .half-map-right-wrap .listing-view.grid-view
) .item-body .item-title {
    margin-bottom: 10px !important;
}

html body :is(
    #properties_module_section #module_properties,
    #houzez_ajax_container .listing-view.grid-view,
    #half-map-listing-area .listing-view.grid-view,
    .half-map-right-wrap .listing-view.grid-view
) .item-body .item-address {
    margin-bottom: 13px !important;
}

html body #properties_module_section .fave-load-more .artbin-properties-load-more-status {
    margin: 10px 0 0 !important;
    color: #9a3b32 !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    text-align: center !important;
}

@media (hover: hover) {
    html body :is(
        #properties_module_section #module_properties,
        #houzez_ajax_container .listing-view.grid-view,
        #half-map-listing-area .listing-view.grid-view,
        .half-map-right-wrap .listing-view.grid-view
    ) > .item-listing-wrap > .item-wrap:hover {
        transform: translateY(-3px) !important;
        border-color: rgba(244, 181, 27, 0.48) !important;
        box-shadow:
            0 4px 8px rgba(16, 35, 58, 0.06),
            0 20px 38px rgba(16, 35, 58, 0.16) !important;
    }
}

@media (max-width: 767.98px) {
    html body :is(
        #properties_module_section #module_properties,
        #houzez_ajax_container .listing-view.grid-view,
        #half-map-listing-area .listing-view.grid-view,
        .half-map-right-wrap .listing-view.grid-view
    ) {
        --bs-gutter-x: 16px !important;
        --bs-gutter-y: 18px !important;
    }

    html body :is(
        #properties_module_section #module_properties,
        #houzez_ajax_container .listing-view.grid-view,
        #half-map-listing-area .listing-view.grid-view,
        .half-map-right-wrap .listing-view.grid-view
    ) > .item-listing-wrap > .item-wrap {
        border-radius: 15px !important;
    }

    html body :is(
        #properties_module_section #module_properties,
        #houzez_ajax_container .listing-view.grid-view,
        #half-map-listing-area .listing-view.grid-view,
        .half-map-right-wrap .listing-view.grid-view
    ) .item-body {
        padding: 16px 18px 18px !important;
    }
}

/*
 * Final selected card surface.
 * Older Artbin rules styled both the Bootstrap column and the actual card,
 * creating a second white frame and a duplicated shadow.  The column is now
 * only a layout gutter; exactly one surface (the .item-wrap) owns the frame,
 * radius and elevation.
 */
html body :is(
    #properties_module_section #module_properties,
    #houzez_ajax_container .listing-view.grid-view,
    #half-map-listing-area .listing-view.grid-view,
    .half-map-right-wrap .listing-view.grid-view
) > .item-listing-wrap {
    overflow: visible !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
}

html body :is(
    #properties_module_section #module_properties,
    #houzez_ajax_container .listing-view.grid-view,
    #half-map-listing-area .listing-view.grid-view,
    .half-map-right-wrap .listing-view.grid-view
) > .item-listing-wrap::before,
html body :is(
    #properties_module_section #module_properties,
    #houzez_ajax_container .listing-view.grid-view,
    #half-map-listing-area .listing-view.grid-view,
    .half-map-right-wrap .listing-view.grid-view
) > .item-listing-wrap::after {
    border: 0 !important;
    box-shadow: none !important;
}

html body :is(
    #properties_module_section #module_properties,
    #houzez_ajax_container .listing-view.grid-view,
    #half-map-listing-area .listing-view.grid-view,
    .half-map-right-wrap .listing-view.grid-view
) > .item-listing-wrap > .item-wrap,
html body :is(
    #properties_module_section #module_properties,
    #houzez_ajax_container .listing-view.grid-view,
    #half-map-listing-area .listing-view.grid-view,
    .half-map-right-wrap .listing-view.grid-view
) > .item-listing-wrap > .item-wrap.item-wrap-no-frame {
    margin: 0 !important;
    padding: 0 !important;
    border: 1px solid rgba(16, 35, 58, 0.09) !important;
    border-radius: 16px !important;
    background: #ffffff !important;
    box-shadow:
        0 2px 4px rgba(16, 35, 58, 0.04),
        0 12px 28px rgba(16, 35, 58, 0.11) !important;
}

html body :is(
    #properties_module_section #module_properties,
    #houzez_ajax_container .listing-view.grid-view,
    #half-map-listing-area .listing-view.grid-view,
    .half-map-right-wrap .listing-view.grid-view
) > .item-listing-wrap > .item-wrap > .d-flex,
html body :is(
    #properties_module_section #module_properties,
    #houzez_ajax_container .listing-view.grid-view,
    #half-map-listing-area .listing-view.grid-view,
    .half-map-right-wrap .listing-view.grid-view
) .item-header,
html body :is(
    #properties_module_section #module_properties,
    #houzez_ajax_container .listing-view.grid-view,
    #half-map-listing-area .listing-view.grid-view,
    .half-map-right-wrap .listing-view.grid-view
) .listing-image-wrap,
html body :is(
    #properties_module_section #module_properties,
    #houzez_ajax_container .listing-view.grid-view,
    #half-map-listing-area .listing-view.grid-view,
    .half-map-right-wrap .listing-view.grid-view
) .listing-thumb,
html body :is(
    #properties_module_section #module_properties,
    #houzez_ajax_container .listing-view.grid-view,
    #half-map-listing-area .listing-view.grid-view,
    .half-map-right-wrap .listing-view.grid-view
) .listing-featured-thumb,
html body :is(
    #properties_module_section #module_properties,
    #houzez_ajax_container .listing-view.grid-view,
    #half-map-listing-area .listing-view.grid-view,
    .half-map-right-wrap .listing-view.grid-view
) .item-body {
    margin: 0 !important;
    box-shadow: none !important;
}

/* Only the location marker carries the Artbin gold accent; data icons remain navy. */
html body :is(
    #properties_module_section #module_properties,
    #houzez_ajax_container .listing-view.grid-view,
    #half-map-listing-area .listing-view.grid-view,
    .half-map-right-wrap .listing-view.grid-view
) .item-address > .houzez-icon {
    color: #f4b51b !important;
}

html body :is(
    #properties_module_section #module_properties,
    #houzez_ajax_container .listing-view.grid-view,
    #half-map-listing-area .listing-view.grid-view,
    .half-map-right-wrap .listing-view.grid-view
) .item-wrap-v6 .item-body .item-address {
    display: -webkit-box !important;
    overflow: hidden !important;
    margin: 2px 0 10px !important;
    color: #68758a !important;
    font-size: 13px !important;
    font-style: normal !important;
    line-height: 1.4 !important;
    -webkit-box-orient: vertical !important;
    -webkit-line-clamp: 2 !important;
}

/*
 * Internal Listings / Map View filters — selected option 2.
 *
 * The right-side half-map column can be much narrower than the browser. Three
 * equal columns keep every label readable there; the search actions are a
 * single, deliberately aligned row. This only applies from the tablet
 * breakpoint upward, leaving the approved mobile filter untouched.
 */
@media (min-width: 768px) {
    html body form.artbin-results-filter-form .artbin-service-filter--results {
        gap: 10px !important;
        padding: 16px !important;
        border-color: rgba(16, 35, 58, 0.12) !important;
        border-radius: 14px !important;
        background: #ffffff !important;
        box-shadow: 0 10px 24px rgba(16, 35, 58, 0.07) !important;
    }

    html body form.artbin-results-filter-form .artbin-service-filter--results .artbin-service-filter-grid {
        grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
        grid-auto-rows: 50px !important;
        gap: 12px !important;
    }

    /* Override the former four-column coordinates: the DOM order is now the
       visible, logical order across the three balanced columns. */
    html body form.artbin-results-filter-form .artbin-service-filter--results .artbin-service-filter-grid > .artbin-service-market,
    html body form.artbin-results-filter-form .artbin-service-filter--results .artbin-service-filter-grid > .artbin-service-control,
    html body form.artbin-results-filter-form .artbin-service-filter--results .artbin-service-filter-grid > .artbin-service-filter-group {
        grid-column: auto !important;
        grid-row: auto !important;
        min-width: 0 !important;
    }

    html body form.artbin-results-filter-form .artbin-service-filter--results .artbin-service-search-slot {
        grid-column: 1 / -1 !important;
        /* Ten selectors fill rows one to four. Keep the action rail below
           them instead of letting an explicit full-width item auto-place at
           the very first available row. */
        grid-row: 5 !important;
        min-height: 50px !important;
        height: 50px !important;
    }

    html body form.artbin-results-filter-form .artbin-service-filter--results .artbin-service-control > summary,
    html body form.artbin-results-filter-form .artbin-service-filter--results .artbin-service-market > .artbin-service-home-market-selector > summary,
    html body form.artbin-results-filter-form .artbin-service-filter--results .artbin-service-filter-group > .artbin-service-control > summary {
        display: flex !important;
        align-items: center !important;
        min-height: 50px !important;
        height: 50px !important;
        padding: 8px 13px !important;
        border: 1px solid #d8dee5 !important;
        border-radius: 9px !important;
        background: #ffffff !important;
        color: #10233a !important;
        font-size: 14px !important;
        font-weight: 700 !important;
        line-height: 1.15 !important;
    }

    html body form.artbin-results-filter-form .artbin-service-filter--results .artbin-service-control > summary :is([data-artbin-selection-label], [data-artbin-market-label], .artbin-service-catalog-selector-label),
    html body form.artbin-results-filter-form .artbin-service-filter--results .artbin-service-control > summary .artbin-service-catalog-selector-values,
    html body form.artbin-results-filter-form .artbin-service-filter--results .artbin-service-filter-group > .artbin-service-control > summary :is(.artbin-service-catalog-selector-label, .artbin-service-catalog-selector-values) {
        min-width: 0 !important;
        overflow: visible !important;
        text-overflow: clip !important;
        white-space: normal !important;
    }

    html body form.artbin-results-filter-form .artbin-service-filter--results .artbin-service-control.is-active > summary,
    html body form.artbin-results-filter-form .artbin-service-filter--results .artbin-service-market > .artbin-service-home-market-selector:is(.is-active, .has-selection) > summary,
    html body form.artbin-results-filter-form .artbin-service-filter--results .artbin-service-filter-group > .artbin-service-control.is-active > summary {
        border-color: #f4b51b !important;
        background: #fffdf7 !important;
        box-shadow: inset 0 0 0 1px rgba(244, 181, 27, 0.10) !important;
    }

    html body form.artbin-results-filter-form .artbin-service-filter--results .artbin-service-native-search {
        display: grid !important;
        grid-template-columns: minmax(0, 1.55fr) minmax(124px, 0.68fr) minmax(106px, 0.50fr) !important;
        grid-template-rows: 50px !important;
        gap: 12px !important;
        height: 50px !important;
        min-width: 0 !important;
    }

    html body form.artbin-results-filter-form .artbin-service-filter--results .artbin-service-native-search input[name="keyword"],
    html body form.artbin-results-filter-form .artbin-service-filter--results .artbin-service-native-search button.half-map-search-js-btn,
    html body form.artbin-results-filter-form .artbin-service-filter--results .artbin-service-native-search button[type="submit"],
    html body form.artbin-results-filter-form .artbin-service-filter--results .artbin-service-native-search .artbin-service-clear-action,
    html body form.artbin-results-filter-form .artbin-service-filter--results .artbin-service-native-search .reset-search-btn {
        min-height: 50px !important;
        height: 50px !important;
        margin: 0 !important;
        border-radius: 9px !important;
    }

    html body form.artbin-results-filter-form .artbin-service-filter--results .artbin-service-native-search .artbin-service-clear-slot,
    html body form.artbin-results-filter-form .artbin-service-filter--results .artbin-service-native-search .artbin-service-reset-wrap {
        display: block !important;
        width: 100% !important;
        min-width: 0 !important;
        height: 50px !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    html body form.artbin-results-filter-form .artbin-service-filter--results .artbin-service-native-search .artbin-service-clear-action,
    html body form.artbin-results-filter-form .artbin-service-filter--results .artbin-service-native-search .reset-search-btn {
        width: 100% !important;
        padding: 0 14px !important;
        border: 1px solid rgba(244, 181, 27, 0.95) !important;
        background: #ffffff !important;
        color: #526276 !important;
        font-size: 14px !important;
        font-weight: 800 !important;
        line-height: 1 !important;
    }

    html body form.artbin-results-filter-form .artbin-service-filter--results .artbin-service-selection-summary {
        min-height: 30px !important;
        margin: 0 !important;
        padding: 2px 0 0 !important;
        border: 0 !important;
        gap: 8px !important;
    }

    html body form.artbin-results-filter-form .artbin-service-filter--results .artbin-service-selection-summary-label {
        color: #63748a !important;
    }

html body form.artbin-results-filter-form .artbin-service-filter--results .artbin-service-selection-chips button {
        min-height: 30px !important;
        padding: 5px 10px !important;
        border-color: rgba(244, 181, 27, 0.82) !important;
        background: #fffaf0 !important;
        color: #223750 !important;
    }
}

/*
 * Approved responsive filter density.
 *
 * The catalogue has enough width for a three-column matrix, while the
 * half-map result rail remains intentionally two-column.  Keeping the
 * two surfaces separate prevents a narrow map rail from inheriting the wide
 * catalogue grid.  The final search row completes the last catalogue row
 * beside Bathrooms, so the filter panel has no empty cells.
 */
@media (min-width: 1200px) {
    html body form.houzez-search-builder-form-js.artbin-results-filter-form .artbin-service-filter--results .artbin-service-filter-grid {
        grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
        grid-auto-rows: 50px !important;
        gap: 12px !important;
    }

    html body form.houzez-search-builder-form-js.artbin-results-filter-form .artbin-service-filter--results .artbin-service-filter-grid > .artbin-service-market,
    html body form.houzez-search-builder-form-js.artbin-results-filter-form .artbin-service-filter--results .artbin-service-filter-grid > .artbin-service-control,
    html body form.houzez-search-builder-form-js.artbin-results-filter-form .artbin-service-filter--results .artbin-service-filter-grid > .artbin-service-filter-group {
        grid-column: auto !important;
        grid-row: auto !important;
    }

    html body form.houzez-search-builder-form-js.artbin-results-filter-form .artbin-service-filter--results .artbin-service-control[data-artbin-control="bathrooms"] {
        grid-column: 1 !important;
        grid-row: 4 !important;
    }

    html body form.houzez-search-builder-form-js.artbin-results-filter-form .artbin-service-filter--results .artbin-service-search-slot {
        grid-column: 2 / -1 !important;
        grid-row: 4 !important;
        order: 11 !important;
        min-height: 50px !important;
        height: 50px !important;
    }
}

/* A map result column is deliberately narrower than the full catalogue. */
@media (min-width: 768px) {
    html body form.houzez-search-filters-js.artbin-results-filter-form .artbin-service-filter--results .artbin-service-filter-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        grid-auto-rows: 50px !important;
        gap: 12px !important;
    }

    html body form.houzez-search-filters-js.artbin-results-filter-form .artbin-service-filter--results .artbin-service-filter-grid > .artbin-service-market,
    html body form.houzez-search-filters-js.artbin-results-filter-form .artbin-service-filter--results .artbin-service-filter-grid > .artbin-service-control,
    html body form.houzez-search-filters-js.artbin-results-filter-form .artbin-service-filter--results .artbin-service-filter-grid > .artbin-service-filter-group,
    html body form.houzez-search-filters-js.artbin-results-filter-form .artbin-service-filter--results .artbin-service-search-slot {
        grid-column: auto !important;
        grid-row: auto !important;
    }

    html body form.houzez-search-filters-js.artbin-results-filter-form .artbin-service-filter--results .artbin-service-search-slot {
        grid-column: 1 / -1 !important;
        order: 11 !important;
        min-height: 50px !important;
        height: 50px !important;
    }
}

@media (min-width: 768px) {
    html body form.artbin-results-filter-form .artbin-service-filter--results .artbin-service-native-search {
        grid-template-columns: minmax(0, 1.45fr) minmax(112px, .76fr) minmax(96px, .58fr) !important;
        grid-template-rows: 50px !important;
        gap: 12px !important;
        height: 50px !important;
    }

    html body form.artbin-results-filter-form .artbin-service-filter--results .artbin-service-native-search .artbin-service-clear-slot,
    html body form.artbin-results-filter-form .artbin-service-filter--results .artbin-service-native-search .artbin-service-reset-wrap {
        grid-column: 3 !important;
        grid-row: 1 !important;
    }
}

/* Mobile keeps every filter value compact in a two-column rhythm. */
@media (max-width: 767.98px) {
    html body form.artbin-results-filter-form .artbin-service-filter--results {
        gap: 8px !important;
        padding: 12px !important;
        border-radius: 12px !important;
    }

    html body form.artbin-results-filter-form .artbin-service-filter--results .artbin-service-filter-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        grid-auto-rows: 44px !important;
        gap: 8px !important;
    }

    html body form.artbin-results-filter-form .artbin-service-filter--results .artbin-service-filter-grid > .artbin-service-market {
        grid-column: 1 / -1 !important;
        grid-row: auto !important;
    }

    html body form.artbin-results-filter-form .artbin-service-filter--results .artbin-service-filter-grid > .artbin-service-control,
    html body form.artbin-results-filter-form .artbin-service-filter--results .artbin-service-filter-grid > .artbin-service-filter-group {
        grid-column: auto !important;
        grid-row: auto !important;
    }

    /* Ten selectors fit as four paired rows plus a deliberately full final
       Bathrooms row instead of leaving an empty half-row. */
    html body form.artbin-results-filter-form .artbin-service-filter--results .artbin-service-control[data-artbin-control="bathrooms"] {
        grid-column: 1 / -1 !important;
        grid-row: auto !important;
    }

    html body form.artbin-results-filter-form .artbin-service-filter--results .artbin-service-search-slot {
        grid-column: 1 / -1 !important;
        grid-row: auto !important;
        order: 11 !important;
        min-height: 44px !important;
        height: 44px !important;
    }

    html body form.artbin-results-filter-form .artbin-service-filter--results .artbin-service-control > summary,
    html body form.artbin-results-filter-form .artbin-service-filter--results .artbin-service-market > .artbin-service-home-market-selector > summary,
    html body form.artbin-results-filter-form .artbin-service-filter--results .artbin-service-filter-group > .artbin-service-control > summary {
        min-height: 44px !important;
        height: 44px !important;
        padding: 7px 9px !important;
        font-size: 12px !important;
        line-height: 1.1 !important;
    }

    html body form.artbin-results-filter-form .artbin-service-filter--results .artbin-service-market > [data-artbin-market] {
        display: flex !important;
        width: 100% !important;
        min-height: 42px !important;
        height: 42px !important;
        margin: 0 !important;
        padding: 6px 4px !important;
        font-size: 11px !important;
    }

    html body form.artbin-results-filter-form .artbin-service-filter--results .artbin-service-market {
        display: grid !important;
        grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
        gap: 4px !important;
        align-items: stretch !important;
    }

    html body form.artbin-results-filter-form .artbin-service-filter--results .artbin-service-native-search {
        display: grid !important;
        grid-template-columns: minmax(0, 1fr) 116px !important;
        grid-template-rows: 44px !important;
        gap: 8px !important;
        height: 44px !important;
        min-height: 44px !important;
    }

    html body form.artbin-results-filter-form .artbin-service-filter--results .artbin-service-native-search input[name="keyword"],
    html body form.artbin-results-filter-form .artbin-service-filter--results .artbin-service-native-search > .elementor-field-group {
        grid-area: 1 / 1 !important;
        grid-column: 1 !important;
        grid-row: 1 !important;
        min-height: 44px !important;
        height: 44px !important;
        font-size: 12px !important;
    }

    html body form.artbin-results-filter-form .artbin-service-filter--results .artbin-service-native-search button.half-map-search-js-btn,
    html body form.artbin-results-filter-form .artbin-service-filter--results .artbin-service-native-search button[type="submit"],
    html body form.artbin-results-filter-form .artbin-service-filter--results .artbin-service-native-search > .elementor-field-type-submit {
        /* Some Houzez view modes leave a legacy row-2 placement on the
           submit action.  `grid-area` resets both axes at once so the compact
           mobile rail cannot overlap the separate Clear action below it. */
        grid-area: 1 / 2 !important;
        grid-column: 2 !important;
        grid-row: 1 !important;
        min-height: 44px !important;
        height: 44px !important;
        padding: 0 8px !important;
        font-size: 12px !important;
    }

    html body form.artbin-results-filter-form .artbin-service-filter--results > .artbin-service-selection-summary {
        gap: 6px !important;
        padding-top: 0 !important;
    }

    html body form.artbin-results-filter-form .artbin-service-filter--results .artbin-service-selection-chips {
        gap: 5px !important;
    }

    html body form.artbin-results-filter-form .artbin-service-filter--results .artbin-service-selection-chips button {
        min-height: 26px !important;
        padding: 4px 8px !important;
        font-size: 11px !important;
    }

    html body form.artbin-results-filter-form .artbin-service-filter--results > .artbin-service-clear-slot,
    html body form.artbin-results-filter-form .artbin-service-filter--results .artbin-service-clear-action,
    html body form.artbin-results-filter-form .artbin-service-filter--results .artbin-service-reset-wrap,
    html body form.artbin-results-filter-form .artbin-service-filter--results .reset-search-btn {
        min-height: 40px !important;
        height: 40px !important;
        margin: 0 !important;
    }
}