/* Start:/bitrix/templates/aspro-premier/components/bitrix/catalog/main/style.min.css?17502527731446*/ .top-content-block>div{margin-bottom:32px}.top-content-block>div:empty{margin-bottom:0}.seo_block p img[align="right"]{margin:0 0 20px 20px}.seo_block p img[align="left"]{margin:0 20px 20px}.top-content-block .seo_block--img{width:300px;margin-bottom:0}.top-content-block .sticky-block{margin-bottom:32px}.group_description_block.bottom{padding:48px 0 0}.no_goods{padding:30px 30px 0}.js-load-wrapper>.no_goods{margin-top:-1px}.no_goods .no_products{position:relative}.no_goods .no_products:before{content:"";position:relative;width:117px;height:117px;background:url("/bitrix/templates/aspro-premier/components/bitrix/catalog/main/../../../../images/empty_catalog.png") 0 0 no-repeat;display:block;margin:auto auto 23px}.no_goods .button{float:right;margin:17px 0 0}.wrap_text_empty{padding:10px 0 15px 0;text-align:center}.wrap_text_empty .middle_text{padding:16px 0 0;display:inline-block}#main .catalog-maxwidth .catalog-detail__bottom-info .detail-block:not(.tizers),#main .catalog-maxwidth .bottom-links-block{margin-left:auto;margin-right:auto}html.bx-ie #main .catalog-maxwidth .catalog-detail__bottom-info .detail-block:not(.tizers),html.bx-ie #main .catalog-maxwidth .bottom-links-block{flex-basis:auto}.section-content-wrapper .text_after_items{margin-top:49px}.ordered-block--hide-icons .sticker,.ordered-block--hide-icons .btn-fast-view,.ordered-block--hide-icons .catalog-block__info-tech{display:none}@media (max-width:600px){.seo_block p img{float:none;display:block;margin-inline:0!important}} /* End */ /* Start:/bitrix/templates/aspro-premier/css/animation/animate.min.css?175025277352789*/ @charset "UTF-8"; /*! * animate.css -http://daneden.me/animate * Version - 3.5.1 * Licensed under the MIT license - http://opensource.org/licenses/MIT * * Copyright (c) 2016 Daniel Eden */ .animated{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both}.animated.infinite{-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}.animated.hinge{-webkit-animation-duration:2s;animation-duration:2s}.animated.bounceIn,.animated.bounceOut,.animated.flipOutX,.animated.flipOutY{-webkit-animation-duration:.75s;animation-duration:.75s}@-webkit-keyframes bounce{0%,20%,53%,80%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1);-webkit-transform:translateZ(0);transform:translateZ(0)}40%,43%{-webkit-transform:translate3d(0,-30px,0);transform:translate3d(0,-30px,0)}40%,43%,70%{-webkit-animation-timing-function:cubic-bezier(.755,.05,.855,.06);animation-timing-function:cubic-bezier(.755,.05,.855,.06)}70%{-webkit-transform:translate3d(0,-15px,0);transform:translate3d(0,-15px,0)}90%{-webkit-transform:translate3d(0,-4px,0);transform:translate3d(0,-4px,0)}}@keyframes bounce{0%,20%,53%,80%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1);-webkit-transform:translateZ(0);transform:translateZ(0)}40%,43%{-webkit-transform:translate3d(0,-30px,0);transform:translate3d(0,-30px,0)}40%,43%,70%{-webkit-animation-timing-function:cubic-bezier(.755,.05,.855,.06);animation-timing-function:cubic-bezier(.755,.05,.855,.06)}70%{-webkit-transform:translate3d(0,-15px,0);transform:translate3d(0,-15px,0)}90%{-webkit-transform:translate3d(0,-4px,0);transform:translate3d(0,-4px,0)}}.bounce{-webkit-animation-name:bounce;animation-name:bounce;-webkit-transform-origin:center bottom;transform-origin:center bottom}@-webkit-keyframes flash{0%,50%,to{opacity:1}25%,75%{opacity:0}}@keyframes flash{0%,50%,to{opacity:1}25%,75%{opacity:0}}.flash{-webkit-animation-name:flash;animation-name:flash}@-webkit-keyframes pulse{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}50%{-webkit-transform:scale3d(1.05,1.05,1.05);transform:scale3d(1.05,1.05,1.05)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}@keyframes pulse{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}50%{-webkit-transform:scale3d(1.05,1.05,1.05);transform:scale3d(1.05,1.05,1.05)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}.pulse{-webkit-animation-name:pulse;animation-name:pulse}@-webkit-keyframes rubberBand{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}30%{-webkit-transform:scale3d(1.25,.75,1);transform:scale3d(1.25,.75,1)}40%{-webkit-transform:scale3d(.75,1.25,1);transform:scale3d(.75,1.25,1)}50%{-webkit-transform:scale3d(1.15,.85,1);transform:scale3d(1.15,.85,1)}65%{-webkit-transform:scale3d(.95,1.05,1);transform:scale3d(.95,1.05,1)}75%{-webkit-transform:scale3d(1.05,.95,1);transform:scale3d(1.05,.95,1)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}@keyframes rubberBand{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}30%{-webkit-transform:scale3d(1.25,.75,1);transform:scale3d(1.25,.75,1)}40%{-webkit-transform:scale3d(.75,1.25,1);transform:scale3d(.75,1.25,1)}50%{-webkit-transform:scale3d(1.15,.85,1);transform:scale3d(1.15,.85,1)}65%{-webkit-transform:scale3d(.95,1.05,1);transform:scale3d(.95,1.05,1)}75%{-webkit-transform:scale3d(1.05,.95,1);transform:scale3d(1.05,.95,1)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}.rubberBand{-webkit-animation-name:rubberBand;animation-name:rubberBand}@-webkit-keyframes shake{0%,to{-webkit-transform:translateZ(0);transform:translateZ(0)}10%,30%,50%,70%,90%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}20%,40%,60%,80%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}}@keyframes shake{0%,to{-webkit-transform:translateZ(0);transform:translateZ(0)}10%,30%,50%,70%,90%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}20%,40%,60%,80%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}}.shake{-webkit-animation-name:shake;animation-name:shake}@-webkit-keyframes headShake{0%{-webkit-transform:translateX(0);transform:translateX(0)}6.5%{-webkit-transform:translateX(-6px) rotateY(-9deg);transform:translateX(-6px) rotateY(-9deg)}18.5%{-webkit-transform:translateX(5px) rotateY(7deg);transform:translateX(5px) rotateY(7deg)}31.5%{-webkit-transform:translateX(-3px) rotateY(-5deg);transform:translateX(-3px) rotateY(-5deg)}43.5%{-webkit-transform:translateX(2px) rotateY(3deg);transform:translateX(2px) rotateY(3deg)}50%{-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes headShake{0%{-webkit-transform:translateX(0);transform:translateX(0)}6.5%{-webkit-transform:translateX(-6px) rotateY(-9deg);transform:translateX(-6px) rotateY(-9deg)}18.5%{-webkit-transform:translateX(5px) rotateY(7deg);transform:translateX(5px) rotateY(7deg)}31.5%{-webkit-transform:translateX(-3px) rotateY(-5deg);transform:translateX(-3px) rotateY(-5deg)}43.5%{-webkit-transform:translateX(2px) rotateY(3deg);transform:translateX(2px) rotateY(3deg)}50%{-webkit-transform:translateX(0);transform:translateX(0)}}.headShake{-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;-webkit-animation-name:headShake;animation-name:headShake}@-webkit-keyframes swing{20%{-webkit-transform:rotate(15deg);transform:rotate(15deg)}40%{-webkit-transform:rotate(-10deg);transform:rotate(-10deg)}60%{-webkit-transform:rotate(5deg);transform:rotate(5deg)}80%{-webkit-transform:rotate(-5deg);transform:rotate(-5deg)}to{-webkit-transform:rotate(0deg);transform:rotate(0deg)}}@keyframes swing{20%{-webkit-transform:rotate(15deg);transform:rotate(15deg)}40%{-webkit-transform:rotate(-10deg);transform:rotate(-10deg)}60%{-webkit-transform:rotate(5deg);transform:rotate(5deg)}80%{-webkit-transform:rotate(-5deg);transform:rotate(-5deg)}to{-webkit-transform:rotate(0deg);transform:rotate(0deg)}}.swing{-webkit-transform-origin:top center;transform-origin:top center;-webkit-animation-name:swing;animation-name:swing}@-webkit-keyframes tada{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}10%,20%{-webkit-transform:scale3d(.9,.9,.9) rotate(-3deg);transform:scale3d(.9,.9,.9) rotate(-3deg)}30%,50%,70%,90%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate(3deg);transform:scale3d(1.1,1.1,1.1) rotate(3deg)}40%,60%,80%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate(-3deg);transform:scale3d(1.1,1.1,1.1) rotate(-3deg)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}@keyframes tada{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}10%,20%{-webkit-transform:scale3d(.9,.9,.9) rotate(-3deg);transform:scale3d(.9,.9,.9) rotate(-3deg)}30%,50%,70%,90%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate(3deg);transform:scale3d(1.1,1.1,1.1) rotate(3deg)}40%,60%,80%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate(-3deg);transform:scale3d(1.1,1.1,1.1) rotate(-3deg)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}.tada{-webkit-animation-name:tada;animation-name:tada}@-webkit-keyframes wobble{0%{-webkit-transform:none;transform:none}15%{-webkit-transform:translate3d(-25%,0,0) rotate(-5deg);transform:translate3d(-25%,0,0) rotate(-5deg)}30%{-webkit-transform:translate3d(20%,0,0) rotate(3deg);transform:translate3d(20%,0,0) rotate(3deg)}45%{-webkit-transform:translate3d(-15%,0,0) rotate(-3deg);transform:translate3d(-15%,0,0) rotate(-3deg)}60%{-webkit-transform:translate3d(10%,0,0) rotate(2deg);transform:translate3d(10%,0,0) rotate(2deg)}75%{-webkit-transform:translate3d(-5%,0,0) rotate(-1deg);transform:translate3d(-5%,0,0) rotate(-1deg)}to{-webkit-transform:none;transform:none}}@keyframes wobble{0%{-webkit-transform:none;transform:none}15%{-webkit-transform:translate3d(-25%,0,0) rotate(-5deg);transform:translate3d(-25%,0,0) rotate(-5deg)}30%{-webkit-transform:translate3d(20%,0,0) rotate(3deg);transform:translate3d(20%,0,0) rotate(3deg)}45%{-webkit-transform:translate3d(-15%,0,0) rotate(-3deg);transform:translate3d(-15%,0,0) rotate(-3deg)}60%{-webkit-transform:translate3d(10%,0,0) rotate(2deg);transform:translate3d(10%,0,0) rotate(2deg)}75%{-webkit-transform:translate3d(-5%,0,0) rotate(-1deg);transform:translate3d(-5%,0,0) rotate(-1deg)}to{-webkit-transform:none;transform:none}}.wobble{-webkit-animation-name:wobble;animation-name:wobble}@-webkit-keyframes jello{0%,11.1%,to{-webkit-transform:none;transform:none}22.2%{-webkit-transform:skewX(-12.5deg) skewY(-12.5deg);transform:skewX(-12.5deg) skewY(-12.5deg)}33.3%{-webkit-transform:skewX(6.25deg) skewY(6.25deg);transform:skewX(6.25deg) skewY(6.25deg)}44.4%{-webkit-transform:skewX(-3.125deg) skewY(-3.125deg);transform:skewX(-3.125deg) skewY(-3.125deg)}55.5%{-webkit-transform:skewX(1.5625deg) skewY(1.5625deg);transform:skewX(1.5625deg) skewY(1.5625deg)}66.6%{-webkit-transform:skewX(-.78125deg) skewY(-.78125deg);transform:skewX(-.78125deg) skewY(-.78125deg)}77.7%{-webkit-transform:skewX(.390625deg) skewY(.390625deg);transform:skewX(.390625deg) skewY(.390625deg)}88.8%{-webkit-transform:skewX(-.1953125deg) skewY(-.1953125deg);transform:skewX(-.1953125deg) skewY(-.1953125deg)}}@keyframes jello{0%,11.1%,to{-webkit-transform:none;transform:none}22.2%{-webkit-transform:skewX(-12.5deg) skewY(-12.5deg);transform:skewX(-12.5deg) skewY(-12.5deg)}33.3%{-webkit-transform:skewX(6.25deg) skewY(6.25deg);transform:skewX(6.25deg) skewY(6.25deg)}44.4%{-webkit-transform:skewX(-3.125deg) skewY(-3.125deg);transform:skewX(-3.125deg) skewY(-3.125deg)}55.5%{-webkit-transform:skewX(1.5625deg) skewY(1.5625deg);transform:skewX(1.5625deg) skewY(1.5625deg)}66.6%{-webkit-transform:skewX(-.78125deg) skewY(-.78125deg);transform:skewX(-.78125deg) skewY(-.78125deg)}77.7%{-webkit-transform:skewX(.390625deg) skewY(.390625deg);transform:skewX(.390625deg) skewY(.390625deg)}88.8%{-webkit-transform:skewX(-.1953125deg) skewY(-.1953125deg);transform:skewX(-.1953125deg) skewY(-.1953125deg)}}.jello{-webkit-animation-name:jello;animation-name:jello;-webkit-transform-origin:center;transform-origin:center}@-webkit-keyframes bounceIn{0%,20%,40%,60%,80%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}20%{-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}40%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}60%{opacity:1;-webkit-transform:scale3d(1.03,1.03,1.03);transform:scale3d(1.03,1.03,1.03)}80%{-webkit-transform:scale3d(.97,.97,.97);transform:scale3d(.97,.97,.97)}to{opacity:1;-webkit-transform:scaleX(1);transform:scaleX(1)}}@keyframes bounceIn{0%,20%,40%,60%,80%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}20%{-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}40%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}60%{opacity:1;-webkit-transform:scale3d(1.03,1.03,1.03);transform:scale3d(1.03,1.03,1.03)}80%{-webkit-transform:scale3d(.97,.97,.97);transform:scale3d(.97,.97,.97)}to{opacity:1;-webkit-transform:scaleX(1);transform:scaleX(1)}}.bounceIn{-webkit-animation-name:bounceIn;animation-name:bounceIn}@-webkit-keyframes bounceInDown{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(0,-3000px,0);transform:translate3d(0,-3000px,0)}60%{opacity:1;-webkit-transform:translate3d(0,25px,0);transform:translate3d(0,25px,0)}75%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}90%{-webkit-transform:translate3d(0,5px,0);transform:translate3d(0,5px,0)}to{-webkit-transform:none;transform:none}}@keyframes bounceInDown{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(0,-3000px,0);transform:translate3d(0,-3000px,0)}60%{opacity:1;-webkit-transform:translate3d(0,25px,0);transform:translate3d(0,25px,0)}75%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}90%{-webkit-transform:translate3d(0,5px,0);transform:translate3d(0,5px,0)}to{-webkit-transform:none;transform:none}}.bounceInDown{-webkit-animation-name:bounceInDown;animation-name:bounceInDown}@-webkit-keyframes bounceInLeft{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(-3000px,0,0);transform:translate3d(-3000px,0,0)}60%{opacity:1;-webkit-transform:translate3d(25px,0,0);transform:translate3d(25px,0,0)}75%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}90%{-webkit-transform:translate3d(5px,0,0);transform:translate3d(5px,0,0)}to{-webkit-transform:none;transform:none}}@keyframes bounceInLeft{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(-3000px,0,0);transform:translate3d(-3000px,0,0)}60%{opacity:1;-webkit-transform:translate3d(25px,0,0);transform:translate3d(25px,0,0)}75%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}90%{-webkit-transform:translate3d(5px,0,0);transform:translate3d(5px,0,0)}to{-webkit-transform:none;transform:none}}.bounceInLeft{-webkit-animation-name:bounceInLeft;animation-name:bounceInLeft}@-webkit-keyframes bounceInRight{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(3000px,0,0);transform:translate3d(3000px,0,0)}60%{opacity:1;-webkit-transform:translate3d(-25px,0,0);transform:translate3d(-25px,0,0)}75%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}90%{-webkit-transform:translate3d(-5px,0,0);transform:translate3d(-5px,0,0)}to{-webkit-transform:none;transform:none}}@keyframes bounceInRight{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(3000px,0,0);transform:translate3d(3000px,0,0)}60%{opacity:1;-webkit-transform:translate3d(-25px,0,0);transform:translate3d(-25px,0,0)}75%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}90%{-webkit-transform:translate3d(-5px,0,0);transform:translate3d(-5px,0,0)}to{-webkit-transform:none;transform:none}}.bounceInRight{-webkit-animation-name:bounceInRight;animation-name:bounceInRight}@-webkit-keyframes bounceInUp{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(0,3000px,0);transform:translate3d(0,3000px,0)}60%{opacity:1;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}75%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}90%{-webkit-transform:translate3d(0,-5px,0);transform:translate3d(0,-5px,0)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes bounceInUp{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(0,3000px,0);transform:translate3d(0,3000px,0)}60%{opacity:1;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}75%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}90%{-webkit-transform:translate3d(0,-5px,0);transform:translate3d(0,-5px,0)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.bounceInUp{-webkit-animation-name:bounceInUp;animation-name:bounceInUp}@-webkit-keyframes bounceOut{20%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}50%,55%{opacity:1;-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}to{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}}@keyframes bounceOut{20%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}50%,55%{opacity:1;-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}to{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}}.bounceOut{-webkit-animation-name:bounceOut;animation-name:bounceOut}@-webkit-keyframes bounceOutDown{20%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}40%,45%{opacity:1;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}to{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}}@keyframes bounceOutDown{20%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}40%,45%{opacity:1;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}to{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}}.bounceOutDown{-webkit-animation-name:bounceOutDown;animation-name:bounceOutDown}@-webkit-keyframes bounceOutLeft{20%{opacity:1;-webkit-transform:translate3d(20px,0,0);transform:translate3d(20px,0,0)}to{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}}@keyframes bounceOutLeft{20%{opacity:1;-webkit-transform:translate3d(20px,0,0);transform:translate3d(20px,0,0)}to{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}}.bounceOutLeft{-webkit-animation-name:bounceOutLeft;animation-name:bounceOutLeft}@-webkit-keyframes bounceOutRight{20%{opacity:1;-webkit-transform:translate3d(-20px,0,0);transform:translate3d(-20px,0,0)}to{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}}@keyframes bounceOutRight{20%{opacity:1;-webkit-transform:translate3d(-20px,0,0);transform:translate3d(-20px,0,0)}to{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}}.bounceOutRight{-webkit-animation-name:bounceOutRight;animation-name:bounceOutRight}@-webkit-keyframes bounceOutUp{20%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}40%,45%{opacity:1;-webkit-transform:translate3d(0,20px,0);transform:translate3d(0,20px,0)}to{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}}@keyframes bounceOutUp{20%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}40%,45%{opacity:1;-webkit-transform:translate3d(0,20px,0);transform:translate3d(0,20px,0)}to{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}}.bounceOutUp{-webkit-animation-name:bounceOutUp;animation-name:bounceOutUp}@-webkit-keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.fadeIn{-webkit-animation-name:fadeIn;animation-name:fadeIn}@-webkit-keyframes fadeInDown{0%{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}to{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInDown{0%{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}to{opacity:1;-webkit-transform:none;transform:none}}.fadeInDown{-webkit-animation-name:fadeInDown;animation-name:fadeInDown}@-webkit-keyframes fadeInDownBig{0%{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}to{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInDownBig{0%{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}to{opacity:1;-webkit-transform:none;transform:none}}.fadeInDownBig{-webkit-animation-name:fadeInDownBig;animation-name:fadeInDownBig}@-webkit-keyframes fadeInLeft{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}to{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInLeft{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}to{opacity:1;-webkit-transform:none;transform:none}}.fadeInLeft{-webkit-animation-name:fadeInLeft;animation-name:fadeInLeft}@-webkit-keyframes fadeInLeftBig{0%{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}to{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInLeftBig{0%{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}to{opacity:1;-webkit-transform:none;transform:none}}.fadeInLeftBig{-webkit-animation-name:fadeInLeftBig;animation-name:fadeInLeftBig}@-webkit-keyframes fadeInRight{0%{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}to{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInRight{0%{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}to{opacity:1;-webkit-transform:none;transform:none}}.fadeInRight{-webkit-animation-name:fadeInRight;animation-name:fadeInRight}@-webkit-keyframes fadeInRightBig{0%{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}to{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInRightBig{0%{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}to{opacity:1;-webkit-transform:none;transform:none}}.fadeInRightBig{-webkit-animation-name:fadeInRightBig;animation-name:fadeInRightBig}@-webkit-keyframes fadeInUp{0%{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}to{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInUp{0%{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}to{opacity:1;-webkit-transform:none;transform:none}}.fadeInUp{-webkit-animation-name:fadeInUp;animation-name:fadeInUp}@-webkit-keyframes fadeInUpBig{0%{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}to{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInUpBig{0%{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}to{opacity:1;-webkit-transform:none;transform:none}}.fadeInUpBig{-webkit-animation-name:fadeInUpBig;animation-name:fadeInUpBig}@-webkit-keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}.fadeOut{-webkit-animation-name:fadeOut;animation-name:fadeOut}@-webkit-keyframes fadeOutDown{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}@keyframes fadeOutDown{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}.fadeOutDown{-webkit-animation-name:fadeOutDown;animation-name:fadeOutDown}@-webkit-keyframes fadeOutDownBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}}@keyframes fadeOutDownBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}}.fadeOutDownBig{-webkit-animation-name:fadeOutDownBig;animation-name:fadeOutDownBig}@-webkit-keyframes fadeOutLeft{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}@keyframes fadeOutLeft{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}.fadeOutLeft{-webkit-animation-name:fadeOutLeft;animation-name:fadeOutLeft}@-webkit-keyframes fadeOutLeftBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}}@keyframes fadeOutLeftBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}}.fadeOutLeftBig{-webkit-animation-name:fadeOutLeftBig;animation-name:fadeOutLeftBig}@-webkit-keyframes fadeOutRight{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}@keyframes fadeOutRight{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}.fadeOutRight{-webkit-animation-name:fadeOutRight;animation-name:fadeOutRight}@-webkit-keyframes fadeOutRightBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}}@keyframes fadeOutRightBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}}.fadeOutRightBig{-webkit-animation-name:fadeOutRightBig;animation-name:fadeOutRightBig}@-webkit-keyframes fadeOutUp{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}@keyframes fadeOutUp{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}.fadeOutUp{-webkit-animation-name:fadeOutUp;animation-name:fadeOutUp}@-webkit-keyframes fadeOutUpBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}}@keyframes fadeOutUpBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}}.fadeOutUpBig{-webkit-animation-name:fadeOutUpBig;animation-name:fadeOutUpBig}@-webkit-keyframes flip{0%{-webkit-transform:perspective(400px) rotateY(-1turn);transform:perspective(400px) rotateY(-1turn)}0%,40%{-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}40%{-webkit-transform:perspective(400px) translateZ(150px) rotateY(-190deg);transform:perspective(400px) translateZ(150px) rotateY(-190deg)}50%{-webkit-transform:perspective(400px) translateZ(150px) rotateY(-170deg);transform:perspective(400px) translateZ(150px) rotateY(-170deg)}50%,80%{-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}80%{-webkit-transform:perspective(400px) scale3d(.95,.95,.95);transform:perspective(400px) scale3d(.95,.95,.95)}to{-webkit-transform:perspective(400px);transform:perspective(400px);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}}@keyframes flip{0%{-webkit-transform:perspective(400px) rotateY(-1turn);transform:perspective(400px) rotateY(-1turn)}0%,40%{-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}40%{-webkit-transform:perspective(400px) translateZ(150px) rotateY(-190deg);transform:perspective(400px) translateZ(150px) rotateY(-190deg)}50%{-webkit-transform:perspective(400px) translateZ(150px) rotateY(-170deg);transform:perspective(400px) translateZ(150px) rotateY(-170deg)}50%,80%{-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}80%{-webkit-transform:perspective(400px) scale3d(.95,.95,.95);transform:perspective(400px) scale3d(.95,.95,.95)}to{-webkit-transform:perspective(400px);transform:perspective(400px);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}}.animated.flip{-webkit-backface-visibility:visible;backface-visibility:visible;-webkit-animation-name:flip;animation-name:flip}@-webkit-keyframes flipInX{0%{-webkit-transform:perspective(400px) rotateX(90deg);transform:perspective(400px) rotateX(90deg);opacity:0}0%,40%{-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}40%{-webkit-transform:perspective(400px) rotateX(-20deg);transform:perspective(400px) rotateX(-20deg)}60%{-webkit-transform:perspective(400px) rotateX(10deg);transform:perspective(400px) rotateX(10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotateX(-5deg);transform:perspective(400px) rotateX(-5deg)}to{-webkit-transform:perspective(400px);transform:perspective(400px)}}@keyframes flipInX{0%{-webkit-transform:perspective(400px) rotateX(90deg);transform:perspective(400px) rotateX(90deg);opacity:0}0%,40%{-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}40%{-webkit-transform:perspective(400px) rotateX(-20deg);transform:perspective(400px) rotateX(-20deg)}60%{-webkit-transform:perspective(400px) rotateX(10deg);transform:perspective(400px) rotateX(10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotateX(-5deg);transform:perspective(400px) rotateX(-5deg)}to{-webkit-transform:perspective(400px);transform:perspective(400px)}}.flipInX{-webkit-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipInX;animation-name:flipInX}@-webkit-keyframes flipInY{0%{-webkit-transform:perspective(400px) rotateY(90deg);transform:perspective(400px) rotateY(90deg);opacity:0}0%,40%{-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}40%{-webkit-transform:perspective(400px) rotateY(-20deg);transform:perspective(400px) rotateY(-20deg)}60%{-webkit-transform:perspective(400px) rotateY(10deg);transform:perspective(400px) rotateY(10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotateY(-5deg);transform:perspective(400px) rotateY(-5deg)}to{-webkit-transform:perspective(400px);transform:perspective(400px)}}@keyframes flipInY{0%{-webkit-transform:perspective(400px) rotateY(90deg);transform:perspective(400px) rotateY(90deg);opacity:0}0%,40%{-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}40%{-webkit-transform:perspective(400px) rotateY(-20deg);transform:perspective(400px) rotateY(-20deg)}60%{-webkit-transform:perspective(400px) rotateY(10deg);transform:perspective(400px) rotateY(10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotateY(-5deg);transform:perspective(400px) rotateY(-5deg)}to{-webkit-transform:perspective(400px);transform:perspective(400px)}}.flipInY{-webkit-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipInY;animation-name:flipInY}@-webkit-keyframes flipOutX{0%{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotateX(-20deg);transform:perspective(400px) rotateX(-20deg);opacity:1}to{-webkit-transform:perspective(400px) rotateX(90deg);transform:perspective(400px) rotateX(90deg);opacity:0}}@keyframes flipOutX{0%{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotateX(-20deg);transform:perspective(400px) rotateX(-20deg);opacity:1}to{-webkit-transform:perspective(400px) rotateX(90deg);transform:perspective(400px) rotateX(90deg);opacity:0}}.flipOutX{-webkit-animation-name:flipOutX;animation-name:flipOutX;-webkit-backface-visibility:visible!important;backface-visibility:visible!important}@-webkit-keyframes flipOutY{0%{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotateY(-15deg);transform:perspective(400px) rotateY(-15deg);opacity:1}to{-webkit-transform:perspective(400px) rotateY(90deg);transform:perspective(400px) rotateY(90deg);opacity:0}}@keyframes flipOutY{0%{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotateY(-15deg);transform:perspective(400px) rotateY(-15deg);opacity:1}to{-webkit-transform:perspective(400px) rotateY(90deg);transform:perspective(400px) rotateY(90deg);opacity:0}}.flipOutY{-webkit-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipOutY;animation-name:flipOutY}@-webkit-keyframes lightSpeedIn{0%{-webkit-transform:translate3d(100%,0,0) skewX(-30deg);transform:translate3d(100%,0,0) skewX(-30deg);opacity:0}60%{-webkit-transform:skewX(20deg);transform:skewX(20deg)}60%,80%{opacity:1}80%{-webkit-transform:skewX(-5deg);transform:skewX(-5deg)}to{-webkit-transform:none;transform:none;opacity:1}}@keyframes lightSpeedIn{0%{-webkit-transform:translate3d(100%,0,0) skewX(-30deg);transform:translate3d(100%,0,0) skewX(-30deg);opacity:0}60%{-webkit-transform:skewX(20deg);transform:skewX(20deg)}60%,80%{opacity:1}80%{-webkit-transform:skewX(-5deg);transform:skewX(-5deg)}to{-webkit-transform:none;transform:none;opacity:1}}.lightSpeedIn{-webkit-animation-name:lightSpeedIn;animation-name:lightSpeedIn;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}@-webkit-keyframes lightSpeedOut{0%{opacity:1}to{-webkit-transform:translate3d(100%,0,0) skewX(30deg);transform:translate3d(100%,0,0) skewX(30deg);opacity:0}}@keyframes lightSpeedOut{0%{opacity:1}to{-webkit-transform:translate3d(100%,0,0) skewX(30deg);transform:translate3d(100%,0,0) skewX(30deg);opacity:0}}.lightSpeedOut{-webkit-animation-name:lightSpeedOut;animation-name:lightSpeedOut;-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}@-webkit-keyframes rotateIn{0%{transform-origin:center;-webkit-transform:rotate(-200deg);transform:rotate(-200deg);opacity:0}0%,to{-webkit-transform-origin:center}to{transform-origin:center;-webkit-transform:none;transform:none;opacity:1}}@keyframes rotateIn{0%{transform-origin:center;-webkit-transform:rotate(-200deg);transform:rotate(-200deg);opacity:0}0%,to{-webkit-transform-origin:center}to{transform-origin:center;-webkit-transform:none;transform:none;opacity:1}}.rotateIn{-webkit-animation-name:rotateIn;animation-name:rotateIn}@-webkit-keyframes rotateInDownLeft{0%{transform-origin:left bottom;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);opacity:0}0%,to{-webkit-transform-origin:left bottom}to{transform-origin:left bottom;-webkit-transform:none;transform:none;opacity:1}}@keyframes rotateInDownLeft{0%{transform-origin:left bottom;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);opacity:0}0%,to{-webkit-transform-origin:left bottom}to{transform-origin:left bottom;-webkit-transform:none;transform:none;opacity:1}}.rotateInDownLeft{-webkit-animation-name:rotateInDownLeft;animation-name:rotateInDownLeft}@-webkit-keyframes rotateInDownRight{0%{transform-origin:right bottom;-webkit-transform:rotate(45deg);transform:rotate(45deg);opacity:0}0%,to{-webkit-transform-origin:right bottom}to{transform-origin:right bottom;-webkit-transform:none;transform:none;opacity:1}}@keyframes rotateInDownRight{0%{transform-origin:right bottom;-webkit-transform:rotate(45deg);transform:rotate(45deg);opacity:0}0%,to{-webkit-transform-origin:right bottom}to{transform-origin:right bottom;-webkit-transform:none;transform:none;opacity:1}}.rotateInDownRight{-webkit-animation-name:rotateInDownRight;animation-name:rotateInDownRight}@-webkit-keyframes rotateInUpLeft{0%{transform-origin:left bottom;-webkit-transform:rotate(45deg);transform:rotate(45deg);opacity:0}0%,to{-webkit-transform-origin:left bottom}to{transform-origin:left bottom;-webkit-transform:none;transform:none;opacity:1}}@keyframes rotateInUpLeft{0%{transform-origin:left bottom;-webkit-transform:rotate(45deg);transform:rotate(45deg);opacity:0}0%,to{-webkit-transform-origin:left bottom}to{transform-origin:left bottom;-webkit-transform:none;transform:none;opacity:1}}.rotateInUpLeft{-webkit-animation-name:rotateInUpLeft;animation-name:rotateInUpLeft}@-webkit-keyframes rotateInUpRight{0%{transform-origin:right bottom;-webkit-transform:rotate(-90deg);transform:rotate(-90deg);opacity:0}0%,to{-webkit-transform-origin:right bottom}to{transform-origin:right bottom;-webkit-transform:none;transform:none;opacity:1}}@keyframes rotateInUpRight{0%{transform-origin:right bottom;-webkit-transform:rotate(-90deg);transform:rotate(-90deg);opacity:0}0%,to{-webkit-transform-origin:right bottom}to{transform-origin:right bottom;-webkit-transform:none;transform:none;opacity:1}}.rotateInUpRight{-webkit-animation-name:rotateInUpRight;animation-name:rotateInUpRight}@-webkit-keyframes rotateOut{0%{transform-origin:center;opacity:1}0%,to{-webkit-transform-origin:center}to{transform-origin:center;-webkit-transform:rotate(200deg);transform:rotate(200deg);opacity:0}}@keyframes rotateOut{0%{transform-origin:center;opacity:1}0%,to{-webkit-transform-origin:center}to{transform-origin:center;-webkit-transform:rotate(200deg);transform:rotate(200deg);opacity:0}}.rotateOut{-webkit-animation-name:rotateOut;animation-name:rotateOut}@-webkit-keyframes rotateOutDownLeft{0%{transform-origin:left bottom;opacity:1}0%,to{-webkit-transform-origin:left bottom}to{transform-origin:left bottom;-webkit-transform:rotate(45deg);transform:rotate(45deg);opacity:0}}@keyframes rotateOutDownLeft{0%{transform-origin:left bottom;opacity:1}0%,to{-webkit-transform-origin:left bottom}to{transform-origin:left bottom;-webkit-transform:rotate(45deg);transform:rotate(45deg);opacity:0}}.rotateOutDownLeft{-webkit-animation-name:rotateOutDownLeft;animation-name:rotateOutDownLeft}@-webkit-keyframes rotateOutDownRight{0%{transform-origin:right bottom;opacity:1}0%,to{-webkit-transform-origin:right bottom}to{transform-origin:right bottom;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);opacity:0}}@keyframes rotateOutDownRight{0%{transform-origin:right bottom;opacity:1}0%,to{-webkit-transform-origin:right bottom}to{transform-origin:right bottom;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);opacity:0}}.rotateOutDownRight{-webkit-animation-name:rotateOutDownRight;animation-name:rotateOutDownRight}@-webkit-keyframes rotateOutUpLeft{0%{transform-origin:left bottom;opacity:1}0%,to{-webkit-transform-origin:left bottom}to{transform-origin:left bottom;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);opacity:0}}@keyframes rotateOutUpLeft{0%{transform-origin:left bottom;opacity:1}0%,to{-webkit-transform-origin:left bottom}to{transform-origin:left bottom;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);opacity:0}}.rotateOutUpLeft{-webkit-animation-name:rotateOutUpLeft;animation-name:rotateOutUpLeft}@-webkit-keyframes rotateOutUpRight{0%{transform-origin:right bottom;opacity:1}0%,to{-webkit-transform-origin:right bottom}to{transform-origin:right bottom;-webkit-transform:rotate(90deg);transform:rotate(90deg);opacity:0}}@keyframes rotateOutUpRight{0%{transform-origin:right bottom;opacity:1}0%,to{-webkit-transform-origin:right bottom}to{transform-origin:right bottom;-webkit-transform:rotate(90deg);transform:rotate(90deg);opacity:0}}.rotateOutUpRight{-webkit-animation-name:rotateOutUpRight;animation-name:rotateOutUpRight}@-webkit-keyframes hinge{0%{transform-origin:top left}0%,20%,60%{-webkit-transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}20%,60%{-webkit-transform:rotate(80deg);transform:rotate(80deg);transform-origin:top left}40%,80%{-webkit-transform:rotate(60deg);transform:rotate(60deg);-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;opacity:1}to{-webkit-transform:translate3d(0,700px,0);transform:translate3d(0,700px,0);opacity:0}}@keyframes hinge{0%{transform-origin:top left}0%,20%,60%{-webkit-transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}20%,60%{-webkit-transform:rotate(80deg);transform:rotate(80deg);transform-origin:top left}40%,80%{-webkit-transform:rotate(60deg);transform:rotate(60deg);-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;opacity:1}to{-webkit-transform:translate3d(0,700px,0);transform:translate3d(0,700px,0);opacity:0}}.hinge{-webkit-animation-name:hinge;animation-name:hinge}@-webkit-keyframes rollIn{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0) rotate(-120deg);transform:translate3d(-100%,0,0) rotate(-120deg)}to{opacity:1;-webkit-transform:none;transform:none}}@keyframes rollIn{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0) rotate(-120deg);transform:translate3d(-100%,0,0) rotate(-120deg)}to{opacity:1;-webkit-transform:none;transform:none}}.rollIn{-webkit-animation-name:rollIn;animation-name:rollIn}@-webkit-keyframes rollOut{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(100%,0,0) rotate(120deg);transform:translate3d(100%,0,0) rotate(120deg)}}@keyframes rollOut{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(100%,0,0) rotate(120deg);transform:translate3d(100%,0,0) rotate(120deg)}}.rollOut{-webkit-animation-name:rollOut;animation-name:rollOut}@-webkit-keyframes zoomIn{0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}50%{opacity:1}}@keyframes zoomIn{0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}50%{opacity:1}}.zoomIn{-webkit-animation-name:zoomIn;animation-name:zoomIn}@-webkit-keyframes zoomInDown{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@keyframes zoomInDown{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.zoomInDown{-webkit-animation-name:zoomInDown;animation-name:zoomInDown}@-webkit-keyframes zoomInLeft{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(10px,0,0);transform:scale3d(.475,.475,.475) translate3d(10px,0,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@keyframes zoomInLeft{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(10px,0,0);transform:scale3d(.475,.475,.475) translate3d(10px,0,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.zoomInLeft{-webkit-animation-name:zoomInLeft;animation-name:zoomInLeft}@-webkit-keyframes zoomInRight{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@keyframes zoomInRight{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.zoomInRight{-webkit-animation-name:zoomInRight;animation-name:zoomInRight}@-webkit-keyframes zoomInUp{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@keyframes zoomInUp{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.zoomInUp{-webkit-animation-name:zoomInUp;animation-name:zoomInUp}@-webkit-keyframes zoomOut{0%{opacity:1}50%{-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}50%,to{opacity:0}}@keyframes zoomOut{0%{opacity:1}50%{-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}50%,to{opacity:0}}.zoomOut{-webkit-animation-name:zoomOut;animation-name:zoomOut}@-webkit-keyframes zoomOutDown{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}to{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);-webkit-transform-origin:center bottom;transform-origin:center bottom;-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@keyframes zoomOutDown{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}to{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);-webkit-transform-origin:center bottom;transform-origin:center bottom;-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.zoomOutDown{-webkit-animation-name:zoomOutDown;animation-name:zoomOutDown}@-webkit-keyframes zoomOutLeft{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(42px,0,0);transform:scale3d(.475,.475,.475) translate3d(42px,0,0)}to{opacity:0;-webkit-transform:scale(.1) translate3d(-2000px,0,0);transform:scale(.1) translate3d(-2000px,0,0);-webkit-transform-origin:left center;transform-origin:left center}}@keyframes zoomOutLeft{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(42px,0,0);transform:scale3d(.475,.475,.475) translate3d(42px,0,0)}to{opacity:0;-webkit-transform:scale(.1) translate3d(-2000px,0,0);transform:scale(.1) translate3d(-2000px,0,0);-webkit-transform-origin:left center;transform-origin:left center}}.zoomOutLeft{-webkit-animation-name:zoomOutLeft;animation-name:zoomOutLeft}@-webkit-keyframes zoomOutRight{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-42px,0,0);transform:scale3d(.475,.475,.475) translate3d(-42px,0,0)}to{opacity:0;-webkit-transform:scale(.1) translate3d(2000px,0,0);transform:scale(.1) translate3d(2000px,0,0);-webkit-transform-origin:right center;transform-origin:right center}}@keyframes zoomOutRight{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-42px,0,0);transform:scale3d(.475,.475,.475) translate3d(-42px,0,0)}to{opacity:0;-webkit-transform:scale(.1) translate3d(2000px,0,0);transform:scale(.1) translate3d(2000px,0,0);-webkit-transform-origin:right center;transform-origin:right center}}.zoomOutRight{-webkit-animation-name:zoomOutRight;animation-name:zoomOutRight}@-webkit-keyframes zoomOutUp{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}to{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);-webkit-transform-origin:center bottom;transform-origin:center bottom;-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@keyframes zoomOutUp{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}to{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);-webkit-transform-origin:center bottom;transform-origin:center bottom;-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.zoomOutUp{-webkit-animation-name:zoomOutUp;animation-name:zoomOutUp}@-webkit-keyframes slideInDown{0%{-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes slideInDown{0%{-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.slideInDown{-webkit-animation-name:slideInDown;animation-name:slideInDown}@-webkit-keyframes slideInLeft{0%{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes slideInLeft{0%{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.slideInLeft{-webkit-animation-name:slideInLeft;animation-name:slideInLeft}@-webkit-keyframes slideInRight{0%{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes slideInRight{0%{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.slideInRight{-webkit-animation-name:slideInRight;animation-name:slideInRight}@-webkit-keyframes slideInUp{0%{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes slideInUp{0%{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.slideInUp{-webkit-animation-name:slideInUp;animation-name:slideInUp}@-webkit-keyframes slideOutDown{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{visibility:hidden;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}@keyframes slideOutDown{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{visibility:hidden;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}.slideOutDown{-webkit-animation-name:slideOutDown;animation-name:slideOutDown}@-webkit-keyframes slideOutLeft{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{visibility:hidden;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}@keyframes slideOutLeft{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{visibility:hidden;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}.slideOutLeft{-webkit-animation-name:slideOutLeft;animation-name:slideOutLeft}@-webkit-keyframes slideOutRight{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{visibility:hidden;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}@keyframes slideOutRight{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{visibility:hidden;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}.slideOutRight{-webkit-animation-name:slideOutRight;animation-name:slideOutRight}@-webkit-keyframes slideOutUp{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{visibility:hidden;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}@keyframes slideOutUp{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{visibility:hidden;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}.slideOutUp{-webkit-animation-name:slideOutUp;animation-name:slideOutUp} /* End */ /* Start:/local/templates/.default/components/bitrix/catalog.element/main/pc/style.min.css?17913907481276*/ .catalog-detail{display:flex;flex-direction:row;position:relative;}.catalog-detail img{display:inline-block;margin:0 auto;max-height:100%;max-width:100%;}.catalog-detail__item .catalog-detail__main{min-width:0;flex-grow:1;flex-shrink:0;flex-basis:358px;container:side-info / inline-size;}.gallery-size-normal .catalog-detail__main{flex-basis:56%;}.visible-by-container-rule{display:none;}@container side-info (width < 600px){.catalog-detail__main .catalog-detail__main-parts{flex-direction:column;gap:24px}.catalog-detail__main .catalog-detail__main-part--right{max-width:none}.visible-by-container-rule{display:block}.hidden-by-container-rule{display:none}}body .catalog-detail__main-parts{align-items:flex-start;}.catalog-detail__main-part--right{max-width:358px;width:100%;}@media (min-width:1200px){.catalog-detail__item,.catalog-detail__right-info{min-width:0}}@media (max-width:1199px){body .catalog-detail{display:block}}@media (max-width:1199px) and (min-width:992px){.catalog-detail__item .catalog-detail__top-info>div{flex:1}}@media (max-width:991px){.catalog-detail__item .catalog-detail__top-info{gap:20px}.catalog-detail__item .catalog-detail__main{flex-basis:300px}}@media (max-width:767px){.catalog-detail__item .catalog-detail__top-info{flex-direction:column}} /* End */ /* Start:/local/assets/put-pokupki/plitka-maket.css?179139074821405*/ .pp-cat:not(#_) .nc { width: 258px; display: flex; flex-direction: column; background: var(--s-ground); border: 1px solid var(--s-line); border-radius: 8px; padding: 16px; font-family: "Golos Text", Arial, sans-serif; color: var(--s-ink); transition: box-shadow 0.16s, border-color 0.16s; } .pp-cat:not(#_) .nc:hover { box-shadow: var(--s-shadow-sm); border-color: var(--s-line-strong); } @media (prefers-reduced-motion: reduce) { .pp-cat:not(#_) .nc { transition: none; } } .pp-cat:not(#_) .nc__media { position: relative; aspect-ratio: 1 / 1; border-radius: 8px; background: var(--s-ground); overflow: hidden; display: grid; place-items: center; padding: 28px 8px 8px; } .pp-cat:not(#_) .nc__media img { width: 100%; height: 100%; object-fit: contain; display: block; } .pp-cat:not(#_) .nc__media--empty::after { content: "нет фото"; font-size: 12px; line-height: 16px; color: var(--s-ink-4); } .pp-cat:not(#_) .nc__badges { position: absolute; left: 0px; top: 0px; z-index: 2; display: flex; align-items: center; gap: 4px; max-width: 100%; } .pp-cat:not(#_) .nc__badge { display: inline-flex; align-items: center; height: 20px; padding: 0px 8px; border-radius: 4px; font-size: 12px; line-height: 16px; font-weight: 500; white-space: nowrap; background: var(--s-surface); color: var(--s-ink-2); } .pp-cat:not(#_) .nc__badge--sale { background: var(--s-brand); color: rgb(255, 255, 255); font-variant-numeric: tabular-nums; } .pp-cat:not(#_) .nc__cmp { position: absolute; right: 0px; top: 0px; width: 26px; height: 26px; display: grid; place-items: center; border-radius: 6px; background: var(--s-ground); border: 1px solid var(--s-line); color: var(--s-ink-3); cursor: pointer; padding: 0px; transition: color 0.14s, border-color 0.14s; } .pp-cat:not(#_) .nc__cmp:hover { color: var(--s-ink); border-color: var(--s-line-strong); } .pp-cat:not(#_) .nc__cmp:focus-visible { outline: 2px solid var(--s-brand); outline-offset: 1px; } .pp-cat:not(#_) .nc__body { display: flex; flex-direction: column; flex: 1 1 0%; margin-top: 12px; } .pp-cat:not(#_) .nc__title { height: 36px; margin: 0px; font-size: 14px; line-height: 18px; font-weight: 500; color: var(--s-ink); display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; } .pp-cat:not(#_) .nc__title a { color: inherit; text-decoration: none; } .pp-cat:not(#_) .nc__title a:hover { color: var(--s-brand); } .pp-cat:not(#_) .nc__specs { display: flex; flex-wrap: wrap; gap: 4px; height: 44px; overflow: hidden; margin-top: 8px; align-content: flex-start; } .pp-cat:not(#_) .nc__spec { display: inline-flex; align-items: center; height: 20px; padding: 0px 7px; border-radius: 4px; font-size: 12px; line-height: 16px; font-weight: 400; background: var(--s-surface); color: var(--s-ink-2); white-space: nowrap; } .pp-cat:not(#_) .nc__spec--key { background: var(--s-ground); border: 1px solid var(--s-line-strong); color: var(--s-ink); font-weight: 500; padding: 0px 6px; } .pp-cat:not(#_) .nc__spec--more { background: transparent; border: 1px dashed var(--s-line-strong); color: var(--s-ink-3); padding: 0px 5px; } .pp-cat:not(#_) .nc__prices { margin-top: 8px; height: 64px; display: flex; flex-direction: column; } .pp-cat:not(#_) .nc__pay { display: flex; align-items: center; gap: 8px; height: 30px; } .pp-cat:not(#_) .nc__pay-val { font-size: 22px; line-height: 30px; font-weight: 600; color: var(--s-ink); letter-spacing: -0.015em; font-variant-numeric: tabular-nums; white-space: nowrap; } .pp-cat:not(#_) .nc__save { margin-left: auto; display: inline-flex; align-items: center; height: 20px; padding: 0px 6px; border-radius: 4px; background: var(--s-brand-tint); color: var(--s-brand); font-size: 12px; line-height: 16px; font-weight: 600; font-variant-numeric: tabular-nums; white-space: nowrap; } .pp-cat:not(#_) .nc__payhint { display: flex; align-items: center; gap: 4px; height: 16px; font-size: 12px; line-height: 16px; color: var(--s-ink-3); white-space: nowrap; } .pp-cat:not(#_) .nc__full { display: flex; align-items: baseline; gap: 5px; height: 18px; font-size: 13px; line-height: 18px; color: var(--s-ink-2); font-variant-numeric: tabular-nums; white-space: nowrap; } .pp-cat:not(#_) .nc__full b { font-weight: 500; color: var(--s-ink-2); } .pp-cat:not(#_) .nc__full em { font-style: normal; font-size: 12px; color: var(--s-ink-3); } .pp-cat:not(#_) .nc__full s { font-size: 12px; color: var(--s-ink-4); } .pp-cat:not(#_) .nc__info { flex: 0 0 auto; width: 13px; height: 13px; border-radius: 50%; border: 1px solid; display: grid; place-items: center; font-size: 9px; font-weight: 600; line-height: 1; cursor: help; color: #9294A0; } .pp-cat:not(#_) .nc__meta { margin-top: 10px; display: flex; flex-direction: column; gap: 4px; } .pp-cat:not(#_) .nc__stock { display: flex; align-items: center; gap: 6px; height: 20px; font-size: 12px; line-height: 16px; color: var(--s-ink-2); white-space: nowrap; overflow: hidden; } .pp-cat:not(#_) .nc__status { flex: 0 0 auto; display: inline-flex; align-items: center; height: 20px; padding: 0px 8px; border-radius: 4px; background: var(--s-ink); color: rgb(255, 255, 255); font-size: 12px; line-height: 16px; font-weight: 500; white-space: nowrap; } .pp-cat:not(#_) .nc__status--order { background: transparent; border: 1px solid var(--s-line-strong); color: var(--s-ink-2); padding: 0px 7px; } .pp-cat:not(#_) .nc__status--out { background: var(--s-surface); color: var(--s-ink-4); } .pp-cat:not(#_) .nc__line2 { display: flex; align-items: center; gap: 6px; height: 20px; font-size: 12px; line-height: 16px; color: var(--s-ink-3); white-space: nowrap; } .pp-cat:not(#_) .nc__rate { margin-left: auto; display: inline-flex; align-items: center; gap: 4px; color: var(--s-ink-2); } .pp-cat:not(#_) .nc__express { flex: 0 0 auto; display: inline-flex; align-items: center; gap: 4px; height: 20px; padding: 0px 8px 0px 6px; border-radius: 4px; background: var(--s-ink); color: rgb(255, 255, 255); font-size: 12px; line-height: 16px; font-weight: 600; white-space: nowrap; } .pp-cat:not(#_) .nc__express svg { flex: 0 0 auto; display: block; } .pp-cat:not(#_) .nc__express-time { color: var(--s-ink); font-weight: 500; } .pp-cat:not(#_) .nc__actions { display: flex; align-items: center; gap: 8px; height: 44px; margin-top: 12px; } .pp-cat:not(#_) .nc__buy { flex: 1 1 auto; height: 44px; border: 1px solid var(--s-brand); background: var(--s-brand); color: rgb(255, 255, 255); border-radius: 6px; font-family: inherit; font-size: 15px; line-height: 20px; font-weight: 500; cursor: pointer; display: inline-flex; align-items: center; justify-content: center; transition: background 0.14s, border-color 0.14s; } .pp-cat:not(#_) .nc__buy:hover { background: var(--s-brand-hover); border-color: var(--s-brand-hover); } .pp-cat:not(#_) .nc__buy:focus-visible { outline: 2px solid var(--s-brand); outline-offset: 2px; } .pp-cat:not(#_) .nc__buy--ghost { background: transparent; color: var(--s-ink); border-color: var(--s-line-strong); font-size: 14px; } .pp-cat:not(#_) .nc__buy--ghost:hover { background: var(--s-surface); border-color: var(--s-ink-3); color: var(--s-ink); } .pp-cat:not(#_) .nc__wish { flex: 0 0 auto; width: 44px; height: 44px; display: grid; place-items: center; background: transparent; border: 1px solid var(--s-line-strong); border-radius: 6px; color: var(--s-ink-3); cursor: pointer; padding: 0px; transition: color 0.14s, border-color 0.14s; } .pp-cat:not(#_) .nc__wish:hover { color: var(--s-brand); border-color: var(--s-brand); } .pp-cat:not(#_) .nc__wish:focus-visible { outline: 2px solid var(--s-brand); outline-offset: 2px; } @media (prefers-reduced-motion: reduce) { .pp-cat:not(#_) .nc__buy, .pp-cat:not(#_) .nc__wish, .pp-cat:not(#_) .nc__cmp { transition: none; } } .pp-cat:not(#_) .mob .nc__title { height: 36px; font-size: 13px; line-height: 18px; } .pp-cat:not(#_) .mob .nc__pay-val { font-size: 17px; } .pp-cat:not(#_) .mob .nc__actions { height: 36px; margin-top: 10px; } .pp-cat:not(#_) .mob .nc__buy { height: 36px; font-size: 13px; } .pp-cat:not(#_) .mob .nc__wish { width: 36px; height: 36px; } .pp-cat:not(#_) .mob .nc__body { margin-top: 10px; } .pp-cat:not(#_) .mob .nc__media img { width: 100%; height: 100%; } .pp-cat:not(#_) .mob .nc__line2 .nc__info { display: none; } .pp-cat:not(#_) .mob .nc__express { padding: 0px 6px 0px 5px; font-size: 11px; } .pp-cat:not(#_) .mob .nc__express-time { font-size: 11px; } .grid-list:not(.mobile-scrolled):has(> .catalog-block__wrapper > .pp-cat):not(#_) { display: grid; grid-template-columns: repeat(4, minmax(0px, 1fr)); gap: 40px 12px; } @media (max-width: 1199px) { .grid-list:not(.mobile-scrolled):has(> .catalog-block__wrapper > .pp-cat):not(#_) { grid-template-columns: repeat(3, minmax(0px, 1fr)); } } @media (max-width: 767px) { .grid-list:not(.mobile-scrolled):has(> .catalog-block__wrapper > .pp-cat):not(#_) { grid-template-columns: repeat(2, minmax(0px, 1fr)); gap: 24px 8px; } } .pp-cat:not(#_) .nc { width: auto; } .pp-cat:not(#_) .nc__badge--req { display: inline-flex; align-items: center; height: 20px; padding: 0px 0px 0px 6px; border-radius: 6px; gap: 0px; white-space: nowrap; } .pp-cat:not(#_) .nc__badge-text { font: 500 12px / 16px "Golos Text", Arial, sans-serif; padding: 2px 6px; } .pp-cat:not(#_) .nc__badge-pill { font-style: normal; font-variant: tabular-nums; font-size-adjust: none; font-language-override: normal; font-kerning: auto; font-optical-sizing: auto; font-feature-settings: normal; font-variation-settings: normal; font-weight: 500; font-stretch: normal; font-size: 12px; line-height: 16px; font-family: "Golos Text", Arial, sans-serif; padding: 2px 6px; border-radius: 5px; } .pp-cat:not(#_) .nc__badge { border-radius: 6px; height: 20px; font: 500 12px / 16px "Golos Text", Arial, sans-serif; } .pp-cat:not(#_) .nc__badges { gap: 4px; } .pp-cat:not(#_) .nc__prices { height: 52px; gap: 4px; } .pp-cat:not(#_) .nc__pay { display: flex; align-items: baseline; gap: 8px; height: 30px; } .pp-cat:not(#_) .nc__pay-val { flex: 0 0 auto; } .pp-cat:not(#_) .nc__payhint { height: auto; min-width: 0px; flex: 0 1 auto; display: flex; align-items: baseline; gap: 4px; } .pp-cat:not(#_) .nc__save { margin-left: auto; flex: 0 0 auto; } .pp-cat:not(#_) .nc__full { margin-top: auto; } .pp-cat:not(#_) .nc__pay { gap: 6px; } .pp-cat:not(#_) .nc__pay-val { font-size: 20px; line-height: 28px; } .pp-cat:not(#_) .nc__payhint { font-size: 12px; line-height: 16px; color: var(--s-ink-3); white-space: nowrap; text-decoration-line: underline; text-decoration-thickness: initial; text-decoration-style: dotted; text-decoration-color: var(--s-line-strong); text-underline-offset: 3px; cursor: help; align-self: center; } .pp-cat:not(#_) [data-tip] { position: relative; } .pp-cat:not(#_) [data-tip]::after { content: attr(data-tip); position: absolute; left: 0px; bottom: calc(100% + 8px); z-index: 20; width: 230px; padding: 10px 12px; border-radius: 8px; background: rgb(17, 19, 24); color: rgb(255, 255, 255); font: 400 12px / 17px "Golos Text", Arial, sans-serif; white-space: normal; text-align: left; box-shadow: rgba(17, 19, 24, 0.5) 0px 6px 20px -6px; opacity: 0; visibility: hidden; transition: opacity 0.12s; pointer-events: none; } .pp-cat:not(#_) [data-tip]:hover::after, .pp-cat:not(#_) [data-tip]:focus-visible::after, .pp-cat:not(#_) [data-tip][data-tip-open]::after { opacity: 1; visibility: visible; } .pp-cat:not(#_) .nc { position: relative; } .pp-cat:not(#_) [data-tip]::after { left: var(--tip-left,0); right: auto; bottom: calc(100% + 8px); top: auto; width: var(--tip-w,230px); display: none; } .pp-cat:not(#_) [data-tip]:hover::after, .pp-cat:not(#_) [data-tip]:focus-visible::after, .pp-cat:not(#_) [data-tip][data-tip-open]::after { display: block; } @media (prefers-reduced-motion: reduce) { .pp-cat:not(#_) [data-tip]::after { transition: none; } } .pp-cat:not(#_) .nc__save { padding: 0px 5px; } @media (max-width: 1407px) { .pp-cat:not(#_) .nc__pay { flex-wrap: wrap; height: auto; row-gap: 2px; } } @media (max-width: 1407px) { .pp-cat:not(#_) .nc__payhint { order: 3; flex: 0 0 100%; margin-top: 2px; } } @media (max-width: 1407px) { .pp-cat:not(#_) .nc__prices { height: auto; min-height: 46px; } } @media (max-width: 767px) { .pp-cat:not(#_) .nc__payhint { display: none; } } @media (max-width: 767px) { .pp-cat:not(#_) .nc__pay { cursor: help; } } @media (max-width: 767px) { .pp-cat:not(#_) .nc__prices { height: auto; } } @media (max-width: 767px) { .pp-cat:not(#_) .nc__pay { flex-wrap: wrap; height: auto; row-gap: 2px; } } @media (max-width: 767px) { .pp-cat:not(#_) .nc__pay-val { font-size: 17px; line-height: 24px; } } @media (max-width: 767px) { .pp-cat:not(#_) .nc__save { margin-left: 0px; } } .grid-list:not(.mobile-scrolled):has(> .catalog-block__wrapper > .pp-cat):not(#_) { grid-template-columns: repeat(4, minmax(0px, 1fr)); } @media (max-width: 1199px) { .grid-list:not(.mobile-scrolled):has(> .catalog-block__wrapper > .pp-cat):not(#_) { grid-template-columns: repeat(3, minmax(0px, 1fr)); } } @media (max-width: 991px) { .grid-list:not(.mobile-scrolled):has(> .catalog-block__wrapper > .pp-cat):not(#_) { grid-template-columns: repeat(2, minmax(0px, 1fr)); } } @media (max-width: 600px) { .grid-list:not(.mobile-scrolled):has(> .catalog-block__wrapper > .pp-cat):not(#_) { gap: 24px 8px; } } .pp-cat:not(#_) .nc__media img { position: absolute; inset: 0px; width: 100%; height: 100%; object-fit: contain; padding: 28px 8px 8px; box-sizing: border-box; margin: 0px; } .pp-cat:not(#_) .nc__media--empty { display: flex; align-items: center; justify-content: center; } .pp-cat:not(#_) .nc__line2, .pp-cat:not(#_) .nc__stock { overflow: visible; min-width: 0px; } .pp-cat:not(#_) .nc__short { display: none; } @media (max-width: 1399px) { .pp-cat:not(#_) .nc__short { display: inline; } } @media (max-width: 1399px) { .pp-cat:not(#_) .nc__long { display: none; } } @media (max-width: 1399px) { .pp-cat:not(#_) .nc__full s { display: none; } } @media (max-width: 1399px) { .pp-cat:not(#_) .nc__tail { display: none; } } @media (max-width: 1399px) { .pp-cat:not(#_) .nc__tail--order { display: inline; } } @media (max-width: 1399px) { .pp-cat:not(#_) .nc__rate { display: none; } } @media (max-width: 1199px) { .pp-cat:not(#_) .nc__line2, .pp-cat:not(#_) .nc__stock { overflow: hidden; } } .pp-cat:not(#_) .nc__line2:has([data-tip]), .pp-cat:not(#_) .nc__stock:has([data-tip]) { overflow: visible; } @media (max-width: 767px) { .pp-cat:not(#_) .nc { padding: 12px; } } @media (max-width: 767px) { .pp-cat:not(#_) .nc__title { font-size: 13px; line-height: 18px; } } @media (max-width: 767px) { .pp-cat:not(#_) .nc__body { margin-top: 6px; } } @media (max-width: 767px) { .pp-cat:not(#_) .nc__actions { height: 36px; margin-top: 10px; } } @media (max-width: 767px) { .pp-cat:not(#_) .nc__buy { height: 36px; font-size: 13px; } } @media (max-width: 767px) { .pp-cat:not(#_) .nc__wish { width: 36px; height: 36px; } } @media (max-width: 767px) { .pp-cat:not(#_) .nc__rate { display: none; } } @media (max-width: 767px) { .pp-cat:not(#_) .nc__badges { max-width: calc(100% - 32px); } } @media (max-width: 767px) { .pp-cat:not(#_) .nc__spec:nth-child(n+5) { display: none; } } @media (max-width: 767px) { .pp-cat:not(#_) .nc__stock, .pp-cat:not(#_) .nc__line2 { font-size: 11px; } } @media (max-width: 767px) { .pp-cat:not(#_) .nc__status { font-size: 11px; padding: 0px 6px; } } @media (max-width: 767px) { .pp-cat:not(#_) .nc__express { padding: 0px 6px 0px 5px; font-size: 11px; } } @media (max-width: 767px) { .pp-cat:not(#_) .nc__express-time { font-size: 11px; } } .pp-cat:not(#_) .nc__body { display: flex; flex-direction: column; flex: 1 1 auto; min-height: 0px; } .pp-cat:not(#_) .nc__meta { margin-top: auto; padding-top: 10px; } .pp-cat:not(#_) .nc__actions { margin-top: 12px; padding-top: 0px; } .pp-cat:not(#_) .nc__body { margin-top: 6px; } .pp-cat:not(#_) .nc__line2--hold { visibility: hidden; } @media (max-width: 767px) { .pp-cat:not(#_) .nc__stock { height: auto; flex-wrap: wrap; row-gap: 2px; } } .pp-cat:not(#_) .nc__badges { max-width: calc(100% - 34px); flex-wrap: wrap; row-gap: 4px; } .pp-cat:not(#_) .nc__eta { text-decoration-line: underline; text-decoration-thickness: initial; text-decoration-style: initial; text-decoration-color: var(--s-line-strong); text-underline-offset: 3px; } .pp-cat:not(#_) .nc__tail--order { text-decoration-line: underline; text-decoration-thickness: initial; text-decoration-style: dotted; text-decoration-color: var(--s-line-strong); text-underline-offset: 3px; cursor: help; } .pp-cat:not(#_) .nc__media { overflow: visible; } .pp-cat:not(#_) .nc__cmp { z-index: 2; } @media (max-width: 1199px) { .pp-cat:not(#_) .nc__badges { flex-wrap: nowrap; gap: 4px; max-width: calc(100% - 30px); } } @media (max-width: 1199px) { .pp-cat:not(#_) .nc__badge--sale { display: none; } } @media (max-width: 767px) { .pp-cat:not(#_) .nc__line2 { gap: 4px; min-width: 0px; } } @media (max-width: 767px) { .pp-cat:not(#_) .nc__line2 .nc__info { display: grid; } } .pp-cat:not(#_) .nc:has([data-tip]:hover), .pp-cat:not(#_) .nc:has([data-tip][data-tip-open]) { z-index: 5; } .pp-cat:not(#_) .nc__count { flex: 1 1 auto; display: flex; align-items: center; justify-content: space-between; height: 44px; padding: 0px 6px; border: 1px solid var(--s-brand); border-radius: 6px; background: rgb(255, 255, 255); color: var(--s-brand); font-style: normal; font-variant: tabular-nums; font-size-adjust: none; font-language-override: normal; font-kerning: auto; font-optical-sizing: auto; font-feature-settings: normal; font-variation-settings: normal; font-weight: 500; font-stretch: normal; font-size: 15px; line-height: 20px; font-family: "Golos Text", Arial, sans-serif; } .pp-cat:not(#_) .nc__count b { font-weight: 500; min-width: 24px; text-align: center; } .pp-cat:not(#_) .nc__count span { width: 32px; height: 32px; display: grid; place-items: center; border-radius: 6px; cursor: pointer; font-size: 18px; } .pp-cat:not(#_) .nc__count span:hover { background: var(--s-brand-tint); } @media (max-width: 767px) { .pp-cat:not(#_) .nc__count { height: 36px; font-size: 13px; } } @media (max-width: 767px) { .pp-cat:not(#_) .nc__count span { width: 26px; height: 26px; font-size: 16px; } } .pp-cat:not(#_) .nc__wish.on { border-color: var(--s-brand); background: var(--s-brand-tint); color: var(--s-brand); } .pp-cat:not(#_) .nc__wish.on svg { fill: currentcolor; } .pp-cat:not(#_) .nc__cmp.on { border-color: var(--s-brand); background: var(--s-brand-tint); color: var(--s-brand); } .pp-cat:not(#_) .nc__stars { position: absolute; left: 0px; bottom: 0px; z-index: 2; display: inline-flex; align-items: center; gap: 4px; font: 400 11px / 14px "Golos Text", Arial, sans-serif; color: var(--s-ink-3); } .pp-cat:not(#_) .nc__stars svg { color: var(--s-brand); flex: 0 0 auto; } .pp-cat:not(#_) .nc__stars b { font-weight: 500; color: var(--s-ink); } .pp-cat:not(#_) .nc__stars i { font-style: normal; color: var(--s-ink-4); } .pp-cat:not(#_) .nc__media img { padding-bottom: 22px; } @media (max-width: 767px) { .pp-cat:not(#_) .nc__stars { font-size: 10px; line-height: 13px; gap: 3px; } } @media (max-width: 767px) { .pp-cat:not(#_) .nc__media img { padding-bottom: 18px; } } .pp-cat:not(#_) .nc__stock[data-stock] { cursor: pointer; } .pp-cat:not(#_) .nc__where { text-decoration: underline rgb(200, 202, 212); text-underline-offset: 2px; } .pp-cat:not(#_) .nc__stock[data-stock]:hover .nc__where { text-decoration-color: rgb(138, 138, 147); } .pp-cat:not(#_) .nc__stock[data-stock]:focus-visible { outline: rgb(219, 2, 12) solid 2px; outline-offset: 2px; border-radius: 4px; } .pp-cat:not(#_) .nc__status { height: 18px; font-size: 11px; } .pp-cat:not(#_) .nc__where { font-size: 11px; } .pp-cat:not(#_) .nc__express { height: 18px; font-size: 11px; } .pp-cat:not(#_) .nc__express-time { font-size: 11px; } .pp-cat:not(#_) .nc__tail { font-size: 11px; } .pp-cat:not(#_) .nc__line2 { font-size: 11px; } .pp-cat:not(#_) .st-short { display: none; } @media (max-width: 767px) { .pp-cat:not(#_) .nc__status { font-size: 10px; padding: 0px 6px; } } @media (max-width: 767px) { .pp-cat:not(#_) .nc__where { font-size: 10px; } } @media (max-width: 767px) { .pp-cat:not(#_) .nc__express { font-size: 10px; } } @media (max-width: 767px) { .pp-cat:not(#_) .nc__express-time { font-size: 10px; } } @media (max-width: 767px) { .pp-cat:not(#_) .nc__tail { font-size: 10px; } } @media (max-width: 767px) { .pp-cat:not(#_) .nc__line2 { font-size: 10px; } } .pp-cat:not(#_) .nc__spec { font-size: 11px; } @media (max-width: 767px) { .pp-cat:not(#_) .nc__spec { font-size: 10px; } } .pp-cat:not(#_) .nc__badge-text, .pp-cat:not(#_) .nc__badge-pill, .pp-cat:not(#_) .nc__save, .pp-cat:not(#_) .nc__payhint, .pp-cat:not(#_) .em { font-size: 11px; } @media (max-width: 767px) { .pp-cat:not(#_) .nc__badge-text, .pp-cat:not(#_) .nc__badge-pill, .pp-cat:not(#_) .nc__save, .pp-cat:not(#_) .nc__payhint, .pp-cat:not(#_) .em { font-size: 10px; } } .pp-cat:not(#_) .nc__badge { font-size: 11px; } .pp-cat:not(#_) .nc__full em, .pp-cat:not(#_) .nc__full s { font-size: 11px; } .pp-cat:not(#_) .nc__buy { font-size: 15px; } @media (max-width: 767px) { .pp-cat:not(#_) .nc__badge { font-size: 10px; } } @media (max-width: 767px) { .pp-cat:not(#_) .nc__full em, .pp-cat:not(#_) .nc__full s { font-size: 10px; } } @media (max-width: 767px) { .pp-cat:not(#_) .nc__buy { font-size: 13px; } } /* End */ /* Start:/local/assets/put-pokupki/nalichie-maket.css?17913907486638*/ .nc-mod { position: absolute; inset: 0px; z-index: 30; display: flex; justify-content: center; align-items: flex-start; padding: 0px 16px 48px; background: rgba(17, 19, 24, 0.42); } .nc-mod[hidden] { display: none; } .nc-mod__back { position: absolute; inset: 0px; } .nc-mod__win { position: relative; width: 100%; max-width: 880px; background: rgb(255, 255, 255); border-radius: 14px; box-shadow: rgba(17, 19, 24, 0.28) 0px 18px 48px; display: flex; flex-direction: column; font-family: "Golos Text", Arial, sans-serif; color: rgb(34, 34, 40); } .nc-mod__head { display: flex; align-items: flex-start; justify-content: space-between; gap: 16px; padding: 18px 20px 14px; } .nc-mod__t { font: 600 20px / 26px "Golos Text", Arial, sans-serif; } .nc-mod__sub { margin-top: 2px; font: 400 13px / 18px "Golos Text", Arial, sans-serif; color: rgb(138, 138, 147); } .nc-mod__x { flex: 0 0 auto; width: 28px; height: 28px; border-radius: 50%; background: rgb(241, 241, 247); cursor: pointer; position: relative; transition: background 0.12s; } .nc-mod__x::before, .nc-mod__x::after { content: ""; position: absolute; left: 8px; top: 13px; width: 12px; height: 1.5px; background: rgb(85, 85, 88); } .nc-mod__x::before { transform: rotate(45deg); } .nc-mod__x::after { transform: rotate(-45deg); } .nc-mod__x:hover { background: rgb(230, 230, 238); } .nc-mod__x:focus-visible { outline: rgb(219, 2, 12) solid 2px; outline-offset: 2px; } .nc-mod__body { display: grid; grid-template-columns: minmax(0px, 1fr) 320px; gap: 20px; padding: 0px 20px; } .nc-mod__side { min-width: 0px; } .nc-mod__filters { display: flex; flex-wrap: wrap; gap: 6px 14px; margin-bottom: 8px; } .nc-mod__filter { display: inline-flex; align-items: center; gap: 6px; cursor: pointer; font: 400 13px / 18px "Golos Text", Arial, sans-serif; color: rgb(85, 85, 88); } .nc-mod__filter input { width: 16px; height: 16px; accent-color: rgb(219, 2, 12); margin: 0px; cursor: pointer; } /* 01.10.2026, слово владельца «галочки нормальные, как в корзине»: вид .gk-pick из korzina-galochki.css — 22 px, скругление 6, тонкая рамка, отмечено — красная заливка с белой отметкой */ .nc-mod__filter { gap: 8px; } .nc-mod__filter input { -webkit-appearance: none; appearance: none; flex: 0 0 auto; width: 22px; height: 22px; border: 1.5px solid rgb(200, 202, 212); border-radius: 6px; background: #FFFFFF; transition: background-color .12s ease, border-color .12s ease; } .nc-mod__filter input:checked { border-color: #DB020C; background: #DB020C url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M5 12l5 5l10-10' fill='none' stroke='%23fff' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / 16px no-repeat; } @media (hover: hover) { .nc-mod__filter input:not(:checked):hover { border-color: #DB020C; } } .nc-mod__filter input:focus-visible { outline: 2px solid #DB020C; outline-offset: 2px; } @media (prefers-reduced-motion: reduce) { .nc-mod__filter input { transition: none; } } .nc-mod__hours { margin-top: 2px; font-size: 11px; line-height: 16px; color: rgb(85, 85, 88); } .nc-mod__row--none .nc-mod__hours { color: rgb(159, 161, 174); } .nc-mod__phone { font-size: 11px; line-height: 16px; color: rgb(85, 85, 88); font-variant-numeric: tabular-nums; } .nc-mod__rate { display: inline-flex; align-items: center; gap: 5px; margin-top: 2px; font-size: 11px; line-height: 16px; color: rgb(85, 85, 88); } .nc-mod__row--none .nc-mod__rate { color: rgb(138, 138, 147); } .nc-mod__rate b { color: rgb(34, 34, 40); font-weight: 500; } .nc-mod__star { color: rgb(245, 166, 35); font-size: 11px; line-height: 1; } .nc-mod__rate i { font-style: normal; color: rgb(199, 202, 214); } .nc-mod__src { display: inline-flex; align-items: center; gap: 3px; margin-left: 6px; font-size: 11px; line-height: 14px; color: rgb(138, 141, 155); } .nc-mod__src svg { color: rgb(138, 141, 155); flex: 0 0 auto; } .nc-mod__row--none .nc-mod__a { color: rgb(138, 138, 147); } .nc-mod__row--none .nc-mod__n { color: rgb(159, 161, 174); } .nc-mod__list { display: flex; flex-direction: column; align-self: start; } .nc-mod__row { display: grid; grid-template-columns: minmax(0px, 1fr) 16px; align-items: center; gap: 10px; padding: 11px 8px; border-bottom: 1px solid rgb(240, 240, 244); border-radius: 8px; cursor: pointer; } .nc-mod__row[hidden] { display: none; } .nc-mod__row:last-child { border-bottom: 0px; } .nc-mod__row:hover { background: rgb(247, 247, 250); } .nc-mod__row.on { background: rgb(255, 255, 255); border: 1px solid rgb(219, 2, 12); border-radius: 8px; padding: 10px 7px; } .nc-mod__row.on + .nc-mod__row { border-top: 0px; } .nc-mod__a { font: 500 15px / 20px "Golos Text", Arial, sans-serif; color: rgb(34, 34, 40); } .nc-mod__n { margin-top: 2px; font-size: 13px; line-height: 18px; color: rgb(85, 85, 88); } .nc-mod__n b { color: rgb(34, 34, 40); font-weight: 500; } .nc-mod__row::after { content: "›"; justify-self: end; color: rgb(200, 202, 212); font-size: 17px; line-height: 1; } .nc-mod__map { position: relative; align-self: start; aspect-ratio: 3 / 4; border: 1px solid rgb(235, 236, 239); border-radius: 10px; overflow: hidden; background: rgb(237, 237, 243); } .nc-mod__mapin { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); height: 100%; width: auto; min-width: 100%; aspect-ratio: 700 / 593; } .nc-mod__map img { width: 100%; height: 100%; object-fit: fill; display: block; } .nc-mod__win { padding-bottom: 16px; } @media (max-width: 767px) { .nc-mod { padding: 0px 12px 24px; } } @media (max-width: 767px) { .nc-mod__body { grid-template-columns: minmax(0px, 1fr); gap: 14px; } } @media (max-width: 767px) { .nc-mod__map { order: -1; } } .nc-mod .mk-pin { position: absolute; width: 5%; aspect-ratio: 1 / 1; margin-left: -2.5%; margin-top: -6.04%; background: rgb(219, 2, 12); border-radius: 50% 50% 50% 0px; transform: rotate(-45deg); box-shadow: rgba(17, 19, 24, 0.35) 0px 1px 2px; cursor: pointer; } .nc-mod .mk-pin::before { content: ""; position: absolute; left: 50%; top: 50%; width: 38px; height: 38px; transform: translate(-50%, -50%); border-radius: 50%; } .nc-mod .mk-pin.hi { box-shadow: rgba(219, 2, 12, 0.22) 0px 0px 0px 3px, rgba(17, 19, 24, 0.35) 0px 1px 2px; } .nc-mod .mk-pin.on { width: 6.9%; margin-left: -3.45%; margin-top: -8.3%; border: 2px solid rgb(255, 255, 255); box-shadow: rgba(17, 19, 24, 0.4) 0px 2px 6px; z-index: 2; } .nc-mod .mk-pin:focus-visible { outline: rgb(219, 2, 12) solid 2px; outline-offset: 2px; } /* End */ /* Start:/local/assets/put-pokupki/plitka-sajt.css?179156706223104*/ /* put-pokupki: привязка плитки из макета к странице сайта. Правила самой плитки — plitka-maket.css и nalichie-maket.css, их делает kopiya/css_iz_maketa.py из макета, руками не правятся. Здесь только то, чего у макета нет: токены, скрытие родной плитки, окно поверх страницы. */ /* Токены макета (в макете висят на .viewport стенда). Макет всегда светлый. */ .pp-cat, .pp-mod { --s-brand: #DB020C; --s-brand-hover: #C0000A; --s-brand-tint: #FFF0F0; --s-ink: #111318; --s-ink-2: #565869; --s-ink-3: #767888; --s-ink-4: #9FA1AE; --s-ground: #FFFFFF; --s-surface: #F5F5F8; --s-surface-2: #E8E9EE; --s-line: #E8E9EE; --s-line-strong: #C8CAD4; --s-shadow-sm: 0 2px 8px 0 rgba(17,19,24,.08); } /* Родная плитка Аспро остаётся в разметке целиком (кнопки, js-*, data-*, itemprop) — её кнопки нажимает plitka.js. Не видна и не ловит нажатия; display:none не ставим — ломает логику Аспро (VERSTKA_GUIDELINES 4.2). */ .catalog-block__wrapper:has(> .pp-cat):not(#_) { position: relative; padding: 0; border: 0; background: none; box-shadow: none; } .catalog-block__wrapper:has(> .pp-cat):not(#_)::before, .catalog-block__wrapper:has(> .pp-cat):not(#_)::after { display: none; } .catalog-block__wrapper:has(> .pp-cat):not(#_) > .catalog-block__item { position: absolute; inset: 0; opacity: 0; pointer-events: none; overflow: hidden; z-index: -1; } .catalog-block__wrapper > .pp-cat { height: 100%; } .pp-cat:not(#_) .nc { height: 100%; box-sizing: border-box; } .pp-cat *, .pp-mod * { box-sizing: border-box; } /* На телефоне фильтр и сортировка остаются самостоятельными кнопками, без обводки. */ @media (max-width: 767px) { .filter-panel.sort_header .filter-panel__filter .dropdown-select__title, .filter-panel.sort_header .filter-panel__sort .dropdown-select__title { border: 0; box-shadow: none; } } /* Один ряд характеристик не должен резервировать место под второй. Держим цены и информацию о наличии единым компактным блоком. */ .pp-cat:not(#_) .nc__specs { height: auto; min-height: 20px; max-height: 44px; } @media (max-width: 767px) { .pp-cat:not(#_) .nc__spec:nth-child(n+5) { display: inline-flex; } .pp-cat:not(#_) .nc__spec { padding-inline: 5px; } } .pp-cat:not(#_) .nc__prices { height: auto; min-height: 48px; } .pp-cat:not(#_) .nc__meta { margin-top: 8px; padding-top: 0; } .pp-cat:not(#_) .nc__actions { margin-top: auto; padding-top: 12px; height: 52px; } @media (max-width: 767px) { .pp-cat:not(#_) .nc__actions { padding-top: 10px; height: 46px; } } /* Стикер формирует 1С. Высота на телефоне — 20 px, типографика как у Сплита; встроенные цвета, подпись и значение из 1С не переопределяем. */ .pp-cat:not(#_) .nc__badge--req { height: 20px; min-height: 20px; padding: 0; gap: 0; } .pp-cat:not(#_) .nc__badge--req .nc__badge-text, .pp-cat:not(#_) .nc__badge--req .nc__badge-pill { font-size: 10px; line-height: 14px; font-weight: 600; } .pp-cat:not(#_) .nc__badge--req .nc__badge-text { padding: 3px 6px; } .pp-cat:not(#_) .nc__badge--req .nc__badge-pill { display: inline-flex; align-items: center; justify-content: center; min-width: 24px; padding: 3px 6px; text-align: center; } .pp-cat:not(#_) .nc__badge--warranty { cursor: pointer; } .pp-cat:not(#_) .nc__badge--warranty:focus { outline: none; } .pp-cat:not(#_) .nc__badge--warranty:focus-visible { box-shadow: 0 0 0 2px #fff, 0 0 0 4px var(--s-ink-2); } .pp-cat:not(#_) .nc__badge-explain { display: inline-flex; align-items: center; flex: 0 0 auto; overflow: hidden; max-width: 0; opacity: 0; white-space: nowrap; height: 100%; border-radius: 0 5px 5px 0; font: 400 11px/16px "Golos Text", Arial, sans-serif; transition: max-width .2s ease, opacity .15s ease, padding .2s ease; } .pp-cat:not(#_) .nc__badge--warranty.is-open .nc__badge-pill { border-top-right-radius: 0; border-bottom-right-radius: 0; flex: 0 0 auto; width: auto; min-width: 0; justify-content: flex-start; padding-left: 6px; padding-right: 0; } .pp-cat:not(#_) .nc__badge--warranty.is-open .nc__badge-explain { max-width: 120px; padding: 0 8px 0 4px; opacity: 1; } .catalog-block__wrapper:has(.nc__badge--warranty.is-open), .catalog-block__wrapper:has(.nc__badge--warranty:hover) { z-index: 11; } @media (min-width: 768px) and (hover: hover) { .pp-cat:not(#_) .nc__badge--warranty:hover .nc__badge-pill, .pp-cat:not(#_) .nc__badge--warranty:focus-visible .nc__badge-pill { border-top-right-radius: 0; border-bottom-right-radius: 0; flex: 0 0 auto; width: auto; min-width: 0; justify-content: flex-start; padding-left: 6px; padding-right: 0; } .pp-cat:not(#_) .nc__badge--warranty:hover .nc__badge-explain, .pp-cat:not(#_) .nc__badge--warranty:focus-visible .nc__badge-explain { max-width: 120px; padding: 0 8px 0 4px; opacity: 1; } } @media (prefers-reduced-motion: reduce) { .pp-cat:not(#_) .nc__badge-explain { transition: none; } } /* Ритм плитки: элементы внутри группы ближе, группы отделены друг от друга. */ .pp-cat:not(#_) .nc { padding-top: 12px; padding-bottom: 14px; } @media (max-width: 767px) { .pp-cat:not(#_) .nc { padding-bottom: 12px; } } .pp-cat:not(#_) .nc__badges, .pp-cat:not(#_) .nc__cmp { top: -4px; } .pp-cat:not(#_) .nc__badge--req .nc__badge-text { padding-right: 6px; } .pp-cat:not(#_) .nc__cmp, .pp-cat:not(#_) .nc__cmp:hover, .pp-cat:not(#_) .nc__cmp.on { border: 0; } .pp-cat:not(#_) .nc__cmp { background: transparent; } .pp-cat:not(#_) .nc__cmp:hover { background: var(--s-surface); } .pp-cat:not(#_) .nc__media img { padding-top: 36px; padding-bottom: 14px; } .pp-cat:not(#_) .nc__body { margin-top: 2px; } .pp-cat:not(#_) .nc__specs { margin-top: 4px; } .pp-cat:not(#_) .nc__prices { margin-top: 7px; gap: 2px; min-height: 0; } .pp-cat:not(#_) .nc__pay { column-gap: 5px; row-gap: 0; } .pp-cat:not(#_) .nc__pay { align-items: center; } .pp-cat:not(#_) .nc__payhint { display: inline-flex; order: 0; flex: 0 0 auto; align-self: center; height: 20px; margin-top: 0; align-items: center; font-size: 11px; line-height: 20px; white-space: nowrap; } .pp-cat:not(#_) .nc__save { margin-left: 0; align-self: center; } .pp-cat:not(#_) .nc__full { margin-top: 0; height: 16px; line-height: 16px; } .pp-cat:not(#_) .nc__meta { margin-top: 8px; gap: 0; padding-top: 0; } .pp-cat:not(#_) .nc__stock .nc__status:not(.nc__status--order):not(.nc__status--out) { height: auto; padding: 0; border: 0; border-radius: 0; background: transparent; color: var(--s-ink-3); font: inherit; } .pp-cat:not(#_) .nc__actions { padding-top: 8px; } @media (max-width: 767px) { .pp-cat:not(#_) .nc__media img { padding-top: 32px; padding-bottom: 12px; } .pp-cat:not(#_) .nc__actions { padding-top: 7px; } .pp-cat:not(#_) .nc__payhint { display: flex; font-size: 10px; } .pp-cat:not(#_) .nc__pay [data-tip]::after, .pp-cat:not(#_) .nc__line2 [data-tip]::after { display: none !important; } .pp-cat:not(#_) .nc__pay[data-tip]:not([data-tip-open])::after, .pp-cat:not(#_) .nc__line2[data-tip]:not([data-tip-open])::after { display: none !important; } .pp-cat:not(#_) .nc__line2[data-pp-line] { cursor: pointer; } .pp-cat:not(#_) .nc__line2[data-tip] { overflow: visible; } } /* Листание фотографий в плитке каталога. Управление появляется только там, где в галерее товара больше одного снимка. */ .pp-cat:not(#_) .nc__gallery-link { position: absolute; inset: 0; z-index: 1; display: block; border-radius: inherit; cursor: pointer; touch-action: pan-y; } .pp-cat:not(#_) .nc__gallery-dots { position: absolute; left: 50%; bottom: 8px; z-index: 2; transform: translateX(-50%); display: flex; align-items: center; gap: 4px; padding: 4px 7px; border-radius: 20px; background: rgba(255,255,255,.94); } .pp-cat:not(#_) .nc__gallery-dot { display: block; width: 5px; height: 5px; padding: 0; border: 0; border-radius: 50%; background: #D6D8DE; cursor: pointer; } .pp-cat:not(#_) .nc__gallery-dot.is-active { background: #111318; } .pp-cat:not(#_) .nc__gallery-dot:focus-visible { outline: 2px solid var(--s-brand); outline-offset: 3px; } /* Сервисные предложения автомобильного АКБ: подарок под стикером оплаты частями. */ .pp-cat:not(#_) .nc__services { position: absolute; top: 44px; left: 0; z-index: 5; width: 20px; max-width: calc(100vw - 32px); max-height: 20px; overflow: hidden; border-radius: 6px; background: #f2f3f7; transition: width .2s ease, max-height .2s ease, border-radius .2s ease, background-color .2s ease, box-shadow .2s ease; } .pp-cat:not(#_) .nc__services-trigger { position: relative; z-index: 1; display: flex; align-items: center; gap: 5px; width: 100%; height: 20px; padding: 2px; border: 0; background: transparent; color: var(--s-ink); cursor: pointer; white-space: nowrap; text-align: left; transition: height .2s ease, padding .2s ease; } .pp-cat:not(#_) .nc__services-trigger svg { flex: 0 0 16px; width: 16px; height: 16px; padding: 2px; border-radius: 50%; background: var(--s-brand); color: #fff; } .pp-cat:not(#_) .nc__services-trigger-copy { flex: 0 0 auto; opacity: 0; transform: translateX(-4px); font: 600 12px/18px "Golos Text", Arial, sans-serif; transition: opacity .14s ease, transform .2s ease; } .pp-cat:not(#_) .nc__services.is-open, .pp-cat:not(#_) .nc__services:focus-within:not(.is-closed) { width: 194px; max-height: 145px; border-radius: 10px; background: #fff; box-shadow: 0 10px 26px rgba(17,19,24,.14); } .pp-cat:not(#_) .nc__services.is-open .nc__services-trigger, .pp-cat:not(#_) .nc__services:focus-within:not(.is-closed) .nc__services-trigger { height: 30px; padding: 5px 8px; gap: 7px; } .pp-cat:not(#_) .nc__services.is-open .nc__services-trigger-copy, .pp-cat:not(#_) .nc__services:focus-within:not(.is-closed) .nc__services-trigger-copy { opacity: 1; transform: none; } @media (hover: hover) { .pp-cat:not(#_) .nc__services:hover:not(.is-closed) { width: 194px; max-height: 145px; border-radius: 10px; background: #fff; box-shadow: 0 10px 26px rgba(17,19,24,.14); } .pp-cat:not(#_) .nc__services:hover:not(.is-closed) .nc__services-trigger { height: 30px; padding: 5px 8px; gap: 7px; } .pp-cat:not(#_) .nc__services:hover:not(.is-closed) .nc__services-trigger-copy { opacity: 1; transform: none; } } .pp-cat:not(#_) .nc__services-trigger:focus { outline: none; } .pp-cat:not(#_) .nc__services-trigger:focus-visible { box-shadow: 0 0 0 2px #fff, 0 0 0 4px var(--s-brand); } @media (pointer: coarse) { .pp-cat:not(#_) .nc__services-trigger:focus-visible { box-shadow: none; } } .pp-cat:not(#_) .nc__services-popover { width: 100%; padding: 0 8px 6px; opacity: 0; visibility: hidden; pointer-events: none; transition: opacity .16s ease, visibility 0s linear .16s; } .pp-cat:not(#_) .nc__services-popover a, .pp-cat:not(#_) .nc__services-popover .nc__services-note { display: flex; align-items: center; justify-content: space-between; gap: 8px; padding: 5px 3px; color: var(--s-ink); font-size: 11px; line-height: 16px; text-decoration: none; } .pp-cat:not(#_) .nc__services-popover a:hover span { color: var(--s-brand); } .pp-cat:not(#_) .nc__services-popover small { display: none; } .pp-cat:not(#_) .nc__services.is-open .nc__services-popover, .pp-cat:not(#_) .nc__services:focus-within:not(.is-closed) .nc__services-popover { opacity: 1; visibility: visible; pointer-events: auto; transition-delay: 0s; } @media (hover: hover) { .pp-cat:not(#_) .nc__services:hover:not(.is-closed) .nc__services-popover { opacity: 1; visibility: visible; pointer-events: auto; transition-delay: 0s; } } .catalog-block__wrapper:has(.nc__services.is-open), .catalog-block__wrapper:has(.nc__services:hover) { z-index: 10; } @media (prefers-reduced-motion: reduce) { .pp-cat:not(#_) .nc__services, .pp-cat:not(#_) .nc__services-trigger, .pp-cat:not(#_) .nc__services-trigger-copy, .pp-cat:not(#_) .nc__services-popover { transition: none; } } /* Единый стикер оплаты частями под гарантией. */ .pp-cat:not(#_) .nc__parts-preview { display: flex; align-items: center; gap: 9px; min-width: 0; font-family: "Golos Text", Arial, sans-serif; color: var(--s-ink); } .pp-cat:not(#_) .nc__parts-preview--hover { position: absolute; top: 20px; left: 0; z-index: 3; box-sizing: border-box; width: 20px; max-width: 100%; height: 20px; padding: 3px; overflow: hidden; gap: 5px; border: 0; border-radius: 6px; background: #f2f3f7; box-shadow: none; text-align: left; white-space: nowrap; cursor: pointer; appearance: none; transition: width .2s ease, background-color .2s ease, box-shadow .2s ease; } .pp-cat:not(#_) .nc__parts-preview--hover .nc__parts-copy { flex: 0 0 auto; opacity: 0; transform: translateX(-4px); transition: opacity .14s ease, transform .2s ease; } @media (hover: hover) { .pp-cat:not(#_) .nc__parts-preview--hover:hover:not(.is-closed) { width: 120px; box-shadow: 0 4px 16px rgba(17,19,24,.14); } .pp-cat:not(#_) .nc__parts-preview--hover:hover:not(.is-closed) .nc__parts-copy { opacity: 1; transform: none; } } .pp-cat:not(#_) .nc__parts-preview--hover.is-open { width: 120px; box-shadow: 0 4px 16px rgba(17,19,24,.14); } .pp-cat:not(#_) .nc__parts-preview--hover.is-open .nc__parts-copy { opacity: 1; transform: none; } .pp-cat:not(#_) .nc:has(.nc__parts-preview--hover.is-open), .pp-cat:not(#_) .nc:has(.nc__parts-preview--hover:hover) { position: relative; z-index: 5; } .pp-cat:not(#_) .nc__parts-preview--hover:focus { outline: none; } .pp-cat:not(#_) .nc__parts-preview--hover:focus-visible { box-shadow: 0 0 0 2px var(--s-brand), 0 4px 16px rgba(17,19,24,.14); } @media (pointer: coarse) { .pp-cat:not(#_) .nc__parts-preview--hover:focus-visible { outline: none; box-shadow: 0 4px 16px rgba(17,19,24,.14); } } @media (prefers-reduced-motion: reduce) { .pp-cat:not(#_) .nc__parts-preview--hover, .pp-cat:not(#_) .nc__parts-preview--hover .nc__parts-copy { transition: none; } } .pp-cat:not(#_) .nc__parts-icons { display: inline-flex; align-items: center; flex: 0 0 auto; } .pp-cat:not(#_) .nc__parts-icon { display: block; flex: 0 0 20px; width: 20px; height: 20px; border-radius: 50%; background: url("/bitrix/templates/aspro-premier/images/svg/payment.svg") 0 0 no-repeat; } .pp-cat:not(#_) .nc__parts-icon + .nc__parts-icon { margin-left: -4px; box-shadow: -2px 0 0 #fff; } .pp-cat:not(#_) .nc__parts-icon--split { background-position: -1077px 0; } .pp-cat:not(#_) .nc__parts-icon--plait { background-position: -1104px 0; } .pp-cat:not(#_) .nc__parts-preview--hover .nc__parts-icon { flex-basis: 14px; width: 14px; height: 14px; background-size: 1217.33px 14px; } .pp-cat:not(#_) .nc__parts-preview--hover .nc__parts-icon + .nc__parts-icon { margin-left: -3px; } .pp-cat:not(#_) .nc__parts-preview--hover .nc__parts-icon--split { background-position: -718px 0; } .pp-cat:not(#_) .nc__parts-preview--hover .nc__parts-icon--plait { background-position: -736px 0; } .pp-cat:not(#_) .nc__parts-preview--hover .nc__parts-copy small { display: none; } .pp-cat:not(#_) .nc__parts-preview--hover .nc__parts-copy b { font-size: 10px; line-height: 14px; } .pp-cat:not(#_) .nc__parts-copy { display: flex; flex-direction: column; min-width: 0; } .pp-cat:not(#_) .nc__parts-copy b { font-size: 12px; line-height: 15px; font-weight: 600; white-space: nowrap; } .pp-cat:not(#_) .nc__parts-copy small { font-size: 10px; line-height: 13px; font-weight: 400; color: var(--s-ink-3); white-space: nowrap; } @media (max-width: 420px) { .pp-cat:not(#_) .nc__parts-preview { gap: 5px; } .pp-cat:not(#_) .nc__parts-copy b { font-size: 11px; } } /* На широких плитках стикеры чуть крупнее; на телефоне остаются прежними. Гарантия: -4..18, Сплит: 22..44, подарок: 48..70 — зазор везде 4 px. */ @media (min-width: 768px) { .pp-cat:not(#_) .nc__badge--req { height: 22px; min-height: 22px; } .pp-cat:not(#_) .nc__badge--req .nc__badge-text, .pp-cat:not(#_) .nc__badge--req .nc__badge-pill { font-size: 11px; line-height: 16px; } .pp-cat:not(#_) .nc__badge--req .nc__badge-pill { min-width: 26px; } .pp-cat:not(#_) .nc__parts-preview--hover { top: 22px; width: 22px; height: 22px; } .pp-cat:not(#_) .nc__parts-preview--hover .nc__parts-icon { flex-basis: 16px; width: 16px; height: 16px; background-size: 1391.24px 16px; } .pp-cat:not(#_) .nc__parts-preview--hover .nc__parts-icon--split { background-position: -820.6px 0; } .pp-cat:not(#_) .nc__parts-preview--hover .nc__parts-icon--plait { background-position: -841.1px 0; } .pp-cat:not(#_) .nc__parts-preview--hover .nc__parts-copy b { font-size: 11px; line-height: 16px; } .pp-cat:not(#_) .nc__parts-preview--hover.is-open { width: 130px; } .pp-cat:not(#_) .nc__services { top: 48px; width: 22px; max-height: 22px; } .pp-cat:not(#_) .nc__services-trigger { height: 22px; } .pp-cat:not(#_) .nc__services-trigger svg { flex-basis: 18px; width: 18px; height: 18px; } } @media (min-width: 768px) and (hover: hover) { .pp-cat:not(#_) .nc__parts-preview--hover:hover:not(.is-closed) { width: 130px; } } @media (min-width: 768px) { .pp-cat:not(#_) .nc__actions { height: 40px; } .pp-cat:not(#_) .nc__buy, .pp-cat:not(#_) .nc__count { height: 40px; font-size: 14px; } .pp-cat:not(#_) .nc__wish { width: 40px; height: 40px; } } /* Окно наличия: в макете оно лежит в стенде, на сайте — поверх страницы. */ .pp-mod.nc-mod { position: fixed; inset: 0; z-index: 3000; overflow-y: auto; overscroll-behavior: contain; } .pp-mod [hidden] { display: none !important; } html.pp-mod-open { overflow: hidden; } .pp-mod .pp-ymap { transform: none; top: 0; left: 0; width: 100%; height: 100%; min-width: 0; aspect-ratio: auto; } .pp-mod .pp-ymap--off::after { content: "Карта не загрузилась"; position: absolute; inset: 0; display: grid; place-items: center; font-size: 12px; color: #767888; } /* точка на карте — та же красная капля, что в макете; размер по карте макета */ .pp-mod .mk-pin.pp-pin { position: absolute; left: 0; top: 0; width: 18px; margin: -18px 0 0 -9px; } .pp-mod .mk-pin.pp-pin.on { width: 24px; margin: -24px 0 0 -12px; } /* Зазор рядов на телефоне — 24, как в макете (patch.css, «≤600: 8 и 24»). В custom.css разработчика на ≤450 стоит row-gap:40px !important (.grey-bg-goods-y .grid-list.grid-list--compact) — без !important наше правило его не перебивает. Сверка 24.09.2026. */ @media (max-width: 600px) { .grid-list:not(.mobile-scrolled):has(> .catalog-block__wrapper > .pp-cat):not(#_) { row-gap: 24px !important; column-gap: 8px !important; } } @media (max-width: 767px) { .pp-cat:not(#_) .nc__actions, .pp-cat:not(#_) .nc__buy { min-width: 0; } .pp-cat:not(#_) .nc__buy { white-space: nowrap; padding: 0 5px; } } @media (max-width: 359px) { .grid-list:not(.mobile-scrolled):has(> .catalog-block__wrapper > .pp-cat):not(#_) { grid-template-columns: minmax(0, 1fr) !important; } .pp-cat:not(#_) .nc__media { aspect-ratio: 3 / 2; max-height: 210px; } } /* A row and its nested label must never render two tooltip bubbles. */ .pp-cat:not(#_) [data-tip] [data-tip]::after { display: none !important; content: none !important; } /* Comparison uses the same product card without nested frames. */ body:has(.catalog-compare) .page-top { padding-top: 8px !important; padding-bottom: 16px !important; } body:has(.catalog-compare) #pagetitle { font: 500 28px/34px "Golos Text", Arial, sans-serif; } body .catalog-compare .pp-compare-card { padding: 0; border: 0; background: transparent; box-shadow: none; position: relative; } .catalog-compare .pp-compare-card > .catalog-block__inner { position: absolute; inset: 0; opacity: 0; pointer-events: none; overflow: hidden; z-index: -1; } .catalog-compare .pp-compare-card .nc { border: 0; border-radius: 0; box-shadow: none; } .catalog-compare .pp-compare-card .nc__wish, .catalog-compare .pp-compare-card .nc__cmp { display: none; } .catalog-compare .pp-compare-card .nc__buy, .catalog-compare .pp-compare-card .nc__count { flex: 1; } .catalog-compare .pp-compare-remove { top: 8px; right: 8px; z-index: 4; cursor: pointer; } .catalog-compare .catalog-compare__item-props, .catalog-compare .catalog-small__item { border-inline: 0 !important; box-shadow: none; } .catalog-compare .catalog-compare__item-props { font-weight: 400; } @media(max-width:767px) { body:has(.catalog-compare) #pagetitle { font-size: 22px; line-height: 28px; } body .catalog-compare .catalog-compare__top { margin-bottom: 16px; font-size: 13px; } .catalog-compare .pp-compare-card .nc__body { padding-inline: 12px; } } .catalog-compare .catalog-compare__prop-line { border-inline: 0 !important; } body.ch-favorites .page-top { padding-top: 8px !important; padding-bottom: 16px !important; } body.ch-favorites #pagetitle { font: 500 28px/34px "Golos Text", Arial, sans-serif; } body.ch-favorites .pp-cat .nc { border: 0; box-shadow: none; } body.ch-favorites .catalog-block__wrapper { box-shadow: none !important; } @media(max-width:767px) { body.ch-favorites #pagetitle { font-size: 22px; line-height: 28px; } } /* Content determines the sticker stack and the price block height. */ .pp-cat:not(#_):not(#_) .nc__sticker-stack { position:absolute;top:-4px;left:0;z-index:5;display:flex;flex-direction:column;align-items:flex-start;gap:4px;max-width:calc(100% - 32px); } .pp-cat:not(#_):not(#_) .nc__sticker-stack > :is(.nc__badges,.nc__parts-preview--hover,.nc__services) { position:relative;top:auto;left:auto;flex-shrink:0; } .pp-cat:not(#_):not(#_) .nc__sticker-stack .nc__badges { max-width:100%;flex-wrap:wrap; } .pp-cat:not(#_):not(#_) .nc__prices { height:auto;min-height:0; } .pp-cat:not(#_):not(#_) .nc__meta { margin-top:8px;padding-top:0; } .pp-cat:not(#_):not(#_) .nc__body { flex:1 1 auto; } /* The comparison remove button is the only control in this corner. */ .catalog-compare .pp-compare-card .pp-cat:not(#_):not(#_) .nc__cmp { display:none; } .catalog-compare .pp-compare-remove { position:absolute;top:8px;right:8px;width:28px;height:28px;display:grid;place-items:center; } /* End */ /* Start:/local/assets/put-pokupki/karta-maket.css?179139074841668*/ .pp-detail:not(#_) .dt-head { margin-bottom: 24px; } .pp-detail:not(#_) .dt-head .ph { margin-bottom: 10px; } .pp-detail:not(#_) .dt-meta { display: flex; flex-wrap: wrap; gap: 8px 16px; align-items: center; font: 400 13px / 18px "Golos Text", Arial, sans-serif; color: var(--s-ink-3); } .pp-detail:not(#_) .dt-rate { color: var(--s-ink-2); } .pp-detail:not(#_) .dt-art { font-variant-numeric: tabular-nums; } .pp-detail:not(#_) .dt-sp { flex: 1 1 auto; } .pp-detail:not(#_) .dt-quiet { background: none; border-top: 0px; border-right: 0px; border-left: 0px; border-image: none; padding: 0px; cursor: pointer; color: var(--s-ink-3); font: 400 13px / 18px "Golos Text", Arial, sans-serif; border-bottom: 1px dotted var(--s-line-strong); } .pp-detail:not(#_) .dt-icon { background: none; border: 0px; padding: 0px; cursor: pointer; color: var(--s-ink-2); font: 400 13px / 18px "Golos Text", Arial, sans-serif; white-space: nowrap; } .pp-detail:not(#_) .dt-icon:hover { color: var(--s-brand); } .pp-detail:not(#_) .dt-top { display: grid; grid-template-columns: minmax(0px, 1fr) 369px 358px; gap: 40px; align-items: start; padding-bottom: 44px; } @media (max-width: 1199px) { .pp-detail:not(#_) .dt-top { grid-template-columns: minmax(0px, 1fr) 358px; } } @media (max-width: 1199px) { .pp-detail:not(#_) .dt-mid { grid-column: 1 / -1; order: 3; } } @media (max-width: 991px) { .pp-detail:not(#_) .dt-top { grid-template-columns: minmax(0px, 1fr); gap: 24px; } } @media (max-width: 991px) { .pp-detail:not(#_) .dt-mid { order: 0; } } .pp-detail:not(#_) .dt-gallery { display: grid; grid-template-columns: 52px minmax(0px, 1fr); gap: 12px; } @media (max-width: 767px) { .pp-detail:not(#_) .dt-gallery { grid-template-columns: minmax(0px, 1fr); } } .pp-detail:not(#_) .dt-thumbs { display: flex; flex-direction: column; gap: 8px; } /* телефон (владелец 30.09.2026): миниатюры под основным фото в ряд, выше «Подойдёт ли вашей машине?»; правило стоит после общего — раньше общее column перебивало row. Много снимков — ряд листается сам */ @media (max-width: 767px) { .pp-detail:not(#_) .dt-photo { order: 1; } } @media (max-width: 767px) { .pp-detail:not(#_) .dt-thumbs { order: 2; flex-direction: row; overflow-x: auto; scrollbar-width: none; } } @media (max-width: 767px) { .pp-detail:not(#_) .dt-fit { order: 3; } } .pp-detail:not(#_) .dt-thumb { flex: 0 0 auto; width: 52px; height: 52px; border-radius: 8px; border: 1px solid var(--s-line); background: var(--s-ground); padding: 4px; cursor: pointer; display: grid; place-items: center; } .pp-detail:not(#_) .dt-thumb.is-on { border-color: var(--s-ink); box-shadow: inset 0 0 0 1px var(--s-ink); } .pp-detail:not(#_) .dt-thumb img { max-width: 100%; max-height: 100%; object-fit: contain; } .pp-detail:not(#_) .dt-photo { position: relative; aspect-ratio: 1 / 1; border-radius: 8px; background: var(--s-ground); border: 1px solid var(--s-line); display: grid; place-items: center; overflow: hidden; padding: 44px 24px 24px; } .pp-detail:not(#_) .dt-photo img { max-width: 100%; max-height: 100%; object-fit: contain; } .pp-detail:not(#_) .dt-photo .nc__badges { position: absolute; left: 16px; top: 16px; z-index: 2; display: flex; gap: 4px; } .pp-detail:not(#_) .dt-h2 { font: 600 20px / 28px "Golos Text", Arial, sans-serif; color: var(--s-ink); margin: 0px 0px 14px; } .pp-detail:not(#_) .dt-h3 { font: 600 15px / 22px "Golos Text", Arial, sans-serif; color: var(--s-ink); margin: 0px 0px 10px; } .pp-detail:not(#_) .dt-h3 + .dt-props { margin-bottom: 22px; } .pp-detail:not(#_) .dt-props { margin: 0px; display: flex; flex-direction: column; gap: 8px; } .pp-detail:not(#_) .dt-props > div { display: flex; align-items: baseline; gap: 8px; } .pp-detail:not(#_) .dt-props dt { flex: 0 1 auto; font: 400 14px / 20px "Golos Text", Arial, sans-serif; color: var(--s-ink-3); white-space: nowrap; } .pp-detail:not(#_) .dt-props > div::after { content: ""; flex: 1 1 auto; border-bottom: 1px dotted var(--s-line-strong); position: relative; top: -4px; min-width: 12px; order: 1; } .pp-detail:not(#_) .dt-props dd { margin: 0px; order: 2; font-style: normal; font-variant: tabular-nums; font-size-adjust: none; font-language-override: normal; font-kerning: auto; font-optical-sizing: auto; font-feature-settings: normal; font-variation-settings: normal; font-weight: 500; font-stretch: normal; font-size: 14px; line-height: 20px; font-family: "Golos Text", Arial, sans-serif; color: var(--s-ink); text-align: right; } .pp-detail:not(#_) .dt-spec { margin: 0px; display: flex; flex-direction: column; gap: 12px; } .pp-detail:not(#_) .dt-spec > div { display: grid; grid-template-columns: 88px minmax(0px, 1fr); gap: 12px; align-items: baseline; } .pp-detail:not(#_) .dt-spec dt { font-style: normal; font-variant: tabular-nums; font-size-adjust: none; font-language-override: normal; font-kerning: auto; font-optical-sizing: auto; font-feature-settings: normal; font-variation-settings: normal; font-weight: 600; font-stretch: normal; font-size: 15px; line-height: 20px; font-family: "Golos Text", Arial, sans-serif; color: var(--s-ink); } .pp-detail:not(#_) .dt-spec dd { margin: 0px; font: 400 13px / 19px "Golos Text", Arial, sans-serif; color: var(--s-ink-2); } .pp-detail:not(#_) .dt-link { margin-top: 14px; background: none; border-width: 0px 0px 1px; border-style: none none solid; border-color: currentcolor currentcolor rgba(219, 2, 12, 0.3); border-image: none; padding: 0px; cursor: pointer; font: 400 14px / 20px "Golos Text", Arial, sans-serif; color: var(--s-brand); } .pp-detail:not(#_) .dt-right { display: flex; flex-direction: column; gap: 16px; position: sticky; top: 16px; } @media (max-width: 991px) { .pp-detail:not(#_) .dt-right { position: static; } } .pp-detail:not(#_) .dt-buy { background: rgb(255, 255, 255); border: 1px solid var(--s-line); border-radius: 12px; padding: 20px; } /* ── цена с выгодой и обмен «Да / Нет» (30.09.2026, вариант «Б» владельца) ── */ .pp-detail:not(#_) .dt-pline { display: flex; flex-wrap: wrap; align-items: center; gap: 6px; margin-bottom: 2px; } .pp-detail:not(#_) .dt-pline[hidden], .pp-detail:not(#_) .dt-gain[hidden], .pp-detail:not(#_) .dt-pchip[hidden] { display: none; } .pp-detail:not(#_) .dt-was { margin-right: 2px; font: 400 13px / 18px "Golos Text", Arial, sans-serif; font-variant-numeric: tabular-nums; color: var(--s-ink-4); } .pp-detail:not(#_) .dt-pchip { display: inline-flex; align-items: center; height: 20px; padding: 0px 7px; border: 0px; border-radius: 4px; font: 500 11px / 16px "Golos Text", Arial, sans-serif; font-variant-numeric: tabular-nums; color: rgb(255, 255, 255); white-space: nowrap; } .pp-detail:not(#_) .dt-pchip--sale { background: var(--s-brand); } .pp-detail:not(#_) .dt-pchip--trade { background: var(--s-ink); } .pp-detail:not(#_) .dt-buy .dt-price { display: block; transition: opacity 0.12s; } .pp-detail:not(#_) .dt-buy .dt-price.is-fade { opacity: 0; } .pp-detail:not(#_) .dt-gain { margin-top: 2px; font: 400 13px / 18px "Golos Text", Arial, sans-serif; font-variant-numeric: tabular-nums; color: var(--s-ink-2); } @media (prefers-reduced-motion: reduce) { .pp-detail:not(#_) .dt-buy .dt-price { transition: none; } } .pp-detail:not(#_) .dt-obmen { margin-top: 16px; } .pp-detail:not(#_) .dt-obmen-t { font: 500 15px / 20px "Golos Text", Arial, sans-serif; color: var(--s-ink); } .pp-detail:not(#_) .dt-obmen-s { margin-top: 4px; font: 400 13px / 18px "Golos Text", Arial, sans-serif; color: var(--s-ink-2); } .pp-detail:not(#_) .dt-yn { display: inline-grid; grid-auto-flow: column; grid-auto-columns: 1fr; width: max-content; margin-top: 10px; padding: 3px; border-radius: 8px; background: var(--s-surface); } .pp-detail:not(#_) .dt-yn button { height: 34px; padding: 0px 18px; border: 0px; border-radius: 6px; background: transparent; color: var(--s-ink); cursor: pointer; font: 400 15px / 20px "Golos Text", Arial, sans-serif; white-space: nowrap; } .pp-detail:not(#_) .dt-yn button[aria-checked="true"] { background: rgb(255, 255, 255); box-shadow: 0 0 0 1px var(--s-line-strong); } .pp-detail:not(#_) .dt-caps { margin-top: 10px; } .pp-detail:not(#_) .dt-caps[hidden] { display: none; } .pp-detail:not(#_) .dt-dd { position: relative; } .pp-detail:not(#_) .dt-dd-f { display: flex; align-items: center; justify-content: space-between; gap: 8px; width: 100%; height: 44px; padding: 0px 12px; border: 1px solid var(--s-line-strong); border-radius: 8px; background: rgb(255, 255, 255); color: var(--s-ink); cursor: pointer; text-align: left; font: 400 15px / 20px "Golos Text", Arial, sans-serif; } .pp-detail:not(#_) .dt-dd-f:hover { border-color: var(--s-ink-3); } .pp-detail:not(#_) .dt-dd-f[aria-expanded="true"] { border-color: var(--s-brand); } .pp-detail:not(#_) .dt-dd-f b { font-weight: 400; } .pp-detail:not(#_) .dt-dd-f i { font-style: normal; color: var(--s-brand); font-variant-numeric: tabular-nums; } .pp-detail:not(#_) .dt-dd-f svg { flex: 0 0 auto; width: 18px; height: 18px; color: var(--s-ink-3); transition: transform 0.12s; } .pp-detail:not(#_) .dt-dd-f[aria-expanded="true"] svg { transform: rotate(180deg); } .pp-detail:not(#_) .dt-dd-l { position: absolute; left: 0px; right: 0px; top: calc(100% + 4px); z-index: 30; max-height: 266px; overflow-y: auto; overscroll-behavior: contain; margin: 0px; padding: 0px; list-style: none; border: 1px solid var(--s-line-strong); border-radius: 8px; background: rgb(255, 255, 255); box-shadow: rgba(17, 19, 24, 0.18) 0px 8px 24px; } .pp-detail:not(#_) .dt-dd-l[hidden] { display: none; } /* тема ставит каждому ul > li точку и поля 8px — в списке ёмкостей они лишние */ .pp-detail:not(#_) .dt-dd-l > li { margin: 0px; } .pp-detail:not(#_) .dt-dd-l > li::before { content: none; display: none; } .pp-detail:not(#_) .dt-cap { display: grid; grid-template-columns: minmax(0px, 1fr) 16px 76px; column-gap: 10px; align-items: center; height: 38px; padding: 0px 12px; cursor: pointer; font: 400 15px / 20px "Golos Text", Arial, sans-serif; color: var(--s-ink); outline: none; } .pp-detail:not(#_) .dt-cap:hover, .pp-detail:not(#_) .dt-cap:focus-visible { background: var(--s-surface); } .pp-detail:not(#_) .dt-cap.is-sel { color: var(--s-brand); } .pp-detail:not(#_) .dt-cap.is-no { color: var(--s-ink-4); cursor: default; } .pp-detail:not(#_) .dt-cap.is-no:hover { background: transparent; } .pp-detail:not(#_) .dt-cap-n { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .pp-detail:not(#_) .dt-cap-n em { font-style: normal; font-size: 13px; color: var(--s-ink-3); } .pp-detail:not(#_) .dt-cap-s { text-align: right; font-variant-numeric: tabular-nums; white-space: nowrap; } .pp-detail:not(#_) .dt-ci { display: inline-flex; align-items: center; justify-content: center; width: 16px; height: 16px; padding: 0px; border: 1.5px solid var(--s-ink-4); border-radius: 50%; background: rgb(255, 255, 255); color: var(--s-ink-3); cursor: pointer; font: 600 9px / 1 "Golos Text", Arial, sans-serif; } .pp-detail:not(#_) .dt-ci[aria-expanded="true"] { border-color: var(--s-ink); color: var(--s-ink); } .pp-detail:not(#_) .dt-cap-why { margin: 0px 8px 8px; padding: 10px 12px; border-radius: 8px; background: rgb(17, 19, 24); color: rgb(255, 255, 255); font: 400 12px / 17px "Golos Text", Arial, sans-serif; cursor: default; } .pp-detail:not(#_) .dt-cap-why[hidden] { display: none; } .pp-detail:not(#_) .dt-help { margin-top: 8px; } .pp-detail:not(#_) .dt-help-b { padding: 0px; border-width: 0px 0px 1px; border-style: dashed; border-color: var(--s-line-strong); background: none; color: var(--s-ink-2); cursor: pointer; font: 400 13px / 18px "Golos Text", Arial, sans-serif; } @media (max-width: 767px) { .pp-detail:not(#_) .dt-pchip { font-size: 10px; } } .pp-detail:not(#_) .dt-gpct { display: inline-block; margin-left: 4px; padding: 0px 5px; border: 1px solid var(--s-line-strong); border-radius: 4px; line-height: 16px; } /* окно по центру экрана — кладётся в body, поэтому без .pp-detail */ /* окно — поверх всего: виджет связи разработчика 10200, полоса cookie 10151 закрывали текст на телефоне (30.09.2026) */ .pp-okno:not(#_) { position: fixed; inset: 0px; z-index: 10300; display: flex; align-items: center; justify-content: center; padding: 16px; background: rgba(17, 19, 24, 0.5); } .pp-okno:not(#_)[hidden] { display: none; } .pp-okno:not(#_) .pp-okno-b { position: relative; width: 480px; max-width: 100%; max-height: calc(100vh - 32px); overflow-y: auto; padding: 24px 24px 22px; border-radius: 12px; background: rgb(255, 255, 255); color: #111318; box-shadow: rgba(17, 19, 24, 0.3) 0px 16px 48px; font: 400 15px / 22px "Golos Text", Arial, sans-serif; } .pp-okno:not(#_) .pp-okno-t { margin: 0px 32px 12px 0px; font: 600 20px / 28px "Golos Text", Arial, sans-serif; color: #111318; } .pp-okno:not(#_) .pp-okno-x { position: absolute; right: 12px; top: 12px; width: 36px; height: 36px; padding: 0px; border: 0px; border-radius: 8px; background: transparent; color: #767888; cursor: pointer; font: 400 26px / 1 "Golos Text", Arial, sans-serif; } .pp-okno:not(#_) .pp-okno-x:hover { background: #F5F5F8; color: #111318; } .pp-okno:not(#_) .pp-okno-c p { margin: 0px 0px 12px; } .pp-okno:not(#_) .pp-okno-c p:last-child { margin: 0px; } .pp-okno:not(#_) .pp-okno-c b, .pp-okno:not(#_) .pp-okno-c strong { font-weight: 600; } .pp-okno:not(#_) .pp-okno-c .dt-help-no { color: #565869; } .pp-okno:not(#_) .pp-okno-go { margin-top: 4px; padding: 0px; border-width: 0px 0px 1px; border-style: solid; border-color: rgba(219, 2, 12, 0.3); background: none; cursor: pointer; color: #DB020C; font: 400 15px / 22px "Golos Text", Arial, sans-serif; } .pp-okno:not(#_) .pp-okno-go:focus-visible { outline: 2px solid #DB020C; outline-offset: 3px; border-radius: 4px; } html.pp-okno-lock, html.pp-okno-lock body { overflow: hidden; } @media (max-width: 767px) { .pp-okno:not(#_) .pp-okno-b { padding: 20px 16px 18px; } } @media (max-width: 767px) { .pp-okno:not(#_) .pp-okno-t { font-size: 18px; line-height: 24px; } } .pp-detail:not(#_) .dt-pay { display: flex; align-items: baseline; gap: 8px; margin-top: 4px; } .pp-detail:not(#_) .dt-price { font-style: normal; font-variant: tabular-nums; font-size-adjust: none; font-language-override: normal; font-kerning: auto; font-optical-sizing: auto; font-feature-settings: normal; font-variation-settings: normal; font-weight: 600; font-stretch: normal; font-size: 30px; line-height: 36px; font-family: "Golos Text", Arial, sans-serif; color: var(--s-ink); letter-spacing: -0.015em; white-space: nowrap; flex: 0 0 auto; } .pp-detail:not(#_) .dt-full { margin-top: 2px; font-style: normal; font-variant: tabular-nums; font-size-adjust: none; font-language-override: normal; font-kerning: auto; font-optical-sizing: auto; font-feature-settings: normal; font-variation-settings: normal; font-weight: 400; font-stretch: normal; font-size: 14px; line-height: 20px; font-family: "Golos Text", Arial, sans-serif; color: var(--s-ink-2); } .pp-detail:not(#_) .dt-full b { font-weight: 500; } .pp-detail:not(#_) .dt-full em { font-style: normal; color: var(--s-ink-3); font-size: 13px; } .pp-detail:not(#_) .dt-fit { grid-column: 1 / -1; margin-top: 14px; padding: 16px; border-radius: 12px; background: var(--s-surface); border: 1px solid var(--s-line); } .pp-detail:not(#_) .dt-fit-head b { display: block; font: 600 15px / 22px "Golos Text", Arial, sans-serif; color: var(--s-ink); } .pp-detail:not(#_) .dt-fit-head span { display: block; margin-top: 2px; font: 400 13px / 18px "Golos Text", Arial, sans-serif; color: var(--s-ink-3); } .pp-detail:not(#_) .dt-fit-form { display: grid; grid-template-columns: repeat(4, minmax(0px, 1fr)); gap: 8px; margin-top: 12px; } @media (max-width: 991px) { .pp-detail:not(#_) .dt-fit-form { grid-template-columns: repeat(2, minmax(0px, 1fr)); } } @media (max-width: 600px) { .pp-detail:not(#_) .dt-fit-form { grid-template-columns: minmax(0px, 1fr); } } .pp-detail:not(#_) .dt-sel { height: 40px; min-width: 0px; border: 1px solid var(--s-line-strong); border-radius: 6px; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1.5 6 6.5l5-5' stroke='%23767888' stroke-width='1.6' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") right 10px center no-repeat rgb(255, 255, 255); padding: 0px 30px 0px 10px; color: var(--s-ink); cursor: pointer; appearance: none; font: 400 14px / 20px "Golos Text", Arial, sans-serif; } .pp-detail:not(#_) .dt-sel:disabled { background-color: var(--s-surface-2); color: var(--s-ink-4); cursor: not-allowed; } .pp-detail:not(#_) .dt-sel:focus-visible { outline: 2px solid var(--s-brand); outline-offset: 1px; } .pp-detail:not(#_) .dt-fit-ok { display: none; grid-template-columns: 22px minmax(0px, 1fr) auto; gap: 10px; align-items: center; margin-top: 12px; padding-top: 12px; border-top: 1px solid var(--s-line); } .pp-detail:not(#_) .dt-fit[data-fit="ok"] .dt-fit-ok { display: grid; } .pp-detail:not(#_) .dt-fit[data-fit="ok"] .dt-fit-form { display: none; } .pp-detail:not(#_) .dt-fit[data-fit="ok"] { border-color: var(--s-ink); } .pp-detail:not(#_) .dt-fit-mark { width: 22px; height: 22px; border-radius: 50%; background: var(--s-ink); color: rgb(255, 255, 255); display: grid; place-items: center; } .pp-detail:not(#_) .dt-fit-mark svg { width: 14px; height: 14px; } .pp-detail:not(#_) .dt-fit-ok b { display: block; font: 500 14px / 20px "Golos Text", Arial, sans-serif; color: var(--s-ink); } .pp-detail:not(#_) .dt-fit-ok > div > span { display: block; margin-top: 1px; font: 400 12px / 17px "Golos Text", Arial, sans-serif; color: var(--s-ink-3); } .pp-detail:not(#_) .dt-fit-reset { background: none; border-top: 0px; border-right: 0px; border-left: 0px; border-image: none; padding: 0px; cursor: pointer; white-space: nowrap; font: 400 12px / 17px "Golos Text", Arial, sans-serif; color: var(--s-ink-3); border-bottom: 1px dotted var(--s-line-strong); } .pp-detail:not(#_) .dt-near { display: grid; grid-template-columns: 18px minmax(0px, 1fr) 14px; gap: 10px; align-items: center; width: 100%; margin-top: 16px; padding: 12px 14px; border-radius: 8px; text-align: left; border: 1px solid var(--s-line); background: var(--s-ground); cursor: pointer; } .pp-detail:not(#_) .dt-near:hover { border-color: var(--s-line-strong); background: var(--s-surface); } .pp-detail:not(#_) .dt-near b { display: block; font: 500 13px / 18px "Golos Text", Arial, sans-serif; color: var(--s-ink); } .pp-detail:not(#_) .dt-near span { font: 400 12px / 17px "Golos Text", Arial, sans-serif; color: var(--s-ink-3); } .pp-detail:not(#_) .dt-near .dt-svg { color: var(--s-ink-3); } .pp-detail:not(#_) .dt-svg--sm { width: 14px; height: 14px; } .pp-detail:not(#_) .dt-split-head { display: flex; align-items: center; gap: 6px; font: 400 13px / 18px "Golos Text", Arial, sans-serif; color: var(--s-ink-2); } .pp-detail:not(#_) .dt-split-bar { display: grid; grid-template-columns: repeat(4, minmax(0px, 1fr)); gap: 4px; margin-top: 10px; } .pp-detail:not(#_) .dt-split-bar span { display: flex; flex-direction: column; gap: 2px; padding: 7px 6px; border-radius: 6px; background: var(--s-surface); text-align: center; } .pp-detail:not(#_) .dt-split-bar span.is-now { background: var(--s-ink); color: rgb(255, 255, 255); } .pp-detail:not(#_) .dt-split-bar i { font: 400 10px / 14px "Golos Text", Arial, sans-serif; color: var(--s-ink-4); } .pp-detail:not(#_) .dt-split-bar span.is-now i { color: rgba(255, 255, 255, 0.6); } .pp-detail:not(#_) .dt-split-bar b { font-style: normal; font-variant: tabular-nums; font-size-adjust: none; font-language-override: normal; font-kerning: auto; font-optical-sizing: auto; font-feature-settings: normal; font-variation-settings: normal; font-weight: 500; font-stretch: normal; font-size: 12px; line-height: 16px; font-family: "Golos Text", Arial, sans-serif; color: var(--s-ink); } .pp-detail:not(#_) .dt-split-bar span.is-now b { color: rgb(255, 255, 255); } .pp-detail:not(#_) .dt-express-row { display: grid; grid-template-columns: auto minmax(0px, 1fr); gap: 10px; align-items: start; } .pp-detail:not(#_) .nc__express { display: inline-flex; align-items: center; gap: 4px; height: 20px; padding: 0px 8px 0px 6px; border-radius: 4px; background: var(--s-ink); color: rgb(255, 255, 255); font: 600 12px / 16px "Golos Text", Arial, sans-serif; white-space: nowrap; } .pp-detail:not(#_) .nc__express i { display: inline-flex; width: 9px; height: 12px; } .pp-detail:not(#_) .nc__express svg { width: 100%; height: 100%; display: block; } .pp-detail:not(#_) .dt-cta { display: block; width: 100%; height: 46px; margin-top: 16px; border: 0px; border-radius: 6px; background: var(--s-brand); color: rgb(255, 255, 255); cursor: pointer; font: 500 15px / 20px "Golos Text", Arial, sans-serif; } .pp-detail:not(#_) .dt-cta:hover { background: var(--s-brand-hover); } .pp-detail:not(#_) .dt-cta:focus-visible { outline: 2px solid var(--s-brand); outline-offset: 2px; } .pp-detail:not(#_) .dt-svc { margin-top: 16px; padding-top: 14px; border-top: 1px solid var(--s-line); display: flex; flex-direction: column; gap: 10px; } .pp-detail:not(#_) .dt-svc > div { display: grid; grid-template-columns: 18px minmax(0px, 1fr); gap: 10px; align-items: start; } .pp-detail:not(#_) .dt-svc span { font: 400 12px / 17px "Golos Text", Arial, sans-serif; color: var(--s-ink-3); } .pp-detail:not(#_) .dt-svc b { display: block; color: var(--s-ink); font: 500 13px / 18px "Golos Text", Arial, sans-serif; } .pp-detail:not(#_) .dt-svc .dt-svg { color: var(--s-ink-3); margin-top: 1px; } /* строки доставки и установки — кнопки, открывают окно (30.09.2026); строка остаётся строкой: значок, заголовок, вторая строка, стрелка */ .pp-detail:not(#_) .dt-svc > .dt-svc-b { display: grid; grid-template-columns: 18px minmax(0px, 1fr) 14px; gap: 10px; align-items: start; width: 100%; margin: 0px; padding: 0px; border: 0px; background: none; text-align: left; cursor: pointer; color: inherit; font: inherit; } .pp-detail:not(#_) .dt-svc > .dt-svc-b[hidden] { display: none; } .pp-detail:not(#_) .dt-svc-b > .dt-svg--sm { margin-top: 2px; } .pp-detail:not(#_) .dt-svc-b:hover b, .pp-detail:not(#_) .dt-svc-b:hover .dt-svg { color: var(--s-brand); } .pp-detail:not(#_) .dt-svc-b:focus-visible { outline: 2px solid var(--s-brand); outline-offset: 3px; border-radius: 6px; } .pp-detail:not(#_) .dt-svc > div.dt-express-row { grid-template-columns: auto minmax(0px, 1fr); } .pp-detail:not(#_) .dt-express-row .nc__express { margin-top: 1px; } .pp-detail:not(#_) .dt-brand { background: var(--s-ground); border: 1px solid var(--s-line); border-radius: 12px; padding: 20px; } .pp-detail:not(#_) .dt-brand-top { display: flex; align-items: center; gap: 12px; } .pp-detail:not(#_) .dt-logo { width: 61px; height: 40px; object-fit: contain; border: 1px solid var(--s-line); border-radius: 6px; padding: 2px; background: rgb(255, 255, 255); flex: 0 0 auto; } .pp-detail:not(#_) .dt-brand-name { display: flex; align-items: center; gap: 6px; font: 500 15px / 20px "Golos Text", Arial, sans-serif; color: var(--s-ink); } .pp-detail:not(#_) .dt-brand-orig { display: block; margin-top: 2px; font: 400 12px / 16px "Golos Text", Arial, sans-serif; color: var(--s-ink-3); } .pp-detail:not(#_) .dt-chips { display: flex; flex-wrap: nowrap; gap: 6px; margin-top: 14px; overflow-x: auto; scrollbar-width: none; } .pp-detail:not(#_) .dt-chips::-webkit-scrollbar { display: none; } .pp-detail:not(#_) .dt-chip { flex: 0 0 auto; } .pp-detail:not(#_) .dt-chip { height: 28px; padding: 0px 10px; border-radius: 6px; border: 1px solid var(--s-line-strong); background: rgb(255, 255, 255); color: var(--s-ink-2); cursor: pointer; font: 400 13px / 18px "Golos Text", Arial, sans-serif; } .pp-detail:not(#_) .dt-chip:hover { border-color: var(--s-ink-3); color: var(--s-ink); } .pp-detail:not(#_) .dt-country { display: flex; align-items: center; gap: 8px; margin-top: 10px; font: 400 13px / 18px "Golos Text", Arial, sans-serif; color: var(--s-ink-2); } .pp-detail:not(#_) .dt-country img { width: 20px; height: 14px; object-fit: cover; border-radius: 2px; flex: 0 0 auto; } .pp-detail:not(#_) .dt-i { width: 15px; height: 15px; flex: 0 0 auto; border-radius: 50%; border: 1px solid; background: none; color: var(--s-ink-3); cursor: help; padding: 0px; font: 600 10px / 1 "Golos Text", Arial, sans-serif; display: inline-grid; place-items: center; } .pp-detail:not(#_) .dt-tabs { display: flex; gap: 4px; flex-wrap: nowrap; overflow-x: auto; border-bottom: 1px solid var(--s-line); margin-bottom: 26px; scrollbar-width: thin; scrollbar-color: var(--s-line-strong) transparent; } .pp-detail:not(#_) .dt-tabs::-webkit-scrollbar { height: 4px; } .pp-detail:not(#_) .dt-tabs::-webkit-scrollbar-thumb { background: var(--s-line-strong); border-radius: 2px; } .pp-detail:not(#_) .dt-tab { flex: 0 0 auto; } .pp-detail:not(#_) .dt-tab { background: none; border-width: 0px 0px 2px; border-style: none none solid; border-color: currentcolor currentcolor transparent; border-image: none; cursor: pointer; padding: 10px 14px 12px; font: 500 15px / 20px "Golos Text", Arial, sans-serif; color: var(--s-ink-3); margin-bottom: -1px; display: flex; align-items: center; gap: 6px; } .pp-detail:not(#_) .dt-tab i { font-style: normal; font-size: 12px; color: var(--s-ink-4); font-variant-numeric: tabular-nums; } .pp-detail:not(#_) .dt-tab:hover { color: var(--s-ink); } .pp-detail:not(#_) .dt-tab.is-on { color: var(--s-ink); border-bottom-color: var(--s-brand); } .pp-detail:not(#_) .dt-pane { padding-bottom: 44px; } .pp-detail:not(#_) .dt-chars { display: grid; grid-template-columns: repeat(2, minmax(0px, 1fr)); gap: 40px; } @media (max-width: 767px) { .pp-detail:not(#_) .dt-chars { grid-template-columns: minmax(0px, 1fr); gap: 24px; } } .pp-detail:not(#_) .dt-text { max-width: 74ch; } .pp-detail:not(#_) .dt-text p { margin: 0px 0px 14px; font: 400 15px / 24px "Golos Text", Arial, sans-serif; color: var(--s-ink-2); } .pp-detail:not(#_) .dt-text b { color: var(--s-ink); font-weight: 500; } .pp-detail:not(#_) .dt-text ul { margin: 0px 0px 14px; padding-left: 20px; display: flex; flex-direction: column; gap: 6px; } .pp-detail:not(#_) .dt-text li { font: 400 15px / 24px "Golos Text", Arial, sans-serif; color: var(--s-ink-2); } .pp-detail:not(#_) .dt-fine { margin: 14px 0px 0px; font: 400 12px / 17px "Golos Text", Arial, sans-serif; color: var(--s-ink-4); } .pp-detail:not(#_) .dt-empty { border: 1px dashed var(--s-line-strong); border-radius: 12px; padding: 32px; text-align: center; } .pp-detail:not(#_) .dt-empty b { display: block; font: 600 16px / 22px "Golos Text", Arial, sans-serif; color: var(--s-ink); } .pp-detail:not(#_) .dt-empty p { margin: 6px 0px 16px; font: 400 14px / 20px "Golos Text", Arial, sans-serif; color: var(--s-ink-3); } .pp-detail:not(#_) .dt-shop { display: grid; grid-template-columns: minmax(0px, 1fr) 150px 148px; gap: 16px; align-items: center; padding: 14px 0px; border-bottom: 1px solid var(--s-line); } @media (max-width: 767px) { .pp-detail:not(#_) .dt-shop { grid-template-columns: minmax(0px, 1fr) auto; row-gap: 10px; } } @media (max-width: 767px) { .pp-detail:not(#_) .dt-buy-here { grid-column: 1 / -1; } } .pp-detail:not(#_) .dt-addr { display: block; font: 500 15px / 20px "Golos Text", Arial, sans-serif; color: var(--s-ink); } .pp-detail:not(#_) .dt-hours { display: block; margin-top: 2px; font: 400 13px / 18px "Golos Text", Arial, sans-serif; color: var(--s-ink-3); } .pp-detail:not(#_) .dt-have { display: flex; align-items: center; gap: 6px; white-space: nowrap; font: 400 13px / 18px "Golos Text", Arial, sans-serif; color: var(--s-ink-2); } .pp-detail:not(#_) .dt-buy-here { height: 40px; padding: 0px 16px; border-radius: 6px; border: 1px solid var(--s-line-strong); background: rgb(255, 255, 255); color: var(--s-ink); cursor: pointer; font: 500 14px / 18px "Golos Text", Arial, sans-serif; } .pp-detail:not(#_) .dt-buy-here:hover { border-color: var(--s-ink-3); background: var(--s-surface); } .pp-detail:not(#_) .nc__badge { border-radius: 6px; height: 20px; font: 500 12px / 16px "Golos Text", Arial, sans-serif; } .pp-detail:not(#_) .nc__badges { display: flex; gap: 4px; } .pp-detail:not(#_) .nc__badge--sale { display: inline-flex; align-items: center; padding: 0px 8px; background: var(--s-brand); color: rgb(255, 255, 255); font-variant-numeric: tabular-nums; } .pp-detail:not(#_) .nc__badge--req { display: inline-flex; align-items: center; padding: 0px 0px 0px 6px; white-space: nowrap; } .pp-detail:not(#_) .nc__badge-text { font: 500 12px / 16px "Golos Text", Arial, sans-serif; padding: 2px 6px; } .pp-detail:not(#_) .nc__badge-pill { font-style: normal; font-variant: tabular-nums; font-size-adjust: none; font-language-override: normal; font-kerning: auto; font-optical-sizing: auto; font-feature-settings: normal; font-variation-settings: normal; font-weight: 500; font-stretch: normal; font-size: 12px; line-height: 16px; font-family: "Golos Text", Arial, sans-serif; padding: 2px 6px; border-radius: 5px; } .pp-detail:not(#_) .dt-buy .nc__status, .pp-detail:not(#_) .dt-shop .nc__status { display: inline-flex; align-items: center; height: 20px; padding: 0px 8px; border-radius: 4px; background: var(--s-ink); color: rgb(255, 255, 255); font: 500 12px / 16px "Golos Text", Arial, sans-serif; white-space: nowrap; } .pp-detail:not(#_) .dt-buy .nc__payhint { font: 400 13px / 18px "Golos Text", Arial, sans-serif; color: var(--s-ink-3); white-space: nowrap; border-bottom: 1px dotted var(--s-line-strong); cursor: help; align-self: center; } .pp-detail:not(#_) [data-tip] { position: relative; } .pp-detail:not(#_) [data-tip]::after { content: attr(data-tip); position: absolute; left: 0px; bottom: calc(100% + 8px); z-index: 20; width: 230px; padding: 10px 12px; border-radius: 8px; background: rgb(17, 19, 24); color: rgb(255, 255, 255); font: 400 12px / 17px "Golos Text", Arial, sans-serif; white-space: normal; text-align: left; box-shadow: rgba(17, 19, 24, 0.5) 0px 6px 20px -6px; opacity: 0; visibility: hidden; transition: opacity 0.12s; pointer-events: none; } .pp-detail:not(#_) [data-tip]:hover::after, .pp-detail:not(#_) [data-tip]:focus-visible::after, .pp-detail:not(#_) [data-tip][data-tip-open]::after { opacity: 1; visibility: visible; } @media (prefers-reduced-motion: reduce) { .pp-detail:not(#_) [data-tip]::after { transition: none; } } .pp-detail:not(#_) .dt-right [data-tip]::after { left: 50%; transform: translateX(-50%); width: 200px; } .pp-detail:not(#_) .dt-meta [data-tip]::after { left: auto; right: 0px; width: 190px; } @media (max-width: 1199px) { .pp-detail:not(#_) [data-tip]::after { display: none; } } @media (max-width: 1199px) { .pp-detail:not(#_) [data-tip][data-tip-open]::after { display: block; } } @media (max-width: 1199px) { .pp-detail:not(#_) [data-tip]:hover::after { opacity: 0; visibility: hidden; } } .pp-detail:not(#_) .dt-svg { display: inline-flex; width: 18px; height: 18px; flex: 0 0 auto; } .pp-detail:not(#_) .dt-svg--lg { width: 22px; height: 22px; } .pp-detail:not(#_) .dt-svg svg { width: 100%; height: 100%; display: block; } .pp-detail:not(#_) .dt-rate { display: inline-flex; align-items: center; gap: 5px; } .pp-detail:not(#_) .dt-rate .dt-svg { width: 14px; height: 14px; color: var(--s-ink-4); } .pp-detail:not(#_) .dt-icon { display: inline-flex; align-items: center; gap: 6px; } .pp-detail:not(#_) .dt-icon .dt-svg { width: 16px; height: 16px; } .pp-detail:not(#_) .dt-icon[aria-pressed="true"] { color: var(--s-brand); } .pp-detail:not(#_) .dt-stores { display: grid; grid-template-columns: minmax(0px, 1fr) 44%; gap: 32px; align-items: start; } @media (max-width: 991px) { .pp-detail:not(#_) .dt-stores { grid-template-columns: minmax(0px, 1fr); } } .pp-detail:not(#_) .dt-map { position: relative; border-radius: 12px; overflow: hidden; border: 1px solid var(--s-line); } .pp-detail:not(#_) .dt-map img { display: block; width: 100%; height: auto; } .pp-detail:not(#_) .dt-map-note { position: absolute; left: 10px; bottom: 10px; padding: 5px 9px; border-radius: 6px; background: rgba(17, 19, 24, 0.78); color: rgb(255, 255, 255); font: 400 11px / 15px "Golos Text", Arial, sans-serif; } .pp-detail:not(#_) ::selection { background: var(--s-brand-tint); color: var(--s-ink); } .pp-detail:not(#_) button:focus-visible { outline-color: var(--s-brand); } .pp-detail:not(#_) [data-tip][data-tip-open]::after { left: var(--tip-left,0); right: auto; transform: none; width: var(--tip-w,230px); } .pp-detail:not(#_) .dt-rate-row { display: flex; align-items: center; gap: 5px; margin-top: 2px; font: 400 12px / 16px "Golos Text", Arial, sans-serif; color: rgb(85, 85, 88); } .pp-detail:not(#_) .dt-rate-row b { color: rgb(34, 34, 40); font-weight: 500; } .pp-detail:not(#_) .dt-rate-row i { font-style: normal; color: rgb(199, 202, 214); } .pp-detail:not(#_) .dt-star { color: rgb(245, 166, 35); font-size: 12px; line-height: 1; } .pp-detail:not(#_) .dt-src { display: inline-flex; align-items: center; gap: 3px; margin-left: 6px; color: rgb(138, 141, 155); } .pp-detail:not(#_) .dt-src svg { color: rgb(138, 141, 155); flex: 0 0 auto; } .pp-detail:not(#_) .dt-hours, .pp-detail:not(#_) .dt-have, .pp-detail:not(#_) .dt-svc span, .pp-detail:not(#_) .dt-near span { color: rgb(85, 85, 88); } .pp-detail:not(#_) .dt-svc b, .pp-detail:not(#_) .dt-near b { color: rgb(34, 34, 40); } .pp-detail:not(#_) .dt-near:focus-visible, .pp-detail:not(#_) .dt-buy-here:focus-visible, .pp-detail:not(#_) .dt-tab:focus-visible, .pp-detail:not(#_) .dt-icon:focus-visible { outline: 2px solid var(--s-brand); outline-offset: 2px; } .pp-detail:not(#_) .dt-icon.on { border-color: var(--s-brand); background: var(--s-brand-tint); color: var(--s-brand); } .pp-detail:not(#_) .dt-icon.on svg { fill: none; } .pp-detail:not(#_) .dt-count { display: flex; align-items: center; justify-content: space-between; width: 100%; height: 46px; margin-top: 16px; border: 1px solid var(--s-brand); border-radius: 6px; background: rgb(255, 255, 255); font: 500 15px / 20px "Golos Text", Arial, sans-serif; color: var(--s-ink); } .pp-detail:not(#_) .dt-count span { width: 40px; height: 40px; margin: 0px 2px; display: grid; place-items: center; border-radius: 6px; color: var(--s-brand); font-size: 20px; line-height: 1; cursor: pointer; user-select: none; } .pp-detail:not(#_) .dt-count span:hover { background: var(--s-brand-tint); } .pp-detail:not(#_) .dt-count b { font-weight: 500; font-variant-numeric: tabular-nums; } .pp-detail:not(#_) .dt-fact { display: grid; grid-template-columns: 18px minmax(0px, 1fr) 14px; gap: 10px; align-items: center; width: 100%; margin-top: 16px; padding: 0px; border: 0px; background: none; text-align: left; cursor: pointer; } .pp-detail:not(#_) .dt-fact b { display: block; font: 500 13px / 18px "Golos Text", Arial, sans-serif; color: var(--s-ink); } .pp-detail:not(#_) .dt-fact span { font: 400 12px / 17px "Golos Text", Arial, sans-serif; color: rgb(85, 85, 88); } .pp-detail:not(#_) .dt-fact b span { font: inherit; color: inherit; } .pp-detail:not(#_) .dt-fact .dt-svg { color: var(--s-ink-3); } .pp-detail:not(#_) .dt-fact--go:hover b { color: var(--s-brand); } .pp-detail:not(#_) .dt-fact--go:hover .dt-svg { color: var(--s-brand); } .pp-detail:not(#_) .dt-fact:focus-visible { outline: 2px solid var(--s-brand); outline-offset: 3px; border-radius: 6px; } .pp-detail:not(#_) .dt-fact--fast .dt-svg { color: var(--s-ink); } .pp-detail:not(#_) .dt-fact--fast b { color: var(--s-ink); } .pp-detail:not(#_) .dt-pay { display: block; margin-top: 12px; background: rgb(255, 255, 255); border: 1px solid var(--s-line); border-radius: 12px; padding: 20px; } .pp-detail:not(#_) .dt-pay .dt-h3 { margin: 0px 0px 10px; } .pp-detail:not(#_) .dt-pay .dt-split { margin: 0px; } .pp-detail:not(#_) .dt-have { align-items: baseline; gap: 5px; color: var(--s-ink); } .pp-detail:not(#_) .dt-have b { font: 500 15px / 20px "Golos Text", Arial, sans-serif; color: var(--s-ink); } .pp-detail:not(#_) .dt-have span { color: rgb(85, 85, 88); font-size: 12px; line-height: 17px; } .pp-detail:not(#_) .dt-bar { display: none; } @media (max-width: 767px) { .pp-detail:not(#_) .dt-bar { display: flex; align-items: center; gap: 12px; position: sticky; bottom: 0px; z-index: 20; margin: 0px -16px; padding: 10px 16px calc(10px + env(safe-area-inset-bottom)); background: rgb(255, 255, 255); border-top: 1px solid var(--s-line); box-shadow: rgba(17, 19, 24, 0.35) 0px -8px 20px -12px; } } @media (max-width: 767px) { .pp-detail:not(#_) .dt-bar-p b { display: block; font-style: normal; font-variant: tabular-nums; font-size-adjust: none; font-language-override: normal; font-kerning: auto; font-optical-sizing: auto; font-feature-settings: normal; font-variation-settings: normal; font-weight: 600; font-stretch: normal; font-size: 20px; line-height: 26px; font-family: "Golos Text", Arial, sans-serif; color: var(--s-ink); } } @media (max-width: 767px) { .pp-detail:not(#_) .dt-bar-p span { font: 400 11px / 15px "Golos Text", Arial, sans-serif; color: rgb(85, 85, 88); } } @media (max-width: 767px) { .pp-detail:not(#_) .dt-bar-cta { margin-left: auto; height: 44px; padding: 0px 22px; border: 0px; border-radius: 6px; background: var(--s-brand); color: rgb(255, 255, 255); cursor: pointer; font: 500 15px / 20px "Golos Text", Arial, sans-serif; } } @media (max-width: 767px) { .pp-detail:not(#_) .dt-bar-cta:hover { background: var(--s-brand-hover); } } @media (max-width: 767px) { .pp-detail:not(#_) .dt-bar-cta:focus-visible { outline: 2px solid var(--s-brand); outline-offset: 2px; } } @media (max-width: 767px) { .pp-detail:not(#_) .dt-bar .dt-count { width: auto; min-width: 150px; height: 44px; margin: 0px 0px 0px auto; } } .pp-detail:not(#_) .nc__stock[data-stock] { cursor: pointer; } .pp-detail:not(#_) .nc__where { text-decoration: underline rgb(200, 202, 212); text-underline-offset: 2px; } .pp-detail:not(#_) .nc__stock[data-stock]:hover .nc__where { text-decoration-color: rgb(138, 138, 147); } .pp-detail:not(#_) .nc__stock[data-stock]:focus-visible { outline: rgb(219, 2, 12) solid 2px; outline-offset: 2px; border-radius: 4px; } .pp-detail:not(#_) .nc__status { height: 18px; font-size: 11px; } .pp-detail:not(#_) .nc__where { font-size: 11px; } .pp-detail:not(#_) .nc__express { height: 18px; font-size: 11px; } .pp-detail:not(#_) .nc__express-time { font-size: 11px; } .pp-detail:not(#_) .nc__tail { font-size: 11px; } .pp-detail:not(#_) .nc__line2 { font-size: 11px; } .pp-detail:not(#_) .st-short { display: none; } @media (max-width: 767px) { .pp-detail:not(#_) .nc__status { font-size: 10px; padding: 0px 6px; } } @media (max-width: 767px) { .pp-detail:not(#_) .nc__where { font-size: 10px; } } @media (max-width: 767px) { .pp-detail:not(#_) .nc__express { font-size: 10px; } } @media (max-width: 767px) { .pp-detail:not(#_) .nc__express-time { font-size: 10px; } } @media (max-width: 767px) { .pp-detail:not(#_) .nc__tail { font-size: 10px; } } @media (max-width: 767px) { .pp-detail:not(#_) .nc__line2 { font-size: 10px; } } .pp-detail:not(#_) .nc__badge-text, .pp-detail:not(#_) .nc__badge-pill, .pp-detail:not(#_) .nc__save, .pp-detail:not(#_) .nc__payhint, .pp-detail:not(#_) .em { font-size: 11px; } .pp-detail:not(#_) .nc__status { font-size: 11px; height: 18px; } @media (max-width: 767px) { .pp-detail:not(#_) .nc__badge-text, .pp-detail:not(#_) .nc__badge-pill, .pp-detail:not(#_) .nc__save, .pp-detail:not(#_) .nc__payhint, .pp-detail:not(#_) .em { font-size: 10px; } } @media (max-width: 767px) { .pp-detail:not(#_) .nc__status { font-size: 10px; } } .pp-detail:not(#_) .nc__badge { font-size: 11px; } .pp-detail:not(#_) .nc__full em, .pp-detail:not(#_) .nc__full s { font-size: 11px; } @media (max-width: 767px) { .pp-detail:not(#_) .nc__badge { font-size: 10px; } } @media (max-width: 767px) { .pp-detail:not(#_) .nc__full em, .pp-detail:not(#_) .nc__full s { font-size: 10px; } } .pp-detail:not(#_) .dt-stores i { font-size: 13px; } .pp-detail:not(#_) .dt-fine, .pp-detail:not(#_) .dt-split b, .pp-detail:not(#_) .dt-split span, .pp-detail:not(#_) .nc__status { font-size: 11px; } .pp-detail:not(#_) .dt-near span, .pp-detail:not(#_) .dt-svc span, .pp-detail:not(#_) .dt-express-row span, .pp-detail:not(#_) .dt-svc .nc__express { font-size: 11px; } .pp-detail:not(#_) .dt-brand-orig, .pp-detail:not(#_) .dt-tab i, .pp-detail:not(#_) .dt-have .nc__status { font-size: 11px; } /* поле ёмкости — в одну строку; уже 300 px — «Ёмкость: 80–89 Ач −750 ₽» без «старого» */ .pp-detail:not(#_) .dt-dd { container-type: inline-size; } .pp-detail:not(#_) .dt-dd-f > span { min-width: 0px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } @container (max-width: 299px) { .pp-detail:not(#_) .dt-dd-w { display: none; } } /* нижняя полоса на телефоне — плавающая карточка с отступами от краёв, углы наши (владелец 30.09.2026) */ @media (max-width: 767px) { .pp-detail:not(#_) .dt-bar { bottom: calc(12px + env(safe-area-inset-bottom)); margin: 0px -4px 12px; padding: 10px 10px 10px 16px; border: 1px solid var(--s-line); border-radius: 12px; box-shadow: rgba(17, 19, 24, 0.28) 0px 10px 28px -10px; } } /* End */ /* Start:/local/assets/put-pokupki/karta-sajt.css?1791689198101687*/ /* put-pokupki: привязка карточки товара из макета к странице сайта. Правила самой карточки — karta-maket.css, их делает kopiya/css_iz_maketa.py из макета (detail), руками не правятся. Здесь только то, чего у макета нет: токены, скрытие родных блоков, карта Яндекса вместо снимка и состояния «не подходит» / «нет данных» у блока машины (в макете нарисовано только «подходит»). */ .pp-detail { --s-brand: #DB020C; --s-brand-hover: #C0000A; --s-brand-tint: #FFF0F0; --s-ink: #111318; --s-ink-2: #565869; --s-ink-3: #767888; --s-ink-4: #9FA1AE; --s-ground: #FFFFFF; --s-surface: #F5F5F8; --s-surface-2: #E8E9EE; --s-line: #E8E9EE; --s-line-strong: #C8CAD4; --s-shadow-sm: 0 2px 8px 0 rgba(17,19,24,.08); margin-top: 10px; color: var(--s-ink); font-family: "Golos Text", Arial, sans-serif; } .pp-detail.pp-detail--portal { position: absolute; width: 0; height: 0; margin: 0; padding: 0; overflow: visible; } .pp-detail *, .pp-detail *::before, .pp-detail *::after { box-sizing: border-box; } .pp-detail [hidden] { display: none !important; } /* Родные галерея, блок покупки и вкладки остаются в разметке (кнопки корзины, избранного, сравнения, itemprop, микроразметка свойств) — их нажимает karta.js. Не видны и не ловят нажатия; display:none не ставим — ломает логику Аспро (VERSTKA_GUIDELINES 4.2). Высоту не занимают. */ .catalog-detail__item:has(> .pp-detail) > .catalog-detail__top-info, .catalog-detail__item:has(> .pp-detail) > .catalog-detail__bottom-info { position: absolute !important; left: 0; top: 0; width: 100%; height: 1px; overflow: hidden; opacity: 0; pointer-events: none; z-index: -1; margin: 0 !important; } .catalog-detail__item:has(> .pp-detail) { position: relative; } /* нижняя плавающая кнопка мобильной темы — у макета своя полоса .dt-bar */ body:has(.pp-detail) .bottom-icons-panel__content--buy-buttons { display: none !important; } /* ссылки внутри макета — цветом макета, а не темы */ .pp-detail a.dt-chip { text-decoration: none; color: inherit; display: inline-flex; align-items: center; } /* карта «Где забрать» — виджет Яндекса (тот же ключ, что в чекауте) вместо снимка */ .pp-detail .dt-map .pp-ymap { width: 100%; aspect-ratio: 5 / 4; min-height: 280px; } .pp-detail .pp-ymap--off::after { content: "Карта не загрузилась"; display: grid; place-items: center; height: 100%; font-size: 12px; color: #767888; } .pp-detail:not(#_) button.dt-addr { width: fit-content; max-width: 100%; padding: 0; border: 0 !important; background: none; box-shadow: none !important; text-align: left; cursor: pointer; appearance: none; } .pp-detail:not(#_) button.dt-addr:hover, .pp-detail:not(#_) button.dt-addr.is-map-selected { color: var(--s-brand) !important; text-decoration: underline; text-underline-offset: 3px; } .pp-detail:not(#_) button.dt-addr:focus:not(:focus-visible) { outline: none; } .pp-detail:not(#_) button.dt-addr:focus-visible { outline: none !important; color: var(--s-brand) !important; text-decoration: underline; text-underline-offset: 3px; } .pp-detail:not(#_) .dt-phone { display: block; width: fit-content; margin-top: 2px; font: 400 13px/18px "Golos Text", Arial, sans-serif; color: var(--s-ink-3); text-decoration: none; } .pp-detail:not(#_) .dt-phone:hover { color: var(--s-ink); text-decoration: underline; } /* фото нет — коробка та же, как в каталоге */ .pp-detail .dt-nophoto { font-size: 13px; color: var(--s-ink-4); } @media (max-width: 767px) { .pp-detail:not(#_) .dt-photo--swipe { touch-action: pan-y; } } /* Большое фото: увеличение внутри своей рамки без изменения размеров галереи. На сенсорных устройствах и в узкой вёрстке изображение остаётся обычным. */ @media (hover: hover) and (pointer: fine) and (min-width: 992px) { .pp-detail:not(#_) .dt-photo:has(img[data-big]) { cursor: zoom-in; } .pp-detail:not(#_) .dt-photo img[data-big] { transform-origin: var(--dt-zoom-x, 50%) var(--dt-zoom-y, 50%); transition: transform .16s ease-out; } .pp-detail:not(#_) .dt-photo:hover img[data-big] { transform: scale(1.9); } } @media (prefers-reduced-motion: reduce) { .pp-detail:not(#_) .dt-photo img[data-big] { transition: none; } } /* «Подойдёт ли вашей машине?»: «не подходит» и «нет данных» — та же строка, что «подходит» */ .pp-detail:not(#_) .dt-fit[data-fit="no"] .dt-fit-ok, .pp-detail:not(#_) .dt-fit[data-fit="none"] .dt-fit-ok { display: grid; } .pp-detail:not(#_) .dt-fit[data-fit="no"] .dt-fit-form, .pp-detail:not(#_) .dt-fit[data-fit="none"] .dt-fit-form { display: none; } .pp-detail:not(#_) .dt-fit[data-fit="no"] .dt-fit-mark { width: 28px; height: 28px; margin-top: 1px; background: #F04438; color: #fff; } .pp-detail:not(#_) .dt-fit[data-fit="none"] .dt-fit-mark { background: var(--s-surface-2); color: var(--s-ink-2); } .pp-detail:not(#_) .dt-fit[data-fit="no"] .dt-fit-mark svg, .pp-detail:not(#_) .dt-fit[data-fit="none"] .dt-fit-mark svg { display: none; } .pp-detail:not(#_) .dt-fit[data-fit="no"] .dt-fit-mark::before { content: "×"; font: 600 20px/1 "Golos Text", Arial, sans-serif; } .pp-detail:not(#_) .dt-fit[data-fit="none"] .dt-fit-mark::before { content: "?"; font: 600 13px/1 "Golos Text", Arial, sans-serif; } .pp-detail:not(#_) .dt-fit-ok > div > [data-fit-why] { margin-top: 7px; } .pp-detail:not(#_) .dt-fit-go { display: block; width: fit-content; margin-top: 10px; border-bottom: 1px solid currentColor; color: var(--s-brand); font: 400 13px/19px "Golos Text", Arial, sans-serif; text-decoration: none; } .pp-detail:not(#_) .dt-fit-go[hidden] { display: none; } .pp-detail:not(#_) .dt-fit-clear { display: none; width: fit-content; margin-top: 12px; padding: 0; border: 0; border-bottom: 1px dotted var(--s-line-strong); background: none; color: var(--s-ink-3); cursor: pointer; font: 400 13px/19px "Golos Text", Arial, sans-serif; } .pp-detail:not(#_) .dt-fit.is-editing[data-fit="unknown"] .dt-fit-clear { display: block; } .pp-detail:not(#_) .dt-fit-go:hover { color: var(--s-brand-hover); } .pp-detail:not(#_) .dt-fit-clear:hover { color: var(--s-ink); } .pp-detail:not(#_) .dt-fit-go:focus-visible, .pp-detail:not(#_) .dt-fit-clear:focus-visible { outline: 2px solid var(--s-brand); outline-offset: 3px; } .pp-detail .dt-fit.is-busy .dt-fit-form { opacity: .6; pointer-events: none; } /* После проверки остаётся только сам вердикт: без повторного заголовка. Кнопка сброса — под результатом, чтобы текст получил всю ширину колонки. */ .pp-detail:not(#_) .dt-fit[data-fit="ok"] .dt-fit-head, .pp-detail:not(#_) .dt-fit[data-fit="no"] .dt-fit-head, .pp-detail:not(#_) .dt-fit[data-fit="none"] .dt-fit-head { display: none; } .pp-detail:not(#_) .dt-fit[data-fit="ok"], .pp-detail:not(#_) .dt-fit[data-fit="no"], .pp-detail:not(#_) .dt-fit[data-fit="none"] { padding: 14px; border: 0; border-radius: 12px; background: #F3F4F7; } .pp-detail:not(#_) .dt-fit[data-fit="ok"] .dt-fit-ok, .pp-detail:not(#_) .dt-fit[data-fit="no"] .dt-fit-ok, .pp-detail:not(#_) .dt-fit[data-fit="none"] .dt-fit-ok { grid-template-columns: 28px minmax(0, 1fr); column-gap: 12px; row-gap: 10px; align-items: start; margin-top: 0; padding-top: 0; border-top: 0; } .pp-detail:not(#_) .dt-fit-ok > div { min-width: 0; } .pp-detail:not(#_) .dt-fit[data-fit="ok"] .dt-fit-mark { width: 28px; height: 28px; margin-top: 1px; background: #27B653; color: #fff; } .pp-detail:not(#_) .dt-fit[data-fit="ok"] .dt-fit-mark svg { width: 17px; height: 17px; } .pp-detail:not(#_) .dt-fit-ok .dt-fit-reset { grid-column: 2; justify-self: start; margin-top: 2px; } /* Результат подбора: то же содержимое в отдельном окне над карточкой. */ html.pp-fit-dialog-lock, html.pp-fit-dialog-lock body { overflow: hidden; } .pp-fit-dialog { position: fixed; inset: 0; z-index: 10400; display: flex; align-items: flex-start; justify-content: center; overflow-y: auto; padding: max(80px, 12vh) 16px 24px; background: rgba(17, 19, 24, .52); } .pp-fit-dialog-panel { position: relative; width: min(100%, 540px); padding: 52px 24px 20px; border-radius: 2px; background: #fff; box-shadow: 0 20px 60px rgba(17, 19, 24, .22); color: #111318; font-family: "Golos Text", Arial, sans-serif; } .pp-fit-dialog-close { position: absolute; top: 10px; right: 12px; width: 36px; height: 36px; border: 0; background: transparent; color: #111318; cursor: pointer; font: 400 30px/36px Arial, sans-serif; } .pp-fit-dialog-content { padding: 20px; border-radius: 10px; background: #F3F4F7; } .pp-fit-dialog .dt-fit-ok { display: grid; grid-template-columns: 28px minmax(0, 1fr); gap: 10px 12px; align-items: start; } .pp-fit-dialog .dt-fit-mark { display: grid; place-items: center; width: 28px; height: 28px; border-radius: 50%; background: #27B653; color: #fff; } .pp-fit-dialog .dt-fit-mark svg { width: 17px; height: 17px; } .pp-fit-dialog[data-fit="no"] .dt-fit-mark { background: #F04438; } .pp-fit-dialog[data-fit="none"] .dt-fit-mark { background: #E6E8EE; color: #767888; } .pp-fit-dialog[data-fit="no"] .dt-fit-mark svg, .pp-fit-dialog[data-fit="none"] .dt-fit-mark svg { display: none; } .pp-fit-dialog[data-fit="no"] .dt-fit-mark::before { content: "×"; color: #fff; font: 600 20px/1 "Golos Text", Arial, sans-serif; } .pp-fit-dialog[data-fit="none"] .dt-fit-mark::before { content: "?"; font: 600 13px/1 "Golos Text", Arial, sans-serif; } .pp-fit-dialog .dt-fit-ok > div { min-width: 0; } .pp-fit-dialog .dt-fit-ok b { display: block; font: 600 17px/24px "Golos Text", Arial, sans-serif; } .pp-fit-dialog .dt-fit-ok span[data-fit-why] { display: block; margin-top: 8px; color: #767888; font: 400 14px/21px "Golos Text", Arial, sans-serif; } .pp-fit-dialog .dt-fit-go { display: block; width: fit-content; margin-top: 12px; border-bottom: 1px solid currentColor; color: #E0000B; text-decoration: none; font: 400 14px/20px "Golos Text", Arial, sans-serif; } .pp-fit-dialog .dt-fit-go[hidden] { display: none; } .pp-fit-dialog .dt-fit-reset { grid-column: 2; justify-self: start; margin-top: 4px; padding: 0; border: 0; border-bottom: 1px dotted #B7BAC5; background: none; color: #767888; cursor: pointer; font: 400 14px/20px "Golos Text", Arial, sans-serif; } .pp-fit-dialog-back { display: block; margin-top: 20px; padding: 0; border: 0; background: none; color: #111318; cursor: pointer; font: 500 15px/22px "Golos Text", Arial, sans-serif; } @media (max-width: 767px) { .pp-fit-dialog { padding: max(72px, 11vh) 16px 20px; } .pp-fit-dialog-panel { padding: 52px 18px 20px; } .pp-fit-dialog-content { padding: 16px; } } /* перенесённое родное содержимое вкладок — в тексте макета */ .pp-detail .dt-text .content, .pp-detail .dt-text .text_hide_wrap, .pp-detail .dt-text .item_text { max-width: none; font: inherit; color: inherit; } /* одно фото — миниатюр нет, и снимок не должен вставать в колонку 52 px под них (GIVER, 24.09) */ .pp-detail:not(#_) .dt-gallery:not(:has(> .dt-thumbs)) { grid-template-columns: minmax(0, 1fr); } /* тема ставит картинкам margin: 0 auto — логотип и флаги бренда уезжали к центру (сверка 24.09) */ .pp-detail:not(#_) img { margin: 0; } /* Стикер 1С в исходном компактном размере чипов; цвета остаются inline. */ .pp-detail:not(#_) .dt-photo .nc__badge--req { height: 20px; min-height: 20px; padding: 0 0 0 6px; gap: 0; } .pp-detail:not(#_) .dt-photo .nc__badge--req .nc__badge-text, .pp-detail:not(#_) .dt-photo .nc__badge--req .nc__badge-pill { height: 20px; padding: 2px 6px; font-size: 12px; line-height: 16px; } /* Основная покупка на десктопе — чуть компактнее, как в каталоге. Мобильную кнопку и нижнюю панель оставляем с прежней высотой касания. */ .pp-detail:not(#_) .dt-cta[hidden] { display: none !important; } @media (min-width: 768px) { .pp-detail:not(#_) .dt-buy > .dt-cta, .pp-detail:not(#_) .dt-buy > .dt-count { height: 42px; font-size: 14px; } .pp-detail:not(#_) .dt-buy > .dt-count span { width: 36px; height: 34px; } } /* Строка «оценка · отзывы · артикул … Сравнить · В избранное» — отступ до блоков 24, как у макета: там его даёт обёртка заголовка .dt-head{margin-bottom:24px}, а у нас заголовок сайтовый и обёртки нет — строка ложилась прямо на рамку блоков (замечание владельца 24.09.2026, замер: 0 против 24 на 1434 и 375). */ .pp-detail:not(#_) .dt-meta { margin-bottom: 24px; } .pp-detail:not(#_) .dt-product-refs { display: inline-flex; flex-wrap: wrap; gap: 4px 12px; color: var(--s-ink-3); font-variant-numeric: tabular-nums; } .pp-detail:not(#_) .dt-meta { column-gap: 18px; } .pp-detail:not(#_) .dt-meta-actions { display: inline-flex; align-items: center; gap: 18px; } .pp-detail:not(#_) .dt-warranty { display: inline-flex; align-items: center; gap: 7px; min-width: 0; color: var(--s-ink-2); font: 400 13px/19px "Golos Text", Arial, sans-serif; } .pp-detail:not(#_) .dt-warranty .dt-svg { width: 18px; height: 18px; color: var(--s-brand); } .pp-detail:not(#_) .dt-meta .dt-icon { display: inline-flex; align-items: center; gap: 7px; color: var(--s-ink-2); font: 400 13px/19px "Golos Text", Arial, sans-serif; } .pp-detail:not(#_) .dt-meta .dt-icon .dt-svg { width: 18px; height: 18px; } .pp-detail:not(#_) .dt-meta .dt-icon:hover, .pp-detail:not(#_) .dt-meta .dt-icon.on { color: var(--s-brand); } .pp-detail:not(#_) .dt-photo--plain { padding-top: 24px; } @media (min-width: 992px) { .pp-detail:not(#_) .dt-buy { border: 1px solid var(--s-line); border-radius: 14px; background: #fff; box-shadow: 0 12px 32px rgba(17,19,24,.12); } } /* Характеристики: тема сайта даёт dt{margin-bottom:1px} — строка 21 вместо 20, столбец +7 (сверка 24.09) */ .pp-detail:not(#_) .dt-props dt, .pp-detail:not(#_) .dt-props dd { margin: 0; } /* Лидер-точки опускаем к нижней кромке первой строки текста, а не к её середине. */ .pp-detail:not(#_) .dt-props > div::after { top: 3px; } /* В обоих списках значения не выделяются жирным; жирными остаются только заголовки групп. */ .pp-detail:not(#_) .dt-props dd { font-weight: 400; } .pp-detail:not(#_) .dt-chars .dt-h3 { font-weight: 600; } /* Нижняя панель на телефоне: подпись под ценой — блоком. Макет открыт без (режим совместимости), там строка из одного мелкого span не растягивается до высоты строки родителя; у сайта стандартный режим — растягивается, блок цены 50 вместо 41. */ .pp-detail:not(#_) .dt-bar-p > span { display: block; } /* При «Нет» показываем возможную цену с обменом, не подменяя текущую цену заказа. */ .pp-detail:not(#_) .dt-trade-preview { margin-top: 6px; font: 400 14px/20px "Golos Text", Arial, sans-serif; color: var(--s-ink-2); } .pp-detail:not(#_) .dt-trade-preview b { color: var(--s-brand); font-weight: 600; font-variant-numeric: tabular-nums; white-space: nowrap; } /* ── 30.09.2026: быстрый заказ, «4 платежа по …», вкладки «Сплит | Плайт» ────────────── Цвета — только Red и Charcoal со шкалы; зелёного у бренда нет, поэтому «без переплат» у Плайта графитом (внутри фрейма Яндекса свой зелёный — его не перекрашиваем). */ .pp-detail:not(#_) .dt-quick { display: block; width: 100%; height: 46px; margin-top: 10px; border: 0; border-radius: 6px; background: var(--s-surface); color: var(--s-ink); cursor: pointer; font: 500 15px/20px "Golos Text", Arial, sans-serif; } @media (hover: hover) { .pp-detail:not(#_) .dt-quick:hover { background: var(--s-surface-2); } } .pp-detail:not(#_) .dt-quick:focus-visible { outline: 2px solid var(--s-brand); outline-offset: 2px; } .pp-detail:not(#_) .dt-quick.is-busy { opacity: .6; cursor: progress; } .pp-detail:not(#_) .dt-quick-s { margin-top: 6px; text-align: center; font: 400 12px/16px "Golos Text", Arial, sans-serif; color: var(--s-ink-3); } .pp-detail:not(#_) .pp-payic { display: inline-block; flex: 0 0 auto; width: 20px; height: 20px; border-radius: 50%; background: url("/bitrix/templates/aspro-premier/images/svg/payment.svg") 0 0 no-repeat; } .pp-detail:not(#_) .pp-payic--plait { background-position: -1104px 0; } .pp-detail:not(#_) .pp-payic--split { background-position: -1077px 0; } .pp-detail:not(#_) .dt-parts { display: grid; grid-template-columns: auto minmax(0, 1fr) 14px; gap: 10px; align-items: center; width: 100%; margin-top: 14px; padding: 10px 12px; border: 1px solid var(--s-line); border-radius: 10px; background: #FFFFFF; text-align: left; cursor: pointer; color: var(--s-ink); } .pp-detail:not(#_) .dt-parts[hidden] { display: none; } @media (hover: hover) { .pp-detail:not(#_) .dt-parts:hover { border-color: var(--s-line-strong); } } .pp-detail:not(#_) .dt-parts:focus-visible { outline: 2px solid var(--s-brand); outline-offset: 2px; } .pp-detail:not(#_) .dt-parts-ic { display: flex; } .pp-detail:not(#_) .dt-parts-ic .pp-payic { box-shadow: 0 0 0 2px #FFFFFF; } .pp-detail:not(#_) .dt-parts-ic .pp-payic + .pp-payic { margin-left: -5px; } .pp-detail:not(#_) .dt-parts-t { font: 400 14px/20px "Golos Text", Arial, sans-serif; } .pp-detail:not(#_) .dt-parts-t b { font-weight: 500; font-variant-numeric: tabular-nums; } .pp-detail:not(#_) .dt-parts .dt-svg { color: var(--s-ink-3); } .pp-detail:not(#_) .dt-pay { scroll-margin-top: 110px; } .pp-detail:not(#_) .dt-paytabs { display: grid; grid-template-columns: 1fr 1fr; gap: 4px; padding: 4px; margin-bottom: 12px; border-radius: 10px; background: var(--s-surface); } .pp-detail:not(#_) .dt-paytabs[hidden] { display: none; } .pp-detail:not(#_) .dt-paytabs button { display: flex; align-items: center; justify-content: center; gap: 8px; height: 38px; padding: 0 8px; border: 0; border-radius: 8px; background: transparent; color: var(--s-ink-2); cursor: pointer; font: 400 14px/18px "Golos Text", Arial, sans-serif; } .pp-detail:not(#_) .dt-paytabs button.is-on { background: #FFFFFF; color: var(--s-ink); font-weight: 500; box-shadow: 0 0 0 1px var(--s-line); } .pp-detail:not(#_) .dt-paytabs button:focus-visible { outline: 2px solid var(--s-brand); outline-offset: 1px; } .pp-detail:not(#_) .dt-plait { padding: 14px; border-radius: 10px; background: var(--s-surface); } .pp-detail:not(#_) .dt-plait-h { display: flex; flex-wrap: wrap; align-items: center; gap: 6px 8px; } .pp-detail:not(#_) .dt-plait-h b { font: 500 14px/20px "Golos Text", Arial, sans-serif; color: var(--s-ink); } .pp-detail:not(#_) .dt-plait-free { padding: 1px 7px; border-radius: 5px; border: 1px solid var(--s-line-strong); background: #FFFFFF; font: 500 11px/16px "Golos Text", Arial, sans-serif; color: var(--s-ink); } .pp-detail:not(#_) .dt-plait-cells { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 6px; margin-top: 14px; } .pp-detail:not(#_) .dt-plait-cells span { display: flex; flex-direction: column; gap: 2px; padding-top: 8px; border-top: 4px solid var(--s-line-strong); } .pp-detail:not(#_) .dt-plait-cells span.is-now { border-top-color: var(--s-ink); } .pp-detail:not(#_) .dt-plait-cells i { font: 400 12px/16px "Golos Text", Arial, sans-serif; font-style: normal; color: var(--s-ink-3); } .pp-detail:not(#_) .dt-plait-cells b { font: 500 14px/20px "Golos Text", Arial, sans-serif; font-variant-numeric: tabular-nums; color: var(--s-ink); white-space: nowrap; } .pp-detail:not(#_) .dt-plait-s { margin-top: 12px; font: 400 12px/17px "Golos Text", Arial, sans-serif; color: var(--s-ink-2); } .pp-detail:not(#_) .dt-pay-s { margin-top: 10px; font: 400 12px/16px "Golos Text", Arial, sans-serif; color: var(--s-ink-3); } /* ── Телефон, 01.10.2026: верх карточки как у ВсеИнструменты (владелец: «очень большой верх»). Фото сразу под крошками; под ним строка «★ оценка · отзывы … сравнить, избранное» (одни значки), название 18 (роль «заголовок на телефоне» из шкалы), артикул мелким уровнем. Разметка — Karta::build, блок .dt-mhead; ставит его только mobile/template.php, широкий экран прежний. */ .pp-detail:not(#_) .dt-mhead { margin: 14px 0 20px; } .pp-detail:not(#_) .dt-mhead .dt-meta { flex-wrap: nowrap; gap: 12px; margin: 0 0 8px; } .pp-detail:not(#_) .dt-mhead .dt-icon-t { display: none; } .pp-detail:not(#_) .dt-mhead .dt-icon { padding: 6px; margin: -6px 0; } .pp-detail:not(#_) .dt-mhead .dt-icon .dt-svg { width: 22px; height: 22px; } .pp-detail:not(#_) .dt-mhead .dt-h1 { margin: 0; font: 500 18px/24px "Golos Text", Arial, sans-serif !important; color: var(--s-ink); } .pp-detail:not(#_) .dt-mhead-info { display: flex; flex-wrap: wrap; align-items: center; gap: 4px 12px; margin-top: 8px; } .pp-detail:not(#_) .dt-mhead .dt-art--m { font: 400 12px/18px "Golos Text", Arial, sans-serif; color: var(--s-ink-3); } .pp-detail:not(#_) .dt-mhead-info .dt-warranty { min-width: 0; } /* ── 01.10.2026, замечания владельца по верху карточки на телефоне ── Снимок вписывается в рамку целиком: у картинки не было высоты от коробки (max-height 100% в сетке не срабатывал), поле 44 сверху под плашки сдвигало её вниз, и низ срезался — на всех ширинах. */ .pp-detail:not(#_) .dt-photo { grid-template: minmax(0, 1fr) / minmax(0, 1fr); border: 0; } .pp-detail:not(#_) .dt-photo > img { width: 100%; height: 100%; min-height: 0; object-fit: contain; } /* миниатюра — та же беда: картинка вылезала вниз на 5 px и закрывала рамку снизу */ .pp-detail:not(#_) .dt-thumb { grid-template: minmax(0, 1fr) / minmax(0, 1fr); overflow: hidden; border-color: transparent; } .pp-detail:not(#_) .dt-thumb > img { width: 100%; height: 100%; min-height: 0; object-fit: contain; } /* выбранная миниатюра — красной рамкой, как всё выбранное в макете (была графитовой) */ .pp-detail:not(#_) .dt-thumb.is-on { border-color: var(--s-brand); box-shadow: inset 0 0 0 1px var(--s-brand); } @media (max-width: 767px) { /* большой промежуток между крошками и фото: 20 под крошками темы + 10 над карточкой → 8 + 0 */ body:has(.pp-detail) .page-top { padding-bottom: 8px !important; } .pp-detail:not(#_) { margin-top: 0; } /* поле 44 сверху нужно только под плашки; без них — 16, как по бокам */ .pp-detail:not(#_) .dt-photo:not(:has(.nc__badges)) { padding: 16px; } /* ряд миниатюр листается — запас 2 px, чтобы рамка выбранной не срезалась краем ряда */ .pp-detail:not(#_) .dt-thumbs { padding: 2px; margin: -2px; } .pp-detail:not(#_) .dt-thumbs::-webkit-scrollbar { display: none; } } /* крошки на телефоне — полной цепочкой (слово владельца 01.10.2026: «крошки нужно оставлять»). Мобильный шаблон темы показывает одну родительскую категорию со стрелкой «‹ Масла»; вся цепочка в разметке есть — показываем её одной строкой с прокруткой, как у ВИ, до названия товара; точка стоит и перед ним (владелец: «между маслами и номенклатурой нету точки»). */ @media (max-width: 767px) { body:has(.pp-detail) #navigation .breadcrumbs { display: flex; align-items: center; flex-wrap: nowrap; overflow-x: auto; scrollbar-width: none; white-space: nowrap; } body:has(.pp-detail) #navigation .breadcrumbs::-webkit-scrollbar { display: none; } body:has(.pp-detail) #navigation .breadcrumbs__item--mobile { display: inline-flex !important; flex: 0 0 auto; } body:has(.pp-detail) #navigation .category-separator { display: inline-block !important; flex: 0 0 auto; } body:has(.pp-detail) #navigation .breadcrumbs__item-arrow { display: none !important; } } /* Карточка товара: плотный первый экран, сквозные разделы и единые размеры элементов. */ @media (min-width: 1200px) { .pp-detail:not(#_) .dt-top { grid-template-columns: minmax(0, 1fr) minmax(280px, 330px) 358px; gap: 28px; } } .pp-detail:not(#_) .dt-top > *, .pp-detail:not(#_) .dt-mid, .pp-detail:not(#_) .dt-right { min-width: 0; } .pp-detail:not(#_) .dt-mid .dt-fit { margin-top: 24px; } .pp-detail:not(#_) .dt-fit { padding: 18px 0 0; border: 0; border-top: 1px solid var(--s-line); border-radius: 0; background: transparent; } .pp-detail:not(#_) .dt-fit-form { grid-template-columns: minmax(0, 1fr); } .pp-detail:not(#_) .dt-fit-head span { color: var(--s-ink-2); } .pp-detail:not(#_) .dt-tabs { position: sticky; top: 0; z-index: 12; background: #fff; margin-bottom: 0; } .fixed_y .pp-detail:not(#_) .dt-tabs { top: 68px; } .pp-detail:not(#_) .dt-pane { scroll-margin-top: 76px; padding: 28px 0 36px; border-bottom: 1px solid var(--s-line); } .fixed_y .pp-detail:not(#_) .dt-pane { scroll-margin-top: 144px; } .pp-detail:not(#_) .dt-pane:last-of-type { border-bottom: 0; } .pp-detail:not(#_) .dt-pane--clamp.is-overflowing { padding-bottom: 16px; } .pp-detail:not(#_) .dt-section-title { margin: 0 0 20px; color: var(--s-ink); font: 600 22px/28px "Golos Text", Arial, sans-serif; } .pp-detail:not(#_) .dt-pane .dt-text > .dt-h3:first-child { display: none; } /* Длинные текстовые разделы занимают не больше трети видимого экрана до раскрытия. */ .pp-detail:not(#_) .dt-pane--clamp.is-overflowing:not(.is-expanded) :is(.dt-text, .dt-chars) { max-height: 33.333vh; max-height: 33.333dvh; overflow: hidden; position: relative; } .pp-detail:not(#_) .dt-pane--clamp.is-overflowing:not(.is-expanded):is([data-pane="pay"], [data-pane="ship"]) .dt-text { max-height: 22.222vh; max-height: 22.222dvh; } .pp-detail:not(#_) .dt-pane--clamp.is-overflowing:not(.is-expanded) .dt-text::after { content: ""; position: sticky; display: block; bottom: 0; height: 28px; margin-top: -28px; background: linear-gradient(transparent, #fff); pointer-events: none; } .pp-detail:not(#_) .dt-pane--clamp.is-overflowing:not(.is-expanded) .dt-chars { -webkit-mask-image: linear-gradient(#000 calc(100% - 28px), transparent); mask-image: linear-gradient(#000 calc(100% - 28px), transparent); } .pp-detail:not(#_) .dt-expand { display: inline-flex; align-items: center; gap: 6px; min-height: 32px; margin-top: 3px; padding: 0 4px 0 0; border: 0; background: transparent; color: var(--s-ink); font: 500 14px/20px "Golos Text", Arial, sans-serif; cursor: pointer; } .pp-detail:not(#_) .dt-expand[hidden] { display: none; } .pp-detail:not(#_) .dt-expand svg { width: 16px; height: 16px; transition: transform .2s ease; } .pp-detail:not(#_) .dt-pane--clamp.is-expanded .dt-expand svg { transform: rotate(180deg); } .pp-detail:not(#_) .dt-expand:hover { color: var(--s-brand); } .pp-detail:not(#_) .dt-expand:focus-visible { outline: 2px solid var(--s-brand); outline-offset: 3px; border-radius: 3px; } /* Родные вкладки содержат разную вложенную разметку; текст у трёх разделов один. */ .pp-detail:not(#_) .dt-pane[data-pane="desc"] .dt-text, .pp-detail:not(#_) .dt-pane[data-pane="pay"] .dt-text, .pp-detail:not(#_) .dt-pane[data-pane="ship"] .dt-text, .pp-detail:not(#_) .dt-pane[data-pane="desc"] .dt-text p, .pp-detail:not(#_) .dt-pane[data-pane="pay"] .dt-text p, .pp-detail:not(#_) .dt-pane[data-pane="ship"] .dt-text p, .pp-detail:not(#_) .dt-pane[data-pane="desc"] .dt-text li, .pp-detail:not(#_) .dt-pane[data-pane="pay"] .dt-text li, .pp-detail:not(#_) .dt-pane[data-pane="ship"] .dt-text li { font: 400 15px/24px "Golos Text", Arial, sans-serif; color: #30323a; } /* Внешний вид кнопок обмена и выпадающего списка одинаков по масштабу. */ .pp-detail:not(#_) .dt-trade-controls { display: flex; flex-wrap: wrap; align-items: center; gap: 8px 12px; margin-top: 10px; } .pp-detail:not(#_) .dt-trade-controls .dt-yn { flex: 0 0 auto; margin-top: 0; } .pp-detail:not(#_) .dt-trade-controls .dt-help { margin: 0 0 0 auto; } .pp-detail:not(#_) .dt-trade-controls .dt-help-b { white-space: nowrap; } .pp-detail:not(#_) .dt-yn button[aria-checked="true"] { border: 0; background: #fff; box-shadow: 0 4px 12px rgba(17, 19, 24, .16); } .pp-detail:not(#_) .dt-obmen + .dt-cta { margin-top: 24px; } .pp-detail:not(#_) .dt-yn button, .pp-detail:not(#_) .dt-dd-f, .pp-detail:not(#_) .dt-cap { font: 400 14px/20px "Golos Text", Arial, sans-serif; } .pp-detail:not(#_) .dt-dd-f { min-width: 0; } .pp-detail:not(#_) .dt-dd-l { max-width: 100%; } .pp-detail:not(#_) .dt-cap { grid-template-columns: minmax(0, 1fr) 16px auto; min-height: 40px; height: auto; gap: 6px; padding: 8px 10px; } .pp-detail:not(#_) .dt-cap-n em { font-size: 11px; } /* Виджет Яндекса живёт внутри правой колонки, не задаёт странице свою ширину. */ .pp-detail:not(#_) .dt-pay, .pp-detail:not(#_) .dt-pp-pane, .pp-detail:not(#_) .dt-split-slot, .pp-detail:not(#_) #yandex-pay-widget { min-width: 0; max-width: 100%; } .pp-detail:not(#_) .dt-split-slot { overflow: hidden; } .pp-detail:not(#_) .dt-split-mobile { display: none; } .pp-detail:not(#_) #yandex-pay-widget, .pp-detail:not(#_) #yandex-pay-widget > *, .pp-detail:not(#_) #yandex-pay-widget iframe { width: 100% !important; max-width: 100% !important; box-sizing: border-box; } @media (max-width: 991px) { .pp-detail:not(#_) .dt-mid { grid-column: auto; order: 0; } .pp-detail:not(#_) .dt-mid .dt-fit { margin-top: 20px; } } @media (max-width: 767px) { .pp-detail:not(#_) .dt-top { gap: 18px; padding-bottom: 24px; } .pp-detail:not(#_) > .dt-meta { display: grid; grid-template-columns: auto auto minmax(0, 1fr) 24px 24px; gap: 7px; align-items: center; margin-bottom: 14px; } .pp-detail:not(#_) > .dt-meta .dt-sp { display: none; } .pp-detail:not(#_) > .dt-meta .dt-art { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .pp-detail:not(#_) > .dt-meta .dt-icon-t { display: none; } .pp-detail:not(#_) > .dt-meta .dt-icon { justify-content: center; } .pp-detail:not(#_) > .dt-meta .dt-icon .dt-svg { width: 20px; height: 20px; } .pp-detail:not(#_) .dt-gallery { order: 1; } .pp-detail:not(#_) .dt-mhead { order: 2; } .pp-detail:not(#_) .dt-right { order: 3; } .pp-detail:not(#_) .dt-mid { display: flex; flex-direction: column; order: 4; } .pp-detail.dt-fit-placed-mobile:not(#_) .dt-mid { display: none; } .pp-detail:not(#_) .dt-right > .dt-fit { order: 0; margin: 0; } .pp-detail:not(#_) .dt-mid .dt-fit { order: -1; margin: 0 0 20px; } .pp-detail:not(#_) .dt-mhead { margin: 0; } .pp-detail:not(#_) .dt-mhead .dt-meta { display: grid; grid-template-columns: auto auto minmax(0, 1fr) 28px 28px; gap: 8px; align-items: center; margin: 0 0 10px; } .pp-detail:not(#_) .dt-mhead .dt-meta .dt-sp { display: block; } .pp-detail:not(#_) .dt-mhead .dt-meta .dt-quiet { justify-self: start; white-space: nowrap; } .pp-detail:not(#_) .dt-mhead .dt-meta .dt-icon { width: 28px; height: 32px; padding: 3px; margin: 0; justify-content: center; } .pp-detail:not(#_) .dt-mhead .dt-h1 { font-size: 20px !important; line-height: 25px !important; } .pp-detail:not(#_) .dt-mhead-info .dt-warranty { flex: 0 0 100%; width: 100%; font-size: 12px; line-height: 18px; } .pp-detail:not(#_) .dt-buy-extra > .dt-warranty { display: flex; margin: 0 0 10px; font-size: 12px; line-height: 18px; } .pp-detail:not(#_) .dt-photo { aspect-ratio: 1.25 / 1; padding-bottom: 8px; } .pp-detail:not(#_) .dt-fit { padding: 16px 0 0; } .pp-detail:not(#_) .dt-fit-head b { font-size: 15px; line-height: 20px; } .pp-detail:not(#_) .dt-fit-form { grid-template-columns: minmax(0, 1fr); gap: 8px; } .pp-detail:not(#_) .dt-sel { width: 100%; height: 40px; font-size: 13px; } .pp-detail:not(#_) .dt-tabs { top: 0; margin: 0 -4px; } .fixed_y .pp-detail:not(#_) .dt-tabs { top: 0; } .pp-detail:not(#_) .dt-tab { padding: 10px 12px; font-size: 14px; } .pp-detail:not(#_) .dt-section-title { font-size: 19px; line-height: 25px; } .pp-detail:not(#_) .dt-pane { scroll-margin-top: 60px; padding: 24px 0 30px; } .fixed_y .pp-detail:not(#_) .dt-pane { scroll-margin-top: 60px; } .pp-detail:not(#_) .dt-buy, .pp-detail:not(#_) .dt-pay, .pp-detail:not(#_) .dt-brand { padding: 16px; } .pp-detail:not(#_) .dt-paytabs button { min-width: 0; } .pp-detail:not(#_) .dt-plait-cells { gap: 3px; } .pp-detail:not(#_) .dt-plait-cells b { font-size: 12px; white-space: normal; } .pp-detail:not(#_) .dt-split-slot { display: none; } .pp-detail:not(#_) .dt-split-mobile { display: block; min-width: 0; padding: 12px; border-radius: 10px; background: var(--s-surface); } .pp-detail:not(#_) .dt-split-mobile-h { font: 500 14px/20px "Golos Text", Arial, sans-serif; } .pp-detail:not(#_) .dt-split-mobile-h b { font-weight: 600; white-space: nowrap; } .pp-detail:not(#_) .dt-split-mobile p { margin: 10px 0 0; color: var(--s-ink-2); font: 400 11px/16px "Golos Text", Arial, sans-serif; } .pp-detail:not(#_) .dt-yn button { height: 36px; padding: 0 14px; } .pp-detail:not(#_) .dt-dd-f { height: 42px; padding: 0 10px; } .pp-detail:not(#_) .dt-cap { font-size: 13px; } body:has(.pp-detail) .chatra--side-bottom, body:has(.pp-detail) .chatra--side-right, body:has(.pp-detail) .jivochat, body:has(.pp-detail) .b24-widget-button-position-bottom-right, body:has(.pp-detail) .b24-widget-button-wrapper { bottom: calc(12px + env(safe-area-inset-bottom)) !important; right: 12px !important; transition: bottom .28s ease !important; } body:has(.pp-detail.dt-bar-on) .chatra--side-bottom, body:has(.pp-detail.dt-bar-on) .chatra--side-right, body:has(.pp-detail.dt-bar-on) .jivochat, body:has(.pp-detail.dt-bar-on) .b24-widget-button-position-bottom-right, body:has(.pp-detail.dt-bar-on) .b24-widget-button-wrapper { bottom: calc(88px + env(safe-area-inset-bottom)) !important; } } @media (max-width: 767px) and (prefers-reduced-motion: reduce) { body:has(.pp-detail) .chatra--side-bottom, body:has(.pp-detail) .chatra--side-right, body:has(.pp-detail) .jivochat, body:has(.pp-detail) .b24-widget-button-position-bottom-right, body:has(.pp-detail) .b24-widget-button-wrapper { transition: none !important; } } @media (max-width: 359px) { .pp-detail:not(#_) .dt-buy, .pp-detail:not(#_) .dt-pay, .pp-detail:not(#_) .dt-brand { padding: 12px; } .pp-detail:not(#_) .dt-fit-form { grid-template-columns: minmax(0, 1fr); } .pp-detail:not(#_) .dt-cap-n em { display: none; } } /* Левая колонка не ждёт высоту правого блока оплаты: разделы начинаются сразу после фото и свойств. Навигация не закрывает содержимое и карту при прокрутке. */ .pp-detail:not(#_) .dt-layout { display: grid; grid-template-columns: minmax(0, 1fr) 358px; column-gap: 28px; row-gap: 48px; align-items: start; } .pp-detail:not(#_) .dt-layout > * { min-width: 0; } .pp-detail:not(#_) .dt-layout > .dt-top { display: block; } .pp-detail:not(#_) .dt-meta-actions-flow { display: none; } .pp-detail:not(#_) .dt-top-inner { display: grid; grid-template-columns: minmax(0, 1fr); gap: 24px; align-items: start; min-width: 0; } .pp-detail:not(#_) .dt-top-inner > * { min-width: 0; } @media (min-width: 992px) { .pp-detail.dt-intro-grouped:not(#_) .dt-top-inner > .catalog-detail__title-top { grid-column: 1 / -1; grid-row: 1; position: static; margin: 0; padding: 0; } .pp-detail.dt-intro-grouped:not(#_) .dt-top-inner > .catalog-detail__title-top h1 { font-size: 22px !important; line-height: 29px !important; } .pp-detail.dt-intro-grouped:not(#_) .dt-top-inner > .dt-meta { grid-column: 1 / -1; grid-row: 2; position: static; margin: 0; padding: 0; } .pp-detail.dt-intro-grouped:not(#_) .dt-top-inner > .dt-meta { position: relative; overflow: visible; } .pp-detail.dt-intro-grouped:not(#_) .dt-top-inner > .dt-meta > .dt-warranty { position: absolute; top: 50%; transform: translateY(-50%); white-space: nowrap; } .pp-detail.dt-intro-grouped:not(#_) .dt-top-inner > .dt-meta > .dt-warranty { left: var(--dt-warranty-left, 48%); } .pp-detail:not(#_) .dt-layout > .dt-top { grid-column: 1; grid-row: 1; align-self: stretch; position: relative; padding: 0; } .pp-detail:not(#_) .dt-meta-actions-flow { display: block; position: absolute; z-index: 2; white-space: nowrap; } .pp-detail:not(#_) .dt-top-inner { grid-template-columns: minmax(0, 1fr) minmax(280px, 330px); grid-template-rows: auto auto auto 1fr; gap: 16px 28px; position: sticky; top: var(--dt-top-stick-top, 8px); padding-bottom: 28px; } .pp-detail:not(#_) .dt-layout > .dt-top .dt-gallery { grid-column: 1; grid-row: 3 / span 2; position: static; align-self: start; } .pp-detail:not(#_) .dt-layout > .dt-top .dt-mhead { grid-column: 2; grid-row: 3; margin: 0; } .pp-detail:not(#_) .dt-layout > .dt-top .dt-mid { grid-column: 2; grid-row: 4; order: 0; } .pp-detail:not(#_) .dt-layout > .dt-right { grid-column: 2; grid-row: 1; position: static; margin-top: var(--dt-right-start, 0px); } .pp-detail:not(#_) .dt-layout > .dt-sections { grid-column: 1; grid-row: 2; } } .pp-detail:not(#_) .dt-sections .dt-tabs, .fixed_y .pp-detail:not(#_) .dt-sections .dt-tabs { position: static; top: auto; z-index: auto; } /* На широком экране все вкладки помещаются в строку: внутренней прокрутки нет. На телефоне оставляем свайп к крайним вкладкам, но без видимой полосы прокрутки. */ .pp-detail:not(#_) .dt-tabs { scrollbar-width: none; } .pp-detail:not(#_) .dt-tabs::-webkit-scrollbar { display: none; } @media (min-width: 992px) { .pp-detail:not(#_) .dt-sections .dt-tabs, .pp-detail:not(#_) .dt-scrollhead .dt-tabs { overflow-x: hidden; } } @media (min-width: 992px) and (max-width: 1199px) { .pp-detail:not(#_) .dt-sections .dt-tab { padding-right: 6px; padding-left: 6px; font-size: 13px; } } .pp-detail:not(#_) .dt-sections .dt-pane, .fixed_y .pp-detail:not(#_) .dt-sections .dt-pane { scroll-margin-top: 90px; } @media (max-width: 991px) { .pp-detail:not(#_) .dt-layout { grid-template-columns: minmax(0, 1fr); row-gap: 20px; } .pp-detail:not(#_) .dt-layout > .dt-top { grid-row: 1; padding: 0; } .pp-detail:not(#_) .dt-layout > .dt-right { grid-row: 2; } .pp-detail:not(#_) .dt-layout > .dt-sections { grid-row: 3; } } @media (max-width: 767px) { .pp-detail:not(#_) .dt-layout { row-gap: 12px; } .pp-detail:not(#_) .dt-top-inner { gap: 8px; padding-bottom: 0; } .pp-detail:not(#_) .dt-sections .dt-pane, .fixed_y .pp-detail:not(#_) .dt-sections .dt-pane { scroll-margin-top: 58px; } } /* Узкий экран: сохраняем лидеры-точки и разрешаем длинным значениям переноситься. */ @media (max-width: 767px) { .pp-detail:not(#_) .dt-layout, .pp-detail:not(#_) .dt-sections, .pp-detail:not(#_) .dt-pane, .pp-detail:not(#_) .dt-chars, .pp-detail:not(#_) .dt-chars > *, .pp-detail:not(#_) .dt-text { min-width: 0; max-width: 100%; } .pp-detail:not(#_) .dt-chars .dt-props > div { display: flex; gap: 8px; align-items: baseline; } .pp-detail:not(#_) .dt-chars .dt-props > div::after { display: block; min-width: 12px; } .pp-detail:not(#_) .dt-chars .dt-props dt, .pp-detail:not(#_) .dt-chars .dt-props dd { min-width: 0; white-space: normal; overflow-wrap: anywhere; font: 400 13px/19px "Golos Text", Arial, sans-serif; } .pp-detail:not(#_) .dt-chars .dt-props dt { max-width: 44%; } .pp-detail:not(#_) .dt-chars .dt-props dd { max-width: 54%; font-weight: 400; text-align: right; } .pp-detail:not(#_) .dt-text, .pp-detail:not(#_) .dt-text p, .pp-detail:not(#_) .dt-text li { overflow-wrap: anywhere; font: 400 14px/22px "Golos Text", Arial, sans-serif; color: var(--s-ink-2); } .pp-detail:not(#_) .dt-text p, .pp-detail:not(#_) .dt-text ul, .pp-detail:not(#_) .dt-text ol { margin: 0 0 14px; } .pp-detail:not(#_) .dt-text ul, .pp-detail:not(#_) .dt-text ol { padding-left: 20px; } .pp-detail:not(#_) .dt-text h2, .pp-detail:not(#_) .dt-text h3 { color: var(--s-ink); font: 600 16px/23px "Golos Text", Arial, sans-serif; } .pp-detail:not(#_) .dt-pane[data-pane="desc"] .dt-text, .pp-detail:not(#_) .dt-pane[data-pane="pay"] .dt-text, .pp-detail:not(#_) .dt-pane[data-pane="ship"] .dt-text, .pp-detail:not(#_) .dt-pane[data-pane="desc"] .dt-text p, .pp-detail:not(#_) .dt-pane[data-pane="pay"] .dt-text p, .pp-detail:not(#_) .dt-pane[data-pane="ship"] .dt-text p, .pp-detail:not(#_) .dt-pane[data-pane="desc"] .dt-text li, .pp-detail:not(#_) .dt-pane[data-pane="pay"] .dt-text li, .pp-detail:not(#_) .dt-pane[data-pane="ship"] .dt-text li { font-size: 15px; line-height: 23px; } .pp-detail:not(#_) .dt-section-title { margin-bottom: 16px; } .pp-detail:not(#_) .dt-pane { padding: 22px 0 26px; } .pp-detail:not(#_) .dt-empty { padding: 20px 16px; } .pp-detail:not(#_) .dt-sections { padding-bottom: 0; } body:has(.pp-detail) .b24-widget-button-wrapper { transform: scale(.8); transform-origin: bottom right; } } /* Поисковые селекты: та же реализация Ox8AbfSelect, что у подборщика на главной, но высота остаётся компактной для правой части детальной карточки. */ .pp-detail:not(#_) .dt-fit-form { position: relative; z-index: 2; } .pp-detail:not(#_) .dt-fit .abf-ss { position: relative; width: 100%; min-width: 0; } .pp-detail:not(#_) .dt-fit .abf-ss-display { display: flex; align-items: center; position: relative; height: 42px; min-width: 0; padding: 0 34px 0 12px; border: 1px solid var(--s-line-strong); border-radius: 6px; background: #fff; color: var(--s-ink); cursor: pointer; outline: none; font: 400 14px/20px "Golos Text", Arial, sans-serif; } .pp-detail:not(#_) .dt-fit .abf-ss-display:focus-visible { border-color: var(--s-brand); box-shadow: 0 0 0 1px var(--s-brand); } .pp-detail:not(#_) .dt-fit .abf-ss-disabled .abf-ss-display { background: var(--s-surface); color: var(--s-ink-4); cursor: not-allowed; } .pp-detail:not(#_) .dt-fit .abf-ss-label { display: block; flex: 1 1 auto; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .pp-detail:not(#_) .dt-fit .abf-ss-arrow { position: absolute; right: 14px; top: 50%; width: 8px; height: 8px; border-right: 2px solid var(--s-ink-3); border-bottom: 2px solid var(--s-ink-3); transform: translateY(-70%) rotate(45deg); } .pp-detail:not(#_) .dt-fit .abf-ss-open .abf-ss-arrow { transform: translateY(-25%) rotate(225deg); } .pp-detail:not(#_) .dt-fit .abf-ss-clear { display: none; position: absolute; right: 31px; top: 50%; transform: translateY(-50%); width: 20px; height: 20px; align-items: center; justify-content: center; cursor: pointer; color: var(--s-ink-3); } .pp-detail:not(#_) .dt-fit .abf-ss-clear svg { width: 10px; height: 10px; } .pp-detail:not(#_) .dt-fit .abf-ss-has-value .abf-ss-clear { display: flex; } .pp-detail:not(#_) .dt-fit .abf-ss-has-value .abf-ss-display { padding-right: 55px; } .pp-detail:not(#_) .dt-fit .abf-ss-dd { position: absolute; top: calc(100% + 4px); left: 0; right: 0; z-index: 30; overflow: hidden; border: 1px solid var(--s-line-strong); border-radius: 8px; background: #fff; box-shadow: 0 8px 28px rgba(17,19,24,.14); } .pp-detail:not(#_) .dt-fit .abf-ss-search { display: block; width: 100%; height: 40px; padding: 0 12px; border: 0; border-bottom: 1px solid var(--s-line); border-radius: 0; background: #fff; color: var(--s-ink); outline: none; font: 400 14px/20px "Golos Text", Arial, sans-serif; } .pp-detail:not(#_) .dt-fit .abf-ss-list { max-height: 220px; overflow-y: auto; overscroll-behavior: contain; } .pp-detail:not(#_) .dt-fit .abf-ss-opt { padding: 9px 12px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: var(--s-ink); cursor: pointer; font: 400 14px/20px "Golos Text", Arial, sans-serif; } .pp-detail:not(#_) .dt-fit .abf-ss-opt__alt { display: inline; margin-left: 8px; color: var(--s-ink-4); font-size: 13px; } .pp-detail:not(#_) .dt-fit .abf-ss-opt:hover { background: var(--s-surface); } .pp-detail:not(#_) .dt-fit .abf-ss-opt.abf-ss-selected { background: var(--s-brand-tint); color: var(--s-brand); } .pp-detail:not(#_) .dt-fit .abf-ss-empty { padding: 12px; text-align: center; color: var(--s-ink-3); font-size: 13px; } /* Доступные поля заметны на белой карточке, но остаются мягче обычной кнопки; недоступные поля светлее и приглушены. */ .pp-detail:not(#_) .dt-fit .abf-ss-display, .pp-detail:not(#_) .dt-fit .dt-sel { border: 0; border-radius: 8px; background-color: var(--s-surface); transition: background-color .16s ease, box-shadow .16s ease; } .pp-detail:not(#_) .dt-fit .abf-ss:not(.abf-ss-disabled) .abf-ss-display, .pp-detail:not(#_) .dt-fit .dt-sel:not(:disabled) { background-color: #ECEEF3; box-shadow: none; } .pp-detail:not(#_) .dt-fit .abf-ss:not(.abf-ss-disabled) .abf-ss-display:hover, .pp-detail:not(#_) .dt-fit .dt-sel:not(:disabled):hover { background-color: #E4E6ED; } .pp-detail:not(#_) .dt-fit .abf-ss-open { border-radius: 8px; box-shadow: 0 4px 12px rgba(17,19,24,.16); } .pp-detail:not(#_) .dt-fit .abf-ss-open .abf-ss-display { background-color: #E9EBF1; } .pp-detail:not(#_) .dt-fit .abf-ss-disabled .abf-ss-display, .pp-detail:not(#_) .dt-fit .dt-sel:disabled { background-color: var(--s-surface); color: var(--s-ink-4); } .pp-detail:not(#_) .dt-fit .abf-ss-display:focus-visible, .pp-detail:not(#_) .dt-fit .dt-sel:focus-visible { outline: 2px solid var(--s-brand); outline-offset: 2px; box-shadow: none; } .pp-detail:not(#_) .dt-fit .abf-ss-dd { border: 0; } @media (max-width: 767px) { .pp-detail:not(#_) .dt-fit .abf-ss-display { height: 40px; font-size: 13px; } .pp-detail:not(#_) .dt-fit .abf-ss-search { font-size: 16px; } } /* Компактная панель при прокрутке: тот же товар, цена и нативные действия, а не ещё одна самостоятельная корзина. На телефоне остаётся нижняя полоса. */ .pp-detail:not(#_) .dt-scrollhead { position: fixed; inset: 0 0 auto; z-index: 90; border-bottom: 1px solid var(--s-line); background: #fff; box-shadow: 0 5px 18px rgba(17,19,24,.08); opacity: 0; visibility: hidden; pointer-events: none; transform: translateY(-10px); transition: opacity .19s ease, transform .19s ease, visibility 0s linear .19s; } .pp-detail:not(#_) .dt-to-top { display: none; } .pp-detail.dt-scrollhead-on:not(#_) .dt-scrollhead { opacity: 1; visibility: visible; pointer-events: auto; transform: none; transition-delay: 0s; } .fixed_y .pp-detail:not(#_) .dt-scrollhead { top: 0; } .pp-detail:not(#_) .dt-scrollhead-inner { max-width: 100%; padding: 0; } .pp-detail:not(#_) .dt-scrollhead-main { display: grid; grid-template-columns: minmax(0,1fr) auto auto; gap: 24px; align-items: center; min-height: 74px; border-bottom: 1px solid var(--s-line); } .pp-detail:not(#_) .dt-scrollhead-product { display: flex; align-items: center; gap: 14px; min-width: 0; } .pp-detail:not(#_) .dt-scrollhead-product img { flex: 0 0 68px; width: 68px; height: 60px; object-fit: contain; } .pp-detail:not(#_) .dt-scrollhead-product > div { min-width: 0; } .pp-detail:not(#_) .dt-scrollhead-code, .pp-detail:not(#_) .dt-scrollhead-name { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .pp-detail:not(#_) .dt-scrollhead-code { color: var(--s-ink-3); font: 400 12px/18px "Golos Text", Arial, sans-serif; } .pp-detail:not(#_) .dt-scrollhead-code:empty { display: none; } .pp-detail:not(#_) .dt-scrollhead-code .dt-product-refs { flex-wrap: nowrap; gap: 0; white-space: nowrap; } .pp-detail:not(#_) .dt-scrollhead-code .dt-product-refs > span + span::before { content: "·"; margin: 0 7px; } .pp-detail:not(#_) .dt-scrollhead-name { color: var(--s-ink); font: 500 17px/23px "Golos Text", Arial, sans-serif; } .pp-detail:not(#_) .dt-scrollhead-price { display: flex; flex-direction: column; justify-content: center; align-items: flex-start; gap: 2px; white-space: nowrap; font-variant-numeric: tabular-nums; } .pp-detail:not(#_) .dt-scrollhead-pline, .pp-detail:not(#_) .dt-scrollhead-final { display: flex; align-items: center; gap: 8px; } .pp-detail:not(#_) .dt-scrollhead-pline[hidden] { display: none; } .pp-detail:not(#_) .dt-scrollhead-final { gap: 10px; } .pp-detail:not(#_) .dt-scrollhead-price b { color: var(--s-ink); font: 600 23px/30px "Golos Text", Arial, sans-serif; } .pp-detail:not(#_) .dt-scrollhead-price s { color: var(--s-ink-3); font: 400 14px/20px "Golos Text", Arial, sans-serif; } .pp-detail:not(#_) .dt-scrollhead-price .dt-gain { margin: 0; font-size: 12px; line-height: 18px; } .pp-detail:not(#_) .dt-scrollhead-price .dt-gain[hidden] { display: none; } .pp-detail:not(#_) .dt-scrollhead-actions { display: flex; align-items: center; gap: 10px; } .pp-detail:not(#_) .dt-scrollhead-actions > .dt-cta { width: auto; min-width: 124px; height: 40px; margin: 0; padding: 0 16px; } .pp-detail:not(#_) .dt-scrollhead-actions > .dt-count { width: 126px; height: 40px; margin: 0; } .pp-detail:not(#_) .dt-scrollhead-actions > .dt-count span { width: 32px; height: 34px; } .pp-detail:not(#_) .dt-scrollhead-actions .dt-meta { display: flex; align-items: center; gap: 2px; margin: 0; } .pp-detail:not(#_) .dt-scrollhead-actions .dt-meta > :not([data-fav]):not([data-pp-cmp]) { display: none; } .pp-detail:not(#_) .dt-scrollhead-actions [data-fav] { order: -1; } .pp-detail:not(#_) .dt-scrollhead-actions .dt-icon { padding: 7px; } .pp-detail:not(#_) .dt-scrollhead-actions .dt-icon-t { display: none; } .pp-detail:not(#_) .dt-scrollhead .dt-tabs { position: static; top: auto; z-index: auto; margin: 0; padding-left: 20px; border: 0; justify-content: flex-start; gap: 24px; } .pp-detail:not(#_) .dt-scrollhead .dt-tab { padding: 13px 7px 14px; font-size: 15px; line-height: 21px; } .pp-detail.dt-scrollhead-on:not(#_) .dt-sections .dt-pane { scroll-margin-top: 130px; } .fixed_y .pp-detail.dt-scrollhead-on:not(#_) .dt-sections .dt-pane { scroll-margin-top: 130px; } @media (max-width: 1199px) and (min-width: 992px) { .pp-detail:not(#_) .dt-scrollhead-main { gap: 12px; } .pp-detail:not(#_) .dt-scrollhead-code { font-size: 11px; } .pp-detail:not(#_) .dt-scrollhead-product img { flex-basis: 52px; width: 52px; height: 48px; } .pp-detail:not(#_) .dt-scrollhead-actions { gap: 4px; } } @media (max-width: 991px) { .pp-detail:not(#_) .dt-scrollhead { display: none !important; } } /* При появлении верхней панели сервис и рассрочка всплывают справа. Узлы остаются исходными: виджет Яндекса и обработчики кнопок не клонируются и не перезагружаются. */ @media (min-width: 992px) { .pp-detail:not(#_) .dt-float-slot { width: 100%; } .pp-detail:not(#_) .dt-svc.dt-float-on, .pp-detail:not(#_) .dt-pay.dt-float-on { position: fixed; left: var(--dt-float-left); width: var(--dt-float-width); z-index: 85; border: 1px solid var(--s-line); border-radius: 14px; background: #fff; box-shadow: 0 12px 32px rgba(17,19,24,.12); opacity: 0; pointer-events: none; transform: translateY(-8px); transition: opacity .19s ease, transform .19s ease; } .pp-detail:not(#_) .dt-svc.dt-float-on.dt-float-visible, .pp-detail:not(#_) .dt-pay.dt-float-on.dt-float-visible { opacity: 1; pointer-events: auto; transform: none; } .pp-detail:not(#_) .dt-svc.dt-float-on { top: var(--dt-float-svc-top); margin-top: 0; padding: 12px 14px; } .pp-detail:not(#_) .dt-pay.dt-float-on { top: var(--dt-float-pay-top); margin-top: 0; max-height: var(--dt-float-pay-max-height); overflow-y: auto; overscroll-behavior: contain; padding: 14px; } } @media (prefers-reduced-motion: reduce) { .pp-detail:not(#_) .dt-scrollhead, .pp-detail:not(#_) .dt-svc.dt-float-on, .pp-detail:not(#_) .dt-pay.dt-float-on { transition: none; } } /* Типографика карточки: 22/20/16 для заголовков, 15 для чтения, 14 для параметров и управления, 12–13 для служебных подписей. */ .pp-detail:not(#_) .dt-h2, .pp-detail:not(#_) .dt-section-title { font: 600 20px/28px "Golos Text", Arial, sans-serif; letter-spacing: -.015em; } .pp-detail:not(#_) .dt-chars .dt-h3, .pp-detail:not(#_) .dt-pay > .dt-h3 { font: 600 16px/22px "Golos Text", Arial, sans-serif; } .pp-detail:not(#_) .dt-chars .dt-props dt, .pp-detail:not(#_) .dt-chars .dt-props dd, .pp-detail:not(#_) .dt-pane[data-pane="char"] .dt-props dt, .pp-detail:not(#_) .dt-pane[data-pane="char"] .dt-props dd { font: 400 14px/21px "Golos Text", Arial, sans-serif; } .pp-detail:not(#_) .dt-chars .dt-props dd, .pp-detail:not(#_) .dt-pane[data-pane="char"] .dt-props dd { font-variant-numeric: tabular-nums; } .pp-detail:not(#_) .dt-pane[data-pane="desc"] .dt-text, .pp-detail:not(#_) .dt-pane[data-pane="pay"] .dt-text, .pp-detail:not(#_) .dt-pane[data-pane="ship"] .dt-text, .pp-detail:not(#_) .dt-pane[data-pane="desc"] .dt-text p, .pp-detail:not(#_) .dt-pane[data-pane="pay"] .dt-text p, .pp-detail:not(#_) .dt-pane[data-pane="ship"] .dt-text p, .pp-detail:not(#_) .dt-pane[data-pane="desc"] .dt-text li, .pp-detail:not(#_) .dt-pane[data-pane="pay"] .dt-text li, .pp-detail:not(#_) .dt-pane[data-pane="ship"] .dt-text li { font: 400 15px/24px "Golos Text", Arial, sans-serif; color: #30323a; } .pp-detail:not(#_) .dt-pane .dt-text h2, .pp-detail:not(#_) .dt-pane .dt-text h3 { font: 600 16px/23px "Golos Text", Arial, sans-serif; color: var(--s-ink); } .pp-detail:not(#_) .dt-addr { font: 500 15px/21px "Golos Text", Arial, sans-serif; } .pp-detail:not(#_) .dt-hours, .pp-detail:not(#_) .dt-phone, .pp-detail:not(#_) .dt-have { font: 400 13px/19px "Golos Text", Arial, sans-serif; } .pp-detail:not(#_) .dt-fine, .pp-detail:not(#_) .dt-quick-s, .pp-detail:not(#_) .dt-pay-s, .pp-detail:not(#_) .dt-brand-orig { font: 400 12px/18px "Golos Text", Arial, sans-serif; } .pp-detail:not(#_) .dt-fact > span, .pp-detail:not(#_) .dt-svc .dt-svc-b > span, .pp-detail:not(#_) .dt-svc > div > span { font: 400 14px/21px "Golos Text", Arial, sans-serif; } .pp-detail:not(#_) .dt-fact > span > b, .pp-detail:not(#_) .dt-svc .dt-svc-b > span > b, .pp-detail:not(#_) .dt-svc > div > span > b { font: 600 15px/22px "Golos Text", Arial, sans-serif; } .pp-detail:not(#_) .dt-svc > .dt-svc-b:focus, .pp-detail:not(#_) .dt-svc > .dt-svc-b:focus-visible, .pp-detail:not(#_) .dt-fact--go:focus, .pp-detail:not(#_) .dt-fact--go:focus-visible { outline: none !important; box-shadow: none !important; } .pp-detail:not(#_) .dt-svc > .dt-svc-b:focus-visible b, .pp-detail:not(#_) .dt-fact--go:focus-visible b { color: var(--s-brand); } .pp-detail:not(#_) .dt-svc .dt-svc-b > span > span { font: inherit; color: inherit; } .pp-detail:not(#_) .dt-near span, .pp-detail:not(#_) .dt-express-row span, .pp-detail:not(#_) .dt-split span, .pp-detail:not(#_) .dt-split b { font-size: 12px; line-height: 17px; } .pp-detail:not(#_) .dt-pchip, .pp-detail:not(#_) .dt-buy .nc__status, .pp-detail:not(#_) .dt-shop .nc__status { font-size: 12px; line-height: 17px; } .pp-detail:not(#_) .dt-stores .dt-shop { grid-template-columns: minmax(0, 1fr) auto; } .pp-detail:not(#_) .dt-stores .dt-have { justify-self: end; } .pp-detail:not(#_) .dt-obmen-s, .pp-detail:not(#_) .dt-gain, .pp-detail:not(#_) .dt-help-b { font-size: 13px; line-height: 19px; } .pp-detail:not(#_) .dt-dd-f, .pp-detail:not(#_) .dt-cap, .pp-detail:not(#_) .dt-fit .abf-ss-display, .pp-detail:not(#_) .dt-fit .abf-ss-opt { font-size: 14px; line-height: 20px; } .pp-detail:not(#_) .dt-scrollhead .dt-tab { font-size: 14px; line-height: 20px; } @media (max-width: 767px) { .pp-detail:not(#_) .dt-h2, .pp-detail:not(#_) .dt-section-title { font-size: 19px; line-height: 26px; } .pp-detail:not(#_) .dt-buy-extra .dt-parts-t { font-size: 15px; line-height: 22px; } .pp-detail:not(#_) .dt-fact > span, .pp-detail:not(#_) .dt-svc .dt-svc-b > span, .pp-detail:not(#_) .dt-svc > div > span { font-size: 15px; line-height: 22px; } .pp-detail:not(#_) .dt-fact > span > b, .pp-detail:not(#_) .dt-svc .dt-svc-b > span > b, .pp-detail:not(#_) .dt-svc > div > span > b { font-size: 16px; line-height: 23px; font-weight: 600; } .pp-detail:not(#_) .dt-pay .dt-h3 { font-size: 17px; line-height: 24px; } .pp-detail:not(#_) .dt-paytabs button { font-size: 15px; line-height: 21px; } .pp-detail:not(#_) .dt-pay-s { font-size: 14px; line-height: 20px; } .pp-detail:not(#_) .dt-chars .dt-props dt, .pp-detail:not(#_) .dt-chars .dt-props dd { font-size: 14px; line-height: 21px; } .pp-detail:not(#_) .dt-fit .abf-ss-display, .pp-detail:not(#_) .dt-sel { height: 44px; font-size: 14px; } .pp-detail:not(#_) .dt-cap { font-size: 14px; } .pp-detail:not(#_) .dt-split-mobile p, .pp-detail:not(#_) .dt-bar-p span { font-size: 12px; line-height: 17px; } .pp-detail:not(#_) .dt-product-refs { font-size: 12px; line-height: 18px; } .pp-detail:not(#_) .nc__where, .pp-detail:not(#_) .nc__status, .pp-detail:not(#_) .nc__express, .pp-detail:not(#_) .nc__express-time, .pp-detail:not(#_) .nc__tail, .pp-detail:not(#_) .nc__line2 { font-size: 11px; line-height: 16px; } } /* Бренд: спокойная выступающая плашка и окно оригинальности в палитре карточки. */ .pp-detail:not(#_) .dt-brand { margin-inline: 20px; padding: 0; overflow: hidden; background: var(--s-brand-tint); border-radius: 14px; } .pp-detail:not(#_) .dt-brand-banner { display: flex; align-items: center; gap: 8px; width: 100%; min-height: 40px; padding: 6px 14px 8px; border: 0; background: transparent; color: var(--s-ink); cursor: pointer; text-align: left; font: 400 13px/18px "Golos Text", Arial, sans-serif; } .pp-detail:not(#_) .dt-brand-banner > svg { width: 20px; height: 20px; flex: 0 0 auto; color: var(--s-brand); } .pp-detail:not(#_) .dt-brand-banner > span { flex: 1; min-width: 0; white-space: nowrap; } .pp-detail:not(#_) .dt-brand-banner .dt-svg { width: 16px; height: 16px; flex: 0 0 auto; color: var(--s-ink-3); } .pp-detail:not(#_) .dt-brand-banner:hover { color: var(--s-brand); } .pp-detail:not(#_) .dt-brand-banner:focus, .pp-detail:not(#_) .dt-brand-banner:focus-visible { outline: none !important; box-shadow: none !important; } .pp-detail:not(#_) .dt-brand-banner:focus-visible { color: var(--s-brand); } .pp-detail:not(#_) .dt-brand-body { position: relative; display: flex; flex-direction: column; margin-top: -6px; padding: 18px; border-top: 1px solid var(--s-line); border-radius: 14px 14px 0 0; background: #fff; } .pp-detail:not(#_) .dt-brand .dt-logo { padding: 0; border: 0; border-radius: 0; background: transparent; } .pp-detail:not(#_) .dt-brand-name { font-size: 15px; line-height: 21px; } .pp-detail:not(#_) .dt-brand-body > .dt-country { order: 1; } .pp-detail:not(#_) .dt-brand-links { order: 2; margin-top: 18px; color: var(--s-ink-2); font: 400 13px/20px "Golos Text", Arial, sans-serif; } .pp-detail:not(#_) .dt-brand-links a { color: inherit; text-decoration: none; border-bottom: 1px dotted currentColor; } .pp-detail:not(#_) .dt-brand-links a:hover, .pp-detail:not(#_) .dt-brand-links a:focus-visible { color: var(--s-brand); } .pp-detail:not(#_) .dt-fit-brand-divider { display: none; } @media (max-width: 767px) { .pp-detail:not(#_) .dt-brand { width: 100%; margin-inline: 0; background: #F0F9F2; } .pp-detail:not(#_) .dt-brand-banner { gap: 6px; min-height: 48px; padding: 10px 14px; font-size: 13px; line-height: 19px; letter-spacing: 0; } .pp-detail:not(#_) .dt-brand-banner > span { white-space: normal; } .pp-detail:not(#_) .dt-brand-banner > svg { width: 18px; height: 18px; } .pp-detail:not(#_) .dt-brand-banner .dt-svg { width: 14px; height: 14px; } .pp-detail:not(#_) .dt-brand-body { margin-top: 0; padding: 10px 14px 14px; } .pp-detail:not(#_) .dt-brand-body > .dt-country { margin-top: 6px; } .pp-detail:not(#_) .dt-brand-body > .dt-country + .dt-country { margin-top: 3px; } .pp-detail:not(#_) .dt-fit-brand-divider { display: block; align-self: stretch; height: 1px; background: var(--s-line); } } /* Сплит завершает рамку покупки без собственной обводки; сервис остаётся открытым. */ .pp-detail:not(#_) .dt-svc > .dt-fact--fast[hidden] { display: grid; } /* У Экспресса чёрная молния, но стрелка должна быть серой, как в соседних строках. */ .pp-detail:not(#_) .dt-svc > .dt-fact--fast:not(:hover) > .dt-svg--sm { color: var(--s-ink-3); } .pp-detail:not(#_) .dt-quick { font-size: 14px; } .pp-detail:not(#_) .dt-buy > .dt-parts { width: 100%; margin: 18px 0 0; padding: 10px 0 0; border: 0; border-radius: 0; background: transparent; } .pp-detail:not(#_) .dt-buy > .dt-parts:hover { color: var(--s-brand); } .pp-detail:not(#_) .dt-buy > .dt-parts:focus, .pp-detail:not(#_) .dt-buy > .dt-parts:focus-visible, .pp-detail:not(#_) .dt-buy > .dt-parts:active { outline: 0 !important; box-shadow: none !important; border: 0 !important; } body:has(.pp-detail) :is(button, a, [role="button"], [role="tab"], [role="switch"], .abf-ss-display):focus:not(:focus-visible) { outline: none !important; box-shadow: none !important; } .pp-detail:not(#_) .dt-dd-f[aria-expanded="true"] { border-color: var(--s-line-strong); } .pp-detail:not(#_) .dt-buy-extra { min-width: 0; padding: 0 20px; } .pp-detail:not(#_) .dt-pay { margin-top: 0; padding: 0 20px; border: 0; border-radius: 0; background: transparent; } @media (max-width: 767px) { .pp-detail:not(#_) .dt-buy > .dt-parts { margin-top: 16px; padding-top: 8px; } .pp-detail:not(#_) .dt-buy-extra { padding: 0 16px; } .pp-detail:not(#_) .dt-pay { padding: 0 16px; } } @media (max-width: 359px) { .pp-detail:not(#_) .dt-buy > .dt-parts { margin-top: 12px; } .pp-detail:not(#_) .dt-buy-extra { padding: 0 12px; } .pp-detail:not(#_) .dt-pay { padding: 0 12px; } } .pp-okno.pp-okno--originality:not(#_) .pp-okno-b { display: flex; flex-direction: column; width: 440px; padding: 0; overflow-y: auto; } .pp-okno.pp-okno--originality:not(#_) .pp-okno-x { z-index: 1; top: 12px; right: 12px; } .pp-okno.pp-okno--originality .pp-okno-c { display: contents; } .pp-okno.pp-okno--originality .dt-originality-mark { order: 0; display: grid; place-items: center; min-height: 124px; background: #FFF0F0; color: #DB020C; } .pp-okno.pp-okno--originality .dt-originality-mark svg { width: 72px; height: 72px; } .pp-okno.pp-okno--originality:not(#_) .pp-okno-t { order: 1; margin: 0; padding: 22px 24px 0; font: 600 20px/27px "Golos Text", Arial, sans-serif; } .pp-okno.pp-okno--originality .dt-originality-list { order: 2; display: grid; gap: 16px; margin: 20px 24px 24px; padding: 0; list-style: none; counter-reset: originality; } .pp-okno.pp-okno--originality .dt-originality-list li { display: grid; grid-template-columns: 34px minmax(0, 1fr); gap: 12px; align-items: start; margin: 0; font: 400 14px/21px "Golos Text", Arial, sans-serif; color: #30323a; counter-increment: originality; } .pp-okno.pp-okno--originality .dt-originality-list li::before { content: counter(originality); display: grid; place-items: center; width: 34px; height: 34px; border-radius: 8px; background: #F5F5F8; color: #111318; font: 500 15px/1 "Golos Text", Arial, sans-serif; } .pp-okno.pp-okno--originality .dt-originality-done { order: 3; height: 44px; margin: 0 24px 24px; border: 0; border-radius: 8px; background: #F5F5F8; color: #111318; cursor: pointer; font: 500 14px/20px "Golos Text", Arial, sans-serif; } .pp-okno.pp-okno--originality .dt-originality-done:hover { background: #E8E9EE; } .pp-okno.pp-okno--originality .dt-originality-done:focus-visible { outline: 2px solid #DB020C; outline-offset: 2px; } @media (max-width: 767px) { .pp-okno.pp-okno--originality .dt-originality-mark { min-height: 104px; } .pp-okno.pp-okno--originality .dt-originality-mark svg { width: 60px; height: 60px; } .pp-okno.pp-okno--originality:not(#_) .pp-okno-t { padding: 18px 18px 0; font-size: 18px; line-height: 24px; } .pp-okno.pp-okno--originality .dt-originality-list { gap: 14px; margin: 18px 18px 22px; } .pp-okno.pp-okno--originality .dt-originality-done { margin: 0 18px 18px; } } /* История просмотров живёт вне .pp-detail: компактное продолжение карточки, без правки шаблона Аспро и без влияния на каталог. */ body:has(.pp-detail) .catalog-viewed { --viewed-ink: #111318; --viewed-line: #E8E9EE; --viewed-red: #DB020C; font-family: "Golos Text", Arial, sans-serif; } body:has(.pp-detail) .catalog-viewed .catalog-viewed__item-wrap { height: 100%; padding: 14px; border: 1px solid var(--viewed-line); border-radius: 14px; background: #fff; box-shadow: none; transition: border-color .18s ease, box-shadow .18s ease; } body:has(.pp-detail) .catalog-viewed .catalog-viewed__item__inner { min-height: 100%; } body:has(.pp-detail) .catalog-viewed .catalog-viewed__item__image { display: block; margin-bottom: 14px; border-radius: 10px; background: #F5F5F8; } body:has(.pp-detail) .catalog-viewed .catalog-viewed__item__info { display: flex; flex: 1 1 auto; flex-direction: column; min-width: 0; } body:has(.pp-detail) .catalog-viewed .catalog-viewed__item__title { display: -webkit-box; overflow: hidden; min-height: 42px; -webkit-box-orient: vertical; -webkit-line-clamp: 2; color: var(--viewed-ink); font: 400 14px/21px "Golos Text", Arial, sans-serif; } body:has(.pp-detail) .catalog-viewed .catalog-viewed__item__title a { color: inherit; text-decoration: none; font-weight: 400; } body:has(.pp-detail) .catalog-viewed .catalog-viewed__item__info > .price { margin-top: auto; padding-top: 12px; text-align: right; color: var(--viewed-ink); font-family: "Golos Text", Arial, sans-serif; font-size: 19px; font-weight: 600; line-height: 25px; font-variant-numeric: tabular-nums; } body:has(.pp-detail) .catalog-viewed .catalog-viewed__item__info > .price .price__row { justify-content: flex-end; } body:has(.pp-detail) .catalog-viewed .pp-viewed-price__row { display: flex; justify-content: flex-end; align-items: baseline; flex-wrap: wrap; gap: 4px 8px; } body:has(.pp-detail) .catalog-viewed .pp-viewed-price__current { color: var(--viewed-ink); font: 600 19px/25px "Golos Text", Arial, sans-serif; white-space: nowrap; } body:has(.pp-detail) .catalog-viewed .pp-viewed-price__old { color: #858797; font: 400 12px/18px "Golos Text", Arial, sans-serif; white-space: nowrap; } body:has(.pp-detail) .catalog-viewed .pp-viewed-price__note { display: block; margin-top: 2px; color: #686B79; font: 400 11px/16px "Golos Text", Arial, sans-serif; } body:has(.pp-detail) .catalog-viewed .catalog-viewed__item__info .price__new { color: var(--viewed-ink); font: 600 19px/25px "Golos Text", Arial, sans-serif; } @media (hover: hover) { body:has(.pp-detail) .catalog-viewed .catalog-viewed__item-wrap:hover { border-color: var(--viewed-red); box-shadow: 0 6px 20px rgba(17,19,24,.07); } body:has(.pp-detail) .catalog-viewed .catalog-viewed__item-wrap:hover .catalog-viewed__item__title a { color: var(--viewed-red); } } body:has(.pp-detail) .catalog-viewed .catalog-viewed__item__image:focus-visible, body:has(.pp-detail) .catalog-viewed .catalog-viewed__item__title a:focus-visible { outline: 2px solid var(--viewed-red); outline-offset: 2px; } @media (max-width: 767px) { body:has(.pp-detail) .catalog-viewed .catalog-viewed__item-wrap { padding: 12px; border-radius: 12px; } body:has(.pp-detail) .catalog-viewed .catalog-viewed__item__image { margin-bottom: 12px; } body:has(.pp-detail) .catalog-viewed .catalog-viewed__item__title { min-height: 40px; font-size: 13px; line-height: 20px; } body:has(.pp-detail) .catalog-viewed .catalog-viewed__item__info > .price { padding-top: 10px; font-size: 17px; line-height: 23px; } body:has(.pp-detail) .catalog-viewed .catalog-viewed__item__info .price__new { font-size: 17px; line-height: 23px; } body:has(.pp-detail) .catalog-viewed .pp-viewed-price__current { font-size: 17px; line-height: 23px; } } /* Единая шкала текста карточки. Роль задаёт размер, а не конкретный блок: 20 — раздел, 16 — подзаголовок/главная строка, 14 — содержание, 12 — служебная подпись. Крупная цена остаётся отдельным числовым акцентом. */ .pp-detail:not(#_) :is(b, strong, h1, h2, h3, h4, h5, h6), .pp-okno:not(#_) :is(b, strong, h1, h2, h3, h4, h5, h6) { font-weight: 500 !important; } body:has(.pp-detail) .catalog-detail__title-top h1 { font-weight: 500 !important; } /* В макете часть заголовков и цена — не теги b/h*, а отдельные блоки. Держим их на том же более лёгком акцентном весе. */ .pp-detail:not(#_) :is(.dt-h2, .dt-h3, .dt-price, .dt-section-title, .dt-spec dt, .nc__express), .pp-okno:not(#_) .pp-okno-t { font-weight: 500 !important; } .pp-detail { --dt-type-section: 20px; --dt-type-title: 16px; --dt-type-body: 14px; --dt-type-caption: 12px; } .pp-detail:not(#_) :is(.dt-h2, .dt-section-title) { font-size: var(--dt-type-section); line-height: 28px; } .pp-detail:not(#_) :is(.dt-h3, .dt-obmen-t, .dt-fit-head b, .dt-addr, .dt-brand-name, .dt-svc b, .dt-fact b, .dt-cta, .dt-quick, .dt-parts-t, .dt-have b, .dt-pane .dt-text h2, .dt-pane .dt-text h3) { font-size: var(--dt-type-title); line-height: 23px; } .pp-detail:not(#_) :is(.dt-tab, .dt-yn button, .dt-dd-f, .dt-cap, .dt-help-b, .dt-obmen-s, .dt-gain, .dt-was, .dt-hours, .dt-phone, .dt-have, .dt-brand-banner, .dt-brand-links, .dt-country, .dt-fact > span, .dt-svc .dt-svc-b > span, .dt-svc > div > span, .dt-fit-head span, .dt-fit .abf-ss-display, .dt-fit .abf-ss-opt, .dt-sel, .dt-props dt, .dt-props dd, .dt-pane .dt-text, .dt-pane .dt-text p, .dt-pane .dt-text li, .dt-paytabs button) { font-size: var(--dt-type-body); line-height: 21px; } .pp-detail:not(#_) :is(.dt-fine, .dt-quick-s, .dt-pay-s, .dt-brand-orig, .dt-product-refs, .dt-cap-n em, .dt-pchip, .dt-scrollhead-code, .dt-near span, .dt-split-mobile p, .dt-bar-p span) { font-size: var(--dt-type-caption); line-height: 18px; } .pp-detail:not(#_) .dt-scrollhead-name { font-size: var(--dt-type-title); line-height: 23px; } .pp-detail:not(#_) .dt-scrollhead .dt-tab { font-size: var(--dt-type-body); line-height: 21px; } /* На телефоне верхняя закреплённая строка оставляет только фото и название. */ @media (max-width: 767px) { .pp-detail:not(#_) .dt-scrollhead { display: block !important; top: 0; } .pp-detail:not(#_) .dt-scrollhead-inner { width: 100% !important; margin-left: 0 !important; } .pp-detail:not(#_) .dt-scrollhead-main { display: block; min-height: 0; padding: 8px 16px; border-bottom: 0; } .pp-detail:not(#_) .dt-scrollhead-product { gap: 10px; } .pp-detail:not(#_) .dt-scrollhead-product img { flex: 0 0 42px; width: 42px; height: 42px; } .pp-detail:not(#_) .dt-scrollhead-name { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; white-space: normal; max-height: 40px; font-size: 14px; line-height: 20px; } .pp-detail:not(#_) .dt-scrollhead-code, .pp-detail:not(#_) .dt-scrollhead-price, .pp-detail:not(#_) .dt-scrollhead-actions, .pp-detail:not(#_) .dt-scrollhead .dt-tabs { display: none !important; } /* Плавающая покупка появляется лишь после основной кнопки. */ .pp-detail:not(#_) .dt-bar { display: grid; grid-template-columns: minmax(0, 1fr) clamp(118px, 35vw, 150px); align-items: center; gap: 12px; position: fixed; left: 12px; right: 12px; bottom: calc(12px + env(safe-area-inset-bottom)); width: auto; margin: 0; padding: 10px 12px; z-index: 90; opacity: 0; visibility: hidden; pointer-events: none; transform: translateY(12px); transition: opacity .2s ease, transform .2s ease, visibility 0s linear .2s; } .pp-detail.dt-bar-on:not(#_) .dt-bar { opacity: 1; visibility: visible; pointer-events: auto; transform: none; transition-delay: 0s; } .pp-detail:not(#_) .dt-to-top { display: grid; place-items: center; position: fixed; left: 16px; bottom: calc(20px + env(safe-area-inset-bottom)); z-index: 91; width: 44px; height: 44px; padding: 0; border: 1px solid var(--s-line); border-radius: 12px; background: #fff; color: var(--s-ink); box-shadow: 0 6px 20px rgba(17,19,24,.14); cursor: pointer; opacity: 0; visibility: hidden; pointer-events: none; transform: translateY(8px); transition: opacity .2s ease, transform .2s ease, visibility 0s linear .2s, bottom .2s ease; } .pp-detail.dt-bar-on:not(#_) .dt-to-top { bottom: calc(88px + env(safe-area-inset-bottom)); } .pp-detail.dt-to-top-on:not(#_) .dt-to-top { opacity: 1; visibility: visible; pointer-events: auto; transform: none; transition-delay: 0s; } .pp-detail:not(#_) .dt-to-top svg { width: 22px; height: 22px; } .pp-detail:not(#_) .dt-to-top:focus-visible { outline: 2px solid var(--s-brand); outline-offset: 3px; } .pp-detail:not(#_) .dt-bar-p { min-width: 0; } .pp-detail:not(#_) .dt-bar-pline, .pp-detail:not(#_) .dt-bar-final { display: flex; align-items: center; flex-wrap: wrap; gap: 3px 6px; } .pp-detail:not(#_) .dt-bar-pline { margin-bottom: 2px; } .pp-detail:not(#_) .dt-bar-pline[hidden], .pp-detail:not(#_) .dt-bar-p [hidden] { display: none; } .pp-detail:not(#_) .dt-bar-p .dt-was { font-size: 11px; line-height: 16px; } .pp-detail:not(#_) .dt-bar-p .dt-pchip { display: inline-flex; height: 18px; padding: 0 5px; color: #fff; font-size: 10px; font-weight: 500; line-height: 16px; } .pp-detail:not(#_) .dt-bar-p .dt-pchip span { display: inline; color: inherit; font: inherit; } .pp-detail:not(#_) .dt-bar-final > b { font-size: 19px; line-height: 25px; white-space: nowrap; } .pp-detail:not(#_) .dt-bar-final .dt-gain { display: inline; margin: 0; color: var(--s-ink-2); font-size: 10px; line-height: 14px; } .pp-detail:not(#_) .dt-bar-final .dt-gpct { display: inline-block; margin-left: 2px; color: inherit; } .pp-detail:not(#_) .dt-bar-cta, .pp-detail:not(#_) .dt-bar > .dt-count { grid-column: 2; grid-row: 1; width: 100%; box-sizing: border-box; margin: 0; min-width: 0; height: 44px; padding-inline: 8px; white-space: nowrap; transition: opacity .18s ease, transform .18s ease, visibility 0s; } .pp-detail:not(#_) .dt-bar > .dt-count span { width: 28px; height: 34px; margin-inline: 0; } .pp-detail:not(#_) .dt-bar > .dt-bar-action-hidden { opacity: 0; visibility: hidden; pointer-events: none; transform: translateY(4px); transition: opacity .18s ease, transform .18s ease, visibility 0s linear .18s; } } @media (max-width: 767px) and (prefers-reduced-motion: reduce) { .pp-detail:not(#_) .dt-bar-cta, .pp-detail:not(#_) .dt-bar > .dt-count, .pp-detail:not(#_) .dt-bar > .dt-bar-action-hidden { transition: none; } } @media (prefers-reduced-motion: reduce) { .pp-detail:not(#_) .dt-bar, .pp-detail:not(#_) .dt-to-top { transition: none; } } /* Старая кнопка карточки остаётся только в кешированной разметке; общая мобильная кнопка добавляется шаблоном сайта рядом с контактом на каждой странице. */ .pp-detail:not(#_) .dt-to-top { display: none !important; } @media (max-width: 767px) { body:has(.pp-detail:not(.dt-bar-on)) #supersila-mobile-top, body:has(.pp-detail.dt-bar-on) #supersila-mobile-top { transition: bottom .28s ease, opacity .18s ease, visibility 0s linear .18s; } body:has(.pp-detail:not(.dt-bar-on)) #supersila-mobile-top { bottom: calc(84px + env(safe-area-inset-bottom)); } body:has(.pp-detail.dt-bar-on) #supersila-mobile-top { bottom: calc(150px + env(safe-area-inset-bottom)); } } @media (prefers-reduced-motion: reduce) { body:has(.pp-detail) #supersila-mobile-top { transition: none; } } @media (max-width: 1199px) { .pp-detail:not(#_) .dt-sections .dt-tab { font-size: var(--dt-type-body); line-height: 21px; } } @media (max-width: 767px) { /* Узкая плашка должна оставаться однострочной и на iPhone mini. */ .pp-detail:not(#_) .dt-brand-banner { font-size: var(--dt-type-caption); line-height: 18px; } } /* Пункты всегда в одну строку. Внутренний горизонтальный скролл нужен только телефону и планшету; вертикальный жест прокручивает страницу. */ .pp-detail:not(#_) .dt-tabs, .pp-detail:not(#_) .dt-sections .dt-tabs, .pp-detail:not(#_) .dt-scrollhead .dt-tabs { flex-wrap: nowrap; overflow: visible; touch-action: auto; } @media (max-width: 991px) { .pp-detail:not(#_) .dt-tabs, .pp-detail:not(#_) .dt-sections .dt-tabs, .pp-detail:not(#_) .dt-scrollhead .dt-tabs { overflow-x: auto; overflow-y: hidden; touch-action: pan-x pan-y; overscroll-behavior-x: contain; -webkit-overflow-scrolling: touch; } } /* Под наличием на всех экранах — текстовая строка вместо отдельного анонса справа. */ .pp-detail:not(#_) .dt-pane--delivery-note > .dt-section-title { margin-bottom: 7px; } .pp-detail:not(#_) .dt-delivery-note { margin: 0 0 18px; color: var(--s-ink-2); font: 400 14px/22px "Golos Text", Arial, sans-serif; } .pp-detail:not(#_) .dt-delivery-note button { display: inline; padding: 0; border: 0; border-bottom: 1px dashed currentColor; border-radius: 0; background: transparent; color: var(--s-ink-2); font: inherit; text-align: left; cursor: pointer; } .pp-detail:not(#_) .dt-delivery-note button:hover { color: var(--s-ink); } .pp-detail:not(#_) .dt-delivery-note button:focus { outline: none !important; box-shadow: none !important; } .pp-detail:not(#_) .dt-delivery-note button:focus-visible { color: var(--s-ink); border-bottom-color: var(--s-brand); } @media (max-width: 767px) { .pp-detail:not(#_) .dt-delivery-note { font-size: 13px; line-height: 20px; } } /* Отзывы: один заголовок и одна точка входа в штатную форму. Содержимое blog.post.comment подгружается AJAX, поэтому оформляем его внутри обёртки. */ .pp-detail:not(#_) .dt-review-head { display: flex; align-items: center; justify-content: space-between; gap: 16px; margin-bottom: 20px; } .pp-detail:not(#_) .dt-review-head .dt-section-title { margin: 0; } .pp-detail:not(#_) .dt-review-writing .dt-review-head { margin-bottom: 10px; } .pp-detail:not(#_) .dt-review-cta { flex: 0 0 auto; min-height: 42px; padding: 0 18px; border: 0; border-radius: 8px; background: var(--s-brand); color: #fff; cursor: pointer; font: 500 14px/20px "Golos Text", Arial, sans-serif; } .pp-detail:not(#_) .dt-review-cta:hover { background: var(--s-brand-hover); } .pp-detail:not(#_) .dt-review-cta:focus-visible { outline: 2px solid var(--s-ink); outline-offset: 3px; } .pp-detail:not(#_) .dt-review-empty { max-width: 760px; padding: 28px; border: 1px solid var(--s-line); border-radius: 16px; background: var(--s-surface); } .pp-detail:not(#_) .dt-review-empty[hidden] { display: none; } .pp-detail:not(#_) .dt-review-empty b { display: block; color: var(--s-ink); font: 600 18px/25px "Golos Text", Arial, sans-serif; } .pp-detail:not(#_) .dt-review-empty p { margin: 8px 0 0; color: var(--s-ink-2); font: 400 14px/22px "Golos Text", Arial, sans-serif; } .pp-detail:not(#_) .dt-review-native { min-width: 0; } .pp-detail:not(#_) .dt-review-native #catalog_comments { padding: 0; border: 0; } .pp-detail:not(#_) .dt-review-native #catalog_comments .ordered-block__title, .pp-detail:not(#_) .dt-review-native .comments-block__reviews-info, .pp-detail:not(#_) .dt-review-native .blog-comments > .alert-empty { display: none !important; } .pp-detail:not(#_) .dt-review-native .comments-block__wrapper, .pp-detail:not(#_) .dt-review-native .comments-block, .pp-detail:not(#_) .dt-review-native .comments-block__inner-wrapper { display: block; width: 100%; max-width: none; } .pp-detail:not(#_) .dt-review-native .blog-comment__container { display: flex; flex-direction: column; gap: 12px; max-width: 900px; } .pp-detail:not(#_) .dt-review-native .blog-comment { margin: 0 !important; padding: 20px !important; border: 1px solid var(--s-line) !important; border-radius: 14px; background: #fff; } .pp-detail:not(#_) .dt-review-native .blog-comment--child { margin-left: 28px !important; } .pp-detail:not(#_) .dt-review-native .blog-comment-cont, .pp-detail:not(#_) .dt-review-native .blog-comment-cont-white { width: 100%; background: transparent; box-shadow: none; } .pp-detail:not(#_) .dt-review-native .blog-comment-info { align-items: center; } .pp-detail:not(#_) .dt-review-native .block-comment-info__image { display: grid; place-items: center; flex: 0 0 40px; width: 40px; height: 40px; border-radius: 50%; background: var(--s-surface); color: var(--s-ink-2); font: 600 17px/1 "Golos Text", Arial, sans-serif; } .pp-detail:not(#_) .dt-review-native .blog-comment__author { color: var(--s-ink); font-weight: 600; } .pp-detail:not(#_) .dt-review-native .blog-comment__date { color: var(--s-ink-3); } .pp-detail:not(#_) .dt-review-native .blog-comment-post { color: var(--s-ink); font: 400 14px/22px "Golos Text", Arial, sans-serif; } .pp-detail:not(#_) .dt-review-native .comment-text__text[data-label]::before { display: block; margin-bottom: 3px; color: var(--s-ink-2); content: attr(data-label); font: 500 12px/18px "Golos Text", Arial, sans-serif; } .pp-detail:not(#_) .dt-review-native .blog-comment-fields { width: 100%; max-width: 760px; margin: 0 !important; padding: 0 !important; border: 0 !important; border-radius: 0; background: transparent; box-shadow: none; } .pp-detail:not(#_) .dt-review-writing .dt-review-native :is(.js-form-comment, .blog-comment__form, #form_comment_0) { margin-top: 0 !important; } .pp-detail:not(#_) .dt-review-native .blog-comment-fields .form-header { padding: 0; } .pp-detail:not(#_) .dt-review-native .blog-comment-fields .form-group { margin-bottom: 18px; } .pp-detail:not(#_) .dt-review-native .blog-comment-fields label { display: block; margin-bottom: 8px; color: var(--s-ink); font: 500 14px/20px "Golos Text", Arial, sans-serif; } .pp-detail:not(#_) .dt-review-native .blog-comment-fields :is(input.form-control, textarea.form-control) { width: 100%; min-height: 44px; padding: 10px 12px; border: 1px solid var(--s-line-strong); border-radius: 8px; background: #fff; color: var(--s-ink); font: 400 14px/21px "Golos Text", Arial, sans-serif; box-shadow: none; } .pp-detail:not(#_) .dt-review-native .blog-comment-fields textarea.form-control { min-height: 96px; resize: vertical; } .pp-detail:not(#_) .dt-review-native .blog-comment-fields :is(input.form-control, textarea.form-control):focus { border-color: var(--s-ink-3); outline: 2px solid rgba(17,19,24,.12); outline-offset: 1px; } .pp-detail:not(#_) .dt-review-native .blog-comment-fields .votes_block { align-items: center; flex-wrap: wrap; gap: 10px; } .pp-detail:not(#_) .dt-review-native .blog-comment-fields .ratings { cursor: pointer; } .pp-detail:not(#_) .dt-review-native .blog-comment-fields .rating_message { color: var(--s-ink-2); font: 400 13px/19px "Golos Text", Arial, sans-serif; } .pp-detail:not(#_) .dt-review-native .blog-comment-buttons-wrapper { margin-top: 8px; } .pp-detail:not(#_) .dt-review-native .blog-comment-buttons-wrapper .btn { min-height: 44px; padding: 0 20px; border: 0; border-radius: 8px; background: var(--s-brand); color: #fff; font: 500 14px/20px "Golos Text", Arial, sans-serif; } .pp-detail:not(#_) .dt-review-native .blog-comment-buttons-wrapper .btn:hover { background: var(--s-brand-hover); } .pp-detail:not(#_) .dt-review-demo { display: grid; gap: 12px; max-width: 900px; margin-bottom: 16px; } .pp-detail:not(#_) .dt-review-demo[hidden] { display: none; } .pp-detail:not(#_) .dt-review-demo-notice { margin: 0; padding: 12px 16px; border-radius: 10px; background: var(--s-brand-tint); color: var(--s-ink-2); font: 400 13px/19px "Golos Text", Arial, sans-serif; } .pp-detail:not(#_) .dt-review-demo-card { padding: 20px; border: 1px solid var(--s-line); border-radius: 14px; background: #fff; } .pp-detail:not(#_) .dt-review-demo-card-head { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-bottom: 16px; } .pp-detail:not(#_) .dt-review-demo-card-head b { color: var(--s-ink); font: 600 15px/21px "Golos Text", Arial, sans-serif; } .pp-detail:not(#_) .dt-review-demo-stars { color: var(--s-brand); font-size: 18px; letter-spacing: 2px; white-space: nowrap; } .pp-detail:not(#_) .dt-review-demo-row + .dt-review-demo-row { margin-top: 12px; } .pp-detail:not(#_) .dt-review-demo-row b { color: var(--s-ink-2); font: 500 12px/18px "Golos Text", Arial, sans-serif; } .pp-detail:not(#_) .dt-review-demo-row p { margin: 3px 0 0; color: var(--s-ink); font: 400 14px/22px "Golos Text", Arial, sans-serif; } .pp-detail:not(#_) .dt-review-sheet-head, .pp-detail:not(#_) .dt-review-product-summary { display: none; } .pp-detail:not(#_) .dt-review-product-card, .pp-detail:not(#_) .dt-review-fields-card { display: contents; } @media (min-width: 768px) { .pp-detail:not(#_) .dt-review-writing .dt-review-native .blog-comment-fields { width: 100%; max-width: 800px; } .pp-detail:not(#_) .dt-review-cta { min-height: 36px; padding-inline: 14px; font-size: 13px; } .pp-detail:not(#_) .dt-review-writing .dt-review-product-card, .pp-detail:not(#_) .dt-review-writing .dt-review-fields-card { display: block; } .pp-detail:not(#_) .dt-review-writing .dt-review-product-summary { display: flex; align-items: center; gap: 14px; margin-bottom: 20px; } .pp-detail:not(#_) .dt-review-product-summary img { flex: 0 0 60px; width: 60px; height: 60px; object-fit: contain; } .pp-detail:not(#_) .dt-review-product-text b { display: block; margin-bottom: 3px; color: var(--s-ink); font: 600 20px/26px "Golos Text", Arial, sans-serif; } .pp-detail:not(#_) .dt-review-product-text span { color: var(--s-ink-2); font: 400 14px/21px "Golos Text", Arial, sans-serif; } .pp-detail:not(#_) .dt-review-writing .dt-review-product-card .row.form { margin: 0 0 18px !important; } .pp-detail:not(#_) .dt-review-writing .dt-review-product-card .rating_label { display: none; } .pp-detail:not(#_) .dt-review-writing .dt-review-product-card .votes_block { display: flex; align-items: center; flex-wrap: wrap; gap: 8px 12px; } .pp-detail:not(#_) .dt-review-writing .dt-review-product-card .inner_rating { display: flex; gap: 4px; } .pp-detail:not(#_) .dt-review-writing .dt-review-product-card .item-rating, .pp-detail:not(#_) .dt-review-writing .dt-review-product-card .item-rating svg { width: 26px !important; height: 26px !important; } .pp-detail:not(#_) .dt-review-writing .dt-review-product-card .rating_message { display: none; } .pp-detail:not(#_) .dt-review-rating-hint { color: var(--s-ink-3); font: 400 14px/21px "Golos Text", Arial, sans-serif; } .pp-detail:not(#_) .dt-review-rating-hint .required-star { color: var(--s-brand); } .pp-detail:not(#_) .dt-review-writing .dt-review-fields-card :is(.comment, .virtues, .limitations) { margin-bottom: 10px !important; } .pp-detail:not(#_) .dt-review-writing .dt-review-fields-card :is(.comment, .virtues, .limitations) .form-group { margin-bottom: 0; } .pp-detail:not(#_) .dt-review-writing .dt-review-fields-card :is(.comment, .virtues, .limitations) label { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; } .pp-detail:not(#_) .dt-review-writing .dt-review-fields-card :is(.comment, .virtues, .limitations) textarea.form-control { min-height: 46px; height: 46px; padding: 11px 13px; border-radius: 10px; font-size: 14px; line-height: 22px; } .pp-detail:not(#_) .dt-review-writing .dt-review-fields-card :is(.comment, .virtues, .limitations) textarea.form-control:focus { min-height: 86px; } .pp-detail:not(#_) .dt-review-writing .dt-review-fields-card .drop-zone { min-height: 64px; padding: 8px !important; border: 0 !important; border-radius: 12px !important; background: var(--s-surface); box-shadow: none; } .pp-detail:not(#_) .dt-review-writing .dt-review-fields-card .drop-zone__wrapper { min-height: 48px; padding: 0 !important; border-radius: 12px; } } @media (max-width: 767px) { .pp-detail:not(#_) .dt-review-head { align-items: stretch; flex-direction: column; gap: 12px; } .pp-detail:not(#_) .dt-review-cta { align-self: flex-start; } .pp-detail:not(#_) .dt-review-empty { padding: 20px; } .pp-detail:not(#_) .dt-review-native .blog-comment { padding: 16px !important; } .pp-detail:not(#_) .dt-review-native .blog-comment--child { margin-left: 12px !important; } .pp-detail:not(#_) .dt-review-native .blog-comment-fields { padding: 0 !important; } .pp-detail:not(#_) .dt-review-demo-card { padding: 16px; } html.dt-review-lock, html.dt-review-lock body { overflow: hidden !important; } html.dt-review-lock :is(.b24-widget-button-wrapper, .jivochat, .chatra--side-bottom, .chatra--side-right) { display: none !important; } .pp-detail:not(#_) .dt-review-writing .dt-review-native { position: fixed; inset: 0; z-index: 10050; width: 100vw; height: 100vh; height: 100dvh; overflow-x: hidden; overflow-y: auto; overscroll-behavior: contain; background: var(--s-surface); padding: 0 0 calc(24px + env(safe-area-inset-bottom)); } .pp-detail:not(#_) .dt-review-writing .dt-review-sheet-head { position: sticky; top: 0; z-index: 2; display: grid; grid-template-columns: 40px minmax(0, 1fr) 40px; align-items: center; min-height: 60px; padding: 0 16px; background: #fff; } .pp-detail:not(#_) .dt-review-sheet-head b { grid-column: 2; text-align: center; color: var(--s-ink); font: 600 17px/23px "Golos Text", Arial, sans-serif; } .pp-detail:not(#_) .dt-review-sheet-close { grid-column: 1; grid-row: 1; width: 40px; height: 40px; padding: 0; border: 0; background: transparent; color: var(--s-ink); font: 300 32px/1 Arial, sans-serif; cursor: pointer; } .pp-detail:not(#_) .dt-review-sheet-close:focus-visible { outline: 2px solid var(--s-brand); outline-offset: 2px; } .pp-detail:not(#_) .dt-review-writing .dt-review-native #catalog_comments { padding: 14px 12px 0 !important; } .pp-detail:not(#_) .dt-review-writing .dt-review-native :is(.blog-comment-form, #form_comment_0) { display: block !important; visibility: visible !important; } .pp-detail:not(#_) .dt-review-loading { margin: 16px; padding: 16px; border-radius: 12px; background: #fff; color: var(--s-ink-2); font: 400 14px/21px "Golos Text", Arial, sans-serif; } .pp-detail:not(#_) .dt-review-writing .dt-review-native .blog-comment__container, .pp-detail:not(#_) .dt-review-writing .dt-review-native .blog-comment-nav { display: none !important; } .pp-detail:not(#_) .dt-review-writing .dt-review-native .blog-comment-form { padding: 0 !important; } .pp-detail:not(#_) .dt-review-writing .dt-review-native .blog-comment-fields { max-width: none; } .pp-detail:not(#_) .dt-review-writing .dt-review-product-card, .pp-detail:not(#_) .dt-review-writing .dt-review-fields-card { display: block; margin: 0 0 12px; padding: 20px 16px; border-radius: 18px; background: #fff; } .pp-detail:not(#_) .dt-review-writing .dt-review-product-summary { display: flex; align-items: center; gap: 14px; margin-bottom: 20px; color: var(--s-ink); font: 500 15px/21px "Golos Text", Arial, sans-serif; } .pp-detail:not(#_) .dt-review-product-text b, .pp-detail:not(#_) .dt-review-rating-hint { display: none; } .pp-detail:not(#_) .dt-review-product-summary img { flex: 0 0 52px; width: 52px; height: 52px; object-fit: contain; } .pp-detail:not(#_) .dt-review-writing .dt-review-product-card .row.form, .pp-detail:not(#_) .dt-review-writing .dt-review-fields-card .row.form { margin: 0 !important; } .pp-detail:not(#_) .dt-review-writing .dt-review-product-card .row.form > *, .pp-detail:not(#_) .dt-review-writing .dt-review-fields-card .row.form > * { width: 100%; padding: 0 !important; } .pp-detail:not(#_) .dt-review-writing .dt-review-product-card .rating_label { display: block; margin-bottom: 14px; text-align: center; font: 500 16px/23px "Golos Text", Arial, sans-serif; } .pp-detail:not(#_) .dt-review-writing .dt-review-product-card .votes_block { display: flex; flex-direction: column; align-items: center; gap: 8px; } .pp-detail:not(#_) .dt-review-writing .dt-review-product-card .inner_rating { display: flex; justify-content: center; gap: 10px; } .pp-detail:not(#_) .dt-review-writing .dt-review-product-card .item-rating { width: 36px; height: 36px; } .pp-detail:not(#_) .dt-review-writing .dt-review-product-card .item-rating svg { width: 36px !important; height: 36px !important; } .pp-detail:not(#_) .dt-review-writing .dt-review-product-card .rating_message { font-size: 12px; line-height: 17px; } .pp-detail:not(#_) .dt-review-writing .dt-review-fields-card .form-group { margin-bottom: 14px; } .pp-detail:not(#_) .dt-review-writing .dt-review-fields-card :is(.virtues, .limitations, .comment) label { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; } .pp-detail:not(#_) .dt-review-writing .dt-review-fields-card :is(.virtues, .limitations, .comment) textarea.form-control { min-height: 54px; height: 54px; padding: 14px 16px; border-radius: 12px; font-size: 15px; line-height: 22px; } .pp-detail:not(#_) .dt-review-writing .dt-review-fields-card :is(.virtues, .limitations, .comment) textarea.form-control:focus { min-height: 98px; } .pp-detail:not(#_) .dt-review-writing .dt-review-fields-card .drop-zone { border-radius: 12px; background: var(--s-surface); } .pp-detail:not(#_) .dt-review-writing .dt-review-fields-card .blog-comment-buttons-wrapper .btn { width: 100%; } } /* Вкладки — навигация третьего уровня: обычный текст, умеренный акцент выбора. */ .pp-detail:not(#_) .dt-tabs .dt-tab { font-family: "Golos Text", Arial, sans-serif; font-size: 14px !important; line-height: 20px; font-weight: 400 !important; } .pp-detail:not(#_) .dt-tabs .dt-tab.is-on { font-weight: 500 !important; } @media (max-width: 767px) { .pp-detail:not(#_) .dt-tabs .dt-tab { font-size: 13px !important; line-height: 19px; } } /* В карточке товара закрепляется наша полоса вместо дублирующей шапки темы. */ body:has(.pp-detail) #headerfixed { display: none !important; } /* Popular makes use the same compact chips as the main vehicle finder. */ .pp-detail:not(#_) .dt-fit .abf-ss-pop { padding: 10px 12px 0; } .pp-detail:not(#_) .dt-fit .abf-ss-pop-title, .pp-detail:not(#_) .dt-fit .abf-ss-pop-all { color: var(--s-ink-3); font: 400 12px/18px "Golos Text", Arial, sans-serif; } .pp-detail:not(#_) .dt-fit .abf-ss-pop-chips { display: flex; flex-wrap: wrap; gap: 6px; margin: 6px 0 10px; } .pp-detail:not(#_) .dt-fit .abf-ss-pop-chip { padding: 5px 8px; border: 0; border-radius: 6px; background: var(--s-surface); color: var(--s-ink); font: 400 12px/18px "Golos Text", Arial, sans-serif; cursor: pointer; } .pp-detail:not(#_) .dt-fit .abf-ss-pop-chip:hover, .pp-detail:not(#_) .dt-fit .abf-ss-pop-chip--active { background: var(--s-brand-tint); color: var(--s-brand); } .pp-detail:not(#_) .dt-fit .abf-ss-pop-chip:focus-visible { outline: 2px solid var(--s-brand); outline-offset: 2px; } /* Highlight both courier choices in the mobile product card. */ @media (max-width: 767px) { .pp-detail:not(#_):not(#_) .dt-svc > .dt-svc-b[data-okno="courier"], .pp-detail:not(#_):not(#_) .dt-svc > .dt-svc-b[data-okno="express"] { padding: 12px; border-radius: 10px; background: var(--s-surface); } } @media(max-width:767px) { .pp-detail:not(#_) > .dt-meta { display: flex; flex-wrap: wrap; gap: 8px 12px; } .pp-detail:not(#_) > .dt-meta .dt-warranty { flex-basis: 100%; white-space: normal; } .pp-detail:not(#_) > .dt-meta .dt-art { max-width: 100%; } .pp-detail:not(#_) .dt-mhead .dt-meta { min-width: 0; } } @media (max-width: 767px) { .pp-detail:not(#_):not(#_) .dt-buy-extra, .pp-detail:not(#_):not(#_) .dt-pay { width: 100%; padding-inline: 0; } .pp-detail:not(#_):not(#_) .dt-buy-extra > .dt-fact, .pp-detail:not(#_):not(#_) .dt-svc > .dt-svc-b { width: 100%; padding: 12px; grid-template-columns: 18px minmax(0, 1fr) 14px; gap: 10px; } } /* Offer manager assistance when vehicle fitment data is unavailable. */ .dt-fit-manager-link { padding: 0; border: 0; background: transparent; color: #DB020C; text-decoration: underline; text-underline-offset: 3px; font: inherit; cursor: pointer; } .dt-fit-manager-contacts { display: flex; flex-wrap: wrap; align-items: center; gap: 12px 16px; margin-top: 16px; } .dt-fit-manager-call { padding: 10px 16px; border: 1px solid #DB020C; border-radius: 8px; background: #DB020C; color: #fff; font: inherit; cursor: pointer; } .dt-fit-manager-phone { color: #DB020C; text-decoration: none; white-space: nowrap; font: inherit; } .dt-fit-manager-link:focus-visible, .dt-fit-manager-call:focus-visible, .dt-fit-manager-phone:focus-visible { outline: 2px solid #DB020C; outline-offset: 3px; } /* Доступные поля выбора имеют мягкую рамку цвета недоступного поля. */ .pp-detail:not(#_):not(#_) .dt-fit .abf-ss:not(.abf-ss-disabled) .abf-ss-display, .pp-detail:not(#_):not(#_) .dt-fit .dt-sel:not(:disabled) { border:1px solid var(--s-surface);background:#fff; } .pp-detail:not(#_):not(#_) .dt-fit .abf-ss-open .abf-ss-display, .pp-detail:not(#_):not(#_) .dt-fit .abf-ss-has-value .abf-ss-display { border-color:var(--s-surface); } @media(max-width:767px) { body .pp-detail:not(#_):not(#_) .dt-bar { border-radius:12px !important; } } /* End */ /* Start:/bitrix/templates/aspro-premier/css/share.min.css?17502527731896*/ .share{position:relative;}.bottom-links-block .share{float:right;margin:0 0 0 20px;cursor:pointer;}.share .ya-share2{position:absolute;top:28px;z-index:6;background:var(--card_bg_black);padding:16px;box-shadow:0 5px 20px rgba(0,0,0,.1);border-radius:var(--theme-outer-border-radius);overflow:hidden;}.share.bottom .ya-share2{top:auto;bottom:28px;right:0;}.share .shares-block .ya-share2{transition:opacity .2s ease,visibility .2s ease;transition-delay:.2s;opacity:0;visibility:hidden;}.share .shares-block:focus-visible .ya-share2,.share .shares-block:focus-within .ya-share2,.share .shares-block:hover .ya-share2{opacity:1;visibility:visible;}.ya-share2__list{display:flex!important;flex-direction:column;gap:16px;}.ya-share2__item{margin:0!important;transition:opacity .3s ease-in-out;}.ya-share2__item:hover{opacity:.8!important;}.ya-share2__item:before{content:none!important;}.ya-share2__badge{background-color:transparent!important;}.ya-share2__icon{--icon-size:24px;--icon-position:1;--sprite-step:-32px;background-image:url(/bitrix/templates/aspro-premier/css/../images/svg/social.svg)!important;background-position:calc(var(--sprite-step) * var(--icon-position)) 0;background-repeat:no-repeat;background-size:auto!important;height:var(--icon-size)!important;width:var(--icon-size)!important;}.ya-share2__item_service_vkontakte .ya-share2__icon{--icon-position:4;}.ya-share2__item_service_facebook .ya-share2__icon{--icon-position:17;}.ya-share2__item_service_twitter .ya-share2__icon{--icon-position:18;}.ya-share2__item_service_skype .ya-share2__icon{--icon-position:27;}.ya-share2__item_service_telegram .ya-share2__icon{--icon-position:2;}.ya-share2__item_service_whatsapp .ya-share2__icon{--icon-position:0;}.ya-share2__item_service_viber .ya-share2__icon{--icon-position:1;}.ya-share2__item_service_odnoklassniki .ya-share2__icon{--icon-position:6;}.ya-share2__item_service_moimir .ya-share2__icon{--icon-position:15;} /* End */ /* Start:/local/templates/.default/components/yandex/yandexpay.widget/.default/style.css?178950960393*/ html body #yandex-pay-widget { width: 100% !important; max-width: 100% !important; } /* End */ /* Start:/bitrix/components/aspro/props.group.premier/templates/.default/style.min.css?17502525863255*/ .properties-group{width:100%;margin:0;--group-padding:12px}.properties-group__group{padding-top:var(--group-padding);padding-bottom:var(--group-padding)}.properties-group__group:first-child{padding-top:0}.properties-group__group:last-child{padding-bottom:0}.properties-group--block .properties-group__items{display:grid;grid-template-columns:repeat(4,1fr)}@media (min-width:992px){.properties-group--table .properties-group__items:has(.properties-group__item:nth-of-type(3)){display:grid;grid-template-columns:1fr 1fr;column-gap:48px}.properties-group--table .properties-group__items:has(.properties-group__item:nth-of-type(3)) .properties-group__item:nth-of-type(2){border-top:1px solid var(--stroke_black)}.properties-group--table .properties-group__group-name + .properties-group__items{display:grid;grid-template-columns:1fr 1fr;column-gap:48px}.properties-group--table .properties-group__group-name + .properties-group__items .properties-group__item:nth-of-type(2){border-top:1px solid var(--stroke_black)}}@media (min-width:501px){.properties-group--table .properties-group__item:nth-of-type(1){border-top:1px solid var(--stroke_black)}}.properties-group--table .properties-group__item{display:flex;padding:12px 0;border-bottom:1px solid #ededed;border-bottom-color:var(--stroke_black)}.properties-group--block .properties-group__item{border:1px solid #ededed;border-color:var(--stroke_black);padding:22px 25px;margin:0px -1px -1px 0}.properties-group__name-wrap,.properties-group__value-wrap{position:relative}.properties-group--table .properties-group__name-wrap,.properties-group--table .properties-group__value-wrap{width:50%}.properties-group__name-wrap{display:flex;flex-direction:row;align-items:flex-start}.properties-group--block .properties-group__name-wrap{margin-bottom:6px}.properties-group__name,.properties-group__value{position:relative;text-align:left;word-break:break-word}.properties-group--table .properties-group__value{padding-left:20px}@media (max-width:1200px){.properties-group--block .properties-group__items{grid-template-columns:repeat(3,1fr)}}@media (max-width:991px){.properties-group--block .properties-group__items{grid-template-columns:repeat(2,1fr)}.properties-group--table .properties-group__item:nth-of-type(2){border-top:none}}@media (max-width:500px){.properties-group{--group-padding:24px}.properties-group--table .properties-group__group{padding-bottom:0}.properties-group--table .properties-group__group-name{margin-bottom:0}.properties-group--table .properties-group__item{flex-direction:column;border-bottom:none;padding:12px 0 0 0}.properties-group--table .properties-group__group[data-group-code="no-group"] .properties-group__item{padding-left:0}.properties-group--table .properties-group__name-wrap,.properties-group--table .properties-group__value-wrap{width:100%}.properties-group--table .properties-group__name,.properties-group--table .properties-group__value{padding:0}.properties-group--table .properties-group__name-wrap{background:none}.properties-group--table .properties-group__name-wrap{font-size:.8125rem;line-height:calc(1em + 9px)}.properties-group--table .properties-group__value-wrap{font-size:1rem;line-height:calc(1em + 5px)}}.properties-group .hint{position:relative;margin-left:3px} /* End */ /* Start:/bitrix/templates/aspro-premier/css/jquery.fancybox.min.css?175025277313058*/ body.compensate-for-scrollbar{overflow:hidden}.fancybox-active{height:auto}.fancybox-is-hidden{left:-9999px;margin:0;position:absolute!important;top:-9999px;visibility:hidden}.fancybox-container{-webkit-backface-visibility:hidden;height:100%;left:0;outline:0;position:fixed;-webkit-tap-highlight-color:transparent;top:0;-ms-touch-action:manipulation;touch-action:manipulation;transform:translateZ(0);width:100%;z-index:99992}.fancybox-container *{box-sizing:border-box}.fancybox-bg,.fancybox-inner,.fancybox-outer,.fancybox-stage{bottom:0;left:0;position:absolute;right:0;top:0}.fancybox-outer{-webkit-overflow-scrolling:touch;overflow-y:auto}.fancybox-bg{background:#1e1e1e;opacity:0;transition-duration:inherit;transition-property:opacity;transition-timing-function:cubic-bezier(.47,0,.74,.71)}.fancybox-is-open .fancybox-bg{opacity:.9;transition-timing-function:cubic-bezier(.22,.61,.36,1)}.fancybox-caption,.fancybox-infobar,.fancybox-navigation .fancybox-button,.fancybox-toolbar{direction:ltr;opacity:0;position:absolute;transition:opacity .25s ease,visibility 0s ease .25s;visibility:hidden;z-index:99997}.fancybox-show-caption .fancybox-caption,.fancybox-show-infobar .fancybox-infobar,.fancybox-show-nav .fancybox-navigation .fancybox-button,.fancybox-show-toolbar .fancybox-toolbar{opacity:1;transition:opacity .25s ease 0s,visibility 0s ease 0s;visibility:visible}.fancybox-infobar{color:#ccc;font-size:13px;-webkit-font-smoothing:subpixel-antialiased;height:44px;left:0;line-height:44px;min-width:44px;mix-blend-mode:difference;padding:0 10px;pointer-events:none;top:0;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.fancybox-toolbar{right:0;top:0}.fancybox-stage{direction:ltr;overflow:visible;transform:translateZ(0);z-index:99994}.fancybox-is-open .fancybox-stage{overflow:hidden}.fancybox-slide{-webkit-backface-visibility:hidden;display:none;height:100%;left:0;outline:0;overflow:auto;-webkit-overflow-scrolling:touch;padding:44px;position:absolute;text-align:center;top:0;transition-property:transform,opacity;white-space:normal;width:100%;z-index:99994}.fancybox-slide::before{content:'';display:inline-block;font-size:0;height:100%;vertical-align:middle;width:0}.fancybox-is-sliding .fancybox-slide,.fancybox-slide--current,.fancybox-slide--next,.fancybox-slide--previous{display:block}.fancybox-slide--image{overflow:hidden;padding:44px 0}.fancybox-slide--image::before{display:none}.fancybox-slide--html{padding:6px}.fancybox-content{background:#fff;display:inline-block;margin:0;max-width:100%;overflow:auto;-webkit-overflow-scrolling:touch;padding:44px;position:relative;text-align:left;vertical-align:middle}.fancybox-slide--image .fancybox-content{animation-timing-function:cubic-bezier(.5,0,.14,1);-webkit-backface-visibility:hidden;background:0 0;background-repeat:no-repeat;background-size:100% 100%;left:0;max-width:none;overflow:visible;padding:0;position:absolute;top:0;-ms-transform-origin:top left;transform-origin:top left;transition-property:transform,opacity;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;z-index:99995}.fancybox-can-zoomOut .fancybox-content{cursor:zoom-out}.fancybox-can-zoomIn .fancybox-content{cursor:zoom-in}.fancybox-can-pan .fancybox-content,.fancybox-can-swipe .fancybox-content{cursor:-webkit-grab;cursor:grab}.fancybox-is-grabbing .fancybox-content{cursor:-webkit-grabbing;cursor:grabbing}.fancybox-container [data-selectable=true]{cursor:text}.fancybox-image,.fancybox-spaceball{background:0 0;border:0;height:100%;left:0;margin:0;max-height:none;max-width:none;padding:0;position:absolute;top:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;width:100%}.fancybox-spaceball{z-index:1}.fancybox-slide--iframe .fancybox-content,.fancybox-slide--map .fancybox-content,.fancybox-slide--pdf .fancybox-content,.fancybox-slide--video .fancybox-content{height:100%;overflow:visible;padding:0;width:100%}.fancybox-slide--video .fancybox-content{background:#000}.fancybox-slide--map .fancybox-content{background:#e5e3df}.fancybox-slide--iframe .fancybox-content{background:#fff}.fancybox-iframe,.fancybox-video{background:0 0;border:0;display:block;height:100%;margin:0;overflow:hidden;padding:0;width:100%}.fancybox-iframe{left:0;position:absolute;top:0}.fancybox-error{background:#fff;cursor:default;max-width:400px;padding:40px;width:100%}.fancybox-error p{color:#444;font-size:16px;line-height:20px;margin:0;padding:0}.fancybox-button{background:rgba(30,30,30,.6);border:0;border-radius:0;box-shadow:none;cursor:pointer;display:inline-block;height:44px;margin:0;padding:10px;position:relative;transition:color .2s;vertical-align:top;visibility:inherit;width:44px}.fancybox-button,.fancybox-button:link,.fancybox-button:visited{color:#ccc}.fancybox-button:hover{color:#fff}.fancybox-button:focus{outline:0}.fancybox-button.fancybox-focus{outline:1px dotted}.fancybox-button[disabled],.fancybox-button[disabled]:hover{color:#888;cursor:default;outline:0}.fancybox-button div{height:100%}.fancybox-button svg{display:block;height:100%;overflow:visible;position:relative;width:100%}.fancybox-button svg path{fill:currentColor;stroke-width:0}.fancybox-button--fsenter svg:nth-child(2),.fancybox-button--play svg:nth-child(2){display:none}.fancybox-button--fsexit svg:nth-child(1),.fancybox-button--pause svg:nth-child(1){display:none}.fancybox-progress{background:#ff5268;height:2px;left:0;position:absolute;right:0;top:0;-ms-transform:scaleX(0);transform:scaleX(0);-ms-transform-origin:0;transform-origin:0;transition-property:transform;transition-timing-function:linear;z-index:99998}.fancybox-close-small{background:0 0;border:0;border-radius:0;color:#ccc;cursor:pointer;opacity:.8;padding:8px;position:absolute;right:-12px;top:-44px;z-index:401}.fancybox-close-small:hover{color:#fff;opacity:1}.fancybox-slide--html .fancybox-close-small{color:currentColor;padding:10px;right:0;top:0}.fancybox-slide--image.fancybox-is-scaling .fancybox-content{overflow:hidden}.fancybox-is-scaling .fancybox-close-small,.fancybox-is-zoomable.fancybox-can-pan .fancybox-close-small{display:none}.fancybox-navigation .fancybox-button{background-clip:content-box;height:100px;opacity:0;position:absolute;top:calc(50% - 50px);width:70px}.fancybox-navigation .fancybox-button div{padding:7px}.fancybox-navigation .fancybox-button--arrow_left{left:0;left:env(safe-area-inset-left);padding:31px 26px 31px 6px}.fancybox-navigation .fancybox-button--arrow_right{padding:31px 6px 31px 26px;right:0;right:env(safe-area-inset-right)}.fancybox-caption{background:linear-gradient(to top,rgba(0,0,0,.85) 0,rgba(0,0,0,.3) 50%,rgba(0,0,0,.15) 65%,rgba(0,0,0,.075) 75.5%,rgba(0,0,0,.037) 82.85%,rgba(0,0,0,.019) 88%,rgba(0,0,0,0) 100%);bottom:0;color:#eee;font-size:14px;font-weight:400;left:0;line-height:1.5;padding:75px 44px 25px 44px;pointer-events:none;right:0;text-align:center;z-index:99996}@supports (padding:max(0px)){.fancybox-caption{padding:75px max(44px,env(safe-area-inset-right)) max(25px,env(safe-area-inset-bottom)) max(44px,env(safe-area-inset-left))}}.fancybox-caption--separate{margin-top:-50px}.fancybox-caption__body{max-height:50vh;overflow:auto;pointer-events:all}.fancybox-caption a,.fancybox-caption a:link,.fancybox-caption a:visited{color:#ccc;text-decoration:none}.fancybox-caption a:hover{color:#fff;text-decoration:underline}.fancybox-loading{animation:fancybox-rotate 1s linear infinite;background:0 0;border:4px solid #888;border-bottom-color:#fff;border-radius:50%;height:50px;left:50%;margin:-25px 0 0 -25px;opacity:.7;padding:0;position:absolute;top:50%;width:50px;z-index:99999}@keyframes fancybox-rotate{100%{transform:rotate(360deg)}}.fancybox-animated{transition-timing-function:cubic-bezier(0,0,.25,1)}.fancybox-fx-slide.fancybox-slide--previous{opacity:0;transform:translate3d(-100%,0,0)}.fancybox-fx-slide.fancybox-slide--next{opacity:0;transform:translate3d(100%,0,0)}.fancybox-fx-slide.fancybox-slide--current{opacity:1;transform:translate3d(0,0,0)}.fancybox-fx-fade.fancybox-slide--next,.fancybox-fx-fade.fancybox-slide--previous{opacity:0;transition-timing-function:cubic-bezier(.19,1,.22,1)}.fancybox-fx-fade.fancybox-slide--current{opacity:1}.fancybox-fx-zoom-in-out.fancybox-slide--previous{opacity:0;transform:scale3d(1.5,1.5,1.5)}.fancybox-fx-zoom-in-out.fancybox-slide--next{opacity:0;transform:scale3d(.5,.5,.5)}.fancybox-fx-zoom-in-out.fancybox-slide--current{opacity:1;transform:scale3d(1,1,1)}.fancybox-fx-rotate.fancybox-slide--previous{opacity:0;-ms-transform:rotate(-360deg);transform:rotate(-360deg)}.fancybox-fx-rotate.fancybox-slide--next{opacity:0;-ms-transform:rotate(360deg);transform:rotate(360deg)}.fancybox-fx-rotate.fancybox-slide--current{opacity:1;-ms-transform:rotate(0);transform:rotate(0)}.fancybox-fx-circular.fancybox-slide--previous{opacity:0;transform:scale3d(0,0,0) translate3d(-100%,0,0)}.fancybox-fx-circular.fancybox-slide--next{opacity:0;transform:scale3d(0,0,0) translate3d(100%,0,0)}.fancybox-fx-circular.fancybox-slide--current{opacity:1;transform:scale3d(1,1,1) translate3d(0,0,0)}.fancybox-fx-tube.fancybox-slide--previous{transform:translate3d(-100%,0,0) scale(.1) skew(-10deg)}.fancybox-fx-tube.fancybox-slide--next{transform:translate3d(100%,0,0) scale(.1) skew(10deg)}.fancybox-fx-tube.fancybox-slide--current{transform:translate3d(0,0,0) scale(1)}@media all and (max-height:576px){.fancybox-slide{padding-left:6px;padding-right:6px}.fancybox-slide--image{padding:6px 0}.fancybox-close-small{right:-6px}.fancybox-slide--image .fancybox-close-small{background:#4e4e4e;color:#f2f4f6;height:36px;opacity:1;padding:6px;right:0;top:0;width:36px}.fancybox-caption{padding-left:12px;padding-right:12px}@supports (padding:max(0px)){.fancybox-caption{padding-left:max(12px,env(safe-area-inset-left));padding-right:max(12px,env(safe-area-inset-right))}}}.fancybox-share{background:#f4f4f4;border-radius:3px;max-width:90%;padding:30px;text-align:center}.fancybox-share h1{color:#222;font-size:35px;font-weight:700;margin:0 0 20px 0}.fancybox-share p{margin:0;padding:0}.fancybox-share__button{border:0;border-radius:3px;display:inline-block;font-size:14px;font-weight:700;line-height:40px;margin:0 5px 10px 5px;min-width:130px;padding:0 15px;text-decoration:none;transition:all .2s;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;white-space:nowrap}.fancybox-share__button:link,.fancybox-share__button:visited{color:#fff}.fancybox-share__button:hover{text-decoration:none}.fancybox-share__button--fb{background:#3b5998}.fancybox-share__button--fb:hover{background:#344e86}.fancybox-share__button--pt{background:#bd081d}.fancybox-share__button--pt:hover{background:#aa0719}.fancybox-share__button--tw{background:#1da1f2}.fancybox-share__button--tw:hover{background:#0d95e8}.fancybox-share__button svg{height:25px;margin-right:7px;position:relative;top:-1px;vertical-align:middle;width:25px}.fancybox-share__button svg path{fill:#fff}.fancybox-share__input{background:0 0;border:0;border-bottom:1px solid #d7d7d7;border-radius:0;color:#5d5b5b;font-size:14px;margin:10px 0 0 0;outline:0;padding:10px 15px;width:100%}.fancybox-thumbs{background:#ddd;bottom:0;display:none;margin:0;-webkit-overflow-scrolling:touch;-ms-overflow-style:-ms-autohiding-scrollbar;padding:2px 2px 4px 2px;position:absolute;right:0;-webkit-tap-highlight-color:transparent;top:0;width:212px;z-index:99995}.fancybox-thumbs-x{overflow-x:auto;overflow-y:hidden}.fancybox-show-thumbs .fancybox-thumbs{display:block}.fancybox-show-thumbs .fancybox-inner{right:212px}.fancybox-thumbs__list{font-size:0;height:100%;list-style:none;margin:0;overflow-x:hidden;overflow-y:auto;padding:0;position:absolute;position:relative;white-space:nowrap;width:100%}.fancybox-thumbs-x .fancybox-thumbs__list{overflow:hidden}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar{width:7px}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-track{background:#fff;border-radius:10px;box-shadow:inset 0 0 6px rgba(0,0,0,.3)}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-thumb{background:#2a2a2a;border-radius:10px}.fancybox-thumbs__list a{-webkit-backface-visibility:hidden;backface-visibility:hidden;background-color:rgba(0,0,0,.1);background-position:center center;background-repeat:no-repeat;background-size:cover;cursor:pointer;float:left;height:75px;margin:2px;max-height:calc(100% - 8px);max-width:calc(50% - 4px);outline:0;overflow:hidden;padding:0;position:relative;-webkit-tap-highlight-color:transparent;width:100px}.fancybox-thumbs__list a::before{border:6px solid #ff5268;bottom:0;content:'';left:0;opacity:0;position:absolute;right:0;top:0;transition:all .2s cubic-bezier(.25,.46,.45,.94);z-index:99991}.fancybox-thumbs__list a:focus::before{opacity:.5}.fancybox-thumbs__list a.fancybox-thumbs-active::before{opacity:1}@media all and (max-width:576px){.fancybox-thumbs{width:110px}.fancybox-show-thumbs .fancybox-inner{right:110px}.fancybox-thumbs__list a{max-width:calc(100% - 10px)}} /* End */ /* Start:/bitrix/templates/aspro-premier/css/fancybox-gallery.min.css?17502527733658*/ .fancybox-active{height:auto;}.fancybox-container .fancybox-bg,.fancybox-container .fancybox-button{background:#fff;background:var(--card_bg_black);opacity:1;}.fancybox-button.fancybox-button--play,.fancybox-button.fancybox-button--thumbs{}.fancybox-container svg path{fill:#999;}.fancybox-inner .fancy{display:flex!important;align-items:center;justify-content:center;padding:0;height:100%;}.fancybox-slide:before{display:none;}.fancybox-lock .fancybox-overlay{overflow:hidden;}.fancybox-overlay{background:#fff;opacity:0;}.fancybox-inner video{display:block;max-height:100%;max-width:100%;margin:auto;}.fancybox-inner .fancybox-content{padding:0;}.fancybox-container .fancybox-infobar{color:#999;mix-blend-mode:normal;}.fancybox-slide--iframe{padding:0;}.fancybox-slide iframe{padding:0;height:100%;width:100%;}.fancybox-caption{background:transparent;color:#222;}.fancy-js{cursor:pointer;display:block;}.fancybox-toolbar .fancybox-button:not(.fancybox-button--close){display:none!important;}.fancybox-button[disabled]{pointer-events:none;}.fancybox-inner{--button-size-large:100px;--arrow-size-large:72px;}.fancybox-navigation .fancybox-button{align-items:center;background-color:transparent;display:flex;height:var(--arrow-size-large);top:calc(50% - 19px);width:var(--arrow-size-large);}.fancybox-navigation .fancybox-button--arrow_left{padding:0 0 0 6px;justify-content:flex-start;}.fancybox-navigation .fancybox-button--arrow_right{padding:0 6px 0 0;justify-content:flex-end;}@media screen and (min-width:992px){.fancybox-navigation .fancybox-button{height:calc(100% - var(--button-size-large));top:var(--button-size-large);width:33%}.fancybox-button div{height:var(--arrow-size-large);width:var(--arrow-size-large)}}@media screen and (min-width:768px){.fancybox-button--close{height:var(--button-size-large);padding:calc(var(--button-size-large)/4);width:var(--button-size-large)}}.fancybox-container.with-slider{--thumbs-width:64px;}.fancybox-thumbs.with-slider{background:transparent;display:flex;justify-content:center;left:0;padding:calc(var(--thumbs-width) / 2);position:absolute;right:auto;width:auto;}.fancybox-thumbs.with-slider img{display:inline-block;margin:0 auto;max-height:100%;max-width:100%;}.fancybox-show-thumbs .fancybox-inner.with-slider{left:calc(var(--thumbs-width) * 2);right:var(--thumbs-width);}.fancybox-thumbs__wrapper.gallery-slider-thumb__container{flex-direction:column;max-width:var(--thumbs-width);width:100%;}.fancybox-thumbs.with-slider .slider-solution{max-height:calc((var(--thumbs-width) + 16px) * 5 - 16px);width:100%;}.fancybox-thumbs.with-slider .fancybox-thumbs-active{border-color:var(--white_text_black);}.fancybox-thumb__list--slider-wrapper{overflow:initial;}.fancybox-thumb__list--slider-wrapper a.gallery__item{background-color:unset;height:auto;margin:0;max-height:unset;max-width:var(--thumbs-width);padding:4px;}.fancybox-thumb__list--slider-wrapper .gallery__item::before{display:none;}@media screen and (min-width:601px){.fancybox-inner.with-slider .fancybox-infobar{left:calc(var(--thumbs-width) * -2)}.fancybox-container.with-slider .fancybox-toolbar{right:calc(var(--thumbs-width) * -1)}}@media screen and (max-width:600px){.fancybox-thumbs.with-slider{bottom:0;height:auto;padding:calc(var(--thumbs-width) / 2) calc(var(--thumbs-width) / 8);right:0;top:auto}.fancybox-thumbs.with-slider .slider-solution{max-height:none;width:calc(100% - 72px)}.fancybox-show-thumbs .fancybox-inner.with-slider{bottom:calc(var(--thumbs-width) * 2);left:0;right:0}.detail-gallery-big--vertical .gallery-slider-thumb__container.fancybox-thumbs__wrapper{flex-direction:row;height:var(--thumbs-width);max-width:none}} /* End */ /* Start:/bitrix/templates/aspro-premier/css/detail.min.css?17502527731580*/ .detail{position:relative;}.detail img{display:inline-block;max-width:100%;max-height:100%;margin:0 auto;}#main .detail-maxwidth{margin-left:auto;margin-right:auto;}#main .detail-maxwidth--no-centered{margin-left:0;margin-right:0;}.right_block.narrow_N .detail-maxwidth{max-width:1160px;}.detail-block .card-image-rounded_images .rounded{border-radius:calc(var(--theme-outer-border-radius) / 2);}.ordered-block.gift:not(:has(.catalog-block)){display:none;}.detail-block .type_2 .review-list__inner{padding:36px;}.detail-image{text-align:center;margin-bottom:40px;padding:0;}.detail-image img{margin-left:auto;margin-right:auto;mix-blend-mode:normal;}.detail-image:where(.detail-image--left,.detail-image--right){margin-bottom:0;}@media screen and (min-width:768px){.detail-image:where(.detail-image--left,.detail-image--right){padding-bottom:57.3%;position:relative}.detail-image:where(.detail-image--left,.detail-image--right) img{height:100%;inset:0;object-fit:cover;position:absolute;width:100%}}.detail-image--top,.detail-image--top_content{margin-bottom:clamp(16px,4vw,40px);}.detail-image--top img{border-radius:0;}.detail-image--top_on_head{margin:0;}.detail-image--top_on_head:before{content:"";top:0;left:0;right:0;bottom:0;z-index:2;background-color:rgba(0,0,0,.4);position:absolute;}.detail-image--top_on_head .detail-image__fon{position:absolute;top:0;left:0;right:0;bottom:0;}.has-long-banner .page-top-info{padding-top:42%;margin-bottom:40px;position:relative;min-height:320px;}.has-long-banner .page-top-wrapper{position:absolute;left:0;right:0;z-index:3;bottom:0;} /* End */ /* Start:/bitrix/templates/aspro-premier/vendor/css/carousel/swiper/swiper-bundle.min.css?175025277315817*/ /** * Swiper 8.1.0 * Most modern mobile touch slider and framework with hardware accelerated transitions * https://swiperjs.com * * Copyright 2014-2022 Vladimir Kharlampidi * * Released under the MIT License * * Released on: April 8, 2022 */ @font-face{font-family:swiper-icons;src:url('data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA');font-weight:400;font-style:normal}:root{--swiper-theme-color:#007aff}.swiper{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1}.swiper-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;box-sizing:content-box}.swiper-android .swiper-slide,.swiper-wrapper{transform:translate3d(0px,0,0)}.swiper-pointer-events{touch-action:pan-y}.swiper-pointer-events.swiper-vertical{touch-action:pan-x}.swiper-slide{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform}.swiper-slide-invisible-blank{visibility:hidden}.swiper-autoheight,.swiper-autoheight .swiper-slide{height:auto}.swiper-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-backface-hidden .swiper-slide{transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-3d,.swiper-3d.swiper-css-mode .swiper-wrapper{perspective:1200px}.swiper-3d .swiper-cube-shadow,.swiper-3d .swiper-slide,.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top,.swiper-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-3d .swiper-slide-shadow{background:rgba(0,0,0,.15)}.swiper-3d .swiper-slide-shadow-left{background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-right{background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-top{background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-css-mode>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}.swiper-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}.swiper-horizontal.swiper-css-mode>.swiper-wrapper{scroll-snap-type:x mandatory}.swiper-vertical.swiper-css-mode>.swiper-wrapper{scroll-snap-type:y mandatory}.swiper-centered>.swiper-wrapper::before{content:'';flex-shrink:0;order:9999}.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-centered-offset-before)}.swiper-centered.swiper-horizontal>.swiper-wrapper::before{height:100%;min-height:1px;width:var(--swiper-centered-offset-after)}.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-centered-offset-before)}.swiper-centered.swiper-vertical>.swiper-wrapper::before{width:100%;min-width:1px;height:var(--swiper-centered-offset-after)}.swiper-centered>.swiper-wrapper>.swiper-slide{scroll-snap-align:center center}.swiper-virtual .swiper-slide{-webkit-backface-visibility:hidden;transform:translateZ(0)}.swiper-virtual.swiper-css-mode .swiper-wrapper::after{content:'';position:absolute;left:0;top:0;pointer-events:none}.swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper::after{height:1px;width:var(--swiper-virtual-size)}.swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper::after{width:1px;height:var(--swiper-virtual-size)}:root{--swiper-navigation-size:44px}.swiper-button-next,.swiper-button-prev{position:absolute;top:50%;width:calc(var(--swiper-navigation-size)/ 44 * 27);height:var(--swiper-navigation-size);margin-top:calc(0px - (var(--swiper-navigation-size)/ 2));z-index:10;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--swiper-navigation-color,var(--swiper-theme-color))}.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}.swiper-button-next:after,.swiper-button-prev:after{font-family:swiper-icons;font-size:var(--swiper-navigation-size);text-transform:none!important;letter-spacing:0;text-transform:none;font-variant:initial;line-height:1}.swiper-button-prev,.swiper-rtl .swiper-button-next{left:10px;right:auto}.swiper-button-prev:after,.swiper-rtl .swiper-button-next:after{content:'prev'}.swiper-button-next,.swiper-rtl .swiper-button-prev{right:10px;left:auto}.swiper-button-next:after,.swiper-rtl .swiper-button-prev:after{content:'next'}.swiper-button-lock{display:none}.swiper-pagination{position:absolute;text-align:center;transition:.3s opacity;transform:translate3d(0,0,0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-bullets.swiper-pagination-horizontal,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:10px;left:0;width:100%}.swiper-pagination-bullets-dynamic{overflow:hidden;font-size:0}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transform:scale(.33);position:relative}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{transform:scale(.33)}.swiper-pagination-bullet{width:var(--swiper-pagination-bullet-width,var(--swiper-pagination-bullet-size,8px));height:var(--swiper-pagination-bullet-height,var(--swiper-pagination-bullet-size,8px));display:inline-block;border-radius:50%;background:var(--swiper-pagination-bullet-inactive-color,#000);opacity:var(--swiper-pagination-bullet-inactive-opacity, .2)}button.swiper-pagination-bullet{border:none;margin:0;padding:0;box-shadow:none;-webkit-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-bullet:only-child{display:none!important}.swiper-pagination-bullet-active{opacity:var(--swiper-pagination-bullet-opacity, 1);background:var(--swiper-pagination-color,var(--swiper-theme-color))}.swiper-pagination-vertical.swiper-pagination-bullets,.swiper-vertical>.swiper-pagination-bullets{right:10px;top:50%;transform:translate3d(0px,-50%,0)}.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:var(--swiper-pagination-bullet-vertical-gap,6px) 0;display:block}.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;transform:translateY(-50%);width:8px}.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;transition:.2s transform,.2s top}.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 var(--swiper-pagination-bullet-horizontal-gap,4px)}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;transform:translateX(-50%);white-space:nowrap}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s left}.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s right}.swiper-pagination-progressbar{background:rgba(0,0,0,.25);position:absolute}.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:var(--swiper-pagination-color,var(--swiper-theme-color));position:absolute;left:0;top:0;width:100%;height:100%;transform:scale(0);transform-origin:left top}.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{transform-origin:right top}.swiper-horizontal>.swiper-pagination-progressbar,.swiper-pagination-progressbar.swiper-pagination-horizontal,.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite,.swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite{width:100%;height:4px;left:0;top:0}.swiper-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-vertical,.swiper-vertical>.swiper-pagination-progressbar{width:4px;height:100%;left:0;top:0}.swiper-pagination-lock{display:none}.swiper-scrollbar{border-radius:10px;position:relative;-ms-touch-action:none;background:rgba(0,0,0,.1)}.swiper-horizontal>.swiper-scrollbar{position:absolute;left:1%;bottom:3px;z-index:50;height:5px;width:98%}.swiper-vertical>.swiper-scrollbar{position:absolute;right:3px;top:1%;z-index:50;width:5px;height:98%}.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:rgba(0,0,0,.5);border-radius:10px;left:0;top:0}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-scrollbar-lock{display:none}.swiper-zoom-container{width:100%;height:100%;display:flex;justify-content:center;align-items:center;text-align:center}.swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg{max-width:100%;max-height:100%;object-fit:contain}.swiper-slide-zoomed{cursor:move}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;transform-origin:50%;box-sizing:border-box;border:4px solid var(--swiper-preloader-color,var(--swiper-theme-color));border-radius:50%;border-top-color:transparent}.swiper-slide-visible .swiper-lazy-preloader{animation:swiper-preloader-spin 1s infinite linear}.swiper-lazy-preloader-white{--swiper-preloader-color:#fff}.swiper-lazy-preloader-black{--swiper-preloader-color:#000}@keyframes swiper-preloader-spin{100%{transform:rotate(360deg)}}.swiper .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}.swiper-free-mode>.swiper-wrapper{transition-timing-function:ease-out;margin:0 auto}.swiper-grid>.swiper-wrapper{flex-wrap:wrap}.swiper-grid-column>.swiper-wrapper{flex-wrap:wrap;flex-direction:column}.swiper-fade.swiper-free-mode .swiper-slide{transition-timing-function:ease-out}.swiper-fade .swiper-slide{pointer-events:none;transition-property:opacity}.swiper-fade .swiper-slide .swiper-slide{pointer-events:none}.swiper-fade .swiper-slide-active,.swiper-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-cube{overflow:visible}.swiper-cube .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1;visibility:hidden;transform-origin:0 0;width:100%;height:100%}.swiper-cube .swiper-slide .swiper-slide{pointer-events:none}.swiper-cube.swiper-rtl .swiper-slide{transform-origin:100% 0}.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-next,.swiper-cube .swiper-slide-next+.swiper-slide,.swiper-cube .swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-cube .swiper-slide-shadow-bottom,.swiper-cube .swiper-slide-shadow-left,.swiper-cube .swiper-slide-shadow-right,.swiper-cube .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0px;width:100%;height:100%;opacity:.6;z-index:0}.swiper-cube .swiper-cube-shadow:before{content:'';background:#000;position:absolute;left:0;top:0;bottom:0;right:0;filter:blur(50px)}.swiper-flip{overflow:visible}.swiper-flip .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1}.swiper-flip .swiper-slide .swiper-slide{pointer-events:none}.swiper-flip .swiper-slide-active,.swiper-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-flip .swiper-slide-shadow-bottom,.swiper-flip .swiper-slide-shadow-left,.swiper-flip .swiper-slide-shadow-right,.swiper-flip .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-creative .swiper-slide{-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden;transition-property:transform,opacity,height}.swiper-cards{overflow:visible}.swiper-cards .swiper-slide{transform-origin:center bottom;-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden} /* End */ /* Start:/bitrix/templates/aspro-premier/css/slider.swiper.min.css?17502527734117*/ .swiper-pagination-bullets.swiper-pagination-horizontal{bottom:0;line-height:0;}.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{--swiper-pagination-bullet-horizontal-gap:6px;}.swiper-slide.swiper-slide--height-auto{height:auto;}.slider-solution--hide-before-loaded:not(.swiper-initialized){opacity:0;visibility:hidden;max-height:0;}.slider-solution--hide-before-loaded:not(.swiper-initialized) ~ .slider-nav{display:none;}.swiper-pagination-bullet{width:4px;height:4px;background:rgba(255,255,255,.4);opacity:1;position:relative;background-color:var(--light,rgba(34,34,40,.4)) var(--dark,rgba(255,255,255,.2));backdrop-filter:blur(10px);}.autoplay-progress{--progress:0;display:none;position:absolute;top:0;left:0;height:100%;width:100%;z-index:10;-webkit-appearance:none;appearance:none;background-color:transparent;accent-color:#fff;border-radius:1px;border:0;box-shadow:0;}.autoplay-progress::-webkit-progress-bar{background-color:transparent;border-radius:1px;}.autoplay-progress::-webkit-progress-value{background-color:#fff;border-radius:1px;}.autoplay-progress::-moz-progress-bar{background-color:#fff;border-radius:1px;}.swiper-pagination-bullet-active{width:48px;height:2px;border-radius:100vw;}.swiper-pagination--active-bullet-white .swiper-pagination-bullet-active{background-color:#fff;}.swiper-pagination--dark-light .swiper-pagination-bullet.swiper-pagination-bullet-active{background-color:var(--light,rgba(34,34,40,.48)) var(--dark,rgba(255,255,255,.48));}.swiper-pagination--short .swiper-pagination-bullet.swiper-pagination-bullet-active{width:24px;bottom:1px;}.swiper-pagination-bullet-active:before{display:none;}.swiper-pagination-bullet-active .autoplay-progress{display:block;}.swiper-container-horizontal>.swiper-pagination-bullets{bottom:21px;}.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 6px;}.swiper-pagination--compact.swiper-pagination-bullets .swiper-pagination-bullet{--swiper-pagination-bullet-horizontal-gap:2px;width:2px;height:2px;background:var(--secondary);border-radius:8px;}.swiper-pagination--compact .swiper-pagination-bullet.swiper-pagination-bullet-active{width:8px;background-color:var(--white_text_black);}@media screen and (max-width:600px){.swiper-pagionation-bullet--line-to-600.swiper-pagination-horizontal .swiper-pagination-bullet{--swiper-pagination-bullet-horizontal-gap:2px}.swiper-pagionation-bullet--line-to-600 .swiper-pagination-bullet{border-radius:5px;height:2px;background:rgba(136,136,136,.5)}.swiper-pagionation-bullet--line-to-600 .swiper-pagination-bullet.swiper-pagination-bullet-active{background-color:var(--light,#222) var(--dark,white)}.swiper-pagionation-bullet--line-to-600 .swiper-pagination-bullet:before{display:none}}.swiper-button-next,.swiper-button-prev{--swiper-button:40px;width:var(--swiper-button);height:var(--swiper-button);background:var(--arrows_bg_black);transition:all .3s ease-in-out;translate:0 5%;border-radius:50%;}.swiper-button-next{right:20px;}.swiper-button-prev{left:20px;}.swiper-button-prev .svg{transform:translateX(-1px);}.swiper-button-next .svg{transform:translateX(1px);}.swiper-button-next:hover,.swiper-button-prev:hover{background-color:#9e9e9e;background-color:var(--theme-base-color);}.swiper-button-next:hover use,.swiper-button-prev:hover use{stroke:var(--button_color_text);}.swiper-button-next:after,.swiper-button-prev:after{display:none;}.navigation_on_hover:not(:hover) .swiper-button-next,.navigation_on_hover:not(:hover) .swiper-button-prev{opacity:0;visibility:hidden;}.swiper-nav-offset .swiper-button-prev{left:-20px;}.swiper-nav-offset .swiper-button-next{right:-20px;}.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{display:none;}.swiper-pagination--flex{display:flex;align-items:center;justify-content:center;}.swiper-pagination-bullets-dynamic{flex-wrap:nowrap;}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{flex-shrink:0;}.swiper-pagination--bottom{top:100%;}.swiper:has(.swiper-pagination:not(.swiper-pagination-lock)){padding-bottom:var(--pb)!important;} /* End */ /* Start:/bitrix/templates/aspro-premier/css/slider.min.css?1750252773688*/ .slider-nav--shadow{box-shadow:0 5px 20px rgba(0,0,0,.07)}@media (max-width:767px){.slider-nav:not(.slider-nav--no-auto-hide){display:none}}.slider-solution--static-dots .slider-pagination{position:static}.slider-nav:hover svg{stroke:var(--button_color_text)}.slider-nav.slider-nav--static{position:static;margin-top:0}.slider-nav.slider-nav--blur:not(:hover){background-color:rgba(34,34,40,.24);backdrop-filter:blur(10px)}.bx-no-touch .slider-solution--show-nav-hover:not(:hover) .slider-button-prev{left:-50px}.bx-no-touch .slider-solution--show-nav-hover:not(:hover) .slider-button-next{right:-50px}.slider-nav.swiper-button-prev{translate:0}.slider-nav.swiper-button-next{translate:0} /* End */ /* Start:/bitrix/templates/aspro-premier/css/rounded-columns.min.css?17502527731033*/ .grid-list__item--rounded:first-of-type:not(:only-child)>div{border-top-left-radius:var(--theme-outer-border-radius);border-top-right-radius:var(--theme-outer-border-radius)}.grid-list__item--rounded:last-of-type:not(:only-child)>div{border-bottom-left-radius:var(--theme-outer-border-radius);border-bottom-right-radius:var(--theme-outer-border-radius)}.grid-list__item--rounded:only-of-type>div{border-radius:var(--theme-outer-border-radius)}@media screen and (min-width:768px){.grid-list--rounded.grid-list--items-2-768 .grid-list__item--rounded:nth-child(-n+2)>div{border-top-left-radius:var(--theme-outer-border-radius);border-top-right-radius:var(--theme-outer-border-radius)}.grid-list--rounded.grid-list--items-2-768 .grid-list__item--rounded:nth-last-child(-n+2)>div{border-bottom-left-radius:var(--theme-outer-border-radius);border-bottom-right-radius:var(--theme-outer-border-radius)}.grid-list--rounded.grid-list--items-2-768 .grid-list__item--rounded:not(:nth-last-child(-n+2)):not(:nth-child(-n+2))>div{border-radius:0}} /* End */ /* Start:/bitrix/templates/aspro-premier/css/gallery.min.css?17502527736491*/ .gallery,.big_gallery{position:relative;}.gallery img,.big_gallery img{cursor:zoom-in;min-width:1px;}.gallery-view_switch{position:absolute;right:0;top:0;display:block;background:#fff;background:var(--black_bg_black);}.gallery-view_switch__count-wrapper{display:flex;flex-direction:row;}.gallery-view_switch__count-value{padding-right:3px;padding-left:3px;}.gallery-view_switch__count-separate{color:#cecece;padding:0 15px;}.gallery-view_switch__icons{transition:opacity .3s ease;}.gallery-view_switch__icons path{fill:var(--white_text_black);}.gallery-view_switch__icons.gallery-view_switch__icons--big{margin-right:6px;}.gallery-view_switch__icons:not(.active){opacity:.35;cursor:pointer;}.gallery-view_switch .gallery-view_switch__icons:hover{opacity:1;}.gallery-big{position:relative;}.gallery-small .grid-list{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));}@media (max-width:620px){#main .gallery-small .grid-list:not(.mobile-scrolled){grid-template-columns:1fr 1fr}}.gallery-small .item{padding-top:67%;transition:opacity .3s ease;overflow:hidden;position:relative;}.gallery-small .item:hover{opacity:.7;}.gallery-small .item>a{position:absolute;top:0;bottom:0;right:0;left:0;display:flex;align-items:center;cursor:zoom-in;text-align:center;}.gallery-detail{--items:5;display:grid;grid-template-columns:repeat(var(--items),1fr);gap:var(--gap);}.gallery-detail::after{background-color:color-mix(in oklab,#222228 24%,transparent);border-radius:var(--theme-button-border-radius);color:#fff;pointer-events:none;font-size:calc(1em - 1px);line-height:calc(1em + 7px);align-items:center;display:flex;justify-content:center;grid-column-start:var(--items);--offset:clamp(4px,3vw,16px);position:absolute;bottom:var(--offset);right:var(--offset);padding-block:5px;padding-inline:12px;}.gallery-detail[data-breakpoint_768]::after{content:"+" attr(data-breakpoint_768);}@media screen and (max-width:767px){.gallery-detail{--items:4}.gallery-detail[data-breakpoint_600]::after{content:"+" attr(data-breakpoint_600)}.gallery-detail[data-breakpoint_600] .item:nth-child(n + 5){display:none}}@media screen and (max-width:601px){.gallery-detail{--items:3}.gallery-detail[data-breakpoint_375]::after{content:"+" attr(data-breakpoint_375)}.gallery-detail[data-breakpoint_375] .item:nth-child(n + 4){display:none}}@media screen and (max-width:374px){.gallery-detail{--items:2}.gallery-detail[data-breakpoint_320]::after{content:"+" attr(data-breakpoint_320)}.gallery-detail[data-breakpoint_320] .item:nth-child(n + 3){display:none}}.detail-gallery-big-wrapper{position:relative;width:100%;}.gallery-wrapper--hide-thumbs:not(.detail-gallery-big--with-video) .detail-gallery-big-slider-thumbs{display:none;}.gallery-wrapper__aspect-ratio-container{bottom:0;display:flex;gap:24px;height:100%;justify-content:space-between;left:0;position:absolute;position:relative;right:0;top:0;width:100%;}.detail-gallery-big-aspect-wrapper{--gallery-aspect-ratio:1;height:100%;position:relative;width:100%;aspect-ratio:var(--gallery-aspect-ratio);background:#fff;border-radius:var(--theme-image-border-radius);}.gallery-type-horizontal .detail-gallery-big-aspect-wrapper{--gallery-aspect-ratio:1.3333;}.gallery-type-vertical .detail-gallery-big-aspect-wrapper{--gallery-aspect-ratio:.7488;}.detail-gallery-big.image-list__link{position:relative;}.detail-gallery-big{--max-width:592px;margin:0 auto;max-width:var(--max-width);position:relative;min-width:0;}.gallery-size-medium .detail-gallery-big{--max-width:920px;}.gallery-size-large .detail-gallery-big{--max-width:1066px;}.detail-gallery-big__item>a,.detail-gallery-big__item--no-image>span{width:100%;height:100%;display:flex;align-items:center;position:absolute;top:0;}.detail .detail-gallery-big-slider .detail-gallery-big__item img{width:auto;display:inline-block;vertical-align:middle;}@media (max-width:991px){.gallery-wrapper__aspect-ratio-container{gap:10px}}.detail-gallery-big-slider.big{bottom:0;height:100%;left:0;margin:0 auto;position:absolute;right:0;top:0;width:100%;border-radius:var(--theme-image-border-radius);}.detail-gallery-big__item img{cursor:zoom-in;mix-blend-mode:darken;}.detail-gallery-big__item--big.detail-gallery-big__item--no-image img{cursor:auto;}.detail-gallery-big-slider-thumbs{--thumbs-size:64px;align-items:center;display:flex;position:relative;width:var(--thumbs-size);flex-shrink:0;inset:0;}@media (min-width:1200px){.product-container:where(.gallery-size-medium,.gallery-size-large) .detail-gallery-big-slider-thumbs{--thumbs-size:104px}}.gallery-slider-thumb-wrapper{position:absolute;inset:0;height:100%;display:flex;flex-direction:column;gap:20px;}.gallery-slider-thumb__container{display:flex;flex-direction:column;min-width:0;min-height:0;gap:4px;}@media screen and (max-width:767px){.detail-gallery-big{flex:0 0 100%;width:100%;max-width:454px}.detail-gallery-big:has(.grid-list){max-width:none}.gallery-wrapper__aspect-ratio-container{gap:0}.detail-gallery-big-slider-thumbs{position:static;height:0;width:0}.gallery-slider-thumb__container{display:none}.detail-gallery-big-wrapper .video-block{position:absolute;left:0;bottom:12px;z-index:2}}.gallery__item--thumb{align-items:center;border:2px solid transparent;display:flex;max-height:var(--thumbs-size);max-width:var(--thumbs-size);min-height:var(--thumbs-size);min-width:var(--thumbs-size);padding:4px;width:100%;}.gallery__item--thumb.swiper-slide-thumb-active{border-color:var(--white_text_black);}.detail-gallery-big-slider-thumbs .gallery-slider-thumb-button{align-items:center;border-radius:var(--theme-button-border-radius);bottom:auto;left:0;margin:0;position:relative;right:0;top:auto;height:32px;width:100%;flex-shrink:0;translate:none;box-shadow:none;transition:none;}.detail-gallery-big-slider-thumbs .gallery-slider-thumb-button.swiper-button-disabled:not(.swiper-button-lock){display:flex;}@media screen and (max-width:600px){.detail-gallery-big-slider-main{max-width:300px;margin:auto}}.similar-gallery{position:absolute;top:12px;left:12px;display:flex;z-index:2;width:48px;height:36px;align-items:center;justify-content:center;background:#fff;border-radius:var(--theme-button-border-radius);}.show-more-gallery{grid-column:span 2;padding-top:20px;text-align:center;width:auto!important;}@media (max-width:600px){.show-more-gallery{padding-top:0}.show-more-gallery .show-more-gallery__btn{height:100%;white-space:normal;padding:0 15px;display:flex;align-items:center;line-height:calc(1em + 2px);font-size:calc(1rem - 2px);max-width:120px}} /* End */ /* Start:/bitrix/templates/aspro-premier/css/autoload/countdown.min.css?17502527731664*/ .countdown{position:relative;white-space:nowrap;font-size:0;display:inline-block;overflow:hidden;color:#222;border-radius:var(--theme-sticker-border-radius);}.countdown-block{display:block;}.countdown__inner{height:24px;padding-right:3px;background-color:#FFE5E3;overflow:hidden;}.countdown__items{display:none;background-color:#FFE5E3;height:24px;}.countdown__items.is-countdown{display:inline-block;}.countdown__item{padding:4px 3px 0 7px;font-size:12px;width:auto;display:inline-block;position:relative;line-height:16px;height:24px;font-weight:500;}.countdown__item:last-child{display:none;}.countdown__item:before,.countdown__item:after{content:"";background-color:#222;width:2px;height:2px;display:block;position:absolute;right:-3px;border-radius:6px;z-index:10;}.countdown__item:before{top:9px;}.countdown__item:after{bottom:9px;}.countdown__item:last-child:before,.countdown__item:last-child:after{display:none;}.countdown__item.minutes:before,.countdown__item.minutes:after{display:none;}.countdown__item.minutes{padding-right:5px;}.countdown__item .text{display:inline-block;padding:0 0 0 1px;opacity:1;}.countdown__item .text{display:none;}.countdown__icon:before,.countdown__icon:after{display:none;}.countdown__icon{width:10px;height:10px;position:absolute;left:9px;top:7px;background:url('/bitrix/templates/aspro-premier/css/autoload/../../images/svg/sale.svg') center / cover no-repeat;}.countdown__icon .svg{top:-1px;left:1px;}.countdown--icons .countdown__items{margin-left:19px;}.countdown--shadowed{box-shadow:0 5px 12px 0 rgba(34,34,34,.08);}.countdown-list-image{position:absolute;z-index:2;bottom:0;left:0;}.countdown-list-list-image{margin-bottom:4px;}.sticker .countdown{display:block;} /* End */ /* Start:/bitrix/templates/aspro-premier/css/rating.min.css?1750252773210*/ .rating{display:flex;margin:0 -2px;line-height:0}.rating__star{margin:0 2px}.rating__star-svg *{fill:#ccc}.rating__star-svg--filled *{fill:#ecc358}.rating__count{margin-left:10px}.rating__count a{color:inherit} /* End */ /* Start:/bitrix/templates/aspro-premier/css/conditional/rate.min.css?1750252773653*/ .rate__bar{--size:14px;-moz-appearance:none;-webkit-appearance:none;-webkit-mask-image:url('/bitrix/templates/aspro-premier/css/conditional/../../images/svg/star_sm.svg');-webkit-mask-size:cover;accent-color:#E5AC1A;appearance:none;background-color:#ccc;border:none;flex:0 0 var(--size);height:var(--size);mask-image:url('/bitrix/templates/aspro-premier/css/conditional/../../images/svg/star_sm.svg');mask-size:cover;width:var(--size);}.rate__bar::-webkit-progress-bar{background-color:#ccc;}.rate__bar::-webkit-progress-value{background-color:#E5AC1A;}.rate__bar::-moz-progress-bar{background-color:#E5AC1A;}.rate__bar--static,.rate__bar--static::-webkit-progress-bar{background-color:#E5AC1A;}@media (max-width:600px){.rate{justify-content:start}} /* End */ /* Start:/bitrix/templates/aspro-premier/css/reviews.min.css?17502527731030*/ .slider-solution .review{display:flex;height:auto;}.review--small{flex-direction:column;}.review__info .category-separator{--margin-inline:8px;}.review-detail__item-separator{margin:0 6px;color:#e1e1e1;}.review-detail__item-info .votes_block{margin:9px 0 0;}.review-detail__item-close{padding:30px 0 0;}.review__image{--size:120px;width:var(--size);height:var(--size);flex:0 0 var(--size);overflow:hidden;position:relative;}.review__image--fluid-margin{margin:24px 0 0 0;}.review__image--small{--size:56px;}.review__img{object-fit:cover;position:absolute;top:0;left:0;width:100%;height:100%;}.review__image--static .review__img{position:static;height:auto;width:auto;}.review__image--contain .review__img{object-fit:contain;}@media (max-width:600px){.slider-solution .review{flex-direction:column}.review__image{order:-1}.review__image--fluid-margin{margin:0 0 24px 0}.review__image--static{--size:auto}.review__info.line-block{align-items:start;flex-direction:column}.reviews-info__col,.reviews-info__line{flex-direction:column}} /* End */ /* Start:/bitrix/templates/aspro-premier/css/chip.min.css?17520855862816*/ .chip{--item-pl:16px;--item-pr:16px;--item-height:36px;border:0;display:flex;align-items:center;justify-content:center;background-color:var(--card_bg_active);border-radius:var(--theme-button-border-radius);height:var(--item-height);color:var(--white_text_black);padding:0;transition:color .3s ease,background-color .3s ease,border-color .3s ease;}.chip--pill-shape{border-radius:100vw;--item-pl:18px;--item-pr:18px;--item-height:34px;}.chip--rectangular-shape{--item-pl:12px;--item-pr:12px;--item-height:36px;}.chip--small{--item-pl:12px;--item-pr:12px;--item-height:30px;}.chip--large{--item-height:44px;}.chip__label{overflow:hidden;text-overflow:ellipsis;padding-left:var(--item-pl);padding-right:var(--item-pr);white-space:nowrap;}.chip:has(.chip__icon) .chip__label{padding-right:calc(var(--item-pl) - 4px);}.chip.active{color:var(--button_color_text);cursor:pointer;}.chip.active:not(.chip--toggle){cursor:default;}.chip--transparent{background-color:transparent;}.chip:where(a,button,label){cursor:pointer;}.chip:where(a,button,label):hover{background-color:var(--light,rgba(136,136,136,.05)) var(--dark,#343434);color:var(--white_text_black);}.chip--white{background-color:#fff;}@media (any-hover:hover){.chip--white:where(a,button,label):hover{background-color:hsl(var(--theme-base-color-hue),var(--theme-base-color-saturation),calc(var(--theme-base-color-lightness) + var(--theme-lightness-hover-diff)));color:#fff}}.chip--white:where(a,button,label):focus-visible{background-color:hsl(var(--theme-base-color-hue),var(--theme-base-color-saturation),calc(var(--theme-base-color-lightness) + var(--theme-lightness-hover-diff)));color:#fff;}.chip--white-hover{border:1px solid rgba(255,255,255,.32);color:#fff;}.chip--grey-border{border:1px solid rgba(34,34,40,.32);}.chip--white-hover:where(a,button,label):hover,.chip--white-hover:where(a,button,label):focus-visible{background-color:color-mix(in oklab,#e8e9ed,transparent 32%);border-color:transparent;color:#fff;}.chip--white-blur{background-color:rgba(255,255,255,.24);backdrop-filter:blur(10px);color:#fff;}.chip--white-blur:where(a,button,label):hover,.chip--white-blur:where(a,button,label):focus-visible{background-color:hsl(var(--theme-base-color-hue),var(--theme-base-color-saturation),calc(var(--theme-base-color-lightness) + var(--theme-lightness-hover-diff)));border-color:hsl(var(--theme-base-color-hue),var(--theme-base-color-saturation),calc(var(--theme-base-color-lightness) + var(--theme-lightness-hover-diff)));color:#fff;}.chip__icon{padding-right:var(--item-pr);height:18px;display:flex;align-items:center;}.chip.active:hover .chip__icon{opacity:.64;}.chip--sm{--item-pl:10px;--item-pr:10px;--item-height:29px;}.chip--max-width{max-width:400px;}@media (max-width:600px){.chip--sm-to-600{--item-pl:10px;--item-pr:10px;--item-height:30px}} /* End */ /* Start:/bitrix/templates/aspro-premier/css/conditional/hint.min.css?17502527732107*/ .hint{position:relative;cursor:pointer;}.hint--absolute{position:absolute;top:0;right:-12px;z-index:1;}.hint.hint--absolute2{position:absolute;right:-23px;top:0;z-index:1;}.hint.hint--inline{display:inline-flex;vertical-align:middle;margin-left:3px;}.hint--inline .tooltip{margin-bottom:4px;}.hint__icon{display:inline-block;cursor:pointer;text-align:center;padding:0;height:16px;width:16px;line-height:15px;border:1px solid #e5e5e5;font-size:11px;}@media (any-hover:hover){.hint .hint__icon:hover{color:#fff}}.hint__icon i{font-style:normal;}.hint__icon--absolute{position:absolute;z-index:202;left:-35px;top:-1px;}.hint__text{padding:0 0 0 6px;}.hint .tooltip{position:absolute;left:-19px;top:auto;bottom:100%;line-height:14px;z-index:202;display:none;padding:13px 16px 13px;min-width:200px;max-width:300px;font-size:12px;border-radius:8px;border-radius:var(--theme-button-border-radius);font-weight:400;box-shadow:0 0 15px rgba(0,0,0,.12);background:#fff;background:var(--card_bg_hover_black);}.hint.active .tooltip{opacity:1;z-index:204;cursor:auto;}.hint .tooltip--manual{max-width:232px;opacity:1;}.hint.active .hint__icon{border-color:#9e9e9e;border-color:var(--theme-base-color);background-color:#9e9e9e;background-color:var(--theme-base-color);color:#fff;}.hint.hint--down .tooltip{left:-16px;top:calc(100% + 4px);word-break:normal;bottom:inherit;opacity:1;}.properties_absolute{position:absolute;top:0;padding-right:35px;padding-top:2px;right:100%;bottom:0;width:100%;text-align:left;transition:all .2s ease-in-out;}.properties__item{position:relative;word-break:break-word;}.properties__item--inline{display:inline;}.properties__item.properties__item--compact{margin-top:0;}.properties__hr{margin:0 4px 0px -2px;}@media (min-width:768px){.properties-absolute-outer:hover .properties_absolute{right:0}.properties_absolute.to-top{right:0;top:100%}.properties-absolute-outer:hover .properties_absolute.to-top{top:0}}.properties__title .hint{display:inline-flex;position:relative;margin:0 3px 0 2px;top:-1px;}.properties.list .properties__value{margin-top:3px;overflow:hidden;text-overflow:ellipsis;} /* End */ /* Start:/bitrix/templates/aspro-premier/css/conditional/sticker.min.css?17502527731698*/ .sticker{position:absolute;z-index:3;top:0;left:0;display:flex;flex-wrap:wrap;gap:4px;}.sticker--static{position:static;}.sticker--offset-16{top:16px;left:16px;}.sticker__item{--sticker_color:#0cbc3d;--sticker-height:24px;padding:1px 8px 1px 8px;color:#fff;background:var(--sticker_color);border-radius:var(--theme-sticker-border-radius);font-weight:500;position:relative;height:var(--sticker-height);display:inline-flex;align-items:center;}.sticker .sticker__item{line-height:12px;display:flex;}.sticker__item--bordered{color:#666;color:var(--lite_basic_text_black);border:1px solid #e5e5e5;border-color:var(--stroke_black);background:#fafafa;background:var(--light2_bg_black);}.sticker--upper .sticker__item{text-transform:uppercase;}.sticker__item--sale,.sticker__item--aktsiya,.sticker__item--stock{--sticker_color:#ffeca8;color:#222;}.sticker__item--new,.sticker__item--novinka{--sticker_color:#32cb41;}.sticker__item--hit,.sticker__item--khit{--sticker_color:#ff7455;}.sticker__item--recommend,.sticker__item--sovetuem{--sticker_color:#a56ffd;}.sticker__item--sale-text,.sticker__item--sale_text,.sticker__item--red{--sticker_color:#ff4f64;}.sticker__item--blur{--sticker_color:rgba(34,34,40,.32);}.sticker__item--light-green{--sticker_color:#def6e0;color:#222;}.status-icon{position:relative;display:flex;align-items:center;gap:4px;white-space:nowrap;color:#32cb41;}.status-icon.nostock{color:#f91a35;}.status-icon.order{color:#25a4f1;}.status-icon.pending{color:#fc9e41;}.btn-fast-view{position:absolute;transform:translateX(-50%);bottom:40px;left:50%;z-index:4;opacity:0;transition:opacity .3s ease;}.btn-fast-view .btn-fast-view{bottom:0;}.grid-list__item:hover .btn-fast-view{opacity:1;} /* End */ /* Start:/bitrix/templates/aspro-premier/css/conditional/prices.min.css?17502527731975*/ .prices{display:flex;flex-direction:column;gap:8px;}.price{--animation-duration:.2s;position:relative;}.price__row{display:flex;flex-direction:row;justify-content:start;flex-wrap:wrap;align-items:baseline;gap:2px 8px;}.price .sticker{display:inline-flex;position:relative;top:auto;bottom:2px;left:0;gap:2px;z-index:initial;white-space:nowrap;}.price--hide-economy .price__economy{display:none;}.price .price__economy .sticker__item{--sticker-height:18px;padding-inline:6px;}.price__range{position:relative;flex-grow:1;}.price__row + .price__row{margin-top:2px;}.price + .price.price--with-title.price--with-range{margin-top:8px;}.price__popup-toggle{position:relative;display:flex;align-items:center;align-self:center;justify-content:center;width:20px;height:16px;background-color:var(--black_bg_black);border:1px solid var(--stroke_black);transition:background-color var(--animation-duration) ease,border-color var(--animation-duration) ease;font-size:1rem;line-height:calc(1em + 8px);padding:0;}.price__popup-toggle::after{content:'...';position:absolute;top:-9px;left:0;font-size:14px;right:0;text-align:center;}.price__popup-toggle.animate::after{animation:price_popup_toggle_loadings .3s linear infinite alternate;}.price__popup-toggle:is(.price__popup-toggle--active,:hover){border-color:var(--stroke_input);}.price__popup-bottom{position:sticky;bottom:0;background-color:var(--card_bg_black);z-index:1;}.xpopover:has(.price__popup){min-width:min(100%,240px);width:auto;}.xpopover:has(.price__popup)>.scrollbar{max-height:calc(min(100vh,400px) - var(--xpopover-pt) - var(--xpopover-pb));}@media (max-width:380px),(max-width:760px) and (min-resolution:2dppx){.xpopover:has(.price__popup)>.scrollbar{max-height:calc(100vh - var(--xpopover-pt) - var(--xpopover-pb))}.price__popup-bottom{padding-bottom:var(--xpopover-content-pb);margin-bottom:calc(-1* var(--xpopover-content-pb))}}@keyframes price_popup_toggle_loadings{from{content:'.'}50%{content:'..'}to{content:'...'}} /* End */ /* Start:/bitrix/templates/aspro-premier/css/catalog.min.css?17520855868318*/ .buy_block{display:block;}body .buy_block .item-action--basket:not(.active) + .in_cart,body .buy_block .item-action--basket.loadings + .in_cart{display:none;}body .buy_block .item-action--basket.active:not(.loadings){display:none;}.btn-actions--with-icons{max-width:243px;flex-basis:100%;}.btn-actions__inner{flex:1;max-width:100%;text-overflow:ellipsis;}.btn-actions--with-icons .buy_block{display:flex;flex:1;justify-content:flex-end;}.btn-actions--with-icons .buttons{flex:1;}.buy_block .btn{white-space:normal;max-width:100%;text-overflow:ellipsis;text-align:center;}.counter{display:flex;justify-content:space-between;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;width:103px;min-width:103px;overflow:hidden;}.counter__action{flex:0 0 30px;position:relative;}.counter__action:hover{background-color:var(--tag_hover);}.counter__action:before,.counter__action:after{content:"";position:absolute;display:block;background-color:var(--white_text_black);border-radius:1px;top:50%;left:50%;}.counter__action:before{width:12px;height:2px;margin-top:-1px;margin-left:-6px;}.counter__action--plus:after{width:2px;height:12px;margin-top:-6px;margin-left:-1px;}.counter__count{--input_bg_color-focus:transparent;--input_border_color-focus:transparent;flex:1;width:100%;height:100%;border:none;background:transparent;text-align:center;color:var(--white_text_black);}.btn .counter{height:calc(var(--button-height) - 3px);}.btn-wide .counter{width:auto;flex:1;}.btn-lg .counter__action{flex-basis:44px;}.btn-elg .counter__action{flex-basis:48px;}.buttons + .info-buttons{margin-top:8px;}.info-buttons__item .btn{display:block;padding-left:14px;padding-right:14px;}.info-buttons__item + .info-buttons__item--question .btn-sm{width:44px;margin-left:8px;}.info-buttons__item--question .btn-default:not(.btn-sm):not(.btn-md):not(.btn-lg):not(.btn-wide){width:50px;margin-left:12px;}.buttons-big-gap .buttons + .info-buttons{margin-top:12px;}.buttons-big-gap .info-buttons__item + .info-buttons__item--question .btn{margin-left:12px;width:56px;}.info-buttons__item--compare .btn.active{background-color:#9e9e9e;background-color:var(--theme-base-color);border-color:#9e9e9e;border-color:var(--theme-base-color);}.info-buttons__item-text{margin-left:7px;}.block-with-icon{display:flex;flex-flow:row wrap;}.block-with-icon--mt-14{margin-top:14px;}.block-with-icon__icon{margin:3px 11px 0 0;}.block-with-icon__text{flex:1;}.counter--basket{width:88px;background:#f8f8f8;background:var(--darkerblack_bg_black);margin:auto;}.counter--basket .counter__action{flex-basis:26px;border:none;cursor:pointer;}.counter--basket .counter__action:hover:before,.counter--basket .counter__action:hover:after{background-color:#333;background-color:var(--fill_dark_lite_white_hover);}.counter--basket .counter__action:before,.counter--basket .counter__action:after{background-color:#999;}.counter--basket .counter__action:before{width:8px;margin-left:-4px;}.counter--basket .counter__action.counter__action--plus:after{height:8px;margin-top:-4px;}.counter--basket .counter__count{color:#333;color:var(--white_text_black);font-size:.8em;}.section-wrapper-list>div{margin-bottom:32px;}@media (max-width:600px){.grid-list.grid-list--compact .js-popup-block,.owl-carousel .catalog-block__item{padding:10px}.grid-list .js-popup-block .countdown,.owl-carousel .catalog-block__item .countdown,.owl-carousel .sticker,.owl-carousel .sticker-wrap{display:none}.grid-list.grid-list--compact div[class*="info-title"],.owl-carousel .catalog-block__item div[class*="info-title"]{line-height:calc(1em + 7px)}}@media (max-width:600px){.hide-600{display:none!important}body .js-btn-state-wrapper .btn,body .js-replace-more.btn{--button-height:36px;--button-pl:8px;--button-pr:8px;width:100%}}.sku-props--no-current{opacity:.6;transition:opacity .3s ease;}.sku-props--no-current:hover{opacity:1;}.sku-props__item{margin-top:16px;}.sku-props--detail .sku-props__values{--gap:6px;}.sku-props--detail .sku-props__value{--sku-height:46px;--sku-prop-stroke:2px;padding:10px 27px;font-size:calc(1rem - 1px);}.sku-props--detail .sku-props__title{font-size:calc(1rem - 3px);line-height:calc(1em + 5px);padding-bottom:7px;}.sku-props--reset-margin-top .sku-props__item{margin-top:0;}.sku-props--list .sku-props__values>.line-block__item{padding-top:4px;}.sku-props__title{font-size:calc(1rem - 4px);line-height:calc(1em + 4px);padding-bottom:4px;}.sku-props__title .hint{display:inline-block;padding-left:1px;top:-1px;}.sku-props--list .sku-props__title{font-size:.8125rem;}.sku-props__value{--sku-width:auto;--sku-height:30px;width:var(--sku-width);height:var(--sku-height);min-width:40px;justify-content:center;padding:8px 10px;background-color:var(--card_bg_black);box-shadow:0 0 0 1px var(--stroke_input) inset;color:var(--white_text_black);display:flex;align-items:center;line-height:var(--sku-height)!important;border-radius:4px;border:none;user-select:none;transition:all ease .05s;}.sku-props__value:not(:where(.sku-props__value--pict,.sku-props__value--active,.sku-props__value--missing)):is(:hover,:focus-visible){box-shadow:0 0 0 1px color-mix(in oklab,var(--white_text_black) 50%,transparent) inset;cursor:pointer;}.sku-props__value--missing{color:var(--stroke_black);overflow:hidden;position:relative;}.sku-props__value--missing::after{background:var(--stroke_black);content:"";display:block;height:1px;left:0;position:absolute;top:50%;transform:rotateZ(-37deg) scaleX(1.2);width:100%;z-index:1;}.sku-props__value:not(.sku-props__value--active):active{transform:translateY(1px);}.sku-props__value--active{cursor:default;&:not(.sku-props__value--pict){box-shadow:0 0 0 var(--sku-prop-stroke,1px) var(--white_text_black) inset;background-color:transparent}}.sku-props__value--text-lg{--sku-width:auto;--sku-height:auto;--sku-prop-stroke:2px;justify-content:center;min-width:60px;}.sku-props__value--pict{--sku-prop-pict-inset:-4px;--sku-width:28px;--sku-height:28px;padding:0;font-size:0;padding:0;min-width:auto;background-size:cover;background-repeat:no-repeat;border:calc(var(--sku-prop-pict-inset) * -1) solid var(--white_text_black_reverse);border-radius:var(--theme-button-border-radius);box-shadow:none;position:relative;flex-shrink:0;&:is(:hover,:focus-visible){&::before{box-shadow:0 0 0 var(--sku-prop-stroke,1px) color-mix(in oklab,var(--white_text_black) 50%,transparent) inset}}}.sku-props--detail .sku-props__value--pict{--pict-prop-size:56px;height:var(--pict-prop-size);padding:0;width:var(--pict-prop-size);font-size:0;}.sku-props__value--pict:before{content:"";display:block;box-shadow:0 0 0 1px color-mix(in oklab,var(--white_text_black) 10%,transparent) inset;border-radius:4px;position:absolute;inset:var(--sku-prop-pict-inset,0);}.sku-props__value--active.sku-props__value--pict:before{box-shadow:0 0 0 var(--sku-prop-stroke,1px) var(--white_text_black) inset;}.sku-props__value--pict.sku-props__value--pict-lg{--sku-width:42px;--sku-height:42px;--sku-prop-stroke:2px;}.sku-props__value--pict.sku-props__value--active{border-color:var(--white_text_black_reverse);}.sku-props--detail .sku-props__value--pict.sku-props__value--active,.sku-props__value--pict-lg.sku-props__value--active{--sku-prop-pict-inset:-4px;}@media (max-width:600px){.sku-props--detail .sku-props__title{font-size:.8125rem}.sku-props--detail .sku-props__value--pict{--pict-prop-size:40px}}.status-amount--stores{opacity:0;transition:opacity .3s ease;}.status-amount--visible{opacity:1;}.status-amount--stores.dotted{cursor:pointer;}.grid-list.catalog-detail__forms{--gap:16px;}.catalog-detail__pseudo-link--with-gap{margin-top:8px;}.catalog-detail .catalog-detail__pseudo-link{display:flex;}.catalog-detail__pseudo-link .icon-container{margin-top:1px;}.pseudo-link__icon{margin-right:10px;}.catalog-detail .brand-detail-info__image{align-items:center;background-color:#fff;display:inline-flex;height:42px;justify-content:flex-start;max-width:90px;padding:5px;}.catalog-detail .brand-detail-info__image a{align-items:center;display:flex;height:100%;width:100%;}.sale_gift_product_container .btn-fast-view,.bx_sale_gift_main_products .btn-fast-view{display:none;}.catalog-detail .content--max-width{max-width:1200px;}.visible-by-container-rule:has(.hidden){display:none;}.side-icons{position:absolute;top:4px;right:4px;z-index:4;width:20px;} /* End */ /* Start:/bitrix/templates/aspro-premier/css/catalog-block.min.css?17520855865426*/ .catalog-block__item{--catalog-block-radius:var(--theme-outer-border-radius);--catalog-block-padding:16px;padding:var(--catalog-block-padding) var(--catalog-block-padding) var(--catalog-block-padding);height:100%;border-radius:12px;border-radius:var(--catalog-block-radius);position:relative;}.catalog-block__inner{position:relative;}.catalog-block__item .catalog-block__item--img-corner{width:auto;margin:calc(-1 * var(--catalog-block-padding)) calc(-1 * var(--catalog-block-padding)) 0;}.catalog-block__info-bottom .catalog-block__info-btn{min-width:0;}.grid-list--no-gap .catalog-block__item .catalog-block__item--img-corner{border-radius:0;}.catalog-block__item .catalog-block__item--img-corner .image-list__link{border-radius:var(--catalog-block-radius);overflow:hidden;}.catalog-block__item .catalog-block__item--img-corner .sticker{left:var(--catalog-block-padding);top:var(--catalog-block-padding);}.catalog-block__item .catalog-block__item--img-corner .side-icons{right:var(--catalog-block-padding);top:var(--catalog-block-padding);}.catalog-block__item .catalog-block__item--img-corner .price-economy{left:var(--catalog-block-padding);}.catalog-block__item .catalog-block__item--img-corner img{border-radius:0;}.catalog-block__item .catalog-block__item--img-corner .countdown-list-image{bottom:27px;left:34px;}body .catalog-block__info{margin-top:16px;flex-basis:auto;flex-grow:0;margin-bottom:auto;}.catalog-block__info-title{line-height:calc(1em + 7px);}.catalog-block__info-tech{margin:6px 0 0;}.catalog-block__info-bottom{margin-top:16px;position:relative;}.catalog-block__info-bottom-wrapper{width:max-content;max-width:100%;}.catalog-block__info-bottom--margined{margin:4px 0;}@media (min-width:769px){.properties-absolute-outer:hover ~ .image-list-outer .sticker{left:100%;right:-100%}.properties-absolute-outer:hover ~ .image-list-outer .image-list__link,.properties-absolute-outer:hover ~ .image-list-outer .countdown{left:100%}.image-list-outer .sticker,.image-list-outer .image-list__link,.image-list-outer .countdown{transition:all ease .2s}.properties-absolute-outer:hover ~ .image-list-outer .to-top .sticker{top:100%}.properties-absolute-outer:hover ~ .image-list-outer .to-top .image-list__link,.properties-absolute-outer:hover ~ .image-list-outer .to-top .countdown{top:100%}.image-list-outer_overflow{overflow:hidden}.catalog-block__offers .sku-props{display:none}.catalog-block__wrapper{position:relative}.catalog-block__wrapper:hover{z-index:5}.catalog-block__wrapper[data-hovered="true"] .catalog-block__item{height:auto;position:absolute;top:0;left:0;right:0;z-index:4}.catalog-block__wrapper[data-hovered="true"] .catalog-block__offers .sku-props{display:block}}@media (max-width:768px){.catalog-block__wrapper,.catalog-block__info{height:auto!important}.catalog-block__info-bottom{display:flex;flex-direction:column}.catalog-block__offers{order:-1;margin-top:-16px}.catalog-block__info-bottom .sku-props{margin-bottom:10px}.catalog-block__info-bottom .btn .counter{width:100%}}@media (min-width:601px){#main .catalog-block__info-price{text-align:left;flex:1}.catalog-block__info-price + .catalog-block__info-btn{text-align:right}.bx-ie .catalog-block__info-btn{top:50%;transform:translateY(-50%)}.catalog-block__info-bottom .line-block{justify-content:normal}.catalog-block__item--centered .catalog-block__info-bottom .line-block{justify-content:center}.catalog-block--bottom-btn .catalog-block__info-bottom--margined{flex-basis:100%}.catalog-block--bottom-btn .catalog-block__info-bottom--margined:last-of-type{margin-top:13px}.catalog-block--bottom-btn .btn{display:block}.catalog-block--bottom-btn .counter{width:auto}}.detail-block .catalog-block .owl-stage{display:flex;flex-direction:row;}.detail-block .catalog-block .owl-item{flex-shrink:0;}.properties-absolute-outer{padding-top:100%;position:absolute;top:0;left:0;right:0;overflow:hidden;z-index:4;}.properties-absolute-outer.properties-absolute-margin{padding-top:calc(100% + 28px);}@media (max-width:600px){.catalog-block__item{--catalog-block-padding:10px}.catalog-block__info-tech{margin-top:8px}.catalog-block__info-bottom-wrapper{width:100%}}.grey-bg-goods-y [data-option-type=".CATALOG_TAB"] .subs:first-of-type,.grey-bg-goods-y [data-option-id="ELEMENTS_TABLE_TYPE_VIEW"] .subs{opacity:.5;pointer-events:none;cursor:not-allowed;}.grey-bg-goods-y .block .catalog-block__item{padding:0;box-shadow:none!important;background-color:transparent;}.catalog-block__underlay{display:none;}@media (min-width:769px){.grey-bg-goods-y .grid-list .catalog-block__item:hover .catalog-block__underlay{position:absolute;inset:calc(var(--catalog-block-padding) * -1);display:block;background:var(--card_bg_black);border-radius:var(--catalog-block-radius)}.grey-bg-goods-y .catalog-block__wrapper:hover .catalog-block__underlay{box-shadow:0 5px 30px rgba(34,34,40,.08)}}.grey-bg-goods-y .block.grid-list{row-gap:40px;}.grey-bg-goods-y .catalog-block__item--img-corner{margin:0!important;}.grey-bg-goods-y .catalog-items .image-list .sticker{left:12px;top:12px;}.grey-bg-goods-y .image-list .side-icons{right:12px;top:12px;}.grey-bg-goods-y .catalog-complect__amount{right:12px;top:12px;}@media (max-width:450px){.grey-bg-goods-y .grid-list.grid-list--compact{column-gap:min(var(--theme-items-gap),8px)!important;row-gap:40px!important}}@media(min-width:601px) and (max-width:1399px){.catalog-block__info-bottom .js-btn-state-wrapper{flex:none}} /* End */ /* Start:/bitrix/templates/aspro-premier/css/back-url.min.css?1750252773611*/ .bottom-links-block{margin:32px 0 0 0;display:flex;align-items:center;justify-content:space-between;}@media (min-width:1200px){.bottom-links-block--right-padding{width:calc(100% - 400px)}}.back-url{position:relative;}.back-url:hover .back-url-icon{opacity:1;}.back-url-icon{display:inline-block;vertical-align:top;right:initial;top:6px;left:0;}.back-url-icon .svg{right:inherit;left:0;bottom:1px;}.back-url-icon .arrow-all__item-line{left:0;right:calc(100% - 18px);transition:right ease .5s;}.back-url:hover .back-url-icon .arrow-all__item-line{left:0;right:calc(100% - 34px);}.back-url-text{padding:0 0 0 8px;} /* End */ /* /bitrix/templates/aspro-premier/components/bitrix/catalog/main/style.min.css?17502527731446 */ /* /bitrix/templates/aspro-premier/css/animation/animate.min.css?175025277352789 */ /* /local/templates/.default/components/bitrix/catalog.element/main/pc/style.min.css?17913907481276 */ /* /local/assets/put-pokupki/plitka-maket.css?179139074821405 */ /* /local/assets/put-pokupki/nalichie-maket.css?17913907486638 */ /* /local/assets/put-pokupki/plitka-sajt.css?179156706223104 */ /* /local/assets/put-pokupki/karta-maket.css?179139074841668 */ /* /local/assets/put-pokupki/karta-sajt.css?1791689198101687 */ /* /bitrix/templates/aspro-premier/css/share.min.css?17502527731896 */ /* /local/templates/.default/components/yandex/yandexpay.widget/.default/style.css?178950960393 */ /* /bitrix/components/aspro/props.group.premier/templates/.default/style.min.css?17502525863255 */ /* /bitrix/templates/aspro-premier/css/jquery.fancybox.min.css?175025277313058 */ /* /bitrix/templates/aspro-premier/css/fancybox-gallery.min.css?17502527733658 */ /* /bitrix/templates/aspro-premier/css/detail.min.css?17502527731580 */ /* /bitrix/templates/aspro-premier/vendor/css/carousel/swiper/swiper-bundle.min.css?175025277315817 */ /* /bitrix/templates/aspro-premier/css/slider.swiper.min.css?17502527734117 */ /* /bitrix/templates/aspro-premier/css/slider.min.css?1750252773688 */ /* /bitrix/templates/aspro-premier/css/rounded-columns.min.css?17502527731033 */ /* /bitrix/templates/aspro-premier/css/gallery.min.css?17502527736491 */ /* /bitrix/templates/aspro-premier/css/autoload/countdown.min.css?17502527731664 */ /* /bitrix/templates/aspro-premier/css/rating.min.css?1750252773210 */ /* /bitrix/templates/aspro-premier/css/conditional/rate.min.css?1750252773653 */ /* /bitrix/templates/aspro-premier/css/reviews.min.css?17502527731030 */ /* /bitrix/templates/aspro-premier/css/chip.min.css?17520855862816 */ /* /bitrix/templates/aspro-premier/css/conditional/hint.min.css?17502527732107 */ /* /bitrix/templates/aspro-premier/css/conditional/sticker.min.css?17502527731698 */ /* /bitrix/templates/aspro-premier/css/conditional/prices.min.css?17502527731975 */ /* /bitrix/templates/aspro-premier/css/catalog.min.css?17520855868318 */ /* /bitrix/templates/aspro-premier/css/catalog-block.min.css?17520855865426 */ /* /bitrix/templates/aspro-premier/css/back-url.min.css?1750252773611 */