/* ==========================================================================
   BHOOMIYUG — ULTRA PREMIUM PROPERTY SEARCH OVERRIDES
   Append-only layer. Keeps existing IDs, markup, search and filter JS intact.
   Palette: Espresso / Champagne Gold / Warm Ivory.
   ========================================================================== */

#bhoomiyugSearchCard {
    --by-espresso: #2b1e0d;
    --by-espresso-2: #3a2914;
    --by-gold: #c99a43;
    --by-gold-light: #e8c477;
    --by-gold-deep: #9b6d25;
    --by-ivory: #fffaf1;
    --by-line: rgba(181, 139, 65, .28);
    --by-ink: #302313;
    --by-muted: #786b58;
    position: relative !important;
    isolation: isolate;
    z-index: 10000 !important;
    width: min(1160px, calc(100% - 36px)) !important;
    max-width: 1160px !important;
    margin: 0 auto !important;
    padding: 16px 18px 17px !important;
    border: 1px solid rgba(255, 224, 164, .72) !important;
    border-radius: 27px !important;
    background: radial-gradient(ellipse at 100% 0%, rgba(204, 153, 65, .42), transparent 36%), radial-gradient(ellipse at 0% 100%, rgba(145, 94, 28, .32), transparent 40%), linear-gradient(125deg, #39270f 0%, #2c200e 52%, #3a2a13 100%) !important;
    box-shadow: 0 24px 58px rgba(37, 25, 10, .28), inset 0 1px 0 rgba(255,255,255,.14) !important;
    color: #fff8e9 !important;
    overflow: visible !important;
}

.ip-search-wrapper {
    position: relative !important;
    z-index: 100 !important;
}

#bhoomiyugSearchCard .ip-tabs {
    display: flex !important;
    flex-wrap: nowrap !important;
    align-items: center !important;
    gap: 8px !important;
    min-height: 58px !important;
    margin: 0 0 12px !important;
    padding: 0 0 10px !important;
    border: 0 !important;
    border-bottom: 1px solid rgba(232, 196, 119, .24) !important;
    border-radius: 0 !important;
    background: transparent !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    scrollbar-width: none !important;
    -webkit-overflow-scrolling: touch;
    overscroll-behavior-x: contain;
}

    #bhoomiyugSearchCard .ip-tabs::-webkit-scrollbar {
        display: none !important;
    }

#bhoomiyugSearchCard .ip-tab {
    position: relative !important;
    display: inline-flex !important;
    flex: 0 0 auto !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 9px !important;
    min-height: 45px !important;
    padding: 0 15px !important;
    border: 1px solid rgba(232,196,119,.16) !important;
    border-radius: 14px !important;
    background: rgba(255,255,255,.025) !important;
    color: #e4d5b9 !important;
    font-size: 13px !important;
    font-weight: 750 !important;
    line-height: 1 !important;
    white-space: nowrap !important;
    cursor: pointer !important;
    transition: background .22s ease, color .22s ease, border-color .22s ease, transform .22s ease !important;
}

    #bhoomiyugSearchCard .ip-tab:hover {
        color: #fff !important;
        border-color: rgba(232,196,119,.5) !important;
        background: rgba(255,255,255,.07) !important;
    }

    #bhoomiyugSearchCard .ip-tab.active {
        color: #241807 !important;
        border-color: transparent !important;
        background: linear-gradient(135deg, #f0cb7b, #c18b32) !important;
        box-shadow: 0 7px 18px rgba(0,0,0,.2), inset 0 1px 0 rgba(255,255,255,.4) !important;
    }

        #bhoomiyugSearchCard .ip-tab.active::after {
            display: none !important;
        }

#bhoomiyugSearchCard .ip-tab-icon {
    display: inline-flex !important;
    flex: 0 0 25px !important;
    width: 25px !important;
    height: 25px !important;
    align-items: center !important;
    justify-content: center !important;
    border-radius: 8px !important;
    background: rgba(255,250,240,.96) !important;
    color: #79531c !important;
    font-size: 11px !important;
}

#bhoomiyugSearchCard .ip-tab.active .ip-tab-icon {
    background: #fff8e9 !important;
    color: #8c5f1e !important;
    box-shadow: none !important;
}

/* Main search strip: compact category columns remove the dead space. */
#bhoomiyugSearchCard .ip-bar,
#bhoomiyugSearchCard .ip-bar.commercial-active,
#bhoomiyugSearchCard .ip-bar:not(.commercial-active) {
    position: relative !important;
    display: grid !important;
    grid-template-columns: minmax(145px, 166px) minmax(0, 1fr) 118px !important;
    gap: 0 !important;
    align-items: center !important;
    min-height: 66px !important;
    padding: 5px !important;
    border: 1px solid rgba(255,255,255,.72) !important;
    border-radius: 19px !important;
    background: linear-gradient(115deg, #fffdf8 0%, #f8f1e5 100%) !important;
    box-shadow: 0 10px 25px rgba(0,0,0,.16), inset 0 1px 0 #fff !important;
    overflow: visible !important;
}

    #bhoomiyugSearchCard .ip-bar.commercial-active {
        grid-template-columns: minmax(145px, 166px) minmax(130px, 150px) minmax(0, 1fr) 118px !important;
    }

/* Do not reserve invisible space for the native select.
   The native select stays in the DOM for existing JS and accessibility. */
#bhoomiyugSearchCard .ip-category-field,
#bhoomiyugSearchCard .ip-commercial-field {
    position: relative !important;
    display: flex;
    align-items: center !important;
    justify-content: flex-start !important;
    align-self: stretch !important;
    min-width: 0 !important;
    min-height: 54px !important;
    height: 54px !important;
    margin: 0 !important;
    padding: 0 8px 0 7px !important;
    border: 0 !important;
    border-right: 1px solid #e9dfcf !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
}

    #bhoomiyugSearchCard .ip-category-field > .ip-select,
    #bhoomiyugSearchCard .ip-commercial-field > .ip-select {
        position: absolute !important;
        inset: 0 !important;
        width: 1px !important;
        height: 1px !important;
        min-height: 1px !important;
        padding: 0 !important;
        opacity: 0 !important;
        pointer-events: none !important;
        appearance: none !important;
    }

#bhoomiyugSearchCard .ip-custom-select-trigger {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 8px !important;
    width: 100% !important;
    min-width: 0 !important;
    height: 46px !important;
    margin: 0 !important;
    padding: -12px 9px !important;
    border: 1px solid transparent !important;
    border-radius: 11px !important;
    background: transparent !important;
    color: #352716 !important;
    font-family: inherit !important;
    font-size: 13px !important;
    font-weight: 800 !important;
    line-height: 1.2 !important;
    text-align: left !important;
    white-space: nowrap !important;
    cursor: pointer !important;
    box-shadow: none !important;
    transition: background .2s ease, border-color .2s ease !important;
    padding-left: 9px !important;
}

    #bhoomiyugSearchCard .ip-custom-select-trigger:hover,
    #bhoomiyugSearchCard .ip-custom-select-trigger.active {
        border-color: rgba(181,139,65,.34) !important;
        background: #f8efdf !important;
    }

#bhoomiyugSearchCard .ip-custom-select-text {
    display: block !important;
    min-width: 0 !important;
    overflow: hidden !important;
    color: #352716 !important;
    font-size: 13px !important;
    font-weight: 800 !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
}

#bhoomiyugSearchCard .ip-select-arrow {
    position: static !important;
    flex: 0 0 auto !important;
    margin-left: 3px !important;
    color: #9a6c25 !important;
    font-size: 10px !important;
    pointer-events: none !important;
}

#bhoomiyugSearchCard .ip-custom-dropdown {
    position: absolute !important;
    top: calc(100% + 9px) !important;
    left: 0 !important;
    z-index: 10050 !important;
    display: none;
    width: max(100%, 190px) !important;
    min-width: 190px !important;
    max-height: 260px !important;
    padding: 7px !important;
    border: 1px solid rgba(194,151,75,.45) !important;
    border-radius: 15px !important;
    background: linear-gradient(145deg, #fffdf8, #f7efe1) !important;
    box-shadow: 0 18px 42px rgba(35,24,10,.24) !important;
    overflow-y: auto !important;
}

    #bhoomiyugSearchCard .ip-custom-dropdown.open {
        display: block !important;
    }

#bhoomiyugSearchCard .ip-custom-option {
    display: flex !important;
    align-items: center !important;
    min-height: 40px !important;
    padding: 9px 12px !important;
    border-radius: 9px !important;
    color: #49351d !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    cursor: pointer !important;
    transition: background .18s ease, color .18s ease !important;
}

    #bhoomiyugSearchCard .ip-custom-option:hover {
        background: #f1e3c8 !important;
        color: #2b1e0d !important;
    }

    #bhoomiyugSearchCard .ip-custom-option.selected {
        background: linear-gradient(110deg, #bd8b36, #a97828) !important;
        color: #fff !important;
    }

/* Keyword field: remove chip/input collision and keep the field visually centered. */
#bhoomiyugSearchCard .ip-keyword-shell {
    position: relative !important;
    display: flex !important;
    align-items: center !important;
    min-width: 0 !important;
    min-height: 54px !important;
    height: 54px !important;
    margin: 0 !important;
    padding: 0 12px !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    overflow: visible !important;
}

    #bhoomiyugSearchCard .ip-keyword-shell:focus-within {
        background: #fffaf1 !important;
        box-shadow: inset 0 0 0 1px rgba(181,139,65,.2) !important;
    }

    #bhoomiyugSearchCard .ip-keyword-shell .ip-input,
    #bhoomiyugSearchCard .ip-keyword-shell input {
        flex: 1 1 auto !important;
        width: 100% !important;
        min-width: 0 !important;
        height: 48px !important;
        margin: 0 !important;
        padding: 0 82px 0 3px !important;
        border: 0 !important;
        outline: 0 !important;
        background: transparent !important;
        color: #352716 !important;
        font-size: 13px !important;
        font-weight: 600 !important;
        box-shadow: none !important;
    }

        #bhoomiyugSearchCard .ip-keyword-shell input::placeholder {
            color: #877b6b !important;
            opacity: 1 !important;
            font-weight: 500 !important;
        }

