#smartsearch {position: absolute;width: 100%;right: 0;top: 52px;z-index: 10;background: #fff;display: none;border-radius: 5px 5px 0 0;}
#smartsearch > .flex {
    justify-content: space-between;
    position: absolute;
    width: 100%;
    height: 65px;
    bottom: 65px;
    transform: translate(0, 100%);
    background: #fff;
    border-radius: 0;
    padding: 10px 20px;
    gap: 10px;
}
#smartsearch > .flex > div:first-child {display: flex;align-items: center;justify-content: center;}
#smartsearch > .flex > div:first-child strong {margin: 0 5px;display: inline-block;}
#smartsearch ul.items {margin: 0px;padding: 0px 0px 65px;max-height: 500px;overflow: auto;display: block;}
#smartsearch li.item {list-style-type: none;}
#smartsearch li.item:hover,#smartsearch li.item.current {background: #f6f6f6;}
#smartsearch li.item .item_block {display: flex;align-items: center;padding: 0;text-align: left}
#smartsearch li.item .item_block .image {display: flex;padding: 0 2px;flex: 1 1 120px;}
#smartsearch li.item .item_block .image img {padding: 0;min-width: 100px;}
#smartsearch li.item .item_block .title {padding: 0 10px;width: 100%;flex: 1 1 auto;}
#smartsearch li.item .item_block .title a {color: #181818;font-size: 15px;line-height: 1.4;display: block;}
#smartsearch li.item .item_block .title a b {color: #ba2954;}
#smartsearch li.item .item_block .title span {font-size: 14px;}
#smartsearch li.item .item_block .price {
    padding: 15px;
    font-weight: bold;
    flex: 1 1 100px;
    min-width: 100px;
    text-align: right;
    white-space: nowrap;
    font-size: 15px;
    color: #000;
}
#smartsearch li.item .item_block .oldprice {text-decoration: line-through;display: block;font-weight: 300;color: #808280;}
#smartsearch li.item .item_block a {width: 100%;}
#smartsearch .button {text-align: center;}
#smartsearch .button a {display: block;}
#smartsearch .category-title {font-size: 14px;text-transform: uppercase;}
@media screen and (max-width: 1450px) {
    #smartsearch ul.items {max-height: 370px;}
}

#smartsearch ul.items {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    padding: 20px 20px 67px;
}
#smartsearch li.item {
    list-style-type: none;
    flex: 1 1 33%;
    max-width: calc(33% - 10px);
    background: #f8f8f8;
    border: 1px solid #cbcbcb;
}

@media screen and (max-width: 1200px) {
    #smartsearch li.item {
        flex: 1 1 50%;
        max-width: calc(50% - 10px);
    }
}
@media screen and (max-width: 768px) {
    #smartsearch ul.items {
        gap: 10px
    }
    #smartsearch li.item {
        flex: 1 1 100%;
        max-width: 100%;
    }
    #smartsearch>.flex>div:first-child {
        display: flex;
        align-items: center;
        justify-content: center;
        flex-wrap: wrap;
        line-height: 1;
    }
    #smartsearch ul.items {
        padding: 20px 10px 67px;
    }
    #smartsearch li.item .item_block .image img {
        padding: 0;
        max-width: 70px;
        min-width: 70px;
    }
    #smartsearch li.item .item_block .price {
        padding: 5px;
        flex: 1 1 80px;
        min-width: 80px;
    }
    #smartsearch li.item .item_block .title br {
        display: none;
    }
}