/* Define your custom CSS here */

.autocomplete-wrapper,
.aa-Panel {
    flex-direction: row;
}
#algolia-autocomplete-container .aa-dropdown-menu .algoliasearch-autocomplete-price,
.aa-Panel .algoliasearch-autocomplete-price {
    color: #00437d;
    font-weight: 600;
}
#algolia-autocomplete-container .aa-dropdown-menu .algoliasearch-autocomplete-hit .info, .aa-Panel .algoliasearch-autocomplete-hit .info {
    text-overflow: unset !important;
    white-space: normal !important;
}
#algolia-autocomplete-container .aa-dropdown-menu .algoliasearch-autocomplete-hit .thumb, .aa-Panel .algoliasearch-autocomplete-hit .thumb {
    width: 100px;
    height: 100px;
    text-align: center;
    padding: 10px;
    box-sizing: border-box;
}
#algolia-autocomplete-container .aa-dropdown-menu .algoliasearch-autocomplete-hit .thumb img, .aa-Panel .algoliasearch-autocomplete-hit .thumb img {
    width: 75px;
    height: 75px;
    display: inline-block;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
    margin-right: 10px;
}
#algolia-autocomplete-container .aa-dropdown-menu .category, .aa-Panel .category, .aa-Panel .aa-PanelLayout section .aa-SourceHeader {
    color: #000000;
    font-size: 1.4rem;
    font-weight: bold;
}
.aa-Panel .aa-ItemLink.algolia-suggestions:has(svg.algolia-glass-suggestion) svg.algolia-glass-suggestion.magnifying-glass {
    fill: #FDBC0E;
    stroke: #777;
}
#algoliaAutocomplete .aa-SubmitButton {
    height: 39px;
}
.block-search input:focus {
    border: 3px solid rgb(248, 194, 24);
    outline: none;
}
#algolia-autocomplete-container .aa-dropdown-menu .algoliasearch-autocomplete-hit, .aa-Panel .algoliasearch-autocomplete-hit
{
    box-sizing: border-box;
}
#algolia-autocomplete-container .aa-dropdown-menu .algoliasearch-autocomplete-hit .info .algoliasearch-autocomplete-category, .aa-Panel .algoliasearch-autocomplete-hit .info .algoliasearch-autocomplete-category {
    text-overflow: unset;
    white-space: normal;
}
span.manu-part-num {
    color: #000000;
}
.block-search .aa-Autocomplete input {
    padding-left: 35px !important;
}

.aa-LoadingIndicator {
    position: absolute;
    left: 10px;
    top: 20px !important;
}
@media (min-width: 768px) {
    .aa-Panel .aa-PanelLayout{
        display: grid;
        padding-bottom: 45px;
        grid-template-columns: repeat(8, 1fr);
        grid-gap: 1rem;
        width: 100%;
        align-items: flex-start;
    }
    .block-search input {
        margin: 0;
        position: static;
        padding: 2px 30px 2px 10px;
        font-size: 16px;
        border-radius: 6px;
        min-height: 39px;
        border: 3px solid #fff;
    }
    #autocomplete-products-footer {
        width: 100%;
        left: 0;
    }
    .aa-Panel.productColumn2 .aa-PanelLayout section:nth-child(1) {
        order: 1;
        grid-column: span 2;
        grid-row: span 1;
    }
    .aa-Panel.productColumn2 .aa-PanelLayout section:nth-child(2) {
        margin-left: 0 !important;
        border-left: none !important;
        margin-right: .5rem !important;
        border-right: 1px solid rgba(0,0,0,0.2);
        grid-column: span 6;
        grid-row: span 2;
        order: 0;
        height: 100%;
    }
    .aa-Panel.productColumn2 .aa-PanelLayout section:nth-child(3) {
        order: 2;
        grid-column: span 2;
        grid-row: span 1;
    }
    .aa-Panel.productColumn2 section:nth-child(2) .aa-List li {
        width: auto;
    }
}
@media (max-width: 767px) {
    #algoliaAutocomplete {
        position: relative;
        top: 15px;
    }
    #algoliaAutocomplete.block-search input {
        height: 39px;
    }

    .aa-Panel .aa-PanelLayout {
        align-items: flex-start;
    }
    .aa-Panel .aa-PanelLayout section:nth-child(2) {
        width: 100%;
    }
    #autocomplete-products-footer {
        display: block;
    }
}
@media (max-width: 479px) {
    #algolia-autocomplete-container .aa-dropdown-menu .algoliasearch-autocomplete-hit .thumb, .aa-Panel .algoliasearch-autocomplete-hit .thumb {
        display: none;
    }
    #algolia-autocomplete-container .aa-dropdown-menu .algoliasearch-autocomplete-hit .info, .aa-Panel .algoliasearch-autocomplete-hit .info {
        padding-left: 0;
        margin-left: 0;
    }
}