#bhoomiyugSearchCard .ip-selected-filter-chips {
    display: inline-flex !important;
    flex: 0 0 auto !important;
    align-items: center !important;
    max-width: 45% !important;
    min-width: 0 !important;
    overflow: hidden !important;
}

#bhoomiyugSearchCard .ip-keyword-filter-trigger,
#bhoomiyugSearchCard .ip-keyword-clear {
    width: 34px !important;
    height: 34px !important;
    border: 1px solid #eadcc4 !important;
    border-radius: 10px !important;
    background: #fff !important;
    color: #916522 !important;
    box-shadow: 0 3px 9px rgba(67,45,15,.08) !important;
}

#bhoomiyugSearchCard .ip-keyword-filter-trigger {
    right: 8px !important;
}

#bhoomiyugSearchCard .ip-keyword-clear {
    right: 48px !important;
}

/* Search CTA */
#bhoomiyugSearchCard .ip-btn.ip-search-btn {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    width: 100% !important;
    min-width: 0 !important;
    height: 48px !important;
    min-height: 48px !important;
    margin: 0 !important;
    padding: 0 13px !important;
    border: 1px solid rgba(255,225,170,.55) !important;
    border-radius: 12px !important;
    background: linear-gradient(135deg, #4a3216 0%, #2d1e0c 100%) !important;
    color: #fff8e9 !important;
    font-size: 13px !important;
    font-weight: 850 !important;
    letter-spacing: .1px !important;
    box-shadow: 0 6px 15px rgba(45,30,12,.22), inset 0 1px 0 rgba(255,255,255,.12) !important;
    transition: transform .2s ease, box-shadow .2s ease, background .2s ease !important;
}

    #bhoomiyugSearchCard .ip-btn.ip-search-btn:hover {
        transform: translateY(-1px) !important;
        background: linear-gradient(135deg, #62431d, #3a2710) !important;
        box-shadow: 0 9px 20px rgba(45,30,12,.3) !important;
    }

/* Quick property chips: single-line horizontal rail on every screen. */
#bhoomiyugSearchCard .ip-pills {
    display: flex !important;
    flex-wrap: nowrap !important;
    align-items: center !important;
    gap: 8px !important;
    margin: 13px 0 0 !important;
    padding: 1px 1px 5px !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    scrollbar-width: none !important;
    -webkit-overflow-scrolling: touch;
    overscroll-behavior-x: contain;
}

    #bhoomiyugSearchCard .ip-pills::-webkit-scrollbar {
        display: none !important;
    }

#bhoomiyugSearchCard .ip-pill {
    display: inline-flex !important;
    flex: 0 0 auto !important;
    align-items: center !important;
    justify-content: center !important;
    min-height: 39px !important;
    padding: 0 15px !important;
    border: 1px solid rgba(231,199,139,.28) !important;
    border-radius: 12px !important;
    background: rgba(255,255,255,.055) !important;
    color: #f0dfbd !important;
    font-size: 12px !important;
    font-weight: 750 !important;
    white-space: nowrap !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.04) !important;
}

    #bhoomiyugSearchCard .ip-pill:hover,
    #bhoomiyugSearchCard .ip-pill.active {
        border-color: #d9ad5d !important;
        background: linear-gradient(135deg, #c99a43, #a87529) !important;
        color: #fff !important;
        box-shadow: 0 5px 13px rgba(0,0,0,.16) !important;
    }

#bhoomiyugSearchCard #ipMore {
    border-color: rgba(232,196,119,.65) !important;
    background: rgba(198,148,59,.14) !important;
    color: #f2d18f !important;
}

    #bhoomiyugSearchCard #ipMore:hover {
        background: linear-gradient(135deg, #c99a43, #a87529) !important;
        color: #fff !important;
    }

/* Ultra-premium advanced filters panel. */
#bhoomiyugSearchCard .ip-advanced.ip-modern-refine {
    position: absolute !important;
    top: calc(100% + 12px) !important;
    left: 0 !important;
    right: 0 !important;
    width: 100% !important;
    max-height: min(76vh, 720px) !important;
    margin: 0 !important;
    padding: 24px !important;
    border: 1px solid rgba(201,154,67,.34) !important;
    border-radius: 22px !important;
    background: radial-gradient(circle at 100% 0%, rgba(226,192,129,.14), transparent 34%), linear-gradient(145deg, #fffdf9 0%, #fbf6ed 100%) !important;
    color: #352716 !important;
    box-shadow: 0 28px 75px rgba(35,24,10,.28), inset 0 1px 0 #fff !important;
    overflow-y: auto !important;
    -webkit-overflow-scrolling: touch;
}

#bhoomiyugSearchCard .ip-modern-head,
#bhoomiyugSearchCard .ip-modern-head * {
    color: #352716 !important;
}

#bhoomiyugSearchCard .ip-modern-title-area .ip-filter-eyebrow {
    display: inline-flex !important;
    align-items: center !important;
    gap: 7px !important;
    color: #9b6d25 !important;
    font-size: 10px !important;
    font-weight: 850 !important;
    letter-spacing: 1.2px !important;
    text-transform: uppercase !important;
}

#bhoomiyugSearchCard .ip-modern-title-area h4 {
    margin: 7px 0 5px !important;
    color: #302313 !important;
    font-size: 21px !important;
    font-weight: 850 !important;
    letter-spacing: -.35px !important;
}

#bhoomiyugSearchCard .ip-modern-title-area p {
    color: #81725d !important;
    font-size: 12px !important;
    line-height: 1.6 !important;
}

#bhoomiyugSearchCard .ip-active-filter-count {
    display: inline-flex !important;
    align-items: center !important;
    min-height: 30px !important;
    padding: 0 11px !important;
    border: 1px solid #ead9b8 !important;
    border-radius: 999px !important;
    background: #fff8e9 !important;
    color: #8a6228 !important;
    font-size: 11px !important;
    font-weight: 800 !important;
}

#bhoomiyugSearchCard .ip-filter-close {
    width: 36px !important;
    height: 36px !important;
    border: 1px solid #eadfcf !important;
    border-radius: 11px !important;
    background: #fff !important;
    color: #6d5633 !important;
}

#bhoomiyugSearchCard .ip-modern-dropdown-row {
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0,1fr)) !important;
    gap: 12px !important;
    margin-top: 20px !important;
}

#bhoomiyugSearchCard .ip-modern-dropdown-trigger {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    width: 100% !important;
    min-height: 66px !important;
    padding: 10px 12px !important;
    border: 1px solid #e8dcc8 !important;
    border-radius: 13px !important;
    background: rgba(255,255,255,.88) !important;
    color: #352716 !important;
    box-shadow: 0 3px 10px rgba(68,47,17,.035) !important;
}

    #bhoomiyugSearchCard .ip-modern-dropdown-trigger:hover,
    #bhoomiyugSearchCard .ip-modern-dropdown.is-open .ip-modern-dropdown-trigger {
        border-color: #cda45d !important;
        background: #fffaf0 !important;
        box-shadow: 0 5px 15px rgba(151,105,37,.1) !important;
    }

#bhoomiyugSearchCard .ip-modern-icon {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 36px !important;
    height: 36px !important;
    border-radius: 11px !important;
    background: #f7edda !important;
    color: #966922 !important;
}

#bhoomiyugSearchCard .ip-modern-trigger-content small {
    color: #8a7a63 !important;
    font-size: 10px !important;
    font-weight: 700 !important;
}

#bhoomiyugSearchCard .ip-modern-trigger-content strong {
    color: #352716 !important;
    font-size: 12px !important;
    font-weight: 850 !important;
}

#bhoomiyugSearchCard .ip-modern-chevron {
    color: #9b7337 !important;
}

#bhoomiyugSearchCard .ip-modern-dropdown-menu {
    border: 1px solid #eadcc4 !important;
    border-radius: 14px !important;
    background: #fffdf8 !important;
    box-shadow: 0 15px 35px rgba(53,37,15,.16) !important;
}

#bhoomiyugSearchCard .ip-modern-menu-head strong {
    color: #352716 !important;
}

#bhoomiyugSearchCard .ip-modern-menu-head span {
    color: #8a7a63 !important;
}

#bhoomiyugSearchCard .ip-modern-option {
    color: #5b4930 !important;
}

    #bhoomiyugSearchCard .ip-modern-option:hover {
        background: #faf1df !important;
    }

    #bhoomiyugSearchCard .ip-modern-option input:checked + .ip-modern-check {
        border-color: #b98532 !important;
        background: #b98532 !important;
    }

#bhoomiyugSearchCard .ip-price-value {
    color: #4b371c !important;
    font-weight: 800 !important;
}

#bhoomiyugSearchCard .ip-filter-summary {
    border-top: 1px solid #eadfce !important;
}

#bhoomiyugSearchCard .ip-summary-copy {
    color: #81725d !important;
}

#bhoomiyugSearchCard .ip-apply-btn {
    border: 0 !important;
    border-radius: 11px !important;
    background: linear-gradient(135deg, #bd8b36, #8e6222) !important;
    color: #fff !important;
    font-weight: 850 !important;
    box-shadow: 0 7px 16px rgba(142,98,34,.2) !important;
}

#bhoomiyugSearchCard .ip-reset {
    color: #82602d !important;
    font-weight: 800 !important;
}

/* Tablet */
@media (max-width: 991px) {
    #bhoomiyugSearchCard {
        width: calc(100% - 28px) !important;
        padding: 14px !important;
    }

        #bhoomiyugSearchCard .ip-modern-dropdown-row {
            grid-template-columns: repeat(2, minmax(0,1fr)) !important;
        }
}

