.clearfix.product-variants-item #group_1{flex-wrap:wrap;}
#lnk-uvelirnyj-resejl{display:none!important}

@font-face { /* Helvetica 16 regular */
    font-family: 'InterLight';
    src: url("../fonts/Inter-Light.ttf") format("truetype");
    font-weight: 300!important;
    font-style: normal;
    font-size: 16px;
    line-height: 100%;
}

@font-face { /* H2 INTER */
    font-family: 'InterH2';
    src: url("../fonts/Inter-Regular.ttf") format("truetype");
    font-weight: 400!important;
    font-size: 32px;
    line-height: 40px;
}

@font-face { /* Inter 400 */
    font-family: 'InterRegular';
    src: url("../fonts/Inter-Regular.ttf") format("truetype");
    font-weight: 400!important;
    font-size: 14px;
    line-height: 20px;
}


@font-face { /* H3 INTER */
    font-family: 'InterRegularH3';
    src: url("../fonts/Inter-Regular.ttf") format("truetype");
    font-weight: 400!important;
    font-size: 20px;
    line-height: 28px;
}

@font-face { /* Button Inter */
    font-family: 'InterButton';
    src: url("../fonts/Inter-Medium.ttf") format("truetype");
    font-weight: 500;
    font-style: normal;
    font-size: 14px;
    line-height: 20px;
}



@font-face { /* Inter Bold */
    font-family: 'InterBold';
    src: url("../fonts/Inter-Bold.ttf") format("truetype");
    font-weight: 700;
    font-style: normal;
    font-size: 20px;
    line-height: 28px;
}

@font-face { /* Inter Bold */
    font-family: 'InterSemiBold';
    src: url("../fonts/Inter_SemiBold.ttf") format("truetype");
    font-weight: 600;
    font-style: normal;
    font-size: 12px;
    line-height: 100%;
}

.content .digi-dolyame-checkout-description{display: none!important;}
.digi-dolyame-modal__feature-icon{width: 32px!important; height: 32px!important;}
.digi-dolyame-modal__close svg{width: 32px!important; height: 32px!important;}
.digi-dolyame-catalog .digi-dolyame-catalog__logo{width: 16px!important; height: 16px!important;}
.digi-dolyame-cart .digi-dolyame-cart__logo{width: 30px!important; height: 30px!important;}
.credit_options{display: flex; flex-direction: column; gap: 12px; width: fit-content;}
.dolyame-container p{margin: 0; font-family: InterRegular, Arial, sans-serif; font-size: 16px;}
.dolyame-container p{margin: 0; font-family: InterRegular, Arial, sans-serif; font-size: 16px;}
.btn.btn-primary.center-block{font-family: InterRegular, Arial, sans-serif;}
.dolyame-container img{height: 16px;}
.dolyame-container{background: black;   color: white;   display: flex;   min-height: 54px;   min-width: 282px;   margin: 0 auto;   align-items: center;   justify-content: center;   gap: 12px;   border: none;   border-radius: 8px;}
.yandex-container.disabled{opacity: 0.65!important;pointer-events: none!important; cursor: not-allowed!important; background: none!important; border: none!important;}
.dolyame-container.disabled{opacity: 0.65 !important;   pointer-events: none !important;   cursor: not-allowed !important;  }
.yandex-container{border: none!important; background: none!important;}
.dolyame-container, .yandex-container, .btn.btn-primary.center-block{transition: 0.3s ease;}
.dolyame-container:hover, .yandex-container:hover, .btn.btn-primary.center-block:hover{box-shadow: 4px 6px 5px rgba(0, 0, 0, 0.2);}
.dolyame-container.disabled:hover, .yandex-container.disabled:hover, .btn.btn-primary.center-block.disabled:hover{box-shadow: initial!important;}
.payment-option.clearfix {display: none;}
/********************************************************
			Coderplace Custom Styles
********************************************************/
.tm-carousel {
    display: none;
    position: relative;
    float: left;
    width: 100%;
    margin: 0;
}
.cp-carousel {
    position: relative;
    float: left;
    width: 100%;
    margin: 0;
}
.owl-carousel .owl-wrapper {
    display: none;
    position: relative;
    -webkit-transform: translate3d(0px, 0px, 0px);
    -ms-transform: translate3d(0px, 0px, 0px);
    -o-transform: translate3d(0px, 0px, 0px);
    -moz-transform: translate3d(0px, 0px, 0px);
}
.owl-carousel .owl-wrapper:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}
.owl-carousel .owl-wrapper-outer {
    overflow-x: clip;
    position: relative;
    float: left;
    width: 100%;
    z-index: 4;
    padding: 0;
}
.owl-carousel .owl-wrapper-outer.autoHeight {
    -webkit-transition: height 500ms ease-in-out;
    -moz-transition: height 500ms ease-in-out;
    -ms-transition: height 500ms ease-in-out;
    -o-transition: height 500ms ease-in-out;
    transition: height 500ms ease-in-out;
}
.owl-carousel .owl-item {
    float: left;
}
.owl-carousel .owl-item .manu_image a {
    display: inline-block;
}
.owl-carousel .owl-item .manu_image a img {
    max-width: 100%;
}

.owl-carousel .owl-wrapper,
.owl-carousel .owl-item {
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    text-align: center;
}

/* mouse grab icon */
.customNavigation {
    position: absolute;
    z-index: 9;
    width: 100%;
    top: 57%;
    direction: ltr !important;
    right: 0;
    left: auto;
    opacity: 0;
    -khtml-opacity: 0;
    -webkit-opacity: 0;
    -moz-opacity: 0;
}
.products .customNavigation {
    top: 40%;
}
.customNavigation a.prev::before {
    content: "\E314";
    font-family: "Material Icons";
    position: absolute;
    font-size: 20px;
    right: 5px;
    top: -1px;
    color: #808080;
}
.customNavigation a.next::before {
    content: "\E315";
    font-family: "Material Icons";
    position: absolute;
    font-size: 20px;
    position: absolute;
    right: 3px;
    top: -1px;
    color: #808080;
}
.special-products:hover .customNavigation,
.products:hover .customNavigation,
.testimonial-block-part:hover .customNavigation,
.tmblog-latest:hover .customNavigation,
.product-accessories:hover .customNavigation,
.productscategory-products:hover .customNavigation{
    opacity: 1;
    -khtml-opacity: 1;
    -webkit-opacity: 1;
    -moz-opacity: 1;
}
.lastest_block .customNavigation {
    top: 44%;
}
.customNavigation i {
    color: #222 !important;
    cursor: pointer;
    font-size: 0;
    font-weight: 500;
    height: 38px;
    line-height: 32px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    text-align: center;
    width: 38px;
    background: transparent;
    border-radius: 0;
    font-style: unset;
    box-shadow: 0px 0px 16px 0px rgba(0,0,0,0.11);
}
.customNavigation i.prev {
    background: transparent;
    right: auto;
    background: #fff;
    border-radius: 50%;
    left: -5px;
}
.customNavigation i.next {
    background: transparent;
    right: 0px;
    background: #fff;
    border-radius: 50%;
    right: -5px;
}
.testimonial-block-part .customNavigation i.prev,
.special-products .customNavigation i.prev,
.btn.prev.accessories_prev {
    left: -20px;
}
.testimonial-block-part .customNavigation i.next,
.special-products .customNavigation i.next,
.btn.next.accessories_next  {
    right: -20px;
}
.customNavigation i.prev::before {
    content: '';
    -webkit-mask-image: url(../img/megnor/pro-left.svg);
    -webkit-mask-position: center;
    -webkit-mask-repeat: no-repeat;
    mask-image: url(../img/megnor/pro-left.svg);
    mask-position: center;
    mask-repeat: no-repeat;
    background-color: #000;
    mask-size: 14px;
    font-size: 14px;
    width: 38px;
    height: 38px;
    display: block;
    -webkit-mask-size: 14px;
}
.customNavigation i.next::before {
    content: '';
    -webkit-mask-image: url(../img/megnor/pro-right.svg);
    -webkit-mask-position: center;
    -webkit-mask-repeat: no-repeat;
    mask-image: url(../img/megnor/pro-right.svg);
    mask-position: center;
    mask-repeat: no-repeat;
    background-color: #000;
    mask-size: 14px;
    font-size: 14px;
    width: 38px;
    height: 38px;
    display: block;
    -webkit-mask-size: 14px;
}
.customNavigation i.next:hover::before,.customNavigation i.prev:hover::before  {
    color: #fff;
}
#cpleftbanner1 img,
#cpleftbanner2 img {
    max-width: 100%;
}
#cpleftbanner1 li,
#cpleftbanner2 li {
    overflow: hidden;
    position: relative;
    float: left;
    border-radius: 5px;
}
#cpleftbanner1 li a,
#cpleftbanner2 li a {
    display: inline-block;
    position: relative;
    overflow: hidden;
    vertical-align: top;
}
.footer-container .links.lastest_block .customNavigation i.prev:hover {
    color: #9bbab1 !important;
}
.footer-container .links.lastest_block .customNavigation i.next:hover {
    color: #9bbab1 !important;
}

@media (max-width: 1449px) {
    .testimonial-block-part .customNavigation i.prev,
    .special-products .customNavigation i.prev,
    .btn.prev.accessories_prev {
        left: -15px;
    }
    .testimonial-block-part .customNavigation i.next,
    .special-products .customNavigation i.next,
    .btn.next.accessories_next {
        right: -15px;
    }
    .customNavigation i.next {
        right: 0;
    }
    .customNavigation i.prev {
        left: 0;
    }
}
@media (max-width: 1199px) {
}

@media (max-width: 991px) {
    #cpleftbanner1 li img,
    #cpleftbanner2 li a {
        width: auto;
    }
}
@media (max-width: 767px) {
    .customNavigation {
        opacity: 1;
        -khtml-opacity: 1;
        -webkit-opacity: 1;
        -moz-opacity: 1;
    }

    .testimonial-block-part .customNavigation i.prev,
    .special-products .customNavigation i.prev,
    .btn.prev.accessories_prev {
        left: 5px;
    }
    .testimonial-block-part .customNavigation i.next,
    .special-products .customNavigation i.next,
    .btn.next.accessories_next {
        right: 5px;
    }
    #main .images-container .js-qv-mask .customNavigation {
        top: 13px;
    }
    .quickview .mask.additional_slider .customNavigation i.prev {
        left: -10px !important;
    }
    .quickview .mask.additional_slider .customNavigation i.next {
        right: -10px !important;
    }
    .btn.next.brand_next {
        left: auto;
        right: 0;
        position: absolute;
    }
    .btn.prev.brand_prev {
        left: 0;
        right: auto;
    }
    .customNavigation i.next {
        left: auto;
        right: 0;
    }
}
@media (max-width: 480px) {
}
.sub-container.left-text-formatted .cms-block{left: auto!important; right: 8%!important;}

.header-left{display: flex; align-items: center;}
.content-ajax-search .search-title{display: none!important}
@media(min-width: 1440px) {
    #search_block_top{display: none!important}
}
@media(max-width: 1439px) {
    #search_widget{display: none!important}
    #search_block_top{display: initial!important}
}



@media (min-width: 360px) {
    .container {
        max-width: 100%; padding: 0 20px;
    }
}
@media (min-width: 480px) {
    .container {
        max-width: 100%; padding: 0 20px;
    }
}
@media (min-width: 768px) {
    .container {
        max-width: 100%; padding: 0 20px;
    }
}
@media (min-width: 1280px) {
    .container {
        max-width: 1200px;
    }
}
@media (min-width: 1440px) {
    .container {
        max-width: 1360px;
    }
}
@media (min-width: 1920px) {
    .container {
        max-width: 1560px;
    }
}
.sub-container {max-width: 100%;}


/*@media(min-width: 1920px) {*/
    .header_logo{width: fit-content;}
    .top-menu{display: flex; gap: 32px;}
    .header-left{display: none;}
    .top-menu a{font-family: InterLight!important; font-size: 16px;}
    #cpcategorylist{padding: 0; display: flex; flex-wrap: wrap; gap: 24px;}
    .product_list.grid.row.gridcount.product_slider_grid article{flex: 1;}
    #wrapper-top{max-width: 1560px; margin: 0 auto;}
    .cat-img{width: fit-content;     position: relative;     display: flex;}
    .cat-img p{position: absolute; left: 16px; bottom: 16px; color: white; font-size: 18px; text-transform: uppercase; font-family: InterBold; line-height: 28px;}
    .right-nav, .left-nav{font-family: InterLight!important; font-size: 12px;}
    .cpcategory-title-wrapper h2{font-family: InterH2!important; text-align: left; font-size: 32px;}
    .cpcategory-title-wrapper p, .cpcategory-title-wrapper a{font-family: InterLight!important; margin: 0; font-size: 16px; }
    .cpcategory-title-wrapper span{display: flex;
        justify-content: space-between;
        margin: 8px 0 48px;
    }
    .cpcategorylist{margin: 128px 0;}
    .service_image{background: none!important;}
    .service_content{cursor: initial; padding: initial;}
    #cpserviceblock{background: none!important; margin: 128px 0; padding: 0;}
    .service-cms-banner-list{max-width: 330px;}
    .service_title1{font-family: InterBold!important;}
    .service_title2{font-family: InterRegular!important; color: black;}
    #newproduct-carousel{display: flex;}
    .product-miniature.js-product-miniature {border-top: 1px solid var(--White-100, rgba(255, 255, 255, 1)); border-radius: 24px; box-shadow: 0px 1px 2px -1px rgba(0, 0, 0, 0.1);box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.1);}
    .replace-2x.img_1.img-responsive.lazyloaded{width: 100%; height: 100%;}
    .product-wishlist{width: fit-content; position: absolute; right: 0px; top: 0px;}
    .product-flags.js-product-flags{left: 0; right: initial;}
    .products .product-miniature{padding: 16px;}
    .product-description{padding: 0!important;; text-align: left!important; margin-top: -20px;}
    #products .product-title a{text-align: left;}
    .h3.product-title{text-align: left;}
    .h3.product-title a{text-align: left!important;font-family: InterRegular!important;line-height: 19px!important;}
    .product-bottom{padding: 0!important;   width: 100%!important;   text-align: left!important;}
    .product-brand{font-family: InterLight; font-size: 14px; color: #ABABAB;}
    .product-price-and-shipping{margin-bottom: 0;}
    .product-price-and-shipping .price{font-family: InterRegular!important;line-height: 19px!important;}
    .product-price-and-shipping .regular-price{font-family: InterRegular!important;line-height: 19px!important; color: #ABABAB; font-size: 14px;}
    .newproducts .customNavigation {display: none!important;}
    .product_list article.product_item .product-miniature::before, .product_list article.item .product-miniature::before{display: none!important}
    .bottom-add_to_cart{width: 100%;}
    .add-to-cart-or-refresh .btn.btn-primary.add-to-cart{position: relative;color: black; background: none; display: block; margin-left: auto; padding: 0; width: 36px; height: 36px; font-size: 0;background: url('/img/ico/add_to_cart.svg'); background-size: contain; background-repeat: no-repeat; transition: 0.3s ease;}
    .add-to-cart-or-refresh .btn.btn-primary.add-to-cart::after{content: "";width: 36px; height: 36px;position: absolute;top: 0; left: 0; right: 0; bottom: 0;background-image: url('/img/ico/add_to_cart_hover.svg')!important;background-size: cover;opacity: 0;transition: opacity 0.5s ease-in-out;z-index: 1;}
    .add-to-cart-or-refresh .btn.btn-primary.add-to-cart:disabled::after{display: none!important}
    .add-to-cart-or-refresh .btn.btn-primary.add-to-cart:hover::after{opacity: 1;}
    .products .product_list .wishlist span {mask-image: url("/img/ico/add_to_wishlist.svg")}
    a{transition: 0.25s ease;}
    a:hover{color: #FFBA17 !important}
    .bottom-add_to_cart{position: absolute; bottom: 16px; right: 16px;}
    .st-wishlist-title{display: none!important;;}
    .st-wishlist-button .st-wishlist-bt-content{display: none!important;}
    .st-wishlist-button.btn-product.btn{background-image: url("/img/ico/add_to_wishlist.png?v=1"); width: 36px; height: 36px; background-color: transparent; padding: 18px; background-size: contain; background-repeat: no-repeat; background-size: 19px 18px; background-position: center; border-radius: 50%; background-size: 19.5px 18px;}
    .st-wishlist-button.btn-product.btn.added{background-image: url("/img/ico/add_to_wishlist_active.png?v=1");}
    .st-wishlist-button.btn-product.btn:hover{background-color: rgba(171, 171, 171, 0.1)};
    .main_footer-content{display: flex; gap: 20px;}
    .footer_block-wrapper {flex: 1;}
    .footer-logo{margin-bottom: 24px;}
    .footer-main_info p{font-family: InterRegular; font-size: 14px; line-height: 22px; color: rgb(61, 61, 61); margin-bottom: 24px;}
    .footer_block-wrapper footer-main_info p{font-family: InterRegular; line-height: 22px; font-size: 14px;}
    .main_footer-content h4{font-family: InterButton!important; font-size: 14px!important; font-weight: 500!important; margin-bottom: 24px;}
    .footer-navigation_list{display: flex; flex-direction: column; gap: 16px;}
    .footer-navigation_list a {width: fit-content; font-family: InterLight;font-size: 16px; color: rgba(61, 61, 61, 1);}
    .footer-social_link.organisation_mobile_phone a{font-family: InterButton !important; display: flex; gap: 12px;font-size: 14px !important;     font-weight: 500 !important;}
    .footer-social_link.organisation_mobile_phone p{font-family: InterRegular; font-size: 12px; color: rgba(159, 159, 169, 1); margin: 0;}
    .footer-social_link.organisation_email a{font-family: InterRegular; font-size: 12px; display: flex; gap: 12px; }
    .footer-social_link.organisation_mobile_phone {margin-bottom: 24px;}
    .footer_block-wrapper.footer-payment_methods p{font-family: InterRegular; font-size: 14px; margin-bottom: 14px; color: rgb(61, 61, 61);}
    .footer-social_link.organisation_mobile_phone a::before{content: ''; background: url('/img/ico/phone_ico.svg'); width: 20px; height: 20px; display: block; top: 3px;position: relative;}
    .footer-social_link.organisation_email a::before{content: ''; background: url('/img/ico/email_ico.svg'); width: 20px; height: 20px; display: block; top: 3px; position: relative;}
    .footer-before{display: none;}
    .footer-middle{margin: 64px 0;}
    #cpfootercms1{float: initial;}
    .footer-after{padding: 24px 0;background: none;}
    .footer-after{padding-bottom: 64px;}
    .footer-after .container{padding: 0;}
    .under-footer_block{display: flex; justify-content: space-between; align-items: center; font-family: InterRegular!important; font-size: 14px;}
    .under-footer_block p{margin: 0;}
    .under_footer-policy{display: flex; gap: 24px;}
    .under-footer_block, .under_footer-policy a{color: rgb(159, 159, 169);}
    .footer-social_info{display: flex; gap: 12px;}
    .footer-social-vk{background-image: url('/img/ico/tg_logo_footer.svg');}
    .footer-social-tg{background-image: url('/img/ico/vk_logo_footer.svg');}
    .footer-social_info a{background-size: 24px;display: block;width: 52px;height: 52px;background-position: center;background-repeat: no-repeat;border-radius: 50%; border: 1px solid rgba(171,171,171,0.4);}
    .footer-social_info a:hover{background-color: rgba(171, 171, 171, 0.1);}
    .products-section-title{display: flex; justify-content: space-between; margin-bottom: 48px; align-items: center;}
    .products-section-title h2{font-family: InterRegular; fnt-size: 32px; color: rgba(24,24,27,1)}
    .products-section-title p{font-family: InterLight; font-size: 16px; color: rgba(61,61,61,1)}
    .product-flag.discount{font-family: InterBold; font-size: 11px; width: 44px; height: 44px; line-height: 22px; background-color: rgb(198, 10, 16); box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.1);}
    .product-flag.out_of_stock{display: none!important;}
    .head-search_wrapper{display: none;}
    .head-search_wrapper.visible{display: initial!important}
    .head-search_btn{background-image: url('/img/ico/search_ico.svg'); width: 24px; height: 24px; background-repeat: no-repeat; background-position: center; border: none; background-color: transparent; padding: 0;}
    #search_widget{height: 24px; padding: 0;}
    .head-account_info{background-image: url('/img/ico/user_info_ico.svg'); width: 24px; height: 24px; background-repeat: no-repeat; background-position: center;}
    .ap-btn-wishlist{font-size: 0 !important;   background-image: url('/img/ico/head_wishlist_ico.svg')!important;   width: 24px;   height: 24px;   background-repeat: no-repeat;   background-position: center;   mask-image: initial!important;   background-color: transparent!important;}
    #_desktop_cart .carthome, #_mobile_cart .carthome{background-image: url('/img/ico/head_cart_ico.svg')!important;   width: 24px;   height: 24px;   background-repeat: no-repeat;   background-position: center;   mask-image: initial!important;   background-color: transparent!important; }
    .header-right{display: flex; gap: 16px; width: fit-content; float: right;}
    .ap-total-wishlist, .ap-total-compare, #_desktop_cart .cart-products-count.cart-count-producttext, #_desktop_cart .cart-products-counthome{position: absolute; -webkit-border-radius: initial; border-radius: 50%; right: initial; left: 16px; top: -6px; background: black; color: white; font-family: InterBold; font-size: 9px; margin: 2px; border: 2px solid white; width: 18px; height: 18px; line-height: 13.5px; padding-left: 1px;}
    .header-account_info span{font-size: 0px;}
    .cart_custom{width: 0px!important; padding: 0;}
    #_desktop_cart .cart-products-count.cart-count-producttext{padding-left: 5px; top: -8px;}
    .head-search_wrapper{padding: 24px 0;position: absolute; left: 0; width: 100%; background: white; padding: 24px 0; z-index: 21; top: 89px;}
    .search-widget form input[type="text"]{width: 1338px; border-radius: 24px !important; border: 1px solid rgba(171,171,171,0.1); font-family: InterButton !important; font-size: 14px;}
    #search_widget{position: initial!important;}
    .search-widget form{padding: 0 180px; display: flex; gap: 24px;}
    .search-widget form button[type="submit"]{position: initial; border-radius: 100px; width: 84px;}
    .head_search-input_button{display: flex; gap: 32px; font-family: InterButton !important; font-size: 14px !important;line-height: 20px !important;}
    .header_search-close_menu{background: none; border: none;padding: 0;}
    .page-content.card.card-block .register-form p{display: none;}
    .col-md-3.form-control-comment{display: none;}
    .col-md-3.form-control-label.required{width: fit-content;}
    .col-md-6{width: 100%;}
    .form-group.row{ display: flex; flex-direction: column;}
    .modal-phone-validation{display: none;}
    .modal-phone-validation.show{display: initial;}
    .right-nav .user-info-side, .sign-in.account.top-link{display: none!important;}
    #header .header-announcement-bar{background: white; padding: 0;}
    #_desktop_user_info i{display: none!important;}
    #header .header-nav{border-bottom: initial!important;}
    .header-top-main.bg_main{border-bottom: 1px solid rgb(244, 244, 245);}
    .header-nav, .header-top {width: 1560px!important; padding: 0!important; margin: 0 auto!important; }
    #header .header-nav .sub-container{padding: 0!important;}
    #header .header-top{width: fit-content;}
    #header{display: flex; flex-direction: column;}
    .header-logo{width: fit-content;}
    .header-top .header-div .sub-container{display: flex; justify-content: space-between; padding: 10px 0; align-items: center; align-content: center;}
    #_top_main_menu{width: 100%;}
    .button_go_to_lombard_btn{border: none; font-family: InterSemiBold; padding: 0; font-size: 12px; padding: 10px 20px; padding: 10.5px 20px; background: rgb(255, 219, 0); border-radius: 20px;}
    .content-wrapper{width: 100%!important;}
    .col-xs-12.col-sm-4.col-md-3.hb-animate-element.top-to-bottom.pion_pagename-cart{display: none;}
    .pion_pagename-cart {width: 100% !important;}
    .cart-grid.row.digi-dolyame-cart{display: none;}
    .cart-grid.row{display: flex; gap: 40px;}
    .cart-grid-right.col-xs-12.col-lg-4, .cart-grid-body.col-xs-12.col-lg-8{padding: 0;}
    .digi-dolyame-cart.digi-dolyame-cart--2 {display: none;}
    .phoneauth-trigger{display: none;}
    .cart-grid-body.col-xs-12.col-lg-8 .label{display: none;}
    .product-line-info .label{display: initial!important;}
    .digi-dolyame-product.digi-dolyame-product--5.digi-dolyame-product--desktop{display: none!important;}
    #product-details{opacity: 1!important; display: flex; flex-direction: column; width: 100%; gap: 24px;}
    .product_article_wrapper{display: flex; justify-content: space-between;}
    .product-features .data-sheet{}
    .arrows.js-modal-arrows{display: none;}
    .pr_feature-list{display: flex; justify-content: space-between; width: 100%;}
    .product-features_inserts .pr_feature-list{flex-direction: column;}
    .digi-dolyame-catalog.digi-dolyame-catalog--5.digi-dolyame-catalog--desktop{display: none;}
    .btn.btn-primary.add-to-cart{width: 36px!important; margin: initial;}
    .btn.btn-primary.add-to-cart:hover{background-color: transparent!important}
    .add-to-cart-button{display: initial!important; position: initial!important;;}
    .bottom-addtocart{opacity: 1!important;visibility: initial!important;transition: initial!important;position: initial!important;padding: 0!important;margin: 0!important;display: block !important;margin-left: auto!important;width: 36px;height: 36px;transform: initial!important;background: initial;border: none!important;}
    .row .bottom-addtocart:nth-child(4){display: none!important;}
    .product-bottom .bottom-addtocart{display: initial!important;}
    .products article.item:hover .product-bottom .add-to-cart, .products article.product_item:hover .product-bottom .add-to-cart{background-color: transparent!important;}
    .product-price-and-shipping{width: fit-content;}
    .product-price-and-shipping{display: flex;}
    .product-price-and-shipping .price{display: flex;}
    .col-md-6.hidden-md-down.total-products{display: none;}
    .tm_userinfotitle.dropdown.js-dropdown{display: none;}
    .product-main_title_wrapper{display: flex; justify-content: space-between;}
    .product-main_title_wrapper .wish-comp{padding: 0;}
    .productpage_title{height: fit-content; margin-bottom: initial;}
    .product-quantity .add{width: 100%!important;}
    .product-quantity .add .btn.btn-primary.add-to-cart{transition: 0.3s ease;width: 100%!important; padding: 0!important; font-size: 14px; font-family: InterButton;}
    .product-quantity .add .btn.btn-primary.add-to-cart i{display: none!important;}
    .product-quantity .add .btn.btn-primary.add-to-cart:hover{box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.3) !important;}
    .product-quantity .add .btn.btn-primary.add-to-cart{background: rgb(24, 24, 27) !important; padding: 16px 0 !important; border-radius: 100px;}
    .clearfix.product-variants-item #group_1{display: flex; width: 100%; gap: 12px;}
    .clearfix.product-variants-item .input-container.pull-xs-left{margin: 0;}
    .clearfix.product-variants-item .radio-label{transition: 0.3s ease;border: 1px solid rgba(171, 171, 171, 0.1); padding: 12px; border-radius: 50%; width: 56px; height: 56px; text-align: center; align-content: center; min-width: initial; font-size: 14px; font-family: InterButton;}
    .product-add-to-cart.js-product-add-to-cart .product-quantity .add{margin: 0!important;}
.input-radio:checked + span, .input-radio:hover + span{background: rgb(24, 24, 27)!important; color: white!important; border: none!important; border: 1px solid transparent!important;}
    #thecheckout-html-box-1{display: none;}
    .customer-addresses, .form-group.postcode.text, .form-group.id_country.countrySelect{display: none!important;}
.flex-split-vertical .inner-area .block-header::before{display:none!important}
.main_footer-content{display:flex}
.products-section-title .title{width: fit-content!important;}
.row.product-page.product-container.js-product-container{display: flex; gap: 20px;}
.product-page .col-md-5, .product-page .col-md-7{width: 50%; padding: 0;}
.js-modal-mask.mask .thumb-container .thumb, .product-description img{box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.1);   border: 1px solid rgba(171, 171, 171, 0.1);   border-radius: 24px;   width: 112px;   height: 112px;   aspect-ratio: auto 112 / 112;   min-width: 112px;}
.js-modal-mask.mask .thumb-container .thumb.selected{border: 1px solid black;}
.image-block_slider{width: 112px;}
.image-block_slider .js-modal-mask.mask{max-height: 100%;}
.images-container.js-images-container{display: flex; gap: 20px;}
.product-leftside .product-cover{height: 100%; width: 100%; order: 1; border: 1px solid rgba(171, 171, 171, 0.1); box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.1); border-radius: 24px;}
.size_info-wrapper, .product-description_title-wrapper, .delivery-basic_info{display: flex; justify-content: space-between; align-items:center;}
.size_info-wrapper button, .product-description_title-wrapper button, .delivery-basic_info button{padding: 0;flex-shrink: 0;border:none; background: none;color: rgba(61, 61, 61, 1); display: flex; gap: 4px;}
.product-page .col-md-7{border: none; margin: 0; padding: 0;}
.product-page .productpage-attributes-items{border: none; margin: 0;}
.product-add-to-cart.js-product-add-to-cart{padding: 0; border: none;}
.clearfix.product-variants-item{margin: 0;}
#product-details h5{margin-bottom: 4px; font-family: InterButton; font-size: 14px; line-height: 20px;}
#product-details p{font-size: 16px; font-family: InterLight; line-height: 100%; margin-bottom: 0;}
.product-actions .product-variants {}
.image-block_slider {
  width: 112px;
  max-height: 638px;
  overflow: scroll;
  flex-shrink: 0;
    scrollbar-width: none; 
    -ms-overflow-style: none;
}
.image-block_slider::-webkit-scrollbar {
    display: none;
}
#header{min-height: initial; margin-bottom: 20px;}

