.woocommerce-product-search :is(input, button) {
border-radius: 30px;
}
.hot-hagtag-overlay {
background-color: #000;
opacity: 0.4;
position: fixed;
z-index: 9999;
height: 100vh;
width: 100vw;
left: 0;
top: 200px;
display: none;
}
.has-line {
border-top: 2px solid rgba(76, 76, 76, 0.11);
margin-top: 10px;
padding-top: 10px;
}
.hot-hagtag-search {
margin-top: 10px;
box-shadow: rgba(100, 100, 111, 0.2) 0px 0px 35px 0px;
padding: 10px;
display: none;
z-index: 9999;
position: fixed;
background-color: white;
border-radius: 10px;
min-width: 300px;
}
.hot-hagtag-search h3 {
font-size: 13px;
color: #666666;
padding: 10px;
font-weight: 600;
display: flex;
align-items: center;
}
.hot-hagtag-search h3:first-child {
justify-content: space-between;
}
.close-panel > a {padding: 1rem; font-size: 2rem;color: #444}
.hot-hagtag-search h3 img {
margin-right: 5px;
line-height: 1;
}
.list-top-search,
.list-hot-service,
.list-product-search {
width: 100%;
}
.list-top-search li,
.list-hot-service li,
.list-product-search li {
list-style: none;
display: inline-block;
margin: 5px;
}
.list-top-search a,
.list-hot-service a {
padding: 5px 10px;
text-decoration: none;
font-size: 11px;
background-color: #f1f1f1;
border-radius: 30px;
color: #4d4d4d;
white-space: nowrap;
text-transform: lowercase;
}
.list-product-search {
text-align: center;
}
.list-product-search li {
display: inline-block;
width: calc(33.3333333333% - 20px);
}
.list-product-search li a {
text-decoration: none;
color: #4d4d4d;
}
.list-product-search li .img {
display: flex;
flex-direction: column;
align-items: center;
flex-wrap: wrap;
}
.list-product-search li .img img {
max-height: 60px;
max-width: 60px;
}
.list-product-search li .img .price {
font-size: 10px;
}
@media (max-width: 475px) {
.hot-hagtag-search {
left: 50%;
transform: translateX(-50%);
}
}