/* Mobile: tabs stay in one row; search controls use compact stacked rows. */
@media (max-width: 767px) {
    .ip-search-wrapper {
        margin-top: -22px !important;
        padding-bottom: 14px !important;
    }

    #bhoomiyugSearchCard {
        width: calc(100% - 20px) !important;
        padding: 11px !important;
        border-radius: 20px !important;
    }

        #bhoomiyugSearchCard .ip-tabs {
            flex-wrap: nowrap !important;
            gap: 7px !important;
            min-height: 49px !important;
            margin-bottom: 10px !important;
            padding: 0 0 8px !important;
        }

        #bhoomiyugSearchCard .ip-tab {
            flex: 0 0 auto !important;
            min-height: 39px !important;
            padding: 0 11px !important;
            gap: 6px !important;
            border-radius: 11px !important;
            font-size: 11px !important;
        }

        #bhoomiyugSearchCard .ip-tab-icon {
            width: 22px !important;
            height: 22px !important;
            flex-basis: 22px !important;
            border-radius: 7px !important;
            font-size: 10px !important;
        }

        #bhoomiyugSearchCard .ip-bar,
        #bhoomiyugSearchCard .ip-bar.commercial-active,
        #bhoomiyugSearchCard .ip-bar:not(.commercial-active) {
            grid-template-columns: minmax(0,1fr) minmax(0,1fr) !important;
            gap: 0 !important;
            min-height: 0 !important;
            padding: 7px !important;
            border-radius: 15px !important;
        }

        #bhoomiyugSearchCard .ip-category-field,
        #bhoomiyugSearchCard .ip-commercial-field {
            min-width: 0 !important;
            min-height: 43px !important;
            height: 43px !important;
            padding: 0 5px !important;
        }

        #bhoomiyugSearchCard .ip-category-field {
            border-right: 1px solid #e9dfcf !important;
        }

        #bhoomiyugSearchCard .ip-custom-select-trigger {
            height: 39px !important;
            padding: 0 6px !important;
            gap: 4px !important;
        }

        #bhoomiyugSearchCard .ip-custom-select-text {
            font-size: 11px !important;
        }

        #bhoomiyugSearchCard .ip-select-arrow {
            font-size: 9px !important;
        }

        #bhoomiyugSearchCard .ip-keyword-shell {
            grid-column: 1 / -1 !important;
            min-height: 46px !important;
            height: 46px !important;
            margin-top: 5px !important;
            padding: 0 7px !important;
            border-top: 1px solid #eee4d5 !important;
        }

            #bhoomiyugSearchCard .ip-keyword-shell .ip-input,
            #bhoomiyugSearchCard .ip-keyword-shell input {
                height: 42px !important;
                padding-left: 3px !important;
                font-size: 11px !important;
            }

        #bhoomiyugSearchCard .ip-keyword-filter-trigger,
        #bhoomiyugSearchCard .ip-keyword-clear {
            width: 30px !important;
            height: 30px !important;
        }

        #bhoomiyugSearchCard .ip-keyword-filter-trigger {
            right: 5px !important;
        }

        #bhoomiyugSearchCard .ip-keyword-clear {
            right: 40px !important;
        }

        #bhoomiyugSearchCard .ip-btn.ip-search-btn {
            grid-column: 1 / -1 !important;
            height: 43px !important;
            min-height: 43px !important;
            margin-top: 6px !important;
            border-radius: 10px !important;
            font-size: 12px !important;
        }

        #bhoomiyugSearchCard .ip-pills {
            flex-wrap: nowrap !important;
            gap: 6px !important;
            margin-top: 9px !important;
        }

        #bhoomiyugSearchCard .ip-pill {
            min-height: 33px !important;
            padding: 0 10px !important;
            border-radius: 10px !important;
            font-size: 10px !important;
        }

        #bhoomiyugSearchCard .ip-advanced.ip-modern-refine {
            position: relative !important;
            top: auto !important;
            left: auto !important;
            right: auto !important;
            width: 100% !important;
            max-height: 68vh !important;
            margin-top: 11px !important;
            padding: 15px !important;
            border-radius: 16px !important;
        }

        #bhoomiyugSearchCard .ip-modern-title-area h4 {
            font-size: 17px !important;
        }

        #bhoomiyugSearchCard .ip-modern-dropdown-row {
            grid-template-columns: minmax(0,1fr) !important;
            gap: 8px !important;
            margin-top: 13px !important;
        }

        #bhoomiyugSearchCard .ip-modern-dropdown-trigger {
            min-height: 56px !important;
        }

        #bhoomiyugSearchCard .ip-modern-dropdown-menu {
            position: relative !important;
            top: auto !important;
            left: auto !important;
            right: auto !important;
            width: 100% !important;
            max-height: 210px !important;
            overflow-y: auto !important;
        }

        #bhoomiyugSearchCard .ip-filter-summary {
            gap: 10px !important;
        }

        #bhoomiyugSearchCard .ip-actions {
            display: flex !important;
            gap: 8px !important;
        }
}

/* Very narrow phones: keep every tab in a single swipeable rail. */
@media (max-width: 380px) {
    #bhoomiyugSearchCard {
        width: calc(100% - 14px) !important;
        padding: 9px !important;
    }

        #bhoomiyugSearchCard .ip-tabs {
            gap: 5px !important;
        }

        #bhoomiyugSearchCard .ip-tab {
            min-height: 37px !important;
            padding: 0 9px !important;
            font-size: 10px !important;
        }

        #bhoomiyugSearchCard .ip-custom-select-text {
            font-size: 10px !important;
        }
}

/* Keyboard focus and reduced-motion accessibility. */
#bhoomiyugSearchCard button:focus-visible,
#bhoomiyugSearchCard input:focus-visible {
    outline: 2px solid #d3a653 !important;
    outline-offset: 2px !important;
}

@media (prefers-reduced-motion: reduce) {
    #bhoomiyugSearchCard *,
    #bhoomiyugSearchCard *::before,
    #bhoomiyugSearchCard *::after {
        scroll-behavior: auto !important;
        transition-duration: .01ms !important;
        animation-duration: .01ms !important;
    }
}

/* ==========================================================================
   FINAL ROOT FIX — CATEGORY ALIGNMENT + REAL MOBILE LAYOUT
   This block intentionally comes LAST. It overrides legacy rules in style.css:
   #bhoomiyugSearchBar .ip-custom-select-trigger { left:43px/40px }
   and the old two-column mobile search grid.
   ========================================================================== */