#breadcrumb_wrapper{background: none; padding: 0; margin-bottom: 20px; margin-left: 0;}
.breadcrumb ol{text-align: left;}
label, .label{font-family: InterLight; font-size: 16px; line-height: 100%;}
.product_article_wrapper p{font-family: InterLight; font-size: 16px; line-height: 100%;}
.productpage_title{font-family: InterRegular; font-size: 32px; line-height: 40px; margin-bottom: 8px;}
.current-price-value{font-family: InterRegular; font-size: 46px; line-height: 58px;}
.product-discount .regular-price{font-family: InterLight; font-size: 32px; line-height: 44px;color: rgba(171, 171, 171, 1); margin-left: 12px;}
.js-product-attributes-source{display: none;}
.product-description_title-wrapper h5{margin: 0; font-family: InterButton; font-size: 14px; line-height: 20px;}

.product-description{font-family: InterLight; font-size: 16px; line-height: 100%; margin-bottom: 24px;}
#product .product-actions .control-label, #product .product-actions-main .control-label{margin: 0; font-family: InterButton; font-size: 14px; line-height: 20px;}
.product-variants .js-product-variants{margin: 24px 0;}
.clearfix.product-variants-item::after{display: none;}

.delivery-basic_info{margin-bottom: 24px;}
.size_info-wrapper{margin-bottom: 8px!important;}
.size_info-wrapper button, .product-description_title-wrapper button, .delivery-basic_info button{font-family: InterLight; font-size: 16px; line-height: 100%; color: rgba(61, 61, 61, 1);};
.size_info-wrapper, .product-description_title-wrapper, .delivery-basic_info{margin-bottom: 8px!important;}

.return-description_info::before{content: ''; background: url('/img/ico/info_ico.svg'); width: 16px; height: 16px; display: block; background-size: contain; background-repeat: no-repeat;}
.size_info::before{content: ''; background: url('/img/ico/ruler_ico.svg'); width: 16px; height: 16px; display: block; background-size: contain; background-repeat: no-repeat;}
.delivery_info_about::before{content: ''; background: url('/img/ico/delivery_ico.svg'); width: 16px; height: 16px; display: block; background-size: contain; background-repeat: no-repeat;}
.delivery_price_info h5{margin: 0; font-family: InterButton; font-size: 14px; line-height: 20px;}
.delivery_price_info p{font-family: InterLight; font-size: 16px; color: rgba(24, 24, 27, 1);}
.delivery-basic_info{align-items: initial!important;}
.breadcrumb li a::after{content: ""; background: url('/img/ico/right-arrow_breadcrumb.svg'); width: 4px; height: 7px; display: inline-block; background-size: contain; background-repeat: no-repeat; margin-left: 8px; top: 9px; right: -5px;}
.product-miniature.js-product-miniature .product-description{margin-top: 16px!important;; margin-bottom: 8px!important;}
#js-product-list .pagination.row{display: none;}
.product-miniature.js-product-miniature .price{font-size: 17px!important;line-height: 28px; letter-spacing: -0.5px;}
.product-miniature.js-product-miniature .regular-price{color: rgba(159, 159, 169, 1); font-size: 14px; font-family: InterRegular; margin-left: 8px;}
.product-miniature.js-product-miniature .bottom-addtocart{display: initial!important;}
.product-miniature.js-product-miniature .product-price-and-shipping{align-items: center;}
.product_article_wrapper p{margin-bottom: 0;align-self: center;display: flex;}
.product_article_wrapper{margin-bottom: 12px;}
.product-miniature.js-product-miniature .h3 a:hover{color: initial!important;}
.goto_pioneer{background: black!important; color: white!important; padding: 16px 51px!important;}
#page #header{padding-top: 8px;}
.header-top .header-div .sub-container .header-right{gap: 24px;}
.button_go_to_lombard_btn{margin-right: 26px!important;}
#_desktop_cart .cart-products-count.cart-count-producttext{padding-left: 4.1px;}
#_desktop_user_info a.top-link{color: rgba(82, 82, 92, 1)!important}
#_desktop_user_info a.top-link:hover{color: rgba(82, 82, 92, 1)!important;}
#wrapper .columns.container #columns_inner #content-wrapper{padding: 0;}
.cart-items .cart-item{padding: 0; border: none;}
.cart-items{display: flex;   flex-direction: column;   gap: 12px;}
.card.cart-container{border: none;}
.col-md-2.col-xs-4{float: right; width: 140px; height: 140px; padding: 0;}
.product-line-grid{position: relative; height: fit-content; padding: 16px;}
.text-xs-right.col-md-2{position: absolute; width: fit-content; right: 20px; top: 20px;}
.product-line-grid img{width: 100%; height: auto; border: none;}
.product-line-grid{justify-content: space-between;display: flex;border: 1px solid rgba(171, 171, 171, 0.1); box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.1); border-radius: 24px;}
.remove-from-cart .material-icons{font-size: 0; background: url('/images/remove_from_cart.svg'); width: 16px; height: 16px;}
.col-md-5{padding-left: 28px; padding-right: 0; width: fit-content; float: initial;}
.cart-grid-body.col-xs-12.col-lg-8 .label{font-size: 20px; font-family: InterRegular;}
.product-line-grid .clearfix{display: none;}
.col-md-2.col-xs-4 .product-image{width: 100%; height: 100%;}
.product-line-grid-body .product-line-info .label{font-size: 14px!important; font-family: InterButton!important;}
.product-line-grid-body .product-line-info .value{font-family: interLight; font-size: 16px; line-height: 100%;}
.product-line-grid-body.col-md-5.col-xs-8 br{display: none;}
.product-line-grid-body.col-md-5.col-xs-8{display: flex;flex-direction: column; gap: 8px;}
.cart-info-product_price{display: flex; flex-shrink: 0; white-space: nowrap; gap: 8px; align-items: center;}
.cart-info-product_price .product-old-price{color: rgba(171, 171, 171, 1); font-size: 14px; font-family: InterRegular; text-decoration: line-through;}
.cart-info-product_price .product-price{color: rgba(24, 24, 27, 1); font-size: 17px; font-family: InterRegular; line-height: 28px; margin: 0;}
#body #breadcrumb_wrapper{display: none;}
.card-block.card-block-title h1{font-size: 32px; font-family: InterRegular; line-height: 40px;}
.cart-overview.js-cart{padding: 0;}
#promo-code .btn.btn-primary{background: none; color: black;}
.cart-voucher.js-cart-voucher{padding: 0; background: none; border: none;}
.checkout.cart-detailed-actions.js-cart-detailed-actions.card-block{padding: 0; }
.checkout.cart-detailed-actions.js-cart-detailed-actions.card-block .btn{border-radius: 100px;   padding: 16px;   font-family: InterButton;   font-size: 14px;   line-height: 20px;}
.cart-grid-right.col-xs-12 .card.cart-summary{border: none;}
.cart-detailed-totals.js-cart-detailed-totals h4{font-family: InterRegular; font-size: 20px; line-height: 20px;}
.card-block.cart-detailed-subtotals.js-cart-detailed-subtotals{padding: 0}
.card-block.cart-summary-totals.js-cart-summary-totals{padding: 0}
.cart-detailed-totals.js-cart-detailed-totals{display: flex; flex-direction: column; gap: 24px;}
.card-block.cart-summary-totals.js-cart-summary-totals{margin-top: -12px;}
#promo-code{margin-bottom: 24px;}
#promo-code .promo-input{border: 1px solid rgba(171, 171, 171, 0.1); border-radius: 100px; box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.1);}
#promo-code .btn.btn-primary{padding: 0 20px; font-family: InterButton; font-size: 14px; line-height: 20px; color: rgb(61, 61, 61); height: 100%;}
.summary-total-wrapper-line-cart{display: flex; justify-content: space-between;}
.cart-summary-line.cart-total{display: flex; flex-direction: column;}
.cart-summary-line.cart-total .label{text-align: left; font-size: 20px; font-family: InterRegular; line-height: 28px; color: rgb(24, 24, 27);}
.cart-summary-line.cart-total .cart-total_description_about{color: rgb(171, 171, 171); font-family: InterRegular; font-size: 16px; line-height: 100%;}
#cart #breadcrumb_wrapper{display: none;}
#cart-subtotal-products{margin-bottom: 16px;}
#cart-subtotal-products .value{color: rgba(24, 24, 27, 1); font-family: InterLight; font-size: 16px;}
#cart-subtotal-discount .value{color: rgba(24, 24, 27, 1); font-family: InterLight; font-size: 16px;}
.summary-total-wrapper-line-cart .value{height: fit-content; font-size: 20px; font-family: InterRegular; font-weight: 400;}
.block-promo .promo-input{height: 56px;}
#promo-code .promo-input::placeholder{color: rgba(171, 171, 171, 0.4);}
.checkout-block .inner-area #main{display: none;}
/*.has-float-label.required{display:none;}*/
.block-header.shipping-method-header{padding: 0; font-family: InterRegular; font-size: 20px; line-height: 28px;}
.checkout-block .inner-area{padding: 16px!important;}

#thecheckout-login-form .inner-area .inner-wrapper{display: none}
.cpcategorylist #cpcategorylist.grid article{min-width: fit-content!important;}
.category-list_extra-block.category-extra_gold{order: 9;}
.category-list_extra-block.category-extra_silver{order: 7}
#prestashop-profiling{overflow: hidden;}
#cpcmsbanner2 #cpcmsbanner2_block1 .cms_content{width: 1560px!important; margin: 0 auto; display: block;}
.cms-block .offer-text1{font-family: InterRegular; font-size: 32px; line-height: 40px;}
.cms-block .offer-text2{font-family: InterRegular; font-size: 20px!important; line-height: 28px!important;}
.cms-block .btn.btn-primary{font-family: InterButton; font-size: 14px; line-height: 20px; padding: 16px 24px;}
.ets_item_img{border-radius: 24px;}
.h3 .ets_title_block{font-family: InterRegular; font-size: 20px; line-height: 28px;}
.blog_description p{font-family: InterRegular; font-size: 16px;}
.pion-stores-block{max-width: 1560px; margin: 0 auto; display: flex!important; flex-direction: column;}
.pion-card-img{display: none;}
#pionSliderNext svg:not(:root){height: fit-content;}
.faq-wrapper{display: flex; gap: 24px;}
.faq-section__title{margin-bottom: 48px;   font-family: InterRegular;   font-size: 24px;   line-height: 40px;   text-align: left;}
.faq-accordion__item{border: initial;}
.faq-accordion__header-text{font-family: InterRegular; font-size: 20px; line-height: 28px;}
.faq-accordion__header{outline: initial!important; background: white;}
.faq-accordion__item:hover{box-shadow: initial!important;}
.faq-accordion__item{border-bottom: 1px solid rgba(228, 228, 231, 1); border-radius: 0;}
.faq-accordion__header-text{font-family: InterRegular; font-size: 20px; line-height: 28px;}
.faq-accordion__text p{text-align: left;   font-family: InterLight;   font-size: 16px;   line-height: 100%; color: rgba(10, 10, 10, 1);}
.pion-stores-desc{line-height: 100%;   font-family: InterLight;}
.pion-stores-header__right{margin-top: auto;}
.pion-stores-all-link{color: rgba(61, 61, 61, 1); font-family: InterLight; font-size: 16px;}
#pion-stores-header{margin-bottom: 48px;}
#thecheckout-address-delivery{display: initial!important;}
.pion-card-name{text-align: left; font-family: InterBold; font-size: 20px; line-height: 28px;}
.pion-store-card{border: 1px solid rgb(228, 228, 231);}
.pion-store_information{display: flex; flex-direction: column; gap: 16px;}
.pion-card-body{text-align: left;padding: 33px;gap: 12px; border-radius: 24px; border: 1px solid rgba(228, 228, 231, 1);}
.pion-stores-all-link svg{display:none!important}
#pionSliderPrev svg, #pionSliderNext svg{height: fit-content; width: fit-content;}
.pion-stores-slider{position: relative;}
#pionSliderNext{position: absolute; right: -48px;}
#pionSliderPrev{position: absolute; left: -48px;}

.pion-store-card{border-radius: 24px;}
.faq-accordion__content{margin-top: 12px;}
.checkout-block .cart-detailed-totals{width: 100%;   position: initial;   border-radius: 24px;}
.checkout-block .cart-detailed-totals{width: 100%; position: initial; border-radius: 24px; box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.1); border: none; padding: 16px; background: rgba(171, 171, 171, 0.1);}
.cdek_map_and_info{flex-direction: column;}
#adresses_info_cdek{height: 100%; width: 100%; padding: 16px; overflow-y: initial;}
.checkout-block .card-block:first-child{border-bottom: none}
.tc-confirm-totals .card-block + .card-block {border-top: none;}
.tc-confirm-totals .cart-total{display: flex; align-items: initial; justify-content: space-between;flex-direction: initial;}
.tc-confirm-totals .cart-total .label{width: fit-content; font-family: InterRegular; font-size: 20px; line-height: 28px;}
.tc-confirm-totals .cart-total .value{width: fit-content; font-family: InterRegular; font-size: 20px; line-height: 28px;}
#tc-confirm-subtotal-products{}
#thecheckout-address-delivery .inner-area{border: 1px solid rgba(0, 0, 0, 0.1); border-radius: 24px;}
.form-group.firstname.text{flex-basis: initial!important; width: 100%!important;}
.block-header.address-name-header{padding: 0; font-family: InterRegular; font-size: 20px; line-height: 28px;}
.form-group.email.email.hidden{margin: 0;}  .form-group.email .has-float-label{margin: 0;}
#thecheckout-cart-summary{display: none;}
.form-control.orig-field {border-radius: 100px !important; font-family: InterButton; font-size: 14px; line-height: 20px; padding: 16px 20px !important; height: fit-content !important;}
#thecheckout-shipping .inner-area,#thecheckout-payment .inner-area{border: 1px solid rgba(171, 171, 171, 0.4)!important;   border-radius: 24px;   padding: 16px;}

