@import url("https://fonts.googleapis.com/css2?family=PT+Sans:ital,wght@0,400;0,700;1,400;1,700&family=Playfair+Display:ital,wght@0,400..900;1,400..900&display=swap");

body,
html {
    margin: 0;
    height: 100%;
    min-height: 100%
}

:root {
    --text: #101010;
    --akcia: #983220;
    --accent: #76ab55;
    --inactive: #b7b7b7;
    --sucsess: #4cb068;
    --font-family: "PT Sans", sans-serif;
    --second-family: "Poppins", sans-serif;
    --third-family: "Playfair Display", sans-serif;
    --font3: "Inter", sans-serif
}

body {
    position: relative;
    min-width: 340px;
    text-align: left;
    color: var(--text);
    font: 16px var(--font-family), arial;
    line-height: 1;
    background: #fff
}

h1{
    color: var(--text);
    font-family: var(--third-family) !important;
    font-style: normal
}

h1 {
    margin-top: 0;
    font-size: 47px;
    font-weight: 700
}

h2 {
    font-size: 45px
}

h3 {
    font-size: 43px
}

h4 {
    font-size: 41px
}

h5 {
    font-size: 39px
}

h6 {
    font-size: 38px
}

h5,
h6 {
    font-size: 37px
}

@media (max-width:1024px) {
    h1 {
        margin-top: 0;
        font-size: 28px
    }

    h2 {
        font-size: 26px
    }

    h3 {
        font-size: 24px
    }

    h4 {
        font-size: 22px
    }

    h5 {
        font-size: 20px
    }

    h6 {
        font-size: 18px
    }

    h5,
    h6 {
        font-size: 16px
    }
}

/* a { */
    /* text-decoration: underline; */
    /* color: var(--accent) */
/* } */

a:hover {
    text-decoration: none
}

a img {
    border-color: var(--text)
}

a[href^="tel:"] {
    text-decoration: none;
    color: inherit
}

img,
input,
table,
textarea {
    max-width: 100%
}

.path_block {
    font-weight: 400;
    font-size: 14px;
    line-height: 171%;
    color: var(--inactive);
    display: flex;
    align-items: center;
    flwx-wrap: wrap;
    gap: 4px
}

.path_block span {
    width: 8px;
    height: 12px;
    background: url("data:image/svg+xml,%3Csvg width='7' height='12' viewBox='0 0 7 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.5 11L5.5 6L0.5 1' stroke='%23727272' stroke-linecap='round' /%3E%3C/svg%3E") 50% no-repeat
}

.path_block a {
    text-decoration: none;
    color: #727272
}

@media (max-width:767px) {
    .path_block {
        display: none
    }
}

.path_back {
    display: none;
    font-weight: 400;
    font-size: 14px;
    line-height: 186%;
    color: #727272;
    padding-left: 14px;
    position: relative;
    text-decoration: none
}

.path_back:before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 14px;
    height: 24px;
    background: url("data:image/svg+xml,%3Csvg width='14' height='24' viewBox='0 0 14 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9.5 17L4.5 12L9.5 7' stroke='%23727272' stroke-linecap='round' /%3E%3C/svg%3E") 50% no-repeat;
    margin: auto
}

@media (max-width:767px) {
    .path_back {
        display: inline-block
    }
}

.block_inner {
    max-width: 1232px;
    margin: 0 auto
}

.content_main_wrapper {
    padding: 40px 20px;

}

.content_main_wrapper * {
    font-family: var(--font-family);
}

@media (max-width:767px) {
    .content_main_wrapper {
        padding: 24px 20px
    }
}

.content_main_wrapper * {
    box-sizing: border-box
}

@media (max-width:1024px) {
    .content_main_wrapper .block_inner {
        max-width: 634px
    }
}

.content_main_wrapper .title_pahe {
    margin: 28px 0 -37px 0;
    font-size: 47px;
    max-width: 60%;
    font-weight: 700;
}
@media (max-width:1440px) {
    .content_main_wrapper .title_pahe {
        max-width: 53%;
    }
}

@media (max-width:1380px) {
    .content_main_wrapper .title_pahe {
        max-width: 47%;
    }
}

@media (max-width:1024px) {
    .content_main_wrapper .title_pahe {
        margin: 12px 0 16px;
        font-size: 32px;
        max-width: 100%;
    }
}

@media (max-width:767px) {
    .content_main_wrapper .title_pahe {
        font-size: 28px;
        margin: 14px 0
    }
}

.content_main_wrapper .content_main_inner {
    display: flex;
    gap: 30px;
    align-items: start
}

@media (max-width:1450px) {
    .content_main_wrapper .content_main_inner {
        gap: 24px
    }
}

.content_main_wrapper .left_panel {
    flex: 0 0 287px;
    padding-top: 72px
}

