@import url("/assets/css/base.css");

@import url("/assets/css/chunks/popups.css");
@import url("/assets/css/chunks/counter.css");
@import url("/assets/css/chunks/product-card.css");
@import url("/assets/css/chunks/filters.css");
@import url("/assets/css/chunks/product-card-types.css");
@import url("/assets/css/chunks/compare-btn.css");
@import url("/assets/css/chunks/advantages-dark.css");
@import url("/assets/css/chunks/offers-dark.css");
@import url("/assets/css/chunks/cta-dark.css");

.site-header {
    flex: none
}

.header-top {
    padding: 0 30px
}

@media (max-width: 767px) {
    .header-top {
        padding: 0
    }
}

.header-top__inner_ht {
    display: flex;
    align-items: center
}

.header-top__left_ht {
    width: calc(100% - 210px)
}

@media (max-width: 1023px) {
    .header-top__left_ht {
        width: calc(100% - 60px)
    }
}

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

.header-top .mob-burger-btn {
    display: none;
    width: 60px;
    height: 60px;
    position: relative;
    cursor: pointer
}

@media (max-width: 767px) {
    .header-top .mob-burger-btn {
        display: block
    }
}

.header-top .mob-burger-btn {
    display: none;
    width: 40px;
    height: 40px;
    position: relative;
    cursor: pointer;
    align-items: center;
    justify-content: center;
    &:before {
        content: '';
        width: 20px;
        height: 20px;
        background: url("data:image/svg+xml,%3Csvg%20version%3D%221.1%22%20baseProfile%3D%22full%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20xmlns%3Aev%3D%22http%3A%2F%2Fwww.w3.org%2F2001%2Fxml-events%22%20xml%3Aspace%3D%22preserve%22%20x%3D%220px%22%20y%3D%220px%22%20width%3D%2218px%22%20height%3D%2217px%22%20%20viewBox%3D%220%200%2018%2017%22%20preserveAspectRatio%3D%22none%22%20shape-rendering%3D%22geometricPrecision%22%3E%22%3Cpath%20d%3D%22M0%201.5C0%200.671573%200.671573%200%201.5%200H16.5C17.3284%200%2018%200.671573%2018%201.5C18%202.32843%2017.3284%203%2016.5%203H1.5C0.671573%203%200%202.32843%200%201.5Z%22%20fill%3D%22%2335aaff%22%2F%3E%3Cpath%20d%3D%22M0%208.5C0%207.67157%200.671573%207%201.5%207H16.5C17.3284%207%2018%207.67157%2018%208.5C18%209.32843%2017.3284%2010%2016.5%2010H1.5C0.671573%2010%200%209.32843%200%208.5Z%22%20fill%3D%22%2335aaff%22%2F%3E%3Cpath%20d%3D%22M0%2015.5C0%2014.6716%200.671573%2014%201.5%2014H10.5C11.3284%2014%2012%2014.6716%2012%2015.5C12%2016.3284%2011.3284%2017%2010.5%2017H1.5C0.671573%2017%200%2016.3284%200%2015.5Z%22%20fill%3D%22%2335aaff%22%2F%3E%3C%2Fsvg%3E") 50% 50% no-repeat;
    }
}

@media (max-width: 1023px) {
    .header-top__right_ht {
        margin-left: auto
    }
}

@media (max-width: 767px) {
    .header-top__right_ht {
        display: flex;
        -webkit-align-items: center;
        -moz-align-items: center;
        align-items: center
    }
    .header-top .mob-burger-btn {
        display: flex;
    }
}

.top_menu {
    padding: 0;
    margin: 0;
    list-style: none;
    font-size: 0;
    z-index: 10
}

.top_menu li {
    position: relative
}

.top_menu > li {
    display: inline-block;
    vertical-align: middle
}

.top_menu > li:first-child > a {
    padding-left: 0
}

.top_menu > li > a {
    display: block;
    padding: 20px 12px;
    font-size: 15px;
    text-decoration: none
}

.top_menu > li ul {
    display: none;
    padding: 20px 30px;
    margin: 2px 0 0 12px;
    list-style: none;
    font-size: 0;
    position: absolute;
    top: 100%;
    left: 0;
    border-radius: 0 10px 10px 10px;
    width: 270px;
    z-index: 130
}

.top_menu > li ul:before {
    position: absolute;
    content: '';
    top: -7px;
    left: 0
}

.top_menu > li ul li {
    display: block
}

.top_menu > li ul li a {
    font-size: 15px;
    text-decoration: none;
    display: block;
    padding: 15px 0
}

.top_menu > li ul li ul {
    top: 0;
    right: 100%;
    border-radius: 10px;
    left: auto
}

.top_menu > li ul li ul:before {
    display: none
}

.top_menu .flexMenu-popup {
    right: 0;
    left: auto;
    border-radius: 10px 0 10px 10px
}

.top_menu .flexMenu-popup:before {
    left: auto;
    right: 0
}

.top_menu li.flexMenu-popup li ul {
    left: -100%
}

.top_menu > li ul.right_level {
    left: -100%;
    top: 100%
}

.top_menu > li ul.right_level ul {
    left: -100%;
    top: 100%
}

.top_menu li.flexMenu-viewMore > a {
    width: 34px;
    font-size: 0;
    height: 20px;
    border-radius: 5px;
    padding: 0;
    margin-left: 12px
}

.header-bottom {
    position: relative;
    padding: 0 30px
}

@media (max-width: 767px) {
    .header-bottom {
        padding: 0 20px
    }
}

