.search__container_results {
    display: block;
    position: absolute;
    top: 100%;
    left: -20px;
    width: 100vw;
    height: calc(100dvh - var(--header-h));
    -webkit-box-ordinal-group: 1;
    -ms-flex-order: 0;
    order: 0;
    overflow: scroll;
}
@media (min-width: 1024px) {
    .search__container_results {
        top: calc(100% + 10px);
        left: 0;
        width: 100%;
        height: auto;
        overflow: hidden;
    }
}
.search__results_box {
    /*position: absolute;*/
    position: relative;
    margin-left: auto;
    margin-right: auto;
    width: 1490px;
    max-width: 100%;
    min-width: 320px;
    overflow: hidden;
    z-index: 99999;
    display: flex;
    flex-direction: column;
    transition: display 1.5s linear;
}

.search__wrapper {
    height: 50px;
    width: 100%;
    align-items: center;
    background-color: #fff;
    padding: 5px 15px;
    display: flex;
    margin: 5px 0 5px 0;
    transition: background-color 0.2s;
}

.search__wrapper:hover {
    background-color: #1b98e00a;
}

.search__wrapper:hover .search__manufacturer-link{
    color: var(--livea-blue);
}

.search__wrapper:hover .search__product-link{
    color: var(--livea-blue);
}

.search__manufacturer-logo, .search__category-logo, .search__product-image {
    width: 75px;
    height: 50px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    display: flex;
}

.search__manufacturer-link, .search__category-link, .search__product-link {
    display: inline-block;
    flex: 3;
    margin-left: 20px;
    text-align: left;
}

.search__manufacturer-link {
    color: var(--livea-blue-dark);
    font-size: 14px;
    font-weight: 700;
    line-height: 18px;
    transition: color 0.2s;
}

.search__category-link a {
    color: var(--livea-blue-dark);
    font-size: 14px;
    font-weight: 500;
    line-height: 18px;
    text-decoration: none;
    transition: color 0.2s;
}

.search__product-link {
    color: var(--livea-blue-dark);
    font-size: 14px;
    font-weight: 300;
    line-height: 18px;
    transition: color 0.2s;
}

.search__category-link a:hover {
    color: var(--livea-blue);
}

.search__manufacturer-container {
    background-color: #fff;
}

.search__category-container {
    padding-bottom: 15px;
    background-color: #fff;
    padding-top: 10px;
}

.search__product-container {
    padding-top: 15px;
    background-color: #fff;
    padding-bottom: 15px;
    border-top: 3px solid var(--livea-blue);
}

.search__product-price {
    display: flex;
    flex: 1;
    justify-content: flex-end;
    font-size: 13px;
    font-weight: 600;
    color: var(--livea-pink);
}

.search__wrapper .cur {
    font-weight: normal !important;
}

.result-loading {
    background: url('/img/loading-search.gif') center no-repeat;
    background-size: contain;
    transition: background-size;
}

@media (max-width: 449px) {
    .search__wrapper {
        padding: 5px 10px;
    }

    .search__manufacturer-link,
    .search__category-link,
    .search__product-link {
        margin-left: 0;
    }

    .search__manufacturer-link {
        font-size: 14px;
        line-height: 16px;
    }

    .search__category-link a {
        line-height: 16px
    }

    .search__product-link {
        line-height: 16px;
    }
}

/**
 * ----------------------------------------
 * animation fade-in
 * ----------------------------------------
 */
@-webkit-keyframes search__fade-in {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}
@keyframes search__fade-in {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

.search__fade-in {
    -webkit-animation: search__fade-in 0.3s cubic-bezier(0.550, 0.085, 0.680, 0.530) both;
    animation: search__fade-in 0.3s cubic-bezier(0.550, 0.085, 0.680, 0.530) both;
}

#search_block_top {
    background: var(--livea-white);
    -webkit-transition: display 5s;
    -o-transition: display 5s;
    transition: display 5s;
}

#search_block_top.active {
    position: absolute;
    left: 0;
    width: 100%;
    top: 0;
    z-index: 1;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.search {
    -webkit-box-orient: unset;
    -webkit-box-direction: unset;
    -ms-flex-direction: unset;
    flex-direction: unset;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
}