@media (max-width:1450px) {
    .content_main_wrapper .left_panel {
        flex: 0 0 250px
    }
}

.content_main_wrapper .middle_content {
    flex: 1 1 auto;
    padding-top: 6px;
}

.content_main_wrapper .sorting-block {
    padding-bottom: 43px;
    display: flex;
    justify-content: flex-end;
    align-items: center
}

@media (max-width:767px) {
    .content_main_wrapper .sorting-block {
        padding-bottom: 29px
    }
}

.content_main_wrapper .sorting-block .filter_btn_mobile {
    display: none;
    cursor: pointer;
    font-weight: 700;
    font-size: 24px;
    line-height: 100%;
    color: var(--text);
    padding-right: 24px;
    position: relative
}

.content_main_wrapper .sorting-block .filter_btn_mobile:before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    width: 24px;
    height: 24px;
    background: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9.375 6.75L14.625 12L9.375 17.25' stroke='%23101010' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round' /%3E%3C/svg%3E") 50% no-repeat;
    margin: auto
}

@media (max-width:1024px) {
    .content_main_wrapper .sorting-block .filter_btn_mobile {
        display: block
    }
}

@media (max-width:1024px) {
    .content_main_wrapper .sorting-block {
        justify-content: space-between
    }
}

.content_main_wrapper .sorting-block__inner {
    display: flex;
    gap: 16px;
    align-items: center
}

.content_main_wrapper .sorting-block__inner__body {
    padding-right: 5px;
    font-weight: 400;
    font-size: 16px;
    line-height: 156%;
    color: var(--text)
}

@media (max-width:767px) {
    .content_main_wrapper .sorting-block__inner__body {
        display: none
    }
}

.content_main_wrapper .sorting-block__inner .select {
    position: relative
}

.content_main_wrapper .sorting-block__inner .select .select_name {
    font-weight: 400;
    font-size: 16px;
    line-height: 156%;
    color: var(--text);
    appearance: none;
    padding-right: 26px;
    cursor: pointer;
    background: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M17.25 9.375L12 14.625L6.75 9.375' stroke='%23101010' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round' /%3E%3C/svg%3E") 100% 50% no-repeat
}

.content_main_wrapper .sorting-block__inner .select .select_list {
    position: absolute;
    top: 100%;
    right: 0;
    border-radius: 0 0 8px 8px;
    width: 169px;
    padding: 4px 20px;
    box-shadow: 0 0 50px 0 rgba(105, 115, 101, 0.15);
    background: #fff;
    z-index: 20;
    margin-top: 5px;
    opacity: 0;
    visibility: hidden
}

.content_main_wrapper .sorting-block__inner .select .select_list.opened {
    opacity: 1;
    visibility: visible
}

.content_main_wrapper .sorting-block__inner .select .select_list .option {
    cursor: pointer;
    padding: 7px 0;
    font-weight: 400;
    font-size: 16px;
    transition: all 0.3s;
    line-height: 112%;
    color: var(--text)
}

.content_main_wrapper .sorting-block__inner .select .select_list .option:hover {
    color: #727272
}

.right_panel_cart {
    flex: 0 0 296px;
    border: 1px solid #e6e6e6;
    border-radius: 8px;
    box-shadow: 0 0 50px 0 rgba(105, 115, 101, 0.15);
    background: #fff;
    position: sticky;
    top: 202px;
    z-index: 10;
    margin: 74px -189px 0 0
}

@media (max-width:1650px) {
    .right_panel_cart {
        margin-right: -100px
    }
}

@media (max-width:1450px) {
    .right_panel_cart {
        flex: 0 0 250px;
        margin-right: 0
    }
}

@media (max-width:1024px) {
    .right_panel_cart {
        display: none
    }
}

.right_panel_cart .cart_panel_top {
    padding: 25px 24px 18px;
    border-bottom: 1px solid var(--inactive);
    display: flex;
    align-self: center;
    justify-content: space-between
}

.right_panel_cart .cart_panel_top .cart_mini_name {
    padding-left: 26px;
    position: relative;
    font-weight: 400;
    font-size: 16px;
    line-height: 150%;
    color: var(--text)
}

.right_panel_cart .cart_panel_top .cart_mini_name .count {
    position: absolute;
    top: -5px;
    right: -16px;
    width: 16px;
    height: 16px;
    background: var(--accent);
    font-weight: 700;
    font-size: 10px;
    line-height: 16px;
    color: #fff;
    text-align: center;
    border-radius: 50%
}

