#gvLiveSearch [hidden]{display:none!important}
#gvLiveSearch{direction:inherit;text-align:start}
#gvLiveSearch .gv-live-section{display:flex;align-items:center;flex-wrap:wrap;gap:12px;margin:20px 0}
#gvLiveSearch .gv-live-section select{padding:12px;border:1px solid #e4e8ed;border-radius:14px;background:#fff;color:#092333;max-width:100%;min-width:0}
#gvLiveSearch .gv-filter-field{display:flex;flex-direction:column;gap:8px;min-width:0}
#gvLiveSearch .gv-filter-field input,#gvLiveSearch .gv-filter-field select{width:100%;min-width:0;box-sizing:border-box}
#gvLiveSearch .gv-results-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-top:24px}
#gvLiveSearch .gv-results-head{display:flex;align-items:center;flex-wrap:wrap;gap:12px}
#gvLiveSearch .gv-results-head select{max-width:100%;min-width:0}
#gvLiveSearch #gvSearchStatus{overflow-wrap:anywhere}
#gvLiveSearch .gv-search-head h2,#gvLiveSearch .gv-search-head p{direction:inherit}
html:not([lang="ar"]) #gvLiveSearch{font-family:var(--gv-locale-font,"Segoe UI",Arial,sans-serif)}
html:not([lang="ar"]) #gvLiveSearch :is(button,input,select){font-family:inherit}
html[dir="ltr"] #gvLiveSearch{direction:ltr;text-align:left}
html[dir="ltr"] #gvLiveSearch .gv-search-input-wrap i{right:auto;left:18px}
html[dir="ltr"] #gvLiveSearch #gvSearchInput{padding-right:18px;padding-left:50px}
@media(max-width:1100px){#gvLiveSearch .gv-results-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){#gvLiveSearch .gv-results-grid,#gvLiveSearch .gv-filter-grid{grid-template-columns:minmax(0,1fr)}#gvLiveSearch .gv-search-row{display:flex;flex-wrap:wrap}#gvLiveSearch .gv-search-input-wrap{flex:1 1 100%;min-width:0}#gvLiveSearch .gv-live-section select{width:100%}#gvLiveSearch .gv-search-main-card{padding:18px!important}#gvLiveSearch .gv-sort-select{width:100%}}