.header-bottom__inner_hb {
    max-width: 1398px;
    width: 100%;
    margin: 0 auto;
    display: flex;
    -webkit-align-items: center;
    -moz-align-items: center;
    align-items: center;
    min-height: 130px;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.header-bottom__logo_hb {
    -webkit-box-flex: 1;
    -webkit-flex: 1 0 1%;
    -moz-box-flex: 1;
    -moz-flex: 1 0 1%;
    -ms-flex: 1 0 1%;
    flex: 1 0 1%;
    padding: 20px 20px 20px 0;
    font-size: 0;
    display: flex;
    -webkit-align-items: center;
    -moz-align-items: center;
    align-items: center;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

@media (max-width: 767px) {
    .header-bottom__logo_hb {
        -webkit-box-flex: 1;
        -webkit-flex: 1 0 100%;
        -moz-box-flex: 1;
        -moz-flex: 1 0 100%;
        -ms-flex: 1 0 100%;
        flex: 1 0 100%;
        padding: 19px 0 20px;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        -moz-justify-content: center;
        justify-content: center
    }
}

.header-bottom__logo_pic_hb {
    display: block;
    margin: 10px 20px 10px 0
}

@media (max-width: 767px) {
    .header-bottom__logo_pic_hb {
        margin: 0 0 20px
    }
}

.header-bottom__logo_pic_hb img {
    max-width: 100%;
    height: auto
}

@media (max-width: 767px) {
    .header-bottom__name_desc_hb {
        text-align: center;
        width: 100%
    }
}

.header-bottom__logo_name_hb {
    font-weight: 700;
    font-size: 31px;
    margin: 0 39px 0 0;
    display: inline-block;
    vertical-align: middle;
    text-decoration: none
}

@media (max-width: 1260px) {
    .header-bottom__logo_name_hb {
        margin: 0 0 4px;
        font-size: 29px
    }
}

@media (max-width: 767px) {
    .header-bottom__logo_name_hb {
        margin: 0 0 5px
    }
}

.header-bottom__desc_hb {
    display: inline-block;
    vertical-align: middle;
    font-size: 20px;
    margin-top: 5px
}

@media (max-width: 1260px) {
    .header-bottom__desc_hb {
        margin: 0;
        display: block;
        font-size: 19px
    }
}

@media (max-width: 767px) {
    .header-bottom__desc_hb {
        font-size: 18px
    }
}

.header-bottom__contacts_hb {
    width: 636px;
    display: flex;
    -webkit-align-items: center;
    -moz-align-items: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    justify-content: space-between
}

@media (max-width: 1260px) {
    .header-bottom__contacts_hb {
        width: 575px
    }
}

@media (max-width: 1023px) {
    .header-bottom__contacts_hb {
        width: 50%;
        min-width: 280px
    }
}

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

.header-bottom__addres_hb {
    width: 290px;
    font-size: 16px;
    padding: 20px 10px 20px 48px
}

@media (max-width: 1260px) {
    .header-bottom__addres_hb {
        padding-top: 13px
    }
}

@media (max-width: 1023px) {
    .header-bottom__addres_hb {
        display: none
    }
}

.header-bottom__cont_block_hb {
    width: 280px;
    padding: 20px 0 20px 51px;
    display: flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    -webkit-align-items: flex-end;
    -moz-align-items: flex-end;
    align-items: flex-end;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    justify-content: space-between;
    margin-left: auto
}

@media (max-width: 1260px) {
    .header-bottom__cont_block_hb {
        min-width: 252px;
        width: auto;
        max-width: 280px
    }
}

.header-bottom__work_time_hb {
    font-size: 15px;
    padding-bottom: 3px
}

.header-bottom__phone_hb div a {
    font-size: 21px;
    text-decoration: none
}

@media (max-width: 1260px) {
    .header-bottom__phone_hb div a {
        font-size: 18px
    }
}

.header-bottom__phone_hb div a span {
    display: inline-block;
    vertical-align: top;
    margin-right: 5px
}

.contacts-popap {
    position: relative;
    width: 50px;
    padding: 0 0 5px 10px;
    text-align: right
}

@media (max-width: 767px) {
    .contacts-popap {
        width: 40px;
        height: 60px;
        padding: 0
    }
}

.contacts-popap__btn_cp {
    text-align: right;
    padding: 0;
    cursor: pointer;
    font-size: 15px;
    display: inline-block;
    flex: none
}

@media (max-width: 767px) {
    .contacts-popap__btn_cp {
        font-size: 0;
        position: relative;
        width: 40px;
        height: 60px;
        display: block
    }
}

.contacts-popap__btn_cp:before {
    display: none;
    position: absolute;
    content: '';
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

@media (max-width: 767px) {
    .contacts-popap__btn_cp:before {
        display: block
    }
}

.contacts-popap__block_cp {
    position: absolute;
    top: 100%;
    right: 0;
    border-radius: 10px 0 10px 10px;
    width: 400px;
    padding: 67px 50px 50px;
    margin: 10px 0 0;
    text-align: left;
    opacity: 0;
    visibility: hidden;
    z-index: 101
}

@media (max-width: 639px) {
    .contacts-popap__block_cp {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        right: 0;
        bottom: 0;
        overflow: hidden;
        overflow-y: auto;
        max-width: 100%;
        padding: 60px 30px 40px;
        margin: 0;
        border-radius: 0;
        margin: 0
    }
}

.contacts-popap__block_cp.opened {
    opacity: 1;
    visibility: visible
}

.contacts-popap__block_cp:before {
    position: absolute;
    content: '';
    right: 0;
    top: -11px
}

@media (max-width: 639px) {
    .contacts-popap__block_cp:before {
        display: none
    }
}

.contacts-popap__title_cp {
    font-weight: 700;
    font-size: 30px;
    padding: 0 0 10px
}

@media (max-width: 639px) {
    .contacts-popap__title_cp {
        font-size: 25px
    }
}

.contacts-popap__phones_cp {
    padding: 0 0 0 46px;
    margin: 30px 0
}

@media (max-width: 639px) {
    .contacts-popap__phones_cp {
        margin: 14px 0 30px
    }
}

.contacts-popap__phones_title_cp {
    font-weight: 500;
    font-size: 16px;
    padding-bottom: 15px
}

.contacts-popap__phones_body_cp div a {
    font-weight: 500;
    font-size: 20px;
    text-decoration: none;
    display: block;
    margin-bottom: 5px
}

@media (max-width: 639px) {
    .contacts-popap__phones_body_cp div a {
        font-size: 18px
    }
}

.contacts-popap__phones_body_cp div a span {
    display: inline-block;
    vertical-align: top;
    margin-right: 5px
}

.contacts-popap__addr_cp {
    padding: 0 0 0 46px;
    margin: 30px 0
}

.contacts-popap__addr_title_cp {
    font-weight: 500;
    font-size: 16px;
    padding-bottom: 15px
}

.contacts-popap__addr_body_cp {
    font-size: 17px
}

@media (max-width: 639px) {
    .contacts-popap__addr_body_cp {
        font-size: 15px
    }
}

.contacts-popap__work_cp {
    padding: 0 0 0 46px;
    margin: 30px 0
}

.contacts-popap__work_title_cp {
    font-weight: 500;
    font-size: 16px;
    padding-bottom: 15px
}

.contacts-popap__work_body_cp {
    font-size: 17px
}

@media (max-width: 639px) {
    .contacts-popap__work_body_cp {
        font-size: 15px
    }
}

.contacts-popap__social_cp {
    font-size: 0;
    margin-left: -11px
}

.contacts-popap__social_cp a {
    position: relative;
    vertical-align: top;
    display: inline-block;
    text-decoration: none;
    width: 22px;
    height: 22px;
    margin: 0 11px 2px
}

.contacts-popap__social_cp a:hover .ic1 {
    opacity: 0
}

.contacts-popap__social_cp a:hover .ic2 {
    opacity: 1
}

.contacts-popap__social_cp a .icon {
    display: flex;
    -webkit-align-items: center;
    -moz-align-items: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    justify-content: center;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden
}

.contacts-popap__social_cp a .icon img {
    max-width: 100%;
    height: auto
}

.contacts-popap__social_cp a .ic2 {
    opacity: 0
}

.site-container {
    -webkit-box-flex: 1;
    -webkit-flex: 1 0 auto;
    -moz-box-flex: 1;
    -moz-flex: 1 0 auto;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
    padding: 30px 30px 40px
}

@media (max-width: 1260px) {
    .site-container {
        padding-bottom: 30px
    }
}

@media (max-width: 1023px) {
    .site-container {
        padding: 20px 30px 29px
    }
}

@media (max-width: 767px) {
    .site-container {
        padding: 20px 20px 0
    }
}

.site-container__inner_sc {
    max-width: 1398px;
    width: 100%;
    margin: 0 auto;
    display: flex;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.container-left {
    width: 327px;
    margin-right: 30px
}

@media (max-width: 1260px) {
    .container-left {
        -webkit-box-ordinal-group: 3;
        -moz-box-ordinal-group: 3;
        -webkit-order: 2;
        -moz-order: 2;
        -ms-flex-order: 2;
        order: 2;
        width: calc(100% + 30px);
        margin: 0 -15px;
        display: flex;
        -webkit-flex-wrap: wrap;
        -moz-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-align: start;
        -ms-flex-align: start;
        -webkit-align-items: flex-start;
        -moz-align-items: flex-start;
        align-items: flex-start
    }
}

@media (max-width: 1023px) {
    .container-left {
        width: 100%;
        margin: 0
    }
}

@media (max-width: 1260px) {
    .container-left.container-left-folder {
        display: none
    }
}

.container-right {
    width: 100%;
    position: relative;
}

.container-right.container-right-main {
    width: calc(100% - 357px)
}

@media (max-width: 1260px) {
    .container-right.container-right-main {
        width: 100%
    }
}

.cat-menu-wrap {
    border-radius: 10px;
    padding: 28px 30px 30px;
    margin: 0 0 30px
}

@media (max-width: 1260px) {
    .cat-menu-wrap {
        display: none
    }
}

.cat-menu-title {
    font-weight: 700;
    font-size: 23px;
    padding: 0 0 20px 38px;
    position: relative
}

.cat-menu-title:before {
    position: absolute;
    content: '';
    top: 3px;
    left: -2px;
    width: 20px;
    height: 20px
}

.cat_menu {
    margin: 0;
    padding: 11px 0 0;
    list-style: none
}

.cat_menu > li {
    display: block
}

.cat_menu > li.sublevel > a:before {
    opacity: 1
}

.cat_menu > li > a {
    display: block;
    text-decoration: none;
    font-size: 17px;
    padding: 15px 0;
    position: relative
}

.cat_menu > li > a:before {
    position: absolute;
    content: '';
    top: 50%;
    margin-top: -6px;
    right: 0;
    width: 8px;
    height: 12px;
    opacity: 0
}

.cat_menu > li ul {
    position: absolute;
    border-radius: 0 10px 10px 10px;
    padding: 30px 30px 40px;
    margin: 0 0 0 30px;
    z-index: 100;
    list-style: none;
    width: 327px;
    display: none
}

.cat_menu > li ul li {
    display: block
}

.cat_menu > li ul li.sublevel > a:before {
    opacity: 1
}

.cat_menu > li ul li a {
    display: block;
    text-decoration: none;
    font-size: 17px;
    padding: 16px 0;
    position: relative
}

.cat_menu > li ul li a:before {
    position: absolute;
    content: '';
    top: 50%;
    margin-top: -6px;
    right: 0;
    width: 8px;
    height: 12px;
    opacity: 0
}

.cat_menu li.parentItem a {
    font-weight: 500;
    font-size: 21px;
    padding: 0 0 25px
}

.cat-menu-wrap .cat_menu > li:nth-child(n+8) {
    display: none
}

.cat-menu-wrap .fold-more-button {
    font-weight: 400;
    cursor: pointer;
    font-size: 14px;
    display: inline-block;
    padding: 9px 50px 9px 20px;
    margin-top: 38px;
    border-radius: 5px
}

.cat-menu-wrap .fold-more-button.active {
    padding: 9px 20px
}

.search-panel {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 57px
}

@media (min-width: 1261px) {
    .search-panel.search-panel-folder {
        left: 0
    }
}

.search-panel.fix {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    padding: 10px 30px;
    z-index: 120;
    height: 77px
}

@media (max-width: 767px) {
    .search-panel.fix {
        position: absolute;
        padding: 0
    }
}

.search-panel.fix .search-panel__inner_sp {
    max-width: 1398px;
    width: 100%;
    margin: 0 auto
}

@media (min-width: 1261px) {
    .search-panel.fix .fix-burger-btn {
        display: block
    }
}

.search-panel__inner_sp {
    display: flex;
    align-items: center
}

.search-block {
    -webkit-box-flex: 1;
    -webkit-flex: 1 0 1%;
    -moz-box-flex: 1;
    -moz-flex: 1 0 1%;
    -ms-flex: 1 0 1%;
    flex: 1 0 1%;
    display: flex;
    border-radius: 10px
}

.site-search {
    width: 100%;
    display: flex;
    padding: 0;
}

.site-search__text_ss {
    -webkit-box-flex: 1;
    -webkit-flex: 1 0 1%;
    -moz-box-flex: 1;
    -moz-flex: 1 0 1%;
    -ms-flex: 1 0 1%;
    flex: 1 0 1%;
    -webkit-box-ordinal-group: 3;
    -moz-box-ordinal-group: 3;
    -webkit-order: 2;
    -moz-order: 2;
    -ms-flex-order: 2;
    order: 2;
    font-size: 17px;
    outline: none
}
.search-param-btn {
    height: 57px;
    width: 60px;
    border-radius: 10px;
    position: relative;
    cursor: pointer
}

.search-param-btn:before {
    position: absolute;
    content: '';
    width: 100%;
    height: 100%;
    top: 0;
    left: 0
}

#catalog-cart-preview {
    width: 0;
    height: 0;
    opacity: 0;
    visibility: hidden;
    font-size: 0
}

.panel-cat-menu {
    position: absolute;
    margin-right: 30px;
    width: 327px;
    z-index: 112;
    top: 0;
    left: 0
}

.panel-cat-menu.active .panel-cat-menu__btn {
    border-radius: 10px 10px 0 0
}

.panel-cat-menu.active .cat_menu {
    display: block
}

.panel-cat-menu.panel-cat-folder {
    left: -357px
}

.panel-cat-menu.panel-cat-main {
    display: none
}

@media (max-width: 1260px) {
    .panel-cat-menu {
        display: none
    }
}

.panel-cat-menu__btn {
    padding: 13.5px 15px 13.5px 58px;
    border-radius: 10px
}

.panel-cat-menu__btn:before {
    top: 17px;
    left: 20px
}

.panel-cat-menu .cat_menu {
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    padding: 30px;
    border-radius: 0 0 10px 10px;
    display: none
}

.product-item-thumb {
    width: 440px;
}

.product-item-thumb .product-image, .product-item-simple .product-image {
    height: 440px;
    width: 440px;
}

.product-item-thumb .product-amount .amount-title {
    width: 344px;
}

.product-item-thumb .product-price {
    width: 390px;
}

.catalog-product .product-side-l {
    width: 200px;
}

.catalog-product .product-image {
    height: 190px;
    width: 200px;
}

.catalog-product .product-thumbnails li {
    width: 56px;
    height: 56px;
}

.categories-search-cart {
    margin: 30px 0;
    .container {
        display: grid;
        grid-template-columns: 325px 1fr auto;
        grid-template-rows: 60px;
        gap: 30px;
    }
}

/* Vendor pagination: adapted from the original shop theme to the pagination snippet markup. */
.shop-pagelist {
    margin-top: 30px;
    display: flex;
    justify-content: flex-end;
}

.shop-pagelist__body {
    align-items: center;
    box-sizing: border-box;
    margin: 0;
    padding: 4px 5px;
    vertical-align: top;
    font-size: 0;
    list-style: none;
    border: 1px solid rgba(44, 51, 69, 0.1);
    border-radius: 10px;
    background: #fff;
    display: flex;
}

.shop-pagelist__body .pagination-page-list {
    display: flex;
    align-items: center;
    margin: 0;
    padding: 0;
}

.shop-pagelist__body .pagination-page-list .page-num {
    display: block;
    flex: 0 0 33px;
    box-sizing: border-box;
    width: 33px;
    height: 45px;
    margin: 0 1px;
    color: #2c3345;
    background: #fff;
    border: 0;
    box-shadow: none;
    font: 700 16px/45px 'Exo', Arial, Helvetica, sans-serif;
    text-align: center;
    text-decoration: none;
    transition: color 0.2s;
}

.shop-pagelist__body .pagination-page-list a.page-num:hover,
.shop-pagelist__body .pagination-page-list a.page-num:active,
.shop-pagelist__body .pagination-page-list .page-num.active-num {
    color: #35aaff;
}

.shop-pagelist__body > .page-num.only_icons {
    position: relative;
    display: block;
    flex: 0 0 45px;
    box-sizing: border-box;
    width: 45px;
    height: 45px;
    padding: 0;
    color: #2c3345;
    background: #ffd027;
    border: 0;
    border-radius: 6px;
    box-shadow: none;
    font-size: 0;
    text-decoration: none;
    transition: color 0.2s, background-color 0.2s;
}

.shop-pagelist__body > .page-num.only_icons.prev {
    margin: 0 10px 0 0;
}

.shop-pagelist__body > .page-num.only_icons.next {
    margin: 0 0 0 10px;
}

.shop-pagelist__body > .page-num.only_icons::before {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 8px;
    height: 8px;
    content: '';
    border: solid currentColor;
    border-width: 0 2px 2px 0;
}

.shop-pagelist__body > .page-num.only_icons.prev::before {
    transform: translate(-35%, -50%) rotate(135deg);
}

.shop-pagelist__body > .page-num.only_icons.next::before {
    transform: translate(-65%, -50%) rotate(-45deg);
}

.shop-pagelist__body > a.page-num.only_icons:hover,
.shop-pagelist__body > a.page-num.only_icons:active {
    color: #fff;
    background: #35aaff;
}

.shop-pagelist__body > .page-num.only_icons.not_active {
    pointer-events: none;
    background: rgba(255, 208, 39, 0.5);
}

.search-block {
    display: grid;
    grid-template-columns: 60px 1fr 60px;
    background: rgba(53, 170, 255, 0.05);
    border: none;
    border-radius: 10px;
    box-shadow: inset 0px 0px 0px 1px rgba(53, 170, 255, 0.3);
    transition: background 0.3s;
    position: relative;
}

.search-block:hover, .search-block:focus {
    background: rgba(53, 170, 255, 0.1);
}
#search-app {
    position: relative;
    height: 57px; }
#search-result {
    width: 100%;
    display: none; }
#search-app .site-search {
    width: 100%; }