.right_panel_cart .cart_panel_top .cart_mini_name:before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 24px;
    height: 24px;
    background: url("data:image/svg+xml,%3Csvg width='22' height='20' viewBox='0 0 22 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M1.24533 0.584106C0.829316 0.584106 0.492065 0.921357 0.492065 1.33738C0.492065 1.7534 0.829316 2.09065 1.24533 2.09065H2.74783L6.01295 14.1574C6.13093 14.5934 6.52655 14.8962 6.97824 14.8962H8.02524C6.77718 14.8962 5.76543 15.908 5.76543 17.156C5.76543 18.4041 6.77718 19.4158 8.02524 19.4158C9.2733 19.4158 10.2851 18.4041 10.2851 17.156C10.2851 15.908 9.2733 14.8962 8.02524 14.8962H17.0635C15.8155 14.8962 14.8037 15.908 14.8037 17.156C14.8037 18.4041 15.8155 19.4158 17.0635 19.4158C18.3116 19.4158 19.3234 18.4041 19.3234 17.156C19.3234 15.908 18.3116 14.8962 17.0635 14.8962H18.5705C18.9865 14.8962 19.3238 14.559 19.3238 14.143C19.3238 13.7269 18.9865 13.3897 18.5705 13.3897H7.36593L6.95828 11.8832H18.5715C19.0217 11.8832 19.4164 11.5824 19.5357 11.1483L21.4715 4.1091C21.6466 3.47248 21.1676 2.84394 20.5073 2.84394H4.51237L4.1008 1.32291C3.98282 0.886901 3.58721 0.584106 3.13552 0.584106H1.24533ZM4.92003 4.35048L6.55332 10.3866C6.5932 10.38 6.63414 10.3766 6.67587 10.3766H18.1855L19.8427 4.35048H4.92003ZM8.02524 16.4028C7.60922 16.4028 7.27197 16.74 7.27197 17.156C7.27197 17.5721 7.60922 17.9093 8.02524 17.9093C8.44126 17.9093 8.77851 17.5721 8.77851 17.156C8.77851 16.74 8.44126 16.4028 8.02524 16.4028ZM16.3103 17.156C16.3103 16.74 16.6475 16.4028 17.0635 16.4028C17.4796 16.4028 17.8168 16.74 17.8168 17.156C17.8168 17.5721 17.4796 17.9093 17.0635 17.9093C16.6475 17.9093 16.3103 17.5721 16.3103 17.156Z' fill='%23101010' /%3E%3C/svg%3E") 50% no-repeat;
    margin: auto
}

.right_panel_cart .cart_panel_top .total_price {
    font-weight: 700;
    font-size: 16px;
    line-height: 120%;
    color: var(--text)
}

.right_panel_cart .cart_list_inner {
    padding: 20px 23px 28px
}

.right_panel_cart .cart_list_inner .cart_list_products {
    max-height: 520px;
    overflow-y: auto;
    padding-right: 30px;
    margin-right: -8px;
    scrollbar-width: thin;
    scrollbar-color: #a8a8a8 transparent
}

.right_panel_cart .cart_list_inner .cart_list_products::-webkit-scrollbar {
    width: 6px;
    border-radius: 6px;
    padding: 0
}

.right_panel_cart .cart_list_inner .cart_list_products::-webkit-scrollbar-track-piece {
    background: #d3d3d3
}

.right_panel_cart .cart_list_inner .cart_list_products::-webkit-scrollbar-thumb {
    height: 100px;
    border-radius: 6px;
    background-color: rgba(0, 0, 0, 0.1);
    border: none
}

.right_panel_cart .cart_list_inner .cart_list_products .cart_item {
    margin-bottom: 40px;
    position: relative
}

.right_panel_cart .cart_list_inner .cart_list_products .cart_item .delete {
    position: absolute;
    top: 2px;
    right: 0;
    width: 20px;
    height: 20px;
    cursor: pointer;
    background: url("data:image/svg+xml,%3Csvg width='12' height='12' viewBox='0 0 12 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.99991 11L10.9999 1' stroke='%23A8A8A8' stroke-width='2' stroke-linecap='round' /%3E%3Cpath d='M11 11L1 1' stroke='%23A8A8A8' stroke-width='2' stroke-linecap='round' /%3E%3C/svg%3E") 50% no-repeat
}

.right_panel_cart .cart_list_inner .cart_list_products .cart_item .name {
    margin-right: 20px;
    display: inline-block;
    font-weight: 400;
    font-size: 16px;
    line-height: 120%;
    color: var(--text);
    text-decoration: none
}

.right_panel_cart .cart_list_inner .cart_list_products .cart_item .name:hover {
    color: var(--accent)
}

.right_panel_cart .cart_list_inner .cart_list_products .cart_item .cart_bottom {
    padding-top: 10px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px
}

.right_panel_cart .cart_list_inner .cart_list_products .cart_item .cart_bottom .price {
    font-weight: 400;
    font-size: 16px;
    line-height: 120%;
    color: var(--text)
}

