.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 150px 0 rgba(41, 35, 38, 0.1);
    padding: 4rem;
    border-radius: .6rem;
    position: absolute;
    top: .5rem;
    left: 0;
    width: 100%;
    background:white;
    z-index: 3;
    transform: translateY(-2.4rem);
    opacity: 0;
    pointer-events: none;
}
.search-products{
  border-right: none!important;
}
.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:#222222;
}
.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;
}
.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;
}
.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: rgb(236, 236, 236);
}
.header__search-window ul:last-child{
    border: none;
}
.header__search-window ul li:first-child{
  color: #2c2c2c;
    font-size: 18px;
    font-weight: 400;
}
.header__search-window ul li:first-child:hover,.no-have{
  cursor: default;
  background: transparent!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, rgb(250, 250, 250) 8%, rgb(244, 244, 244) 38%, rgb(250, 250, 250) 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
    }
}