.plugin-quick-search {font-size: 14px !important;flex-direction: column; display: flex; position: relative; }
.plugin-quick-search__items {flex-direction: column;margin:10px 0; max-width: 100%; display: flex; flex-wrap: wrap;}
.plugin-quick-search__item {cursor: pointer; position: relative;border-radius: 5px;border: 1px solid #E1E8EE;padding:0 15px;min-width:160px; max-width: 350px; background: #fff;margin: 5px 0;}
.plugin-quick-search__item-inner {display: flex;justify-content:space-between;align-items: center;}
.plugin-quick-search__item-inner > p {white-space: nowrap;text-overflow: ellipsis;overflow: hidden;max-width: 100%; text-transform: capitalize; color:#333; }
.plugin-quick-search__item .iconfont {font-size: 12px; font-weight: 600;padding: 12px 0 12px 15px;border-left: 1px solid #E1E8EE;color: rgba(0,0,0,.5);}
.plugin-quick-search__item:hover .iconfont {color: rgba(0,0,0,.8);}
.plugin-quick-search__item-list {position: absolute; top: 100%; background-color:#fff;z-index: 2;box-shadow: 0px 5px 15px 0px rgba(40, 47, 54, 0.08);padding: 5px 0;font-weight: normal; width: 100%;display: none; left: 0;margin-top: 2px;border-radius: 0 0 5px 5px;max-height: 40vh;overflow-y: auto;}
.plugin-quick-search__item.active .plugin-quick-search__item-list {display: block;text-align: left;}
.plugin-quick-search__item-list span {display: block; padding: 5px 30px; cursor: pointer;position: relative;opacity: .8; color: #333;}
.plugin-quick-search__item-list span:hover {background-color: rgba(var(--rgb-color),.1)}
.plugin-quick-search__item-list span.active::before {content: '\e6b3';font-family: "iconfont" !important;font-size: 12px;transform: scale(.7);position: absolute;left: 10px;top: 8px;opacity: .5;font-weight: 600;}
.plugin-matching-product__result {text-transform: capitalize; cursor: pointer;background: var(--main-color);color:#fff; display: inline-block;align-items: center;border-radius: 5px;padding: 8px 30px;justify-content: center;margin: 10px 0;}
.plugin-quick-search__group{text-transform: capitalize; cursor: pointer; align-items: center; flex-shrink: 0; display: flex;}
.plugin-quick-search__result span{padding: 8px 15px; border-radius: 4px; background-color: var(--main-color); color: #fff;display: block;}
.plugin-quick-search__clear {opacity: .6; font-size: 12px; margin-left: 20px;}
.plugin-quick-search__clear:hover {opacity: .8;}
.plugin-quick-search [text-style="3"]{font-size: 14px;}
/* no data */
.plugin-quick-search__no-data {padding: 5px 15px; color: #b0bfc5;}
@media (min-width: 768px){
  .plugin-quick-search {align-items: center;flex-direction: row}
  .plugin-quick-search__item .iconfont {padding: 10px 0 10px 10px;}
  .plugin-quick-search__items {margin: 10px 10px 10px 0;}
  .plugin-quick-search__item-inner > p {max-width: 150px;}
}
@media (min-width: 576px) {
  .plugin-quick-search {flex-wrap: wrap;}
  .plugin-quick-search__items {flex-direction: row; }
  .plugin-quick-search__item {margin-right: 15px}
}