.right_panel_cart .cart_list_inner .cart_list_products .cart_item .amount_block {
    width: 88px;
    display: flex;
    border: 1px solid #d6d6d6;
    border-radius: 6px
}

.right_panel_cart .cart_list_inner .cart_list_products .cart_item .amount_block .btn_amount {
    flex: 0 0 18px;
    height: 22px;
    background: none;
    font-weight: 400;
    font-size: 12px;
    line-height: 22px;
    color: var(--text);
    cursor: pointer;
    text-align: center;
    border: none;
    outline: none;
    padding: 0
}

.right_panel_cart .cart_list_inner .cart_list_products .cart_item .amount_block .input {
    display: flex;
    align-items: center;
    gap: 0px;
    padding: 0 4px 0 0;
    text-align: center;
    flex: 1 1 auto;
    border: solid #d6d6d6;
    border-width: 0 1px
}

.right_panel_cart .cart_list_inner .cart_list_products .cart_item .amount_block input {
    width: 100%;
    height: 22px;
    border: none;
    text-align: center;
    font-weight: 400;
    font-size: 12px;
    line-height: 120%;
    color: var(--text);
    outline: none;
    padding: 0
}

.right_panel_cart .cart_list_inner .cart_list_products .cart_item .amount_block .lg {
    text-align: center;
    font-weight: 400;
    font-size: 12px;
    line-height: 120%;
    color: var(--text);
    outline: none;
    padding: 0
}

.right_panel_cart .cart_list_inner .cart_list_products .cart_item:last-child {
    margin-bottom: 0
}

.right_panel_cart .cart_list_inner .minimum_sum {
    padding: 20px 0 22px;
    font-weight: 400;
    font-size: 14px;
    line-height: 129%;
    color: #727272;
    text-align: center
}

.minimum_sum span {
    white-space: nowrap;
}

.right_panel_cart .cart_list_inner .order_btn {
    cursor: pointer;
    text-decoration: none;
    display: block;
    box-shadow: 0 4px 10px 0 rgba(36, 38, 36, 0.1);
    background: var(--accent);
    border-radius: 8px;
    padding: 12px 36px;
    font-weight: 700;
    font-size: 16px;
    line-height: 150%;
    color: #fff;
    text-align: center
}

.filter_panel .filter_title {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 0 30px;
    border-bottom: 1px solid #d3d3d3
}

.filter_panel .filter_title .back_btn {
    padding-left: 14px;
    position: relative;
    cursor: pointer;
    font-weight: 400;
    font-size: 16px;
    line-height: 162%;
    color: var(--text)
}

.filter_panel .filter_title .back_btn:before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 14px;
    height: 24px;
    background: url("data:image/svg+xml,%3Csvg width='14' height='24' viewBox='0 0 14 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9.5 17L4.5 12L9.5 7' stroke='%23101010' stroke-linecap='round' /%3E%3C/svg%3E") 50% no-repeat
}

@media (min-width:1025px) {
    .filter_panel .filter_title .back_btn {
        display: none
    }
}

.filter_panel .filter_title .name {
    font-weight: 700;
    font-size: 24px;
    line-height: 100%;
    color: var(--text)
}

.filter_panel .filter_title .reset_btn {
    font-weight: 400;
    font-size: 16px;
    line-height: 156%;
    text-decoration: underline;
    color: var(--text);
    cursor: pointer;
    margin-top: 2px;
	padding: 0;
    border: unset;
    background: unset;
}

.filter_panel .filter_title .reset_btn:hover {
    text-decoration: none
}

.filter_panel .filter_item {
    padding-bottom: 4px;
    border-bottom: 1px solid #d3d3d3
}

.filter_panel .filter_item._checkbox {
    padding: 14px 0
}

.filter_panel .filter_item .filter_name {
    padding: 14px 0;
    cursor: pointer;
    font-weight: 700;
    font-size: 16px;
    line-height: 150%;
    color: var(--text);
    position: relative
}

.filter_panel .filter_item .filter_name:after {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    width: 24px;
    height: 24px;
    margin: auto;
    background: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M17.25 9.375L12 14.625L6.75 9.375' stroke='%23101010' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round' /%3E%3C/svg%3E") 50% no-repeat;
    margin: auto
}

.filter_panel .filter_item .filter_body {
    padding: 2px 20px 14px;
    display: none
}
.filter_panel .filter_item .filter_body.hit {
    padding: 14px 20px 14px 0;
}

.filter_panel .filter_item.opened .filter_body {
    display: block
}

.filter_panel .filter_item.opened .filter_name:after {
    transform: rotate(180deg)
}

.filter_panel .filter_item .checkbox_filed {
    margin-bottom: 8px;
	display: block;
}

.filter_panel .filter_item .checkbox_filed:last-child {
    margin-bottom: 0
}