#search-result {
    position: absolute;
    top: 100%;
    left: 0;
    right: -60px;
    z-index: 5;
    padding: 50px;
    border-radius: 10px;
    background: #fff;
    box-shadow: 8px 8px 45px rgba(0, 0, 0, 0.15);
    max-height: 85vh;
    overflow: hidden;
    overflow-y: auto; }
@media (max-width: 1365px) {
    #search-result {
        left: -155px; } }
@media (max-width: 1260px) {
    #search-result {
        left: -248px;
        padding: 40px 30px; } }
@media (max-width: 1023px) {
    #search-result {
        left: -243px; } }
@media (max-width: 767px) {
    #search-result {
        left: 0; } }
@media (max-width: 639px) {
    #search-result {
        padding: 30px 20px 30px;
        left: -20px;
        right: -80px;
        border-radius: 0;
        box-shadow: 8px 36px 45px rgba(0, 0, 0, 0.15);
        max-height: 100vh; } }
#search-result .search-result-top {
    display: flex; }
@media (max-width: 639px) {
    #search-result .search-result-top {
        flex-wrap: wrap; } }
#search-result .search-result-bottom {
    padding: 50px 0 0;
    text-align: left; }
@media (max-width: 1023px) {
    #search-result .search-result-bottom {
        padding-top: 30px; } }
