/* PureWellness product search suggestions */
.pw-product-autocomplete{
    position:relative;
    width:100%;
}

.pw-autocomplete-list{
    display:none;
    position:absolute;
    top:calc(100% + 8px);
    left:0;
    right:0;
    z-index:1080;
    max-height:430px;
    overflow-y:auto;
    background:#ffffff;
    border:1px solid #dfe9e2;
    border-radius:18px;
    box-shadow:0 20px 48px rgba(31,41,55,.18);
    text-align:left;
}

.pw-autocomplete-list.show{
    display:block;
}

.pw-autocomplete-item{
    display:flex;
    align-items:center;
    gap:12px;
    min-height:72px;
    padding:10px 12px;
    color:#1f2937;
    text-decoration:none;
    border-bottom:1px solid #eef3ef;
    transition:background-color .16s ease,color .16s ease;
}

.pw-autocomplete-item:last-of-type{
    border-bottom:0;
}

.pw-autocomplete-item:hover,
.pw-autocomplete-item.active,
.pw-autocomplete-item:focus{
    background:#e8fff3;
    color:#146c43;
    outline:none;
}

.pw-autocomplete-image{
    width:54px;
    height:54px;
    flex:0 0 54px;
    object-fit:cover;
    border-radius:14px;
    background:#e8fff3;
}

.pw-autocomplete-content{
    min-width:0;
    flex:1;
}

.pw-autocomplete-name{
    overflow:hidden;
    color:#1f2937;
    font-size:15px;
    font-weight:900;
    line-height:1.3;
    text-overflow:ellipsis;
    white-space:nowrap;
}

.pw-autocomplete-meta{
    display:flex;
    align-items:center;
    gap:8px;
    flex-wrap:wrap;
    margin-top:4px;
}

.pw-autocomplete-price{
    color:#198754;
    font-size:13px;
    font-weight:900;
}

.pw-autocomplete-stock{
    padding:3px 7px;
    border-radius:999px;
    font-size:11px;
    font-weight:800;
}

.pw-autocomplete-stock.in-stock{
    color:#146c43;
    background:#d1e7dd;
}

.pw-autocomplete-stock.out-of-stock{
    color:#b02a37;
    background:#f8d7da;
}

.pw-autocomplete-message{
    padding:15px;
    color:#6b7280;
    font-weight:700;
}

.pw-autocomplete-all{
    display:flex;
    align-items:center;
    justify-content:center;
    gap:7px;
    padding:12px 14px;
    color:#198754;
    background:#f7faf8;
    border-top:1px solid #e9efeb;
    font-size:14px;
    font-weight:900;
    text-decoration:none;
}

.pw-autocomplete-all:hover,
.pw-autocomplete-all:focus{
    color:#146c43;
    background:#e8fff3;
}

@media(max-width:575px){
    .pw-autocomplete-list{
        max-height:360px;
    }

    .pw-autocomplete-image{
        width:48px;
        height:48px;
        flex-basis:48px;
    }
}