.f-mobile,.f-mobile_active{opacity:initial;visibility:initial}.h-mobile__top-wrap .h-mobile__top-phone .h-phone__home.h-phone__home_active .h-phone__icon-down .i-angle-down,.h-phone:hover .h-phone__content .h-phone__icon-down .i-angle-down{transform:rotateX(180deg);color:#d83578}body.mobile .m-products-mini .products__cart-skus .skus li input[type=radio]:checked:before,body.mobile .products .products__cart-skus .skus li input[type=radio]:checked:before{width:6px;height:6px;background:#00ad5d}@-webkit-keyframes opacityFadeInFromNone{0%{opacity:0}100%{opacity:1}}@-moz-keyframes opacityFadeInFromNone{0%{opacity:0}100%{opacity:1}}@-o-keyframes opacityFadeInFromNone{0%{opacity:0}100%{opacity:1}}@keyframes opacityFadeInFromNone{0%{opacity:0}100%{opacity:1}}.h-mobile_fix.header-banner-top-fix{padding-top:35px}.h-mobile_fix.header-banner-top-fix .m-menu-catalog_static{margin-top:55px}.header-banner-top-fix .h-promo{position:fixed;top:90px;z-index:901;border:none;width:calc(100% - 20px);height:45px;-webkit-animation:.5s ease-out opacityFadeInFromNone;-moz-animation:.5s ease-out opacityFadeInFromNone;-o-animation:.5s ease-out opacityFadeInFromNone;animation:.5s ease-out opacityFadeInFromNone}.header-banner-top .h-promo{display:none;opacity:0}.c-item__price,.c-item__price-count,.c-item__price-old,.p-images__wrap,.product .two-input-fields .counter,.product__wrap_modal .two-input-fields .counter,.s-cart-products .two-input-fields .counter,.s-messengers{position:relative}.c-item__price i.icon16-flexdiscount.loading,.c-item__price-count i.icon16-flexdiscount.loading{margin-right:0;position:absolute;top:50%;right:0;transform:translatey(-50%)}.c-item__price-count,.c-item__price-old{display:flex;align-items:center;justify-content:end;height:15px}.c-item__price-old{height:auto}.c-item__price-old>span{height:15px}.addCart .c-item__price-old,.m-products__info-available.available-stocks .products__available__skus .products__available-stock-text,.products__available.available-stocks .products__available__skus .products__available-stock-text,.s-products__available.available-stocks .products__available__skus .products__available-stock-text{display:flex}#liracrm-callme,.f-mobile,.m-products__info-available.available-stocks .products__available__skus.hidden,.products__available.available-stocks .products__available__skus.hidden,.s-products__available.available-stocks .products__available__skus.hidden{display:none}.counter__minus,.counter__plus{background:#e7e7e7}.counter-pr .counter-pr__minus,.counter-pr .counter-pr__plus{height:100%;background:#e7e7e7;flex-direction:row;justify-content:center}.counter__minus{border-radius:6px 0 0 6px}.counter__plus{border-radius:0 6px 6px 0}.counter__minus:hover,.counter__plus:hover{background:#e3e3e3}.products__cart-flex .counter__minus,.products__cart-flex .counter__plus{padding:0 10px}.p-cat-images__slider.products__item-img,body.mobile .h-mobile .m-menu-links .m-menu-links__dop ul.m-menu__ul-1 .m-menu__li-1>a.m-menu__a-1.m-menu__a-1-all{padding-top:0}.autobadge-pl{z-index:2!important}.d-filter .d-filter__check{overflow-y:auto}.m-products__code{color:gray;margin-top:10px;font-size:.75rem}.l-products .l-products__item-price .edinitsy-izmereniya,.m-products .m-products__price .edinitsy-izmereniya,.products .products__price .edinitsy-izmereniya,.s-products .s-products__price .edinitsy-izmereniya{display:inline-block;margin-left:5px;font-size:14px}.products .products__cart-flex{-webkit-flex-wrap:wrap-reverse;flex-wrap:wrap-reverse}.products .products__cart-flex .products__button{flex:0 0 100%}.products .products__cart-flex .two-input-fields-counter,.products .products__cart-flex>.counter{flex:0 0 100px;align-self:start;margin-left:auto;margin-right:auto;margin-bottom:20px}.products .products__cart-flex>.products__counter{align-self:start;margin-left:auto;margin-right:auto;margin-bottom:20px}.m-products .two-input-fields .product__counter,.product .two-input-fields .product__counter,.product__wrap_modal .two-input-fields .product__counter,.products .two-input-fields .product__counter,.s-products .two-input-fields .product__counter,.two-input-fields .s-products__counter{align-items:baseline}.m-products .counter,.m-products .products__counter,.products .counter,.products .products__counter,.s-cart-products .counter,.s-cart-products .products__counter,.s-products .counter,.s-products .products__counter{position:relative;margin-left:0;box-sizing:border-box}.m-products .two-input-fields .counter:first-child,.product .two-input-fields .counter:first-child,.product__wrap_modal .two-input-fields .counter:first-child,.products .two-input-fields .counter:first-child,.s-cart-products .two-input-fields .counter:first-child,.s-cart-products.two-input-fields .counter:first-child,.s-products .two-input-fields .counter:first-child{border-bottom:0;border-radius:6px 6px 0 0}.m-products .two-input-fields .counter:last-child,.product .two-input-fields .counter:last-child,.product__wrap_modal .two-input-fields .counter:last-child,.products .two-input-fields .counter:last-child,.s-cart-products .two-input-fields .counter:last-child,.s-cart-products.two-input-fields .counter:last-child,.s-products .two-input-fields .counter:last-child{border-top:0;border-radius:0 0 6px 6px}.m-products .two-input-fields .counter:first-child .counter__minus,.product .two-input-fields .counter:first-child .counter__minus,.product__wrap_modal .two-input-fields .counter:first-child .counter__minus,.products .two-input-fields .counter:first-child .counter__minus,.s-cart-products .two-input-fields .counter:first-child .counter__minus,.s-cart-products.two-input-fields .counter:first-child .counter__minus,.s-products .two-input-fields .counter:first-child .counter__minus{border-radius:6px 0 0}.m-products .two-input-fields .counter:first-child .counter__plus,.product .two-input-fields .counter:first-child .counter__plus,.product__wrap_modal .two-input-fields .counter:first-child .counter__plus,.products .two-input-fields .counter:first-child .counter__plus,.s-cart-products .two-input-fields .counter:first-child .counter__plus,.s-cart-products.two-input-fields .counter:first-child .counter__plus,.s-products .two-input-fields .counter:first-child .counter__plus{border-radius:0 6px 0 0}.m-products .two-input-fields .counter:last-child .counter__minus,.product .two-input-fields .counter:last-child .counter__minus,.product__wrap_modal .two-input-fields .counter:last-child .counter__minus,.products .two-input-fields .counter:last-child .counter__minus,.s-cart-products .two-input-fields .counter:last-child .counter__minus,.s-cart-products.two-input-fields .counter:last-child .counter__minus,.s-products .two-input-fields .counter:last-child .counter__minus{border-radius:0 0 0 6px}.m-products .two-input-fields .counter:last-child .counter__plus,.product .two-input-fields .counter:last-child .counter__plus,.product__wrap_modal .two-input-fields .counter:last-child .counter__plus,.products .two-input-fields .counter:last-child .counter__plus,.s-cart-products .two-input-fields .counter:last-child .counter__plus,.s-cart-products.two-input-fields .counter:last-child .counter__plus,.s-products .two-input-fields .counter:last-child .counter__plus{border-radius:0 0 6px}.m-products .counter span,.product .two-input-fields .counter span,.product__wrap_modal .two-input-fields .counter span,.products .counter span,.s-cart-products .counter span,.s-cart-products .two-input-fields .counter span,.s-products .counter span{position:absolute;top:50%;right:-10px;transform:translate(100%,-50%);width:26px;font-size:.8125rem;color:gray;text-align:left;overflow:hidden;z-index:1}.s-products__counter .counter{width:100px}.m-products__button{margin-left:43px}.m-products__info-available.available-stocks .products__available__skus,.products__available.available-stocks .products__available__skus,.s-products__available.available-stocks .products__available__skus{display:flex;flex-wrap:wrap}.m-products__info-available.available-stocks .products__available__skus>*,.products__available.available-stocks .products__available__skus>*,.s-products__available.available-stocks .products__available__skus>*{display:flex;flex-wrap:wrap;flex:0 0 100%;margin-top:10px}.m-products__info-available.available-stocks .products__available__skus>:first-child,.products__available.available-stocks .products__available__skus>:first-child,.s-products__available.available-stocks .products__available__skus>:first-child{margin-top:0}.m-products__info-available.available-stocks .products__available__skus .products__available-stock-name,.products__available.available-stocks .products__available__skus .products__available-stock-name,.s-products__available.available-stocks .products__available__skus .products__available-stock-name{margin-right:5px;color:gray}.products__available-out-of-stock{color:#e9545d}.products__available-in-stock{color:#00ad5d}.mobile .products__item .view-fav-com{display:block;opacity:1;visibility:visible;top:50px}.mobile .products__item .view-fav-com__item:hover,.mobile .s-products__item .view-fav-com__item:hover{border-color:#eee;box-shadow:initial}.f-mobile_active{display:block}.p-cat-images__slider .products__img{position:relative;display:none;width:100%;aspect-ratio:1;text-align:center}.p-cat-images__slider .products__img img{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.h-slider_w .owl-carousel,.h-slider_w .owl-carousel>.item:first-child,.p-cat-images__slider .owl-item .products__img,.p-cat-images__slider .products__img.products__img_active,.p-images__wrap .p-images__right .owl-carousel{display:block}.p-cat-images__slider .owl-item.active .products__img{opacity:1}.products__img-yet-item img{max-height:100%}.p-cat-images__slider.owl-theme-nav-2 .owl-dots{text-align:center;position:absolute;bottom:0;left:50%;transform:translateX(-50%);line-height:normal;width:100%}.p-cat-images__slider.owl-theme-nav-2 .owl-dot{position:relative;text-align:center;text-decoration:none;display:inline-block;background:0 0;color:inherit;border:none;padding:0!important;font:inherit}.p-cat-images__slider.owl-theme-nav-2 .owl-dots .owl-dot span{width:10px;height:10px;margin:5px;background:#d6d6d6;display:block;-webkit-backface-visibility:visible;transition:opacity .2s;border-radius:50%}.in-locale__my-lang>a:last-child,.m-menu__locale .in-locale__my-lang>a:last-child,header.h-fix .h-fix__phone .h-phone__home .h-phone__icon{margin-right:0}.p-cat-images__slider.owl-theme-nav-2 .owl-dots .owl-dot.active span{background:#869791}.products__item .product_skus_button{display:flex;justify-content:center;margin:20px auto 0;height:26px;line-height:26px}.stock-label__percent,.stock-label__price{min-height:20px;height:auto}.stock-label__percent{padding:4px 0}.stock-label__price{padding:4px 10px}@media screen and (max-width:1373px){.p-reviews__rating{flex-wrap:wrap}}@media screen and (max-width:760px){.products .products__cart-flex .two-input-fields-counter,.products .products__cart-flex>.counter{flex:0 0 calc(100% - 36px * 2)}}@media screen and (max-width:480px){.products__cart-flex .counter{margin-bottom:0}.products__cart-flex .counter,.products__cart-flex .counter__minus,.products__cart-flex .counter__plus{height:46px}.products__cart-flex .counter.counter_low,.products__cart-flex .counter_low .counter__minus,.products__cart-flex .counter_low .counter__plus{height:36px}.products__button{height:46px;line-height:46px}.products__button.button_low,.products__item .product_skus_button{height:36px;line-height:36px}.products .products__cart-flex .two-input-fields-counter,.products .products__cart-flex>.counter{width:calc(100% - 36px * 2);min-width:100px}.products__item .product_skus_button{margin-top:15px}}.searchpro__page-container .products__item{width:calc(33.33% - var(--c-l-m))}@media screen and (max-width:1400px){.searchpro__page-container .products__item{width:calc(50% - var(--c-l-m))}}@media screen and (max-width:1080px){.p-reviews__rating{flex-wrap:unset}.searchpro__page-container .products__item{width:calc(33.33% - var(--c-l-m-m))}}@media screen and (max-width:940px){.searchpro__page-container .products__item{width:calc(50% - var(--c-l-m-m))}}@media screen and (max-width:750px){.searchpro__page-container .products__item{width:calc(33.33% - var(--c-l-m-m))}}@media screen and (max-width:670px){.searchpro__page-container .products__item{width:calc(50% - var(--c-l-m-m))}}.product .factory-packaging,body.mobile .m-products-mini .m-products_item_bottom{margin-top:10px}.product .product__prices .unit-price-block,.product__wrap_modal .product__prices .unit-price-block{display:flex;flex:0 0 100%;margin-top:20px}.product .product__prices .unit-price-block .flexdiscount-product-discount,.product__pr-price-wrap .flexdiscount-product-discount,.product__wrap_modal .product__prices .unit-price-block .flexdiscount-product-discount{display:flex;align-items:baseline;flex-wrap:wrap}.product__plugins .flexdiscount-product-discount,.s-cart-total .s-affiliate-bonus-wrapper input[type=submit],.webui-popover .webui-popover-inner .webui-popover-content input[name=title],.webui-popover .webui-popover-inner .webui-popover-content textarea,body.mobile .m-products-mini .m-products_item_bottom .bottom .counter-pr,body.mobile .products .products__cart-flex .counter-pr{width:100%}.product .product__prices .unit-price-block .product__price,.product__wrap_modal .product__prices .unit-price-block .product__price{font-size:1.4rem}.product .product__prices .unit-price-block .product__price-old,.product__wrap_modal .product__prices .unit-price-block .product__price-old{font-size:1.2rem}.product .two-input-fields .counter.packing-qty{border:1px solid #eee;border-radius:6px}.product .two-input-fields .counter.packing-qty .counter__minus{border-radius:6px 0 0 6px}.product .two-input-fields .counter.packing-qty .counter__plus{border-radius:0 6px 6px 0}.factory-packaging-features{display:flex;flex:0 0 100%;align-items:center;justify-content:center;flex-wrap:wrap;line-height:1.6;font-size:16px;color:#757575}.product__button-fix .button[data-quickorder-product-button]{height:36px;line-height:36px}@media screen and (max-width:356px){.product__button-fix .button[data-quickorder-product-button],.product__button-fix .product__button{padding:0 10px}}.c-item__total{margin-left:35px;width:186px;min-width:186px}.c-item__total .product__price-dis{justify-content:end}.s-cart-total .flexdiscount-coupon-code,body.mobile .home-description .visible-part.hidden{margin-bottom:10px}@media screen and (max-width:1199px){.c-item{-webkit-flex-wrap:wrap;flex-wrap:wrap;-webkit-justify-content:flex-end;justify-content:flex-end}.c-item__info{flex:0 0 calc(100% - 70px);margin-bottom:20px}}@media screen and (max-width:1024px){.c-item{-webkit-flex-wrap:initial;flex-wrap:initial;-webkit-justify-content:initial;justify-content:initial}.c-item__info{flex:initial;margin-bottom:0}}@media screen and (max-width:767px){.c-item{-webkit-flex-wrap:wrap;flex-wrap:wrap;-webkit-justify-content:flex-end;justify-content:flex-end}.c-item__info{flex:0 0 calc(100% - 70px);margin-bottom:20px}.c-item__count,.c-item__total{padding-left:0}.c-item__count{margin-bottom:0;width:100px;text-align:center}.c-item__total{text-align:right}body.mobile .in-blocks__item-promo .promo_bor{border:none}body.mobile .in-blocks__item-promo .promo_bor .promo__wrap{flex-direction:row;flex-wrap:wrap;gap:10px;justify-content:space-between}body.mobile .in-blocks__item-promo .promo_bor .promo__wrap .promo__item{flex:1 1 48%;padding:5px 10px;gap:10px;border:1px solid #e6e6e6;border-radius:5px;margin-bottom:0}body.mobile .in-blocks__item-promo .promo_bor .promo__wrap .promo__title{font-size:14px;margin-bottom:0;line-height:16px}body.mobile .in-blocks__item-promo .promo_bor .promo__wrap .promo__icon{width:30px;height:30px;margin-right:0}body.mobile .in-blocks__item-promo .promo_bor .promo__item:after,body.mobile .in-blocks__item-promo .promo_bor .promo__wrap .promo__text{display:none}body.mobile .in-blocks__item-promo .promo_bor .promo__wrap .promo__item:first-child{order:1}body.mobile .in-blocks__item-promo .promo_bor .promo__wrap .promo__item:nth-child(2){order:3}body.mobile .in-blocks__item-promo .promo_bor .promo__wrap .promo__item:nth-child(3){order:2}body.mobile .in-blocks__item-promo .promo_bor .promo__wrap .promo__item:nth-child(4){order:4}}@media screen and (max-width:580px){.searchpro__page-container .products__item{width:calc(100% - var(--c-l-m-m))}.c-item{-webkit-justify-content:initial;justify-content:initial}.c-item__img img{max-width:100%}.c-item__info{flex:0 0 calc(100% - 110px)}.c-item__count{margin-right:0}.c-item__total{margin-left:20px;flex:0 0 calc(100% - 130px)}.st-compare .products__item-info-name{min-height:auto;height:40px;overflow:hidden}.st-compare .products__cart-flex{display:flex}}@media screen and (max-width:362px){.c-item__count{margin-right:calc(100% - 100px);margin-bottom:20px}.c-item__total{flex:0 0 100%;margin-left:0}}.button[data-quickorder-product-button],.quickorder-button-cart[data-quickorder-cb]{background:var(--c-b);background-color:#bae8e8;border:0;border-radius:5px;cursor:pointer;color:var(--c-b-c);display:inline-block;font-size:.875rem;padding:0 20px;overflow:hidden;position:relative;height:46px;line-height:46px;text-align:center;text-decoration:none;transition:.2s ease-out;width:100%;margin:0;color:#000;text-transform:uppercase}.quickorder-button-cart[data-quickorder-cb]:hover:not(.in-loading):not(:disabled),body.mobile .footer__item-desc,body.mobile .h-mobile .m-menu-catalog_menu .m-menu-catalog__arrow,body.mobile .h-mobile .m-menu-catalog_menu .m-menu-catalog__bars{padding:0}.quickorder-button-cart[data-quickorder-cb]:hover:after{transform:scaleX(0)}@media screen and (min-width:1080px){.searchpro__field .searchpro__field-container{z-index:1000!important}}.searchpro__page-filters .searchpro__page-filters_helper{z-index:1000}.in-locale__my-lang>a{margin:0 20px;font-size:.875rem;color:var(--c-h-m-c);text-decoration:none}.in-locale__my-lang>a:hover{color:var(--c-h-m-c-h)}.in-locale__my-lang>a:first-child{margin-left:0}.m-menu__locale .in-locale__my-lang{font-size:0}.m-menu__locale .in-locale__my-lang>a{margin:0 5px 0 0}.c-hicon__name,.h-menu__item:hover>.c-menu,.h-menu__item:hover>.h-menu__img,.h-menu__item:hover>.h-menu__sub,.h-phone__info,.in-auth:hover .in-auth__drop{z-index:1001}.cartOS label,.s-payment-header label,.s-shipping-header label{cursor:pointer}.gray{color:#aaa}.h-fix__phone .h-phone__home>.h-phone__icon,.s-messengers__link{color:var(--c-h-ph-1-i)}.product__code span.kod-plugin{display:inline}.product__contact>div{display:block;width:100%}.searchpro__page .searchpro__page-mobile .jq-selectbox{z-index:11}.f-panel__googlereviews-plugin-block{border-radius:6px;box-shadow:0 0 10px rgb(0 0 0 / 50%)!important;overflow:hidden;height:50px;box-sizing:border-box}.f-panel__googlereviews-plugin-block>div{position:static!important;text-indent:0;margin:0;padding:0;background:0 0;border-style:none!important;float:none;line-height:normal;font-size:1px;vertical-align:baseline;display:inline-block;width:165px!important;height:50px!important;box-shadow:none!important;box-sizing:border-box}.f-panel__googlereviews-plugin-block>div iframe{position:static!important;top:0!important;width:165px!important;margin:0;border-style:none;display:block;left:0;visibility:visible;height:50px!important}.h-fix__phone .h-mobile__top-phone{display:flex;align-items:center;border:1px solid #ebebeb;border-radius:6px;padding:6px;height:32px;background-color:var(--c-h-t-f-c-f);white-space:nowrap;cursor:pointer}.h-fix__phone .h-phone__home>.h-phone__content{color:var(--c-m-p-i)}.h-fix__phone .h-mobile__top-phone .h-phone__content-tel{display:none}[class*=header__top-phone] .h-phone__home_active+.h-phone__info{top:calc(100% + 10px)}.h-fix__phone .h-phone:hover .h-phone__info,.h-fix__phone .h-phone__home_active+.h-phone__info{top:calc(100% + 27px)}.h-fix__phone .h-phone__home_active .i-angle-down-b,[class*=header__top-phone] .h-phone__home_active .i-angle-down-b{transform:rotateX(180deg)!important}.h-fix__phone .h-phone__home_active+.h-phone__info,[class*=header__top-phone] .h-phone__home_active+.h-phone__info{display:block;opacity:1!important;visibility:visible!important}.s-messengers,.s-messengers__link{display:flex;height:54px;width:54px}.s-messengers__link{background-color:var(--c-h-c-f);border-left:1px solid var(--c-f-p-b);border-right:1px solid var(--c-f-p-b);padding:6px;box-sizing:border-box;white-space:nowrap}.s-messengers__link:hover{cursor:pointer}.f-panel__cart .s-mcart__link-footer .s-mcart__title,.h-slider_w .owl-carousel>.item,.p-images__wrap .p-images__right .owl-carousel>div:not([class]),.s-messengers__link.open>svg,.s-messengers__link>div,div.webui-popover.top-left>.webui-arrow,div.webui-popover.top-left>.webui-arrow:after,div.webui-popover.top-right>.webui-arrow,div.webui-popover.top-right>.webui-arrow:after,div.webui-popover.top>.webui-arrow,div.webui-popover.top>.webui-arrow:after,header.h-fix .h-fix__phone .h-phone__content{display:none}.s-messengers__link .chat-logo:hover{transform:scale(1.18)}.s-messengers__link .messengers{flex-direction:column}.s-messengers__link .close,.s-messengers__link .messenger{justify-content:center;align-items:center;cursor:pointer;background-color:transparent;width:45px;height:45px}.s-messengers__link.open{position:absolute;bottom:0;left:50%;transform:translateX(-50%);z-index:1001;flex-direction:column;box-shadow:0 5px 25px rgb(0 0 0 / 15%);border:0;border-radius:6px;padding:0;height:auto;width:54px}.f-panel-1 .f-panel_right,.s-messengers__link.open .close,.s-messengers__link.open .messenger,.s-messengers__link.open>div,body.mobile .h-mobile__top-wrap .h-mobile__top-search-icon{display:flex}.s-messengers__link.open .chat-img-hover{display:none!important}.s-messengers__link.open .close:hover,.s-messengers__link.open .messenger:hover{border-radius:6px;background-color:rgba(76,77,115,.05)}.s-messengers__link.open .close:hover svg,.s-messengers__link.open .messenger:hover svg{transform:scale(1.1)}.cartOS__form .wa-form .wa-field .wa-value .phonemask__wrap input[name*=phone],.phonemask__wrap input[name*=phone]{padding-left:40px!important}.phonemask__wrap .phonemask__country_wrap{height:39px;top:0!important;left:0!important}.cartOS__form .phonemask__wrap .phonemask__country_wrap{height:36px}.quickorder-form .phonemask__wrap .phonemask__country_wrap{height:33px}.phonemask__wrap .phonemask__country_wrap details{margin-bottom:0!important;height:100%!important}.phonemask__wrap .phonemask__country_wrap details summary{position:absolute;top:50%;left:0;transform:translateY(-50%);height:auto!important}.phonemask__wrap .phonemask__country_wrap details summary::before{height:100%!important}.phonemask__wrap .phonemask__country_wrap details[open]{overflow:initial!important;height:100%!important}.phonemask__wrap .phonemask__country_wrap details[open] summary{position:absolute!important}.phonemask__wrap .phonemask__country_wrap details[open] summary~*{position:absolute;top:100%;left:0;width:100%}.liracrm-modal .liracrm-modal-dialog{overflow:initial}#liracrm-order-call.phonemask__wrap .phonemask__country_wrap{height:45px;top:initial!important}@media screen and (max-width:620px){#liracrm-order-call.phonemask__wrap .phonemask__country_wrap{height:43px;left:10%!important;bottom:55px;text-align:initial}}.page.subscribe{text-align:center;margin-bottom:40px}.page.subscribe>img{width:100%;max-width:500px}.h-slider.owl-carousel:first-child{display:block;opacity:1}.p-images__wrap .p-images__right .owl-carousel>div:not([class]):first-child{display:block}.wa-value [id^=np2_ct_shipping_fields] .select2,.wa-value [id^=np2_wh_shipping_fields] .select2{width:100%!important;min-width:auto;max-width:100%}div.webui-popover.in{position:fixed;top:50%!important;left:50%!important;transform:translate(-50%,-50%);width:529px;max-width:90%}.webui-popover .webui-popover-inner .close{margin:0;width:30px;height:30px;position:relative;opacity:1}.webui-popover .webui-popover-inner .close:after{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);padding:0;width:auto;height:auto;content:"✖";line-height:1;font-size:20px;font-weight:400}.webui-popover .webui-popover-inner .close:focus,.webui-popover .webui-popover-inner .close:hover{opacity:1;filter:unset}.webui-popover .webui-popover-inner .webui-popover-title{padding:30px;font-size:1.25rem;text-align:center;font-weight:400;line-height:1}.webui-popover .webui-popover-inner .webui-popover-content{padding:30px}.webui-popover .webui-popover-inner .webui-popover-content label{margin-right:10px;font-size:.9375rem;white-space:nowrap}.webui-popover .webui-popover-inner .webui-popover-content td{padding-bottom:20px}.webui-popover .webui-popover-inner .webui-popover-content tr:last-child td{padding-bottom:0}.webui-popover .webui-popover-inner .webui-popover-content .star-hover{margin-right:2px;background-image:url("data:image/svg+xml,");background-position:50%;background-repeat:no-repeat}.contactme-panel-wrap .contactme-helper-panel{overflow-y:auto;overflow-x:auto;position:relative}.contactme-panel-wrap .contactme-helper-panel .contactme-close{margin:0;position:absolute;top:10px;right:10px}.contactme-panel-wrap .contactme-helper-panel .contactme-form-title{margin-bottom:10px;font-size:1rem;font-weight:var(--font-weight);line-height:1.4}.c-menu__left_big .c-menu__item:hover .i-angle-right,.h-mobile__top-wrap .h-mobile__top-phone .h-phone__home.h-phone__home_active .h-phone__icon,.in-locale .in-locale__my-lang a.selected,header.h-fix .h-fix__phone .h-phone:hover .h-phone__home .i-phone{color:#d83578}header.h-fix .h-fix__auth a{border-radius:6px;height:38px;width:38px;border:0}header.h-fix .h-fix__phone .h-mobile__top-phone{border-radius:6px;padding:8px;height:38px}header.h-fix .h-fix__phone .h-phone__home .i-phone{color:#2d2d2d}.f-panel-1 .f-panel__wrap{padding:10px 30px}.f-panel-1 .f-panel__icon{border-radius:5px;border:1px solid #bcc2d2}.f-panel-1 .f-panel__icon .s-hicon{height:45px;padding:5px 0}.f-panel-1 .f-panel__icon .s-hicon.favorits-pc{border-radius:5px 0 0 5px}.f-panel-1 .f-panel__icon .s-hicon:last-child{border-top-right-radius:5px;border-bottom-right-radius:5px;border-right:0}.f-panel-1 .f-panel__icon .hcount,.s-mcart_active .s-mcart__count{line-height:20px}.h-fix__auth .c-hicon:hover a{border:none;box-shadow:unset}.in-left .in-left__item.in-left__item-bestsellers,.in-left .in-left__item.in-left__item-news{background:#f8f9ff;border-radius:5px}.in-left .in-left__item.in-left__item-bestsellers .in-left__title,.in-left .in-left__item.in-left__item-help .in-left__title,.in-left .in-left__item.in-left__item-news .in-left__title{background:#d3e3ff;padding:15px;border-radius:5px 5px 0 0}.in-left .in-left__item.in-left__item-bestsellers .l-products,.in-left .in-left__item.in-left__item-news .l-news,body.mobile .h-mobile .m-menu-catalog .m-menu-catalog__bars{padding:0 16px}.in-left .in-left__item.in-left__item-bestsellers .l-products__next,.in-left .in-left__item.in-left__item-news .l-news__next{padding:0 15px 15px;color:#2f3f6d}.in-left .in-left__item.in-left__item-help .l-help{background:#f8f9ff;border-radius:5px;border:0}.in-left .in-left__item.in-left__item-help .l-help__content{padding:0 15px 15px}.f-panel-1 .f-panel__cart .s-mcart__link-footer{min-width:170,33px;height:45px;justify-content:space-between;border:1px solid #bcc2d2;border-radius:5px;padding-left:5px}.f-panel-1 .f-panel__cart .s-mcart__link-footer .hcount{width:0}.f-panel-1 .f-panel__cart .s-mcart__link-footer .hcount_active{width:18px}.f-panel-1 .f-panel__icon .s-hicon a{border-right:1.5px solid #8e9fcc}.f-panel-1 .f-panel__icon .s-hicon:last-child a{border-right:none}.f-panel-1 .f-panel_right .f-panel__messengers{margin-right:20px}.f-panel .f-panel__messengers .chat-img,.f-panel .f-panel__messengers .chat-img-hover{position:absolute;display:block;width:19px;height:18px}.f-panel .f-panel__messengers .chat-img{opacity:1;background-image:url('../img/chat.png')}.f-panel .f-panel__messengers .chat-img-hover{opacity:0;background-image:url('../img/chat-hover.png')}.f-panel .f-panel__messengers .s-messengers__link{justify-content:center;align-items:center;border-radius:5px;border:1px solid #bcc2d2}.f-panel .f-panel__messengers .s-messengers__link.open{height:auto}.f-panel .f-panel__messengers .s-messengers__link:hover{border:1px solid #d83578}.f-panel .f-panel__messengers .s-messengers__link:hover .chat-img{opacity:0}.f-panel .f-panel__messengers .s-messengers__link:hover .chat-img-hover{opacity:1}.f-panel .f-panel__messengers .s-messengers__link.open .chat-img,body.mobile .footer__item .footer__item-pay,body.mobile .m-products-mini .counter-pr__unit,body.mobile .products .products__cart-flex .counter-pr__unit{display:none}.filter .ui-slider-horizontal .ui-widget-header,body.mobile .footerPanel.mobilefooterPanel .hcount.hcount_active{background:#d83578}.filter .ui-slider-horizontal .ui-slider-handle,.filter .ui-slider-horizontal .ui-slider-handle.ui-state-focus{box-shadow:0 0 0 2px #00ebc7;background-color:#d83578;box-shadow:0 0 0 2px #d83578}.filter .filter__label:hover .in-checkbox__element{box-shadow:unset;border-color:#ee7d9a}.filter .filter__label.filter__label_active .in-checkbox__element,body.mobile .m-products-mini .view-fav-com__item.p-favorit_active{border-color:#d83578}.filter .filter__label .in-checkbox__element:before{border:solid #d83578;border-width:0 1px 1px 0}.products .products__item:hover{border:1px solid #d3e3ff;box-shadow:unset}.products .products__item .products__button:hover:after{background-color:#2f3f6d}.f-panel_right .s-messengers,.f-panel_right .s-messengers__link{height:45px;width:45px}.f-panel-1 .f-panel__cart .s-mcart__link-footer .s-mcart__icon{width:30px;height:30px}@media screen and (max-width:1080px){.s-messengers,.s-messengers__link,.s-messengers__link .close,.s-messengers__link .messenger{width:40px;height:40px}.h-phone__home_active .i-angle-down-b{transform:rotateX(180deg)!important}.h-phone__home_active+.h-phone__info{display:block;top:calc(100% + 10px);opacity:1!important;visibility:visible!important}.f-panel__messengers{margin-left:auto}.f-panel__googlereviews-plugin-block{height:40px}.s-messengers__link{background-color:var(--c-m-p-c);box-shadow:0 0 10px rgb(0 0 0 / 50%);border:none;border-radius:50%;padding:9px}.s-messengers__link.open{width:40px}.h-phone:hover .h-phone__content .h-phone__icon-down .i-angle-down{transform:unset;color:unset}.f-panel .f-panel__messengers .s-messengers__link,.f-panel .f-panel__messengers .s-messengers__link:hover{border:none}}.f-cookies{bottom:70px}.st-compare .products__item-img,.st-compare .products__item-info{width:initial;flex:0 0 100%}.st-compare .products__item-img{padding-top:40%}.st-compare .products__item-info{margin-top:20px}.expected-bonus{padding:2px 4px 1px;margin-left:5px}body.mobile .owl-theme-nav .owl-next,body.mobile .owl-theme-nav .owl-prev{width:32px;height:32px;border-color:#333}body.mobile .owl-theme-nav .owl-next span,body.mobile .owl-theme-nav .owl-prev span{line-height:17px;color:#333}body.mobile .h-mobile__top-wrap .h-mobile__top-bars .bars_mobile .bars__line,body.mobile .h-mobile__top-wrap .h-mobile__top-bars .bars_mobile .bars__line:after,body.mobile .h-mobile__top-wrap .h-mobile__top-bars .bars_mobile .bars__line:before{height:2px;background-color:#0b1a45}body.mobile .h-mobile .h-mobile__top-icon_mobile .hcount.hcount_active,body.mobile .h-mobile__top-wrap .h-mobile__top-cart .cart-count.hcount_active{background-color:#d83578;color:#fff}body.mobile .h-mobile{padding-top:65px}body.mobile .h-mobile .h-mobile__top-wrap{box-shadow:none;border-bottom:1px solid #2f3f6d;height:56px;padding:10px 20px}body.mobile .h-mobile .h-mobile__top-bars{padding:0;width:24px;height:16px;margin-right:20px}body.mobile .h-mobile .m-menu-catalog.m-menu-catalog_static{background-color:#d3e3ff;margin-top:0}body.mobile .h-mobile .h-mobile__top-icon_mobile .hcount{background-color:#8e9fcc;color:#fff;right:4px;top:5px;width:16px;height:16px}body.mobile .h-mobile__top-wrap .h-mobile__top-cart{margin-left:11px}body.mobile .h-mobile__top-wrap .h-mobile__top-cart .s-mcart__link{background:unset;border:none;padding:0}body.mobile .h-mobile__top-wrap .h-mobile__top-cart .s-mcart__icon{background:unset;border:none}body.mobile .h-mobile__top-wrap .h-mobile__top-cart .cart-count{right:-2px;top:2px;width:16px;height:16px;line-height:18px;background-color:#8e9fcc;color:#fff;margin-left:0}body.mobile .h-mobile .m-menu-catalog .m-menu-catalog__title{font-size:16px}body.mobile .h-mobile .m-menu .m-menu__header{background:#0b1a45;box-shadow:none;height:56px;justify-content:end}body.mobile .h-mobile .m-menu .m-menu__header .m-menu__close{height:56px;padding:0;margin:0 10px 0 30px}body.mobile .h-mobile .m-menu .m-menu__header .m-menu__search{flex:none;margin-right:10px}body.mobile .h-mobile .m-menu-catalog_menu{border:none;height:56px;margin:0 30px}body.mobile .h-mobile .m-menu-links .m-menu-links__dop{padding-top:47px}body.mobile .h-mobile .m-menu-links .m-menu-links__dop .m-menu-links__close,body.mobile .h-mobile .m-menu-links .m-menu-links__dop .m-menu-links__prev{height:46px}body.mobile .h-mobile .m-menu-links .m-menu-links__dop .m-menu-links__top{background:#d3e3ff;height:46px;border-bottom:none}body.mobile .h-mobile .m-menu-links .m-menu-links__dop .m-menu-links__top .m-menu-links__title{padding:0;font-size:16px;font-weight:500}body.mobile .h-mobile .h-phone__home .h-phone__icon,body.mobile .h-mobile .m-menu-catalog_menu .m-menu-catalog__bars,body.mobile .h-mobile .m_filter_pages .filter_page>svg{margin-right:25px}body.mobile .h-mobile .m-menu__contact{border:none}body.mobile .h-mobile .m-menu__contact .m-menu__down,body.mobile .h-mobile .m_filter_pages .filter_page .m-menu__down{width:auto;margin:0}body.mobile .h-mobile .m-menu__contact .h-phone__home_end,body.mobile .products .products__bottom .products__pr-price{align-items:center}body.mobile .h-mobile .m-menu__contact .m-menu-links__dop{padding-top:46px}body.mobile .h-mobile .m-menu__contact .m-menu-links__dop .m-menu-links__top{height:46px;background:#fff;border-bottom:1px solid #e6e6e6}body.mobile .h-mobile .m-menu__contact .m-menu-links__dop .h-phone__info{margin-top:43px}body.mobile .h-mobile .m-menu__contact .m-menu-links__dop .h-phone__info .h-phone__mode .h-phone__mode-h{display:flex;align-items:center;justify-content:center;gap:11px;color:#2d2d2d;font-size:20px;margin-bottom:20px}body.mobile .h-mobile .m-menu__contact .m-menu-links__dop .h-phone__info .h-phone__mode .h-phone__mode-t{font-size:16px;color:#2d2d2d}body.mobile .h-mobile .m-menu__contact .m-menu-links__dop .h-phone__info .h-phone__icon{margin-right:15px}body.mobile .h-mobile .m-menu__contact .m-menu-links__dop .h-phone__info .h-phone__tel{font-size:16px;font-weight:400;color:#2d2d2d;margin-right:0}body.mobile .h-mobile .m-menu__contact .m-menu-links__dop .h-phone__info-share .share{gap:17px}body.mobile .h-mobile .m-menu__contact .m-menu-links__dop .h-phone__info-share .share__link{width:38px;height:38px}body.mobile .h-mobile .m-menu__contact .m-menu-links__dop .h-phone__info-share .share__link>svg{width:100%;height:100%}.h-mobile .m-menu__contact .m-menu-links__dop .h-phone__info-tel,body.mobile .h-mobile .m-menu__contact .m-menu-links__dop .h-phone__info-share{margin-top:0}body.mobile .h-mobile .m-menu__contact .m-menu-links__dop .h-phone__info-tel{margin-bottom:43px}body.mobile .h-mobile .m-menu__wrap .m-menu__li-1{margin:0;border:none}body.mobile .h-mobile .m-menu-links ul.m-menu__ul-1,body.mobile .h-mobile .m-menu__locale .in-locale,body.mobile .h-mobile .m_filter_pages{margin:0 30px}body.mobile .h-mobile .line-menu-mobile{border:1px solid #e6e6e6;margin:10px 30px}body.mobile .h-mobile .m-auth-user{display:flex;flex-direction:column;align-items:center;border:1px solid #8e9fcc;margin:10px 30px;padding:15px;border-radius:5px}body.mobile .h-mobile .m-auth-user .m-auth-info{text-align:center;margin-bottom:12px;font-size:14px;font-weight:400;color:#2d2d2d}body.mobile .h-mobile .m-auth-user .m-login-mobile{padding:15px 53px;border-radius:5px;font-size:14px;font-weight:500;text-transform:uppercase;text-decoration:none;background:#d83578;color:#fff}body.mobile .h-mobile .m-menu-links ul.m-menu__ul-1 .m-menu__info>a{padding:9px 0;color:#868686;font-size:16px}body.mobile .h-mobile .m-menu-links .m-menu-links__dop ul.m-menu__ul-1{margin:0 10px}body.mobile .h-mobile .m-menu-links .m-menu-links__dop ul.m-menu__ul-1 .m-menu__li-1{border-bottom:1px solid #e6e6e6}body.mobile .h-mobile .m-menu-links .m-menu-links__dop ul.m-menu__ul-1 .m-menu__li-1>a{font-size:16px;color:#0b1a45}body.mobile .h-mobile .m-menu-links .m-menu-links__dop ul.m-menu__ul-1 .m-menu__li-1 .m-menu-mobile,body.mobile .h-mobile .m-menu-links .m-menu-links__dop ul.m-menu__ul-1 .m-menu__li-1 .m-menu__down{margin-left:auto;margin-right:0}body.mobile .h-mobile .m-menu-links .m-menu-links__dop ul.m-menu__ul-1 .m-menu__li-1 .m-menu__a-1.m-menu__down{justify-content:left;padding:9px 0 9px 8px}body.mobile .h-mobile .m-menu-links .m-menu-links__dop .m-menu__li-1 .m-menu__a-1.m-menu__down .m-menu__name{font-size:16px;color:#0b1a45;text-align:left}body.mobile .h-mobile .m-menu-links .m-menu-links__dop ul.m-menu__ul-1 .m-menu__li-1 .m-menu-mobile{display:flex;align-items:center;justify-content:center;width:50px;text-align:center;transform:rotate(0);transition:.3s linear}body.mobile .h-mobile .m-menu-links .m-menu-links__dop ul.m-menu__ul-1 .m-menu__info>a{color:#0b1a45;padding:9px 0 9px 8px}body.mobile .h-mobile .m-menu__locale .in-locale .in-locale__my-lang>a{border:none;width:auto;margin-right:23px;font-size:16px}body.mobile .h-mobile .m-menu__locale .in-locale .in-locale__my-lang>a:last-child{margin-right:0}body.mobile .h-mobile .m_filter_pages .filter_page{display:flex;align-items:center;height:56px;text-decoration:none}body.mobile .h-mobile .m_filter_pages .filter_page span.name{flex:1;font-size:16px;color:#2d2d2d;font-weight:500}body.mobile .footer__item-logo{display:flex;justify-content:center}body.mobile .footer__item-logo .bottom-logo-mobile{max-width:100%;max-height:100%}body.mobile .footer__item-desc>p{display:block;text-align:center}body.mobile .footer__item-desc>p body.mobile .footerPanel.mobilefooterPanel{box-shadow:none;z-index:1000;border-top:2px solid #8e9fcc}body.mobile .footerPanel.mobilefooterPanel .footerPanel__name{color:#222;font-size:12px}body.mobile .footerPanel.mobilefooterPanel .hcount{background:#8e9fcc;color:#fff;opacity:1;line-height:20px}body.mobile .footer__item .mobile_footer_bottom{display:flex;align-items:center;justify-content:space-between}body.mobile .footer__item .mobile_footer_bottom .footer__item-soz,body.mobile .m-products-mini .m-products_item_top .products__item-info-rating{margin-top:0}body.mobile .footer__item .mobile_footer_bottom .footer__item-pay{display:inline-block;margin-bottom:0}body.mobile .wrap{padding-left:10px;padding-right:10px}body.mobile .in-blocks__item.in-blocks__item-company>div.page{overflow-x:unset}body.mobile .in-blocks__item.in-blocks__item-company .groupQuestions{margin-right:-10px;margin-left:-10px;padding:30px 10px;background:#f8f8f8}body.mobile .in-blocks__item.in-blocks__item-company .groupQuestions .groupQuestions__title{font-size:18px;color:#0b1a45;margin-bottom:20px}body.mobile .in-blocks__item.in-blocks__item-company .groupQuestions .groupQuestions__item{margin-bottom:12px}body.mobile .in-blocks__item.in-blocks__item-company .groupQuestions .groupQuestions__item-title{font-size:16px;line-height:23px;font-weight:400;color:#0b1a45}body.mobile .in-blocks__item.in-blocks__item-company .groupQuestions .groupQuestions__item .groupQuestions__item-header{background:#f5f5f5;padding:12px;border-radius:6px;border:1px solid #dedede}body.mobile .in-blocks__item.in-blocks__item-company .groupQuestions .groupQuestions__item .groupQuestions__item-content{padding:0 12px 12px;font-size:14px;line-height:20px;border-radius:0 0 6px 6px;border:1px solid #dedede;border-top:none;color:#2f3f6d;font-weight:400}body.mobile .in-blocks__item.in-blocks__item-company .groupQuestions .groupQuestions__item.groupQuestions__item--open .groupQuestions__item-header{background:#fff;border-radius:6px 6px 0 0;border-bottom:none}body.mobile .home-description .home-toggle-btn{display:inline-block;font-size:14px;color:#0b1a45;border-bottom:1px solid #0b1a45}body.mobile .m-products-mini .products__cart-skus .skus li.active,body.mobile .products .products__cart-skus .skus li.active{border-color:#00ad5d}body.mobile .in-blocks__title .category-name{display:flex;align-items:center;gap:20px}body.mobile .in-blocks__item-s.sorting-fix .sorting{padding:5px 0;margin:0;border:0;gap:5px}body.mobile .in-blocks__item-s.sorting-fix .sorting .sorting__filter{display:flex;font-size:14px;align-items:center;padding:7px 10px;gap:10px;background:#2f3f6d;color:#fff;border-radius:5px;margin-left:0}body.mobile .in-blocks__item-s.sorting-fix .sorting .sorting__right{gap:10px}body.mobile .in-blocks__item-s.sorting-fix .sorting .sorting__left .sorting__switch{padding:5px;margin-right:6px;color:#e6e6e6}body.mobile .in-blocks__item-s.sorting-fix .sorting .sorting__left .sorting__switch:last-child{margin-right:0}body.mobile .in-blocks__item-s.sorting-fix .sorting .sorting__left .sorting__switch.sorting__switch_active{box-shadow:none;border-color:#aaa;filter:brightness(0) saturate(100%) invert(75%) sepia(6%) saturate(8%) hue-rotate(7deg) brightness(92%) contrast(84%)}body.mobile .in-blocks__item-s.sorting-fix .sorting .sorting__sort .sorting__sort-name{border:1px solid #868686;background:#ededed;gap:10px;padding:0 10px;justify-content:center}body.mobile .in-blocks__item-s.sorting-fix .sorting .sorting__sort .sorting__sort-name-n{padding:0}body.mobile .in-blocks__item-s.sorting-fix .sorting .sorting__sort .sorting__sort-down{border:none;width:auto}body.mobile .products .products__item{border-color:#e6e6e6;border-radius:10px}body.mobile .products .products__bottom .products__pr-price .products__pr-price-label,body.mobile .products .products__bottom .products__pr-price .products__pr-price-wrap{justify-content:center}body.mobile .products.mobile_thumbs .products__code_blocks{display:flex;gap:15px}body.mobile .products.mobile_thumbs .products__code_blocks .products__code{font-size:13px}body.mobile .products .products__available__skus{flex-wrap:nowrap;gap:15px}body.mobile .products .available-stocks .products__available-in-stock,body.mobile .products .available-stocks .products__available-out-of-stock{flex:0 0 auto;margin-top:0}body.mobile .products .products__cart-skus .skus li{border:1px solid #e6e6e6;border-radius:5px;padding:5px}body.mobile .products .products__cart-skus .skus li input[type=radio]{width:12px;height:12px;border:1px solid #aaa}body.mobile .products .products__cart-skus .skus li input[type=radio]:checked{border:1px solid #00ad5d}body.mobile .products .products__cart-skus .skus li input[type=radio]:hover{box-shadow:none}body.mobile .products .products__cart-skus .skus li .skus__price{font-size:14px;font-weight:600}body.mobile .products .products__cart-skus .skus li .skus__price-old{font-size:11px}body.mobile .products.mobile_thumbs .products__cart-flex{flex-direction:row-reverse;flex-wrap:unset;gap:10px}body.mobile .products .products__cart-flex .counter-pr__icon svg{filter:brightness(0) saturate(100%) invert(8%) sepia(91%) saturate(0%) hue-rotate(72deg) brightness(88%) contrast(90%)}body.mobile .products.mobile_thumbs .products__cart-flex .products__button{flex:0 0 50%}body.mobile .m-products-mini .product_skus_button,body.mobile .products .product_skus_button{background:#0b1a45}body.mobile .products.mobile_list_thumbs .products__cart-flex,body.mobile .products.products_slider .products__cart-flex{justify-content:center;flex-direction:unset}body.mobile .products .products__cart-flex .products__counter{margin:0;width:50%;display:flex}body.mobile .products.mobile_list_thumbs .products__cart-flex .products__counter,body.mobile .products.products_slider .products__cart-flex .products__counter{width:120px;margin-bottom:18px}body.mobile .products .products__cart-flex .products__counter .counter-pr__minus,body.mobile .products .products__cart-flex .products__counter .counter-pr__plus{background:#e6e6e6;flex:0 0 calc(50% - 20px);max-width:30px}body.mobile .products.mobile_list_thumbs .products__cart-flex .products__counter .counter-pr__minus,body.mobile .products.mobile_list_thumbs .products__cart-flex .products__counter .counter-pr__plus,body.mobile .products.products_slider .products__cart-flex .products__counter .counter-pr__minus,body.mobile .products.products_slider .products__cart-flex .products__counter .counter-pr__plus{flex:0 0 30px}body.mobile .m-products-mini .counter-pr__count,body.mobile .products .products__cart-flex .counter-pr__count{flex:100%}body.mobile .m-products-mini input.counter-pr__input,body.mobile .products .products__cart-flex input.counter-pr__input{max-width:50%;width:100%}body.mobile .products.mobile_list_thumbs .products__cart-flex input.counter-pr__input{max-width:50%;width:50%}body.mobile .products .products__cart-flex .counter-pr__min{display:none!important}body.mobile .bread.breadcrumbs_block.show,body.mobile .products .products__cart-flex .counter-pr__icon{display:block}body.mobile .products .products__item .view-fav-com{top:15px}body.mobile .m-products-mini .m-products__item{flex-wrap:wrap;padding:4px;gap:10px;border-color:#e6e6e6;border-radius:10px;width:100%}body.mobile .m-products-mini .m-products__item>div{flex:0 0 100%}body.mobile .m-products-mini .m-products__item .m-products_item_top,body.mobile .m-products-mini .m-products_item_bottom .bottom{display:flex;gap:10px}body.mobile .m-products-mini .m-products_item_top .m-products__img{width:108px;opacity:1}body.mobile .m-products-mini .m-products_item_top .m-products__img-block{width:auto;height:auto}body.mobile .m-products-mini .m-products_item_top .right{display:flex;flex-wrap:wrap;gap:5px;flex:0 0 calc(100% - 118px)}body.mobile .m-products-mini .m-products_item_top .right>div{flex:0 0 100%;margin:0}body.mobile .m-products-mini .m-products__item .m-products_item_top .products__available__skus{flex-wrap:nowrap;gap:15px}body.mobile .m-products-mini .m-products__item .m-products_item_top .products__available__skus>div{margin:0;flex:0 0 auto;align-items:center}body.mobile .m-products-mini .m-products__item .m-products_item_top .products__available-stock-text{align-items:center}body.mobile .m-products-mini .m-products__item .m-products_item_top .top_block{display:flex;justify-content:space-between}body.mobile .m-products-mini .m-products__item .m-products_item_top .view-fav-com{display:flex;gap:12px;opacity:1;visibility:visible;position:unset}body.mobile .m-products-mini .view-fav-com .view-fav-com__item{background:rgba(255,255,255,.6);border-color:#e6e6e6;width:24px;height:24px;margin-bottom:0}body.mobile .m-products-mini .view-fav-com__item.p-compare_active,body.mobile .products .products__item .view-fav-com__item.p-compare_active{background:#d83578;border-color:#d83578}body.mobile .m-products-mini .products__cart-skus{margin-top:0;margin-bottom:10px;flex:0 0 100%}body.mobile .m-products-mini .products__cart-skus .skus{display:flex;gap:5px}body.mobile .m-products-mini .m-products__item .m-products_item_bottom .m-products__button,body.mobile .m-products-mini .products__cart-skus .skus>li{margin:0}body.mobile .m-products-mini .products__cart-skus .skus__price-bl{text-align:left}body.mobile .m-products-mini .top .products__pr-price{margin:0 0 10px;align-items:center}body.mobile .m-products-mini .m-products_item_bottom .bottom>*{width:50%}body.mobile .m-products-mini .m-products_item_bottom .products__pr-price{margin:0;justify-content:center;align-items:center}body.mobile .m-products-mini .products__cart-flex{flex-direction:row-reverse;flex-wrap:unset}body.mobile .m-products-mini .products__cart-flex .products__button{flex:0 0 calc(50% - 5px)}body.mobile .m-products-mini .products__cart-flex .products__counter{margin:0;display:flex;flex:0 0 calc(50% - 5px)}body.mobile .m-products-mini .products__cart-flex .products__counter .counter-pr{flex:0 0 100%}body.mobile .m-products-mini .products__counter .counter-pr__minus,body.mobile .m-products-mini .products__counter .counter-pr__plus{background:#e6e6e6;flex:0 0 46px}body.mobile .m-products-mini .products__cart-skus .skus li{border:1px solid #e6e6e6;border-radius:5px;padding:5px;width:33%}body.mobile .m-products-mini .products__cart-skus .skus label{gap:10px}body.mobile .m-products-mini .products__cart-skus .skus li input[type=radio]{width:12px;height:12px;border:1px solid #aaa;margin-right:0}body.mobile .m-products-mini .products__cart-skus .skus li input[type=radio]:checked{border:1px solid #00ad5d}body.mobile .m-products-mini .products__cart-skus .skus li input[type=radio]:hover{box-shadow:none}body.mobile .products .products__item .view-fav-com__item{background:rgba(255,255,255,.6);border-color:#e6e6e6;width:24px;height:24px}body.mobile .products .products__item .view-fav-com__item.p-favorit_active{border-color:#d83578}@media screen and (max-width:580px){.products__item{width:calc(100% - var(--c-l-m-m))}body.mobile .products.mobile_list_thumbs .products__item{width:calc(50% - var(--c-l-m-m))}body.mobile .products .products__cart-flex .products__counter .counter-pr__minus,body.mobile .products .products__cart-flex .products__counter .counter-pr__plus{flex:0 0 46px;max-width:initial}}@media screen and (max-width:460px){body.mobile .m-products-mini .products__cart-skus .skus__name{font-size:13px}body.mobile .m-products-mini .products__cart-skus .price.skus__price{font-size:14px}body.mobile .m-products-mini .products__cart-skus .skus__price-old{font-size:11px}}@media screen and (max-width:420px){body.mobile .in-blocks__item-s.sorting-fix .sorting .sorting__filter>span{display:none}}@media screen and (max-width:414px){.products__item{width:calc(100% - var(--c-l-m-m))}#liracrm-order-call.phonemask__wrap .phonemask__country_wrap details[open]{width:204px!important}.webui-popover .webui-popover-inner .webui-popover-content,.webui-popover .webui-popover-inner .webui-popover-title{padding:10px}.webui-popover .webui-popover-inner .webui-popover-content td{display:block;width:100%}.webui-popover .webui-popover-inner .webui-popover-content tr:last-child td:first-child{display:none}.webui-popover .webui-popover-inner .webui-popover-content .save{width:100%}body.mobile .m-products-mini .products__cart-skus .skus{flex-wrap:wrap}body.mobile .m-products-mini .products__cart-skus .skus label>div{display:flex;justify-content:space-between;width:100%;align-items:center}body.mobile .m-products-mini .products__cart-skus .skus li{width:100%}body.mobile .products.mobile_list_thumbs .products__item{width:calc(50% - var(--c-l-m-m))}}@media screen and (max-width:380px){body.mobile .products.mobile_thumbs .products__code_blocks{gap:0;flex-wrap:wrap}body.mobile .products.mobile_thumbs .products__code_blocks .products__code{flex:0 0 100%}body.mobile .footerPanel.mobilefooterPanel .footerPanel__name{font-size:11px}}@media screen and (max-width:375px){body.mobile .searchpro__field .searchpro__field-input-container .searchpro__field-input{padding:0 40px 0 10px}body.mobile .searchpro__field-container .searchpro__field-clear-button{width:40px}body.mobile .searchpro__field .searchpro__field-button-container .searchpro__field-button{padding:0 10px}}@media screen and (max-width:360px){body.mobile .in-blocks__item-s.sorting-fix .sorting .sorting__right{gap:5px}}@media screen and (max-width:350px){body.mobile .products .products__cart-flex .products__counter .counter-pr__minus,body.mobile .products .products__cart-flex .products__counter .counter-pr__plus{flex:0 0 calc(50% - 20px);max-width:30px}body.mobile .h-mobile .m-menu-catalog_menu,body.mobile .h-mobile .m-menu-links ul.m-menu__ul-1,body.mobile .h-mobile .m_filter_pages{margin:0 20px}body.mobile .h-mobile .m-menu .m-menu__header .m-menu__close{margin-left:20px}body.mobile .h-mobile .m-auth-user{margin:10px 20px}}body.mobile .product__h1{display:flex;align-items:center;gap:10px}body.mobile .category.wrap .in-blocks__title>div.top_block,body.mobile .product.wrap>div.top_block{position:relative;width:100%}body.mobile .bread.breadcrumbs_block{display:none;position:absolute;width:100%;background:#fff;padding:30px 12px 12px;border-radius:5px;border:1px solid #7386ba;margin:0;z-index:20}body.mobile .bread.breadcrumbs_block span.close_popup{display:flex;position:absolute;right:0;top:0;padding:10px}body.mobile .bread.breadcrumbs_block .bread__wrap{flex-wrap:wrap;overflow:unset;margin:0;padding:0;gap:16px}body.mobile .bread.breadcrumbs_block .bread__wrap .bread__list{flex:0 0 100%;margin:0}body.mobile .bread.breadcrumbs_block .bread__link,body.mobile .bread.breadcrumbs_block .bread__sep{font-size:14px;font-weight:400}body.mobile .bread.breadcrumbs_block .bread__link{white-space:normal} .stock-label__price{display:none!important} /* ================= Задача №86 — подача акционной цены из 1С (25.08.2026) ================= 1. Плашка со скидкой переезжает в левый верхний угол карточки товара в списках. 2. Розничная цена выводится красным, если у товара есть зачёркнутая цена. 3. Диапазон процентов для товара с несколькими фасовками рисует user.js. Откат: удалить этот блок из user.css и user.min.css. */ .products__item { position: relative; } .products__item-tile { position: relative; } .products__item-tile > .products__pr-price-label.stock-label, .products__item-tile > .stock-label, .products__item > .products__pr-price-label.stock-label, .products__item .products__label.stock-label { position: absolute; top: 8px; left: 8px; z-index: 4; margin: 0; max-width: calc(100% - 16px); } /* В теме у плашки жёстко задана width: 40px — текст диапазона «-20…-29%» вылезал за жёлтую подложку. Ширина делается по содержимому, минимум прежние 40px. */ .stock-label__percent { width: auto; min-width: 40px; padding-left: 6px; padding-right: 6px; white-space: nowrap; flex-shrink: 0; } .p-images__wrap { position: relative; } .p-images__wrap .product__pr-price-label.stock-label { position: absolute; top: 10px; left: 10px; z-index: 6; margin: 0; } .products__pr-price-wrap:has(.products__pr-price-old) .products__pr-price-new, .products__price:has(.products__price-old:not([style*="none"])) .products__price-new, .skus__price-bl:has(.skus__price-old) .skus__price, .product__pr-price-wrap:has(.product__pr-price-old:not([style*="none"])) .product__pr-price-new, .c-item__prices:has(.products__pr-price-old) .products__pr-price-new { color: #E3000F; } /* Карточка товара: у фасовки с зачёркнутой ценой розничная цена тоже красная, а сама зачёркнутая — отдельной строкой под ней. */ .skus-item:has(.skus__price-old) .skus__price { color: #E3000F; } .skus-item .js-sku-price-wrap { display: flex; flex: 1 1 auto; /* тянется до колонки «цена за единицу» — правый край цен совпадает */ flex-direction: column; align-items: flex-end; vertical-align: top; min-width: 0; } .skus-item .js-sku-top { display: flex; align-items: center; gap: 6px; line-height: 1.2; } .skus-item .skus__price-old { display: inline; margin: 0; line-height: 1.2; } .skus-item .skus__price { font-size: 17px; line-height: 1.2; } /* Цена занимает всю колонку между названием и «₴/кг» и прижата вправо — тогда правый край совпадает и у товаров с акцией (есть обёртка), и без неё (обёртки нет). */ .skus-item > label > .skus__price { flex: 1 1 auto; text-align: right; min-width: 0; } .skus__disc { background: #FFD84D; color: #412402; font-size: 11px; font-weight: 500; padding: 1px 5px; border-radius: 3px; white-space: nowrap; } /* Карточка товара: порядок цен в строке фасовки — как в списке категорий (решение владельца 27.08.2026): сверху крупная актуальная цена, под ней зачёркнутая и процент одной строкой. Раньше было наоборот (компоновка «Сільпо»), и на 320 px зачёркнутая цена «2 754 ₴» разваливалась по символам — колонка слишком узкая для двух чисел в одной строке. */ .skus-item .js-sku-price-wrap { gap: 0; } .skus-item .js-sku-price-wrap .skus__price { order: 1; white-space: nowrap; } .skus-item .js-sku-top { order: 2; gap: 4px; white-space: nowrap; } .skus-item .skus__price-old { white-space: nowrap; font-size: 12px; } .skus-item .skus__disc { font-size: 10px; padding: 0 4px; } @media screen and (max-width: 560px) { .skus-item .skus__price-old { font-size: 11px; } .skus-item .skus__disc { font-size: 9px; padding: 0 3px; } } /* Плашка на фотографии товара — крупнее, чем мелкая плашка в списках. */ .p-images__wrap .stock-label__percent { font-size: 16px; line-height: 1.2; min-width: 64px; padding: 7px 12px; border-radius: 4px; } /* --- Вариант C: фасовки как кнопки с ценой и ценой за единицу --- */ #product-skus-list { display: flex; flex-direction: column; gap: 8px; margin: 0; padding: 0; list-style: none; } .skus-item { border: 1px solid #e3e3e3; border-radius: 6px; transition: border-color .15s ease; } .skus-item:hover { border-color: #c9c9c9; } /* Выбранная фасовка выделена рамкой заметнее (решение владельца 28.08.2026): рамка рисуется внутренней тенью, поэтому её толщина не меняет размеров строки и соседние строки не прыгают. */ .skus-item:has(input[type="radio"]:checked), .skus-item.js-sku-checked { border-color: #d83578; box-shadow: inset 0 0 0 2px #d83578; } /* Класс-дублёр ставит user.js: в браузерах без :has() правило выше отбрасывается, а radio скрыт — выбранная фасовка иначе ничем не отличается. */ .skus-item:has(input[type="radio"]:focus-visible) { outline: 2px solid #0B1A45; outline-offset: 1px; } .skus-item label { display: flex; align-items: center; gap: 10px; padding: 8px 10px; margin: 0; cursor: pointer; } .skus-item input[type="radio"] { position: absolute; opacity: 0; width: 0; height: 0; } /* Ширина колонки названия фиксирована: «2,5 кг» шире «100 г» и иначе сдвигает цены. */ .skus-item .skus__name { flex: 0 0 58px; } /* Артикул в строке фасовки не нужен — он есть в правой колонке карточки. */ .skus-item .skus__art { display: none; } /* Артикул отдельной строкой в плитке списка. Рисует его ТЕМА (класс `products_sku_code`), он был там и до нас — но в карточке товара мы артикул убрали как дубль «Кода», и список с карточкой разошлись. Решение владельца 28.08.2026: прятать и в списках. ⚠ Класс здесь `products__code` (списки), а в карточке — `product__code` без «s»: это разные элементы, правило карточку не задевает. */ .products__code.products_sku_code { display: none; } /* Колонка «цена за единицу» фиксированной ширины — иначе «1 250 ₴/кг» шире «917 ₴/кг» и правый край самих цен съезжает от строки к строке. */ .skus__unit-price { flex: 0 0 78px; text-align: right; font-size: 12px; color: #808080; white-space: nowrap; } .skus__unit-price.is-best { color: #2e7d32; font-weight: 500; } @media screen and (max-width: 560px) { .skus-item label { gap: 8px; padding: 7px 8px; } .skus-item .skus__name { flex-basis: 50px; } .skus__unit-price { flex-basis: 68px; font-size: 11px; } } /* Список категорий на мобильном: блок выбора фасовок компактнее (строка 39 -> ~30 px). */ @media screen and (max-width: 560px) { /* ⚠ Без !important это правило НЕ применяется: у темы селектор специфичнее, и по факту остаётся `padding: 5px`. Замер 28.08.2026 на 320 px: строка 123 px, из них 10 px съедали боковые отступы, и «1 139,30 ₴ -9% 10,34 ₴/шт» вылезало за край на 5 px. Раньше эти пиксели давала СЖАТАЯ радио-кнопка — теперь она фиксирована, и место надо брать здесь. */ .products__cart-skus .skus li { padding: 2px 4px !important; } .products__cart-skus .skus__name { font-size: 10px; } .products__cart-skus .skus__price { font-size: 11px; line-height: 1.15; } .products__cart-skus .skus__price-old { font-size: 8px; line-height: 1.1; } .products__cart-skus .skus__price-bl { line-height: 1.1; gap: 2px; } .products__cart-skus .js-sku-top { gap: 3px; } .products__cart-skus .skus__disc { font-size: 8px; padding: 0 3px; } } /* ⚠ Кружок выбора фасовки сжимался вместе со строкой: у него `flex-shrink: 1`, и когда в строку добавилась справочная цена, на 320 px радио превращалось в вертикальную чёрточку 2 px вместо 12 px (замечание владельца 28.08.2026, категория SALE, «Стакан для десерту Циліндр 210 мл»). Сжиматься должен текст, а не орган управления — радио остаётся жёстким. ⚠ Название фиксировать ПОЛНОСТЬЮ («100 шт» шире «1 шт») оказалось лишним: длинные подписи фасовок («Вафельная бумага стандарт») не оставляли цене места вовсе, и та схлопывалась в 0 px, наезжая текстом на название (задача №150, 17.09.2026, категория «Вафельні картинки», товар «Харлі Квін»). Название теперь МОЖЕТ сжиматься и переноситься по словам (браузерный минимум — ширина самого длинного слова): в норме места хватает и переноса не происходит, он включается только когда иначе цена перестала бы помещаться. */ .products__cart-skus .skus li input[type="radio"] { flex: 0 0 auto; } .products__cart-skus .skus__name { flex: 0 1 auto; } /* ⚠ На 320 px строка не помещалась даже с фиксированной кнопкой: замер 28.08.2026 показал, что 15 px съедали ОТСТУПЫ СПРАВА — 5 px у радио и 10 px у названия фасовки, а содержимое (12 + 32 + 74) и так занимало 118 px при строке 123 px. Ужимаем отступы только на узких экранах: 320–400 px. Ширe места хватает, там оставляем прежний воздух. */ @media screen and (max-width: 400px) { .products__cart-skus .skus li input[type="radio"] { margin-right: 3px !important; } .products__cart-skus .skus__name { margin-right: 3px !important; } } /* Списки категорий: цена сверху, под ней зачёркнутая цена и процент скидки одной строкой. Колонка узкая (два товара в ряд), поэтому всё в одну строку не ставим — переносится. */ .products__cart-skus .skus__price-bl { display: flex; flex-direction: column; align-items: flex-end; gap: 0; /* ⚠ Блок цены ЗАНИМАЕТ остаток строки и прижимает содержимое вправо. Без `flex-grow` он вставал сразу за названием, а правая половина строки оставалась пустой — на 1400 px цена кончалась на 133 px при ширине строки 268 (замечание владельца 28.08.2026: «цена и название далеко друг от друга, выглядит разорванно»). Теперь строка читается как прайс-лист: фасовка слева, цена справа. На узких экранах grow упирается в предел и ведёт себя как прежде. ⚠ `min-width: 0` разрешал этому блоку сжаться ниже ширины самой цены — при длинном названии фасовки он схлопывался в 0 px, и `white-space: nowrap` цены вылезала поверх названия текстом без места (задача №150, 17.09.2026). Без `min-width: 0` браузерный минимум — ширина цены; сжимается теперь название (см. выше), не цена. */ flex: 1 1 auto; } .products__cart-skus .skus__price { order: 1; white-space: nowrap; } .products__cart-skus .js-sku-top { order: 2; display: flex; align-items: center; gap: 4px; white-space: nowrap; } .products__cart-skus .skus__price-old { display: inline; margin: 0; } /* Цена за единицу в списке категорий — третьей строкой под ценой, мелко и серым. */ .products__cart-skus .js-list-unit { flex: 0 0 auto; order: 3; font-size: 9px; line-height: 1.1; color: #808080; text-align: right; white-space: nowrap; } .products__cart-skus .js-list-unit.is-best { color: #2e7d32; font-weight: 500; } /* Наличие одной строкой вместо четырёх: зелёный — есть, жёлтый — под заказ, серый — нет. */ .js-stock-status { font-weight: 500; } .js-stock-status[data-kind="now"] { color: #2e7d32; } .js-stock-status[data-kind="order"] { color: #BA7517; } .js-stock-status[data-kind="none"] { color: #808080; } /* Родные строки складов лежат в .stock__block НА КАЖДУЮ фасовку, и тема при переключении сама выставляет им инлайновый display — перебить его можно только !important из таблицы стилей. Правило работает лишь при классе js-stock-ready: его ставит user.js, когда своя строка наличия построена. Если скрипт не отработал, покупатель видит родной вывод темы, а не пустое место. */ .stocks.js-stock-ready > .stock__block, .stocks.js-stock-ready > .stocks__stock:not(.js-stock-status) { display: none !important; } /* То же в СПИСКАХ товаров: вместо чипов «Офіс ✗ / Склад ✓» — одна строка. Родные блоки гасятся тем же классом-выключателем, который ставит user.js. Цвет по data-kind берётся из общих правил `.js-stock-status` выше. */ .products__available.js-stock-ready > .products__available__skus { display: none !important; } /* У плитки с выбором фасовок наличие показано значком в каждой строке — общий блок убираем целиком. Класс ставит user.js и только когда значкам есть на чём построиться. */ .products__available.js-stock-rows { display: none !important; } /* --- Скидка от количества в карточке: ступени под ценой и подсказка у количества --- */ .js-qty-steps { display: flex; gap: 6px; margin: 8px 0 4px; } .js-qty-step { flex: 1 1 0; min-width: 0; border: 1px solid #e3e3e3; border-radius: 6px; padding: 5px 4px; text-align: center; line-height: 1.25; } .js-qty-step.is-active { border-color: #2e7d32; background: #f2f8f2; } .js-qty-step__n { display: block; font-size: 10px; color: #808080; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .js-qty-step__p { display: block; font-size: 13px; font-weight: 500; white-space: nowrap; } .js-qty-step.is-active .js-qty-step__n, .js-qty-step.is-active .js-qty-step__p { color: #2e7d32; } .js-qty-hint { margin: 6px 0 2px; padding: 6px 8px; border-radius: 6px; font-size: 12px; line-height: 1.4; background: #f2f8f2; color: #2e7d32; } .js-qty-hint[data-kind="best"] { background: #f6f6f4; color: #5f5e5a; } @media screen and (max-width: 560px) { .js-qty-steps { gap: 4px; } .js-qty-step { padding: 4px 3px; } .js-qty-step__n { font-size: 9px; } .js-qty-step__p { font-size: 12px; } .js-qty-hint { font-size: 11px; padding: 5px 7px; } } /* Плитка БЕЗ выбора фасовок: цена оформлена такой же строкой, как строка фасовки — значок слева, цена прижата вправо. Строки фасовок в плитке обрамлены только на мобильном (на десктопе тема рисует их без рамки) — повторяем оба состояния. */ /* ⚠ Тема раскладывает .products__pr-price КОЛОНКОЙ (flex-direction: column, align-items: center) — из-за этого значок вставал НАД ценой. Явно переводим в строку. */ .products__pr-price.js-price-row { display: flex; flex-direction: row; flex-wrap: nowrap; align-items: center; justify-content: flex-end; } /* Внутри строки цена и зачёркнутая цена идут СТОЛБИКОМ и прижаты вправо — как в строке фасовки. Тема кладёт их в ряд, и на ширине плитки 123 px они не помещаются: «₴/кг» уезжало на вторую строку, а зачёркнутая вылезала за край. Нужен !important — правило темы на этот блок специфичнее нашего. */ .products__pr-price.js-price-row > .products__pr-price-wrap { flex: 1 1 auto; min-width: 0; display: flex !important; flex-direction: column !important; flex-wrap: nowrap !important; align-items: flex-end !important; justify-content: center !important; } .products__pr-price.js-price-row .products__pr-price-new, .products__pr-price.js-price-row .products__pr-price-old { margin: 0; line-height: 1.25; } .products__pr-price.js-price-row .price-wrapper { white-space: nowrap; } /* ⚠ У товара с заполненными единицами измерения тема кладёт в этот же блок ещё два элемента — базовую цену `.products__pr-price-base` («0,57 ₴/шт.») и соотношение `.products__pr-price-ratio` («1 упак. = 100 шт.»). В строке с `nowrap` они не помещались, и цена уезжала за ЛЕВЫЙ край: на боевом сайте «107 ₴» читалось как «07 ₴» (28.08.2026, категория «Упаковка»). Разрешаем перенос и отдаём этим двум по целой строке — значок наличия остаётся рядом с ценой, а базовая цена и соотношение уходят под неё, прижатые вправо, как и сама цена. */ .products__pr-price.js-price-row { flex-wrap: wrap; } .products__pr-price.js-price-row > .products__pr-price-base, .products__pr-price.js-price-row > .products__pr-price-ratio { flex: 1 0 100%; min-width: 0; text-align: right; } .js-sku-avail_solo { flex: 0 0 15px; margin: 0 8px 0 0; } .js-sku-avail_solo svg { width: 15px; height: 15px; } @media screen and (max-width: 560px) { .products__pr-price.js-price-row { border: 1px solid #e3e3e3; border-radius: 5px; padding: 5px; } .js-sku-avail_solo { flex: 0 0 13px; margin: 0 6px 0 0; } .js-sku-avail_solo svg { width: 13px; height: 13px; } /* На плитке 123 px цена в 18 px налезала на значок, а зачёркнутая упиралась в край. Приводим к размеру цен в строках фасовок: 14 px цена, 10 px «₴/кг» и зачёркнутая. */ .products__pr-price.js-price-row .products__pr-price-new .price { font-size: 14px; } .products__pr-price.js-price-row .products__pr-price-new .currency, .products__pr-price.js-price-row .products__pr-price-new .unit { font-size: 10px; } .products__pr-price.js-price-row .products__pr-price-old { font-size: 10px; } } .products__available-status { font-size: 12px; line-height: 1.35; } /* Значок наличия у каждой фасовки (вариант Б). Ширина фиксированная, чтобы правый край цен в строках не поехал — он выравнивался отдельно, см. «Готча выравнивания фасовок». */ .js-sku-avail { flex: 0 0 16px; display: inline-flex; align-items: center; margin: 0 8px 0 6px; } .js-sku-avail svg { width: 15px; height: 15px; display: block; } .js-sku-avail[data-kind="now"] { color: #2e7d32; } .js-sku-avail[data-kind="order"] { color: #BA7517; } .js-sku-avail[data-kind="none"] { color: #9a9a95; } @media (max-width: 560px) { .js-sku-avail { flex: 0 0 14px; margin: 0 6px 0 4px; } .js-sku-avail svg { width: 13px; height: 13px; } } /* В плитке значок живёт в строке «₴/кг» (см. комментарий в user.js): места на строке с ценой там нет. Никакой своей ширины он в колонке цены не занимает. */ .js-sku-avail_unit { flex: 0 0 auto; margin: 0 3px 0 0; vertical-align: -1px; } .js-sku-avail_unit svg { width: 11px; height: 11px; } .js-sku-avail_own { flex: 0 0 auto; order: 4; margin: 1px 0 0; align-self: flex-end; } .js-sku-avail_own svg { width: 11px; height: 11px; } @media (max-width: 560px) { .js-sku-avail_unit svg, .js-sku-avail_own svg { width: 10px; height: 10px; } } /* В карточке товара артикул не нужен — рядом уже есть «Код». В списках он остаётся. Значение выводится в span-ах art-NNN, видимостью которых управляет сама тема при переключении фасовки, поэтому нужен !important. Слово «Артикул:» убирает user.js. */ .product__code [class^="art-"] { display: none !important; } /* Страница товара на мобильном: кнопка «КАТАЛОГ ТОВАРІВ» в шапке дублирует бургер-меню и съедает 45 px первого экрана — до цены и так приходится прокручивать (решение владельца 27.08.2026). Прячем только на карточке товара (признак — контейнер .product__content-1) и только на узких экранах; на остальных страницах и на десктопе кнопка остаётся. */ @media screen and (max-width: 560px) { body:has(.product__content-1) .m-menu-catalog_static { display: none !important; } } /* Мобильная карточка товара: верхний блок компактнее (решение владельца 28.08.2026, вариант 2). 1. Галерея. Само изображение товара — около 205 px в высоту, а блок под него тема отводила 453 px: ссылка-обёртка `.p-images__slider-item` имеет жёсткую высоту 360 px плюс отступы. Ограничиваем саму картинку и даём обёртке высоту по содержимому — блок становится ~257 px, картинка не мельчает. ⚠ Контейнеры карусели ограничиваем ЧУТЬ ВЫШЕ картинки (215 против 205): у owl `overflow: hidden`, и предел меньше картинки не ужимает её, а срезает края. 2. Строка «рейтинг · відгуки · обране · порівняння» стояла между названием и фотографией. Её переносит под блок покупки user.js (moveTopRow), здесь только оформление на новом месте. */ @media screen and (max-width: 560px) { .p-images__wrap { padding-top: 4px !important; padding-bottom: 4px !important; } .p-images__slider-item { height: auto !important; min-height: 0 !important; display: flex !important; align-items: center; justify-content: center; } .p-images__slider img { max-height: 205px !important; height: auto !important; width: auto !important; max-width: 100% !important; object-fit: contain !important; } .p-images__right, .p-images__slider, .p-images__slider .owl-stage-outer, .p-images__slider .owl-stage, .p-images__slider .owl-item { max-height: 215px !important; height: auto !important; } .p-images__left, .p-images__dop { margin-top: 4px !important; } .p-images { margin-bottom: 6px !important; } /* Строка «рейтинг · відгуки · обране · порівняння» на 320 px не помещалась: содержимое 340 px при ширине колонки 258, и тема включала горизонтальную прокрутку (`overflow-x: auto`). Размер шрифта оставляем штатный (решение владельца 28.08.2026) — вместо этого у кнопок «Обране» и «Порівняння» прячем подписи и оставляем одни пиктограммы: текст съедал 130 px из 340. Подпись сохраняется в подсказке `title`, её проставляет user.js. */ .product__top.js-toprow-down { margin-top: 12px; padding-top: 8px; border-top: 1px solid #ececec; overflow: visible !important; flex-wrap: wrap !important; gap: 6px 16px !important; } /* ⚠ Подпись у кнопки — прямой текстовый узел рядом с svg, отдельного span нет, поэтому прячем её нулевым шрифтом на кнопке, а иконке размер возвращаем явно. */ .product__top.js-toprow-down .p-favorit, .product__top.js-toprow-down .p-compare { font-size: 0 !important; } .product__top.js-toprow-down .p-favorit svg, .product__top.js-toprow-down .p-compare svg { width: 20px !important; height: 20px !important; } /* Пиктограмма без подписи — маленькая мишень для пальца (20 px), поэтому расширяем область нажатия отступами: сама иконка остаётся прежней, кнопка становится ~36 px. */ .product__top.js-toprow-down .p-favorit, .product__top.js-toprow-down .p-compare { padding: 8px 6px !important; margin: -8px 0 !important; } } /* Краткое описание товара, переехавшее вниз (user.js, moveSummary): отделяем его от блока покупки тонкой линией — иначе текст читается как часть строки с ценой. */ @media screen and (max-width: 560px) { .product__item.js-summary-down { margin-top: 12px; padding-top: 8px; border-top: 1px solid #ececec; } .product__item.js-summary-down .product__summary { margin: 0; } } /* Блок цены на мобильном занимал три строки: цена, «550 ₴/кг» и «1 шт. = 0.1 кг» шли столбиком (78 px). Ставим их в ряд с переносом — цена за единицу встаёт рядом с ценой, соотношение при нехватке места уходит на вторую строку (решение владельца 28.08.2026). */ @media screen and (max-width: 560px) { .product__pr-price { flex-direction: row !important; flex-wrap: wrap !important; align-items: baseline !important; column-gap: 8px; row-gap: 2px; } .product__pr-price-base, .product__pr-price-ratio { font-size: 12px; color: #808080; } .product__pr-price-base .price, .product__pr-price-base .currency, .product__pr-price-base .unit { font-size: 12px; } /* Строка «Є в наявності · Код», опущенная к выбору фасовки (user.js, moveStockRow). */ .product__item.js-stockrow-down { margin-bottom: 6px; } } /* Длинные цены в строках фасовок рвались по разделителю тысяч: «13 677,40 ₴» вставало в три строки («13 / 677,40 / ₴»). Колонке цены доставалось 64 px из 258 — она сжималась, потому что у неё min-width: 0, а перенос разрешён по обычному пробелу внутри числа. Лечим тремя вещами: запрещаем перенос, чуть уменьшаем кегль на узких экранах и позволяем колонке «₴/кг» ужаться (правка 28.08.2026 по замечанию владельца). */ @media screen and (max-width: 560px) { .skus-item .skus__price { white-space: nowrap !important; font-size: 15px; } .skus-item .js-sku-top { white-space: nowrap; } .skus__unit-price { flex: 0 1 62px; font-size: 10px; } } @media screen and (max-width: 340px) { .skus-item .skus__price { font-size: 14px; } .skus-item .skus__price-old { font-size: 10px; } .skus__unit-price { flex-basis: 58px; font-size: 9px; } } /* №158 (18.09.2026): меню категорий в шапке на десктопе — все пункты на виду, без «•••». Плотнее зазор и шрифт; что не влезло в строку — переносится второй строкой (JS темы прячет пункты inline-стилем display:none, поэтому display/height здесь с !important). Откат: удалить этот блок. */ @media screen and (min-width: 1081px) { .h-menu_catalog { column-gap: 20px; row-gap: 8px; height: auto !important; } .h-menu_catalog .h-menu__item:not(.h-menu__yet) { display: flex !important; padding-left: 0 !important; } .h-menu_catalog .h-menu__yet { display: none !important; } .h-menu_catalog .h-menu__link { font-size: 13px !important; } } /* №162 (18.09.2026): мобильная сортировка — выпадающий список уходил за левый край экрана. В мобильной ветке category/sorting.html блок сортировки стоит в разметке первым, поэтому кнопка «Название ▾» прижата к ЛЕВОМУ краю, а список в insale.css привязан к её ПРАВОМУ краю (`right: 0`) и при ширине 200 px вылезал влево на 14–86 px (замечание владельца 18.09.2026: 320 px, «Гастроемкости»). Привязываем к левому краю кнопки. Только `body.mobile`: в десктопной ветке сортировка справа, и там `right: 0` верен. Кнопка и список остаются на своих местах — меняется лишь сторона привязки. */ body.mobile .sorting__sort-block { left: 0; right: auto; } /* №162, правка 2 (18.09.2026): поиск на ДЕСКТОПЕ (>1080 px) — столько же товаров в строке, сколько в категории. Блок «страница поиска» выше принудительно ставил 3 колонки (>1400 px) и 2 (1081–1400 px), а категория на тех же экранах даёт 4 и 3 — штатные правила insale.css для `products_col-N`. Блок писался под прежний макет поиска (фильтры справа, слева каталог); после №157 (фильтры слева, левого меню нет) места хватает. Возвращаем поиску штатную сетку по классу контейнера `products_col-N` — число задаёт настройка темы `search_products_columns` (сейчас 4, как `category_products_columns`); значения те же, что в insale.css. Правила ≤1080 px (мобильная ветка) не трогаем. */ @media screen and (min-width: 1081px) { .searchpro__page-container .products_col-3 .products__item { width: calc(33.33% - var(--c-l-m)) } .searchpro__page-container .products_col-4 .products__item { width: calc(25% - var(--c-l-m)) } .searchpro__page-container .products_col-5 .products__item { width: calc(20% - var(--c-l-m)) } } @media screen and (min-width: 1081px) and (max-width: 1400px) { .searchpro__page-container .products_col-4 .products__item { width: calc(33.33% - var(--c-l-m)) } } @media screen and (min-width: 1081px) and (max-width: 1300px) { .searchpro__page-container .products_col-5 .products__item { width: calc(25% - var(--c-l-m)) } }