.cs-search{
    --cs-search-primary:var(--bm-primary-color);
}
.cs-search__overlay{
    position:absolute;
    left:50%;
    transform: translate(-50%, 0);
    background: #FFF;
    box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.25);
    border-radius: 5px;
    z-index: 9999;
    padding:1rem;
    max-width:900px;
    width:90%;
    max-height: calc(100vh - 300px);
    overflow-y: auto;
}

.celersearch-highlight{
    background-color:var(--bm-primary-color-lighter) !important;
    padding:0 2px;

}

.cs-search__facets.hide{
    display:none;
}

.cs-search__active-filters{
    width:100%;
}

.cs-search--loading .cs-search__spinner{
    display:block;
}

.cs-search__results{
    display:grid;
    width:100%;
    gap:1rem;
    grid-template-columns: repeat(auto-fill, minmax(180px, 1fr));

    .cs-search__no-results{
        grid-column: 1 / 10;
    }
    .cs-search__item{
        width:100%;

        &:hover{
            border-color: var(--cs-search-primary);
        }

        .cs-search__item-link{
            display: flex;
            flex-direction: column;
            justify-content: center;
            text-align: center;
            gap: 0.5rem;
            padding: 1rem;

            &:hover{
                text-decoration: none;
            }

        }
        .cs-search__item-thumb{
            margin:0 auto 1rem auto;


        }
    }
}