#js-delivery .form-fields .delivery-options{border: none; padding: 0;}
#thecheckout-cart-summary {display: none!important;}
.thecheckout-cart-summary {display: none!important;}
.row.cdek_row{width: 100%;}
.col-md-12{padding: 0;}
.tc-block-placeholder.thecheckout-address-invoice, .tc-block-placeholder.thecheckout-address-delivery{display: none;}
.cart-summary-line.cart-total-weight.hidden{display: none;}
.tc-confirm-totals.cart-detailed-totals.js-cart-detailed-totals .card-block.block-promo{display: none;}
.phoneauth-modal__dialog{}
.tc-block-placeholder.thecheckout-account{display: none;}
#thecheckout-address-delivery{padding: 0;}
.tc-block-placeholder.thecheckout-shipping {display: none;}
 #thecheckout-shipping{padding: 0;}
.flex-split-horizontal{flex-basis: initial; display: flex; gap: 20px;}
.checkout-block .cart-detailed-totals{width: 100%; position: initial;}
.blocks.checkout-area-8{flex-basis: initial; width: 100%; min-width: initial;}
.flex-split-horizontal{flex-basis: initial; gap: 20px;}
.tax-lbl{display: none;}
.tc-order-comment-wrap{width: 100%;}
#tc_order_comment{resize: none; min-height: 120px;}
.phoneauth-modal__dialog{padding: 20px!important; width: fit-content!important; max-width: fit-content!important; margin: 0!important; border-radius: 20px!important; box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.1)!important;}
.enter__lk-box-title2-t{text-align: left; font-family: InterRegular; font-size: 20px; line-height: 28px; margin-bottom: 28px;}
.phoneauth-modal__close{color: rgb(61, 61, 61); font-size: 36px;}
.alternative-auth-buttons{display: flex; gap: 12px;}
.alternative-auth-buttons div{transition: 0.3s ease;margin-bottom: 0 !important;   border: 1px solid rgba(171, 171, 171, 0.4) !important;   border-radius: 100px !important;   color: rgb(24, 24, 27);   font-family: InterButton;   font-size: 14px;   line-height: 20px;   padding: 16px 20px !important;}
.phoneauth-divider::before, .phoneauth-divider::after{display: none;}
.phoneauth-divider{color: rgb(61, 61, 61); font-size: 16px; font-family: InterLight; line-height: 100%;}
#phone-step{width: fit-content; display: flex; gap: 12px;}
.phoneauth-modal__footer{margin: 0!important;}
.alternative-auth-buttons div:hover{box-shadow: 4px 6px 5px rgba(0, 0, 0, 0.2);}
.form__input.phone_enter{min-width: 330px; border-radius: 100px; border: 1px solid rgba(171, 171, 171, 0.4); padding: 16px 20px; font-family: InterLight; font-size: 16px; line-height: 20px; width: fit-content;}
#password__recovery-smsstart{width: 100%; font-family: InterLight; background: none; border-radius: 100px; border: 1px solid rgba(171, 171, 171, 0.4); padding: 16px 20px;}
#phone-auth-container #main-auth-step .form__field{margin-top: 0px; max-width: 536px;}
#phone-auth-container #main-auth-step .form__field label{text-align: left; position: relative; padding-left: 24px; font-size: 14px; line-height: 22px; font-family: InterLight;}
#phone-auth-container #main-auth-step #agreement-checkbox{position: absolute; left: 0; top: 3px;}
#phone-auth-container #main-auth-step .form__field label a{color: rgb(71, 71, 71)}
#cpcmsbanner2_block1 .left-side.main-content .cms_content .cms-block .btn{border-radius: 100px;}
#cpcmsbanner2 .offer-button{margin-top: 32px;}
.h3.ets_title_block{font-family: InterRegular; font-size: 20px; line-height: 28px;}
.ets-blog-latest-post-content p{ font-family: InterRegular; font-size: 16px; line-height: 19.25px;}
.categoryblock_onlymobile{display:none;}
.featured_products-only_mobile{display:none;}
.pion-stores-all-link{font-family: InterLight; font-size: 16px; line-height: 100%;}
.newproducts-only_mobile{display: none;}
.mobile_under_button{display:none}
.bottom_header-mobile_text{display:none}
.product-miniature.js-product-miniature{transition: 0.3s ease;}
 
.pion-stores-block{display: flex!important; width: 100%;}
.pion-card-name{justify-content: space-between; align-items: center; display: flex;}
.pion-card-name::after{content: url('/images/warehouse_point-ico.svg'); width: 44px; height: 44px; display: flex;}
.pion-card-address{margin: 0; display: flex; align-items: center; gap: 12px}
.pion-card-work_days{margin: 0; display: flex; align-items: center; gap: 12px}
.pion-card-phone{margin: 0; display: flex; align-items: center; gap: 12px}

.pion-card-address::before{content: url('/images/warehouse_point-pin.svg'); width: 16px; height: 16px; display: flex;}
.pion-card-work_days::before{content: url('/images/warehouse_point-worktime.svg'); width: 16px; height: 16px; display: flex;}
.pion-card-phone::before{content: url('/images/warehouse_point-phone.svg'); width: 16px; height: 16px; display: flex;}

.pion-card-address, .pion-card-phone, .pion-card-work_days{color: rgba(61, 61, 61, 1)!important; font-family: InterLight!important; font-size: 16px!important; line-height: 100%!important;}
.pion-store-card.is-active{border: none!important;}
.pion-stores-mobile .pion-store-card{border:none!important}

.columns.container #columns_inner #left-column{display:none}
.layout-both-columns #content-wrapper{width: 100%!important;}
.top-to-bottom.pion_pagename-category{display:initial!important}
#main > h1, #main h2.h2, #main .page-header h1, .block-category h1{font-family:InterRegular; font-size: 32px; line-height: 40px; color: rgba(24, 24, 27, 1)}
.ets-blog-list.row.blog-main-page{display:flex;flex-wrap:wrap; gap: 20px;}
.ets-blog-list li{width: fit-content;}
.ets-blog-list li{max-width: 505px!important}
.ets-blog-list .post-wrapper{display: flex; flex-direction: column;}
.post-wrapper .ets_item_img{width: 100%!important;}
.post-wrapper .ets_item_img img{width: 100%; max-height: 230px; object-fit: cover;}
.ets_blog_layout_list .ets-blog-wrapper-content-main{width: 100%;padding: 0;}
.ets-blog-wrapper-content-main .read_more{display:none;}
.ets-blog-list li{padding: 0;}
.ets-blog-wrapper-content-main .ets_title_block{font-family: InterRegular; font-size: 20px; line-height: 28px;}
.ets_blog_layout_list .blog_description p{line-height: 100%; font-family: InterRegular; font-size: 16px; color: rgba(61, 61, 61, 1);}

.cpcategory-container.container{padding: 0}

#category #page #wrapper #columns-inner{display:flex; gap: 24px;}
.facet-label .magnitude{display:none;}
.custom-checkbox input[type="checkbox"] + span{border: 1px solid rgba(24, 24, 27, 1); border-radius: 4px; width: 16px; height: 16px;}
.custom-checkbox input[type="checkbox"]:checked + span {background: rgba(24, 24, 27, 1);}
.custom-checkbox input[type="checkbox"] + span .checkbox-checked{color: white;}
#_desktop_search_filters_clear_all
.custom-checkbox, .custom-checkbox span{transition: 0.3s ease}
#category #page #wrapper #columns_inner{display: flex; gap: 24px;}
#search_filters .facet .collapse{display: flex; flex-direction: column; gap: 12px;}
#search_filters .facet .facet-title{font-family: InterRegular; font-size: 18px; line-height: 27px;}
.active_filters .active-filter-title{display:none;}
.hidden-sm-down.clear-all-wrapper {display: none;}
.block-categories.block{display:none!important}
#search_filters .facet .facet-label .custom-checkbox, #search_filters .facet .facet-label .custom-radio{top:-1px!important}
.faceted-range-inputs input[type="number"]::-webkit-outer-spin-button,
.faceted-range-inputs input[type="number"]::-webkit-inner-spin-button {-webkit-appearance: none;margin: 0;}
.faceted-range-inputs input[type="number"]{ -moz-appearance: textfield;appearance: none;}
.faceted-range-field label{display:none;}  
.faceted-range-field input{border: 1px solid rgba(171, 171, 171, 0.4)!important; border-radius: 100px!important; padding: 10px 12px!important; font-size: 14px !important; font-family: InterButton; line-height: 20px;}
.faceted-range-separator{display:none;}
.facet.clearfix .facet-title{margin: 0!important;}
.facet.clearfix{margin: 0!important;}
#search_filters{display: flex;   flex-direction: column;   gap: 24px;}
#js-active-search-filters ul{display:flex; gap: 10px;}
#js-active-search-filters li{align-items:center;background: rgba(255, 219, 0, 1); border-radius: 100px; padding: 10px 16px; display:flex; gap: 4px;}
.filter_block-filter_type{margin:0; font-family: InterRegular;   font-size: 14px;   line-height: 15px;   height: fit-content;}
.filter_block-filter_value{margin: 0; color: rgba(24, 24, 27, 1); font-family: InterBold; font-size: 14px; height: fit-content;}

/* Значения применённых фильтров приходят из справочников как есть, и часть
   характеристик записана со строчной буквы («жемчуг иск.»). Поднимаем только
   первый символ: text-transform: capitalize не подходит — он сделал бы
   заглавным каждое слово («Жемчуг Иск.»).
   ::first-letter работает потому, что оба узла лежат в
   #js-active-search-filters li с display:flex и потому блочные. */
#js-active-search-filters .filter_block-filter_type::first-letter,
#js-active-search-filters .filter_block-filter_value::first-letter {
    text-transform: uppercase;
}
.js-search-link .material-icons.close{margin: 0; background: none; font-size: 19px; margin-top: -3px;}
#js-product-list-top{display:none;}
.faceted-range-inputs input[type="number"]{-webkit-appearance: none;margin: 0;-moz-appearance:textfield;}
.facet.clearfix .facet-title[aria-expanded="true"]{margin-bottom: 12px !important; transition: 0.3s ease;}
#content-wrapper #main #js-product-list-header{display:none;}
#js-product-list-header{font-family: InterRegular; font-size: 32px; line-height: 40px; color: rgba(24, 24, 27, 1); margin-bottom: 4px;}
.catalog-category_description{font-family: InterRegular; font-size: 16px; line-height: 100%; margin-bottom: 24px;}
#search_filters .facet .facet-title-desktop-toggle[aria-expanded="false"]::after{content: url('/images/category-arrow_open.svg')}
#search_filters .facet .facet-title-desktop-toggle::after{content: url('/images/category-arrow_close.svg')}
.digi-dolyame-catalog{display:none!important;}
.alternative-auth-buttons div{display:flex;gap:6px;align-items:center;align-self:center;}

#auth_via_max::before{content: url('/images/ico_max.svg'); margin-right: 6px; margin-top: 6px; position: relative; top: 1px;}
#auth_via_vk::before{content: url('/images/ico_vk.svg'); margin-right: 6px; margin-top: 6px; position: relative; top: 1px;}

.footer-social_link.organisation_email p{font-family: InterRegular;font-size: 12px;max-width: 280px;margin: 0;line-height: 18px;line-height: 22px;}
#_desktop_cart .cart-products-count.cart-count-producttext{padding-left: 0.5px; text-align: center;}

#js-delivery .form-fields .tc-dropdown{width: 100%;}

#cms .page-content.page-cms.page-cms-4{border:none;}
#cms .columns.container{padding: 0;}
#cms .breadcrumb.hidden-sm-down .container{padding: 0;}
#cms #main .page-content{padding: 0;}
#cms #content img{width: 100%; object-fit:cover; border-radius: 24px;}


#cms #content h2{margin: 24px 0 12px 0; font-family: InterRegular; font-size: 32px; line-height: 40px;}
#cms #content p{font-family: InterLight; font-size: 16px;}

.container.aboutcompany.extrablock_copy{display: flex;flex-wrap: wrap;justify-content: space-between;}
.container.aboutcompany.extrablock_copy .service_image {width: fit-content !important;}
#stores .breadcrumb .container{padding: 0!important}
#page .columns.container{padding:0!important}

#stores #pion-stores-page-grid{grid-template-columns: repeat(4, 1fr)!important;}
#cart #wrapper{min-height:fit-content;}
.cart-empty_cart{display: flex;flex-direction: column;align-items: center;padding: 196px 0; gap: 24px;}
.cart-empty_cart h2{text-align:center;font-family: InterRegular; font-size: 32px; line-height: 40px; margin: 0;}
.cart-empty_cart p{text-align:center;font-family: InterRegular; font-size: 20px; line-height: 28px; margin: 0;}
.cart-empty_cart a{background: rgba(24, 24, 27, 1); color: white!important; padding: 16px 20px; margin: 0; border-radius: 100px; font-family: InterButton; font-size: 14px; line-height: 20px;}
.cart-empty_cart a::after{content: url('/images/white-arrow-right.svg'); position: relative; width: 16px; height: 16px; top: 3px; left: 2px;}

.not_found_page-wrapper{text-align:center;display: flex;flex-direction: column;gap: 24px; margin: 0 auto;}
.not_found_page-wrapper h4, .not_found_page-wrapper h5, .not_found_page-wrapper p, .not_found_page-wrapper a{margin: 0;}
.not_found_page-wrapper h5{font-size: 32px; font-family: InterRegular; line-height: 40px;}
.not_found_page-wrapper p{font-size: 16px; font-family: InterLight; line-height: 100%;}
.not_found_page-wrapper a{border-radius: 100px;font-size: 14px; font-family: InterButton; line-height: 20px;}
.err_page-go_to_home{padding: 8px 16px;color:rgba(24, 24, 27, 1);border: 1px solid rgba(171, 171, 171, 0.4);}
.err_page-go_to_catalog{padding: 8px 23px;color:white;border: 1px solid transparent; background-color: rgba(24, 24, 27, 1); display: flex; gap: 6px; color: white !important;}
.err_page-go_to_catalog::after{content: url('/images/stick-arrow-right_white.svg'); position: relative; top: 3px;}
#pagenotfound .page-content{border: none;}
.error_page_button_list{display:flex;align-self:center;gap:12px;}
#pagenotfound #wrapper{min-height:fit-content;}
#pagenotfound #content{margin: 0;padding: 20px 0 40px 0;}

.products-section-title a{font-family: InterLight}

#phone-auth-modal #code-step .advantages-items{display:none;}
#login-form .forgot-password{display:none!important}
#code-step .up-content-info {display: none;} 

.enter__lk-box-sms-inp .form__label{margin-bottom: 12px;}
#phoneauth-back-to-methods-wrap{margin-top: 24px; font-family: InterButton; font-size: 14px; line-height: 20px;}

.customer-account-sidebar{display: flex; flex-direction: column; gap: 12px; background: none;}
.customer-account-sidebar a{border-radius: 100px;}
.sidebar-nav-link{padding: 8px 16px;}
.sidebar-nav-link.active {background: black; color: white;}

.customer-account-sidebar i{display:none;}
.account-identity-info .account-identity-form{max-width: 639px; display: flex; flex-direction: column; gap: 12px;}
.account-identity-form .account-info-user_fio{display: flex; gap: 12px;}
.account-info-user_fio .account-info-row{display: flex; flex-direction: column; gap: 8px; width: 100%;}
.account-info-user_fio .account-info-row .account-info-label{height: fit-content; flex: initial;}

.account-info-row .account-info-input{width: 100%; border: rgba(171, 171, 171, 1); box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.1); border-radius: 100px; padding: 16px 20px; font-family: InterButton; font-size: 14px; line-height: 20px;}

.account-info-row .account-info-label{text-align: left; font-family: InterButton; color: rgba(24, 24, 27, 1); font-size: 14px; text-transform: capitalize!important}
.account-info-row.account-info-row-toggle{display: flex; margin: 12px 0;}
.account-info-label.account-info-switch{width: 100%; flex: initial; margin: 0;}
.account-identity-form .btn.btn-primary.account-info-submit{margin: 0;}
.account-identity-form .account-info-row{align-items: initial;}
.facet-label.account-info-switch{margin: 0;}
.btn.btn-primary.account-info-submit{color: rgba(24, 24, 27, 1); background: white; border: 1px solid rgba(171, 171, 171, 0.4); border-radius: 100px; width: fit-content; margin: 0 auto; font-family: InterButton; font-size: 14px; line-height: 20px; padding: 8px 16px;}
.customer-account-sidebar{width: 242px;}
.customer-account-sidebar .sidebar-nav-link{background: none; border: none; font-family: InterLight; font-size: 14px; line-height: 20px;}
.customer-account-sidebar .sidebar-nav-link.active{background: rgba(24, 24, 27, 1); color: white;}
.btn.btn-primary.account-info-submit{transition: 0.3s ease;}
.btn.btn-primary.account-info-submit:hover{box-shadow: 4px 6px 5px rgba(0, 0, 0, 0.2);}

#history #page #content, #module-stfeature-mywishlist #page #content, #my-account #page #content, #identity #page #content{border:none!important; padding: 0;}
#history #page .breadcrumb.hidden-sm-down .container, #module-stfeature-mywishlist #page .breadcrumb.hidden-sm-down .container, #my-account #page .breadcrumb.hidden-sm-down .container, #identity #page .breadcrumb.hidden-sm-down .container{padding: 0!important;}
#history #page .page-header h1, #module-stfeature-mywishlist #page .page-header h1, #my-account #page .page-header h1, #identity #page .page-header h1{margin-bottom: 40px;}
#history .col-xs-12.col-sm-4.col-md-3.customer-sidebar-col, #module-stfeature-mywishlist .col-xs-12.col-sm-4.col-md-3.customer-sidebar-col, #my-account .col-xs-12.col-sm-4.col-md-3.customer-sidebar-col, #identity .col-xs-12.col-sm-4.col-md-3.customer-sidebar-col{width: fit-content; margin-right: 20px;}
#history #page #breadcrumb_wrapper, #module-stfeature-mywishlist #page #breadcrumb_wrapper, #my-account #page #breadcrumb_wrapper, #identity #page #breadcrumb_wrapper{display: none;}

.table-order-info, .table-order-info p, .table-order-info h3{margin: 0;}
.table-order-info h3, .table-order-info p{margin-top: 8px;}
.facet-label.account-info-switch .custom-checkbox{top: -1px;}
#cdek_pvz_info_title{color: black;}
.cdek_city_search .cdek_view_toggle{border: 1px solid rgba(171, 171, 171, 1); border-radius: 24px; display: flex; gap: 4px; padding: 4px;}
.cdek_toggle.select-map-point{}
.cdek_toggle.select-list-point{}
.cdek_toggle svg{width: 14px; height: 14px;}
.cdek_toggle.active path {stroke: white;}
.cdek_view_toggle .cdek_toggle {border-radius: 24px; padding: 9px 12px; border: none; background: none; color: initial;}
.cdek_toggle.active{background: black;}
.cdek_view_toggle .cdek_toggle:hover{background: rgba(171, 171, 171, 1)}
.cdek_city_search .cdek-city_search_wrapper{width: 100%;}
.cdek_pvz_list{background: none; padding: 16px 20px; border: 1px solid rgba(171, 171, 171, 0.4);}
#cdek_city_input{border-radius: 24px;}
#js-delivery .tc-dropdown-selected{border-radius: 24px;}
.cdek_pvz_item_body::before{background: url('/images/cdek-point-pin-map.svg'); display: block; background-color: black; width: 36px; height: 36px; border-radius: 100px; content: ''; background-size: 18px; background-position: center; background-repeat: no-repeat;}
.cdek_list_container .cdek_pvz_item_body{display: flex; align-items: center; gap: 16px;}
.cdek_list_container .cdek_list_view{border:none; border-bottom: 1px solid #e8e8e8}
.cdek_pvz_list_item.active{border-left: none; background: rgba(171, 171, 171, 0.4)}
.cdek_pvz_list_item:hover{background: rgba(171, 171, 171, 0.4)}
.table-orders_list .table-orders_order-info{box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.1);position: relative;background: rgba(171, 171, 171, 0.1); border-radius: 24px; padding: 16px;}
.table-orders .table-orders_list{display:flex; flex-direction: column; gap: 24px;}
.table-order-info.id{width: fit-content; font-family: InterRegular; font-size: 20px;}
.table-order-info{display: flex; gap: 8px; flex-wrap: wrap; align-items: center; width: fit-content;}
.table-order-info.images-status_wrapper{align-items: initial;position: absolute; right: 16px; top: 16px; display: flex; gap: 24px;}
.table-order-info.product-images img{width: 80px; height: 80px;}
.table-order-info h3{font-family: InterButton; font-size: 14px; line-height: 20px}
.table-order-info p{font-family: InterLight; font-size: 16px; line-height: 100%;}
.table-order-info.order-status{height: fit-content; padding: 6px; font-size: 16px; font-family: InterLight; border-radius: 100px; align-items: initial;}
.order-list_get_questions p{font-family: InterLight; font-size: 16px; line-height: 100%; margin: 0;}
.order-list_get_questions a{border-radius: 100px; font-size: 14px; font-family: InterButton; line-height: 20px; border-radius: 100px; padding: 8px 16px; background: white; color: rgba(24, 24, 27, 1); border: 1px solid rgba(171, 171, 171, 0.4);}
.order-list_get_questions{display: flex;   align-items: center;   gap: 12px;   margin: 0 auto;   width: fit-content; margin-top: 16px;}
.block-promo .promo-code .alert-danger{margin-bottom: 12px!important;}
#_top_main_menu{position: initial;}
.popover.sub-menu.js-sub-menu.collapse{width: 100%; border: none!important; box-shadow: none; top: 74px!important}
.dropdown-item.dropdown-submenu{display: none !important;}
.collapse .top-menu{display: grid; grid-template-columns: repeat(4, 1fr); gap: 32px;}
#_top_main_menu .top-menu .sub-menu.collapse{justify-content: start; padding: 24px 0;}
.add-to-cart-or-refresh .btn.btn-primary.add-to-cart{color: black!important}
.checkout.cart-detailed-actions.js-cart-detailed-actions.card-block{margin-top:8px;}
.js-product-container .product-description{white-space: break-spaces;}
.product-credit_offers{float:left; height:fit-content; display:flex; margin-top: 12px; width: 100%;}
#product-credit-offer_dolyame{width: 50%; width: fit-content;}
#product-credit-offer_ya-split{width: 50%;}
#cms #content tbody tr td{width: 50%;}
#cms #main .page-content{border: none;}