@media (max-width: 639px) {
    #search-result .search-result-bottom {
        padding-top: 20px; } }
#search-result .search-result-left {
    width: 53%; }
@media (max-width: 639px) {
    #search-result .search-result-left {
        width: 100%; } }
#search-result .search-result-left + .search-result-right {
    margin-left: 30px; }
@media (max-width: 639px) {
    #search-result .search-result-left + .search-result-right {
        margin: 40px 0 0; } }
#search-result .search-result-right {
    flex: 1 0 1%; }
@media (max-width: 639px) {
    #search-result .search-result-right {
        flex: 1 0 100%; } }
#search-result .result-products .products-search-title {
    font-weight: bold;
    font-size: 20px;
    line-height: 24px;
    margin-bottom: 30px;
    display: flex;
    align-items: center;
    color: #2c3345; }
#search-result .result-products .products-search-title span {
    margin: 2px 0 0 20px;
    min-width: 28px;
    height: 28px;
    font-size: 13px;
    font-weight: 700;
    line-height: 26px;
    border-radius: 100px;
    text-align: center;
    padding: 0 3px;
    color: #2c3345;
    border: 1px solid #e2e2e2;
    display: inline-block;
    vertical-align: baseline; }
#search-result .result-products .product-item {
    margin: 30px 0 0;
    display: flex;
    align-items: center; }
