.sidebar-banner {
    border-radius: 13px;
    background: #F6F6F6;
    padding: 20px;
    margin-bottom:15px;
    position: relative;
}
.sidebar-banner_heading {
    font-weight: 600;
    font-size: 19px;
    line-height: 109%;
    color: #000;
    margin-bottom:7px
}
.sidebar-banner_text {
    font-weight: 400;
    font-size: 15px;
    line-height: 121%;
    letter-spacing: -0.02em;
    color: #424242;
    margin-bottom:15px
}
.sidebar-callback-unbanner__img {
    width:100%;
    position: relative;
    border-radius: 2px;
    box-shadow: 0 0 19px 0 rgba(0, 0, 0, 0.1);
    margin-bottom:16px;
    display:block
}
.sidebar-callback-unbanner__img img {
    width:100%;
    height:auto
}
.sidebar-callback-unbanner__reiting {
    font-size: 12px;
    color: #4c4c4c;
    text-align: center;
    display: block;
    padding-bottom: 6px;
}
.sidebar-callback-unbanner__yandex {
    display: flex;
    flex-direction: column;
    gap:10px;
    text-align: center;
}
#yandex_new {
    font-weight: 500;
    font-size: 14px;
    line-height: 94%;
    letter-spacing: -0.02em;
    color: #f4213a;
}
.new_sidebar_yandex {
    display:block;
    font-weight: 600;
    font-size: 13px;
    letter-spacing: -0.03em;
    text-align: center;
    color: #fff;
    border-radius: 45px;
    background:#F4213A;
    width:100%;
    padding:10px
}
#yandex_new:hover {
    color:#F76375
}
.new_sidebar_yandex:hover {
    background:#F76375
}
.sidebar-banner:hover .sidebar-banner_link {
    color:#F76375
}
.sidebar-banner_link {
    position: absolute;
    bottom:20px;
    font-weight: 600;
    font-size: 14px;
    line-height: 105%;
    color: #f4213a;
    text-transform: uppercase;
}
.manufacture-banner {
    min-height:248px;
    background-image: url(../img/widgets/Group_420_2.png);
    background-repeat: no-repeat;
    background-size: cover;
    display:block
}
.manufacture-banner > div {
    width:50%;
}
.promo-banner {
    background-color:#fff;
    border: 2px solid #f97f8e;
    min-height:248px;
    background-image: url(../img/widgets/promo.png);
    background-repeat: no-repeat;
    background-position: bottom right;
    display:block
}
.consult-banner {
    background-color:#fff;
    min-height:250px;
    background-image: url(../img/widgets/consult.png);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: bottom right;
    flex-direction: column;
    display: flex;
    justify-content: space-between;
    gap: 5px;
    border:2px solid #E1E1E1
}
.consult-banner > a {
    border: 2px solid;
    border-radius: 43px;
    padding: 10px;
    text-align: center;
    width:100%;
    display: flex;
    gap: 5px;
    justify-content: center;
    align-items: center;
}
.consult-banner .cons-wh {
    color: #219653;
    bottom:50px;
    border-color: #219653;
}
.consult-banner .cons-wh span {
    white-space: nowrap;
}
.consult-banner .cons-wh:hover {
    background-color: #D3F7E5;
    color: #219653;
}
.consult-banner .cons-cb {
    bottom:20px;
    border-color: #f4213a;
    color: #f4213a;
}
.consult-banner .cons-cb:hover {
    color:#fff;
    background-color: #F4213A;
}
.consult-banner .cons-cb:hover svg path {
    fill:#fff
}

