/* Catalog. */

.catalog {

}

.catalog_title {
    margin-bottom: 36px;
    font-size: 20px;
    font-weight: 700;
}

.catalog_title span {
    color: var(--primary);
}

.catalog_net {
    display: grid;
    grid-template-columns: 325px calc(100% - 325px - 1.75rem);
    grid-gap: 1.75rem;
}

.catalog_filter {
    border-right: 1px solid #eee;
}

.catalog_sort_wrapper + .catalog_sort_wrapper {
    margin-top: 1.25rem;
}

.catalog_sort {
    grid-gap: 10px;
    font-size: 14px;
    white-space: nowrap;
    line-height: 1.3;
    display: flex;
    flex-wrap: wrap;
}

.catalog_sort .s-icon {
    width: 23px;
    height: 23px;
    color: var(--gray);
}

.catalog_sort .owl-stage {
    display: flex;
}

.catalog_sort .owl-prev, .catalog_sort .owl-next {
    transform: translateY(-50%);
}

.catalog_sort .owl-stage-outer {
    width: calc(100% - 52px);
    margin: 0 auto;
}

.catalog_sort ul {
    overflow-x: auto;
    grid-gap: 16px;
    padding-right: var(--bone);
    padding: 0;
    padding-bottom: 10px;
}

.catalog_sort li {
    padding: 8px 20px 10px;
    border: 2px solid #F4F4F4;
    font-size: 15px;
    border-radius: 16px;
    cursor: pointer;

    transition: color .43s, border-color .43s, background-color .43s;
}

.catalog_sort li:hover {
    color: var(--primary);
    border-color: #BFE4F3;
}

.catalog_sort li.selected {
    color: var(--primary);
    background-color: rgba(0, 147, 205, 0.03);
    border-color: rgba(0, 147, 205, 0.4);
}

.catalog_list {
    grid-gap: 0.5rem;
}

.catalog_list:not(:first-child) {
    margin-top: 1.75rem;
}

.catalog_text {
    overflow: auto;

    max-width: 1228px;
    max-height: 600px;
    margin: 56px auto 0;
    padding-right: 48px;
}

.catalog_text_full {
    overflow: auto;

    max-width: 1228px;
    margin: 56px auto 0;
    padding-right: 48px;
}

.catalog_list._favorit {
    --net: 5;

    grid-template-columns: repeat(var(--net), 1fr);
}

.catalog_banner {
    --color: var(--white);
    position: relative;

    padding: 16px 24px 0;
    background-color: var(--primary);
    border-radius: 20px;
}

.catalog_banner_title {
    font-size: 24px;
    font-weight: 700;
}

.catalog_banner_text {
    margin-top: 12px;
    font-weight: 700;
}

.catalog_banner_img {
    position: absolute;
    left: 24px;
    right: -9px;
    bottom: 0;
}

.filterSearchInput {
    width: 100%;
    height: 50px;
    border: 2px solid #EBEBEB;
    padding: 0 60px 0 30px;
    background-color: var(--bg);
    border-radius: 16px;
}

.filterSearchInputContainer {
    margin-bottom: 24px;
    position: relative;
    width: calc(100% - var(--bone));
}

.filterSearchInputClearButton {
    width: 14px;
    height: 14px;
    position: absolute;
    top: 18px;
    right: 18px;
    cursor: pointer;
}

.catalog_4th_banner{
    display: grid;grid-template-areas: 'a';
    border-radius: 10px;
}
.catalog_4th_banner:hover{
        box-shadow: -4px 2px 11px rgba(68, 68, 68, 0.25);
}
.catalog_4th_banner_img{
    border-radius: 10px;
}

/* Catalog. */

@media only screen and (min-width: 1501px) {
    .catalog_list {
        grid-template-columns: repeat(5, 1fr);
    }

    .catalog_list .product:not(.card) {
        --inner: 20px;
        max-width: 265px;
    }

    .catalog_list._favorit {
        --net: 6;
    }
}

@media only screen and (max-width: 1800px) and (min-width: 1031px) {

    /* Filter. */
    .catalog_net {
        grid-template-columns: 240px calc(100% - 240px - 16px);
    }

    .catalog_list .product_price {
        font-size: 20px;
    }

    .catalog_list .product_price ._old {
        font-size: 15px;
    }

    /* Filter. */

}

@media only screen and (max-width: 1600px) and (min-width: 1261px) {

    /* Catalog. */
    .product_price {
        grid-gap: 12px;
    }

    .catalog_list .product_revs_stars {
        --inner: 2px;
    }
}

@media only screen and (max-width: 1500px) {

    /* Catalog. */
    .catalog_list {
        grid-template-columns: repeat(5, 1fr);
    }

    .catalog_list._favorit {
        /*		--net: 4;*/
    }

    .catalog_list .product_revs {
        flex-wrap: wrap;
    }

    .catalog_banner_title {
        font-size: 20px;
    }

    .catalog_banner_text {
        font-size: 15px;
    }

    /* Catalog. */

}

@media only screen and (max-width: 1260px) {

    /* Catalog. */
    .catalog_list._favorit {
        /*		--net: 4;*/
    }

    .catalog_list {
        grid-template-columns: repeat(4, 1fr);
    }

    .catalog_banner_title {
        font-size: 18px;
    }

    .catalog_banner_text {
        font-size: 14px;
    }

    /* Catalog. */

}

@media only screen and (min-width: 1030px) {
    .filterSearchInput {
        width: 100%;
        height: 2.4rem;
        border: 1px solid #EBEBEB;
        padding: 0 60px 0 30px;
        background-color: var(--bg);
        border-radius: 16px;
    }

    /* Catalog. */
    .filterSearchInputClearButton {

        top: 12px;

    }

    .filterSearchInputContainer {
        margin-bottom: 0px;
        position: relative;
        width: auto;
    }
}

@media only screen and (max-width: 1030px) {

    /* Catalog. */
    .catalog_list {
        grid-template-columns: repeat(5, 1fr);
    }

    .catalog_net {
        grid-gap: 0;
        grid-template-columns: 100%;
    }

    .catalog_list._favorit {
        --net: 5;
    }

    /* Catalog. */

}

@media only screen and (max-width: 900px) and (min-width: 771px) {

    /* Catalog. */
    .catalog_list {
        grid-gap: 8px;
    }

    .catalog_banner_title {
        font-size: 16px;
    }

    .catalog_banner_text {
        font-size: 12px;
    }

    .catalog_banner {
        padding-top: 12px;
        padding-left: 8px;
        padding-right: 8px;
    }

    /* Catalog. */

}

@media only screen and (max-width: 770px) {
    .catalog_list {
        grid-template-columns: repeat(2, 1fr);
    }

    .catalog_list._favorit {
        --net: 2;
    }

    .catalog_text {
        max-height: none;
        margin: 32px calc(var(--bone_size) * -1) 0;
        padding: 24px var(--bone_size) 0;
        border-top: 20px solid #F7F7F7;
    }

    .catalog_banner_title {
        font-size: 24px;
    }

    .catalog_banner_text {
        font-size: 17px;
    }
}

@media only screen and (max-width: 600px) {
    .catalog_4th_banner {
    padding-right: 4px;
    }
        .catalog_list {
        margin-left: calc(var(--bone_size) * -1);
        margin-right: calc(var(--bone_size) * -1);
    }

    .catalog_title {
        margin-bottom: 28px;
        font-size: 24px;
    }

    .catalog_sort ul {
        grid-gap: 12px;
    }

    .catalog_sort li {
        font-size: 15px;
        padding-left: 20px;
        padding-right: 20px;
    }

    .catalog_banner {
        display: none;
    }
}