#search-result .result-products .product-item:first-child {
    margin-top: 0; }
#search-result .result-products .product-item:nth-child(n+6) {
    display: none; }
#search-result .result-products .product-image {
    position: relative;
    width: 60px;
    margin: 0 20px 0 0; }
#search-result .result-products .product-image.no-image a {
    background: url("data:image/svg+xml,%3Csvg%20version%3D%221.1%22%20baseProfile%3D%22full%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20xmlns%3Aev%3D%22http%3A%2F%2Fwww.w3.org%2F2001%2Fxml-events%22%20xml%3Aspace%3D%22preserve%22%20x%3D%220px%22%20y%3D%220px%22%20width%3D%2282px%22%20height%3D%2268px%22%20%20viewBox%3D%220%200%2082%2068%22%20preserveAspectRatio%3D%22none%22%20shape-rendering%3D%22geometricPrecision%22%3E%3Cpath%20fill%3D%22%23999%22%20d%3D%22M70%2E346%2C9%2E116%20L11%2E654%2C9%2E116%20C10%2E462%2C9%2E116%209%2E496%2C10%2E079%209%2E496%2C11%2E267%20L9%2E496%2C43%2E805%20C9%2E496%2C43%2E830%209%2E502%2C43%2E853%209%2E503%2C43%2E877%20C9%2E473%2C44%2E445%209%2E663%2C45%2E023%2010%2E086%2C45%2E468%20C10%2E904%2C46%2E331%2012%2E270%2C46%2E370%2013%2E136%2C45%2E553%20L25%2E846%2C33%2E566%20L38%2E291%2C44%2E679%20C38%2E990%2C45%2E304%2040%2E015%2C45%2E406%2040%2E825%2C44%2E931%20L51%2E419%2C38%2E721%20L61%2E787%2C46%2E929%20C62%2E184%2C47%2E243%2062%2E657%2C47%2E396%2063%2E127%2C47%2E396%20C63%2E763%2C47%2E396%2064%2E393%2C47%2E117%2064%2E819%2C46%2E582%20C65%2E560%2C45%2E651%2065%2E404%2C44%2E298%2064%2E471%2C43%2E559%20L52%2E943%2C34%2E433%20C52%2E244%2C33%2E879%2051%2E277%2C33%2E812%2050%2E507%2C34%2E263%20L39%2E996%2C40%2E425%20L27%2E246%2C29%2E039%20C26%2E409%2C28%2E292%2025%2E139%2C28%2E309%2024%2E324%2C29%2E079%20L13%2E811%2C38%2E993%20L13%2E811%2C13%2E419%20L68%2E189%2C13%2E419%20L68%2E189%2C54%2E579%20L13%2E811%2C54%2E579%20L13%2E811%2C51%2E981%20C13%2E811%2C50%2E793%2012%2E846%2C49%2E829%2011%2E654%2C49%2E829%20C10%2E462%2C49%2E829%209%2E496%2C50%2E793%209%2E496%2C51%2E981%20L9%2E496%2C56%2E731%20C9%2E496%2C57%2E920%2010%2E462%2C58%2E883%2011%2E654%2C58%2E883%20L70%2E346%2C58%2E883%20C71%2E538%2C58%2E883%2072%2E504%2C57%2E920%2072%2E504%2C56%2E731%20L72%2E504%2C11%2E267%20C72%2E504%2C10%2E079%2071%2E538%2C9%2E116%2070%2E346%2C9%2E116%20ZM77%2E359%2C0%2E001%20L4%2E641%2C0%2E001%20C2%2E083%2C0%2E001%200%2E001%2C2%2E059%200%2E001%2C4%2E589%20L0%2E001%2C63%2E409%20C0%2E001%2C65%2E939%202%2E083%2C67%2E997%204%2E641%2C67%2E997%20L77%2E359%2C67%2E997%20C79%2E917%2C67%2E997%2081%2E999%2C65%2E939%2081%2E999%2C63%2E409%20L81%2E999%2C4%2E589%20C81%2E999%2C2%2E059%2079%2E917%2C0%2E001%2077%2E359%2C0%2E001%20ZM77%2E683%2C63%2E409%20C77%2E683%2C63%2E566%2077%2E538%2C63%2E694%2077%2E359%2C63%2E694%20L4%2E641%2C63%2E694%20C4%2E462%2C63%2E694%204%2E317%2C63%2E566%204%2E317%2C63%2E409%20L4%2E317%2C4%2E589%20C4%2E317%2C4%2E432%204%2E462%2C4%2E304%204%2E641%2C4%2E304%20L77%2E359%2C4%2E304%20C77%2E538%2C4%2E304%2077%2E683%2C4%2E432%2077%2E683%2C4%2E589%20L77%2E683%2C63%2E409%20ZM34%2E273%2C25%2E524%20C34%2E273%2C29%2E152%2037%2E234%2C32%2E104%2040%2E872%2C32%2E104%20C44%2E510%2C32%2E104%2047%2E470%2C29%2E152%2047%2E470%2C25%2E524%20C47%2E470%2C21%2E896%2044%2E510%2C18%2E944%2040%2E872%2C18%2E944%20C37%2E234%2C18%2E944%2034%2E273%2C21%2E896%2034%2E273%2C25%2E524%20ZM43%2E155%2C25%2E524%20C43%2E155%2C26%2E779%2042%2E131%2C27%2E800%2040%2E872%2C27%2E800%20C39%2E613%2C27%2E800%2038%2E589%2C26%2E779%2038%2E589%2C25%2E524%20C38%2E589%2C24%2E268%2039%2E613%2C23%2E247%2040%2E872%2C23%2E247%20C42%2E131%2C23%2E247%2043%2E155%2C24%2E268%2043%2E155%2C25%2E524%20Z%22%2F%3E%3C%2Fsvg%3E") 50% no-repeat #e0e0e0;
    background-size: 50%; }
#search-result .result-products .product-image a {
    position: relative;
    padding-top: 100%;
    font-size: 0;
    text-decoration: none;
    border-radius: 5px;
    overflow: hidden;
    display: block; }
#search-result .result-products .product-image a img {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    max-width: none;
    object-fit: cover; }
#search-result .result-products .product-text {
    flex: 1 0 1%; }