.filter_panel .filter_item .checkbox_filed label {
    display: inline-block;
    vertical-align: top;
    cursor: pointer;
    position: relative;
    font-weight: 400;
    font-size: 16px;
    line-height: 156%;
    color: var(--text);
    padding-left: 28px
}

.filter_panel .filter_item .checkbox_filed label input {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0
}

.filter_panel .filter_item .checkbox_filed label i {
    position: absolute;
    top: 4px;
    left: 0;
    width: 20px;
    height: 20px;
    border: 2px solid var(--inactive);
    border-radius: 4px;
    transition: all 0.3s
}

.filter_panel .filter_item .checkbox_filed label i:before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: url("data:image/svg+xml,%3Csvg width='12' height='10' viewBox='0 0 12 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 5.25L4.75 9L11 1.5' stroke='%2376AB55' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' /%3E%3C/svg%3E") 50% no-repeat;
    opacity: 0;
    transition: all 0.3s
}

.filter_panel .filter_item .checkbox_filed label input:checked+i {
    border-color: var(--accent)
}

.filter_panel .filter_item .checkbox_filed label input:checked+i:before {
    opacity: 1
}

.filter_panel .filter_item .filter_name_ {
    font-weight: 700;
    font-size: 16px;
    line-height: 150%;
    color: var(--text);
    padding: 14px 0 8px
}

.filter_panel .btn {
    margin: 0 auto;
    box-shadow: 0 4px 10px 0 rgba(36, 38, 36, 0.1);
    background: var(--accent);
    border-radius: 8px;
    padding: 12px 36px;
    width: 250px;
    font-weight: 700;
    font-size: 16px;
    line-height: 150%;
    color: #fff;
    display: block;
    text-align: center;
    transition: all 0.3s;
    border: none;
    margin-top: 50px;
    display: none
}

.filter_panel .btn:hover {
    opacity: 0.8
}

@media (max-width:1024px) {
    .filter_panel {
        display: none;
        transition: all 0.3s;
        position: fixed;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        padding: 60px 20px;
        background: #fff;
        z-index: 50;
        overflow-y: auto
    }

    .filter_panel .filter_panel_inner {
        max-width: 634px;
        margin: 0 auto
    }

    .filter_panel.active {
        display: block
    }

    .filter_panel .btn {
        display: block
    }
}

@media (max-width:767px) {
    .filter_panel {
        padding: 50px 20px
    }
}

.filter_price {
    padding-bottom: 10px
}

.filter_price .noUi-target {
    height: 4px;
    border-radius: 4px;
    background: #d3d3d3;
    border: none;
    box-shadow: none;
    margin: 0 10px 0 0;
}

.filter_price .noUi-horizontal .noUi-handle {
    width: 12px;
    height: 12px;
    background: var(--accent);
    border-radius: 50%;
    border: none;
    box-shadow: none;
    cursor: pointer;
    left: 0;
    top: -4px
}

.filter_price .noUi-horizontal .noUi-handle.noUi-handle-lower .noUi-tooltip{
    transform: translate(-5px, 0);
}

.filter_price .noUi-horizontal .noUi-handle:after,
.filter_price .noUi-horizontal .noUi-handle:before {
    display: none
}

.filter_price .noUi-horizontal .noUi-handle:before {
    display: block;
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 4px;
    height: 4px;
    background: #fff;
    margin: auto;
    border-radius: 50%
}

.filter_price .noUi-horizontal .noUi-handle.noUi-handle-upper {
    /*margin: 0 0 0 -8px*/
}

.filter_price .noUi-horizontal .noUi-handle.noUi-handle-upper .noUi-tooltip {
    left: auto;
    right: 0;
    transform: translate(0)
}

.filter_price .noUi-connect {
    background: var(--accent);
    border-radius: 2px;
    border: none;
    box-shadow: none
}

.filter_price .noUi-horizontal .noUi-tooltip {
    padding: 0;
    box-shadow: none;
    font-weight: 400;
    font-size: 14px;
    line-height: 179%;
    color: var(--text);
    border: none
}

.filter_price .filter_price_field {
    display: flex;
    align-items: center;
    gap: 10px;
    padding-bottom: 36px
}

.filter_price .filter_price_field>span {
    font-weight: 400;
    font-size: 14px;
    line-height: 179%;
    color: #000
}

.filter_price .filter_price_field label {
    flex: 0 0 80px;
    border: 1px solid var(--inactive);
    border-radius: 4px;
    padding: 2px 10px;
    height: 29px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-weight: 400;
    font-size: 14px;
    line-height: 179%;
    color: var(--text)
}

.filter_price input {
    width: 100%;
    height: 27px;
    border: none;
    outline: none;
    padding: 0 0 0 4px
}