#bhoomiyugSearchCard,
#bhoomiyugSearchCard *,
#bhoomiyugSearchCard *::before,
#bhoomiyugSearchCard *::after {
    box-sizing: border-box !important;
}

    /* Desktop search row */
    #bhoomiyugSearchCard #bhoomiyugSearchBar {
        display: grid !important;
        grid-template-columns: 165px minmax(0, 1fr) 118px !important;
        gap: 0 !important;
        align-items: center !important;
        width: 100% !important;
        margin: 0 !important;
        padding: 5px !important;
        overflow: visible !important;
    }

        /* Keep the commercial transaction selector hidden until the existing JS enables it. */
        #bhoomiyugSearchCard #bhoomiyugSearchBar .ip-commercial-field[style*="display: none"] {
            display: none !important;
        }

        #bhoomiyugSearchCard #bhoomiyugSearchBar .ip-category-field,
        #bhoomiyugSearchCard #bhoomiyugSearchBar .ip-commercial-field {
            position: relative !important;
            display: flex !important;
            align-items: center !important;
            justify-content: flex-start !important;
            width: 100% !important;
            min-width: 0 !important;
            max-width: none !important;
            height: 52px !important;
            min-height: 52px !important;
            margin: 0 !important;
            padding: 0 7px !important;
            border: 0 !important;
            border-right: 1px solid #e9dfcf !important;
            border-radius: 0 !important;
            background: transparent !important;
            box-shadow: none !important;
        }

            /* Important: override legacy left:43px and left:40px rules with higher specificity. */
            #bhoomiyugSearchCard #bhoomiyugSearchBar .ip-category-field .ip-custom-select-trigger,
            #bhoomiyugSearchCard #bhoomiyugSearchBar .ip-commercial-field .ip-custom-select-trigger {
                position: relative !important;
                inset: auto !important;
                left: 0 !important;
                right: auto !important;
                top: auto !important;
                bottom: auto !important;
                display: flex !important;
                align-items: center !important;
                justify-content: space-between !important;
                width: 100% !important;
                min-width: 0 !important;
                max-width: 100% !important;
                height: 46px !important;
                min-height: 46px !important;
                margin: 0 !important;
                padding: 0 9px !important;
                transform: none !important;
                border: 1px solid transparent !important;
                border-radius: 10px !important;
                background: transparent !important;
                text-align: left !important;
                box-shadow: none !important;
            }

                #bhoomiyugSearchCard #bhoomiyugSearchBar .ip-category-field .ip-custom-select-trigger:hover,
                #bhoomiyugSearchCard #bhoomiyugSearchBar .ip-commercial-field .ip-custom-select-trigger:hover,
                #bhoomiyugSearchCard #bhoomiyugSearchBar .ip-category-field .ip-custom-select-trigger.active,
                #bhoomiyugSearchCard #bhoomiyugSearchBar .ip-commercial-field .ip-custom-select-trigger.active {
                    border-color: rgba(181,139,65,.34) !important;
                    background: #f8efdf !important;
                }

        #bhoomiyugSearchCard #bhoomiyugSearchBar .ip-custom-select-text {
            display: block !important;
            flex: 1 1 auto !important;
            min-width: 0 !important;
            margin: 0 !important;
            padding: 0 !important;
            text-align: left !important;
            color: #352716 !important;
            font-size: 13px !important;
            font-weight: 800 !important;
            white-space: nowrap !important;
            overflow: hidden !important;
            text-overflow: ellipsis !important;
        }

        #bhoomiyugSearchCard #bhoomiyugSearchBar .ip-select-arrow {
            position: static !important;
            inset: auto !important;
            flex: 0 0 22px !important;
            display: inline-flex !important;
            align-items: center !important;
            justify-content: center !important;
            width: 22px !important;
            height: 22px !important;
            margin: 0 !important;
            padding: 0 !important;
            transform: none !important;
            background: transparent !important;
            color: #9a6c25 !important;
        }

        #bhoomiyugSearchCard #bhoomiyugSearchBar .ip-keyword-shell {
            display: flex !important;
            align-items: center !important;
            width: 100% !important;
            min-width: 0 !important;
            height: 52px !important;
            min-height: 52px !important;
            margin: 0 !important;
            padding: 0 10px !important;
            border: 0 !important;
            background: transparent !important;
        }

            #bhoomiyugSearchCard #bhoomiyugSearchBar .ip-keyword-shell #ipKeyword {
                display: block !important;
                flex: 1 1 auto !important;
                width: 100% !important;
                min-width: 0 !important;
                height: 46px !important;
                margin: 0 !important;
                padding: 0 82px 0 4px !important;
                border: 0 !important;
                outline: 0 !important;
                background: transparent !important;
                color: #352716 !important;
                text-align: left !important;
                font-size: 13px !important;
                box-shadow: none !important;
            }

        #bhoomiyugSearchCard #bhoomiyugSearchBar .ip-selected-filter-chips {
            position: absolute !important;
            left: 12px !important;
            top: 50% !important;
            z-index: 2 !important;
            max-width: calc(100% - 105px) !important;
            transform: translateY(-50%) !important;
            pointer-events: none !important;
        }

        #bhoomiyugSearchCard #bhoomiyugSearchBar .ip-btn.ip-search-btn {
            width: 100% !important;
            min-width: 0 !important;
            height: 48px !important;
            min-height: 48px !important;
            margin: 0 !important;
            white-space: nowrap !important;
        }

        /* Commercial mode adds one compact column, without moving the category away. */
        #bhoomiyugSearchCard #bhoomiyugSearchBar:has(#ipCommercialField[style*="flex"]),
        #bhoomiyugSearchCard #bhoomiyugSearchBar:has(#ipCommercialField[style*="block"]) {
            grid-template-columns: 155px 150px minmax(0, 1fr) 118px !important;
        }

    /* Horizontal swipe rails */
    #bhoomiyugSearchCard .ip-tabs,
    #bhoomiyugSearchCard .ip-pills {
        display: flex !important;
        flex-wrap: nowrap !important;
        justify-content: flex-start !important;
        width: 100% !important;
        max-width: 100% !important;
        overflow-x: auto !important;
        overflow-y: hidden !important;
        -webkit-overflow-scrolling: touch !important;
        overscroll-behavior-x: contain !important;
        scrollbar-width: none !important;
    }

        #bhoomiyugSearchCard .ip-tabs::-webkit-scrollbar,
        #bhoomiyugSearchCard .ip-pills::-webkit-scrollbar {
            display: none !important;
        }

    #bhoomiyugSearchCard .ip-tab,
    #bhoomiyugSearchCard .ip-pill {
        flex: 0 0 auto !important;
        width: auto !important;
        white-space: nowrap !important;
    }

/* Mobile/tablet: full-width category, location and search controls. */
@media (max-width: 767px) {
    .ip-search-wrapper {
        width: 100% !important;
        margin-top: -22px !important;
        padding: 0 10px 22px !important;
    }

        .ip-search-wrapper > .container.position-top-latest {
            width: 100% !important;
            max-width: 100% !important;
            margin: 0 auto !important;
            padding-right: 0 !important;
            padding-left: 0 !important;
        }

    #bhoomiyugSearchCard {
        width: 100% !important;
        max-width: 100% !important;
        margin: 0 !important;
        padding: 10px !important;
        border-radius: 19px !important;
    }

        #bhoomiyugSearchCard .ip-tabs {
            flex-direction: row !important;
            flex-wrap: nowrap !important;
            justify-content: flex-start !important;
            gap: 6px !important;
            min-height: 46px !important;
            margin: 0 0 9px !important;
            padding: 0 0 8px !important;
            overflow-x: auto !important;
            scroll-snap-type: x proximity !important;
        }

        #bhoomiyugSearchCard .ip-tab {
            flex: 0 0 auto !important;
            width: auto !important;
            min-width: max-content !important;
            height: 38px !important;
            min-height: 38px !important;
            padding: 0 10px !important;
            gap: 6px !important;
            scroll-snap-align: start;
            font-size: 11px !important;
        }

        #bhoomiyugSearchCard .ip-tab-icon {
            width: 21px !important;
            height: 21px !important;
            flex: 0 0 21px !important;
            border-radius: 7px !important;
        }

        #bhoomiyugSearchCard #bhoomiyugSearchBar,
        #bhoomiyugSearchCard #bhoomiyugSearchBar:has(#ipCommercialField[style*="flex"]),
        #bhoomiyugSearchCard #bhoomiyugSearchBar:has(#ipCommercialField[style*="block"]) {
            display: grid !important;
            grid-template-columns: minmax(0, 1fr) !important;
            grid-auto-flow: row !important;
            gap: 0 !important;
            width: 100% !important;
            min-width: 0 !important;
            margin: 0 !important;
            padding: 7px !important;
            border-radius: 14px !important;
            overflow: visible !important;
        }

            #bhoomiyugSearchCard #bhoomiyugSearchBar .ip-category-field,
            #bhoomiyugSearchCard #bhoomiyugSearchBar .ip-commercial-field {
                grid-column: 1 / -1 !important;
                width: 100% !important;
                min-width: 0 !important;
                max-width: 100% !important;
                height: 43px !important;
                min-height: 43px !important;
                margin: 0 !important;
                padding: 0 2px !important;
                border: 0 !important;
                border-bottom: 1px solid #eee4d5 !important;
                border-radius: 0 !important;
            }

                #bhoomiyugSearchCard #bhoomiyugSearchBar .ip-category-field .ip-custom-select-trigger,
                #bhoomiyugSearchCard #bhoomiyugSearchBar .ip-commercial-field .ip-custom-select-trigger {
                    position: relative !important;
                    left: 0 !important;
                    right: auto !important;
                    top: auto !important;
                    bottom: auto !important;
                    width: 100% !important;
                    max-width: 100% !important;
                    height: 40px !important;
                    min-height: 40px !important;
                    margin: 0 !important;
                    padding: 0 9px !important;
                    transform: none !important;
                    text-align: left !important;
                    justify-content: space-between !important;
                }

            #bhoomiyugSearchCard #bhoomiyugSearchBar .ip-custom-select-text {
                text-align: left !important;
                font-size: 12px !important;
            }

            #bhoomiyugSearchCard #bhoomiyugSearchBar .ip-keyword-shell {
                grid-column: 1 / -1 !important;
                position: relative !important;
                width: 100% !important;
                min-width: 0 !important;
                height: 45px !important;
                min-height: 45px !important;
                margin: 0 !important;
                padding: 0 4px !important;
                border: 0 !important;
                border-bottom: 1px solid #eee4d5 !important;
                border-radius: 0 !important;
            }

                #bhoomiyugSearchCard #bhoomiyugSearchBar .ip-keyword-shell #ipKeyword {
                    width: 100% !important;
                    min-width: 0 !important;
                    height: 42px !important;
                    padding: 0 75px 0 4px !important;
                    text-align: left !important;
                    font-size: 11px !important;
                }

            #bhoomiyugSearchCard #bhoomiyugSearchBar .ip-selected-filter-chips {
                left: 7px !important;
                max-width: calc(100% - 85px) !important;
            }

            #bhoomiyugSearchCard #bhoomiyugSearchBar .ip-keyword-filter-trigger {
                right: 4px !important;
                width: 30px !important;
                height: 30px !important;
            }

            #bhoomiyugSearchCard #bhoomiyugSearchBar .ip-keyword-clear {
                right: 40px !important;
                width: 30px !important;
                height: 30px !important;
            }

            #bhoomiyugSearchCard #bhoomiyugSearchBar .ip-btn.ip-search-btn {
                grid-column: 1 / -1 !important;
                width: 100% !important;
                height: 42px !important;
                min-height: 42px !important;
                margin: 7px 0 0 !important;
                border-radius: 10px !important;
                font-size: 12px !important;
            }

        #bhoomiyugSearchCard .ip-pills {
            gap: 6px !important;
            margin-top: 9px !important;
            padding: 1px 0 5px !important;
        }

        #bhoomiyugSearchCard .ip-pill {
            min-height: 32px !important;
            padding: 0 10px !important;
            font-size: 10px !important;
        }

        #bhoomiyugSearchCard .ip-advanced.ip-modern-refine {
            position: relative !important;
            top: auto !important;
            left: auto !important;
            right: auto !important;
            width: 100% !important;
            max-height: 68vh !important;
            margin: 10px 0 0 !important;
            padding: 14px !important;
            border-radius: 15px !important;
            overflow-y: auto !important;
        }

        #bhoomiyugSearchCard .ip-modern-dropdown-row {
            grid-template-columns: minmax(0, 1fr) !important;
            gap: 8px !important;
        }
}

/* Small phones */
@media (max-width: 380px) {
    .ip-search-wrapper {
        padding-right: 7px !important;
        padding-left: 7px !important;
    }

    #bhoomiyugSearchCard {
        padding: 8px !important;
        border-radius: 16px !important;
    }

        #bhoomiyugSearchCard .ip-tab {
            height: 36px !important;
            min-height: 36px !important;
            padding: 0 8px !important;
            font-size: 10px !important;
        }

        #bhoomiyugSearchCard #bhoomiyugSearchBar .ip-custom-select-text {
            font-size: 11px !important;
        }
}