.sk-prod-sorting {
    float:right;
    display:flex;
    align-items: center;
    line-height: 34px;
    font-size: 16px;
    font-weight: 400;
    color:#F4213A;
    gap:5px;
    flex-wrap: nowrap;
}
.sk-prod-sorting:hover {
    color:#F4213A
}
.woocommerce-ordering {
    display:flex;
    flex-direction: column;
    gap:10px
}
.sk-prod-show-filter {
    display:none
}
.sk-catalog-heading {
    margin-bottom:18px;
    display:flex;
    align-items: center;
    justify-content: space-between;
}
.sk-filter-left-side {
    display:flex;
    align-items: center;
    justify-content: space-between;
    gap:10px
}
#sk-search-goods {
    position: relative;
}
#sk-search-goods input {
    border:1px solid #bbb;
    border-radius: 42px;
    color:#909090;
    background-color: #fff;
    padding: 7px 13px;
    font-size: 14px;
    font-weight: 500;
    line-height: 19px;
}
#sk-search-goods svg {
    position: absolute;
    right: 4px;
    top: 4px;
    cursor: pointer;
}
#sk-search-goods svg:hover rect {
    fill:#F4213A
}
.woocommerce-result-count {
    color:#797979;
    font-size: 16px;
    font-weight: 400;
}
.filter-results {
    display:flex;
    gap:8px;
    flex-wrap: wrap;
    align-items: center;
    margin-bottom:18px
}
.sk-remove-param, .filter-results-reset, .product-filter-submit, .product-filter-reset {
    display: flex;
    align-items: center;
    flex-wrap: nowrap;
    gap:8px;
    padding: 5px 15px;
    background-color: #F4213A;
    color: #fff;
    font-size: 14px;
    font-weight: 400;
    justify-content: center;
    border-radius: 50px;
    cursor: pointer;
}
.sk-remove-param:hover, .product-filter-submit:hover {
    background-color: #FF5B6F;
}
.sk-remove-param b {
    font-weight: 600;
}
.filter-results-reset, .product-filter-reset {
    background-color: #FFECEC;
    color:#F4213A;
}
.filter-results-reset:hover, .product-filter-reset:hover {
    background-color: #FF5B6F;
    color:#fff
}

#product-filter {
    background-color: #F5F5F5;
    border-radius: 8px;
    padding:20px 0;
    margin-bottom:15px
}
.product-filter-marker {
    display:none
}
.product-filters > div {
    padding:0 20px 10px;
    margin-bottom:20px;
    border-bottom: 1px solid #DFDFDF;
}
.product-filter-header {
    font-size: 18px;
    font-weight: 500;
    margin-bottom:15px
}
.product-color-marks {
    display:flex;
    gap:9px;
    flex-wrap: wrap;
    padding-bottom:10px
}
.product-color-marks > a {
    display:block;
    height:29px;
    width:29px;
    background-size: cover;
}
.product-color-marks > a.color-white {
    border:1px solid #CFCFCF;
}
.product-color-marks > a.sk-gold-color {
    background-image: url(../img/colors/gold.jpg);
}
.product-color-marks > a.sk-many-color {
    background-image: url(../img/colors/mix.jpg);
}
.product-color-marks > a.sk-wood-color {
    background-image: url(../img/colors/wood.jpg);
}
.product-color-marks > a.sk-perf-color {
    background-image: url(../img/colors/perf.png);
}
a.product-color-mark.selected {
    border:2px solid #F4213A;
    border-radius: 2px;
}
a.product-color-mark.selected:after {
    content:"";
    height: 11px;
    width: 14px;
    position: absolute;
    top: 7px;
    left: 5px;
    background-image: url(../img/mark.svg);
    background-size: cover;
}
a.product-color-mark.color-white.selected:after {
    background-image: url(../img/mark-black.svg);
}
.sk-filter-checkbox {
    display:flex;
    flex-wrap: nowrap;
}
.sk-filter-checkbox input[type="checkbox"] {
    position: absolute;
    left: -9999px;
}
.sk-filter-checkbox input[type="checkbox"]:checked + label,
.sk-filter-checkbox input[type="checkbox"]:not(:checked) + label {
    display: inline-block;
    position: relative;
    padding-left: 28px;
    cursor: pointer;
    font-weight: 400;
    font-size: 14px;
    color: #0C0A3E;
    margin-bottom:10px
}
.sk-filter-checkbox.disabled input[type="checkbox"] + label {
    opacity: .5;
    cursor:auto;
}
.sk-filter-checkbox input[type="checkbox"]:checked + label:before,
.sk-filter-checkbox input[type="checkbox"]:not(:checked) + label:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 21px;
    height: 21px;
    border:1px solid #C6C6C6;
    background-color: #ffffff;
    border-radius: 3px;
}
.sk-filter-checkbox input[type="checkbox"]:checked + label:before {
    background-color: #F4213A;
    border:1px solid #F4213A;
}
.sk-filter-checkbox input[type="checkbox"]:checked + label:after {
    content: "";
    position: absolute;
    width: 13px;
    height: 10px;
    left: 4px;
    top: 6px;
    background-image: url(../img/mark.svg);
    background-size: cover;
    background-repeat: no-repeat;
}
.product-filter-light-wrapper {
    display:grid;
    grid-template-columns: 1fr 1fr;
}
.product-filter-link-box {
    display:flex;
    flex-direction: column;
    gap:7px;
    justify-content: center;
    padding:0 20px
}
.product-filter-reset:hover svg path {
    fill:#fff;
}
.product-filter-submit, .product-filter-reset {
    border: none;
    line-height: 25px;
    padding:8px
}


