/* Homepage filter: button style 5 with the matching bottom-accent hover. */
html body.artbin-home-gold-search-active .artbin-service-filter--home .artbin-service-chip,
html body.artbin-home-gold-search-active .artbin-service-filter--home .artbin-service-type,
html body.artbin-home-gold-search-active .artbin-service-filter--home .artbin-service-feature {
    min-height: 40px !important;
    padding: 8px 12px !important;
    border: 0 !important;
    border-bottom: 2px solid rgba(185, 198, 207, 0.9) !important;
    border-radius: 0 !important;
    background: transparent !important;
    color: rgba(255, 255, 255, 0.92) !important;
    box-shadow: none !important;
    transform: none !important;
    transition: color .18s ease, border-color .18s ease, box-shadow .18s ease !important;
}

/* Final desktop density lock: 48 px is intentionally desktop-only. */
@media (min-width: 1200px) {
    html body.artbin-home-gold-search-active .artbin-service-filter--home .artbin-service-compact-controls > .artbin-service-control,
    html body.artbin-home-gold-search-active .artbin-service-filter--home .artbin-service-filter-group--features > .artbin-service-control,
    html body.artbin-home-gold-search-active .artbin-service-filter--home .artbin-service-filter-group--types > .artbin-service-control {
        height: 48px !important;
        min-height: 48px !important;
    }

    html body.artbin-home-gold-search-active .artbin-service-filter--home .artbin-service-home-market-selector > summary,
    html body.artbin-home-gold-search-active .artbin-service-filter--home .artbin-service-compact-controls > .artbin-service-control > summary,
    html body.artbin-home-gold-search-active .artbin-service-filter--home .artbin-service-filter-group--features > .artbin-service-control > summary,
    html body.artbin-home-gold-search-active .artbin-service-filter--home .artbin-service-filter-group--types > .artbin-service-control > summary {
        min-height: 48px !important;
        padding-top: 8px !important;
        padding-bottom: 8px !important;
    }

    html body.artbin-home-gold-search-active .artbin-service-filter--home .artbin-service-search-slot,
    html body.artbin-home-gold-search-active .artbin-service-filter--home .artbin-service-search-slot .elementor-field-group-4b30271,
    html body.artbin-home-gold-search-active .artbin-service-filter--home .artbin-service-search-slot .elementor-field-type-submit,
    html body.artbin-home-gold-search-active .artbin-service-filter--home .artbin-service-search-slot input[name="keyword"],
    html body.artbin-home-gold-search-active .artbin-service-filter--home .artbin-service-search-slot .elementor-field-type-submit .houzez-search-button {
        height: 48px !important;
        min-height: 48px !important;
    }

    html body.artbin-home-gold-search-active .artbin-service-filter--home .artbin-service-search-slot .artbin-service-native-search.houzez-ele-search-form-wrapper,
    html body.artbin-home-gold-search-active .artbin-service-filter--home .artbin-service-search-slot .houzez-ele-search-form-wrapper {
        grid-template-rows: 48px !important;
        height: 48px !important;
    }
}

html body.artbin-home-gold-search-active .artbin-service-filter--home .artbin-service-chip.is-active,
html body.artbin-home-gold-search-active .artbin-service-filter--home .artbin-service-type.is-active,
html body.artbin-home-gold-search-active .artbin-service-filter--home .artbin-service-feature.is-active {
    border-bottom-color: var(--artbin-filter-gold) !important;
    background: transparent !important;
    color: var(--artbin-filter-gold) !important;
}

html body.artbin-home-gold-search-active .artbin-service-filter--home .artbin-service-chip:hover,
html body.artbin-home-gold-search-active .artbin-service-filter--home .artbin-service-chip:focus-visible,
html body.artbin-home-gold-search-active .artbin-service-filter--home .artbin-service-type:hover,
html body.artbin-home-gold-search-active .artbin-service-filter--home .artbin-service-type:focus-visible,
html body.artbin-home-gold-search-active .artbin-service-filter--home .artbin-service-feature:hover,
html body.artbin-home-gold-search-active .artbin-service-filter--home .artbin-service-feature:focus-visible {
    border-bottom-color: var(--artbin-filter-gold) !important;
    background: transparent !important;
    color: var(--artbin-filter-gold) !important;
    box-shadow: inset 0 -3px 0 var(--artbin-filter-gold) !important;
    outline: none !important;
    opacity: 1 !important;
    transform: none !important;
}

html body.artbin-home-gold-search-active .artbin-service-filter--home .artbin-service-chip > span,
html body.artbin-home-gold-search-active .artbin-service-filter--home .artbin-service-type > span,
html body.artbin-home-gold-search-active .artbin-service-filter--home .artbin-service-feature > span {
    color: inherit !important;
    opacity: 1 !important;
}