.search .input {
    display: none;
    border: 1px solid var(--livea-gray-20);
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="21" height="20" viewBox="0 0 21 20" fill="none"><path fill-rule="evenodd" clip-rule="evenodd" d="M4.3227 15.7521C5.73709 16.6972 7.39997 17.2016 9.10104 17.2016C10.2305 17.2016 11.3489 16.9791 12.3924 16.5469C13.1713 16.2243 13.8971 15.7895 14.5473 15.2576L19.0384 19.7487C19.1175 19.8287 19.2117 19.8922 19.3157 19.9354C19.4197 19.9785 19.5312 20.0005 19.6437 19.9999C19.7563 20.0005 19.8678 19.9785 19.9718 19.9354C20.0757 19.8922 20.17 19.8287 20.2491 19.7487C20.4095 19.588 20.4996 19.3703 20.4996 19.1433C20.4996 18.9163 20.4095 18.6985 20.2491 18.5379L15.758 14.0468C16.2898 13.3967 16.7245 12.671 17.0471 11.8922C17.4794 10.8487 17.7018 9.73027 17.7018 8.6008C17.7018 6.89972 17.1974 5.23685 16.2523 3.82245C15.3073 2.40806 13.964 1.30567 12.3924 0.6547C10.8208 0.00372652 9.0915 -0.166598 7.42311 0.165266C5.75472 0.497129 4.2222 1.31628 3.01936 2.51912C1.81652 3.72196 0.997373 5.25448 0.66551 6.92287C0.333646 8.59126 0.503971 10.3206 1.15494 11.8922C1.80592 13.4638 2.9083 14.807 4.3227 15.7521ZM5.2936 2.87971C6.4206 2.12667 7.7456 1.72473 9.10104 1.72473C10.9186 1.72473 12.6618 2.44677 13.947 3.73199C15.2322 5.01722 15.9543 6.76037 15.9543 8.57795C15.9543 9.93339 15.5523 11.2584 14.7993 12.3854C14.0462 13.5124 12.9759 14.3908 11.7237 14.9095C10.4714 15.4282 9.09344 15.5639 7.76404 15.2995C6.43465 15.0351 5.21352 14.3824 4.25508 13.4239C3.29664 12.4655 2.64394 11.2443 2.3795 9.91495C2.11507 8.58556 2.25079 7.2076 2.76949 5.95534C3.28819 4.70308 4.16659 3.63275 5.2936 2.87971Z" fill="%239B9B9B"/></svg>');
    background-size: 20px;
    background-repeat: no-repeat;
    background-position-y: center;
    background-position-x: 10px;
    width: 100%;
    height: 40px;
    padding: 0 10px 0 40px;
}

#search_block_top.active .search .input {
    display: block;
}


@media (min-width: 1024px) {
    .search .input {
        display: block;
    }
}

#search_block_top.active .search__toggle-btn {
    background: url('data:image/svg+xml,%3Csvg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M9.44554 8.01329L15.5286 1.93019C15.6301 1.83569 15.7114 1.72174 15.7678 1.59512C15.8242 1.46851 15.8546 1.33183 15.857 1.19323C15.8595 1.05464 15.834 0.916971 15.782 0.788444C15.7301 0.659917 15.6529 0.543163 15.5548 0.445147C15.4568 0.347131 15.3401 0.269861 15.2115 0.217947C15.083 0.166033 14.9454 0.140538 14.8068 0.142983C14.6682 0.145428 14.5315 0.175764 14.4049 0.23218C14.2783 0.288596 14.1643 0.369936 14.0698 0.471349L7.9867 6.55445L1.9036 0.471349C1.70793 0.289021 1.44912 0.18976 1.18171 0.194478C0.914304 0.199196 0.659164 0.307525 0.470047 0.496642C0.28093 0.685759 0.172601 0.940899 0.167883 1.20831C0.163165 1.47572 0.262426 1.73452 0.444754 1.93019L6.52785 8.01329L0.444754 14.0964C0.251456 14.2899 0.142883 14.5523 0.142883 14.8258C0.142883 15.0994 0.251456 15.3617 0.444754 15.5552C0.638292 15.7485 0.900641 15.8571 1.17418 15.8571C1.44771 15.8571 1.71006 15.7485 1.9036 15.5552L7.9867 9.47214L14.0698 15.5552C14.2633 15.7485 14.5257 15.8571 14.7992 15.8571C15.0728 15.8571 15.3351 15.7485 15.5286 15.5552C15.7219 15.3617 15.8305 15.0994 15.8305 14.8258C15.8305 14.5523 15.7219 14.2899 15.5286 14.0964L9.44554 8.01329Z" fill="%23253854"/%3E%3C/svg%3E') center no-repeat;
}

@media (min-width: 1024px) {
    .search__toggle-btn {
        display: none;
    }
}

.search__submit {
    display: none;
}

@media (min-width: 1024px) {
    .search__submit {
        opacity: 0;
        -webkit-transition: opacity 0.3s;
        -o-transition: opacity 0.3s;
        transition: opacity 0.3s;
    }
    #searchbox:focus-within .search__submit {
    /*.search__submit{*/
        display: block;
        min-width: 90px;
        height: 40px;
        background: var(--livea-blue);
        border: none;
        color: white;
        padding: 10px;
        font-size: 13px;
        opacity: 1;
    }
}

.search__results_box {
background: var(--livea-white);
padding: 0 20px;
}

@media (min-width: 1024px) {
#search_block_top,
.search__results_box {
    width: 100%;
    max-width: 592px;
}

#search_block_top {
    margin: 0;
    padding: 0 10px;
}

form#searchbox {
    position: relative;
    z-index: 2;
}

.search-block__background {
    opacity: 0;
    visibility: hidden;
    position: absolute;
    background: #000000;
    left: -50%;
    top: calc(0px - var(--header-h));
    width: 200vw;
    height: 200vh;
    z-index: 1;
    -webkit-transition: opacity 0.3s ease;
    -o-transition: opacity 0.3s ease;
    transition: opacity 0.3s ease;
}

#searchbox:focus-within ~ .search-block__background {
    opacity: 0.15;
    visibility: visible;
}
}

.search__manufacturer-logo,
.search__category-logo,
.search__product-image {
    width: 40px;
    height: 40px;
    margin-right: 10px;
}

.search__wrapper {
    padding: 0;
}

.search__wrapper a {
    font-size: 13px;
    color: var(--livea-blue-dark);
}