.delivery_page_info-wrapper{display:flex;flex-direction:column;gap:24px;}
.delivery_page_info-wrapper span, .delivery_page_info-wrapper p{margin: 0;font-family: InterLight; font-size: 16px; line-height: 100%;}
.delivery_page_info-wrapper h4{margin: 0; margin-bottom: 10px;font-family: InterRegular; font-size: 20px; line-height: 28px;}

#module-pion585promo-promo #main .page-content{border: none; padding: 0;}
.promo-grid{grid-template-columns: repeat(3, 1fr);   gap: 20px;}
.promo-card__img{max-height: 230px; object-fit: fill; border-radius: 24px;}
.promo-grid .promo-card{background: none; box-shadow: none;}

.promo-card__body{padding: 0;margin-top: 12px;}
.promo-card__body .promo-card__title{margin-bottom: 12px; font-family: InterRegular; font-size: 20px; line-height: 28px;}
.promo-card__body .promo-card__text{margin: 0; font-family: InterLight; font-size: 16px; line-height: 100%; color: rgba(61, 61, 61, 1);}
.promo-card__text ul li{list-style:"-"}
@media(min-width:1920px) {
 #category .columns.container{padding: 0}
 #category .breadcrumb .container{padding: 0}
 #module-pion585promo-promo .breadcrumb.hidden-sm-down .container{padding: 0;}
}
.products article.item:hover .product-bottom .add-to-cart, .products article.product_item:hover .product-bottom .add-to-cart.in-cart {   color: black!important; }
.cart-selection.js-cart-selection{margin-left: 16px;}
.cart-selection-checkbox.cart-selection-item{margin: 16px 0 0 16px;}
.product-line-grid-body.col-md-5.col-xs-8{padding-left: 32px;}
#tc_order_comment{border-radius: 24px; font-size: 14px; padding: 20px;}
.checkout.cart-detailed-actions.js-cart-detailed-actions.card-block .btn{color:white!important}
.checkout.cart-detailed-actions.js-cart-detailed-actions.card-block .btn:hover{color:#FFBA17 !important}


.tc-pay-switch .tc-pay-type__desc{display:none;}
.tc-pay-switch .tc-pay-type.is-active{box-shadow:initial!important; border-color: #e0e0e0!important;} 
.tc-pay-switch .tc-pay-type.is-active .tc-pay-type__radio{border-color: #c4c4c4!important;} 
.block-header.payment-method-header, .block-header.shipping-method-header, .block-header.address-name-header{padding: 0; margin-bottom: 24px;}
.tc-order-comment-wrap label{margin-bottom: 12px; font-size: 14px; line-height: 20px; font-family: InterButton;} 
.tc-pay-type:nth-child(1)::after{content: ""; background-image: url('/img/ico/payment_type_ico_card.svg'); width: 24px; height: 24px; margin-left: auto; display: block;}
.tc-pay-type:nth-child(2)::after{content: ""; background-image: url('/img/ico/payment_type_ico_dolyame.svg'); width: 98px; height: 14px; margin-left: auto; display: block;}
.tc-pay-type:nth-child(3)::after{content: ""; background-image: url('/img/ico/payment_type_ico_split.svg'); width: 74px; height: 20px; margin-left: auto; display: block;}
.checkout-block .cart-detailed-totals{position: initial!important; width: 100%!important;;}
#thecheckout-confirm .inner-area {padding: 0px !important;}
.blocks .tc-block-placeholder.thecheckout-order-message{display:none;}
.flex-split-horizontal.checkout-area-6{flex-basis: initial; width: fit-content;}
.blocks.checkout-area-8, .blocks checkout-area-7{flex-basis: initial!important; min-width: initial!important; width: 100%!important}
#js-delivery .tc-delivery-choice-wrap{margin-bottom: 8px;}

.tc-dropdown .tc-dropdown-selected-sub{padding: 0!important;}
#js-delivery .tc-order-comment-wrap label {margin-bottom: 12px; font-family: InterButton; font-size: 14px;}
.tc-confirm-totals .cart-summary-line .label{font-size: 16px!important; font-weight: initial;}
.checkout-block .cart-detailed-totals .card-block {padding: 0;}
.tc-confirm-totals .cart-summary-line .value{font-weight: initial!important;}
.block-header.tc-totals-header{margin:0;padding:0;text-align:left;font-size:20px;}

#checkout #tc-container .form-group{overflow: visible; flex-basis: initial !important; width: 100%;margin:0;padding:0;}
#checkout #tc-container .form-group label{width: 100%;margin:0;padding:0;}
#checkout .tc-embedded-account-section .form-fields{padding:0;margin:0;}
#checkout section.form-fields{margin:0;padding:0;}
#checkout #thecheckout-address-delivery #delivery-address section.form-fields{display:flex;flex-direction:column;gap:12px;}
.page-content .form-control, .page-content select.form-control-select.form-control {font-size:14px!important}
#thecheckout-newsletter, #thecheckout-psgdpr, #thecheckout-data-privacy{display:none!important;}
.tc-pay-switch .tc-pay-type.is-active{background: initial;}
.tc-confirm-totals .card-block + .card-block {border:none!important;}
#conditions-to-approve ul{margin: 0;}
body#checkout .condition-label label{text-align:left;}
body#checkout .condition-label label {margin-top: 1px; text-align: left; font-size: 14px; font-family: InterLight; line-height: 16px;letter-spacing: 0px;}
.tc-pay-switch .tc-pay-type.is-active{background:none!important;}
.tc-order-comment-wrap #tc_order_comment{border-radius: 24px!important; resize: none!important; padding: 20px!important;}
#checkout #breadcrumb_wrapper_inner{display:none!important;}
#checkout #content-wrapper #main #content{padding:0!important;border:none!important;}
.cart-summary-line.cart-total.cart-total-auto-tax .label{font-size: 20px !important;}
#conditions-to-approve #js-terms{font-family: InterRegular; font-size: 14px; line-height: 16px;}
body#checkout #conditions-to-approve .condition-label a{text-decoration: initial; font-weight: initial;}


@media(min-width: 1440px) and (max-width: 1919px) {
    #module-pion585promo-promo .breadcrumb.hidden-sm-down .container{padding: 0;}
#header{max-width: 1360px; margin: 0 auto; display: block; position: initial; float: initial;}
.header-nav, .header-top{width: 1360px !important;}
#header .header-top .menu{margin: initial;}
.tp-banner-container{width: 1360px; margin: 0 auto;}
.cpcategorylist #cpcategorylist.grid article{min-width: 26% !important;}
#cpcmsbanner2 .sub-container{max-width: 1360px; margin: 0 auto;}
#cpcmsbanner2 #cpcmsbanner2_block1 .cms_content{max-width: 1360px;}
.faq-image_block{min-width: 760px;}
.main_footer-content{gap: 20px;}
.pion-stores-block{width: 1360px;}
.categoryblock_onlymobile{display:none;}
.featured_products-only_mobile{display:none;}
 .ets-blog-list li {max-width: 32.3% !important;}
 #category .columns.container{padding: 0}
#category .breadcrumb .container{padding: 0}
#product .breadcrumb .container{padding: 0;}
#product .row.product-page.product-container.js-product-container{margin: 0;}
#product .columns.container{padding: 0;}
.image-block_slider{width: 84px; height: 84px;}
.js-modal-mask.mask .thumb-container .thumb, .product-description img{width: 84px; height: 84px; aspect-ratio: auto 84 / 84; min-width: 84px;}
#stores #pion-stores-page-grid{grid-template-columns: repeat(3, 1fr)!important;}

}

@media(max-width: 1279px) {
    .block-header::before{display:none!important}
    #product-credit-offer_ya-split{width: 100%!important;}
    .flex-split-horizontal.checkout-area-4{display: flex; flex-wrap: wrap; flex-direction: column; flex-basis: initial;}
    .flex-split-horizontal.checkout-area-6{flex-direction:column;}
    #checkout #main #content #tc-container{padding: 0 20px; width: 100%;}
    .flex-split-horizontal.checkout-area-6{flex-basis:initial!important; width: 100%;}
    #conditions-to-approve .float-xs-left{height:fit-content;}
}
@media(max-width: 1279px) {
    #checkout #page #wrapper #main{padding: 0 20px}
    #tc-container-mobile {display: flex!important;   flex-direction: column!important;   gap: 20px!important; }
    .pr_feature-list{flex-wrap: wrap; gap: 6px; justify-content: space-between;}
    
}
.size_info-wrapper .size_info{display:none!important;}
@media(min-width: 1280px) and (max-width: 1439px) {
    #module-pion585promo-promo .breadcrumb.hidden-sm-down .container{max-width: 1200px; margin: 0 auto; padding: 0;}
#header{max-width: 1200px; margin: 0 auto; display: block; position: initial; float: initial;}
.header-nav, .header-top{width: 1200px !important;}
#header .header-top .menu{margin: initial;}
.tp-banner-container{width: 1200px; margin: 0 auto;}
.cpcategorylist #cpcategorylist.grid article{min-width: 26% !important;}
#cpcmsbanner2 .sub-container{max-width: 1200px; margin: 0 auto;}
#cpcmsbanner2 #cpcmsbanner2_block1 .cms_content{max-width: 1200px;}
.faq-image_block{min-width: 760px;}
.main_footer-content{gap: 20px;}
.header-top .search-widget{display:initial!important}
#search_block_top{display:none!important}
.pion-stores-block{width: 1200px;}
.faq-image_block{width: 50% !important; max-width: initial; min-width: 50%;}
#pionSliderPrev{left: -28px;}
#pionSliderNext{right: -28px;}
#pionSliderNext, #pionSliderPrev{background: none !important;border: none !important;color: black !important;}
.categoryblock_onlymobile{display:none;}
.featured_products-only_mobile{display:none;}
 .ets-blog-list li {max-width: 32.2% !important;}
.breadcrumb.hidden-sm-down .container{max-width: 100%; padding: 0 20px;}
#category .breadcrumb.hidden-sm-down .container{padding: 0;}
#category .breadcrumb.hidden-sm-down{max-width: 1200px; margin: 0 auto;}
#category .columns.container{padding: 0;}
.col-md-6.hidden-md-down.total-products{display:none!important;}
#product .columns.container{padding: 0;}
#product .breadcrumb.hidden-sm-down{max-width: 1200px; margin: 0 auto; float: initial; padding: 0;}
.row.product-page.product-container.js-product-container{margin: 0!important;}
#product .breadcrumb.hidden-sm-down .container{padding: 0;}
#cms #breadcrumb_wrapper{padding: 0 40px!important}
.container.aboutcompany.extrablock_copy{padding: 0!important}
#cms .service-cms-banner-list{min-width: 24%; max-width: 25%;}
#stores #pion-stores-page-grid{grid-template-columns: repeat(3, 1fr)!important;}
#stores .breadcrumb{padding: 0 40px!important}
.cart-empty_cart{display: flex;flex-direction: column;align-items: center;padding: 96px 0; gap: 24px;}
#pagenotfound #content{padding: 20px 0;}
.row.customer-account-layout{display:flex;margin:0;}
.col-xs-12.col-sm-4.col-md-3.customer-sidebar-col{padding: 0;}
.account-identity-info .account-identity-form{max-width: initial;}
}



@media(min-width: 1279px) {
    .head-account_info p, .mobile_under_text{display: none;}
}




@media(min-width: 768px) and (max-width: 1279px) {

    #module-pion585promo-promo #wrapper{padding: 0 20px;}
    .promo-grid{grid-template-columns: repeat(2, 1fr);}
    .product-feature_listed #product-details h5{font-size: 12px;}
    .products-selection .filter-button{display: initial!important}
#header{max-width: 728px; margin: 0 auto; display: block; position: initial; float: initial;}
.header-nav, .header-top{width: 728px !important;}
#header .header-top .menu{margin: initial;}
.tp-banner-container{width: 728px; margin: 0 auto;}
.cpcategorylist #cpcategorylist.grid article{min-width: 26% !important;}
#cpcmsbanner2 .sub-container{max-width: 728px; margin: 0 auto;}
#cpcmsbanner2 #cpcmsbanner2_block1 .cms_content{max-width: 728px;}
.faq-image_block{min-width: 760px;}
.main_footer-content{gap: 20px;}
.header-top .search-widget{display:initial!important}
#search_block_top{display:none!important}
.pion-stores-block{width: 728px;}
.faq-image_block{width: 50% !important; max-width: initial; min-width: 50%;}
#pionSliderPrev{left: -28px;}
#pionSliderNext{right: -28px;}
#pionSliderNext, #pionSliderPrev{background: none !important;border: none !important;color: black !important;}
.header-div .header-center, .header-div .header-right{display: none!important;}
#header .header-announcement-bar, #header .header-nav{display: none;}
.header-div .header-left{display: flex!important}
#header{height: 80px;}
#wrapper-top{margin-top: 20px;}
.cpcategorylist{margin: 64px 0;}
#cpcategorylist .products img{min-height: 226px; object-fit: cover; border-radius: 20px;}
.owl-wrapper-outer .owl-wrapper{height: auto!important; overflow: hidden!important;}
#cpserviceblock{margin: 64px 0;}
#cpcmsbanner2_block1 .lazyloaded{height: 400px; object-fit: cover; object-position: center;}
.pion-stores-mobile__footer{order: 0; text-align: right;}
.pion-store-card{order: 1;}
.pion-stores-all-link svg{width: fit-content; height: fit-content;}
.cpcategory-title-wrapper h2{font-size: 20px;}
#cpcategorylist .cat-img img{min-height: 226px; object-fit: cover; border-radius: 20px;}
.categoryblock_onlymobile{display:initial!important;}
.cpcategory-title-wrapper a{display:none!important}
#cpcategorylist{margin-bottom: 24px!important;}
.categoryblock_onlymobile a{font-size: 16px; font-family: InterLight; line-height: 100%;}
.cpcategory-title-wrapper span{margin-bottom: 24px;}
.products-section-title a{display:none;}
.products-section-title h2.title{font-size: 20px!important;}
.featured_products-only_mobile{display:initial; text-align: center; margin-top: 24px;}
.products-section-title{margin-bottom: 24px;}
.featured_products-only_mobile a{font-family: InterLight; font-size: 16px; line-height: 100%;}
.service-cms-banner-list{height: 210px!important;}
.products-section-title{margin-bottom: 24px!important; font-size: 20px!important;}
#cpcmsbanner2_block1 .cms_content img{border-radius: 24px!important;}
#featured-products .container{margin-bottom: 24px;}
#newproducts .container{margin-bottom: 24px;}
.newproducts-only_mobile{max-width: 728px; margin: 0 auto;margin-top: 24px;display: block; font-size: 16px; font-family: InterLight; text-align: left;}
.pion-stores-mobile__footer{order: 1!important;}
.faq-section__title{margin-bottom: 24px;}
.faq-image_block{display:none;}
.products-section-title{flex-direction: column; text-align: left; align-items: flex-start;}
.main_footer-content{display: flex; flex-wrap: wrap; gap: 55px 20px;}
.footer_block-wrapper{min-width: 40%;}
.under-footer_block{justify-content: initial; flex-direction: column; gap: 24px;}
.under-footer_block p{text-align: left;}
.under_footer-policy{text-align: left; text-wrap: nowrap; width: 100%;}
.under_footer-policy a{font-family: InterRegular; font-size: 12px; line-height: 16px;}
.header-center{display: none;}
.header-div .sub-container .header-right{display:flex!important;bottom: 0; position: fixed; z-index: 100; background: rgba(255, 255, 255, 1); border: 1px solid rgba(228, 228, 231, 1); width: 100%; left: 0; flex-direction: initial!important; align-items: center!important; justify-content: space-between!important; padding: 0 20px;}
.header-center{display: none;}
.button_go_to_lombard_btn{display:none;}
.cart_block.block.exclusive{display:none}
.cart-products-counthome.hidden-lg-up{display:none;}
.header-right{height: 69px;}
jdiv{margin-bottom: 64px!important;}
.mobile_under_button.header-homepage{order:0}
.mobile_under_button.header-catalog{order:1}
#_desktop_cart{order:2}
.head-wishlist{order:3}
.head-account_info{order:4}
.mobile_homepage-ico{background-image: url('/images/mobile_header_bottom-homepage.svg')!important;width: 24px; height: 24px;display:block;}
.mobile_catalog-ico{background-image: url('/images/mobile_header_bottom-catalog.svg')!important;width: 24px; height: 24px;display:block;}
#_desktop_cart .carthome{background-image: url('/images/mobile_header_bottom-cart.svg')!important;}
.ap-btn-wishlist{background-image: url('/images/mobile_header_bottom-wishlist.svg')!important;}
.mobile_under_button{display:initial}
.bottom_header-mobile_text{display:initial;}
.mobile_under_button p, .bottom_header-mobile_text, .mobile_under_text, .head-account_info p{margin-bottom: 0; font-family: InterButton; font-size: 12px; line-height: 15px; margin-top: 4px;}
.mobile_under_button, #_desktop_cart, .head-account_info{align-items: center;   display: flex;   flex-direction: column;}
#_desktop_cart{margin: 0; display: flex; flex-direction: column;}
.ap-btn-wishlist{float: initial; width: 24px; height: 24px; display: block;}
.head_wishlist-btn_wrapper{margin: 0 auto; position: relative;}
.ap-btn-wishlist{float: initial;}
.head-wishlist{display: flex; flex-direction: column; align-items: center;}
.head-account_info{height: fit-content; width: fit-content; background-image: initial!important;}
.header-account_info{background-image: url('/images/mobile_header_bottom-profile.svg')!important; width: 24px; height: 24px;}
#_desktop_cart::hover p, .head-wishlist::hover p{color: #FFBA17 !important}
#cpfootercms1{padding-bottom: 84px;}
.product-miniature.js-product-miniature .product-price-and-shipping{align-items: initial; height: initial; flex-wrap: wrap;}
.add-to-cart-or-refresh .btn.btn-primary.add-to-cart{font-size: 14px;   background: none;   margin: 0; width: 100% !important;   font-family: InterButton;   line-height: 20px;   border: 1px solid rgba(171, 171, 171, 0.4);   border-radius: 100px;   margin-top: 12px;}
.bottom-add_to_cart{position: initial;}
.add-to-cart-or-refresh .btn.btn-primary.add-to-cart::after{display:none;}
.products article.item:hover .product-bottom .add-to-cart{color: rgba(24, 24, 27, 1)}

#page #header{max-width: 100%; padding: 0 20px; padding-top: 8px; width: 100%;}
.header-top{width:100%!important}
.tp-banner-container{margin: 0 auto; width: 100%; padding: 0 20px;}
.tp-banner .slides{border-radius: 20px;}
.cpcategory-container.container{max-width: initial; padding: 0 20px;}
#featured-products .container{max-width: initial; padding: 0 20px;}
#cpserviceblock .container{max-width: initial; padding: 0 20px;}
.newproducts.clearfix .container{max-width: initial; padding: 0 20px;}
#cpcmsbanner2 .sub-container{max-width: initial;}
#cpcmsbanner2 #cpcmsbanner2_block1 .cms_content{max-width: initial; padding: 0 20px; width: fit-content !important;}
.pion-stores-block{padding: 48px 20px; width: fit-content; max-width: fit-content;}
.faq-section{max-width: initial; padding: 0 20px;}
.faq-accordion{max-width: initial;}
.homepage-latest-blog{padding: 0 20px; max-width: initial;}
.pion-stores-block{padding: 48px 20px!important;}

.products .product-miniature{padding: 8px!important;}
.product-bottom .product-price-and-shipping{margin: 0!important;}

.faq-section .container {max-width: initial;}
.homepage-latest-blog .container{max-width: initial;}
.footer-middle .container{max-width: initial; padding: 0 20px;}
.newproducts-only_mobile{max-width: initial!important; padding: 0 20px;}
.pion-stores-block{display:flex!important;padding:0 20px;}
.breadcrumb.hidden-sm-down{margin-top: 12px;}
.ets-blog-list.row.blog-main-page{margin: 0;}
.ets-blog-list li{max-width: 48.5% !important;}



#js-product-list-top{background:none!important;position: fixed; bottom: 69px; z-index: 101; left: 50%; transform: translate(-50%, -50%); width: fit-content; padding: 0; display: flex!important;}
.col-md-6.product_sort{display: none!important;}
#search_filter_toggler::after{     width: 16px;     height: 16px;     background-image: url('/images/filter_ico.svg');     display: block;     background-size: 100%;     content: "";     background-repeat: no-repeat;     position: relative;     bottom: -1px;   }
#search_filter_toggler{display:flex!important;font-family: InterButton;   font-size: 14px;   line-height: 0px;   align-items: center;   gap: 6px;   background: rgba(24, 24, 27, 1);   border-radius: 100px; }
.bottom-addtocart{width:100%!important; height:fit-content!important}
#js-product-list-top:has(.slider.active) {position: relative;bottom: initial;left: initial;transform: initial;}
#search_filters_wrapper {display: none;}

.product-page .col-md-5, .product-page .col-md-7{width: fit-content !important; position: initial !important; margin: 0 auto;}
.row.product-page.product-container.js-product-container{margin: 0; flex-direction: column;}
.row.product-page.product-container.js-product-container .image-block_slider{display:none;}
.col-md-7 .product-prices.js-product-prices .current-price-value{font-size: 32px}
.head-wishlist .mobile_under_text{margin-top: 0!important;}


.alternative-auth-buttons{flex-direction: column;}
.alternative-auth-buttons div{width: 100%;}
#phone-step{flex-direction: column; width: 100%;}
#sms-form-tel{width: 100%;}
#cms .breadcrumb.hidden-sm-down{padding: 0 20px;}
#cms #content-wrapper{padding: 0 20px!important;}
#stores #pion-stores-page-grid{grid-template-columns: repeat(2, 1fr)!important;}
#stores .breadcrumb{padding: 0 20px!important}
#stores #content-wrapper{padding: 0 20px!important}
.cart-empty_cart{display: flex;flex-direction: column;align-items: center;padding: 48px 0; gap: 24px;}
#cart #columns_inner .cart-grid.row{flex-direction: column;gap: 10px;}
.cart-grid-right.col-xs-12.col-lg-4, .cart-grid-body.col-xs-12.col-lg-8{width: 100%;}
#cart #columns_inner .cart-grid.row{margin: 0;}
#cart #main{padding: 0 20px;}
#cart #main h1{margin: 10px 0px 20px 0; font-size: 20px;}
.col-md-2.col-xs-4{width: 80px; height: 80px;}
#pagenotfound #content{padding: 20px 0;}
#pagenotfound #wrapper{padding: 0 20px;}
.col-xs-12.col-sm-8.col-md-9.customer-content-col{width: 100%;}

.table-order-info.order-status{position: absolute; right: 0;}
.page-customer-account #page #wrapper{padding: 0 20px;}
.customer-account-sidebar{margin-bottom: 24px;}
.col-xs-12.col-sm-8.col-md-9.customer-content-col{padding: 0 10px;}
.table-order-info.images-status_wrapper{position: initial;}
.table-order-info.order-status{top: 16px; right: 16px;}
.table-order-info.product-images{margin-top: 16px;}
#category #page .columns.container #left-column{display:none!important}
#category #page .columns.container, #product #page .columns.container{padding: 0 20px!important}
#product-credit-offer_dolyame{width: 100%;}
#product-credit-offer_ya-split{width: 100%; margin: 12px 0;}

}

@media(min-width: 480px) and (max-width: 767px) {
        .promo-grid{grid-template-columns: repeat(1, 1fr);}
        .product-feature_listed #product-details h5{font-size: 12px;}
    #module-pion585promo-promo #wrapper{padding: 0 20px;}

#header{max-width: 440px; margin: 0 auto; display: block; position: initial; float: initial;}
.header-nav, .header-top{width: 440px !important;}
#header .header-top .menu{margin: initial;}
.tp-banner-container{width: 440px; margin: 0 auto;}
.cpcategorylist #cpcategorylist.grid article{width: 100%; min-width: 100% !important;}
#cpcmsbanner2 .sub-container{max-width: 440px; margin: 0 auto;}
#cpcmsbanner2 #cpcmsbanner2_block1 .cms_content{max-width: 440px;}
.faq-image_block{min-width: 760px;}
.main_footer-content{gap: 20px;}
.header-top .search-widget{display:initial!important}
#search_block_top{display:none!important}
.pion-stores-block{width: 440px;}
.faq-image_block{width: 50% !important; max-width: initial; min-width: 50%;}
#pionSliderPrev{left: -28px;}
#pionSliderNext{right: -28px;}
#pionSliderNext, #pionSliderPrev{background: none !important;border: none !important;color: black !important;}
.header-div .header-center, .header-div .header-right{display: none!important;}
#header .header-announcement-bar, #header .header-nav{display: none;}
.header-div .header-left{display: flex!important}
#header{height: 80px;}
#wrapper-top{margin-top: 20px;}
.cpcategorylist{margin: 64px 0;}
#cpcategorylist .products img{min-height: 226px; object-fit: cover; border-radius: 20px;}
.owl-wrapper-outer .owl-wrapper{height: auto!important; overflow: hidden!important;}
#cpserviceblock{margin: 64px 0;}
#cpcmsbanner2_block1 .lazyloaded{height: 400px; object-fit: cover; object-position: center;}
.pion-stores-mobile__footer{order: 0; text-align: right;}
.pion-store-card{order: 1;}
.pion-stores-all-link svg{width: fit-content; height: fit-content;}
.cpcategory-title-wrapper h2{font-size: 20px;}
#cpcategorylist .cat-img img{min-height: 226px; object-fit: cover; border-radius: 20px;}
.categoryblock_onlymobile{display:initial!important;}
.cpcategory-title-wrapper a{display:none!important}
#cpcategorylist{margin-bottom: 24px!important;}
.categoryblock_onlymobile a{font-size: 16px; font-family: InterLight; line-height: 100%;}
.cpcategory-title-wrapper span{margin-bottom: 24px;}
.products-section-title a{display:none;}
.products-section-title h2.title{font-size: 20px!important;}
.featured_products-only_mobile{display:initial; text-align: center; margin-top: 24px;}
.products-section-title{margin-bottom: 24px;}
.featured_products-only_mobile a{font-family: InterLight; font-size: 16px; line-height: 100%;}
.service-cms-banner-list{height: 210px!important;}
.products-section-title{margin-bottom: 24px!important; font-size: 20px!important;}
#cpcmsbanner2_block1 .cms_content img{border-radius: 24px!important;}
#featured-products .container{margin-bottom: 24px;}
#newproducts .container{margin-bottom: 24px;}
.newproducts-only_mobile{max-width: 440px; margin: 0 auto;margin-top: 24px;display: block; font-size: 16px; font-family: InterLight; text-align: left;}
.pion-stores-mobile__footer{order: 1!important;}
.faq-section__title{margin-bottom: 24px;}
.faq-image_block{display:none;}
.products-section-title{flex-direction: column; text-align: left; align-items: flex-start;}
.main_footer-content{display: flex; flex-wrap: wrap; gap: 55px 20px;}
.footer_block-wrapper{min-width: 40%;}
.under-footer_block{justify-content: initial; flex-direction: column; gap: 24px;}
.under-footer_block p{text-align: left;}
.under_footer-policy{text-align: left; text-wrap: nowrap; width: 100%;}
.under_footer-policy a{font-family: InterRegular; font-size: 12px; line-height: 16px;}
.header-center{display: none;}
.header-div .sub-container .header-right{display:flex!important;bottom: 0; position: fixed; z-index: 100; background: rgba(255, 255, 255, 1); border: 1px solid rgba(228, 228, 231, 1); width: 100%; left: 0; flex-direction: initial!important; align-items: center!important; justify-content: space-between!important; padding: 0 20px;}
.header-center{display: none;}
.button_go_to_lombard_btn{display:none;}
.cart_block.block.exclusive{display:none}
.cart-products-counthome.hidden-lg-up{display:none;}
.header-right{height: 69px;}
jdiv{margin-bottom: 64px!important;}
.mobile_under_button.header-homepage{order:0}
.mobile_under_button.header-catalog{order:1}
#_desktop_cart{order:2}
.head-wishlist{order:3}
.head-account_info{order:4}
.mobile_homepage-ico{background-image: url('/images/mobile_header_bottom-homepage.svg')!important;width: 24px; height: 24px;display:block;}
.mobile_catalog-ico{background-image: url('/images/mobile_header_bottom-catalog.svg')!important;width: 24px; height: 24px;display:block;}
#_desktop_cart .carthome{background-image: url('/images/mobile_header_bottom-cart.svg')!important;}
.ap-btn-wishlist{background-image: url('/images/mobile_header_bottom-wishlist.svg')!important;}
.mobile_under_button{display:initial}
.bottom_header-mobile_text{display:initial;}
.mobile_under_button p, .bottom_header-mobile_text, .mobile_under_text, .head-account_info p{margin-bottom: 0; font-family: InterButton; font-size: 12px; line-height: 15px; margin-top: 4px;}
.mobile_under_button, #_desktop_cart, .head-account_info{align-items: center;   display: flex;   flex-direction: column;}
#_desktop_cart{margin: 0; display: flex; flex-direction: column;}
.ap-btn-wishlist{float: initial; width: 24px; height: 24px; display: block;}
.head_wishlist-btn_wrapper{margin: 0 auto; position: relative;}
.ap-btn-wishlist{float: initial;}
.head-wishlist{display: flex; flex-direction: column; align-items: center;}
.head-account_info{height: fit-content; width: fit-content; background-image: initial!important;}
.header-account_info{background-image: url('/images/mobile_header_bottom-profile.svg')!important; width: 24px; height: 24px;}
#_desktop_cart::hover p, .head-wishlist::hover p{color: #FFBA17 !important}
#cpfootercms1{padding-bottom: 84px;}
.products-section-title h2.title{padding: 0;}
#products .product-title a, .products .product-title a, .product-accessories .product-title a{min-height: 3.2em!important}
.service-cms-banner-list.service-1{height: fit-content!important}
.service_block_inner{padding: 0; padding-block-end: 0;}
#cpcmsbanner2_block1 .offer-text1{display:initial!important}
#cpcmsbanner2_block1 .cms-block{left: 20px; top: 18px;}
.head-wishlist{display: flex!important;}
#cpserviceblock .container{align-items:center;}
#cpcmsbanner2_block1 .cms-block{top: 18px; left: 20px;}
#cpcmsbanner2_block1 .cms-block .offer-button{margin-bottom: 40px;}
.header-right{gap: initial; justify-content: space-between!important; padding: 0 15px;}
.product-miniature.js-product-miniature .product-price-and-shipping{align-items: initial; height: initial; flex-wrap: wrap;}
.add-to-cart-or-refresh .btn.btn-primary.add-to-cart{font-size: 14px;   background: none;   margin: 0; width: 100% !important;   font-family: InterButton;   line-height: 20px;   border: 1px solid rgba(171, 171, 171, 0.4);   border-radius: 100px;   margin-top: 12px;}
.bottom-add_to_cart{position: initial;}
.add-to-cart-or-refresh .btn.btn-primary.add-to-cart::after{display:none;}
.products article.item:hover .product-bottom .add-to-cart{color: rgba(24, 24, 27, 1)}
#page #header{max-width: 100%; padding: 0 20px;}
.header-top{margin: 0 auto;width: 100% !important;}
.tp-banner-container{width: 100%; padding: 0 20px;}
.cpcategory-container.container{width: 100%; padding: 0 20px; max-width: initial;}
#featured-products.container{max-width: initial; padding: 0 20px;}
#cpserviceblock.container{max-width: initial; padding: 0 20px;}
#newproducts.container{max-width: initial; padding: 0 20px;}
#cpcmsbanner2 .sub-container{max-width: initial; padding: 0 20px;}
#cpcmsbanner2 #cpcmsbanner2_block1 .cms_content{max-width: 100%;}
.newproducts-only_mobile{max-width: initial; padding: 0 20px;}
.pion-stores-block{width: 100%; max-width: 100%; padding: 48px 20px;}
.pion-stores-mobile{flex-direction: column; gap: 24px;}
.faq-section .container{max-width: 100%; padding: 0 20px;}
.homepage-latest-blog .container{max-width: 100%; padding: 0 20px;}
.footer-middle .container{max-width: 100%; padding: 0 20px;}
.footer-after.bottom-to-top .container{max-width: 100%; padding: 0 20px;}
.under_footer-policy{flex-wrap: wrap;}
.under_footer-policy a:first-child{width: 100%;}
.service-cms-banner-list{max-width: 330px !important; height: initial !important; min-height: 210px !important;}

.product-description .product-brand{font-size: 8px;}
.product-description .h3.product-title{font-size: 14px;}
#products .product-title, .products .product-title, .product-accessories .product-title{margin: 0;}

.products .product-miniature{padding: 8px!important;}
.product-bottom .product-price-and-shipping{margin: 0!important;}
.pion-stores-block{display:flex!important;padding:0 20px;}
#featured-products .container, #cpserviceblock .container, .newproducts.clearfix .container{max-width: initial!important; padding: 0 20px!important}
#cpserviceblock .container{display: flex !important; flex-direction: column!important;}
.pion-stores-block{padding: 48px 20px!important;}
.ets-blog-list li{max-width: 100% !important;}
.ets-page-home .ets-blog-list{margin: 0;}

#js-product-list-top{background:none!important;position: fixed; bottom: 69px; z-index: 101; left: 50%; transform: translate(-50%, -50%); width: fit-content; padding: 0; display: flex!important;}
.col-md-6.product_sort{display: none!important;}
#search_filter_toggler::after{     width: 16px;     height: 16px;     background-image: url('/images/filter_ico.svg');     display: block;     background-size: 100%;     content: "";     background-repeat: no-repeat;     position: relative;     bottom: -1px;   }
#search_filter_toggler{display:flex!important;font-family: InterButton;   font-size: 14px;   line-height: 0px;   align-items: center;   gap: 6px;   background: rgba(24, 24, 27, 1);   border-radius: 100px; }
.bottom-addtocart{width:100%!important; height:fit-content!important}
#js-product-list-top:has(.slider.active) {position: relative;bottom: initial;left: initial;transform: initial;}
#search_filters_wrapper {display: none;}


.product-page .col-md-5, .product-page .col-md-7{width: fit-content !important; position: initial !important; margin: 0 auto;}
.row.product-page.product-container.js-product-container{margin: 0; flex-direction: column;}
.row.product-page.product-container.js-product-container .image-block_slider{display:none;}
.js-qv-mask.mask.additional_grid{display:none!important}
#product .page-content .product-leftside{width: 100%!important}
.col-md-7 .product-prices.js-product-prices .current-price-value{font-size: 32px}
.digi-dolyame-product{display:none!important}
.ap-btn-wishlist{height:24px!important;}

.alternative-auth-buttons{flex-direction: column;}
.alternative-auth-buttons div{width: 100%;}
#phone-step{flex-direction: column; width: 100%;}
#sms-form-tel{width: 100%;}
.phoneauth-modal__dialog{margin: 20px 20px!important}

#cms .hidden-sm-down{display:initial!important; padding: 0 20px!important;}
#cms .breadcrumb.hidden-sm-down{padding:0!important;}
#cms #content-wrapper{padding: 0 20px!important;}
.container.aboutcompany.extrablock_copy{width: fit-content; margin: 0 auto; display: block;}
#stores #pion-stores-page-grid{grid-template-columns: repeat(1, 1fr)!important;}
#stores .hidden-sm-down{display:initial!important; padding: 0 20px!important;}
#stores .breadcrumb.hidden-sm-down{display:initial!important; padding:0!important;}
#stores #content-wrapper{padding: 0 20px!important}
#stores #content{padding:0!important}
.cart-empty_cart{display: flex;flex-direction: column;align-items: center;padding: 32px 0; gap: 24px;}

.cart-empty_cart{display: flex;flex-direction: column;align-items: center;padding: 48px 0; gap: 24px;}
#cart #columns_inner .cart-grid.row{flex-direction: column;gap: 10px;}
.cart-grid-right.col-xs-12.col-lg-4, .cart-grid-body.col-xs-12.col-lg-8{width: 100%;}
#cart #columns_inner .cart-grid.row{margin: 0;}
#cart #main{padding: 0 20px;}
#cart #main h1{margin: 10px 0px 20px 0; font-size: 20px;}
.col-md-2.col-xs-4{width: 80px; height: 80px;}
#pagenotfound #content{padding: 20px 0;}
#pagenotfound #wrapper{padding: 0 20px;}

.table-order-info.order-status{position: absolute; right: 0;}
.page-customer-account #page #wrapper{padding: 0 20px;}
.customer-account-sidebar{margin-bottom: 24px;}
.col-xs-12.col-sm-8.col-md-9.customer-content-col{padding: 0 10px;}
.table-order-info.images-status_wrapper{position: initial;}
.table-order-info.order-status{top: 16px; right: 16px;}
.table-order-info.product-images{margin-top: 16px;}
.col-xs-12.col-sm-8.col-md-9.customer-content-col{width: 100%;}
.table-order-info{flex-direction: column; align-items: start; gap: 4px;}
.table-order-info.product-images{flex-direction: initial;}
.table-order-info h3, .table-order-info p{margin: 0;}
.table-orders_list .table-orders_order-info{gap: 8px;   display: flex;   flex-direction: column;}
#category #page .columns.container #left-column{display:none!important}
#category #page .columns.container, #product #page .columns.container{padding: 0 20px!important}
}







#authentication .form-footer.text-xs-center.clearfix, #registration .form-footer.text-xs-center.clearfix{display:none;}
#authentication .login-form, #registration .login-form{display:none;}
#authentication #main #content, #registration #main #content{border:none;}
#authentication .no-account, #registration .no-account{display:none;}
.checkout-block .cart-detailed-totals{box-shadow:initial!important}
.zoomWrapper{z-index: 10!important}
@media(max-width: 479px) {
        #module-pion585promo-promo #wrapper{padding: 0 20px;}

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

        .product-feature_listed #product-details h5{font-size: 12px;}

.header-right{justify-content: space-between!important}
.ap-btn-wishlist{height:24px!important;}
#header{max-width: 335px; margin: 0 auto; display: block; position: initial; float: initial;}
.header-nav, .header-top{width: 335px !important;}
#header .header-top .menu{margin: initial;}
.tp-banner-container{width: 335px; margin: 0 auto;}
.cpcategorylist #cpcategorylist.grid article{width: 100%; min-width: 100% !important;}
#cpcmsbanner2 .sub-container{max-width: 335px; margin: 0 auto;}
#cpcmsbanner2 #cpcmsbanner2_block1 .cms_content{max-width: 335px;}
.faq-image_block{min-width: 760px;}
.main_footer-content{gap: 20px;}
.header-top .search-widget{display:initial!important}
#search_block_top{display:none!important}
.pion-stores-block{width: 335px;}
.faq-image_block{width: 50% !important; max-width: initial; min-width: 50%;}
#pionSliderPrev{left: -28px;}
#pionSliderNext{right: -28px;}
#pionSliderNext, #pionSliderPrev{background: none !important;border: none !important;color: black !important;}
.header-div .header-center, .header-div .header-right{display: none!important;}
#header .header-announcement-bar, #header .header-nav{display: none;}
.header-div .header-left{display: flex!important}
#header{height: 80px;}
#wrapper-top{margin-top: 20px;}
.cpcategorylist{margin: 64px 0;}
#cpcategorylist .products img{min-height: 226px; object-fit: cover; border-radius: 20px;}
.owl-wrapper-outer .owl-wrapper{height: auto!important; overflow: hidden!important;}
#cpserviceblock{margin: 64px 0;}
#cpcmsbanner2_block1 .lazyloaded{height: 400px; object-fit: cover; object-position: center;}
.pion-stores-mobile__footer{order: 0; text-align: right;}
.pion-store-card{order: 1;}
.pion-stores-all-link svg{width: fit-content; height: fit-content;}
.cpcategory-title-wrapper h2{font-size: 20px;}
#cpcategorylist .cat-img img{min-height: 226px; object-fit: cover; border-radius: 20px;}
.categoryblock_onlymobile{display:initial!important;}
.cpcategory-title-wrapper a{display:none!important}
#cpcategorylist{margin-bottom: 24px!important;}
.categoryblock_onlymobile a{font-size: 16px; font-family: InterLight; line-height: 100%;}
.cpcategory-title-wrapper span{margin-bottom: 24px;}
.products-section-title a{display:none;}
.products-section-title h2.title{font-size: 20px!important;}
.featured_products-only_mobile{display:initial; text-align: center; margin-top: 24px;}
.products-section-title{margin-bottom: 24px;}
.featured_products-only_mobile a{font-family: InterLight; font-size: 16px; line-height: 100%;}
.service-cms-banner-list{height: 210px!important;}
.products-section-title{margin-bottom: 24px!important; font-size: 20px!important;}
#cpcmsbanner2_block1 .cms_content img{border-radius: 24px!important;}
#featured-products .container{margin-bottom: 24px;}
#newproducts .container{margin-bottom: 24px;}
.newproducts-only_mobile{max-width: 335px; margin: 0 auto;margin-top: 24px;display: block; font-size: 16px; font-family: InterLight; text-align: left;}
.pion-stores-mobile__footer{order: 1!important;}
.faq-section__title{margin-bottom: 24px;}
.faq-image_block{display:none;}
.products-section-title{flex-direction: column; text-align: left; align-items: flex-start;}
.main_footer-content{display: flex; flex-wrap: wrap; gap: 55px 20px;}
.footer_block-wrapper{min-width: 40%;}
.under-footer_block{justify-content: initial; flex-direction: column; gap: 24px;}
.under-footer_block p{text-align: left;}
.under_footer-policy{text-align: left; text-wrap: nowrap; width: 100%;}
.under_footer-policy a{font-family: InterRegular; font-size: 12px; line-height: 16px;}
.header-center{display: none;}
.header-div .sub-container .header-right{display:flex!important;bottom: 0; position: fixed; z-index: 100; background: rgba(255, 255, 255, 1); border: 1px solid rgba(228, 228, 231, 1); width: 100%; left: 0; flex-direction: initial!important; align-items: center!important; justify-content: space-between!important; padding: 0 20px;}
.header-center{display: none;}
.button_go_to_lombard_btn{display:none;}
.cart_block.block.exclusive{display:none}
.cart-products-counthome.hidden-lg-up{display:none;}
.header-right{height: 69px;}
jdiv{margin-bottom: 64px!important;}
.mobile_under_button.header-homepage{order:0}
.mobile_under_button.header-catalog{order:1}
#_desktop_cart{order:2}
.head-wishlist{order:3}
.head-account_info{order:4}
.mobile_homepage-ico{background-image: url('/images/mobile_header_bottom-homepage.svg')!important;width: 24px; height: 24px;display:block;}
.mobile_catalog-ico{background-image: url('/images/mobile_header_bottom-catalog.svg')!important;width: 24px; height: 24px;display:block;}
#_desktop_cart .carthome{background-image: url('/images/mobile_header_bottom-cart.svg')!important;}
.ap-btn-wishlist{background-image: url('/images/mobile_header_bottom-wishlist.svg')!important;}
.mobile_under_button{display:initial}
.bottom_header-mobile_text{display:initial;}
.mobile_under_button p, .bottom_header-mobile_text, .mobile_under_text, .head-account_info p{margin-bottom: 0; font-family: InterButton; font-size: 12px; line-height: 15px; margin-top: 4px;}
.mobile_under_button, #_desktop_cart, .head-account_info{align-items: center;   display: flex;   flex-direction: column;}
#_desktop_cart{margin: 0; display: flex; flex-direction: column;}
.ap-btn-wishlist{float: initial; width: 24px; height: 24px; display: block;}
.head_wishlist-btn_wrapper{margin: 0 auto; position: relative;}
.ap-btn-wishlist{float: initial;}
.head-wishlist{display: flex; flex-direction: column; align-items: center;}
.head-account_info{height: fit-content; width: fit-content; background-image: initial!important;}
.header-account_info{background-image: url('/images/mobile_header_bottom-profile.svg')!important; width: 24px; height: 24px;}
#_desktop_cart::hover p, .head-wishlist::hover p{color: #FFBA17 !important}
#cpfootercms1{padding-bottom: 84px;}
.products-section-title h2.title{padding: 0;}
#products .product-title a, .products .product-title a, .product-accessories .product-title a{min-height: 3.9em!important}
.service-cms-banner-list.service-1{height: fit-content!important}
.service_block_inner{padding: 0; padding-block-end: 0;}
#cpcmsbanner2_block1 .offer-text1{display:initial!important}
#cpcmsbanner2_block1 .cms-block{left: 20px; top: 18px;}
.head-wishlist{display: flex!important;}
#cpserviceblock .container{align-items:center;}
#cpcmsbanner2_block1 .cms-block{top: 18px; left: 20px;}
#cpcmsbanner2_block1 .cms-block .offer-button{margin-bottom: 40px;}
.header-right{gap: initial; justify-content: space-between!important; padding: 0 15px;}
.product-miniature.js-product-miniature .product-price-and-shipping{align-items: initial; height: initial; flex-wrap: wrap;}
.add-to-cart-or-refresh .btn.btn-primary.add-to-cart{font-size: 14px;   background: none;   margin: 0; width: 100% !important;   font-family: InterButton;   line-height: 20px;   border: 1px solid rgba(171, 171, 171, 0.4);   border-radius: 100px;   margin-top: 12px;}
.bottom-add_to_cart{position: initial;}
.add-to-cart-or-refresh .btn.btn-primary.add-to-cart::after{display:none;}
.products article.item:hover .product-bottom .add-to-cart{color: rgba(24, 24, 27, 1)}
#page #header{max-width: 100%; padding: 0 20px;}
.header-top{margin: 0 auto;width: 100% !important;}
.tp-banner-container{width: 100%; padding: 0 20px;}
.cpcategory-container.container{width: 100%; padding: 0 20px; max-width: initial;}
#featured-products.container{max-width: initial; padding: 0 20px;}
#cpserviceblock.container{max-width: initial; padding: 0 20px;}
#newproducts.container{max-width: initial; padding: 0 20px;}
#cpcmsbanner2 .sub-container{max-width: initial; padding: 0 20px;}
#cpcmsbanner2 #cpcmsbanner2_block1 .cms_content{max-width: 100%;}
.newproducts-only_mobile{max-width: initial; padding: 0 20px;}
.pion-stores-block{width: 100%; max-width: 100%; padding: 48px 20px;}
.pion-stores-mobile{flex-direction: column; gap: 24px;}
.faq-section .container{max-width: 100%; padding: 0 20px;}
.homepage-latest-blog .container{max-width: 100%; padding: 0 20px;}
.footer-middle .container{max-width: 100%; padding: 0 20px;}
.footer-after.bottom-to-top .container{max-width: 100%; padding: 0 20px;}
.under_footer-policy{flex-wrap: wrap;}
.under_footer-policy a:first-child{width: 100%;}
.service-cms-banner-list{max-width: 330px !important; height: initial !important; min-height: 210px !important;}

.product-description .product-brand{font-size: 8px;}
.product-description .h3.product-title{font-size: 14px;}
#products .product-title, .products .product-title, .product-accessories .product-title{margin: 0;}

.products .product-miniature{padding: 8px!important;}
.product-bottom .product-price-and-shipping{margin: 0!important;}
.pion-stores-block{display:flex!important;padding:0 20px;}
#featured-products .container, #cpserviceblock .container, .newproducts.clearfix .container{max-width: initial!important; padding: 0 20px!important}
#cpserviceblock .container{display: flex !important; flex-direction: column!important;}
.pion-stores-block{padding: 48px 20px!important;}
.cpcategory-title-wrapper p{text-align:left}
.ets-blog-list li{max-width: 48.5% !important;}
.ets-blog-list li{max-width: 100% !important;}
.ets-page-home .ets-blog-list{margin: 0;}

#js-product-list-top{background:none!important;position: fixed; bottom: 69px; z-index: 101; left: 50%; transform: translate(-50%, -50%); width: fit-content; padding: 0; display: flex!important;}
.col-md-6.product_sort{display: none!important;}
#search_filter_toggler::after{     width: 16px;     height: 16px;     background-image: url('/images/filter_ico.svg');     display: block;     background-size: 100%;     content: "";     background-repeat: no-repeat;     position: relative;     bottom: -1px;   }
#search_filter_toggler{display:flex!important;font-family: InterButton;   font-size: 14px;   line-height: 0px;   align-items: center;   gap: 6px;   background: rgba(24, 24, 27, 1);   border-radius: 100px; }
.bottom-addtocart{width:100%!important; height:fit-content!important}
#js-product-list-top:has(.slider.active) {position: relative;bottom: initial;left: initial;transform: initial;}
#search_filters_wrapper {display: none;}
.products .product_list article.product_item{padding:0;}

.product-page .col-md-5, .product-page .col-md-7{width: fit-content !important; position: initial !important; margin: 0 auto;}
.row.product-page.product-container.js-product-container{margin: 0; flex-direction: column;}
.row.product-page.product-container.js-product-container .image-block_slider{display:none;}
.js-qv-mask.mask.additional_grid{display:none!important}
#product .page-content .product-leftside{width: 100%!important}
.col-md-7 .product-prices.js-product-prices .current-price-value{font-size: 32px}
.digi-dolyame-product{display:none!important}

.alternative-auth-buttons{flex-direction: column;}
.alternative-auth-buttons div{width: 100%;}
#phone-step{flex-direction: column; width: 100%;}
#sms-form-tel{width: 100%;}
.phoneauth-modal__dialog{margin: 20px 20px!important}
.form__input.phone_enter{min-width: 100%;}
.header-top .header-div .sub-container .header-right{justify-content: space-between!important;gap: initial; padding: 0 5px;}
#cms .hidden-sm-down{display:initial!important; padding: 0 20px!important;}
#cms .breadcrumb.hidden-sm-down{padding:0!important;}
#cms #content-wrapper{padding: 0 20px!important;}
.container.aboutcompany.extrablock_copy{width: fit-content; margin: 0 auto; display: block;}
#stores #pion-stores-page-grid{grid-template-columns: repeat(1, 1fr)!important;}
#stores #pion-stores-page-grid{grid-template-columns: repeat(1, 1fr)!important;}
#stores .hidden-sm-down{display:initial!important; padding: 0 20px!important;}
#stores .breadcrumb.hidden-sm-down{display:initial!important; padding:0!important;}
#stores #content-wrapper{padding: 0 20px!important}
#stores #content{padding:0!important}
.cart-empty_cart{display: flex;flex-direction: column;align-items: center;padding: 16px 0; gap: 24px;}
.cart-empty_cart{display: flex;flex-direction: column;align-items: center;padding: 48px 0; gap: 24px;}
#cart #columns_inner .cart-grid.row{flex-direction: column;gap: 10px;}
.cart-grid-right.col-xs-12.col-lg-4, .cart-grid-body.col-xs-12.col-lg-8{width: 100%;}
#cart #columns_inner .cart-grid.row{margin: 0;}
#cart #main{padding: 0 20px;}
#cart #main h1{margin: 10px 0px 20px 0; font-size: 20px;}
.col-md-2.col-xs-4{width: 80px; height: 80px;}
#pagenotfound #content{padding: 20px 0;}
#pagenotfound #wrapper{padding: 0 20px;}


.table-order-info.order-status{position: absolute; right: 0;}
.page-customer-account #page #wrapper{padding: 0 20px;}
.customer-account-sidebar{margin-bottom: 24px;}
.col-xs-12.col-sm-8.col-md-9.customer-content-col{padding: 0 10px;}
.table-order-info.images-status_wrapper{position: initial;}
.table-order-info.order-status{top: 16px; right: 16px;}
.table-order-info.product-images{margin-top: 16px;}
.col-xs-12.col-sm-8.col-md-9.customer-content-col{width: 100%;}
.table-order-info{flex-direction: column; align-items: start; gap: 4px;}
.table-order-info.product-images{flex-direction: initial;}
.table-order-info h3, .table-order-info p{margin: 0;}
.table-orders_list .table-orders_order-info{gap: 8px;   display: flex;   flex-direction: column;}
.table-order-info.id{max-width: 65%;}
.product-miniature.js-product-miniature .price{font-size: 15px!important;}
.product-miniature.js-product-miniature .regular-price{font-size: 12px!important}
#category #page .columns.container #left-column{display:none!important}
#category #page .columns.container, #product #page .columns.container{padding: 0 20px!important}
}

@media(max-width: 360px) {
.not_found_page-wrapper a{transition: 0.3s ease; font-size: 12px;}

.err_page-go_to_catalog{padding: 8px 12px;}
}





/* ======== INFINITE SCROLL ======== */
#infinite-scroll-loader {
  text-align: center;
  padding: 30px 0;
  display: none;
}
.infinite-scroll-spinner {
  display: inline-block;
  width: 36px;
  height: 36px;
  border: 3px solid rgba(24,24,27,0.15);
  border-top-color: rgba(24,24,27,0.8);
  border-radius: 50%;
  animation: infinite-spin 0.7s linear infinite;
}
@keyframes infinite-spin {
  to { transform: rotate(360deg); }
}
#infinite-scroll-end {
  display: none;
  text-align: center;
  padding: 20px 0;
  color: #9f9fa9;
  font-family: InterRegular, sans-serif;
  font-size: 14px;
}

/* Cart toast notification */
#ps-cart-toast {
  position: fixed;
  bottom: 24px;
  left: 50%;
  transform: translateX(-50%);
  background: #2d2d2d;
  color: #fff;
  padding: 12px 28px;
  border-radius: 6px;
  z-index: 99999;
  font-size: 14px;
  font-family: InterRegular, sans-serif;
  box-shadow: 0 4px 16px rgba(0,0,0,.25);
  opacity: 0;
  white-space: nowrap;
  pointer-events: none;
  transition: opacity 0.3s ease;
}
#ps-cart-toast.show {
  opacity: 1;
}

