/* Step 110 — Mobile UX + searchable dropdowns */
.search-v2-input-wrap .form-control{
    padding-right:46px!important;
}
.search-v2-input-icon{
    right:14px!important;
    width:24px;
    height:24px;
    display:grid;
    place-items:center;
    font-size:16px!important;
    pointer-events:none;
}
.search-v2-filter-card #q::placeholder{
    padding-right:2px;
}

/* searchable select shell */
.is-searchable-select{position:relative}
.is-searchable-select-native{
    position:absolute!important;
    width:1px!important;
    height:1px!important;
    padding:0!important;
    margin:-1px!important;
    overflow:hidden!important;
    clip:rect(0,0,0,0)!important;
    white-space:nowrap!important;
    border:0!important;
}
.is-searchable-trigger{
    width:100%;
    min-height:50px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:8px;
    padding:0 13px;
    border:1px solid #dbe3ee;
    border-radius:12px;
    background:#fff;
    color:#27313f;
    font-family:inherit;
    font-size:13px;
    font-weight:750;
    cursor:pointer;
    text-align:right;
}
.is-searchable-trigger:hover{border-color:#c4b5fd}
.is-searchable-trigger:focus{outline:0;border-color:#8b5cf6;box-shadow:0 0 0 3px rgba(139,92,246,.09)}
.is-searchable-trigger-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.is-searchable-chevron{color:#7c3aed;font-size:12px;transition:transform .18s ease}
.is-searchable-select.is-open .is-searchable-chevron{transform:rotate(180deg)}
.is-searchable-menu{
    position:absolute;
    z-index:80;
    top:calc(100% + 6px);
    right:0;
    left:0;
    padding:9px;
    border:1px solid #ddd5e8;
    border-radius:14px;
    background:#fff;
    box-shadow:0 18px 45px rgba(35,22,44,.16);
}
.is-searchable-menu[hidden]{display:none!important}
.is-searchable-search{
    width:100%;
    min-height:42px;
    margin-bottom:7px;
    padding:0 11px;
    border:1px solid #ddd5e8;
    border-radius:10px;
    background:#fbfafc;
    color:#25202a;
    font-family:inherit;
    font-size:12px;
}
.is-searchable-search:focus{outline:0;border-color:#8b5cf6;box-shadow:0 0 0 3px rgba(139,92,246,.08)}
.is-searchable-options{max-height:240px;overflow:auto;display:grid;gap:3px}
.is-searchable-option{
    width:100%;
    min-height:38px;
    padding:7px 9px;
    border:0;
    border-radius:9px;
    background:transparent;
    color:#43364b;
    text-align:right;
    font-family:inherit;
    font-size:11px;
    cursor:pointer;
}
.is-searchable-option:hover,.is-searchable-option.is-selected{background:#f4effa;color:#652d85}
.is-searchable-empty{padding:13px;text-align:center;color:#8d8293;font-size:12px}

/* Search result cards */
.search-v2-store-footer{
    flex-wrap:wrap!important;
}
.search-v2-store-btn{
    white-space:nowrap!important;
    flex:0 0 auto!important;
    min-width:118px;
    justify-content:center;
}

/* Dark mode */
html[data-theme="dark"] .is-searchable-trigger,
html[data-theme="dark"] .is-searchable-menu,
html[data-theme="dark"] .is-searchable-search{
    background:#111827!important;
    color:#f3f4f6!important;
    border-color:#344157!important;
}
html[data-theme="dark"] .is-searchable-option{color:#dbe2ec!important}
html[data-theme="dark"] .is-searchable-option:hover,
html[data-theme="dark"] .is-searchable-option.is-selected{background:#25203a!important;color:#d8b4fe!important}

/* Mobile */
@media(max-width:767.98px){
    .search-page .container{padding-left:12px!important;padding-right:12px!important}
    .search-v2-hero{padding:20px 16px!important;border-radius:20px!important;gap:14px!important}
    .search-v2-hero h1{font-size:24px!important;line-height:1.55}
    .search-v2-hero p{font-size:12px!important}
    .search-v2-result-pill{min-width:92px!important;padding:10px 14px!important}
    .search-v2-filter-card{padding:14px!important;border-radius:17px!important}
    .search-v2-filter-card .row{--bs-gutter-y:12px!important}
    .search-v2-filter-card .form-control,
    .search-v2-filter-card .form-select,
    .is-searchable-trigger{min-height:48px!important}
    .search-v2-input-wrap .form-control{
        padding-right:44px!important;
        font-size:13px!important;
    }
    .search-v2-input-icon{
        right:12px!important;
        font-size:15px!important;
    }

    /* precisely two columns for distribution cards */
    .local-stat-grid{
        grid-template-columns:repeat(2,minmax(0,1fr))!important;
        gap:8px!important;
    }
    .local-stat-card{
        min-height:102px!important;
        padding:11px!important;
        gap:8px!important;
        border-radius:15px!important;
    }
    .local-stat-card:nth-child(3):last-child{
        grid-column:1 / -1;
    }
    .local-stat-icon{
        flex:0 0 34px!important;
        width:34px!important;
        height:34px!important;
        border-radius:10px!important;
    }
    .local-stat-icon svg{width:18px!important;height:18px!important}
    .local-stat-copy small{font-size:12px!important;line-height:1.7}
    .local-stat-copy strong{font-size:20px!important;line-height:1.25}
    .local-stat-copy em{font-size:12px!important;line-height:1.6}
    .local-stat-arrow{display:none!important}
    .section-heading-pro h2{font-size:17px!important}
    .section-heading-pro p{font-size:12px!important;line-height:1.8}

    /* result cards/buttons */
    .results-section .row{--bs-gutter-y:12px!important}
    .search-v2-store-card{border-radius:16px!important}
    .search-v2-store-media{height:165px!important}
    .search-v2-store-body{padding:13px!important}
    .search-v2-store-body h3{font-size:14px!important}
    .search-v2-store-body p{min-height:auto!important;font-size:12px!important;margin:8px 0 10px!important}
    .search-v2-store-footer{
        display:grid!important;
        grid-template-columns:1fr 1fr!important;
        gap:7px!important;
        align-items:center!important;
    }
    .search-v2-store-footer > span{
        min-width:0;
        font-size:12px!important;
    }
    .search-v2-store-btn{
        grid-column:1/-1!important;
        width:max-content!important;
        min-width:132px!important;
        max-width:180px!important;
        justify-self:end!important;
        min-height:36px!important;
        padding:7px 12px!important;
        font-size:12px!important;
    }

    .is-searchable-menu{
        position:fixed!important;
        z-index:9999!important;
        top:auto!important;
        right:12px!important;
        left:12px!important;
        bottom:12px!important;
        border-radius:17px!important;
        padding:11px!important;
        box-shadow:0 24px 70px rgba(15,23,42,.28)!important;
    }
    .is-searchable-search{min-height:46px!important;font-size:13px!important}
    .is-searchable-options{max-height:46vh!important}
    .is-searchable-option{min-height:42px!important;font-size:12px!important}
}

@media(max-width:390px){
    .local-stat-card{padding:9px!important}
    .local-stat-copy strong{font-size:18px!important}
}