#modal-sorting {
    padding:33px;
    background: #fff;
    max-width:260px
}
#modal-sorting .fancybox-button svg path {
    fill:#000
}
#modal-sorting .fancybox-button:hover svg path {
    color: #F4213A;
}
#modal-sorting .product-filter-header {
    margin-bottom:10px
}
.sk-form-radio {
    display:flex;
    gap:5px;
    align-items: center;
}
.sk-form-radio input[type=radio] {
    appearance: none;
    display: inline-block;
    margin: 0;
    width: 17px;
    height: 17px;
    border:1px solid #B6B6B6;
    border-radius: 50%;
}
.sk-form-radio input[type=radio]:checked {
    border:1px solid #F4213A;
    background-color: #F4213A;
}
.sk-form-radio input[type=radio]:checked::before {
    content: '';
    display: block;
    width: 7px;
    height: 7px;
    background-color: #fff;
    border-radius: 50%;
    position: relative;
    top: 4px;
    left: 4px;
}


.product-filters .product-filter-marker {
    position: absolute;
    left: 94%;
    z-index: 100;
    background: #F4213A;
    color:#fff;
    padding: 15px;
    min-width:147px;
    border-radius: 5px;
    display:none;
    text-align: center;
    transition: background-color 0s;
}
.product-filter-marker:before {
    content:"";
    display:block;
    position:absolute;
    left: -8px;
    top: 57%;
    transform: translate(-50%, -50%);
    background: #F4213A;
    width: 20px;
    height: 20px;
    rotate: 45deg;
    border-radius: 2px;
    transition: background-color 0s;
}
.product-filters .product-filter-marker:hover, .product-filter-marker:hover:before {
    background-color: #FF5B6F;
}

.clever-banner {
    background-color:#fff;
    border: none;
    min-height:248px;
    background-image: url(../img/widgets/clever-v3.jpg);
    background-repeat: no-repeat;
    background-position: left center;
    background-size: cover;
    display:block
}
.clever-banner .sidebar-banner_heading {
    color:#fff;
    margin-bottom: 11px;
}
.clever-icons {
    display:flex;
    flex-wrap: nowrap;
    gap:7px
}
.clever-icons span {
    height:42px;
    width:42px;
    display:flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    background:#fff
}


/* Популярные товары */
.block-popular h2 {
    letter-spacing: -0.02em;
    color: #616161;
}
.block-popular .row > div {
    margin-bottom: 14px;
    padding:0 7px
}
.item-catalog {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    position: relative;
    background: #F5F5F5;
    z-index: 1;
    height: 240px;
    padding: 26px 21px 20px;
    border-radius: 15px;
    cursor:pointer;
    color: #282828;
}
.title-middle {
    font-size: 17px;
    font-weight: 500;
    line-height: 19px;
    letter-spacing: -0.02em;
    margin-bottom: 7px;
}
.block-popular .price-main {
    font-size: 20px;
    font-weight: 600;
    line-height: 20px;
    letter-spacing: -0.03em;
    color: #68BBA2;
}
.item-catalog__image {
    border-radius: 15px;
    position: absolute;
    display: block;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: -1;
    overflow: hidden;
}
.item-catalog__image img {
    width:auto;
    height:95%
}
.item-catalog:hover img,
.item-catalog:focus img {
    transform: scale(1.2);
    -webkit-transform: scale(1.2);
    -ms-transform: scale(1.2);
}
.item-catalog .btn-main {
    font-size: 15px;
    font-weight: 500;
    line-height: 22px;
    letter-spacing: -0.02em;
    background:transparent;
    color:#F4213A;
    margin-top:auto;
    padding:0;
    height:auto
}
.item-catalog__image {
    display: flex;
    align-items: flex-end;
    justify-content: flex-end;
}
.catalog .item-catalog:hover .btn-main_default,
.catalog .item-catalog:active .btn-main_default {
    opacity: .7;
    background: transparent;
    color:#F4213A;
}
.btn-block {
    padding: 34px 31px;
    padding-bottom: 24px;
    border-radius: 25px;
    color: #fff;
    background: #F4213A;
    box-shadow: 0px 0px 46px 0px rgba(129, 23, 35, 0.38);
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}
.btn-block .title-middle {
    max-width: 293px;
    display: block;
    font-size: 24px;
    font-weight: 600;
    line-height: 25px;
    letter-spacing: -0.03em;
    color:#fff
}
.btn-block__text {
    display: block;
    margin-top: auto;
    font-size: 16px;
    font-weight: 400;
    line-height: 23px;
    letter-spacing: -0.03em;
    text-align: left;
    max-width: 296px;
    color:#fff
}
.btn-block:hover {
    background: #FB455A;
}
.btn-block::after {
    position: absolute;
    display: block;
    content: " ";
    width: 94px;
    height: 94px;
    right: 32px;
    bottom: 31px;
    border-radius: 50%;
    background-color: #fff;
    background-image: url(../img/arrow_btn.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    transition: background-position 300ms;
}
.btn-block:hover:after,
.btn-block:hover:active {
    background-position-x: 10px;
}


@media(max-width:1200px) {
    .consult-banner .cons-wh span, .woocommerce-result-count {
        display:none
    }
    .item-catalog__image img {
        height:90%
    }
}

@media(min-width:768px) {
    .promo-banner, .consult-banner {
        position:sticky;
        top:130px
    }
    .consult-banner {
        top:392px
    }
    #modal-sorting {
        position: absolute;
        z-index: 2;
        right: 0;
        top: 40px;
        border:1px solid #E6E6E6;
        box-shadow: 0 4px 18px 0 #00000026;
        border-radius: 7px;
    }
    #modal-sorting .product-filter-header {
        display:none
    }
}