.filter_price .range_val {
    display: flex;
    padding: 0;
    justify-content: space-between;
    font-weight: 400;
    font-size: 14px;
    line-height: 179%;
    color: var(--inactive)
}
.filter_price .range_val div {
    line-height: 179%;
}

.product_item {
    padding: 30px 24px;
    border: 1px solid #e6e6e6;
    border-radius: 8px;
    box-shadow: 0 0 50px 0 rgba(105, 115, 101, 0.15);
    background: #fff
}

@media (max-width:1660px) {
    .product_item {
        padding: 20px 16px;
    }
}

@media (max-width:767px) {
    .product_item {
        padding: 12px
    }
}

.product_item .image {
    max-height: 180px;
    min-height: 180px;
    text-align: center;
    position: relative;
    width: 100%;
    display: flex;
}

@media (min-width:767px) and (max-width:1024px) {
    .product_item .image {
        max-height: 150px;
        min-height: 150px
    }
}

@media (max-width:767px) {
    .product_item .image {
        max-height: 130px;
        min-height: 130px
    }
}

.product_item .image .label {
    position: absolute;
    top: 0px;
    left: -24px
}

@media (max-width:1450px) {
    .product_item .image .label {
        left: -20px
    }
}

@media (max-width:767px) {
    .product_item .image .label {
        left: -14px
    }
}

.product_item .image .label>div {
    padding: 2px 10px;
    font-weight: 700;
    font-size: 14px;
    line-height: 171%;
    color: #fff;
    width: 74px;
    border-radius: 0 8px 8px 0;
    margin-bottom: 10px
}

@media (max-width:767px) {
    .product_item .image .label>div {
        padding: 0 5px;
        font-size: 8px;
        border-radius: 0 4px 4px 0;
        width: 40px;
        height: 20px;
        line-height: 20px
    }
}

.product_item .image .label .new {
    background: #e3b02b
}

.product_item .image .label .hit {
    background: #76AB55
}

.product_item .image .label .sale {
    background: #d14f05
}

.product_item .image a {
    display: flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    width: 100%;
}

.product_item .image img {
    max-height: 100%;
    max-width: 100%
}

@media (max-width:767px) {
    .product_item .image img {
        max-height: 130px
    }
}

.product_item .product_middle {
    flex: 1 1 auto;
    width: 100%;
    padding: 10px 0 0
}

.product_item .product_middle .name {
    padding-bottom: 1px
}

.product_item .product_middle .name a {
    font-weight: 700;
    font-size: 16px;
    line-height: 150%;
    color: var(--text);
    text-decoration: none
}

.product_item .product_middle .name a:hover {
    text-decoration: underline
}

@media (max-width:480px) {
    .product_item .product_middle .name a {
        font-size: 12px
    }
}

.product_item .weight {
    font-weight: 400;
    font-size: 14px;
    line-height: 143%;
    color: #727272;
    margin-bottom: 10px;
}

@media (max-width:480px) {
    .product_item .weight {
        font-size: 10px
    }
}

.product_item .product_bottom {
    display: flex;
    justify-content: space-between;
    align-items: end;
    gap: 5px
}

.product_item .product_bottom .old_price {
    font-weight: 400;
    font-size: 16px;
    text-decoration: line-through;
    line-height: 125%;
    color: var(--text);
    padding-bottom: 3px
}

.product_item .product_bottom .old_price+.current_price {
    color: #dc330e
}

.product_item .product_bottom .current_price {
    font-weight: 700;
    font-size: 24px;
    line-height: 80%;
    color: var(--text)
}

@media all and (max-width: 1660px){
    .product_item .product_bottom .current_price {
        font-size: 20px;
    }
}

.product_item .product_bottom .current_price sup,
.product_item .product_bottom .old_price sup
{
    font-size: inherit !important;
    top: auto;
    font-weight: inherit;
}

.product_item .product_bottom .current_price sup:before,
.product_item .product_bottom .old_price sup:before{
    content: '.';
}

.product_item .product_bottom .preorder {
    font-weight: 400;
    font-size: 20px;
    line-height: 100%;
    color: var(--text)
}

.product_item .product_bottom .product_right {
    min-height: 44px;
    flex: 1 1 auto;
    display: flex;
    align-items: end;
    justify-content: end;
}