/* ===== Account Identity Info (identity & my-account pages) ===== */
.account-identity-info {
  padding: 10px 0;
}



.account-info-label {
  flex: 0 0 160px;
  color: #888;
  font-size: 13px;
  text-transform: uppercase;
  letter-spacing: 0.04em;
}

.account-info-value {
  flex: 1;
  color: #2d2d2d;
  font-weight: 500;
}

.account-info-value a {
  color: inherit;
  text-decoration: underline;
}



.account-info-row-toggle {
  justify-content: space-between;
}

.account-info-submit {
  margin-top: 16px;
}

/* ===== Customer account sidebar (all customer pages) ===== */
.page-content-customer {
  padding: 20px;
}

.customer-account-layout {
  margin-top: 8px;
}

.customer-sidebar-col {
  padding-right: 0;
}



.sidebar-nav-link {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 11px 18px;
  text-decoration: none;
  color: #444;
  font-size: 14px;
  transition: background 0.15s, color 0.15s;
}

.sidebar-nav-link:hover {
  background: #efefef;
  color: #111;
  text-decoration: none;
}

.sidebar-nav-link.active {
  background: #e8e8e8;
  color: #111;
  font-weight: 600;
}

.sidebar-nav-link i.material-icons {
  font-size: 20px;
  flex-shrink: 0;
  color: #aaa;
  transition: color 0.15s;
}