@media (max-width: 767.98px) {
    html body.artbin-home-gold-search-active .artbin-service-filter--home .artbin-service-chip,
    html body.artbin-home-gold-search-active .artbin-service-filter--home .artbin-service-type,
    html body.artbin-home-gold-search-active .artbin-service-filter--home .artbin-service-feature {
        min-height: 36px !important;
        padding: 7px 10px !important;
    }
}

/* The approved desktop direction: two strict control rows followed by a
   lightweight selected-filter rail. Mobile keeps its independent layout. */
@media (max-width: 1199.98px) {
    html body.artbin-home-gold-search-active .artbin-service-filter--home .artbin-service-home-market-selector {
        display: none !important;
    }
}

@media (min-width: 1200px) {
    html body.artbin-home-gold-search-active .artbin-service-filter--home {
        grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
        column-gap: 12px !important;
        row-gap: 12px !important;
    }

    html body.artbin-home-gold-search-active .artbin-service-filter--home .artbin-service-market {
        display: block !important;
        grid-column: 1 !important;
        grid-row: 1 !important;
        width: 100% !important;
        min-width: 0 !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    html body.artbin-home-gold-search-active .artbin-service-filter--home .artbin-service-market > .artbin-service-chip {
        display: none !important;
    }

    html body.artbin-home-gold-search-active .artbin-service-filter--home .artbin-service-home-market-selector {
        position: relative !important;
        display: block !important;
        width: 100% !important;
        min-width: 0 !important;
    }

    html body.artbin-home-gold-search-active .artbin-service-filter--home .artbin-service-home-market-selector > summary {
        display: flex !important;
        align-items: center !important;
        gap: 10px !important;
        width: 100% !important;
        min-height: 68px !important;
        margin: 0 !important;
        padding: 12px 16px !important;
        box-sizing: border-box !important;
        border: 1px solid rgba(198, 213, 225, .54) !important;
        border-radius: 9px !important;
        background: rgba(9, 34, 58, .74) !important;
        color: #ffffff !important;
        cursor: pointer !important;
        list-style: none !important;
        transition: border-color .18s ease, background-color .18s ease, box-shadow .18s ease !important;
    }

    html body.artbin-home-gold-search-active .artbin-service-filter--home .artbin-service-home-market-selector > summary::-webkit-details-marker {
        display: none !important;
    }

    html body.artbin-home-gold-search-active .artbin-service-filter--home .artbin-service-home-market-selector > summary > [data-artbin-market-label] {
        flex: 1 1 auto !important;
        min-width: 0 !important;
        overflow: hidden !important;
        font-size: 13px !important;
        font-weight: 800 !important;
        line-height: 1.1 !important;
        text-overflow: ellipsis !important;
        white-space: nowrap !important;
    }

    html body.artbin-home-gold-search-active .artbin-service-filter--home .artbin-service-home-market-selector > summary > .artbin-service-control-caret {
        margin-left: auto !important;
        color: #f4b51b !important;
    }

    html body.artbin-home-gold-search-active .artbin-service-filter--home .artbin-service-home-market-selector:hover > summary,
    html body.artbin-home-gold-search-active .artbin-service-filter--home .artbin-service-home-market-selector[open] > summary,
    html body.artbin-home-gold-search-active .artbin-service-filter--home .artbin-service-home-market-selector.has-selection > summary {
        border-color: #f4b51b !important;
        background: rgba(13, 43, 70, .98) !important;
        box-shadow: 0 9px 20px rgba(3, 16, 29, .22) !important;
        outline: none !important;
    }

    html body.artbin-home-gold-search-active .artbin-service-filter--home .artbin-service-home-market-selector > .artbin-service-market-popover {
        z-index: 80 !important;
        top: calc(100% + 7px) !important;
        right: auto !important;
        left: 0 !important;
        display: block !important;
        width: 100% !important;
        min-width: 0 !important;
        padding: 8px !important;
        overflow: hidden !important;
        border: 1px solid #f4b51b !important;
        border-radius: 9px !important;
        background: #ffffff !important;
        box-shadow: 0 18px 36px rgba(4, 19, 33, .30) !important;
    }

    html body.artbin-home-gold-search-active .artbin-service-filter--home .artbin-service-market-options {
        display: grid !important;
        gap: 6px !important;
    }

    html body.artbin-home-gold-search-active .artbin-service-filter--home .artbin-service-market-option {
        display: flex !important;
        align-items: center !important;
        width: 100% !important;
        min-height: 36px !important;
        margin: 0 !important;
        padding: 8px 10px !important;
        border: 1px solid rgba(16, 35, 58, .16) !important;
        border-radius: 5px !important;
        background: #ffffff !important;
        color: #10233a !important;
        font-size: 12px !important;
        font-weight: 700 !important;
        line-height: 1.1 !important;
        text-align: left !important;
    }

    html body.artbin-home-gold-search-active .artbin-service-filter--home .artbin-service-market-option:hover,
    html body.artbin-home-gold-search-active .artbin-service-filter--home .artbin-service-market-option:focus-visible,
    html body.artbin-home-gold-search-active .artbin-service-filter--home .artbin-service-market-option.is-active {
        border-color: #f4b51b !important;
        background: #f4b51b !important;
        color: #10233a !important;
        outline: none !important;
    }

    html body.artbin-home-gold-search-active .artbin-service-filter--home .artbin-service-compact-controls {
        display: contents !important;
    }

    html body.artbin-home-gold-search-active .artbin-service-filter--home .artbin-service-compact-controls > .artbin-service-control {
        width: auto !important;
        min-width: 0 !important;
    }

    html body.artbin-home-gold-search-active .artbin-service-filter--home .artbin-service-compact-controls > .artbin-service-control:nth-child(1) {
        grid-column: 1 !important;
        grid-row: 2 !important;
    }

    html body.artbin-home-gold-search-active .artbin-service-filter--home .artbin-service-compact-controls > .artbin-service-control:nth-child(2) {
        grid-column: 2 !important;
        grid-row: 1 !important;
    }

    html body.artbin-home-gold-search-active .artbin-service-filter--home .artbin-service-compact-controls > .artbin-service-control:nth-child(3) {
        grid-column: 3 !important;
        grid-row: 1 !important;
    }

    html body.artbin-home-gold-search-active .artbin-service-filter--home .artbin-service-compact-controls > .artbin-service-control:nth-child(4) {
        grid-column: 4 !important;
        grid-row: 1 !important;
    }

    html body.artbin-home-gold-search-active .artbin-service-filter--home .artbin-service-compact-controls > .artbin-service-control:nth-child(5) {
        grid-column: 5 !important;
        grid-row: 1 !important;
    }

    html body.artbin-home-gold-search-active .artbin-service-filter--home .artbin-service-compact-controls > .artbin-service-control > summary {
        min-height: 48px !important;
        padding: 8px 16px !important;
        border-radius: 9px !important;
    }

    html body.artbin-home-gold-search-active .artbin-service-filter--home .artbin-service-home-market-selector > summary,
    html body.artbin-home-gold-search-active .artbin-service-filter--home .artbin-service-filter-group--features > .artbin-service-control > summary,
    html body.artbin-home-gold-search-active .artbin-service-filter--home .artbin-service-filter-group--types > .artbin-service-control > summary {
        min-height: 48px !important;
        padding-top: 8px !important;
        padding-bottom: 8px !important;
    }

    html body.artbin-home-gold-search-active .artbin-service-filter--home .artbin-service-filter-group--features {
        grid-column: 2 !important;
        grid-row: 2 !important;
    }

    html body.artbin-home-gold-search-active .artbin-service-filter--home .artbin-service-filter-group--types {
        grid-column: 3 !important;
        grid-row: 2 !important;
    }

    html body.artbin-home-gold-search-active .artbin-service-filter--home .artbin-service-search-slot {
        grid-column: 4 / -1 !important;
        grid-row: 2 !important;
        min-height: 48px !important;
    }

    html body.artbin-home-gold-search-active .artbin-service-filter--home .artbin-service-search-slot .artbin-service-native-search.houzez-ele-search-form-wrapper,
    html body.artbin-home-gold-search-active .artbin-service-filter--home .artbin-service-search-slot .houzez-ele-search-form-wrapper {
        grid-template-columns: minmax(0, 1.45fr) minmax(140px, .8fr) !important;
        grid-template-rows: 48px !important;
        gap: 10px !important;
        height: 48px !important;
    }

    html body.artbin-home-gold-search-active .artbin-service-filter--home .artbin-service-search-slot .elementor-field-group-4b30271,
    html body.artbin-home-gold-search-active .artbin-service-filter--home .artbin-service-search-slot .elementor-field-type-submit,
    html body.artbin-home-gold-search-active .artbin-service-filter--home .artbin-service-search-slot input[name="keyword"],
    html body.artbin-home-gold-search-active .artbin-service-filter--home .artbin-service-search-slot .elementor-field-type-submit .houzez-search-button {
        height: 48px !important;
        min-height: 48px !important;
    }

    html body.artbin-home-gold-search-active .artbin-service-filter--home > .artbin-service-selection-summary {
        grid-column: 1 / -1 !important;
        grid-row: 3 !important;
        width: 100% !important;
        margin: 0 !important;
        padding: 11px 0 0 !important;
        border-top: 1px solid rgba(198, 213, 225, .26) !important;
        border-bottom: 0 !important;
    }

    html body.artbin-home-gold-search-active .artbin-service-filter--home > .artbin-service-selection-summary.is-visible {
        display: flex !important;
        align-items: center !important;
        gap: 10px !important;
    }

    html body.artbin-home-gold-search-active .artbin-service-filter--home > .artbin-service-selection-summary-label {
        flex: 0 0 auto !important;
        margin: 0 !important;
        color: rgba(255, 255, 255, .74) !important;
        font-size: 10px !important;
    }

    html body.artbin-home-gold-search-active .artbin-service-filter--home > .artbin-service-selection-summary .artbin-service-selection-chips {
        flex: 1 1 auto !important;
        width: auto !important;
    }

    html body.artbin-home-gold-search-active .artbin-service-filter--home > .artbin-service-selection-summary .artbin-service-selection-chip {
        min-height: 28px !important;
        padding: 5px 9px !important;
        border-color: rgba(244, 181, 27, .72) !important;
        border-radius: 5px !important;
        background: rgba(244, 181, 27, .11) !important;
        color: #ffffff !important;
    }

    html body.artbin-home-gold-search-active .artbin-service-filter--home > .artbin-service-selection-summary .artbin-service-selection-chip-mark {
        color: #f4b51b !important;
    }
}

/* Compact density override for the approved desktop-only two-row layout. */
@media (min-width: 1200px) {
    html body.artbin-home-gold-search-active .artbin-service-filter--home .artbin-service-home-market-selector > summary,
    html body.artbin-home-gold-search-active .artbin-service-filter--home .artbin-service-compact-controls > .artbin-service-control > summary,
    html body.artbin-home-gold-search-active .artbin-service-filter--home .artbin-service-filter-group--features > .artbin-service-control > summary,
    html body.artbin-home-gold-search-active .artbin-service-filter--home .artbin-service-filter-group--types > .artbin-service-control > summary {
        min-height: 48px !important;
        padding-top: 8px !important;
        padding-bottom: 8px !important;
    }

    html body.artbin-home-gold-search-active .artbin-service-filter--home .artbin-service-search-slot,
    html body.artbin-home-gold-search-active .artbin-service-filter--home .artbin-service-search-slot .elementor-field-group-4b30271,
    html body.artbin-home-gold-search-active .artbin-service-filter--home .artbin-service-search-slot .elementor-field-type-submit,
    html body.artbin-home-gold-search-active .artbin-service-filter--home .artbin-service-search-slot input[name="keyword"],
    html body.artbin-home-gold-search-active .artbin-service-filter--home .artbin-service-search-slot .elementor-field-type-submit .houzez-search-button {
        height: 48px !important;
        min-height: 48px !important;
    }

    html body.artbin-home-gold-search-active .artbin-service-filter--home .artbin-service-search-slot .artbin-service-native-search.houzez-ele-search-form-wrapper,
    html body.artbin-home-gold-search-active .artbin-service-filter--home .artbin-service-search-slot .houzez-ele-search-form-wrapper {
        grid-template-rows: 48px !important;
        height: 48px !important;
    }
}

/* Homepage desktop/tablet filter — selected compact selector composition.
   Features, Types, keyword and Search share the final rail; Clear stays out
   of this surface so it cannot compete with the primary action. */
@media (min-width: 768px) {
    html body.artbin-home-gold-search-active .artbin-service-filter--home {
        grid-template-columns: repeat(12, minmax(0, 1fr)) !important;
        column-gap: 12px !important;
        row-gap: 14px !important;
        align-items: stretch !important;
    }

    html body.artbin-home-gold-search-active .artbin-service-filter--home > .artbin-service-filter-row {
        display: contents !important;
    }

    html body.artbin-home-gold-search-active .artbin-service-filter--home .artbin-service-market {
        grid-column: 1 / -1 !important;
        grid-row: 1 !important;
        width: auto !important;
        min-width: 0 !important;
        padding-bottom: 0 !important;
        border-bottom: 0 !important;
    }

    html body.artbin-home-gold-search-active .artbin-service-filter--home .artbin-service-compact-controls {
        grid-column: 1 / -1 !important;
        grid-row: 2 !important;
        display: grid !important;
        grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
        gap: 10px !important;
        width: auto !important;
        min-width: 0 !important;
    }

    html body.artbin-home-gold-search-active .artbin-service-filter--home .artbin-service-compact-controls > .artbin-service-control {
        width: 100% !important;
        min-width: 0 !important;
    }

    html body.artbin-home-gold-search-active .artbin-service-filter--home .artbin-service-filter-group--features {
        grid-column: 1 / 4 !important;
        grid-row: 3 !important;
    }

    html body.artbin-home-gold-search-active .artbin-service-filter--home .artbin-service-filter-group--types {
        grid-column: 4 / 7 !important;
        grid-row: 3 !important;
    }

    html body.artbin-home-gold-search-active .artbin-service-filter--home .artbin-service-filter-group--features,
    html body.artbin-home-gold-search-active .artbin-service-filter--home .artbin-service-filter-group--types {
        display: block !important;
        width: auto !important;
        min-width: 0 !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    html body.artbin-home-gold-search-active .artbin-service-filter--home .artbin-service-filter-group--features > .artbin-service-filter-label,
    html body.artbin-home-gold-search-active .artbin-service-filter--home .artbin-service-filter-group--types > .artbin-service-filter-label {
        display: none !important;
    }

    html body.artbin-home-gold-search-active .artbin-service-filter--home .artbin-service-catalog-selector {
        position: relative !important;
        display: block !important;
        width: 100% !important;
        min-width: 0 !important;
        margin: 0 !important;
    }

    html body.artbin-home-gold-search-active .artbin-service-filter--home .artbin-service-catalog-selector > summary {
        display: grid !important;
        grid-template-columns: minmax(0, 1fr) auto !important;
        grid-template-rows: minmax(0, 1fr) minmax(0, 1fr) !important;
        align-items: center !important;
        column-gap: 10px !important;
        width: 100% !important;
        min-height: 68px !important;
        margin: 0 !important;
        padding: 11px 16px !important;
        overflow: hidden !important;
        border: 1px solid rgba(198, 213, 225, .54) !important;
        border-radius: 9px !important;
        background: rgba(9, 34, 58, .74) !important;
        color: #ffffff !important;
        box-shadow: none !important;
        list-style: none !important;
        cursor: pointer !important;
        transition: border-color .18s ease, background-color .18s ease, box-shadow .18s ease !important;
    }

    html body.artbin-home-gold-search-active .artbin-service-filter--home .artbin-service-catalog-selector > summary::-webkit-details-marker {
        display: none !important;
    }

    html body.artbin-home-gold-search-active .artbin-service-filter--home .artbin-service-catalog-selector > summary:hover,
    html body.artbin-home-gold-search-active .artbin-service-filter--home .artbin-service-catalog-selector[open] > summary,
    html body.artbin-home-gold-search-active .artbin-service-filter--home .artbin-service-catalog-selector.has-selection > summary {
        border-color: #f4b51b !important;
        background: rgba(13, 43, 70, .98) !important;
        box-shadow: 0 9px 20px rgba(3, 16, 29, .22) !important;
        outline: none !important;
    }

    html body.artbin-home-gold-search-active .artbin-service-filter--home .artbin-service-catalog-selector-label {
        grid-column: 1 !important;
        grid-row: 1 !important;
        min-width: 0 !important;
        overflow: hidden !important;
        color: #ffffff !important;
        font-size: 13px !important;
        font-weight: 800 !important;
        line-height: 1.1 !important;
        text-overflow: ellipsis !important;
        white-space: nowrap !important;
    }

    html body.artbin-home-gold-search-active .artbin-service-filter--home .artbin-service-catalog-selector-values {
        grid-column: 1 !important;
        grid-row: 2 !important;
        display: flex !important;
        align-items: center !important;
        gap: 5px !important;
        min-width: 0 !important;
        max-width: 100% !important;
        overflow: hidden !important;
        color: rgba(255, 255, 255, .72) !important;
        font-size: 11px !important;
        font-weight: 600 !important;
        line-height: 1.15 !important;
        text-overflow: ellipsis !important;
        white-space: nowrap !important;
    }

    html body.artbin-home-gold-search-active .artbin-service-filter--home .artbin-service-catalog-selected-tag {
        display: inline-flex !important;
        min-width: 0 !important;
        max-width: 100% !important;
        padding: 4px 7px !important;
        overflow: hidden !important;
        border-radius: 4px !important;
        background: #f4b51b !important;
        color: #10233a !important;
        font-size: 10px !important;
        font-weight: 800 !important;
        line-height: 1 !important;
        text-overflow: ellipsis !important;
        white-space: nowrap !important;
    }

    html body.artbin-home-gold-search-active .artbin-service-filter--home .artbin-service-catalog-selector > summary > .artbin-service-control-caret {
        grid-column: 2 !important;
        grid-row: 1 / span 2 !important;
        margin: 0 !important;
        color: #f4b51b !important;
    }

    html body.artbin-home-gold-search-active .artbin-service-filter--home .artbin-service-catalog-selector > .artbin-service-control-popover {
        z-index: 70 !important;
        top: calc(100% + 7px) !important;
        right: auto !important;
        left: 0 !important;
        display: grid !important;
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 7px !important;
        width: max(100%, 310px) !important;
        min-width: 0 !important;
        max-width: min(520px, calc(100vw - 48px)) !important;
        max-height: min(360px, calc(100vh - 170px)) !important;
        padding: 10px !important;
        overflow-x: hidden !important;
        overflow-y: auto !important;
        border: 1px solid #f4b51b !important;
        border-radius: 9px !important;
        background: #ffffff !important;
        box-shadow: 0 18px 36px rgba(4, 19, 33, .30) !important;
    }

    html body.artbin-home-gold-search-active .artbin-service-filter--home .artbin-service-catalog-selector .artbin-service-type,
    html body.artbin-home-gold-search-active .artbin-service-filter--home .artbin-service-catalog-selector .artbin-service-feature {
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        min-width: 0 !important;
        min-height: 38px !important;
        margin: 0 !important;
        padding: 7px 9px !important;
        border: 1px solid rgba(16, 35, 58, .18) !important;
        border-radius: 5px !important;
        background: #ffffff !important;
        color: #10233a !important;
        font-size: 11px !important;
        font-weight: 700 !important;
        line-height: 1.12 !important;
        text-align: center !important;
        white-space: normal !important;
    }

    html body.artbin-home-gold-search-active .artbin-service-filter--home .artbin-service-catalog-selector .artbin-service-type:hover,
    html body.artbin-home-gold-search-active .artbin-service-filter--home .artbin-service-catalog-selector .artbin-service-feature:hover,
    html body.artbin-home-gold-search-active .artbin-service-filter--home .artbin-service-catalog-selector .artbin-service-type:focus-visible,
    html body.artbin-home-gold-search-active .artbin-service-filter--home .artbin-service-catalog-selector .artbin-service-feature:focus-visible,
    html body.artbin-home-gold-search-active .artbin-service-filter--home .artbin-service-catalog-selector .artbin-service-type.is-active,
    html body.artbin-home-gold-search-active .artbin-service-filter--home .artbin-service-catalog-selector .artbin-service-feature.is-active {
        border-color: #f4b51b !important;
        background: #f4b51b !important;
        color: #10233a !important;
        box-shadow: none !important;
        outline: none !important;
        transform: none !important;
    }

    html body.artbin-home-gold-search-active .artbin-service-filter--home .artbin-service-search-slot {
        grid-column: 7 / -1 !important;
        grid-row: 3 !important;
        display: block !important;
        width: auto !important;
        min-width: 0 !important;
        height: auto !important;
        min-height: 68px !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    html body.artbin-home-gold-search-active .artbin-service-filter--home .artbin-service-search-slot .artbin-service-native-search.houzez-ele-search-form-wrapper,
    html body.artbin-home-gold-search-active .artbin-service-filter--home .artbin-service-search-slot .houzez-ele-search-form-wrapper {
        display: grid !important;
        grid-template-columns: minmax(0, 1fr) minmax(136px, .44fr) !important;
        grid-template-rows: 68px !important;
        align-items: stretch !important;
        gap: 12px !important;
        width: 100% !important;
        max-width: none !important;
        height: 68px !important;
        min-width: 0 !important;
    }

    html body.artbin-home-gold-search-active .artbin-service-filter--home .artbin-service-search-slot .elementor-field-group-4b30271,
    html body.artbin-home-gold-search-active .artbin-service-filter--home .artbin-service-search-slot .elementor-field-type-submit {
        grid-row: 1 !important;
        width: auto !important;
        height: 68px !important;
        min-width: 0 !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    html body.artbin-home-gold-search-active .artbin-service-filter--home .artbin-service-search-slot .elementor-field-group-4b30271 {
        grid-column: 1 !important;
        position: relative !important;
    }

    html body.artbin-home-gold-search-active .artbin-service-filter--home .artbin-service-search-slot .elementor-field-type-submit {
        grid-column: 2 !important;
    }

    html body.artbin-home-gold-search-active .artbin-service-filter--home .artbin-service-search-slot input[name="keyword"] {
        width: 100% !important;
        height: 68px !important;
        min-height: 68px !important;
        padding: 12px 16px !important;
        border: 1px solid rgba(201, 213, 223, .82) !important;
        border-radius: 9px !important;
        background: #ffffff !important;
        color: #10233a !important;
        box-shadow: 0 8px 18px rgba(4, 19, 33, .08) !important;
        font-size: 14px !important;
    }

    html body.artbin-home-gold-search-active .artbin-service-filter--home .artbin-service-search-slot input[name="keyword"]::placeholder {
        color: #7b8798 !important;
        opacity: 1 !important;
    }

    html body.artbin-home-gold-search-active .artbin-service-filter--home .artbin-service-search-slot .elementor-field-type-submit .houzez-search-button {
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        gap: 10px !important;
        width: 100% !important;
        height: 68px !important;
        min-height: 68px !important;
        padding: 12px 16px !important;
        border: 1px solid #f4b51b !important;
        border-radius: 9px !important;
        background: #f4b51b !important;
        color: #10233a !important;
        box-shadow: 0 11px 24px rgba(244, 181, 27, .22) !important;
        font-size: 13px !important;
        font-weight: 900 !important;
    }

    html body.artbin-home-gold-search-active .artbin-service-filter--home .artbin-service-search-slot .artbin-service-submit-label {
        display: inline !important;
        color: inherit !important;
    }

    html body.artbin-home-gold-search-active .artbin-service-filter--home > .artbin-service-clear-slot {
        display: none !important;
    }
}

@media (min-width: 768px) and (max-width: 1099.98px) {
    html body.artbin-home-gold-search-active .artbin-service-filter--home .artbin-service-filter-group--features {
        grid-column: 1 / 7 !important;
    }

    html body.artbin-home-gold-search-active .artbin-service-filter--home .artbin-service-filter-group--types {
        grid-column: 7 / -1 !important;
    }

    html body.artbin-home-gold-search-active .artbin-service-filter--home .artbin-service-search-slot {
        grid-column: 1 / -1 !important;
        grid-row: 4 !important;
    }
}

/* Mobile home filter: keep every control in its own predictable row. */
@media (max-width: 767.98px) {
    /* The selected compact composition keeps only the primary Search action. */
    html body.artbin-home-gold-search-active .artbin-service-filter--home > .artbin-service-clear-slot {
        display: none !important;
    }

    html body.artbin-home-gold-search-active .artbin-service-filter--home {
        display: grid !important;
        grid-template-columns: minmax(0, 1fr) !important;
        gap: 12px !important;
        min-width: 0 !important;
    }

    html body.artbin-home-gold-search-active .artbin-service-filter--home > .artbin-service-filter-row {
        display: contents !important;
    }

    html body.artbin-home-gold-search-active .artbin-service-filter--home .artbin-service-market {
        grid-column: 1 !important;
        grid-row: 1 !important;
    }

    html body.artbin-home-gold-search-active .artbin-service-filter--home .artbin-service-filter-group--features {
        grid-column: 1 !important;
        grid-row: 2 !important;
        min-width: 0 !important;
    }

    html body.artbin-home-gold-search-active .artbin-service-filter--home .artbin-service-compact-controls {
        grid-column: 1 !important;
        grid-row: 3 !important;
        min-width: 0 !important;
    }

    html body.artbin-home-gold-search-active .artbin-service-filter--home .artbin-service-filter-group--types {
        display: block !important;
        grid-column: 1 !important;
        grid-row: 4 !important;
        width: 100% !important;
        min-width: 0 !important;
        height: auto !important;
        min-height: 0 !important;
    }

    html body.artbin-home-gold-search-active .artbin-service-filter--home .artbin-service-types {
        display: grid !important;
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        align-items: stretch !important;
        width: 100% !important;
        min-width: 0 !important;
        gap: 0 12px !important;
        overflow: visible !important;
    }

    html body.artbin-home-gold-search-active .artbin-service-filter--home .artbin-service-type {
        display: flex !important;
        width: 100% !important;
        min-width: 0 !important;
        min-height: 44px !important;
        margin: 0 !important;
        padding: 7px 8px !important;
        border-radius: 0 !important;
        white-space: normal !important;
        line-height: 1.15 !important;
    }

    html body.artbin-home-gold-search-active .artbin-service-filter--home .artbin-service-search-slot {
        display: block !important;
        grid-column: 1 !important;
        grid-row: 5 !important;
        width: 100% !important;
        min-width: 0 !important;
        height: 46px !important;
        margin-top: 4px !important;
        position: relative !important;
        z-index: 2 !important;
    }

    html body.artbin-home-gold-search-active .artbin-service-filter--home .artbin-service-search-slot .houzez-ele-search-form-wrapper {
        display: grid !important;
        grid-template-columns: minmax(0, 1fr) 58px !important;
        width: 100% !important;
        max-width: none !important;
        height: 46px !important;
        gap: 0 !important;
    }
}

/* Cascade lock: this must follow the former desktop variants above. */
@media (min-width: 1200px) {
    html body.artbin-home-gold-search-active .artbin-service-filter--home {
        grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
        column-gap: 12px !important;
        row-gap: 12px !important;
    }

    html body.artbin-home-gold-search-active .artbin-service-filter--home .artbin-service-market {
        display: block !important;
        grid-column: 1 !important;
        grid-row: 1 !important;
        width: 100% !important;
        min-width: 0 !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    html body.artbin-home-gold-search-active .artbin-service-filter--home .artbin-service-market > .artbin-service-chip {
        display: none !important;
    }

    html body.artbin-home-gold-search-active .artbin-service-filter--home .artbin-service-compact-controls {
        display: contents !important;
    }

    html body.artbin-home-gold-search-active .artbin-service-filter--home .artbin-service-compact-controls > .artbin-service-control {
        width: auto !important;
        min-width: 0 !important;
    }

    html body.artbin-home-gold-search-active .artbin-service-filter--home .artbin-service-compact-controls > .artbin-service-control:nth-child(1) {
        grid-column: 1 !important;
        grid-row: 2 !important;
    }

    html body.artbin-home-gold-search-active .artbin-service-filter--home .artbin-service-compact-controls > .artbin-service-control:nth-child(2) {
        grid-column: 2 !important;
        grid-row: 1 !important;
    }

    html body.artbin-home-gold-search-active .artbin-service-filter--home .artbin-service-compact-controls > .artbin-service-control:nth-child(3) {
        grid-column: 3 !important;
        grid-row: 1 !important;
    }

    html body.artbin-home-gold-search-active .artbin-service-filter--home .artbin-service-compact-controls > .artbin-service-control:nth-child(4) {
        grid-column: 4 !important;
        grid-row: 1 !important;
    }

    html body.artbin-home-gold-search-active .artbin-service-filter--home .artbin-service-compact-controls > .artbin-service-control:nth-child(5) {
        grid-column: 5 !important;
        grid-row: 1 !important;
    }

    html body.artbin-home-gold-search-active .artbin-service-filter--home .artbin-service-compact-controls > .artbin-service-control > summary {
        min-height: 68px !important;
        padding: 12px 16px !important;
        border-radius: 9px !important;
    }

    html body.artbin-home-gold-search-active .artbin-service-filter--home .artbin-service-filter-group--features {
        grid-column: 2 !important;
        grid-row: 2 !important;
    }

    html body.artbin-home-gold-search-active .artbin-service-filter--home .artbin-service-filter-group--types {
        grid-column: 3 !important;
        grid-row: 2 !important;
    }

    html body.artbin-home-gold-search-active .artbin-service-filter--home .artbin-service-search-slot {
        grid-column: 4 / -1 !important;
        grid-row: 2 !important;
        min-height: 68px !important;
    }

    html body.artbin-home-gold-search-active .artbin-service-filter--home .artbin-service-search-slot .artbin-service-native-search.houzez-ele-search-form-wrapper,
    html body.artbin-home-gold-search-active .artbin-service-filter--home .artbin-service-search-slot .houzez-ele-search-form-wrapper {
        grid-template-columns: minmax(0, 1.45fr) minmax(140px, .8fr) !important;
        grid-template-rows: 68px !important;
        gap: 10px !important;
        height: 68px !important;
    }

    html body.artbin-home-gold-search-active .artbin-service-filter--home > .artbin-service-selection-summary {
        grid-column: 1 / -1 !important;
        grid-row: 3 !important;
        width: 100% !important;
        margin: 0 !important;
        padding: 11px 0 0 !important;
        border-top: 1px solid rgba(198, 213, 225, .26) !important;
        border-bottom: 0 !important;
    }

    html body.artbin-home-gold-search-active .artbin-service-filter--home > .artbin-service-selection-summary.is-visible {
        display: flex !important;
        align-items: center !important;
        gap: 10px !important;
    }

    html body.artbin-home-gold-search-active .artbin-service-filter--home > .artbin-service-selection-summary-label {
        flex: 0 0 auto !important;
        margin: 0 !important;
        color: rgba(255, 255, 255, .74) !important;
        font-size: 10px !important;
    }

    html body.artbin-home-gold-search-active .artbin-service-filter--home > .artbin-service-selection-summary .artbin-service-selection-chips {
        flex: 1 1 auto !important;
        width: auto !important;
    }

    html body.artbin-home-gold-search-active .artbin-service-filter--home > .artbin-service-selection-summary .artbin-service-selection-chip {
        min-height: 28px !important;
        padding: 5px 9px !important;
        border-color: rgba(244, 181, 27, .72) !important;
        border-radius: 5px !important;
        background: rgba(244, 181, 27, .11) !important;
        color: #ffffff !important;
    }

    html body.artbin-home-gold-search-active .artbin-service-filter--home > .artbin-service-selection-summary .artbin-service-selection-chip-mark {
        color: #f4b51b !important;
    }
}