/* Wrapper for the autocomplete search results */
/* body.search-active { overflow-y: hidden;}
.autocomplete-wrapper { position: fixed; left: 0; right: 0; top: 0; width: 100%; height: 100dvh; background: rgba(0, 0, 0, 0.5); z-index: 2; display: none; }
.autocomplete-wrapper ul.ui-menu { display: grid !important; gap: 15px; grid-template-columns: 1fr 1fr 1fr 1fr; list-style: none; position: absolute !important; left: 0 !important; right: 0 !important; top: 60% !important; transform: translateY(-50%); width: 740px !important; max-width: 100%; height: 425px; margin: 0 auto; padding: 15px; background: #fff; border-radius: 8px; overflow: auto; }
.autocomplete-wrapper ul.ui-menu li.ui-menu-item { margin: 0; } 
.autocomplete-wrapper ul.ui-menu li.ui-menu-item .ui-menu-item-wrapper { -webkit-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2), 0 2px 1px -1px rgba(0, 0, 0, 0.12), 0 1px 1px 0 rgba(0, 0, 0, 0.14); box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2), 0 2px 1px -1px rgba(0, 0, 0, 0.12), 0 1px 1px 0 rgba(0, 0, 0, 0.14); padding: 8px; border-radius: 8px; background-color: #fff; display: block !important; text-align: center; }
.autocomplete-wrapper ul.ui-menu li.ui-menu-item .ui-menu-item-wrapper img { margin: 0 !important; width: 120px !important; height: auto !important; margin-bottom: 10px !important; }
.autocomplete-wrapper ul.ui-menu h6 { color: #000; font-size: 14px; letter-spacing: 0; line-height: 1.4 !important; display: block; margin: 0 !important; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; height: 40px;}
.autocomplete-wrapper ul.ui-menu h6 a { color: #000;}
.home-banner-wrapper button.slick-arrow { z-index: 1; }
.autocomplete-wrapper ul.ui-menu.no-record-found { display: flex !important; align-items: center; }
.autocomplete-wrapper ul.ui-menu.no-record-found li.no-record-found.ui-menu-item { flex: 0 0 auto; width: 100%; padding-block: 0; }
.autocomplete-wrapper ul.ui-menu.no-record-found li.no-record-found.ui-menu-item .ui-menu-item-wrapper { box-shadow: inherit; }

@media (max-width: 1601px) {
    .autocomplete-wrapper ul.ui-menu {width: 780px !important; height: 480px;}
}
@media (max-width: 1367px) {
    .autocomplete-wrapper ul.ui-menu { top: 60% !important;}
}
@media (max-width: 768px) {
    .block.block-content.desktop-search-block-cls label.label { font-size: 0; }
    .autocomplete-wrapper ul.ui-menu { width: 600px !important; height: 360px; }
    .autocomplete-wrapper ul.ui-menu li.ui-menu-item .ui-menu-item-wrapper img { width: 85px !important; }
    .autocomplete-wrapper ul.ui-menu h6 { font-size: 12px; margin: 0; height: 36px;}
    
}
@media (max-width: 600px) {
    .autocomplete-wrapper ul.ui-menu { grid-template-columns: 1fr 1fr 1fr; width: 90% !important; height: 302px; padding: 12px; }
    .autocomplete-wrapper ul.ui-menu li.ui-menu-item .ui-menu-item-wrapper img { width: 65px !important; }
}
@media (max-width: 480px) {
    .autocomplete-wrapper ul.ui-menu { grid-template-columns: 1fr 1fr; padding: 16px; height: 300px; }
} */




/*.autocomplete-wrapper ul.ui-menu { width: 310px !important; max-width: 100%; background: #fff; padding: 15px; list-style: none; display: flex; flex-wrap: wrap; row-gap: 12px; z-index: 99; box-shadow: 0px 10px 15px 5px rgba(0, 0, 0, 0.08); }
.autocomplete-wrapper ul.ui-menu li { margin: 0; flex: 0 0 auto; width: 100%; }
.autocomplete-wrapper ul.ui-menu li .ui-menu-item-wrapper { display: flex; align-items: center; gap: 15px; }
.autocomplete-wrapper ul.ui-menu li .ui-menu-item-wrapper .item-search-image { width: 80px; flex: 0 0 auto; border: 2px solid #ececec; padding: 6px; border-radius: 5px; }
.autocomplete-wrapper ul.ui-menu li .ui-menu-item-wrapper img { width: 80px; height: auto; }
.autocomplete-wrapper ul.ui-menu li .ui-menu-item-wrapper h6 { margin: 0; font-size: 14px; color: #000; max-width: 150px; }
.autocomplete-wrapper ul.ui-menu li .ui-menu-item-wrapper h6 a { color: #000; }
.autocomplete-wrapper ul.ui-menu li.no-record-found .ui-menu-item-wrapper { font-size: 14px; }
@media (max-width: 768px) {
    .block.block-content.desktop-search-block-cls label.label { font-size: 0; }
    .autocomplete-wrapper ul.ui-menu { width: 100% !important;}
}*/


.autocomplete-results ul.ui-menu { width: 310px !important; max-width: 100%; background: #fff; padding: 15px; list-style: none; display: flex; flex-wrap: wrap; row-gap: 12px; z-index: 99; box-shadow: 0px 10px 15px 5px rgba(0, 0, 0, 0.08); position:absolute; }
.autocomplete-results ul.ui-menu li { margin: 0; flex: 0 0 auto; width: 100%; }
.autocomplete-results ul.ui-menu li .ui-menu-item-wrapper { display: flex; align-items: center; gap: 15px; }
/*.autocomplete-wrapper ul.ui-menu li .ui-menu-item-wrapper > a { width: 80px; flex: 0 0 auto; border: 2px solid #ececec; padding: 6px; border-radius: 5px; }*/
.autocomplete-results ul.ui-menu li .ui-menu-item-wrapper .item-search-image { width: 80px; flex: 0 0 auto; border: 2px solid #ececec; padding: 6px; border-radius: 5px; }
.autocomplete-results ul.ui-menu li .ui-menu-item-wrapper img { width: 80px; height: auto; }
.autocomplete-results ul.ui-menu li .ui-menu-item-wrapper h6 { margin: 0; font-size: 14px; color: #000; max-width: 150px; }
.autocomplete-results ul.ui-menu li .ui-menu-item-wrapper h6 a { color: #000; }
.autocomplete-results ul.ui-menu li.no-record-found .ui-menu-item-wrapper { font-size: 14px; }
@media (max-width: 768px) {
    .block.block-content.desktop-search-block-cls label.label { font-size: 0; }
    .autocomplete-results ul.ui-menu { width: 100% !important;}
}