.header-search-suggestion{ position:relative; margin:0; padding:0; }
.header-search-suggestion .header-search-suggestion-set{ position:relative; width:100%; }
.header-search-suggestion .search-suggestion-input{ display:inline-block; padding:10px 25px; margin:0; font-size:1rem; font-weight:400; line-height:30px; height:50px; background-color:#FEFEFE; border:1px solid var(--secondaryColor); color:var(--secondaryColor); width:100%; }
.header-search-suggestion .search-suggestion-input:focus{ outline:none; }
.header-search-suggestion .search-suggestion-input::placeholder{ color:#AEAEAE; }
.header-search-suggestion .search-suggestion-btn{ position:absolute; top:0; right:10px; background-color:transparent; border:0; width:50px; height:50px; padding:0; margin:0; overflow:hidden; font-size:1.4rem; font-weight:100; }
.header-search-suggestion .search-suggestion-btn i{ color:var(--primaryColor); }
.header-search-suggestion .suggestion{ position:absolute; top:50px; width:100%; overflow:hidden; max-height:0; background-color:#FFFFFF; -webkit-transition:all 1s ease; -moz-transition:all 1s ease; -ms-transition:all 1s ease; -o-transition:all 1s ease; transition:all 1s ease; }
.header-search-suggestion .suggestion-inner{ padding:20px 20px; }
.header-search-suggestion .suggestion-block{ position:relative; }
.header-search-suggestion .suggestion-line:before{ content:""; position:absolute; top:10%; left:0; height:80%; width:1px; background-color:#DDDDDD; }
.header-search-suggestion.on .suggestion{ max-height:80vh; box-shadow:0px 30px 30px rgba(0,0,0,0.1); overflow-y:auto; }
.header-search-suggestion.on1 .search-suggestion-input{ border-bottom-left-radius:0; border-bottom-right-radius:0; }
.header-search-suggestion .suggestion-title{ font-size:1.3rem; font-weight:600; margin:0 0 25px 0; }
.header-search-suggestion .suggestion-products-start{ display:none; }
.header-search-suggestion ul.suggestion-list-term{ position:relative; margin:0; padding:0; list-style:none; }
.header-search-suggestion ul.suggestion-list-term li{ font-size:1rem; font-weight:500; margin:0 0 10px -12px; border-radius:20px; padding:5px 0 5px 12px; }
.header-search-suggestion ul.suggestion-list-term li:hover{ background-color:rgba(0,0,0,.12); }
.header-search-suggestion ul.suggestion-list-term li.suggestion-sub{ padding-left:20px; font-size:80%; }
.header-search-suggestion ul.suggestion-list-product{ position:relative; margin:0; padding:0; list-style:none; }
.header-search-suggestion ul.suggestion-list-product li{ position:relative; font-size:1rem; font-weight:500; margin:0 0 20px 0; min-height:60px; padding:0 0 0 75px; }
.header-search-suggestion .suggestion-list-img{ position:absolute; top:0; left:0; width:60px; height:60px; border-radius:4px; box-shadow:0px 5px 5px rgba(0,0,0,.3); }
.header-search-suggestion .suggestion-list-img a{ position:relative; display:block; top:5%; left:5%; width:90%; height:90%; background-position:center; background-repeat:no-repeat; background-size:contain; }
.header-search-suggestion a{ text-decoration:none; color:#121212; }
@media all and (min-width:920px){
    .header-search-suggestion .suggestion{ right:0; min-width:800px; }
}

.header-search-suggestion .ui-autocomplete{ background-color:#fff; padding:20px; margin:5px 0 0 0; width:320px ! important; box-shadow:0 -5px 15px #D0D0D0; border-radius:4px; }
.header-search-suggestion .ui-autocomplete:before{ border:5px solid transparent; border-bottom-color:#fff; content:""; position:absolute; left:30px; top:-10px; }
.header-search-suggestion .ui-autocomplete .ui-menu-item{ display:block; padding:6px 0; }
.header-search-suggestion .ui-autocomplete .ui-menu-item a{ color:#777; font-size:15px; line-height:17px; }
.header-search-suggestion .ui-autocomplete .ui-menu-item a:hover{ color:#000; text-decoration:none; }
.header-search-suggestion .ui-autocomplete .ui-menu-item img{ display:inline-block; margin-right:10px; }