.header__wrapper-search-window{width:100%;position:relative}
.header__search-window{max-height:79vh;overflow:auto;transition:all ease .24s;display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));box-shadow:0 5px 15px 0 rgba(41,35,38,0.1);padding:4rem;border-radius:.6rem;position:absolute;top:0;left:0;width:100%;background:white;z-index:3;transform:translateY(-2.4rem);opacity:0;pointer-events:none}
.search-window__wrapper-image{width:5rem;height:5rem;flex-shrink:0;border-radius:.4rem}
.search__category-item a,
.search__product-item a,
.search__post-item a{font-size:1.4rem;color:#222}
.search-window__title{flex-grow:1;display:flex;flex-direction:column;gap:.6rem}
.search-window__wrapper-image img{border-radius:.4rem;width:100%;height:100%;object-fit:contain}
.header__search-window.active{transform:translateY(0);opacity:1;pointer-events:all}
.header__search-window ul{padding-left:0;border-right:1px solid #efefef;padding:0 2rem 2rem 2rem;display:flex;flex-direction:column}
.search-posts{border-right:none!important}
.list-loading{gap:0.6rem}
.header__search-window ul li{display:flex;align-items:center;gap:1.5rem;border-radius:.6rem}
.header__search-window ul li a{width:100%;display:flex;align-items:center;gap:1.5rem;padding:.3rem;border-radius:.6rem;font-size:1.4rem}
.header__search-window ul li p{color:gray;margin-bottom:0;margin-top:1rem}
.total-count{flex-grow:1;align-items:end!important;font-size:1.3rem}
.total-count p{padding-left:1rem}
.header__search-window ul li a span{font-size:1.3rem;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.header__search-window ul li:hover{background:#ececec}
.header__search-window ul:last-child{border:none}
.header__search-window ul li:first-child{color:#9c9b9b;font-size:18px;font-weight:400}
.header__search-window ul li:first-child:hover{background:white!important}
.total-count:hover{background:none!important}
.loading{animation-duration:1.2s;animation-fill-mode:forwards;animation-iteration-count:infinite;animation-name:placeHolderShimmer;animation-timing-function:linear;background:#f6f7f8;background:linear-gradient(to right,#fafafa 8%,#f4f4f4 38%,#fafafa 54%);background-size:1000px 640px;color:transparent!important;position:relative;border-radius:6px}
@keyframes placeHolderShimmer{0%{background-position:-468px 0}100%{background-position:468px 0}}
.total-count .search__see-all{padding-left:2rem;display:flex;align-items:center;gap:.6rem;transition:all ease .2s;color:#213a8f !important;margin-top:2rem;font-size:1.5rem}
.total-count .search__see-all:hover{color:red !important;gap:1.5rem}
.search__see-all svg{fill:#213A8F;flex-shrink:0}
.search__see-all:hover svg{fill:red}
.search-window__btn-close{position:absolute;top:5px;right:10px;border:none;width:51px;height:51px;z-index:11;display:flex;align-items:center;justify-content:center;border-radius:12px;background-color:var(--white);box-shadow:-3px 3px 15px 0 rgba(41,35,38,0.1);transition:all ease .2s}
.search-window__btn-close:hover{background:white;box-shadow:0px 3px 15px 0 rgba(41,35,38,0.1)}
.search-window__btn-close:hover svg path{fill:#213A8F}