.product_item .product_bottom .buy_btn {
    cursor: pointer;
    border: none;
    outline: none;
    width: 44px;
    height: 44px;
    border-radius: 8px;
    background: var(--accent) url("data:image/svg+xml,%3Csvg width='28' height='25' viewBox='0 0 28 25' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M1 0C0.447715 0 0 0.447715 0 1C0 1.55228 0.447715 2 1 2H2.99463L7.39471 18.2612C7.51269 18.6972 7.90831 19 8.36 19H10C8.34315 19 7 20.3431 7 22C7 23.6569 8.34315 25 10 25C11.6569 25 13 23.6569 13 22C13 20.3431 11.6569 19 10 19H22C20.3431 19 19 20.3431 19 22C19 23.6569 20.3431 25 22 25C23.6569 25 25 23.6569 25 22C25 20.3431 23.6569 19 22 19H24C24.5523 19 25 18.5523 25 18C25 17.4477 24.5523 17 24 17H9.12537L8.5842 15H24.25C24.7002 15 25.0948 14.6992 25.2142 14.2652L27.9642 4.26515C28.1393 3.62854 27.6603 3 27 3H5.33714L4.72529 0.738803C4.60731 0.302792 4.21169 0 3.76 0H1ZM5.87832 5L8.04654 13.013C8.09921 13.0045 8.15325 13 8.20833 13H23.4879L25.6879 5H5.87832ZM10 21C9.44772 21 9 21.4477 9 22C9 22.5523 9.44772 23 10 23C10.5523 23 11 22.5523 11 22C11 21.4477 10.5523 21 10 21ZM21 22C21 21.4477 21.4477 21 22 21C22.5523 21 23 21.4477 23 22C23 22.5523 22.5523 23 22 23C21.4477 23 21 22.5523 21 22Z' fill='white' /%3E%3C/svg%3E") 50% no-repeat
}

@media (max-width:480px) {
    .product_item .product_bottom .old_price {
        font-size: 10px
    }

    .product_item .product_bottom .current_price {
        font-size: 14px
    }

    .product_item .product_bottom .preorder {
        font-size: 14px
    }

    .product_item .product_bottom .buy_btn {
        width: 24px;
        height: 24px;
        border-radius: 6px;
        background: var(--accent) url("data:image/svg+xml,%3Csvg width='28' height='25' viewBox='0 0 28 25' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M1 0C0.447715 0 0 0.447715 0 1C0 1.55228 0.447715 2 1 2H2.99463L7.39471 18.2612C7.51269 18.6972 7.90831 19 8.36 19H10C8.34315 19 7 20.3431 7 22C7 23.6569 8.34315 25 10 25C11.6569 25 13 23.6569 13 22C13 20.3431 11.6569 19 10 19H22C20.3431 19 19 20.3431 19 22C19 23.6569 20.3431 25 22 25C23.6569 25 25 23.6569 25 22C25 20.3431 23.6569 19 22 19H24C24.5523 19 25 18.5523 25 18C25 17.4477 24.5523 17 24 17H9.12537L8.5842 15H24.25C24.7002 15 25.0948 14.6992 25.2142 14.2652L27.9642 4.26515C28.1393 3.62854 27.6603 3 27 3H5.33714L4.72529 0.738803C4.60731 0.302792 4.21169 0 3.76 0H1ZM5.87832 5L8.04654 13.013C8.09921 13.0045 8.15325 13 8.20833 13H23.4879L25.6879 5H5.87832ZM10 21C9.44772 21 9 21.4477 9 22C9 22.5523 9.44772 23 10 23C10.5523 23 11 22.5523 11 22C11 21.4477 10.5523 21 10 21ZM21 22C21 21.4477 21.4477 21 22 21C22.5523 21 23 21.4477 23 22C23 22.5523 22.5523 23 22 23C21.4477 23 21 22.5523 21 22Z' fill='white' /%3E%3C/svg%3E") 50% no-repeat;
        background-size: 16px
    }
}

.product_item .product_bottom .amount_block {
    display: none;
    width: 60px
}

.product_item .product_bottom .amount_block .btn_amount {
    flex: 0 0 20px;
    height: 24px;
    background: var(--accent);
    font-weight: 400;
    font-size: 12px;
    line-height: 24px;
    color: #fff;
    cursor: pointer;
    text-align: center;
    border: none;
    outline: none;
    padding: 0
}

.product_item .product_bottom .amount_block .btn_amount.minus {
    border-radius: 6px 0 0 6px
}

.product_item .product_bottom .amount_block .btn_amount.plus {
    border-radius: 0 6px 6px 0
}

.product_item .product_bottom .amount_block input {
    width: 20px;
    height: 24px;
    border: solid #d6d6d6;
    border-width: 1px 0;
    text-align: center;
    font-weight: 400;
    font-size: 12px;
    line-height: 120%;
    color: var(--text);
    outline: none;
    padding: 0;
    min-width: 20px;
}

.product_item .product_bottom .amount_block.show {
    display: flex
}

.product_item .product_bottom .product_right.active .buy_btn {
    display: none
}

.product_item .product_bottom .product_right.active .amount_block {
    display: flex
}

.product_list {
    display: flex;
    flex-wrap: wrap;
    gap: 30px
}

.product_list .product_item {
    flex: 0 0 calc(33.33% - 20px);
    display: flex;
    flex-direction: column
}