.sidebar-nav-link.active i.material-icons,
.sidebar-nav-link:hover i.material-icons {
  color: #555;
}


.customer-content-col {
  padding-left: 20px; 
}

@media (max-width: 767px) {
  .customer-sidebar-col {
    margin-bottom: 16px;
  }
  .customer-content-col {
    padding-left: 15px;
  }
  .account-info-label {
    flex: 0 0 120px;
  }
}

.not_found_page-wrapper a:hover{box-shadow: 4px 6px 5px rgba(0, 0, 0, 0.2);}
.err_page-go_to_home{color: black!important;}
.err_page-go_to_catalog{color: white!important;}



/* Account sidebar: horizontal, full-width bar at 1279px and below */
@media (max-width: 1279px) {
  /* Let the full-width menu sit on its own row, content flows below */
  .row.customer-account-layout {
    flex-wrap: wrap;
  }

  /* Sidebar column spans the full width of its parent row */
  .customer-sidebar-col,
  #history .col-xs-12.col-sm-4.col-md-3.customer-sidebar-col,
  #module-stfeature-mywishlist .col-xs-12.col-sm-4.col-md-3.customer-sidebar-col,
  #my-account .col-xs-12.col-sm-4.col-md-3.customer-sidebar-col,
  #identity .col-xs-12.col-sm-4.col-md-3.customer-sidebar-col {
    width: 100%;
    max-width: 100%;
    flex: 0 0 100%;
    margin-right: 0;
  }
.checkout.cart-detailed-actions.js-cart-detailed-actions.card-block .btn:active{color: #FFBA17 !important}
  /* The menu itself: a single-row horizontal slider, swipeable on overflow */
  .customer-account-sidebar {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    width: 100%;
    gap: 12px;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch; /* momentum scroll on iOS */
    overscroll-behavior-x: contain;
    scrollbar-width: none; /* Firefox: hide bar, keep swipe */
  }

  /* Hide the scrollbar in WebKit while keeping the slider swipeable */
  .customer-account-sidebar::-webkit-scrollbar {
    display: none;
  }

  /* Buttons keep their natural width and never shrink -> content overflows and scrolls */
  .customer-account-sidebar .sidebar-nav-link {
    flex: 0 0 auto;
    justify-content: center;
    text-align: center;
    white-space: nowrap;
  }

  .customer-content-col {
    padding-left: 0;
  }
}






body.category-id-24 .facet[data-type="attribute_group"] {
    display: none !important;
}


/* =========================================================================
   Кнопка карточки «В корзину» / «В корзине» и счётчик корзины в нижней
   мобильной панели.  См. assets/js/custom.js (cartToggle) и
   templates/catalog/_partials/miniatures/_cart-toggle-button.tpl
   ========================================================================= */

/* Десктоп: кнопка иконочная (font-size:0), поэтому состояние «уже в корзине»
   показываем активной иконкой — той же, что и при наведении. */
.add-to-cart-or-refresh .btn.btn-primary.add-to-cart.in-cart::after {
    opacity: 1;
}

/* Планшет и мобильная: кнопка текстовая — заливаем её и меняем подпись. */
@media (max-width: 1279px) {
    .add-to-cart-or-refresh .btn.btn-primary.add-to-cart.in-cart {
        background: rgb(24, 24, 27) !important;
        border-color: rgb(24, 24, 27);
        color: #fff !important;
    }
}

/* Счётчик корзины: на десктопе прежний бейдж, в нижней панели — свой,
   оформленный так же, как счётчик избранного. */
@media (min-width: 1280px) {
    #_desktop_cart .cart-products-counthome {
        display: none !important;
    }
}

@media (max-width: 1279px) {
    /* Бейдж позиционируется от иконки — так же, как .ap-total-wishlist от своей обёртки. */
    #_desktop_cart .icon_menu {
        position: relative;
        display: inline-block;
    }
    #_desktop_cart .cart-products-count.cart-count-producttext {
        display: none !important;
    }
    #_desktop_cart .cart-products-counthome {
        display: block !important;
    }
}

@media (max-width: 480px) {
    #_desktop_cart .cart-products-counthome {
        left: 18px;
        top: -9px;
    }
}


/* =========================================================================
   Мобильные фильтры каталога (<= 1279px)

   • панель фильтров раскрывается на весь экран и оформлена так же, как
     десктопная колонка фильтров (те же заголовки фасетов и тот же
     сворачиватель .facet-title-desktop-toggle);
   • кнопка #search_filter_toggler видна всегда, в том числе поверх открытой
     панели фильтров, и повторным нажатием её закрывает; исключение — открытое
     меню шапки (body.mobile-menu-open), там кнопка скрыта;
   • подпись кнопки — «Фильтры» / «Фильтры (N)». N на первый рендер ставит
     templates/catalog/_partials/products-top.tpl, после AJAX-перерисовки
     каталога — assets/js/custom.js.
   ========================================================================= */
@media (max-width: 1279px) {
#js-active-search-filters ul{overflow:hidden;flex-wrap:wrap;}
  /* ---- плавающая кнопка ------------------------------------------------ */

  /* Открытая панель — position:fixed, поэтому в этот момент у
     #js-product-list-top нельзя оставлять transform: он стал бы для панели
     containing block и она перестала бы тянуться по вьюпорту. Координаты
     кнопки перед открытием снимает JS (--pion-bar-*), так что без transform
     она остаётся ровно на прежнем месте. */
  #js-product-list-top:has(.slider.active) {
    position: fixed !important;
    top: auto !important;
    bottom: var(--pion-bar-bottom, 88px) !important;
    left: var(--pion-bar-left, 50%) !important;
    right: auto !important;
    width: var(--pion-bar-width, auto) !important;
    transform: none !important;
    z-index: 10000 !important;
  }

  /* Кнопка рисуется поверх панели и остаётся кликабельной. */
  #js-product-list-top .filter-button {
    position: relative;
    z-index: 9999;
    display: block !important;
    padding: 0;
    width: auto;
  }

  #search_filter_toggler {
    display: flex !important;
    padding: 12px 16px;
    color: #fff;
    white-space: nowrap;
  }

  #search_filter_toggler .filter-toggler-count {
    font-family: InterButton;
  }

  /* Пока открыто меню шапки, кнопку убираем совсем. Она плавающая
     (#js-product-list-top — position:fixed, z-index 101), панель и её
     затемнение лежат выше (10050 и 10049), так что нажать кнопку всё равно
     нельзя, но чёрная «пилюля» просвечивает сквозь затемнение внизу экрана.
     !important обязателен: у #search_filter_toggler в трёх медиазапросах
     выше стоит display:flex!important.
     Класс mobile-menu-open ставит pionOpenHeaderPanel() в assets/js/custom.js. */
  body.mobile-menu-open #js-product-list-top .filter-button,
  body.mobile-menu-open #search_filter_toggler {
    display: none !important;
  }

  /* ---- панель фильтров ------------------------------------------------- */

  .filter-mobile #search_filters {
    display: flex !important;
    flex-direction: column;
    gap: 24px;
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    width: 100% !important;
    max-width: none !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 20px 20px 120px !important;
    background: #fff;
    border: none !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    overflow-y: auto !important;
    -webkit-overflow-scrolling: touch;
    overscroll-behavior: contain;
    z-index: 9998;
    opacity: 0;
    visibility: hidden;
    transform: translateX(-100%);
    transition: transform 0.3s cubic-bezier(0.77, 0.2, 0.05, 1),
                opacity 0.3s ease,
                visibility 0s linear 0.3s;
  }

  .filter-mobile.slider.active #search_filters {
    opacity: 1 !important;
    visibility: visible;
    transform: translateX(0) !important;
    transition: transform 0.3s cubic-bezier(0.77, 0.2, 0.05, 1),
                opacity 0.3s ease,
                visibility 0s;
  }

  /* Пока панель открыта, фон под ней не скроллится. */
  body.filter-menu {
    overflow: hidden;
  }

  /* Заголовок панели, он же кнопка закрытия. */
  .filter-mobile #search_filters > .text-uppercase {
    display: flex !important;
    align-items: center;
    justify-content: space-between;
    margin: 0 !important;
    padding: 0 0 16px !important;
    border-bottom: 1px solid rgba(171, 171, 171, 0.4);
    font-family: InterRegular;
    font-size: 20px;
    line-height: 28px;
    color: rgba(24, 24, 27, 1);
    text-transform: none;
    cursor: pointer;
  }

  .filter-mobile #search_filters > .text-uppercase::after {
    content: "";
    flex: 0 0 auto;
    width: 24px;
    height: 24px;
    background-color: rgba(24, 24, 27, 1);
    -webkit-mask-image: url('/themes/PRS03053/assets/img/megnor/close-filter.svg');
    mask-image: url('/themes/PRS03053/assets/img/megnor/close-filter.svg');
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: 16px;
    mask-size: 16px;
    float: none;
    position: static;
  }

  /* ---- фасеты: тот же вид, что и на десктопе --------------------------- */

  /* Мобильный заголовок фасета (с иконками +/−) убираем, показываем
     десктопный — вместе с ним работает и десктопное сворачивание. */
  .filter-mobile #search_filters .facet > .title.hidden-md-up {
    display: none !important;
  }

  .filter-mobile #search_filters .facet > .facet-title.hidden-sm-down {
    display: block !important;
  }

  /* Снимаем мобильную обводку/отступы темы — на десктопе их нет. */
  .filter-mobile #search_filters .facet {
    padding: 0 !important;
    margin: 0 !important;
    border: none !important;
  }

  .filter-mobile #search_filters .facet ul {
    margin: 0 !important;
    padding: 0 !important;
  }

  .filter-mobile #search_filters .facet ul li {
    padding: 0 !important;
    border: none !important;
  }
}