#search-result .result-products .product-name {
    color: #2c3345;
    font-weight: 500;
    font-size: 14px;
    line-height: 17px;
    padding-bottom: 4px; }
#search-result .result-products .product-name a {
    color: inherit;
    text-decoration: none;
    position: relative;
    transition: color 0.3s; }
#search-result .result-products .product-name a:before {
    position: absolute;
    content: '';
    bottom: -4px;
    left: 0;
    border-bottom: 1px solid rgba(44, 51, 69, 0.15);
    width: 100%;
    height: 1px; }
#search-result .result-products .product-name a:hover {
    color: #35aaff; }
#search-result .result-products .product-text-price {
    margin-top: 13px; }
@media (max-width: 639px) {
    #search-result .result-products .product-text-price {
        margin-top: 10px; } }
#search-result .result-products .product-text-price .price-old {
    font-weight: bold;
    font-size: 14px;
    color: rgba(44, 51, 69, 0.6); }
@media (max-width: 639px) {
    #search-result .result-products .product-text-price .price-old {
        font-size: 13px; } }
#search-result .result-products .product-text-price .price-old strong {
    text-decoration: line-through; }
#search-result .result-products .product-text-price .price-old span {
    display: none; }
#search-result .result-products .product-text-price .price {
    font-weight: bold;
    font-size: 20px;
    line-height: 24px;
    color: #2c3345; }
@media (max-width: 639px) {
    #search-result .result-products .product-text-price .price {
        font-size: 16px; } }
#search-result .result-products .product-text-price .price span {
    font-size: 14px; }
@media (max-width: 639px) {
    #search-result .result-products .product-text-price .price span {
        font-size: 12px; } }
#search-result .result-folders + .result-vendors {
    margin-top: 20px; }
#search-result .result-folders .folders-search-title {
    font-weight: bold;
    font-size: 20px;
    line-height: 24px;
    margin-bottom: 30px;
    display: flex;
    align-items: center;
    color: #2c3345; }
#search-result .result-folders .folders-search-title span {
    margin: 2px 0 0 20px;
    min-width: 28px;
    height: 28px;
    font-size: 13px;
    font-weight: 700;
    line-height: 26px;
    border-radius: 100px;
    text-align: center;
    padding: 0 3px;
    color: #2c3345;
    border: 1px solid #e2e2e2;
    display: inline-block;
    vertical-align: baseline; }
#search-result .result-folders .folder-item:first-child a {
    padding-top: 0; }
#search-result .result-folders .folder-item:nth-child(n+11) {
    display: none; }
#search-result .result-folders .folder-item a {
    padding: 10px 0;
    color: #2c3345;
    font-weight: 500;
    font-size: 15px;
    line-height: 18px;
    vertical-align: top;
    display: inline-block;
    text-decoration: none;
    transition: color 0.3s; }
#search-result .result-folders .folder-item a:hover {
    color: #35aaff; }
#search-result .result-vendors .vendors-search-title {
    font-weight: bold;
    font-size: 20px;
    line-height: 24px;
    margin-bottom: 30px;
    display: flex;
    align-items: center;
    color: #2c3345; }
#search-result .result-vendors .vendors-search-title span {
    margin: 2px 0 0 20px;
    min-width: 28px;
    height: 28px;
    font-size: 13px;
    font-weight: 700;
    line-height: 26px;
    border-radius: 100px;
    text-align: center;
    padding: 0 3px;
    color: #2c3345;
    border: 1px solid #e2e2e2;
    display: inline-block;
    vertical-align: baseline; }
#search-result .result-vendors .vendor-item:first-child a {
    padding-top: 0; }
#search-result .result-vendors .vendor-item:nth-child(n+11) {
    display: none; }
#search-result .result-vendors .vendor-item a {
    padding: 10px 0;
    color: #2c3345;
    font-weight: 500;
    font-size: 15px;
    line-height: 18px;
    vertical-align: top;
    display: inline-block;
    text-decoration: none;
    transition: color 0.3s; }
#search-result .result-vendors .vendor-item a:hover {
    color: #35aaff; }
#search-result .search-result-btn {
    color: #2c3345;
    padding: 15px 53px 15px 30px;
    transition: background 0.3s;
    font-family: 'Exo', Arial, Helvetica, sans-serif;
    background: rgba(53, 170, 255, 0.05); }
#search-result .search-result-btn:before {
    position: absolute;
    content: '';
    top: 22px;
    right: 30px;
    width: 10px;
    height: 10px;
    background: url("data:image/svg+xml,%3Csvg%20version%3D%221.1%22%20baseProfile%3D%22full%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20xmlns%3Aev%3D%22http%3A%2F%2Fwww.w3.org%2F2001%2Fxml-events%22%20xml%3Aspace%3D%22preserve%22%20x%3D%220px%22%20y%3D%220px%22%20width%3D%2210px%22%20height%3D%2210px%22%20%20viewBox%3D%220%200%2010%2010%22%20preserveAspectRatio%3D%22none%22%20shape-rendering%3D%22geometricPrecision%22%3E%22%3Cpath%20d%3D%22M0%205C0%205.55229%200.447716%206%201%206L4%206V9C4%209.55229%204.44772%2010%205%2010C5.55228%2010%206%209.55229%206%209L6%206L9%206C9.55228%206%2010%205.55229%2010%205C10%204.44772%209.55228%204%209%204L6%204V1C6%200.447715%205.55228%200%205%200C4.44772%200%204%200.447716%204%201L4%204H1C0.447715%204%200%204.44772%200%205Z%22%20fill%3D%22%232c3345%22%2F%3E%3C%2Fsvg%3E") 50% 50% no-repeat; }
#search-result .search-result-btn:hover {
    background: rgba(53, 170, 255, 0.3); }
.site-search {
    height: 57px;
    display: -moz-box;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
}

.site-search__text_ss {
    -webkit-box-flex: 1;
    -webkit-flex: 1 0 1%;
    -moz-box-flex: 1;
    -moz-flex: 1 0 1%;
    -ms-flex: 1 0 1%;
    flex: 1 0 1%;
    -webkit-box-ordinal-group: 3;
    -moz-box-ordinal-group: 3;
    -webkit-order: 2;
    -moz-order: 2;
    -ms-flex-order: 2;
    order: 2;
    box-shadow: none;
    border: none;
    background: none;
    font-size: 17px;
    color: #2c3345;
    outline: none;
}

.site-search__text_ss::-webkit-input-placeholder {
    color: #2c3345;
}

.site-search__text_ss:moz-placeholder {
    color: #2c3345;
}

.site-search__text_ss::-moz-placeholder {
    color: #2c3345;
}

.site-search__text_ss:-ms-input-placeholder {
    color: #2c3345;
}