/* Tablet landscape keeps the desktop search row but prevents overflow. */
@media (min-width: 768px) and (max-width: 1024px) {
    #bhoomiyugSearchCard {
        width: calc(100% - 24px) !important;
        padding: 14px !important;
    }

        #bhoomiyugSearchCard #bhoomiyugSearchBar {
            grid-template-columns: 150px minmax(0, 1fr) 110px !important;
        }

            #bhoomiyugSearchCard #bhoomiyugSearchBar:has(#ipCommercialField[style*="flex"]),
            #bhoomiyugSearchCard #bhoomiyugSearchBar:has(#ipCommercialField[style*="block"]) {
                grid-template-columns: 135px 130px minmax(0, 1fr) 110px !important;
            }
}



/* ==========================================================================
   BHOOMIYUG SEARCH BAR — FINAL ROOT FIX (V2)
   Fixes: Commercial mode taking excess width, hidden keyword input,
   desktop Search button wrapping, and mobile overflow.
   Keep this block at the VERY END of premium-search.css.
   ========================================================================== */

#bhoomiyugSearchCard #bhoomiyugSearchBar,
#bhoomiyugSearchCard #bhoomiyugSearchBar.commercial-active {
    display: grid !important;
    grid-auto-flow: row !important;
    align-items: center !important;
    gap: 0 !important;
    width: 100% !important;
    min-width: 0 !important;
    min-height: 66px !important;
    padding: 5px !important;
    border-radius: 19px !important;
    overflow: visible !important;
    box-sizing: border-box !important;
}

/* Normal mode: Category | Keyword | Search */
#bhoomiyugSearchCard #bhoomiyugSearchBar {
    grid-template-columns: 168px minmax(0, 1fr) 124px !important;
}

    /* Commercial mode: Category | Buy/Rent | Keyword | Search.
   This selector activates only when the existing script makes the field visible. */
    #bhoomiyugSearchCard #bhoomiyugSearchBar:has(#ipCommercialField[style*="flex"]),
    #bhoomiyugSearchCard #bhoomiyugSearchBar:has(#ipCommercialField[style*="block"]) {
        grid-template-columns: 158px 148px minmax(180px, 1fr) 124px !important;
    }

    /* Category and commercial transaction selectors */
    #bhoomiyugSearchCard #bhoomiyugSearchBar > .ip-category-field,
    #bhoomiyugSearchCard #bhoomiyugSearchBar > .ip-commercial-field {
        position: relative !important;
        display: flex !important;
        align-items: center !important;
        justify-content: stretch !important;
        align-self: stretch !important;
        width: 100% !important;
        min-width: 0 !important;
        max-width: 100% !important;
        height: 54px !important;
        min-height: 54px !important;
        margin: 0 !important;
        padding: 0 7px !important;
        border: 0 !important;
        border-right: 1px solid #e9dfcf !important;
        border-radius: 0 !important;
        box-sizing: border-box !important;
    }

/* Do not override inline display:none on the commercial selector. */
#bhoomiyugSearchCard #ipCommercialField[style*="none"] {
    display: none !important;
}

#bhoomiyugSearchCard #bhoomiyugSearchBar .ip-category-field > .ip-select,
#bhoomiyugSearchCard #bhoomiyugSearchBar .ip-commercial-field > .ip-select {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    min-height: 1px !important;
    padding: 0 !important;
    opacity: 0 !important;
    pointer-events: none !important;
    overflow: hidden !important;
}

#bhoomiyugSearchCard #bhoomiyugSearchBar .ip-custom-select-trigger {
    position: relative !important;
    inset: auto !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 8px !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    height: 46px !important;
    min-height: 46px !important;
    margin: 0 !important;
    padding: 0 10px !important;
    transform: none !important;
    border: 1px solid transparent !important;
    border-radius: 11px !important;
    background: transparent !important;
    color: #352716 !important;
    text-align: left !important;
    white-space: nowrap !important;
    box-sizing: border-box !important;
}

    #bhoomiyugSearchCard #bhoomiyugSearchBar .ip-custom-select-trigger:hover,
    #bhoomiyugSearchCard #bhoomiyugSearchBar .ip-custom-select-trigger.active {
        border-color: rgba(181,139,65,.34) !important;
        background: #f8efdf !important;
    }

#bhoomiyugSearchCard #bhoomiyugSearchBar .ip-custom-select-text {
    display: block !important;
    flex: 1 1 auto !important;
    min-width: 0 !important;
    overflow: hidden !important;
    text-align: left !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
}

/* Keyword field must remain visible and occupy all remaining desktop width. */
#bhoomiyugSearchCard #bhoomiyugSearchBar > .ip-keyword-shell {
    position: relative !important;
    display: flex !important;
    grid-column: auto !important;
    align-items: center !important;
    align-self: stretch !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    height: 54px !important;
    min-height: 54px !important;
    margin: 0 !important;
    padding: 0 48px 0 12px !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    overflow: visible !important;
    box-sizing: border-box !important;
}

    #bhoomiyugSearchCard #bhoomiyugSearchBar > .ip-keyword-shell #ipKeyword {
        position: relative !important;
        display: block !important;
        visibility: visible !important;
        opacity: 1 !important;
        flex: 1 1 auto !important;
        width: 100% !important;
        min-width: 0 !important;
        max-width: 100% !important;
        height: 48px !important;
        min-height: 48px !important;
        margin: 0 !important;
        padding: 0 4px !important;
        border: 0 !important;
        outline: 0 !important;
        background: transparent !important;
        color: #352716 !important;
        font-size: 13px !important;
        font-weight: 600 !important;
        line-height: normal !important;
        text-align: left !important;
        box-shadow: none !important;
        box-sizing: border-box !important;
    }

        #bhoomiyugSearchCard #bhoomiyugSearchBar > .ip-keyword-shell #ipKeyword::placeholder {
            color: #877b6b !important;
            opacity: 1 !important;
        }

#bhoomiyugSearchCard #bhoomiyugSearchBar .ip-selected-filter-chips {
    position: absolute !important;
    left: 12px !important;
    top: 50% !important;
    z-index: 2 !important;
    max-width: calc(100% - 100px) !important;
    transform: translateY(-50%) !important;
    pointer-events: none !important;
}

/* Keep filter/clear actions inside the keyword field, not in a separate grid cell. */
#bhoomiyugSearchCard #bhoomiyugSearchBar .ip-keyword-filter-trigger {
    position: absolute !important;
    top: 50% !important;
    right: 8px !important;
    left: auto !important;
    z-index: 4 !important;
    width: 35px !important;
    height: 35px !important;
    margin: 0 !important;
    transform: translateY(-50%) !important;
}

#bhoomiyugSearchCard #bhoomiyugSearchBar .ip-keyword-clear {
    position: absolute !important;
    top: 50% !important;
    right: 49px !important;
    left: auto !important;
    z-index: 4 !important;
    width: 32px !important;
    height: 32px !important;
    margin: 0 !important;
    transform: translateY(-50%) !important;
}

/* Desktop Search button stays in the same row. */
#bhoomiyugSearchCard #bhoomiyugSearchBar > .ip-btn.ip-search-btn {
    position: relative !important;
    display: inline-flex !important;
    grid-column: auto !important;
    justify-self: stretch !important;
    align-self: center !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    height: 48px !important;
    min-height: 48px !important;
    margin: 0 !important;
    padding: 0 10px !important;
    white-space: nowrap !important;
    box-sizing: border-box !important;
}

/* The pills remain a single horizontal swipe row. */
#bhoomiyugSearchCard .ip-tabs,
#bhoomiyugSearchCard .ip-pills {
    flex-wrap: nowrap !important;
    justify-content: flex-start !important;
    max-width: 100% !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    -webkit-overflow-scrolling: touch !important;
}

/* Tablet: keep all visible controls in one line with smaller fixed columns. */
@media (min-width: 768px) and (max-width: 1100px) {
    #bhoomiyugSearchCard #bhoomiyugSearchBar {
        grid-template-columns: 145px minmax(0, 1fr) 112px !important;
    }

        #bhoomiyugSearchCard #bhoomiyugSearchBar:has(#ipCommercialField[style*="flex"]),
        #bhoomiyugSearchCard #bhoomiyugSearchBar:has(#ipCommercialField[style*="block"]) {
            grid-template-columns: 132px 125px minmax(140px, 1fr) 108px !important;
        }

        #bhoomiyugSearchCard #bhoomiyugSearchBar .ip-custom-select-trigger {
            padding-right: 7px !important;
            padding-left: 7px !important;
        }
}