@media(min-width:1200px) {
    .promo-banner, .consult-banner {
        position:sticky;
        top:200px
    }
    .consult-banner {
        top:463px
    }
}

@media(max-width:767px) {
    .has-sidebar.sk-archive {
        display:flex;
        flex-direction: column;
    }
    .sidebar-banner.review-banner, .sidebar-banner.manufacture-banner {
        display:none
    }
    .clever-banner {
        min-height: 300px;
        order:2;
    }
    .consult-banner {
        order:3;
    }
    .sk-archive .filter-results {
        order:1;
        flex-wrap: nowrap;
        overflow-x: scroll;
        padding-bottom: 20px;
    }
    .sk-archive .sk-catalog-heading {
        order:2
    }
    .sk-archive .sk-products {
        order:3
    }
    .sk-archive .woocommerce-pagination {
        order:4
    }
    .sk-archive .site-main {
        order:5
    }
    .sk-catalog-sorting {
        display:flex;
        justify-content: space-between;
        align-items: center;
        margin-bottom:15px
    }
    .sk-prod-sorting, .sk-prod-show-filter {
        color:#282828;
        font-size:16px
    }
    .sk-prod-sorting svg path {
        fill:#282828;
    }
    .sk-prod-sorting:hover svg path, .sk-prod-show-filter:hover, .sk-prod-show-filter:hover svg path{
        color: #F4213A;
        fill:#F4213A;
    }
    .sk-prod-show-filter {
        display: flex;
        align-items: center;
        gap: 5px;
        flex-wrap: nowrap;
    }
    .sk-filter-left-side {
        flex-direction: row-reverse;
        gap:15px;
        flex-basis: 100%;
        justify-content: space-between;
    }
    .woocommerce-result-count {
        display:block;
        text-transform: capitalize;
        white-space: nowrap;
    }
    .woocommerce-result-count span {
        display:none
    }
    #sk-search-goods input {
        width:100%
    }
    #product-filter {
        display:none;
        margin:25px 0
    }
    #product-filter .product-filters {
        max-height: 78vh;
        overflow-y: scroll;
    }
    .sk-prod-show-filter span {
        font-size: 16px;
        font-weight: 600;
        line-height: 19px;
    }
    .sk-prod-show-filter span.filter-counter {
        width: 13px;
        height: 13px;
        border-radius: 50%;
        line-height: 13px;
        color: #fff;
        display: block;
        background: #F3213A;
        font-size: 9px;
        text-align: center;
    }
    .sk-prod-show-filter span.filter-counter:empty {
        display:none
    }
    .sk-remove-param, .filter-results-reset {
        white-space: nowrap;
    }
    .block-popular .item-catalog {
        height:50vw
    }
    .block-popular .row > div:nth-child(5) .item-catalog__image img {
        height:70%
    }
}

@media(max-width:479px){
    #modal-sorting {
        max-width:95vw;
        padding:20px
    }
    .sk-remove-param, .filter-results-reset {
        font-size:12px
    }
    #product-filter .product-filters {
        max-height: 60vh;
    }
    .block-popular .btn-block .title-middle {
        font-size: 24px;
    }
    .block-popular .btn-block__text {
        font-size: 14px;
        max-width: 195px;
    }
    .block-popular .btn-block::after {
        width:54px;
        height:54px
    }
}