@media (max-width:1650px) {
    .product_list {
        gap: 20px 24px
    }

    .product_list .product_item {
        flex: 0 0 calc(33.33% - 16px)
    }
}

@media (min-width:1025px) and (max-width:1260px) {
    .product_list .product_item {
        flex: 0 0 calc(50% - 12px)
    }
}

@media (min-width:767px) and (max-width:1024px) {
    .product_list {
        gap: 16px
    }

    .product_list .product_item {
        flex: 0 0 calc(33.33% - 11px)
    }
}

@media (max-width:767px) {
    .product_list {
        gap: 12px
    }

    .product_list .product_item {
        flex: 0 0 calc(50% - 6px)
    }
}

.page_list_new {
    padding: 70px 0 0;
    text-align: center;
}

.page_list_new ul {
    padding: 0;
    margin: 0;
    list-style: none;
    display: flex;
    align-items: center;
    justify-content: center
}

.page_list_new ul li.number {
    flex: 0 0 30px
}

.page_list_new ul li.number span {
    border-radius: 5px;
    display: block;
    height: 30px;
    line-height: 30px;
    background: #ededed;
    font-weight: 400;
    font-size: 16px;
    color: #172a31
}

.page_list_new ul li.number a {
    text-decoration: none;
    display: block;
    height: 30px;
    line-height: 30px;
    font-weight: 400;
    font-size: 16px;
    color: #172a31
}

.page_list_new ul li.next {
    padding-left: 5px
}

.page_list_new ul li.next a {
    display: block;
    padding-right: 28px;
    font-weight: 400;
    font-size: 16px;
    line-height: 120%;
    color: #172a31;
    position: relative;
    text-decoration: none
}

.page_list_new ul li.next a:before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    width: 8px;
    height: 16px;
    background: url("data:image/svg+xml,%3Csvg width='8' height='16' viewBox='0 0 8 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.999999 0.5L7 8L1 15.5' stroke='%233A484D' stroke-linecap='round' stroke-linejoin='round' /%3E%3C/svg%3E") 50% no-repeat
}

@media (max-width:767px) {
    .page_list_new ul li.next a {
        font-size: 0;
        padding: 0;
        width: 30px;
        height: 30px
    }

    .page_list_new ul li.next a:before {
        left: 0;
        right: 0;
        margin: auto
    }
}

.page_list_new ul li.prev {
    padding-right: 5px
}

.page_list_new ul li.prev a {
    display: block;
    padding-left: 28px;
    font-weight: 400;
    font-size: 16px;
    line-height: 120%;
    color: #172a31;
    text-decoration: none;
    position: relative
}

.page_list_new ul li.prev a:before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 8px;
    height: 16px;
    transform: rotate(180deg);
    background: url("data:image/svg+xml,%3Csvg width='8' height='16' viewBox='0 0 8 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.999999 0.5L7 8L1 15.5' stroke='%233A484D' stroke-linecap='round' stroke-linejoin='round' /%3E%3C/svg%3E") 50% no-repeat
}

@media (max-width:767px) {
    .page_list_new ul li.prev a {
        font-size: 0;
        padding: 0;
        width: 30px;
        height: 30px
    }

    .page_list_new ul li.prev a:before {
        left: 0;
        right: 0;
        margin: auto
    }
}

.overflowHidden {
    overflow: hidden
}

@media all and (max-width: 1091px) {
    .wrapper-inner .hb-content.sticky .header-top, .wrapper-inner .hb-content.sticky .top-block {
        display: none !important;
    }

    .right_panel_cart {
        top: 80px;
    }
}

@media all and (max-width: 1024px) {

    .wrapper-inner .hb-content.sticky .header-bottom-line.wrapper-inner {
        background: #fff;
    }

    .wrapper-inner .hb-content.sticky .header-bottom-line.wrapper-inner .row{
        margin-left: 0;
        margin-right: 0;
    }

    .header.fixed .hb-content {
        height: 73px !important;
    }

    .header.fixed {
        background: none;
    }

    .header.fixed .header-bottom {
        height: 73px !important;
        background: #fff;
    }
}

.product_item__cart.on-basket .amount_block {
    display: flex;
}
.product_item__cart.on-basket .buy_btn {
    display: none;
}

.current_price:after {
    content: '₽';
}

.product_item__price .price span:after {
    content: '₽';
}

.product_card_detail .product-detail-slider {
    padding-bottom: 85px;
}

@media all and (max-width: 1024px) {
    .product_card_detail .product-detail-slider {
        padding-bottom: 55px;
    }
}

@media all and (max-width: 767px) {
    .product_card_detail .product-detail-slider {
        padding-bottom: 45px;
    }
}

.product_card_detail .product-detail-slider.product-detail-sales-slider {
    padding-bottom: 0;
}

.product_card_detail {
    position: relative;
    z-index: 1;
}