/* Mobile: category/mode, keyword and Search become clean full-width rows. */
@media (max-width: 767px) {
    .ip-search-wrapper {
        width: 100% !important;
        margin-top: -22px !important;
        padding: 0 10px 20px !important;
        box-sizing: border-box !important;
    }

        .ip-search-wrapper > .container.position-top-latest {
            width: 100% !important;
            max-width: 100% !important;
            margin: 0 !important;
            padding: 0 !important;
        }

    #bhoomiyugSearchCard {
        width: 100% !important;
        max-width: 100% !important;
        margin: 0 !important;
        padding: 10px !important;
        border-radius: 18px !important;
        box-sizing: border-box !important;
    }

        #bhoomiyugSearchCard #bhoomiyugSearchBar,
        #bhoomiyugSearchCard #bhoomiyugSearchBar:has(#ipCommercialField[style*="flex"]),
        #bhoomiyugSearchCard #bhoomiyugSearchBar:has(#ipCommercialField[style*="block"]) {
            display: grid !important;
            grid-template-columns: minmax(0, 1fr) !important;
            grid-auto-flow: row !important;
            gap: 0 !important;
            width: 100% !important;
            min-width: 0 !important;
            min-height: 0 !important;
            padding: 7px !important;
            border-radius: 14px !important;
            box-sizing: border-box !important;
        }

            #bhoomiyugSearchCard #bhoomiyugSearchBar > .ip-category-field,
            #bhoomiyugSearchCard #bhoomiyugSearchBar > .ip-commercial-field {
                grid-column: 1 / -1 !important;
                width: 100% !important;
                max-width: 100% !important;
                height: 43px !important;
                min-height: 43px !important;
                margin: 0 !important;
                padding: 0 3px !important;
                border: 0 !important;
                border-bottom: 1px solid #eee4d5 !important;
            }

            #bhoomiyugSearchCard #bhoomiyugSearchBar .ip-custom-select-trigger {
                width: 100% !important;
                height: 42px !important;
                min-height: 42px !important;
                padding: 0 9px !important;
            }

            #bhoomiyugSearchCard #bhoomiyugSearchBar .ip-custom-select-text {
                font-size: 12px !important;
            }

            #bhoomiyugSearchCard #bhoomiyugSearchBar > .ip-keyword-shell {
                grid-column: 1 / -1 !important;
                width: 100% !important;
                height: 47px !important;
                min-height: 47px !important;
                margin: 0 !important;
                padding: 0 78px 0 5px !important;
                border: 0 !important;
                border-bottom: 1px solid #eee4d5 !important;
            }

                #bhoomiyugSearchCard #bhoomiyugSearchBar > .ip-keyword-shell #ipKeyword {
                    display: block !important;
                    width: 100% !important;
                    height: 45px !important;
                    min-height: 45px !important;
                    padding: 0 2px !important;
                    font-size: 12px !important;
                }

            #bhoomiyugSearchCard #bhoomiyugSearchBar .ip-selected-filter-chips {
                left: 5px !important;
                max-width: calc(100% - 78px) !important;
            }

            #bhoomiyugSearchCard #bhoomiyugSearchBar .ip-keyword-filter-trigger {
                right: 5px !important;
                width: 31px !important;
                height: 31px !important;
            }

            #bhoomiyugSearchCard #bhoomiyugSearchBar .ip-keyword-clear {
                right: 42px !important;
                width: 29px !important;
                height: 29px !important;
            }

            #bhoomiyugSearchCard #bhoomiyugSearchBar > .ip-btn.ip-search-btn {
                grid-column: 1 / -1 !important;
                width: 100% !important;
                height: 43px !important;
                min-height: 43px !important;
                margin: 7px 0 0 !important;
                border-radius: 10px !important;
            }

        #bhoomiyugSearchCard .ip-tabs {
            display: flex !important;
            flex-wrap: nowrap !important;
            width: 100% !important;
            overflow-x: auto !important;
            gap: 6px !important;
            padding-bottom: 7px !important;
            scrollbar-width: none !important;
        }

            #bhoomiyugSearchCard .ip-tabs::-webkit-scrollbar,
            #bhoomiyugSearchCard .ip-pills::-webkit-scrollbar {
                display: none !important;
            }

        #bhoomiyugSearchCard .ip-tab {
            flex: 0 0 auto !important;
            width: auto !important;
            min-width: max-content !important;
            min-height: 37px !important;
            padding: 0 10px !important;
            font-size: 11px !important;
        }

        #bhoomiyugSearchCard .ip-pills {
            display: flex !important;
            flex-wrap: nowrap !important;
            width: 100% !important;
            overflow-x: auto !important;
            gap: 6px !important;
        }

        #bhoomiyugSearchCard .ip-pill {
            flex: 0 0 auto !important;
            min-height: 32px !important;
            padding: 0 10px !important;
            font-size: 10px !important;
        }

        #bhoomiyugSearchCard .ip-advanced.ip-modern-refine {
            position: relative !important;
            top: auto !important;
            left: auto !important;
            right: auto !important;
            width: 100% !important;
            max-height: 68vh !important;
            margin: 10px 0 0 !important;
            padding: 13px !important;
            border-radius: 14px !important;
            overflow-y: auto !important;
            box-sizing: border-box !important;
        }

        #bhoomiyugSearchCard .ip-modern-dropdown-row {
            grid-template-columns: minmax(0, 1fr) !important;
            gap: 8px !important;
        }
}

@media (max-width: 380px) {
    .ip-search-wrapper {
        padding-right: 7px !important;
        padding-left: 7px !important;
    }

    #bhoomiyugSearchCard {
        padding: 8px !important;
    }

        #bhoomiyugSearchCard #bhoomiyugSearchBar .ip-custom-select-text,
        #bhoomiyugSearchCard #bhoomiyugSearchBar #ipKeyword {
            font-size: 11px !important;
        }
}



/* ==========================================================================
   BHOOMIYUG — SELECTED FILTER CHIP / KEYWORD PLACEHOLDER FIX (V3)
   Root fix:
   - Chips now participate in normal flex layout (no absolute overlap).
   - Keyword placeholder starts AFTER the selected chip(s).
   - Remove (x) controls remain clickable.
   - Multiple chips scroll inside their own compact rail.
   ========================================================================== */

/* The keyword shell is a real horizontal layout, not an overlay canvas. */
#bhoomiyugSearchCard #ipKeywordShell {
    display: flex !important;
    position: relative !important;
    align-items: center !important;
    flex-wrap: nowrap !important;
    gap: 9px !important;
    min-width: 0 !important;
    width: 100% !important;
    box-sizing: border-box !important;
    padding: 0 91px 0 12px !important;
    overflow: hidden !important;
}

    /* Hide the empty chip holder. When chips exist, it takes its own width
   before the input, so the placeholder can never render underneath it. */
    #bhoomiyugSearchCard #ipKeywordShell #ipSelectedFilterChips {
        display: none !important;
        position: static !important;
        inset: auto !important;
        top: auto !important;
        left: auto !important;
        right: auto !important;
        bottom: auto !important;
        transform: none !important;
        float: none !important;
        flex: 0 1 auto !important;
        align-items: center !important;
        align-self: center !important;
        gap: 6px !important;
        width: auto !important;
        min-width: 0 !important;
        max-width: 48% !important;
        height: auto !important;
        max-height: 38px !important;
        margin: 0 !important;
        padding: 0 !important;
        border: 0 !important;
        border-radius: 0 !important;
        background: transparent !important;
        box-shadow: none !important;
        overflow-x: auto !important;
        overflow-y: hidden !important;
        white-space: nowrap !important;
        pointer-events: auto !important;
        scrollbar-width: none !important;
        -webkit-overflow-scrolling: touch !important;
        z-index: 3 !important;
        box-sizing: border-box !important;
    }

        #bhoomiyugSearchCard #ipKeywordShell #ipSelectedFilterChips::-webkit-scrollbar {
            display: none !important;
        }

    #bhoomiyugSearchCard #ipKeywordShell.has-selected-filters #ipSelectedFilterChips {
        display: inline-flex !important;
    }

    /* Input starts after the chips. The placeholder remains visible in the
   remaining space and naturally ellipsizes instead of sitting underneath. */
    #bhoomiyugSearchCard #ipKeywordShell #ipKeyword {
        position: relative !important;
        display: block !important;
        visibility: visible !important;
        opacity: 1 !important;
        order: 2 !important;
        flex: 1 1 180px !important;
        width: 1% !important;
        min-width: 105px !important;
        max-width: 100% !important;
        height: 48px !important;
        min-height: 48px !important;
        margin: 0 !important;
        padding: 0 2px !important;
        border: 0 !important;
        outline: 0 !important;
        background: transparent !important;
        color: #352716 !important;
        font-size: 13px !important;
        font-weight: 600 !important;
        line-height: 1.35 !important;
        text-align: left !important;
        text-overflow: ellipsis !important;
        white-space: nowrap !important;
        box-shadow: none !important;
        box-sizing: border-box !important;
        z-index: 1 !important;
    }

        #bhoomiyugSearchCard #ipKeywordShell #ipKeyword::placeholder {
            color: #877b6b !important;
            opacity: 1 !important;
            font-weight: 500 !important;
            text-overflow: ellipsis !important;
        }

/* Premium selected chip. Keep the chip itself compact and the label clipped
   inside the chip, never across the keyword input. */
#bhoomiyugSearchCard #ipSelectedFilterChips .ip-selected-filter-chip {
    display: inline-flex !important;
    position: relative !important;
    flex: 0 0 auto !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 6px !important;
    width: auto !important;
    min-width: 0 !important;
    max-width: 190px !important;
    min-height: 30px !important;
    height: 30px !important;
    margin: 0 !important;
    padding: 0 7px 0 9px !important;
    border: 1px solid rgba(183, 132, 49, .34) !important;
    border-radius: 999px !important;
    background: linear-gradient(135deg, #fff7e8 0%, #f3e2c3 100%) !important;
    color: #684817 !important;
    font-size: 11px !important;
    font-weight: 800 !important;
    line-height: 1 !important;
    white-space: nowrap !important;
    box-shadow: 0 2px 7px rgba(86, 58, 19, .08) !important;
    box-sizing: border-box !important;
    pointer-events: auto !important;
}

    #bhoomiyugSearchCard #ipSelectedFilterChips .ip-selected-filter-chip > i {
        flex: 0 0 auto !important;
        color: #a8782d !important;
        font-size: 10px !important;
    }

#bhoomiyugSearchCard #ipSelectedFilterChips .ip-selected-filter-chip-text {
    display: block !important;
    flex: 0 1 auto !important;
    min-width: 0 !important;
    max-width: 135px !important;
    overflow: hidden !important;
    color: #684817 !important;
    font-size: 11px !important;
    font-weight: 800 !important;
    line-height: 1.2 !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
}