/* =========================================================================
   Мобильное меню шапки (<= 1279px)

   Вместо бокового #cp_sidevertical_menu_top сверху выезжает панель высотой
   по содержимому (height: fit-content), под ней — затемнение на остаток
   экрана: клик по нему закрывает меню так же, как крестик.

   Содержимое сверху вниз, по макету:
     логотип + крестик → поиск (инпут как на десктопе, но без кнопок и на всю
     ширину) → ссылки #_top_main_menu колонкой по центру → кнопка «Ломбард» →
     «Наши магазины» / «Отследить заказ» и телефон.

   «Каталог» здесь — обычная ссылка на категорию: стрелка раскрытия и .sub-menu
   скрыты, подменю в панели не разворачивается.

   Каркас панели — templates/_partials/header.tpl, наполнение (перенос
   #search_widget, #_top_main_menu и кнопки «Ломбард», копии ссылок и телефона,
   создание затемнения) — в assets/js/custom.js, блок «Мобильное меню шапки».
   ========================================================================= */

/* На десктопе панель и затемнение не участвуют в разметке. */
.mobile-header-panel,
.mobile-header-panel__backdrop {
  display: none;
}

@media (max-width: 1279px) {

  /* Старое боковое меню заменено панелью. */
  #cp_sidevertical_menu_top {
    display: none !important;
  }

  .mobile-header-panel {
    display: flex;
    flex-direction: column;
    align-items: center;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: auto;
    width: 100%;
    height: fit-content;
    max-height: 100vh;
    margin: 0;
    padding: 16px 20px;
    background: #fff;
    border-bottom: 1px solid #F4F4F5;
    z-index: 10050;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    overscroll-behavior: contain;
    opacity: 0;
    visibility: hidden;
    transform: translateY(-100%);
    transition: transform 0.3s cubic-bezier(0.77, 0.2, 0.05, 1),
                opacity 0.3s ease,
                visibility 0s linear 0.3s;
  }

  .mobile-header-panel.active {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
    transition: transform 0.3s cubic-bezier(0.77, 0.2, 0.05, 1),
                opacity 0.3s ease,
                visibility 0s;
  }

  /* Затемнение на весь экран под панелью: панель перекрывает его сверху,
     поэтому клик доходит сюда только с «фона» ниже меню. */
  .mobile-header-panel__backdrop {
    display: block;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(24, 24, 27, 0.4);
    z-index: 10049;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.3s ease, visibility 0s linear 0.3s;
  }

  .mobile-header-panel__backdrop.active {
    opacity: 1;
    visibility: visible;
    transition: opacity 0.3s ease, visibility 0s;
  }

  body.mobile-menu-open {
    overflow: hidden;
  }

  /* ---- логотип и крестик ---------------------------------------------- */

  .mobile-header-panel__top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    align-self: stretch;
    flex: 0 0 auto;
    margin-bottom: 8px;
  }

  .mobile-header-panel__logo {
    display: block;
    line-height: 0;
  }

  .mobile-header-panel__logo img {
    max-height: 40px;
    width: auto;
  }

  .mobile-header-panel__close {
    flex: 0 0 auto;
    width: 24px;
    height: 24px;
    padding: 0;
    border: none;
    background: url('/images/menu-close.svg') center / 14px no-repeat;
    cursor: pointer;
  }

  /* ---- поиск: инпут как на десктопе, без кнопок, на всю ширину --------- */

  .mobile-header-panel__search {
    align-self: stretch;
    flex: 0 0 auto;
    padding-top: 8px;
    border-top: 1px solid rgba(171, 171, 171, 0.1);
  }

  .mobile-header-panel .mobile-header-panel__search #search_widget {
    display: block !important;
    position: static !important;
    float: none !important;
    width: 100% !important;
    max-width: none !important;
    height: auto !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  /* Кнопка-лупа шапки, «Найти» и «Закрыть» в панели не нужны. */
  .mobile-header-panel #search_widget .head-search_btn,
  .mobile-header-panel #search_widget .header_search-close_menu,
  .mobile-header-panel #search_widget .head_search-input_button {
    display: none !important;
  }

  .mobile-header-panel #search_widget .head-search_wrapper,
  .mobile-header-panel #search_widget .searchtoggle {
    display: block !important;
    position: static !important;
    width: 100% !important;
    top: auto !important;
    left: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    background: none !important;
  }

  .mobile-header-panel #search_widget form {
    display: block !important;
    width: 100%;
    margin: 0 !important;
    padding: 0 !important;
    gap: 0 !important;
  }

  .mobile-header-panel #search_widget input[type="text"] {
    display: block;
    box-sizing: border-box;
    width: 100% !important;
    max-width: none !important;
    height: 40px;
    margin: 0;
    padding: 10px 20px 10px 44px;
    border: 1px solid rgba(171, 171, 171, 0.1) !important;
    border-radius: 24px !important;
    background: #fff url('/img/ico/search_ico.svg') no-repeat 20px center / 16px;
    font-family: InterButton !important;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 0.35px;
    color: rgba(24, 24, 27, 1);
  }

  .mobile-header-panel #search_widget input[type="text"]::placeholder {
    color: rgba(171, 171, 171, 0.4);
  }

  /* ---- ссылки из #_top_main_menu колонкой по центру --------------------- */

  .mobile-header-panel__menu {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 16px;
    align-self: stretch;
    flex: 0 0 auto;
    padding: 16px 0 8px;
  }

  .mobile-header-panel #_top_main_menu {
    display: block !important;
    position: static !important;
    float: none !important;
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  .mobile-header-panel #_top_main_menu > ul.top-menu {
    display: flex !important;
    flex-direction: column;
    align-items: center;
    gap: 16px;
    margin: 0;
    padding: 0;
    list-style: none;
  }

  .mobile-header-panel #_top_main_menu ul.top-menu > li {
    width: 100%;
    float: none;
    border: none;
    padding: 0;
    text-align: center;
  }

  .mobile-header-panel #_top_main_menu a.dropdown-item {
    display: block;
    width: 100%;
    margin: 0;
    padding: 0;
    font-family: InterLight;
    font-size: 16px;
    line-height: 24px;
    color: rgba(61, 61, 61, 1);
    text-align: center;
    white-space: normal;
    text-transform: none;
  }

  /* «Каталог» — обычная ссылка: ни стрелки, ни раскрывающегося подменю. */
  .mobile-header-panel #_top_main_menu .pull-xs-right,
  .mobile-header-panel #_top_main_menu .navbar-toggler,
  .mobile-header-panel #_top_main_menu .sub-menu,
  .mobile-header-panel #_top_main_menu .js-sub-menu,
  .mobile-header-panel #_top_main_menu ul.top-menu > li > .collapse {
    display: none !important;
  }

  /* ---- кнопка «Ломбард» ------------------------------------------------- */

  .mobile-header-panel .button_go_to_lombard_btn {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
    height: 36px;
    margin: 0 !important;
    padding: 10px 20px;
    border: none;
    border-radius: 100px;
    background: rgb(255, 219, 0);
    font-family: InterSemiBold;
    font-size: 12px;
    line-height: 16px;
    letter-spacing: 0.6px;
    text-transform: uppercase;
    color: #18181B;
    text-align: center;
    cursor: pointer;
  }

  /* ---- нижние ссылки: две в строку, телефон отдельной строкой ----------- */

  .mobile-header-panel__links {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    flex: 0 0 auto;
    gap: 16px 24px;
    align-self: stretch;
    margin: 0;
    padding: 8px 0 0;
    border: none;
  }

  .mobile-header-panel__links a {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0;
    margin: 0;
    padding: 0;
    font-family: InterRegular, Arial, sans-serif;
    font-size: 12px;
    line-height: 16px;
    color: #52525C;
    text-align: center;
    white-space: nowrap;
  }

  /* Иконок у этих ссылок в макете нет — в шапке они приходят через <i>. */
  .mobile-header-panel__links a i {
    display: none !important;
  }

  .mobile-header-panel__links .mobile-header-panel__phone {
    flex: 0 0 100%;
    font-family: InterRegular, Arial, sans-serif;
  }
}


/* =========================================================================
   Оформление заказа (модуль thecheckout) — вёрстка по макету

   Разметку даёт модуль, здесь только оформление. Правки шаблонов:
     _partials/checkout-form-fields.tpl — подписи полей ушли в placeholder
     blocks/address-delivery.tpl        — порядок «Контактных данных»
     blocks/shipping.tpl                — «Выберите способ получения:»
     blocks/confirm.tpl                 — согласия, кнопка и сноска

   Структура блока модуля: .checkout-block#thecheckout-<имя> >
   .inner-area > (.block-header + .inner-wrapper). Карточка макета — это
   .inner-area.

   Токены макета собраны в переменных ниже: правится в одном месте.
   ========================================================================= */

body#checkout {
    --tc-text: #18181B;
    --tc-text-muted: #3D3D3D;
    --tc-placeholder: rgba(171, 171, 171, 0.4);
    --tc-border: rgba(171, 171, 171, 0.4);
    --tc-border-soft: rgba(171, 171, 171, 0.1);
    --tc-surface-muted: rgba(171, 171, 171, 0.1);
    --tc-shadow: 0 1px 2px -1px rgba(0, 0, 0, 0.1), 0 1px 3px rgba(0, 0, 0, 0.1);
    --tc-radius-card: 24px;
    --tc-radius-box: 24px;
    --tc-radius-pill: 100px;
    --tc-control-height: 52px;
}

/* ---- типографика ------------------------------------------------------- */

body#checkout .checkout-block,
body#checkout .checkout-block input,
body#checkout .checkout-block select,
body#checkout .checkout-block textarea,
body#checkout .checkout-block button {
    font-family: InterRegular, Arial, sans-serif;
}

body#checkout #content-wrapper > h1,
body#checkout #js-checkout-title {
    margin: 0 0 40px;
    color: var(--tc-text);
    font-family: InterRegular, Arial, sans-serif;
    font-size: 32px;
    font-weight: 400;
    line-height: 40px;
}

/* ---- сетка карточек ---------------------------------------------------- */

body#checkout .blocks {
    display: flex;
    flex-direction: column;
    gap: 20px;
    padding: 0 10px;
}

body#checkout .checkout-block {
    margin: 0;
    padding: 0;
    border: none;
    background: none;
    box-shadow: none;
}

body#checkout .checkout-block > .inner-area {
    display: flex;
    flex-direction: column;
    gap: 24px;
    padding: 16px;
    border: 1px solid var(--tc-border);
    border-radius: var(--tc-radius-card);
    background: #fff;
    box-shadow: var(--tc-shadow);
}

/* «Сумма заказа» в макете — залитая карточка без обводки. */
body#checkout #thecheckout-confirm > .inner-area {
    border-color: transparent;
    background: var(--tc-surface-muted);
}

body#checkout .checkout-block .block-header {
    margin: 0;
    padding: 0;
    border: none;
    background: none;
    color: var(--tc-text);
    font-family: InterRegular, Arial, sans-serif;
    font-size: 20px;
    font-weight: 400;
    line-height: 28px;
    text-transform: none;
}

body#checkout .checkout-block .inner-wrapper {
    display: flex;
    flex-direction: column;
    gap: 12px;
    margin: 0;
    padding: 0;
}

/* ---- поля ввода -------------------------------------------------------- */

body#checkout .checkout-block .form-fields {
    display: flex;
    flex-direction: column;
    gap: 12px;
    margin: 0;
}

body#checkout .checkout-block .form-group {
    flex-basis: auto !important; /* модуль задаёт ширину инлайном */
    margin: 0;
    padding: 0;
}

body#checkout .checkout-block .form-group > label {
    display: block;
    margin: 0;
    padding: 0;
}

body#checkout .checkout-block .form-control,
body#checkout .checkout-block .form-control-select {
    box-sizing: border-box;
    width: 100%;
    height: var(--tc-control-height);
    padding: 10px 20px;
    border: 1px solid var(--tc-border-soft);
    border-radius: var(--tc-radius-pill);
    background: #fff;
    box-shadow: var(--tc-shadow);
    color: var(--tc-text);
    font-family: InterButton, Arial, sans-serif;
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    letter-spacing: 0.35px;
    transition: border-color 0.2s ease;
}

body#checkout .checkout-block .form-control:focus,
body#checkout .checkout-block .form-control-select:focus {
    outline: none;
    border-color: var(--tc-border);
}

body#checkout .checkout-block .form-control::placeholder {
    color: var(--tc-placeholder);
    opacity: 1;
}

/* Пустой select показывает placeholder-опцию, поэтому красим его так же. */
body#checkout .checkout-block .form-control-select:invalid,
body#checkout .checkout-block .form-control-select option[value=""] {
    color: var(--tc-placeholder);
}

body#checkout .checkout-block .form-group.has-error .form-control {
    border-color: #ff4c4c;
}

/* Не-контактные поля адреса продолжают уходить с формой, но в блоке не
   видны. Именно sr-only, а не display:none: модуль сериализует форму
   селектором input:visible, и display:none выбросил бы адрес из данных.
   Дублирует построчные правила в modules/thecheckout/views/css/custom.less.css
   и страхует поля, которых в том списке нет. */
body#checkout .tc-address-fields-offscreen {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
}

/* Подпись над полем/контролом — «Выберите способ получения:»,
   «Комментарий магазину». */
body#checkout .tc-delivery-choice-label,
body#checkout .tc-order-comment-wrap label {
    display: block;
    margin: 0 0 8px;
    color: var(--tc-text);
    font-family: InterButton, Arial, sans-serif;
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    letter-spacing: 0.35px;
}

body#checkout .tc-delivery-choice-wrap {
    margin: 0;
}

body#checkout .tc-order-comment-wrap {
    margin: 0;
}

body#checkout .tc-order-comment-wrap textarea {
    box-sizing: border-box;
    width: 100%;
    height: 120px;
    padding: 20px;
    border: 1px solid var(--tc-border-soft);
    border-radius: var(--tc-radius-box);
    background: #fff;
    box-shadow: var(--tc-shadow);
    color: var(--tc-text);
    font-family: InterButton, Arial, sans-serif;
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    letter-spacing: 0.35px;
    resize: vertical;
}

body#checkout .tc-order-comment-wrap textarea::placeholder {
    color: var(--tc-placeholder);
    opacity: 1;
}

/* ---- выбор способа получения (.tc-dropdown из views/js/tc-custom.js) ---- */

body#checkout .tc-dropdown {
    margin: 0;
}

body#checkout .tc-dropdown .tc-dropdown-selected {
    box-sizing: border-box;
    min-height: var(--tc-control-height);
    padding: 8px 20px;
    border: 1px solid var(--tc-border-soft);
    border-radius: var(--tc-radius-box);
    background: #fff;
    box-shadow: var(--tc-shadow);
    color: var(--tc-text-muted);
    font-family: InterRegular, Arial, sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    letter-spacing: 0.35px;
}

body#checkout .tc-dropdown.open .tc-dropdown-selected {
    border-color: var(--tc-border);
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}

/* Шеврон вместо треугольника из бордеров. */
body#checkout .tc-dropdown .tc-dropdown-arrow {
    width: 16px;
    height: 16px;
    margin-left: 12px;
    border: none;
    background: currentColor;
    color: #000;
    -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M2.5 5.5 8 11l5.5-5.5' fill='none' stroke='%23000' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / 16px no-repeat;
    mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M2.5 5.5 8 11l5.5-5.5' fill='none' stroke='%23000' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / 16px no-repeat;
}

body#checkout .tc-dropdown .tc-dropdown-list {
    border: 1px solid var(--tc-border);
    border-top: none;
    border-bottom-left-radius: var(--tc-radius-box);
    border-bottom-right-radius: var(--tc-radius-box);
}

body#checkout .tc-dropdown .tc-dropdown-item {
    padding: 12px 20px;
    color: var(--tc-text);
    font-family: InterRegular, Arial, sans-serif;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 0.35px;
}

body#checkout .tc-dropdown .tc-dropdown-item + .tc-dropdown-item {
    border-top: 1px solid var(--tc-border-soft);
}

body#checkout .tc-dropdown .tc-dropdown-item:hover {
    background: var(--tc-surface-muted);
}

body#checkout .tc-dropdown .tc-dropdown-item.active {
    background: var(--tc-surface-muted);
    color: var(--tc-text);
    font-family: InterButton, Arial, sans-serif;
    font-weight: 500;
}

body#checkout .tc-dropdown .tc-dropdown-sub,
body#checkout .tc-dropdown .tc-dropdown-selected-sub {
    color: var(--tc-placeholder);
    font-size: 12px;
    line-height: 16px;
}

body#checkout .tc-dropdown .tc-dropdown-selected-sub {
    padding: 0 20px 8px;
}

/* ---- способ оплаты ----------------------------------------------------- */

body#checkout .tc-pay-switch {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

body#checkout .tc-pay-type {
    display: flex;
    align-items: center;
    gap: 12px;
    box-sizing: border-box;
    min-height: var(--tc-control-height);
    margin: 0;
    padding: 16px 20px;
    border: 1px solid var(--tc-border-soft);
    border-radius: var(--tc-radius-box);
    background: #fff;
    box-shadow: var(--tc-shadow);
    cursor: pointer;
    transition: border-color 0.2s ease;
}

body#checkout .tc-pay-type.is-active {
    border-color: var(--tc-border);
}

body#checkout .tc-pay-type input[type="radio"] {
    position: absolute;
    opacity: 0;
    pointer-events: none;
}

/* Радиокнопка макета: 16px, точка #171717 при выборе. */
body#checkout .tc-pay-type .tc-pay-type__radio {
    flex: 0 0 auto;
    position: relative;
    width: 16px;
    height: 16px;
    border: 1px solid #E5E5E5;
    border-radius: 50%;
    background: #fff;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
}

body#checkout .tc-pay-type input[type="radio"]:checked + .tc-pay-type__radio::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 6.67px;
    height: 6.67px;
    transform: translate(-50%, -50%);
    border-radius: 50%;
    background: #171717;
}

body#checkout .tc-pay-type .tc-pay-type__body {
    display: flex;
    flex-direction: column;
    gap: 2px;
}

body#checkout .tc-pay-type .tc-pay-type__title {
    color: rgba(0, 0, 0, 0.86);
    font-family: InterButton, Arial, sans-serif;
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    letter-spacing: 0.35px;
}

body#checkout .tc-pay-type .tc-pay-type__desc {
    color: var(--tc-text-muted);
    font-family: InterLight, Arial, sans-serif;
    font-size: 12px;
    font-weight: 300;
    line-height: 16px;
}

/* ---- способ доставки: штатный список перевозчиков ----------------------- */

/* Перевозчика выбирают в .tc-dropdown, поэтому штатная «шапка» строки —
   радиокнопка, логотип, название и цена — не нужна; её гасит модульный
   custom.less.css (.shipping-radio, .delivery-option-detail). От строки при
   этом остаётся пустая коробка с отступами, и её надо убрать.

   Раньше это делалось через sr-only (position:absolute + clip 1x1). Так
   нельзя: modules/cdek/views/js/front.js вставляет свой .cdek_row ВНУТРЬ
   label[for=delivery_option_*], то есть внутрь этой самой строки. Вместе со
   строкой в 1px схлопывались поиск города, список ПВЗ, карта и адресная форма
   курьера — блоки были в DOM, но невидимы.

   Теперь скрытие на display, и строка выбранного способа остаётся в потоке.
   Радиокнопку это не ломает: thecheckout читает выбор селектором
   [name^=delivery_option]:checked (front.js ~1949), без :visible. */
body#checkout #js-delivery .delivery-option-row {
    display: none;
}

/* Показываем строку выбранного способа: .selected навешивает thecheckout на
   строку с отмеченной радиокнопкой (front.js ~1951). */
body#checkout #js-delivery .delivery-option-row.selected {
    display: flex;
}

/* У самовывоза вставлять в строку нечего, а пустой блок в flex-колонке
   .delivery-options даёт лишний зазор в 12px — убираем.
   Порядок правил важен: если браузер не понимает :has(), он отбросит только
   это правило, и блок СДЭК всё равно останется видимым. */
body#checkout #js-delivery .delivery-option-row.selected:not(:has(.cdek_row)) {
    display: none;
}

/* Штатный приёмник дополнительного контента у СДЭК не используется — модуль
   рендерит всё в строку выше. Пустой блок в flex-колонке даёт лишний зазор. */
body#checkout #js-delivery .carrier-extra-content:empty {
    display: none;
}

/* Колонка со строками перевозчиков. Видимой остаётся ровно одна — строка
   выбранного способа, вместе со вставкой СДЭК внутри неё. */
body#checkout #js-delivery .delivery-options {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

body#checkout #js-delivery .delivery-options > .clearfix {
    display: none;
}

body#checkout #js-delivery .carrier-extra-content:not([style*="display:none"]) {
    margin: 0;
}

/* Блок «подарочная упаковка / вторсырьё» без включённых опций — пустой div,
   который в flex-колонке всё равно добавляет пробел. */
body#checkout #js-delivery .order-options:not(:has(input)) {
    display: none;
}

/* ---- согласия отдельных модулей ---------------------------------------- */

/* psgdpr и ps_dataprivacy отдают свои обязательные чекбоксы отдельными
   блоками. Подтверждений в «Сумме заказа» достаточно, а видимыми эти блоки
   дают пустые карточки с ошибкой «Обязательное поле». */
body#checkout #thecheckout-psgdpr,
body#checkout #thecheckout-data-privacy,
body#checkout #thecheckout-newsletter,
body#checkout .tc-block-placeholder.thecheckout-psgdpr,
body#checkout .tc-block-placeholder.thecheckout-data-privacy,
body#checkout .tc-block-placeholder.thecheckout-newsletter {
    display: none !important;
}