.site-search__btn_ss {
    width: 100%;
    aspect-ratio: 1/1;
    box-shadow: none;
    border: none;
    outline: none;
    background: url("data:image/svg+xml,%3Csvg%20version%3D%221.1%22%20baseProfile%3D%22full%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20xmlns%3Aev%3D%22http%3A%2F%2Fwww.w3.org%2F2001%2Fxml-events%22%20xml%3Aspace%3D%22preserve%22%20x%3D%220px%22%20y%3D%220px%22%20width%3D%2220px%22%20height%3D%2221px%22%20%20viewBox%3D%220%200%2020%2021%22%20preserveAspectRatio%3D%22none%22%20shape-rendering%3D%22geometricPrecision%22%3E%22%3Cpath%20d%3D%22M19.2624%2015.9331L16.0282%2012.6989C16.694%2011.4623%2017.0745%2010.083%2017.0745%208.56105C17.0745%203.85247%2013.2221%200%208.51348%200C3.80491%200%200%203.85247%200%208.56105C0%2013.2696%203.85247%2017.1221%208.56105%2017.1221C10.083%2017.1221%2011.4623%2016.7416%2012.6989%2016.0757L15.9331%2019.3099C16.8843%2020.2611%2018.3587%2020.2611%2019.3099%2019.3099C20.2611%2018.3587%2020.2136%2016.8367%2019.2624%2015.9331ZM2.37807%208.56105C2.37807%205.13663%205.13663%202.37807%208.56105%202.37807C11.9855%202.37807%2014.744%205.13663%2014.744%208.56105C14.744%2011.9855%2011.9855%2014.744%208.56105%2014.744C5.13663%2014.744%202.37807%2011.9855%202.37807%208.56105Z%22%20fill%3D%22%2335aaff%22%2F%3E%3C%2Fsvg%3E") center/20px no-repeat;
    padding: 0;
}

.search-param-btn {
    width: 100%;
    aspect-ratio: 1/1;
    border-radius: 10px;
    position: relative;
    cursor: pointer;
    background: transparent;
    border: none;
    padding: 0;
}

.search-param-btn:before {
    position: absolute;
    content: '';
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: url("data:image/svg+xml,%3Csvg%20version%3D%221.1%22%20baseProfile%3D%22full%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20xmlns%3Aev%3D%22http%3A%2F%2Fwww.w3.org%2F2001%2Fxml-events%22%20xml%3Aspace%3D%22preserve%22%20x%3D%220px%22%20y%3D%220px%22%20width%3D%2220px%22%20height%3D%2220px%22%20%20viewBox%3D%220%200%2020%2020%22%20preserveAspectRatio%3D%22none%22%20shape-rendering%3D%22geometricPrecision%22%3E%22%3Cpath%20d%3D%22M15.7143%200H4.28571C3.09524%200%202.04762%200.47619%201.2381%201.2381C0.47619%202.04762%200%203.09524%200%204.28571C0%206.66667%201.90476%208.57143%204.28571%208.57143H15.7143C16.9048%208.57143%2017.9524%208.09524%2018.7619%207.33333C19.5238%206.52381%2020%205.47619%2020%204.28571C20%201.90476%2018.0952%200%2015.7143%200ZM4.28571%206.66667C2.95238%206.66667%201.90476%205.61905%201.90476%204.28571C1.90476%202.95238%202.95238%201.90476%204.28571%201.90476C5.61905%201.90476%206.66667%202.95238%206.66667%204.28571C6.66667%205.61905%205.61905%206.66667%204.28571%206.66667Z%22%20fill%3D%22%2335aaff%22%2F%3E%3Cpath%20d%3D%22M15.7143%2011.4286H4.28571C3.09524%2011.4286%202.04762%2011.9048%201.2381%2012.6667C0.47619%2013.4762%200%2014.5238%200%2015.7143C0%2018.0952%201.90476%2020%204.28571%2020H15.7143C16.9048%2020%2017.9524%2019.5238%2018.7619%2018.7619C19.5238%2017.9524%2020%2016.9048%2020%2015.7143C20%2013.3333%2018.0952%2011.4286%2015.7143%2011.4286ZM15.7143%2018.0952C14.381%2018.0952%2013.3333%2017.0476%2013.3333%2015.7143C13.3333%2014.381%2014.381%2013.3333%2015.7143%2013.3333C17.0476%2013.3333%2018.0952%2014.381%2018.0952%2015.7143C18.0952%2017.0476%2017.0476%2018.0952%2015.7143%2018.0952Z%22%20fill%3D%22%2335aaff%22%2F%3E%3C%2Fsvg%3E") 50% 50% no-repeat;
}

#catalog-cart-preview {
    width: 0;
    height: 0;
    opacity: 0;
    visibility: hidden;
    font-size: 0;
}
.categories-dropdown{
    --border-radius: 10px;
    --border: 1px solid rgba(44, 51, 69, 0.07);
    --gap: 30px;
    background: white;
}
.categories-dropdown-label{
    border-radius: var(--border-radius);
    border-top: var(--border);
    border-bottom: var(--border);
    border-left: var(--border);
    border-right: var(--border);
    font-weight: bold;
    font-size: 23px;
    padding: 14px var(--gap);
    display: flex;
    align-items: center;
    gap: 1em;
    &:before{
        content: '';
        width: 20px;
        aspect-ratio: 1/1;
        flex-shrink: 0;
        background: url(data:image/svg+xml,%3Csvg%20version%3D%221.1%22%20baseProfile%3D%22full%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20xmlns%3Aev%3D%22http%3A%2F%2Fwww.w3.org%2F2001%2Fxml-events%22%20xml%3Aspace%3D%22preserve%22%20x%3D%220px%22%20y%3D%220px%22%20width%3D%2218px%22%20height%3D%2217px%22%20%20viewBox%3D%220%200%2018%2017%22%20preserveAspectRatio%3D%22none%22%20shape-rendering%3D%22geometricPrecision%22%3E%22%3Cpath%20d%3D%22M0%201.5C0%200.671573%200.671573%200%201.5%200H16.5C17.3284%200%2018%200.671573%2018%201.5C18%202.32843%2017.3284%203%2016.5%203H1.5C0.671573%203%200%202.32843%200%201.5Z%22%20fill%3D%22%2335aaff%22%2F%3E%3Cpath%20d%3D%22M0%208.5C0%207.67157%200.671573%207%201.5%207H16.5C17.3284%207%2018%207.67157%2018%208.5C18%209.32843%2017.3284%2010%2016.5%2010H1.5C0.671573%2010%200%209.32843%200%208.5Z%22%20fill%3D%22%2335aaff%22%2F%3E%3Cpath%20d%3D%22M0%2015.5C0%2014.6716%200.671573%2014%201.5%2014H10.5C11.3284%2014%2012%2014.6716%2012%2015.5C12%2016.3284%2011.3284%2017%2010.5%2017H1.5C0.671573%2017%200%2016.3284%200%2015.5Z%22%20fill%3D%22%2335aaff%22%2F%3E%3C%2Fsvg%3E) center/contain no-repeat;
    }
}
[open] .categories-dropdown-label{
    border-radius: var(--border-radius) var(--border-radius) 0 0;
    border-bottom: none;
}
.categories-dropdown-list-wrapper{
    overflow: visible;
    padding: var(--gap);
    box-shadow: 4px 4px 15px rgba(0, 0, 0, 0.03);
    border-bottom: var(--border);
    border-left: var(--border);
    border-right: var(--border);
    border-radius: 0 0 var(--border-radius) var(--border-radius);
    background: white;
}
.categories-dropdown-list{
    font-size: 17px;
    max-height: 400px;
    overflow: auto;
}
.categories-dropdown-item{
    text-decoration: none;
    border-bottom: 1px solid rgba(44, 51, 69, 0.05);
    position: relative;
    &:hover{
        color: #35aaff;
    }
}
.categories-dropdown-item_link{
    padding: 15px 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .5em;
    & :where(img, svg){
        width: 8px;
        height: auto;
        flex-shrink: 0;
        object-fit: contain;
        pointer-events: none;
    }
}
.categories-dropdown-child-list{
    position: absolute;
    top: 0;
    left: 100%;
    width: 325px;
    background: white;
    padding: var(--gap);
    border-radius: 0px 10px 10px 10px;
    box-shadow: 8px 8px 45px rgba(0, 0, 0, 0.15);
    display: none;
    grid-template-columns: 100%;
    &.active{
        display: grid;
        z-index: 99;
    }
}