#bhoomiyugSearchCard #ipSelectedFilterChips .ip-selected-filter-remove {
    display: inline-flex !important;
    position: relative !important;
    inset: auto !important;
    flex: 0 0 19px !important;
    align-items: center !important;
    justify-content: center !important;
    width: 19px !important;
    min-width: 19px !important;
    height: 19px !important;
    min-height: 19px !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 50% !important;
    background: rgba(143, 96, 29, .12) !important;
    color: #81571d !important;
    font-size: 10px !important;
    line-height: 1 !important;
    cursor: pointer !important;
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
    box-shadow: none !important;
    transform: none !important;
    transition: background .18s ease, color .18s ease, transform .18s ease !important;
}

    #bhoomiyugSearchCard #ipSelectedFilterChips .ip-selected-filter-remove:hover,
    #bhoomiyugSearchCard #ipSelectedFilterChips .ip-selected-filter-remove:focus-visible {
        background: #8f601d !important;
        color: #fff !important;
        outline: none !important;
        transform: scale(1.06) !important;
    }

    #bhoomiyugSearchCard #ipSelectedFilterChips .ip-selected-filter-remove i {
        display: block !important;
        color: inherit !important;
        font-size: 10px !important;
        pointer-events: none !important;
    }

/* The action icons stay above the input but outside the chip/input flow. */
#bhoomiyugSearchCard #ipKeywordShell .ip-keyword-filter-trigger {
    position: absolute !important;
    top: 50% !important;
    right: 8px !important;
    left: auto !important;
    z-index: 5 !important;
    transform: translateY(-50%) !important;
}

#bhoomiyugSearchCard #ipKeywordShell .ip-keyword-clear {
    position: absolute !important;
    top: 50% !important;
    right: 49px !important;
    left: auto !important;
    z-index: 5 !important;
    transform: translateY(-50%) !important;
}

/* When the actual keyword has text, reserve the clear icon area as well. */
#bhoomiyugSearchCard #ipKeywordShell #ipKeyword:not(:placeholder-shown) {
    padding-right: 2px !important;
}

/* Tablet and mobile: keep chips and placeholder in the same orderly row.
   Chips get a little more room on narrow screens; extra chips swipe inside. */
@media (max-width: 767px) {
    #bhoomiyugSearchCard #ipKeywordShell {
        display: flex !important;
        flex-direction: row !important;
        flex-wrap: nowrap !important;
        align-items: center !important;
        gap: 6px !important;
        height: 47px !important;
        min-height: 47px !important;
        padding: 0 78px 0 5px !important;
        overflow: hidden !important;
    }

        #bhoomiyugSearchCard #ipKeywordShell #ipSelectedFilterChips {
            max-width: 48% !important;
            max-height: 34px !important;
            gap: 4px !important;
        }

    #bhoomiyugSearchCard #ipSelectedFilterChips .ip-selected-filter-chip {
        max-width: 145px !important;
        min-height: 27px !important;
        height: 27px !important;
        gap: 4px !important;
        padding: 0 5px 0 7px !important;
        font-size: 10px !important;
    }

    #bhoomiyugSearchCard #ipSelectedFilterChips .ip-selected-filter-chip-text {
        max-width: 92px !important;
        font-size: 10px !important;
    }

    #bhoomiyugSearchCard #ipSelectedFilterChips .ip-selected-filter-remove {
        flex-basis: 17px !important;
        width: 17px !important;
        min-width: 17px !important;
        height: 17px !important;
        min-height: 17px !important;
    }

    #bhoomiyugSearchCard #ipKeywordShell #ipKeyword {
        flex: 1 1 90px !important;
        width: 1% !important;
        min-width: 75px !important;
        height: 45px !important;
        min-height: 45px !important;
        padding: 0 1px !important;
        font-size: 12px !important;
    }

    #bhoomiyugSearchCard #ipKeywordShell .ip-keyword-filter-trigger {
        right: 5px !important;
    }

    #bhoomiyugSearchCard #ipKeywordShell .ip-keyword-clear {
        right: 42px !important;
    }
}

@media (max-width: 380px) {
    #bhoomiyugSearchCard #ipKeywordShell {
        gap: 4px !important;
        padding-right: 73px !important;
    }

        #bhoomiyugSearchCard #ipKeywordShell #ipSelectedFilterChips {
            max-width: 44% !important;
        }

        #bhoomiyugSearchCard #ipKeywordShell #ipKeyword {
            min-width: 66px !important;
            font-size: 11px !important;
        }
}



/* ==========================================================================
   BHOOMIYUG — CHIP CLOSE BUTTON VISIBILITY + KEYWORD LAYOUT FIX (V5)
   Applied after all previous V1/V2/V3/V4 rules.
   Keeps existing markup, IDs, filter state and home.js event handlers.
   ========================================================================== */

/* Keep the keyword field as a predictable flex row. */
#bhoomiyugSearchCard #ipKeywordShell {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 8px !important;
    position: relative !important;
    min-width: 0 !important;
    width: 100% !important;
    height: 54px !important;
    min-height: 54px !important;
    box-sizing: border-box !important;
    padding: 0 88px 0 10px !important;
    overflow: hidden !important;
}

    /* Chip rail owns its width. It cannot sit underneath the input. */
    #bhoomiyugSearchCard #ipKeywordShell #ipSelectedFilterChips {
        display: none !important;
        position: relative !important;
        inset: auto !important;
        float: none !important;
        order: 0 !important;
        flex: 0 1 46% !important;
        align-self: center !important;
        width: 46% !important;
        min-width: 0 !important;
        max-width: 46% !important;
        height: 38px !important;
        max-height: 38px !important;
        margin: 0 !important;
        padding: 0 1px !important;
        gap: 5px !important;
        border: 0 !important;
        border-radius: 0 !important;
        background: transparent !important;
        box-shadow: none !important;
        overflow-x: auto !important;
        overflow-y: hidden !important;
        white-space: nowrap !important;
        scrollbar-width: none !important;
        -webkit-overflow-scrolling: touch !important;
        overscroll-behavior-x: contain !important;
        box-sizing: border-box !important;
        z-index: 3 !important;
    }

    #bhoomiyugSearchCard #ipKeywordShell.has-selected-filters #ipSelectedFilterChips {
        display: flex !important;
    }

    #bhoomiyugSearchCard #ipKeywordShell #ipSelectedFilterChips::-webkit-scrollbar {
        display: none !important;
    }

/* One chip can shrink to the rail width. Its label ellipsizes;
   the remove button retains a fixed width and always stays visible. */
#bhoomiyugSearchCard #ipSelectedFilterChips .ip-selected-filter-chip {
    display: inline-flex !important;
    position: relative !important;
    inset: auto !important;
    flex: 0 1 auto !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 5px !important;
    width: auto !important;
    min-width: 0 !important;
    max-width: 100% !important;
    height: 32px !important;
    min-height: 32px !important;
    margin: 0 !important;
    padding: 0 5px 0 8px !important;
    border: 1px solid rgba(183,132,49,.42) !important;
    border-radius: 999px !important;
    background: linear-gradient(135deg,#fff8e9 0%,#f0dfbd 100%) !important;
    color: #684817 !important;
    font-size: 11px !important;
    font-weight: 800 !important;
    line-height: 1 !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    box-sizing: border-box !important;
    box-shadow: 0 2px 7px rgba(86,58,19,.08) !important;
    pointer-events: auto !important;
}

/* With multiple chips, keep each chip intact and let the rail scroll. */
#bhoomiyugSearchCard #ipSelectedFilterChips:has(.ip-selected-filter-chip:nth-child(2)) .ip-selected-filter-chip {
    flex: 0 0 auto !important;
    max-width: 190px !important;
}

#bhoomiyugSearchCard #ipSelectedFilterChips .ip-selected-filter-chip > i {
    display: inline-flex !important;
    flex: 0 0 12px !important;
    width: 12px !important;
    align-items: center !important;
    justify-content: center !important;
    margin: 0 !important;
    color: #a8782d !important;
    font-size: 10px !important;
    pointer-events: none !important;
}

/* The label is the only element allowed to truncate. */
#bhoomiyugSearchCard #ipSelectedFilterChips .ip-selected-filter-chip-text {
    display: block !important;
    flex: 1 1 auto !important;
    min-width: 0 !important;
    max-width: none !important;
    margin: 0 !important;
    overflow: hidden !important;
    color: #684817 !important;
    font-size: 11px !important;
    font-weight: 800 !important;
    line-height: 1.2 !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
}

/* Fixed, visible, clickable X. Never allow it to shrink or move under input. */
#bhoomiyugSearchCard #ipSelectedFilterChips .ip-selected-filter-remove {
    display: inline-flex !important;
    position: relative !important;
    inset: auto !important;
    flex: 0 0 22px !important;
    width: 22px !important;
    min-width: 22px !important;
    max-width: 22px !important;
    height: 22px !important;
    min-height: 22px !important;
    align-items: center !important;
    justify-content: center !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 50% !important;
    background: rgba(143,96,29,.15) !important;
    color: #81571d !important;
    font-size: 11px !important;
    line-height: 1 !important;
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
    touch-action: manipulation !important;
    cursor: pointer !important;
    transform: none !important;
    box-shadow: none !important;
    z-index: 5 !important;
}

    #bhoomiyugSearchCard #ipSelectedFilterChips .ip-selected-filter-remove:hover,
    #bhoomiyugSearchCard #ipSelectedFilterChips .ip-selected-filter-remove:focus-visible {
        background: #8f601d !important;
        color: #fff !important;
        outline: 2px solid rgba(143,96,29,.18) !important;
        outline-offset: 1px !important;
    }

    #bhoomiyugSearchCard #ipSelectedFilterChips .ip-selected-filter-remove i {
        display: inline-block !important;
        margin: 0 !important;
        color: inherit !important;
        font-size: 10px !important;
        line-height: 1 !important;
        pointer-events: none !important;
    }