/* ---- Сумма заказа ------------------------------------------------------ */

body#checkout .tc-confirm-totals {
    display: flex;
    flex-direction: column;
    gap: 12px;
    margin: 0;
    border: none;
    border-radius: 0;
    background: none;
    overflow: visible;
}

/* Заголовок карточки — до строк итогов 24px, как в макете. */
body#checkout .tc-confirm-totals .tc-totals-header {
    margin: 0 0 12px;
}

body#checkout .tc-confirm-totals .card-block {
    padding: 0;
    border: none;
}

body#checkout .tc-confirm-totals .cart-summary-line {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 0 0 4px;
    color: var(--tc-text);
    font-family: InterLight, Arial, sans-serif;
    font-size: 16px;
    font-weight: 300;
    line-height: 22px;
}

body#checkout .tc-confirm-totals .cart-summary-line + .cart-summary-line {
    margin-top: 8px;
}

body#checkout .tc-confirm-totals .cart-summary-line .label,
body#checkout .tc-confirm-totals .cart-summary-line .value {
    font-family: inherit;
    font-size: inherit;
    font-weight: inherit;
    color: inherit;
}

body#checkout .tc-confirm-totals .cart-total .label,
body#checkout .tc-confirm-totals .cart-total .value {
    font-family: InterRegular, Arial, sans-serif;
    font-size: 20px;
    font-weight: 400;
    line-height: 28px;
}

/* ---- согласия ---------------------------------------------------------- */

body#checkout #conditions-to-approve ul {
    display: flex;
    flex-direction: column;
    gap: 8px;
    margin: 0;
    padding: 0;
    list-style: none;
}

body#checkout #conditions-to-approve li {
    display: flex;
    align-items: flex-start;
    gap: 8px;
    margin: 0;
    padding: 0;
    border: none;
}

body#checkout #conditions-to-approve .float-xs-left {
    float: none;
    padding-top: 4px;
}

/* Чекбокс — ровно тот же, что в фильтрах каталога. Там его вид складывается
   из theme.css (~5933 коробка, ~5946 и ~5952 галка) и правил ~866-868 этого
   файла: прозрачная коробка 16x16 с рамкой rgb(24,24,27) и радиусом 4, при
   выборе заливка тем же цветом и белая галка Material Icons 16px/18px со
   сдвигом -2px/-1px. Переключается через display, не через opacity.

   modules/thecheckout/views/css/front.less.css перебивает эти правила своими
   (там же появлялись белая заливка и тень), поэтому значения повторены здесь
   с !important. Разметка: input лежит поверх прозрачным, видимая коробка —
   соседний span, галка — <i class="checkbox-checked"> внутри него. */
body#checkout #conditions-to-approve .custom-checkbox {
    position: relative;
    display: inline-block;
    width: 16px;
    height: 16px;
    margin: 0;
    padding: 0;
    border: none;
    top: 0;
    float: none;
}

body#checkout #conditions-to-approve .custom-checkbox input[type="checkbox"] {
    position: absolute;
    top: 0;
    left: 0;
    width: 16px;
    height: 16px;
    margin: 0;
    opacity: 0;
    cursor: pointer;
    z-index: 1;
}

body#checkout #conditions-to-approve .custom-checkbox input[type="checkbox"] + span {
    display: inline-block !important;
    position: static !important;
    box-sizing: border-box;
    width: 16px !important;
    height: 16px !important;
    margin: 0 !important;
    padding: 0;
    border: 1px solid rgba(24, 24, 27, 1) !important;
    border-radius: 4px !important;
    background: transparent !important;
    box-shadow: none !important;
    vertical-align: middle;
    pointer-events: none;
    transition: 0.3s ease;
}

body#checkout #conditions-to-approve .custom-checkbox input[type="checkbox"]:checked + span {
    background: rgba(24, 24, 27, 1) !important;
}

body#checkout #conditions-to-approve .custom-checkbox input[type="checkbox"] + span .checkbox-checked {
    display: none;
    margin: -2px 0 0 -1px;
    font-size: 16px;
    line-height: 16px;
    color: #fff;
    opacity: 1;
}

body#checkout #conditions-to-approve .custom-checkbox input[type="checkbox"]:checked + span .checkbox-checked {
    display: block;
    line-height: 18px;
}
.ps-shown-by-js button.btn.btn-primary.center-block{max-width:initial!important;}

/* ---- кнопка оплаты ------------------------------------------------------ */

body#checkout #tc-payment-confirmation .ps-shown-by-js {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

body#checkout #confirm_order.btn.btn-primary {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    box-sizing: border-box;
    width: 100%;
    margin: 0;
    padding: 16px 20px;
    border: none;
    border-radius: var(--tc-radius-pill);
    background: var(--tc-text);
    color: #fff;
    font-family: InterButton, Arial, sans-serif;
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    letter-spacing: 0.35px;
    text-transform: none;
    transition: opacity 0.2s ease;
}

body#checkout #confirm_order.btn.btn-primary:hover,
body#checkout #confirm_order.btn.btn-primary:focus {
    background: var(--tc-text);
    color: #fff;
    opacity: 0.9;
}

/* Согласия лежат под кнопкой оплаты, внутри .ps-shown-by-js (flex, gap 8px). */
body#checkout #tc-payment-confirmation .ps-shown-by-js #conditions-to-approve {
    margin: 8px 0 0;
}

/* ---- адаптив ----------------------------------------------------------- */

@media (max-width: 1279px) {
    body#checkout .blocks {
        flex-basis: 100% !important;
        min-width: 100% !important;
        padding: 0;
    }

    body#checkout #content-wrapper > h1,
    body#checkout #js-checkout-title {
        margin-bottom: 24px;
        font-size: 24px;
        line-height: 32px;
    }
}


/* =========================================================================
   Окно входа по телефону: шаг ввода кода из звонка

   Класс .phoneauth-modal--code навешивает showSection('code') в
   modules/phoneauth/views/js/phoneauth.js, поэтому весь блок действует
   только после запроса звонка и не задевает шаг с вводом номера.

   Раскладка по макету:
     от 769px  — карточка 600px: подпись, строка «поле + Получить новый код»,
                 таймер, снизу «Вернуться к другим способам входа»;
     до 768px  — лист во весь экран, содержимое по центру, кнопка «Получить
                 новый код» уходит под таймер.

   Порядок узлов в разметке (modules/phoneauth/views/templates/hook/
   modal-phone-auth.tpl) на вид не влияет — блоки расставляет grid-area.
   Кнопки «Подтвердить» в макете нет: код из четырёх цифр отправляет сам
   скрипт, поэтому она и «Исправить номер телефона» скрыты
   (.phoneauth-code__hidden), но остаются в DOM — на их id опирается JS.

   !important здесь только там, где иначе перебивают более ранние правила
   этого же файла с !important (`.phoneauth-modal__dialog`, строки ~803,
   ~1498, ~1713).
   ========================================================================= */

/* Ширина нужна обоим вариантам: правило `.phoneauth-modal__dialog` выше
   (~строка 803) ставит fit-content !important, и новая сетка сжимается. */
.phoneauth-modal--code .phoneauth-modal__dialog {
  box-sizing: border-box;
  width: 100% !important;
  max-width: 600px !important;
  padding: 20px !important;
}

/* Обёртка инлайн-варианта на /login схлопывается в нулевую ширину, и
   width:100% у карточки давал бы 40px (два паддинга). Ширину задаём здесь и
   только для шага с кодом — шаг ввода номера на /login не трогаем. */
.phoneauth-modal--code.phoneauth-modal--inline {
  width: 100%;
}

/* Карточка из макета — только у всплывающего окна: на /login блок встроен
   в страницу и своей рамки не имеет. */
.phoneauth-modal--code:not(.phoneauth-modal--inline) .phoneauth-modal__dialog {
  display: flex;
  flex-direction: column;
  /* В макете карточка 600×374. Высота задана минимумом, а не жёстко: под
     полем появляются сообщения об ошибке и статусе, и при height они бы
     обрезались. */
  min-height: 374px;
  border-radius: 20px !important;
  outline: 1px solid rgba(171, 171, 171, 0.1);
  outline-offset: -1px;
  box-shadow: 0px 1px 2px -1px rgba(0, 0, 0, 0.1), 0px 1px 3px rgba(0, 0, 0, 0.1) !important;
}

.phoneauth-modal--code .enter__lk-box-wrap {
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
  gap: 24px;
}

/* ---- заголовок и крестик ---------------------------------------------- */

.phoneauth-modal--code .enter__lk-box-title2 {
  display: flex;
  align-items: center;
  gap: 10px;
  margin: 0;
  padding: 0;
  border: none;
}

.phoneauth-modal--code .enter__lk-box-title2-t {
  flex: 1 1 0;
  min-width: 0;
  margin: 0;
  padding: 0 0 4px;
  font-family: InterRegular;
  font-size: 20px;
  line-height: 28px;
  color: rgb(0, 0, 0);
  text-align: left;
}

.phoneauth-modal--code .phoneauth-modal__close {
  position: static;
  flex: 0 0 auto;
  width: 24px;
  height: 24px;
  padding: 0;
  border: none;
  font-size: 0;
  line-height: 0;
  background: url('/images/menu-close.svg') center / 13.5px no-repeat;
}

/* ---- тело шага -------------------------------------------------------- */

.phoneauth-modal--code #phone-auth-container {
  display: block;
}

.phoneauth-modal--code #code-step {
  display: grid;
  /* Поле в макете — 330px, кнопка по содержимому. minmax оставляет полю
     возможность сжаться, если карточка окажется уже 600px. */
  grid-template-columns: minmax(0, 330px) auto;
  grid-template-areas:
    "title  title"
    "input  resend"
    "timer  timer";
  gap: 12px;
  /* stretch — поле по высоте совпадает с кнопкой, как в макете. */
  align-items: stretch;
  margin: 0;
}

.phoneauth-modal--code .phoneauth-code__title {
  grid-area: title;
  margin: 0;
  font-family: InterLight;
  font-size: 16px;
  line-height: 24px;
  color: rgb(61, 61, 61);
  text-align: left;
}

.phoneauth-modal--code .phoneauth-code__input {
  grid-area: input;
  box-sizing: border-box;
  width: 100%;
  min-width: 0;
  margin: 0;
  padding: 10px 20px;
  border: 1px solid rgba(171, 171, 171, 0.1);
  border-radius: 100px;
  box-shadow: 0px 1px 2px -1px rgba(0, 0, 0, 0.1), 0px 1px 3px rgba(0, 0, 0, 0.1);
  background: #fff;
  font-family: InterButton;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0.35px;
  color: rgb(24, 24, 27);
}

.phoneauth-modal--code .phoneauth-code__input::placeholder {
  color: rgba(171, 171, 171, 0.4);
}

.phoneauth-modal--code .phoneauth-code__resend {
  grid-area: resend;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  margin: 0;
  padding: 16px 20px;
  border: 1px solid rgba(171, 171, 171, 0.4);
  border-radius: 100px;
  background: #fff;
  font-family: InterButton;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0.35px;
  color: rgb(24, 24, 27);
  text-align: center;
  text-decoration: none;
  white-space: nowrap;
  cursor: pointer;
  transition: opacity 0.2s ease, background-color 0.2s ease;
}

.phoneauth-modal--code .phoneauth-code__resend:hover {
  background: rgba(171, 171, 171, 0.1);
}

/* Пока идёт отсчёт — состояние Disabled из макета. */
.phoneauth-modal--code .phoneauth-code__resend.is-disabled {
  opacity: 0.35;
  background: #fff;
  pointer-events: none;
}

.phoneauth-modal--code .phoneauth-code__timer {
  grid-area: timer;
  margin: 12px 0 0;
  font-family: InterLight;
  font-size: 16px;
  line-height: 24px;
  color: rgb(171, 171, 171);
  text-align: center;
}

/* Узлы, нужные только скриптам. */
.phoneauth-code__hidden {
  display: none !important;
}

/* ---- сообщения об ошибке и статусе ----------------------------------- */

.phoneauth-modal__error:empty,
.phoneauth-modal__info:empty {
  display: none;
}

.phoneauth-modal--code .phoneauth-modal__error,
.phoneauth-modal--code .phoneauth-modal__info {
  margin: 0;
  font-family: InterLight;
  font-size: 14px;
  line-height: 20px;
}

.phoneauth-modal--code .phoneauth-modal__error { color: rgb(198, 10, 16); }
.phoneauth-modal--code .phoneauth-modal__info { color: rgb(171, 171, 171); }

/* ---- «Вернуться к другим способам входа» ------------------------------ */

/* Ссылка возврата в макете прижата к низу карточки — тело шага занимает
   всё оставшееся место. */
.phoneauth-modal--code #phoneauth-back-to-methods-wrap {
  margin: auto 0 0;
  align-self: stretch;
}

.phoneauth-modal--code #phoneauth-back-to-methods {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  padding: 8px 16px;
  border-radius: 100px;
  font-family: InterButton;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0.35px;
  color: rgb(61, 61, 61);
  text-align: center;
  text-decoration: none;
}

.phoneauth-modal--code #phoneauth-back-to-methods:hover {
  background: rgba(171, 171, 171, 0.1);
}

/* ---- до 768px: лист во весь экран ------------------------------------- */

@media (max-width: 768px) {

  .phoneauth-modal--code:not(.phoneauth-modal--inline) {
    align-items: stretch;
    justify-content: stretch;
  }

  .phoneauth-modal--code:not(.phoneauth-modal--inline) .phoneauth-modal__dialog {
    display: flex;
    flex-direction: column;
    width: 100% !important;
    max-width: none !important;
    min-height: 100vh;
    margin: 0 !important;
    padding: 20px 20px 40px !important;
  }

  .phoneauth-modal--code:not(.phoneauth-modal--inline) .enter__lk-box-wrap {
    flex: 1 1 auto;
  }

  /* По макету тело шага занимает всё свободное место и центрирует содержимое,
     а ссылка возврата стоит последней у нижнего края листа. Кнопку чата Jivo,
     которая иначе накрывает ссылку, прячет правило по body.phoneauth-open
     ниже — класс ставит openModal() в modules/phoneauth/views/js/phoneauth.js. */
  .phoneauth-modal--code:not(.phoneauth-modal--inline) #phone-auth-container {
    display: flex;
    flex-direction: column;
    justify-content: center;
    flex: 1 1 auto;
  }

  .phoneauth-modal--code:not(.phoneauth-modal--inline) #phoneauth-back-to-methods-wrap {
    margin: 0;
  }

  .phoneauth-modal--code #code-step {
    grid-template-columns: minmax(0, 1fr);
    grid-template-areas:
      "title"
      "input"
      "timer"
      "resend";
  }

  .phoneauth-modal--code .phoneauth-code__title,
  .phoneauth-modal--code .phoneauth-code__timer {
    text-align: center;
  }

  .phoneauth-modal--code .phoneauth-code__resend {
    justify-self: center;
    margin-top: 12px;
  }

  /* Чат Jivo (теги <jdiv>, классы у него хешированные и меняются с обновлениями)
     висит в правом нижнем углу поверх листа и перекрывает ссылку возврата. */
  body.phoneauth-open jdiv {
    display: none !important;
  }
}

/* Пустая выдача поиска: текст + кнопка «Каталог» */
.search-no_results{display: flex; flex-direction: column; align-items: center; gap: 24px; text-align: center;}
.search-no_results h1{margin: 0;}
.search-no_results-go_to_catalog{display: inline-flex; align-items: center; gap: 6px; padding: 8px 23px; border: 1px solid transparent; border-radius: 100px; background-color: rgba(24, 24, 27, 1); color: white !important; font-family: InterButton; font-size: 14px; line-height: 20px; transition: 0.25s ease;}
.search-no_results-go_to_catalog::after{content: url('/images/stick-arrow-right_white.svg'); position: relative; top: 3px;}
.search-no_results-go_to_catalog:hover{opacity: 0.85;}

/* Характеристики товара: список переносится и держит равные отступы.
   Раньше на десктопе стоял nowrap без gap и space-between — при трёх-пяти
   пунктах они разъезжались по краям неравномерными зазорами. */
#product-details .pr_feature-list{flex-wrap: wrap; gap: 16px 32px; justify-content: flex-start;}
#product-details .pr_feature-list .product-feature_listed{min-width: 0;}
#product-details .pr_feature-list .product-feature_listed .name{margin: 0 0 4px;}
#product-details .pr_feature-list .product-feature_listed .value{margin: 0;}

/* =========================================================================
   Мобильные фильтры: пока панель открыта, плавающей кнопки «Фильтры» нет —
   панель закрывают кнопкой «Показать» в самом низу списка фасетов.
   Класс filter-menu ставит pionFilterPanelOpen() в assets/js/custom.js,
   саму кнопку добавляет туда же pionEnsureFiltersApplyButton().
   ========================================================================= */

/* Кнопка лежит в разметке постоянно (JS добавляет её сразу после отрисовки
   фасетов), а показывается строго вместе с открытой панелью: после ajax-
   перерисовки каталога #search_filters возвращается в обычный поток, и без
   этого кнопка всплывала бы поверх списка товаров. */
.pion-filters-apply {
  display: none !important;
}

@media (max-width: 1279px) {
  /* !important обязателен: у #search_filter_toggler в медиазапросах выше
     стоит display:flex!important. */
  body.filter-menu #js-product-list-top .filter-button,
  body.filter-menu #search_filter_toggler {
    display: none !important;
  }

  /* Панель — flex-колонка, поэтому margin-top:auto прижимает кнопку к низу,
     когда фасетов мало, и оставляет её последней в потоке, когда список
     длинный и прокручивается. */
  body.filter-menu .filter-mobile #search_filters .pion-filters-apply {
    display: block !important;
    width: 100%;
    margin: auto 0 0;
    padding: 16px 20px;
    border: none;
    border-radius: 100px;
    background: rgba(24, 24, 27, 1);
    color: #fff;
    font-family: InterButton;
    font-size: 16px;
    line-height: 20px;
    text-align: center;
    cursor: pointer;
    transition: 0.25s ease;
  }

  body.filter-menu .filter-mobile #search_filters .pion-filters-apply:hover,
  body.filter-menu .filter-mobile #search_filters .pion-filters-apply:active {
    opacity: 0.85;
  }

  /* Отступ снизу держался под прежнюю плавающую кнопку — теперь она в потоке. */
  .filter-mobile #search_filters {
    padding-bottom: 20px !important;
  }
}

/* Размер у стандартного товара: тот же ряд «кружков», что и у мультитовара.
   Раскладка списка в теме задана через #group_1 (id группы атрибутов), а у
   товара без комбинаций такой группы нет — повторяем правило для нашего блока.
   Разметка — themes/PRS03053/templates/catalog/_partials/product-variants.tpl. */
.clearfix.product-variants-item--single ul {
  display: flex;
  width: 100%;
  gap: 12px;
  margin: 0;
  padding: 0;
  list-style: none;
}

/* Выбирать нечего: значение одно и уже отмечено. */
.clearfix.product-variants-item--single .input-container label {
  cursor: default;
}

/* =========================================================================
   Флаг скидки на мобильных.

   В theme.css (медиазапрос max-width: 767px) селектор .product-flags попал в
   длинный список правил с display:none — вместе с ним на телефонах пропадал и
   «-45%» в карточке, и такой же флаг в списке товаров. Возвращаем его там, где
   он нужен: у миниатюр каталога и на странице товара. Блок фильтров в левой
   колонке при этом остаётся скрытым, как и было (#left-column ... .product-flags).
   ========================================================================= */
@media (max-width: 767px) {
  .product-miniature .product-flags,
  #main .product-flags.js-product-flags,
  .product-container .product-flags {
    display: flex !important;
  }

  /* Флаг «нет в наличии» скрыт на всех ширинах — правило выше его не воскрешает. */
  .product-flag.out_of_stock {
    display: none !important;
  }
}

@media (max-width: 767px) {
.product-flags.js-product-flags{display:initial!important}
#category .products .product_list.grid article.product_item:nth-child(6n+6){padding:0!important}
}


/* =========================================================================
   Курьерская доставка СДЭК: город, улица, дом и квартира вводятся штатными
   полями модуля внутри строки перевозчика (шаблон #cdek_address). Собранный
   адрес модульный syncCourierToBilling() кладёт в скрытое address1 — оттуда
   его берут и расчёт цены (CDEKCalculate), и создание заказа (CDEKNewOrders).
   Отправку на сервер досылает pushCourierAddress() в tc-custom.js.
   ========================================================================= */
.cdek_courier_address_fields {
  margin-top: 10px;
}



/* Доставка в пункт выдачи: пока пункт не выбран, строки «Доставка» нет вовсе.
   Метку .cdek-pvz-pending ставит сервер (хук displayCheckoutSubtotalDetails
   модуля cdek), поэтому сумма не успевает мелькнуть при загрузке страницы.
   Строк с итогами несколько — сводка корзины и блок подтверждения, — так что
   правило общее по окончанию id. Класс tc-shipping-hidden вешает скрипт: он
   подстраховывает браузеры без поддержки :has(). */
[id$="subtotal-shipping"]:has(.cdek-pvz-pending),
[id$="subtotal-shipping"].tc-shipping-hidden {
  display: none !important;
}

.tc-pvz-required {
  margin: 0 0 12px;
  padding: 10px 14px;
  border-radius: 8px;
  font-size: 14px;
}

/* Пункт выдачи не выбран — кнопка оплаты неактивна. */
#confirm_order.tc-confirm-blocked,
[data-link-action="x-confirm-order"].tc-confirm-blocked,
#confirm_order.tc-confirm-blocked:hover,
[data-link-action="x-confirm-order"].tc-confirm-blocked:hover {
  background: #dcdcdc !important;
  background-image: none !important;
  border-color: #dcdcdc !important;
  color: #8c8c8c !important;
  box-shadow: none !important;
  cursor: not-allowed !important;
  opacity: 1;
}

.clearfix.product-variants-item #group_1{flex-wrap:wrap!important;}