.cart-btn{
    border-radius: 10px;
    font-weight: bold;
    font-size: 18px;
    display: grid;
    grid-template-columns: 20px 1fr 50px;
    padding: 1em 0 1em 1em;
    path{
        fill: white;
    }
    & :where(img, svg){
        width: 100%;
        height: auto;
        object-fit: contain;
    }
}
.cart-btn_cnt{
    font-size: 14px;
    font-weight: 400;
    border-left: 1px solid rgba(44, 51, 69, 0.2);
    line-height: 1em;
}
.mob-burger-btn{
    background: transparent;
    border: none;
    padding: 0;
}
.mobile-header-cart-btn{
    display: none;
    padding: 10px 15px 10px 10px;
    align-items: center;
    .cart-btn_cnt{
        border: none;
        font-family: 'Rubik', sans-serif;
    }
    path{
        fill: white;
    }
}

footer{
    margin: 100px 0 0 0;
}
.footer-form{
    display: grid;
    grid-template-columns: 1fr 60px;
    grid-template-areas: 'input btn' 'policy policy';
}
.footer-form-input{
    grid-area: input;
    width: 100%;
    background: rgba(0, 0, 0, 0.15);
    border: none;
    padding: 15px 20px;
}
.footer-form-send{
    grid-area: btn;
    width: 100%;
    background: url("data:image/svg+xml,%3Csvg%20version%3D%221.1%22%20baseProfile%3D%22full%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20xmlns%3Aev%3D%22http%3A%2F%2Fwww.w3.org%2F2001%2Fxml-events%22%20xml%3Aspace%3D%22preserve%22%20x%3D%220px%22%20y%3D%220px%22%20width%3D%2222px%22%20height%3D%2220px%22%20%20viewBox%3D%220%200%2022%2020%22%20preserveAspectRatio%3D%22none%22%20shape-rendering%3D%22geometricPrecision%22%3E%22%3Cpath%20d%3D%22M20.9048%201.93673L14.0476%2019.0796C13.6191%2020.1748%2012.0476%2020.2701%2011.4762%2019.2224L8.19049%2013.3177C8.04763%2013.0796%207.85715%2012.8891%207.61906%2012.7463L1.7143%209.55578C0.666676%208.98435%200.761914%207.41292%201.85715%206.98435L19%200.127206C20.1905%20-0.396604%2021.381%200.793872%2020.9048%201.93673Z%22%20fill%3D%22%2335aaff%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E") 50% 50% no-repeat, rgba(0, 0, 0, 0.15);
    padding: 14px 20px;
    border: none;
}
.footer-form_policy{
    grid-area: policy;
    margin: 20px 0 0 0;
    color: white;
    font-size: 13px;
    display: grid;
    grid-template-columns: 25px 1fr;
    gap: 15px;
    align-items: flex-start;
    a{
        text-decoration: underline;
    }
}
.policy_marker{
    background: rgba(0, 0, 0, 0.15);
    width: 100%;
    aspect-ratio: 1/1;
}
.filled .policy_marker{
    background: url(data:image/svg+xml,%3Csvg%20version%3D%221.1%22%20baseProfile%3D%22full%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20xmlns%3Aev%3D%22http%3A%2F%2Fwww.w3.org%2F2001%2Fxml-events%22%20xml%3Aspace%3D%22preserve%22%20x%3D%220px%22%20y%3D%220px%22%20width%3D%229px%22%20height%3D%229px%22%20%20viewBox%3D%220%200%209%209%22%20preserveAspectRatio%3D%22none%22%20shape-rendering%3D%22geometricPrecision%22%3E%3Cpath%20d%3D%22M0%202C0%200.89543%200.895431%200%202%200H7C8.10457%200%209%200.895431%209%202V7C9%208.10457%208.10457%209%207%209H2C0.89543%209%200%208.10457%200%207V2Z%22%20fill%3D%22%23fff%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E) 50% no-repeat #ffd027;
}
@media (max-width: 1398px) {
    .container{
        margin: 0 var(--mobile-gap);
    }
}
@media(max-width: 1024px) {
    .categories-search-cart {
        margin: 20px 0;
        .container {
            grid-template-columns: 100%;
        }
        .categories-dropdown{
            display: none;
        }
        .cart-btn{
            display: none;
        }
    }
}
@media (max-width: 767px) {
    .shop-pagelist {
        text-align: center;
    }
    .shop-pagelist__body .pagination-page-list .page-num {
        flex-basis: 40px;
        width: 40px;
        height: 40px;
        font-size: 15px;
        line-height: 40px;
    }
    .shop-pagelist__body > .page-num.only_icons {
        flex-basis: 40px;
        width: 40px;
        height: 40px;
    }
    .header-top__inner_ht{
        justify-content: space-between;
        padding: 10px;
    }
    .mobile-header-cart-btn{
        display: flex;
        .cart-btn_title{
            display: none;
        }
    }
}

@media (max-width: 639px) {
    .shop-pagelist {
        margin-top: 10px;
    }
}