/* Input uses only the remaining space after the chip rail. */
#bhoomiyugSearchCard #ipKeywordShell #ipKeyword {
    display: block !important;
    position: relative !important;
    order: 1 !important;
    flex: 1 1 0% !important;
    width: 0 !important;
    min-width: 80px !important;
    max-width: 100% !important;
    height: 48px !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 2px !important;
    border: 0 !important;
    outline: 0 !important;
    background: transparent !important;
    color: #352716 !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    line-height: 1.35 !important;
    text-align: left !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
    box-shadow: none !important;
    box-sizing: border-box !important;
    z-index: 1 !important;
}

    #bhoomiyugSearchCard #ipKeywordShell #ipKeyword::placeholder {
        color: #877b6b !important;
        opacity: 1 !important;
        font-weight: 500 !important;
        text-overflow: ellipsis !important;
    }

/* Action icons have their own reserved right-side area. */
#bhoomiyugSearchCard #ipKeywordShell .ip-keyword-filter-trigger {
    position: absolute !important;
    top: 50% !important;
    right: 7px !important;
    left: auto !important;
    z-index: 10 !important;
    transform: translateY(-50%) !important;
}

#bhoomiyugSearchCard #ipKeywordShell .ip-keyword-clear {
    position: absolute !important;
    top: 50% !important;
    right: 47px !important;
    left: auto !important;
    z-index: 10 !important;
    transform: translateY(-50%) !important;
}

/* Tablet. */
@media (min-width: 601px) and (max-width: 991px) {
    #bhoomiyugSearchCard #ipKeywordShell {
        min-height: 50px !important;
        height: 50px !important;
        padding-right: 82px !important;
    }

        #bhoomiyugSearchCard #ipKeywordShell #ipSelectedFilterChips {
            flex-basis: 43% !important;
            width: 43% !important;
            max-width: 43% !important;
        }

        #bhoomiyugSearchCard #ipKeywordShell #ipKeyword {
            min-width: 75px !important;
            font-size: 12px !important;
        }
}

/* Mobile: keep chip + keyword on one line, without losing the X target. */
@media (max-width: 600px) {
    #bhoomiyugSearchCard #ipKeywordShell {
        display: flex !important;
        flex-direction: row !important;
        flex-wrap: nowrap !important;
        align-items: center !important;
        gap: 5px !important;
        height: 46px !important;
        min-height: 46px !important;
        padding: 0 72px 0 5px !important;
        overflow: hidden !important;
    }

        #bhoomiyugSearchCard #ipKeywordShell #ipSelectedFilterChips {
            flex: 0 1 46% !important;
            width: 46% !important;
            max-width: 46% !important;
            height: 34px !important;
            max-height: 34px !important;
            gap: 4px !important;
        }

    #bhoomiyugSearchCard #ipSelectedFilterChips .ip-selected-filter-chip {
        height: 28px !important;
        min-height: 28px !important;
        padding: 0 4px 0 6px !important;
        gap: 4px !important;
        font-size: 10px !important;
    }

    #bhoomiyugSearchCard #ipSelectedFilterChips .ip-selected-filter-chip-text {
        font-size: 10px !important;
    }

    #bhoomiyugSearchCard #ipSelectedFilterChips .ip-selected-filter-remove {
        flex-basis: 20px !important;
        width: 20px !important;
        min-width: 20px !important;
        max-width: 20px !important;
        height: 20px !important;
        min-height: 20px !important;
    }

    #bhoomiyugSearchCard #ipKeywordShell #ipKeyword {
        flex: 1 1 0% !important;
        width: 0 !important;
        min-width: 62px !important;
        height: 42px !important;
        font-size: 11px !important;
    }

    #bhoomiyugSearchCard #ipKeywordShell .ip-keyword-filter-trigger {
        right: 4px !important;
        width: 30px !important;
        height: 30px !important;
    }

    #bhoomiyugSearchCard #ipKeywordShell .ip-keyword-clear {
        right: 39px !important;
        width: 27px !important;
        height: 27px !important;
    }
}

@media (max-width: 380px) {
    #bhoomiyugSearchCard #ipKeywordShell {
        gap: 4px !important;
        padding-right: 68px !important;
    }

        #bhoomiyugSearchCard #ipKeywordShell #ipSelectedFilterChips {
            flex-basis: 43% !important;
            width: 43% !important;
            max-width: 43% !important;
        }

        #bhoomiyugSearchCard #ipKeywordShell #ipKeyword {
            min-width: 56px !important;
            font-size: 10px !important;
        }

    #bhoomiyugSearchCard #ipSelectedFilterChips .ip-selected-filter-remove {
        flex-basis: 19px !important;
        width: 19px !important;
        min-width: 19px !important;
        max-width: 19px !important;
        height: 19px !important;
        min-height: 19px !important;
    }
}



/* ==========================================================================
   BHOOMIYUG V6 — MOBILE TAB LABEL VISIBILITY + PREMIUM SWIPE RAIL
   This final layer intentionally overrides older mobile rules in this file
   and common theme rules that hide tab labels on small screens.
   ========================================================================== */

#bhoomiyugSearchCard .ip-tabs {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    align-items: center !important;
    justify-content: flex-start !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    -webkit-overflow-scrolling: touch !important;
    overscroll-behavior-x: contain !important;
    scrollbar-width: none !important;
}

    #bhoomiyugSearchCard .ip-tabs::-webkit-scrollbar {
        display: none !important;
    }

    #bhoomiyugSearchCard .ip-tabs > .ip-tab {
        display: inline-flex !important;
        flex: 0 0 auto !important;
        flex-direction: row !important;
        align-items: center !important;
        justify-content: center !important;
        width: auto !important;
        min-width: max-content !important;
        max-width: none !important;
        white-space: nowrap !important;
    }

        #bhoomiyugSearchCard .ip-tabs > .ip-tab > span:not(.ip-tab-icon) {
            display: inline-flex !important;
            visibility: visible !important;
            opacity: 1 !important;
            position: static !important;
            width: auto !important;
            height: auto !important;
            max-width: none !important;
            overflow: visible !important;
            clip: auto !important;
            clip-path: none !important;
            color: inherit !important;
            font-size: 12px !important;
            font-weight: 750 !important;
            line-height: 1 !important;
            text-indent: 0 !important;
            white-space: nowrap !important;
        }

        #bhoomiyugSearchCard .ip-tabs > .ip-tab > .ip-tab-icon {
            display: inline-flex !important;
            flex: 0 0 24px !important;
            width: 24px !important;
            min-width: 24px !important;
            height: 24px !important;
            align-items: center !important;
            justify-content: center !important;
        }

/* Mobile: keep icon + meaningful text together in one swipeable row. */
@media (max-width: 767px) {
    #bhoomiyugSearchCard .ip-tabs {
        gap: 7px !important;
        min-height: 48px !important;
        margin: 0 0 10px !important;
        padding: 0 1px 8px !important;
        scroll-snap-type: x proximity !important;
        touch-action: pan-x pan-y !important;
    }

        #bhoomiyugSearchCard .ip-tabs > .ip-tab {
            min-height: 42px !important;
            height: 42px !important;
            padding: 0 12px !important;
            gap: 7px !important;
            border: 1px solid rgba(232,196,119,.24) !important;
            border-radius: 13px !important;
            background: linear-gradient(145deg, rgba(255,255,255,.075), rgba(255,255,255,.025)) !important;
            color: #f1e3c8 !important;
            font-size: 12px !important;
            font-weight: 750 !important;
            letter-spacing: .05px !important;
            scroll-snap-align: start !important;
            box-shadow: inset 0 1px 0 rgba(255,255,255,.06) !important;
        }

            #bhoomiyugSearchCard .ip-tabs > .ip-tab > span:not(.ip-tab-icon) {
                display: inline-flex !important;
                font-size: 12px !important;
                font-weight: 750 !important;
            }

            #bhoomiyugSearchCard .ip-tabs > .ip-tab > .ip-tab-icon {
                flex-basis: 24px !important;
                width: 24px !important;
                min-width: 24px !important;
                height: 24px !important;
                border-radius: 8px !important;
                background: #fff8e9 !important;
                color: #76511d !important;
                font-size: 11px !important;
            }

            #bhoomiyugSearchCard .ip-tabs > .ip-tab.active {
                border-color: rgba(255,224,164,.75) !important;
                background: linear-gradient(135deg, #f0cb7b 0%, #c18b32 100%) !important;
                color: #2b1e0d !important;
                box-shadow: 0 5px 14px rgba(0,0,0,.2), inset 0 1px 0 rgba(255,255,255,.4) !important;
            }

                #bhoomiyugSearchCard .ip-tabs > .ip-tab.active > .ip-tab-icon {
                    background: #fffdf7 !important;
                    color: #80591e !important;
                }
}

/* Extra-small phones: retain readable labels; allow swipe instead of shrinking
   the text into icon-only controls. */
@media (max-width: 380px) {
    #bhoomiyugSearchCard .ip-tabs {
        gap: 6px !important;
    }

        #bhoomiyugSearchCard .ip-tabs > .ip-tab {
            min-height: 40px !important;
            height: 40px !important;
            padding: 0 10px !important;
            gap: 6px !important;
        }

            #bhoomiyugSearchCard .ip-tabs > .ip-tab > span:not(.ip-tab-icon) {
                display: inline-flex !important;
                font-size: 11px !important;
            }

            #bhoomiyugSearchCard .ip-tabs > .ip-tab > .ip-tab-icon {
                flex-basis: 22px !important;
                width: 22px !important;
                min-width: 22px !important;
                height: 22px !important;
                font-size: 10px !important;
            }
}

@media (prefers-reduced-motion: reduce) {
    #bhoomiyugSearchCard .ip-tabs {
        scroll-behavior: auto !important;
    }
}