*,:after,:before{box-sizing:border-box}ol li,ul:not([class]) li{padding-left:22px;margin-top:15px;position:relative}a,ol li:before{color:var(--color1)}.bt,body,ol li{position:relative}.bt,.text-center{text-align:center}.bt.white,body{color:var(--color0)}.bt-callback svg,.header-calc svg,.social-icon svg{fill:var(--color1)}.work-list,ol{counter-reset:item}.bt,.work-list li:last-child:before{color:var(--color2)}.article p,.main-service p,.step-item p,.tariff-item .head p{line-height:24px;font-size:15px}body,button,input,select,textarea{font-family:'Museo Sans Cyrl',sans-serif}.bt,.bt-menu,.faq-item .head,.mobile-bt-up,.slick-arrow,.slick-dots li,a,button{cursor:pointer}.bt,.bt-callback svg,.slick-dots li,a{transition:.3s}a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{margin:0;padding:0;border:0;font-size:100%;vertical-align:baseline}.preview-block .promotion .text,.service-menu ul:not([class]) li,ol{margin-top:10px}.service-list li span,article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section{display:block}*{outline:0;margin:0;padding:0}body{background:#fff;font-size:15px;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;font-weight:300}.h1,.h2,.h3,.preview-block H1,H1,H2,H3{font-size:22px;font-weight:900}.h2,.h3,H2,H3{padding-top:28px}.bt,.bt-menu,.h4,H4{font-size:16px}.h4,H4{padding-top:25px;font-weight:700}ul,ul li{list-style:none}ul:not([class]){padding-top:10px;padding-left:16px}ul:not([class]) li{font-weight:500}ul:not([class]) li:before{content:'';display:block;position:absolute;left:0;top:5px;width:8px;height:8px;box-sizing:border-box;border:2px solid var(--color1);border-radius:50%}ol{padding-left:16px;list-style-type:none}ol li:before{content:counter(item) '. ';counter-increment:item;font-weight:700;position:absolute;left:0;top:0}.page H1,.service-item .bt,.step-item,p{margin-top:20px; text-align:justify}.on_top{padding: 28px 0}.container,.viewport-wrapper{min-width:300px;margin:0 auto}strong{font-weight:900}.bt{padding:0 27px;height:52px;border-radius:5px;background:var(--color1);font-weight:700;text-decoration:none;box-shadow:0 8px 4px -4px var(--color10)}.bt-menu,.hn,.logo{font-weight:400}.bt.white{background:var(--color2);box-shadow:0 8px 4px -4px var(--color11)}svg{width:0;height:0}a.bt{display:inline-flex;justify-content:center;-ms-align-items:center;align-items:center}.container{padding:0 12px;width:100%}img{border:none;vertical-align:top;max-width:100%}.benefit-list:not(.slick-slider) .item:not(:first-child),.bt-menu.close .icon svg,.callback-block .logo,.contact-wrapper .item span:first-child,.footer-contact:not(.for-mobile),.form-aside .logo,.form-preview .icon,.header-act,.header-mid .bt,.header-title,.header-top,.hidden,.main-service:not(.slick-slider) .item:not(:first-child),.module-block .link-more,.offer-block .logo,.page-nav,.portfolio-list:not(.slick-slider) .portfolio-item:not(:first-child),.preview-advantage:not(.slick-slider) .item:not(:first-child),.project-wrapper .bt,.work-list:not(.slick-slider) li:not(:first-child){display:none}.bt-menu,.viewport-wrapper{position:relative;display:flex}.bt-menu{z-index:10;align-items:center}.bt-menu .icon{position:relative;margin:2px 10px 0 0;width:21px}.bt-menu .icon svg{width:21px;height:19px}.bt-menu.close,.logo span,.modal-title span{color:var(--color1)}.bt-menu.close:after,.bt-menu.close:before{content:'';display:block;height:1px;width:20px;position:absolute;top:9px;left:0;background:var(--color1);transform:rotate(45deg)}.bt-menu.close:after,.hn a.icon-chevron:after,.mobile-menu .close:after{transform:rotate(-45deg)}.viewport-wrapper{overflow:hidden;padding-top:121px;flex-direction:column;min-height:100vh}.logo,.social-icon{align-items:center;display:flex}.viewport-wrapper.overflow{width:100%;height:100vh;-webkit-overflow-scrolling:touch}.logo{font-size:18px}.social-icon a{display:flex;align-items:center;margin-left:12px}.social-icon .icon-vk,.social-icon .icon-youtube{width:32px;height:22px}.social-icon .icon-instagram{width:22px;height:23px}.bt-callback{display:flex;background:0;border:2px solid var(--color1);padding:0 22px;height:46px;color:inherit;box-shadow:none}.dd_m,.dd_s,.hn{display:none}.hn>ul>li+li,.review-item,.review-list .review-item+.review-item{border-top:1px solid var(--bg2)}.hn,.modal{box-shadow:0 20px 20px var(--color7)}.bt-callback svg{width:16px;height:20px;margin-right:9px}.header{position:absolute;left:0;top:0;z-index:100;background:var(--bg0);width:100%;font-size:14px}.header-mid{position:relative;padding:13px 0 14px}.header-mid:before{content:'';display:block;position:absolute;left:50%;bottom:0;transform:translateX(-50%);width:999999px;height:1px;z-index:-1;background:var(--bg2)}.header-contact{text-align:right;margin-left:auto}.header .logo{width:110px}.contact-wrapper .tel{display:inline-flex;align-items:center;color:inherit;font-weight:700;font-size:14px;text-decoration:none}.dd_m>ul>li>a,.hn>ul>li>a{align-items:center;color:inherit;text-decoration:none}.contact-wrapper .tel svg{fill:var(--color1);width:13px;height:12px;margin-right:4px}.contact-wrapper .item{color:var(--color4);font-size:14px}.contact-wrapper .item span+span{margin-left:6px}.header-bot{height:61px}.hn{position:absolute;left:0;top:100%;width:100%;background:var(--color2);overflow:auto;z-index:5}#mapyandex,.benefit-list,.form-preview,.project-box,.service-box,.work-list{overflow:hidden}.hnl{padding:0 15px 7px;margin:0 auto}.hn>ul>li>a{display:flex;height:48px;font-size:18px}.hn a.icon-chevron:after{content:'';display:block;border-bottom:1px solid;border-right:1px solid;width:8px;height:8px;margin:1px 2px 0 auto}.dd_m>ul>li.active>.icon-chevron:after,.hn>ul>li.active>a.icon-chevron:after{transform:rotate(45deg)}.dd_m{padding:0 15px 10px}.dd_m>ul>li>a{padding:5px 0;display:inline-flex;font-size:15px;font-weight:500}.dd_m>ul>li>.icon-chevron:after{width:6px;height:6px;margin-left:6px}.dd_s{padding:5px 10px 10px}.dd_s a{display:inline-block;padding:3px 0;color:inherit;text-decoration:none}.agree,.review-item .date,.service-list span{color:var(--color4)}.header-calc{display:flex;align-items:center;text-decoration:none;font-size:12px}.autor,.statistics-list .item{align-items:flex-start;display:flex}.header-calc svg{width:30px;height:30px;margin-right:13px}.header-calc .text{width:106px}.bt-detail .js-toggle span,.call-wrapper .tel span,.header-calc .text span,.msg-dropdown a span{border-bottom:1px dashed}.preview-block{position:relative;z-index:1;background:var(--bg6);padding:31px 12px 28px}.preview-advantage .item,.project-box,.service-box{background-color:var(--bg0)}.preview-block .promotion{margin:26px 0 17px}.preview-block .promotion .head{margin-right:20px;color:var(--color4)}.preview-block .promotion strong{font-size:18px;color:var(--color1)}.preview-block .bt{width:100%;padding:0;margin-top:14px;font-size:16px}.preview-block .bt svg{fill:var(--color2);width:24px;height:21px;margin-left:26px}.preview-block .breadcrumbs{padding-bottom:22px}.preview-block .content p{font-size:16px;margin:30px 0 20px;line-height:24px}.preview-advantage{position:relative;margin:29px -10px 0;overflow:hidden;padding-bottom:36px}.preview-advantage .item{margin:0 10px;padding:15px 10px;border:1px solid var(--color5);text-align:center}.about-block .content,.project-box,.service-box,.work-list .wrapper{border:1px solid var(--bg2)}.fn_n li,.page H3+p,.preview-advantage .item p,.review-item p{margin-top:15px}.preview-advantage .item svg{fill:var(--color1);width:34px;height:36px}.service-grid{padding-top:11px}.service-box{position:relative;z-index:2;margin-top:11px;width:100%;padding:26px}.service-box .h2{padding:0;font-size:24px}.service-box .h3{padding-top:20px;font-size:20px}.offer-block ul+ul,.service-box .h3:first-child,.service-menu ul:not([class]){padding-top:0}.service-box .img{position:absolute;top:91px;max-width:143px;right:0;z-index:-1}.service-box .hr{width:100%;height:1px;margin:22px 0 0;background:var(--bg2)}.service-box .sub{margin-top:5px;font-size:15px}.service-box .bt{margin-top:25px;display:flex;max-width:164px}.service-box .bt svg,.service-item .bt svg{width:16px;height:17px;margin-left:20px;fill:var(--color2)}.service-list{padding-top:22px}.autor .photo img,.modal-content,.service-list li{width:100%}.service-list li:not(:last-child){margin-bottom:17px}.service-list li a:not(.bt){color:inherit;font-weight:500}.service-list .bt{padding:0;margin-top:8px}.service-box .img.bottom{right:36px;top:auto;transform:translateY(0);bottom:0}.service-box .img.middle{right:0;top:50%;transform:translateY(-50%)}.service-list span{width:140px}.project-box{position:relative;z-index:2;margin-top:32px}.form-preview,.work-block{background-color:var(--bg6)}.project-box+.project-box,.statistics-list p{margin-top:12px}.form-preview .h3,.project-box .h3,.tariff-item .h4{padding:0}.project-wrapper{position:relative;padding:25px 25px 0}.project-img{margin:10px -25px 0}.statistics-list{padding:20px 0 0}.statistics-list .item{padding:22px 0}.statistics-list .item:not(:last-child){border-bottom:1px solid #ececec}.statistics-list .icon{width:48px;min-width:48px}.statistics-list .icon svg{fill:var(--color1);width:48px;height:48px}.statistics-list .text{width:100%;padding-left:18px}.statistics-list .value{font-weight:900;font-size:20px}.review-item{padding:26px 0 30px;margin:26px 15px 0}.review-item .link-all{margin-left:auto}.review-item .content{position:relative;display:flex;flex-direction:column;padding-bottom:35px}.review-item .info-panel{margin-top:26px}.review-item .link-more{color:inherit;color:inherit;position:absolute;left:0;bottom:0;font-weight:500}.autor,.benefit-list,.benefit-list .item,.faq-item,.faq-item .head,.offer-block,.work-list,.work-list li{position:relative}.autor .photo{width:54px;min-width:54px}.autor .info{padding-left:20px}.autor .name{font-size:18px;font-weight:700}.autor .post{margin-top:8px;color:var(--color4)}.about-block .content{margin-top:20px;padding:35px 15px 25px}.about-block .content>H3:first-child{padding:0;font-size:20px;font-weight:700}.advantage-list,.callback-block,.contact-item+.contact-item{margin-top:30px}.advantage-list .item{display:flex;align-items:flex-start;padding:30px 0 30px 30px}.advantage-list .item:not(:last-child),.price-table .trow:not(:last-child){border-bottom:1px solid var(--bg2)}.advantage-list .icon{width:66px;min-width:66px}.advantage-list .icon svg,.benefit-list .icon svg,.work-list .icon svg{fill:var(--color1);width:42px;height:42px}.advantage-list .value{line-height:100%;font-size:26px;font-weight:900}.advantage-list p{font-weight:500;margin-top:10px}.work-block{padding-bottom:28px}.work-list{margin:20px -5px 0;padding-bottom:36px}.work-list li{display:flex;padding:5px}.work-list li:before{content:counter(item,decimal-leading-zero);counter-increment:item;position:absolute;top:31px;right:20px;height:42px;display:flex;align-items:center;font-weight:900;color:var(--color6);font-size:36px;z-index:2}.work-list .wrapper{position:relative;background:var(--bg0);width:100%;height:100%;padding:20px 15px 15px}.work-list p{margin-top:15px;font-weight:500}.work-list .bt{padding:0;margin-top:25px;max-width:164px;display:flex;height:46px;font-size:14px}.work-list li:last-child .wrapper{background:var(--color1);color:var(--color2);border-color:var(--color1)}.work-list li:last-child .icon svg{fill:var(--color2)}.offer-block{padding:29px 0}.offer-block .content{border:2px solid var(--color1);border-radius:3px;background:var(--bg0);padding:30px 30px 40px;max-width:594px}.offer-block .h2,.offer-block H2{padding-top:0;margin-right:15px}.offer-block ul:not([class]){padding-left:0;font-size:16px;font-weight:500}.call-wrapper,.faq-item .head{font-weight:700}.offer-block .bt{margin:29px 15px 0 0}.offer-block .call-wrapper{margin-top:29px}.offer-block .call-wrapper .tel{font-size:20px}.call-wrapper .label,.callback-block .label{font-size:16px}.call-wrapper .tel{display:inline-flex;align-items:center;margin-top:15px;color:var(--color8);text-decoration:none}.call-wrapper .tel svg{fill:var(--color1);width:16px;height:16px;margin-right:14px}.benefit-block{background:var(--bg6);padding-bottom:28px}.benefit-list{padding-bottom:36px;margin:22px -5px 0}.benefit-list .item{padding:15px 10px 20px;border:1px solid var(--bg2);background:var(--bg0);margin:0 5px}.benefit-list .icon{height:65px}.benefit-list .h4{padding:0;font-size:18px}.benefit-list p{margin-top:10px;font-size:14px;color:var(--color4)}.breadcrumbs a,.contact-item a,.footer a,.main-service a,.mobile-menu__list li a,.service-menu li a{color:inherit}.faq-list{width:100%;padding-top:40px}.faq-item{border:2px solid #ececec}.faq-item+.faq-item{margin-top:14px}.faq-item .head{padding:15px 42px 15px 20px;display:flex;align-items:center;min-height:85px;font-size:16px}.breadcrumbs,.photo-item .date{font-size:14px;color:var(--color4)}.faq-item .icon{width:22px;height:22px;position:absolute;right:14px;top:50%;transform:translateY(-50%)}.faq-item .icon:after,.faq-item .icon:before{content:'';display:block;position:absolute;background:var(--bg5)}.faq-item .icon:before{width:22px;height:2px;top:50%;margin-top:-1px;left:0}.faq-item .icon:after{height:22px;width:2px;top:0;left:50%;margin-left:-1px}.faq-item .content{position:relative;display:none;margin:0 15px;padding:10px 0 25px}.faq-item .content:before{content:'';display:block;position:absolute;left:0;top:1px;width:100%;height:1px;background:var(--bg2)}.faq-item .content:after{content:'';display:block;position:absolute;left:0;top:0;width:114px;height:3px;background:var(--color1)}.faq-item.open .icon:before{top:9px;margin:0;background:var(--color1);transform:rotate(45deg)}.faq-item.open .icon:after{top:0;left:10px;margin-left:0;background:var(--color1);transform:rotate(45deg)}.form-preview{position:relative;z-index:2;width:100%;margin-top:40px;padding:35px 22px}.form-preview p{margin-top:15px;font-size:16px;max-width:160px}.form-preview .bt{height:46px;margin-top:77px}.form-preview img{position:absolute;right:-22px;bottom:-6px;z-index:-1;max-width:240px}.check-list li,.module-block,.page,.video-item .img{position:relative}.form-preview .call-wrapper{padding-top:14px}.form-block{padding:33px 0 31px}.form-block .wrapper{border-radius:3px;border:2px solid var(--color1);padding:11px 15px 29px}.form-content .h3,.form-content H3{padding:0 15px 0 0;margin:20px auto 0 0}.form-content form,.tariff-item .list{padding-top:12px}.form-block .call-wrapper{align-items:center;margin-top:16px;display:block}.form-block .call-wrapper .tel{margin-top:10px;font-size:20px}.form-block .bt{margin-top:21px;height:46px}.form-aside{margin-top:35px;padding-top:25px;border-top:1px solid var(--bg2);width:100%}.form-aside H3{padding:0 20px 0 0}.form-aside ul:not([class]){padding:6px 0 0}.form-aside ul:not([class]) li+li{margin-top:31px}.page{z-index:1;padding:15px 0 0;flex:1}.page .container>H3{padding-top:16px;width:100%;font-size:20px;font-weight:700}.page-img{margin-top:20px;border:2px solid var(--color1);border-radius:3px;display:inline-block;padding:13px}.breadcrumbs{display:flex;flex-wrap:wrap}.breadcrumbs li{margin-top:5px;display:flex;flex-wrap:wrap;align-items:center}.breadcrumbs li:not(:last-child):after{content:'';display:block;border-bottom:1px solid;border-right:1px solid;transform:rotate(-45deg);width:5px;height:5px;margin:0 6px}.breadcrumbs li:last-child{opacity:.6}.photo-list,.service-catalog,.video-list{padding-top:8px}.photo-item,.video-item{margin-top:12px;width:100%}.photo-item a,.video-item a{border:1px solid #ececec;display:block;padding:0 12px 22px;color:inherit;text-decoration:none}.photo-item .img{margin:0 -12px;height:267px;display:flex;align-items:center;justify-content:center}.photo-item .img img,.portfolio-item .img img,.video-item .img img{width:100%;height:100%;object-fit:cover}.photo-item .date{display:block;margin-top:24px}.photo-item .title,.video-item .title{display:block;font-size:16px;font-weight:500;margin-top:6px}.video-item .img{margin:0 -12px;height:167px;display:flex;align-items:center;justify-content:center}.video-item .img:before{content:'';display:block;position:absolute;left:0;top:0;width:100%;height:100%}.video-item .img svg{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:2;width:53px;height:53px}.video-item .date{display:block;color:var(--color4);margin-top:24px;font-size:14px}.more-wrapper{margin-top:20px;text-align:center}.more-wrapper a{font-size:16px;font-weight:700;text-decoration:none;border-bottom:1px dashed}.error-wrapper{padding:30px 0 35px;text-align:center}.error-wrapper .title{margin-top:15px;font-size:22px;font-weight:700;color:var(--color1)}.error-wrapper p{margin-top:5px;font-size:15px;font-weight:500}.service-menu .title{margin-top:20px;font-size:20px;font-weight:700}.service-menu li a{text-decoration:none}.contact-block{margin-top:24px}.contact-block .content{border-radius:3px;border:2px solid var(--bg2);padding:35px 15px}.contact-item .label{margin-bottom:15px;font-size:19px;font-weight:700}.contact-item .info{position:relative;padding-left:27px;font-size:16px}.contact-item .info svg{position:absolute;left:0;top:3px;fill:var(--color1);width:15px;height:15px}.contact-item .tel{text-decoration:none;border-bottom:1px dashed}.contact-item.d-flex .label{margin-bottom:0}#mapyandex{margin-top:12px;height:450px;border:1px solid var(--bg2);border-radius:3px;display:flex;align-items:center}#mapyandex iframe{height:100%;width:100%}.check-list{margin-top:18px;border:2px solid var(--bg2);padding:37px 13px 34px}.check-list li{padding-left:34px}.callback-block .bt,.check-list li:not(:first-child){margin-top:22px}.check-list li:not(:last-child){padding-bottom:20px;border-bottom:1px solid var(--bg2)}.check-list li:before{content:'';display:block;border-bottom:2px solid var(--color1);border-right:2px solid var(--color1);width:6px;height:10px;position:absolute;left:3px;top:0;transform:rotate(45deg)}.review-list{margin-top:20px;border:1px solid var(--bg2);padding:4px 17px}.review-list .review-item{padding:24px 0;margin:0;border:0}.service-item{margin-top:11px;width:100%;text-align:center}.service-item .wrapper{padding:2px 30px 37px;border:1px solid var(--bg2)}.service-item .img{padding:20px 0;border-bottom:1px solid var(--bg2)}.service-item .title{margin-top:22px;font-size:19px;font-weight:700}.service-item .category{margin-top:30px;font-size:16px;color:var(--color4)}.service-item .price{margin-top:12px;font-size:18px;font-weight:700}.module-block{margin-top:33px;padding-bottom:23px;z-index:2}.main-service,.portfolio-list{padding-bottom:36px;overflow:hidden}.module-block:before{content:'';display:block;width:9999px;height:100%;position:absolute;left:50%;transform:translateX(-50%);top:0;background:var(--bg6);z-index:-1}.portfolio-list{position:relative;margin:20px -10px 0}.portfolio-item{position:relative;margin:0 10px;display:flex;text-align:center}.portfolio-item .wrapper{width:100%;height:100%;display:flex;flex-direction:column;padding-bottom:42px;border:1px solid var(--bg2);background:var(--color2)}.portfolio-item .img{height:270px;display:flex;align-items:center;justify-content:center}.portfolio-item .title{margin:30px 24px 27px;font-size:19px;font-weight:900}.portfolio-item .bt{margin:auto auto 0;background:var(--bg9);border:2px solid var(--color1);color:var(--color0);padding:0;max-width:194px;width:100%;box-shadow:none;font-size:14px}.portfolio-item .bt svg{width:22px;height:23px;margin-right:11px;fill:var(--color1);transition:.3s}.article H3{font-size:22px}.article p,.main-service p{font-weight:500}.article .img{margin-top:28px}.main-service{position:relative;margin:28px -10px 0}.main-service .item{position:relative;margin:0 10px;padding:38px 16px;background-color:var(--bg6)}.main-service .item:nth-child(2),.main-service .item:nth-child(4){background-color:var(--bg11);color:var(--color2)}.main-service .item:nth-child(3),.main-service .item:nth-child(5),.tariff-item:nth-child(3) .head{background-color:var(--bg12);color:var(--color2)}.main-service .title{font-size:22px;font-weight:700}.step-item+.step-item{margin-top:33px}.step-item .number{position:relative;padding-bottom:13px;width:85px;font-size:30px;line-height:22px;font-weight:900;color:var(--color1)}.step-item .number:after{content:'';display:block;position:absolute;left:0;bottom:0;width:100%;height:2px;background:var(--bg13)}.price-table .thead:before,.step-item .number:before{position:absolute;background:var(--bg12);content:'';display:block;height:2px;left:0}.step-item .number:before{bottom:0;width:50%;z-index:2}.step-item .h4{padding-top:20px;font-size:18px}.step-item p{margin-top:15px}.callback-block .wrapper{padding:35px 12px 40px;border-radius:3px;border:4px solid var(--bg12)}.callback-block H3{padding-top:18px}.callback-block .call-wrapper{padding:12px 0 16px}.tariff-item{position:relative;margin-top:65px;border:1px solid var(--bg2)}.tariff-item+.tariff-item{margin-top:78px}.tariff-item .icon{width:77px;height:77px;box-shadow:0 8px 20px var(--color13);border:6px solid var(--bg12);background-color:var(--bg0);display:flex;align-items:center;justify-content:center;position:absolute;left:50%;transform:translateX(-50%);top:-38px;border-radius:50%}.tariff-item:first-child .icon{border-color:var(--bg14)}.tariff-item .icon img{width:38px}.tariff-item .head{padding:60px 20px 34px;background:var(--bg6);text-align:center}.tariff-item .head .title{font-size:20px;font-weight:700}.tariff-item .head p{margin-top:13px;font-weight:500}.tariff-item .price{margin-top:34px;font-size:22px;font-weight:900;text-align:center}.tariff-item .bt{padding:0;display:flex;margin:30px auto 0;max-width:164px}.tariff-item .bt-detail{display:flex;justify-content:center;padding:28px 0 40px}.bt-detail .js-toggle{display:inline-flex;align-items:center;font-size:16px;font-weight:700;text-decoration:none}.bt-detail .js-toggle svg{width:13px;height:13px;margin-right:6px;fill:var(--color10)}.active .bt-detail .js-toggle svg{transform:rotate(180deg)}.tariff-item .content{border-top:1px solid var(--bg2);padding:38px 14px 30px;display:none}.tariff-item .list li{padding-top:10px;display:flex;align-items:flex-start;justify-content:space-between;font-size:15px;font-weight:500}.tariff-item .list li:not(:last-child){border-bottom:1px solid var(--bg2);padding-bottom:10px}.tariff-item .list .label{max-width:80%}.tariff-item .list .note{font-size:14px;color:var(--color4)}.tariff-item .list svg{margin-top:3px;width:15px;height:12px;fill:var(--bg12)}.price-table{position:relative;margin-top:18px;border:2px solid var(--bg2);padding:20px 12px 0;font-size:14px}.price-table .thead{position:relative;display:flex;border-bottom:1px solid var(--bg2);padding-bottom:20px;font-weight:700}.price-table .thead:before{bottom:-1px;width:69px}.price-table .trow{position:relative;display:flex;padding:15px 0;font-weight:500}.price-table .cell:first-child{width:50%}.price-table .cell:nth-child(2),.price-table .cell:nth-child(3){width:25%;text-align:center}.footer{position:relative;background:var(--bg6);padding:35px 0 97px}.footer-title{font-size:17px;font-weight:700}.footer-preview{width:100%;font-size:14px}.footer-preview p{margin-top:14px;color:var(--color4)}.footer-copy{margin:23px 0 0;min-width:100%}.footer-links a{text-decoration:none}.footer-nav{max-width:48%;min-width:40%;margin-top:25px;display:none}.fn_n{padding-top:10px}.footer-contact{width:100%;margin-top:17px}.footer-contact>:not(.footer-title){margin-top:16px}.footer .contact-wrapper .item{margin-left:30px}.mobile-nav{position:fixed;z-index:99;left:0;bottom:0;width:100%;background:var(--bg8)}.mobile-nav .container{position:relative;display:flex;align-items:center;justify-content:center;height:60px}.mobile-menu{border:2px solid var(--bg12);background-color:var(--bg0);position:absolute;right:12px;bottom:100%;padding:20px 0 15px;display:none}.mobile-menu__list{margin:0 auto;min-width:300px;padding:0 12px;width:100%;max-width:540px;text-align:right}.mobile-menu__list li+li{margin-top:10px}.mobile-menu .close{width:24px;height:24px;position:absolute;top:15px;right:15px}.mobile-menu .close:after,.mobile-menu .close:before{content:'';display:block;height:2px;width:20px;position:absolute;top:11px;left:1px;background:var(--color1);transform:rotate(45deg)}.mobile-bt-up{width:44px;height:38px;border-radius:3px;background:var(--color2);border:2px solid var(--color1);display:flex;align-items:center;justify-content:center;margin-right:auto}.mobile-bt,.mobile-bt-menu{display:flex;align-items:center;height:38px;background-color:var(--color1);border-radius:3px}.mobile-bt-up svg{width:21px;height:20px;fill:var(--color1)}.mobile-bt-menu{margin-left:16px;padding:0 18px;color:var(--color2);font-size:17px;font-weight:700}.mail-item,.msg-dropdown a{text-decoration:none;color:inherit}.mobile-bt{margin-left:7px;justify-content:center;width:44px}.location-item,.mail-item{display:inline-flex;align-items:center}.modal,.msg-dropdown{background-color:var(--bg0)}.mobile-bt svg{fill:var(--color2);width:16px;height:16px}.mobile-bt .icon-comments{width:21px;height:17px}.mobile-bt .phone-arrow{width:22px}.location-item{font-weight:400}.location-item svg{fill:var(--color1);width:16px;height:16px;margin-right:12px}.mail-item svg{width:16px;height:13px;margin-right:12px;fill:var(--color1)}.msg-dropdown{position:absolute;right:12px;bottom:100%;padding:3px 10px 25px;width:202px;border:2px solid var(--bg12);display:none}.msg-dropdown a{margin-top:22px;display:flex;align-items:center;justify-content:space-between}.msg-dropdown a svg{width:17px;height:17px;fill:var(--color1)}input,select,textarea{border:0;background:var(--bg0);resize:none;display:flex;-ms-align-items:center;align-items:center}button{border:none}select::-ms-expand{display:none}::-moz-placeholder{opacity:1;color:var(--color4)}::-webkit-input-placeholder{opacity:1;color:var(--color4)}::-ms-placeholder{opacity:1;color:var(--color4)}::placeholder{opacity:1;color:var(--color4)}input:focus::-moz-placeholder{opacity:0}input:focus::-webkit-input-placeholder{opacity:0}input:focus::-ms-placeholder{opacity:0}input:focus::placeholder{opacity:0}.form-item{position:relative;margin-top:17px}.form-item input{width:100%;border-radius:3px;border:1px solid var(--color9);height:42px;padding:0 20px;color:var(--color1)}.form-item textarea{width:100%;border-radius:3px;border:1px solid var(--color9);height:97px;padding:15px 20px;color:var(--color1)}.checkbox-item{position:relative;padding-left:31px;margin-top:26px}.checkbox-item input{position:absolute;left:0;top:0;right:0;bottom:0;width:100%;height:100%;cursor:pointer;z-index:2;opacity:0}.checkbox-custom{position:absolute;left:0;top:0;display:flex;align-items:center;justify-content:center;border:2px solid var(--color1);width:18px;height:18px;border-radius:3px}.checkbox-custom svg{fill:var(--color1);width:10px;height:10px;opacity:0}input:checked+.checkbox-custom svg{opacity:1}.agree a{color:var(--color0)}.slick-slider{display:block;max-height:100%}.slick-dots,.slick-track{display:flex}.slick-arrow{overflow:hidden;position:absolute;bottom:0;z-index:10;width:30px;height:16px}.slick-arrow svg{width:30px;height:16px;fill:var(--bg5)}.slick-prev{left:calc(50% - 47px)}.slick-next{right:calc(50% - 47px)}.slick-arrow.slick-disabled{opacity:.25;cursor:default}.slick-dots{justify-content:center}.modal-aside,.slick-dots li *{display:none}.slick-dots li{width:14px;height:14px;margin:0 5px;border-radius:50%}.modal{position:relative;margin:0 auto;max-width:758px;border-radius:3px;border:2px solid var(--bg12);padding:22px 15px 30px}.modal-lg{max-width:780px}.modal-title{font-size:24px;font-weight:900}.modal-subtitle{margin-top:10px;font-size:16px;color:var(--color4)}.modal form{padding-top:3px}.modal .bt{margin-top:22px;padding:0 40px}.d-flex{display:flex;flex-wrap:wrap}.j-between{justify-content:space-between}.j-center{justify-content:center}.j-end{justify-content:flex-end}.a-start{align-items:flex-start}.a-center{align-items:center}.a-end{align-items:flex-end}.no-wrap{flex-wrap:nowrap}@media (hover),(min-width:0\0),(min--moz-device-pixel-ratio:0){.bt:hover{top:2px}.service-list li a:not(.bt):hover{text-decoration:none;color:var(--color1)}.agree a:hover,.dd_m li a:hover,.dd_s a:hover,.footer a:not([class]):hover,.hn>ul>li:hover>a,.service-menu li a:hover,.video-item a:hover .title{color:var(--color1)}.bt-callback:hover,.portfolio-item .bt:hover{background:var(--bg12);color:var(--color2);top:0}.bt-callback:hover svg,.portfolio-item .bt:hover svg{fill:var(--color2)}}.get_us{text-align:center;background:#f7dc6f;padding:.2em 0}.get_us a{color:#000}.sr a{display:block;margin-top:.7em}.bg{background-color:var(--color1)}.grecaptcha-badge{visibility:hidden}.mb-3{margin-bottom:2em}

/* Обёртка — позиционирование относительное */
.contact-block {
    position: relative;
    width: 100%;
    height: 480px; /* высота всего блока = высота карты */
    overflow: hidden;
    border-radius: 12px; /* скругление по желанию */
}

/* Карта растягивается на весь блок */
#mapyandex {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
}

/* Блок с контактами поверх карты */
.contact-block .content {
    position: absolute;
    top: 30px;   /* отступ сверху */
    left: 30px;  /* отступ слева */
    z-index: 2;  /* выше карты */
    background: rgba(255, 255, 255, 0.95); /* белый с лёгкой прозрачностью */
    backdrop-filter: blur(4px); /* размытие фона под блоком */
    border-radius: 10px;
    padding: 24px 28px;
    box-shadow: 0 4px 24px rgba(0, 0, 0, 0.15);
    min-width: 280px;
    max-width: 340px;
}

/* Элементы контактов */
.contact-block .contact-item {
    margin-bottom: 16px;
}

.contact-block .contact-item:last-child {
    margin-bottom: 0;
}

.contact-block .label {
    font-size: 12px;
    color: #888;
    margin-bottom: 4px;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.contact-block .info {
    font-size: 15px;
    color: #222;
    display: flex;
    align-items: center;
    gap: 8px;
}

.contact-block .info svg {
    width: 16px;
    height: 16px;
    flex-shrink: 0;
    fill: #c0392b; /* цвет иконок — красный, подберите под ваш стиль */
}

.contact-block .info a {
    color: #222;
    text-decoration: none;
}

.contact-block .info a:hover {
    color: #c0392b;
    text-decoration: underline;
}

.contact-block .info a.tel {
    font-size: 16px;
    font-weight: 600;
    color: #c0392b;
}

/* Адаптив для мобильных */
@media (max-width: 768px) {
    .contact-block {
        height: auto;
        min-height: 500px;
    }

    #mapyandex {
        position: relative;
        height: 300px;
    }

    .contact-block .content {
        position: relative;
        top: auto;
        left: auto;
        max-width: 100%;
        border-radius: 0 0 12px 12px;
        box-shadow: none;
        border-top: 1px solid #eee;
    }
}

/* ===== ОБЩИЕ СТИЛИ БЛОКА АКЦИЙ ===== */
.promo-section {
    padding: 40px 0 60px;
}

.promo-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 24px;
    margin-top: 32px;
}

/* ===== КАРТОЧКА АКЦИИ ===== */
.promo-card {
    position: relative;
    border-radius: 16px;
    overflow: hidden;
    background: #fff;
    box-shadow: 0 4px 24px rgba(0,0,0,0.10);
    display: flex;
    flex-direction: column;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.promo-card:hover {
    transform: translateY(-6px);
    box-shadow: 0 12px 40px rgba(0,0,0,0.16);
}

/* ===== ШАПКА КАРТОЧКИ (цветная полоса) ===== */
.promo-card__header {
    padding: 28px 28px 20px;
    position: relative;
    overflow: hidden;
}

.promo-card--red .promo-card__header    { background: linear-gradient(135deg, #c0392b 0%, #e74c3c 100%); }
.promo-card--orange .promo-card__header { background: linear-gradient(135deg, #d35400 0%, #f39c12 100%); }
.promo-card--green .promo-card__header  { background: linear-gradient(135deg, #1a6b2f 0%, #27ae60 100%); }
.promo-card--blue .promo-card__header   { background: linear-gradient(135deg, #1a4a7a 0%, #2980b9 100%); }
.promo-card--dark .promo-card__header   { background: linear-gradient(135deg, #1a1a1a 0%, #4a4a4a 100%); }
.promo-card--purple .promo-card__header { background: linear-gradient(135deg, #6c3483 0%, #9b59b6 100%); }

/* Декоративный круг в шапке */
.promo-card__header::before {
    content: "";
    position: absolute;
    top: -30px;
    right: -30px;
    width: 120px;
    height: 120px;
    border-radius: 50%;
    background: rgba(255,255,255,0.10);
}

.promo-card__header::after {
    content: "";
    position: absolute;
    bottom: -20px;
    right: 20px;
    width: 70px;
    height: 70px;
    border-radius: 50%;
    background: rgba(255,255,255,0.08);
}

/* ===== БЕЙДЖ "ХИТPАЯ СКИДКА" ===== */
.promo-card__badge {
    display: inline-block;
    background: rgba(255,255,255,0.22);
    color: #fff;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 1.5px;
    text-transform: uppercase;
    padding: 4px 12px;
    border-radius: 20px;
    margin-bottom: 12px;
}

/* ===== СКИДКА (большая цифра) ===== */
.promo-card__discount {
    font-size: 52px;
    font-weight: 900;
    color: #fff;
    line-height: 1;
    letter-spacing: -2px;
    position: relative;
    z-index: 1;
}

.promo-card__discount sup {
    font-size: 22px;
    font-weight: 700;
    vertical-align: top;
    margin-top: 8px;
    display: inline-block;
}

.promo-card__discount-label {
    font-size: 13px;
    color: rgba(255,255,255,0.80);
    margin-top: 4px;
    font-weight: 500;
}

/* ===== ТЕЛО КАРТОЧКИ ===== */
.promo-card__body {
    padding: 22px 28px;
    flex: 1;
    display: flex;
    flex-direction: column;
}

.promo-card__title {
    font-size: 18px;
    font-weight: 700;
    color: #1a1a1a;
    margin-bottom: 10px;
    line-height: 1.3;
}

.promo-card__desc {
    font-size: 14px;
    color: #666;
    line-height: 1.6;
    margin-bottom: 18px;
    flex: 1;
}

/* ===== УСЛОВИЯ АКЦИИ ===== */
.promo-card__conditions {
    list-style: none;
    padding: 0;
    margin: 0 0 20px;
}

.promo-card__conditions li {
    font-size: 13px;
    color: #444;
    padding: 5px 0 5px 22px;
    position: relative;
    border-bottom: 1px dashed #eee;
}

.promo-card__conditions li:last-child {
    border-bottom: none;
}

.promo-card__conditions li::before {
    content: "✓";
    position: absolute;
    left: 0;
    color: #27ae60;
    font-weight: 700;
}

/* ===== ТАЙМЕР ОБРАТНОГО ОТСЧЁТА ===== */
.promo-card__timer {
    background: #f8f8f8;
    border-radius: 8px;
    padding: 10px 14px;
    margin-bottom: 18px;
    display: flex;
    align-items: center;
    gap: 8px;
}

.promo-card__timer-icon {
    font-size: 16px;
}

.promo-card__timer-text {
    font-size: 12px;
    color: #888;
}

.promo-card__timer-value {
    font-size: 13px;
    font-weight: 700;
    color: #c0392b;
    font-variant-numeric: tabular-nums;
}

/* ===== КНОПКА ===== */
.promo-card__btn {
    display: block;
    text-align: center;
    padding: 13px 20px;
    border-radius: 8px;
    font-size: 14px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.2s ease;
    cursor: pointer;
    border: none;
}

.promo-card--red .promo-card__btn    { background: #c0392b; color: #fff; }
.promo-card--orange .promo-card__btn { background: #d35400; color: #fff; }
.promo-card--green .promo-card__btn  { background: #1a6b2f; color: #fff; }
.promo-card--blue .promo-card__btn   { background: #1a4a7a; color: #fff; }
.promo-card--dark .promo-card__btn   { background: #1a1a1a; color: #fff; }
.promo-card--purple .promo-card__btn { background: #6c3483; color: #fff; }

.promo-card__btn:hover {
    opacity: 0.88;
    transform: scale(1.02);
}

/* ===== ЛЕНТА "АКЦИЯ ДНЯ" (диагональная) ===== */
.promo-card__ribbon {
    position: absolute;
    top: 18px;
    right: -28px;
    background: #f39c12;
    color: #fff;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 1px;
    text-transform: uppercase;
    padding: 5px 36px;
    transform: rotate(35deg);
    z-index: 10;
    box-shadow: 0 2px 8px rgba(0,0,0,0.20);
}

/* ===== БОЛЬШОЙ БАННЕР (широкая акция) ===== */
.promo-banner {
    border-radius: 16px;
    overflow: hidden;
    background: linear-gradient(135deg, #1a1a1a 0%, #2c2c2c 60%, #3d2b1f 100%);
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 40px 48px;
    margin-bottom: 24px;
    position: relative;
    box-shadow: 0 8px 32px rgba(0,0,0,0.20);
}

.promo-banner::before {
    content: "";
    position: absolute;
    top: -60px;
    right: 200px;
    width: 250px;
    height: 250px;
    border-radius: 50%;
    background: rgba(192,57,43,0.15);
}

.promo-banner::after {
    content: "";
    position: absolute;
    bottom: -40px;
    right: 80px;
    width: 160px;
    height: 160px;
    border-radius: 50%;
    background: rgba(243,156,18,0.12);
}

.promo-banner__left {
    position: relative;
    z-index: 1;
}

.promo-banner__tag {
    display: inline-block;
    background: #c0392b;
    color: #fff;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 2px;
    text-transform: uppercase;
    padding: 5px 14px;
    border-radius: 20px;
    margin-bottom: 16px;
}

.promo-banner__title {
    font-size: 30px;
    font-weight: 900;
    color: #fff;
    line-height: 1.2;
    margin-bottom: 12px;
    max-width: 480px;
}

.promo-banner__title span {
    color: #f39c12;
}

.promo-banner__desc {
    font-size: 15px;
    color: rgba(255,255,255,0.70);
    max-width: 440px;
    line-height: 1.6;
}

.promo-banner__right {
    position: relative;
    z-index: 1;
    text-align: center;
    flex-shrink: 0;
    margin-left: 40px;
}

.promo-banner__price-old {
    font-size: 16px;
    color: rgba(255,255,255,0.45);
    text-decoration: line-through;
    margin-bottom: 4px;
}

.promo-banner__price-new {
    font-size: 44px;
    font-weight: 900;
    color: #f39c12;
    line-height: 1;
    margin-bottom: 6px;
}

.promo-banner__price-unit {
    font-size: 13px;
    color: rgba(255,255,255,0.55);
    margin-bottom: 20px;
}

.promo-banner__btn {
    display: inline-block;
    background: #c0392b;
    color: #fff;
    font-size: 15px;
    font-weight: 700;
    padding: 14px 32px;
    border-radius: 8px;
    text-decoration: none;
    transition: all 0.2s ease;
    white-space: nowrap;
}

.promo-banner__btn:hover {
    background: #e74c3c;
    transform: scale(1.04);
}

/* ===== АДАПТИВ ===== */
@media (max-width: 1100px) {
    .promo-grid {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 768px) {
    .promo-grid {
        grid-template-columns: 1fr;
    }

    .promo-banner {
        flex-direction: column;
        padding: 28px 24px;
        text-align: center;
    }

    .promo-banner__title {
        font-size: 22px;
    }

    .promo-banner__right {
        margin-left: 0;
        margin-top: 24px;
    }

    .promo-banner__btn {
        width: 100%;
    }
}

/* ===== ОБЩИЕ СТИЛИ БЛОКА ОТЗЫВОВ ===== */
.reviews-section {
    padding: 40px 0 60px;
}

/* ===== ШАПКА БЛОКА ===== */
.reviews-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 36px;
    flex-wrap: wrap;
    gap: 20px;
}

.reviews-rating-summary {
    display: flex;
    align-items: center;
    gap: 20px;
    background: #fff;
    border-radius: 14px;
    padding: 18px 28px;
    box-shadow: 0 4px 20px rgba(0,0,0,0.08);
}

.reviews-rating-big {
    font-size: 56px;
    font-weight: 900;
    color: #1a1a1a;
    line-height: 1;
}

.reviews-rating-right {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.reviews-stars-big {
    display: flex;
    gap: 4px;
}

.reviews-stars-big .star {
    color: #f39c12;
    font-size: 22px;
}

.reviews-rating-count {
    font-size: 13px;
    color: #888;
}

.reviews-rating-label {
    font-size: 14px;
    font-weight: 600;
    color: #1a6b2f;
}

/* ===== СЕТКА ОТЗЫВОВ ===== */
.reviews-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 22px;
}

/* ===== КАРТОЧКА ОТЗЫВА ===== */
.review-card {
    background: #fff;
    border-radius: 16px;
    padding: 26px;
    box-shadow: 0 4px 20px rgba(0,0,0,0.08);
    display: flex;
    flex-direction: column;
    position: relative;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    overflow: hidden;
}

.review-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 12px 36px rgba(0,0,0,0.13);
}

/* Цветная полоска сверху */
.review-card::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 4px;
    border-radius: 16px 16px 0 0;
}

.review-card--red::before    { background: linear-gradient(90deg, #c0392b, #e74c3c); }
.review-card--orange::before { background: linear-gradient(90deg, #d35400, #f39c12); }
.review-card--green::before  { background: linear-gradient(90deg, #1a6b2f, #27ae60); }
.review-card--blue::before   { background: linear-gradient(90deg, #1a4a7a, #2980b9); }
.review-card--dark::before   { background: linear-gradient(90deg, #1a1a1a, #555); }
.review-card--purple::before { background: linear-gradient(90deg, #6c3483, #9b59b6); }

/* Кавычки декоративные */
.review-card__quote {
    font-size: 64px;
    line-height: 0.6;
    color: #f0f0f0;
    font-family: Georgia, serif;
    margin-bottom: 12px;
    display: block;
}

/* ===== ШАПКА КАРТОЧКИ — АВАТАР + ИМЯ ===== */
.review-card__top {
    display: flex;
    align-items: center;
    gap: 14px;
    margin-bottom: 16px;
}

.review-card__avatar {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 20px;
    font-weight: 800;
    color: #fff;
    flex-shrink: 0;
    text-transform: uppercase;
}

.review-card--red    .review-card__avatar { background: linear-gradient(135deg, #c0392b, #e74c3c); }
.review-card--orange .review-card__avatar { background: linear-gradient(135deg, #d35400, #f39c12); }
.review-card--green  .review-card__avatar { background: linear-gradient(135deg, #1a6b2f, #27ae60); }
.review-card--blue   .review-card__avatar { background: linear-gradient(135deg, #1a4a7a, #2980b9); }
.review-card--dark   .review-card__avatar { background: linear-gradient(135deg, #1a1a1a, #555); }
.review-card--purple .review-card__avatar { background: linear-gradient(135deg, #6c3483, #9b59b6); }

.review-card__author {
    flex: 1;
}

.review-card__name {
    font-size: 15px;
    font-weight: 700;
    color: #1a1a1a;
    margin-bottom: 2px;
}

.review-card__meta {
    font-size: 12px;
    color: #aaa;
}

/* ===== ЗВЁЗДЫ ===== */
.review-card__stars {
    display: flex;
    gap: 3px;
    margin-bottom: 12px;
}

.review-card__stars .star {
    color: #f39c12;
    font-size: 16px;
}

/* ===== ТЕМА ОТЗЫВА ===== */
.review-card__topic {
    display: inline-block;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.8px;
    text-transform: uppercase;
    padding: 3px 10px;
    border-radius: 20px;
    margin-bottom: 12px;
}

.review-card--red    .review-card__topic { background: #fdecea; color: #c0392b; }
.review-card--orange .review-card__topic { background: #fef3e2; color: #d35400; }
.review-card--green  .review-card__topic { background: #e8f8ee; color: #1a6b2f; }
.review-card--blue   .review-card__topic { background: #e8f1fb; color: #1a4a7a; }
.review-card--dark   .review-card__topic { background: #f0f0f0; color: #333; }
.review-card--purple .review-card__topic { background: #f3eafa; color: #6c3483; }

/* ===== ТЕКСТ ОТЗЫВА ===== */
.review-card__text {
    font-size: 14px;
    color: #444;
    line-height: 1.7;
    flex: 1;
}

/* ===== ПОДВАЛ КАРТОЧКИ ===== */
.review-card__footer {
    margin-top: 18px;
    padding-top: 14px;
    border-top: 1px solid #f0f0f0;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.review-card__product {
    font-size: 12px;
    color: #aaa;
    display: flex;
    align-items: center;
    gap: 5px;
}

.review-card__product::before {
    content: "🪵";
    font-size: 13px;
}

.review-card__verified {
    font-size: 11px;
    color: #1a6b2f;
    font-weight: 600;
    display: flex;
    align-items: center;
    gap: 4px;
}

.review-card__verified::before {
    content: "✓";
    font-weight: 800;
}

/* ===== БОЛЬШОЙ ОТЗЫВ (на всю ширину) ===== */
.review-card--wide {
    grid-column: span 3;
    flex-direction: row;
    gap: 28px;
    align-items: flex-start;
    background: linear-gradient(135deg, #1a1a1a 0%, #2c2c2c 100%);
    color: #fff;
}

.review-card--wide::before {
    background: linear-gradient(90deg, #c0392b, #f39c12);
}

.review-card--wide .review-card__quote {
    color: rgba(255,255,255,0.08);
}

.review-card--wide .review-card__name {
    color: #fff;
}

.review-card--wide .review-card__meta {
    color: rgba(255,255,255,0.50);
}

.review-card--wide .review-card__text {
    color: rgba(255,255,255,0.80);
    font-size: 15px;
}

.review-card--wide .review-card__topic {
    background: rgba(192,57,43,0.30);
    color: #f39c12;
}

.review-card--wide .review-card__footer {
    border-top-color: rgba(255,255,255,0.10);
}

.review-card--wide .review-card__product {
    color: rgba(255,255,255,0.45);
}

.review-card--wide .review-card__verified {
    color: #27ae60;
}

.review-card--wide .review-card__avatar {
    width: 64px;
    height: 64px;
    font-size: 26px;
    background: linear-gradient(135deg, #c0392b, #f39c12);
}

.review-card--wide-left {
    flex-shrink: 0;
    width: 80px;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 12px;
}

.review-card--wide-right {
    flex: 1;
}

/* ===== АДАПТИВ ===== */
@media (max-width: 1100px) {
    .reviews-grid {
        grid-template-columns: repeat(2, 1fr);
    }
    .review-card--wide {
        grid-column: span 2;
        flex-direction: column;
    }
    .review-card--wide-left {
        flex-direction: row;
        width: auto;
    }
}

@media (max-width: 768px) {
    .reviews-grid {
        grid-template-columns: 1fr;
    }
    .review-card--wide {
        grid-column: span 1;
    }
    .reviews-header {
        flex-direction: column;
        align-items: flex-start;
    }
    .reviews-rating-summary {
        width: 100%;
    }
}
/* ===== ОБЩИЕ СТИЛИ ===== */
.about-section {
    padding: 40px 0 60px;
}

/* ===== HERO-БЛОК ===== */
.about-hero {
    border-radius: 20px;
    overflow: hidden;
    background: linear-gradient(135deg, #1a1a1a 0%, #2c2c2c 60%, #3d2b1f 100%);
    padding: 52px 56px;
    position: relative;
    margin-bottom: 32px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 40px;
}

.about-hero::before {
    content: "";
    position: absolute;
    top: -80px;
    right: 200px;
    width: 300px;
    height: 300px;
    border-radius: 50%;
    background: rgba(192,57,43,0.12);
    pointer-events: none;
}

.about-hero::after {
    content: "";
    position: absolute;
    bottom: -60px;
    right: 60px;
    width: 200px;
    height: 200px;
    border-radius: 50%;
    background: rgba(243,156,18,0.10);
    pointer-events: none;
}

.about-hero__left {
    position: relative;
    z-index: 1;
    flex: 1;
}

.about-hero__tag {
    display: inline-block;
    background: #c0392b;
    color: #fff;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 2px;
    text-transform: uppercase;
    padding: 5px 16px;
    border-radius: 20px;
    margin-bottom: 20px;
}

.about-hero__title {
    font-size: 32px;
    font-weight: 900;
    color: #fff;
    line-height: 1.25;
    margin-bottom: 16px;
}

.about-hero__title span {
    color: #f39c12;
}

.about-hero__desc {
    font-size: 16px;
    color: rgba(255,255,255,0.70);
    line-height: 1.7;
    max-width: 520px;
}

.about-hero__right {
    position: relative;
    z-index: 1;
    flex-shrink: 0;
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.about-hero__stat {
    background: rgba(255,255,255,0.07);
    border: 1px solid rgba(255,255,255,0.10);
    border-radius: 14px;
    padding: 18px 24px;
    text-align: center;
    min-width: 150px;
    backdrop-filter: blur(4px);
}

.about-hero__stat-num {
    font-size: 36px;
    font-weight: 900;
    color: #f39c12;
    line-height: 1;
    margin-bottom: 4px;
}

.about-hero__stat-label {
    font-size: 12px;
    color: rgba(255,255,255,0.55);
    line-height: 1.4;
}

/* ===== СЕТКА ПРЕИМУЩЕСТВ ===== */
.about-advantages {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 20px;
    margin-bottom: 32px;
}

.advantage-card {
    background: #fff;
    border-radius: 16px;
    padding: 28px 22px;
    box-shadow: 0 4px 20px rgba(0,0,0,0.07);
    position: relative;
    overflow: hidden;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.advantage-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 12px 32px rgba(0,0,0,0.13);
}

.advantage-card::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 4px;
    border-radius: 16px 16px 0 0;
}

.advantage-card--red::before    { background: linear-gradient(90deg, #c0392b, #e74c3c); }
.advantage-card--orange::before { background: linear-gradient(90deg, #d35400, #f39c12); }
.advantage-card--green::before  { background: linear-gradient(90deg, #1a6b2f, #27ae60); }
.advantage-card--blue::before   { background: linear-gradient(90deg, #1a4a7a, #2980b9); }
.advantage-card--dark::before   { background: linear-gradient(90deg, #1a1a1a, #555); }
.advantage-card--purple::before { background: linear-gradient(90deg, #6c3483, #9b59b6); }
.advantage-card--teal::before   { background: linear-gradient(90deg, #0e6655, #1abc9c); }
.advantage-card--brown::before  { background: linear-gradient(90deg, #6e2f0a, #a0522d); }

.advantage-card__icon {
    font-size: 36px;
    margin-bottom: 14px;
    display: block;
}

.advantage-card__title {
    font-size: 15px;
    font-weight: 700;
    color: #1a1a1a;
    margin-bottom: 8px;
    line-height: 1.3;
}

.advantage-card__desc {
    font-size: 13px;
    color: #777;
    line-height: 1.6;
}

/* ===== БЛОК ИСТОРИЯ ===== */
.about-story {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 24px;
    margin-bottom: 32px;
}

.about-story__text {
    background: #fff;
    border-radius: 16px;
    padding: 36px;
    box-shadow: 0 4px 20px rgba(0,0,0,0.07);
}

.about-story__text-tag {
    display: inline-block;
    background: #fdecea;
    color: #c0392b;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 1.5px;
    text-transform: uppercase;
    padding: 4px 12px;
    border-radius: 20px;
    margin-bottom: 16px;
}

.about-story__text-title {
    font-size: 22px;
    font-weight: 800;
    color: #1a1a1a;
    margin-bottom: 16px;
    line-height: 1.3;
}

.about-story__text-body {
    font-size: 14px;
    color: #555;
    line-height: 1.8;
}

.about-story__text-body p {
    margin-bottom: 14px;
}

.about-story__text-body p:last-child {
    margin-bottom: 0;
}

/* ===== ЦИФРЫ В ИСТОРИИ ===== */
.about-story__numbers {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.about-number-card {
    border-radius: 16px;
    padding: 24px 28px;
    display: flex;
    align-items: center;
    gap: 20px;
    box-shadow: 0 4px 20px rgba(0,0,0,0.07);
    transition: transform 0.3s ease;
}

.about-number-card:hover {
    transform: translateX(6px);
}

.about-number-card--red    { background: linear-gradient(135deg, #c0392b 0%, #e74c3c 100%); }
.about-number-card--orange { background: linear-gradient(135deg, #d35400 0%, #f39c12 100%); }
.about-number-card--green  { background: linear-gradient(135deg, #1a6b2f 0%, #27ae60 100%); }
.about-number-card--blue   { background: linear-gradient(135deg, #1a4a7a 0%, #2980b9 100%); }
.about-number-card--dark   { background: linear-gradient(135deg, #1a1a1a 0%, #4a4a4a 100%); }

.about-number-card__num {
    font-size: 42px;
    font-weight: 900;
    color: #fff;
    line-height: 1;
    flex-shrink: 0;
}

.about-number-card__text {
    color: rgba(255,255,255,0.85);
    font-size: 14px;
    line-height: 1.5;
}

.about-number-card__text strong {
    display: block;
    color: #fff;
    font-size: 16px;
    font-weight: 700;
    margin-bottom: 2px;
}

/* ===== КОМАНДА ===== */
.about-team {
    margin-bottom: 32px;
}

.about-team__title {
    font-size: 22px;
    font-weight: 800;
    color: #1a1a1a;
    margin-bottom: 20px;
    display: flex;
    align-items: center;
    gap: 12px;
}

.about-team__title::after {
    content: "";
    flex: 1;
    height: 2px;
    background: linear-gradient(90deg, #e0e0e0, transparent);
    border-radius: 2px;
}

.about-team__grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 20px;
}

.team-card {
    background: #fff;
    border-radius: 16px;
    padding: 24px 20px;
    text-align: center;
    box-shadow: 0 4px 20px rgba(0,0,0,0.07);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.team-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 12px 32px rgba(0,0,0,0.13);
}

.team-card__avatar {
    width: 72px;
    height: 72px;
    border-radius: 50%;
    margin: 0 auto 14px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 26px;
    font-weight: 900;
    color: #fff;
}

.team-card:nth-child(1) .team-card__avatar { background: linear-gradient(135deg, #c0392b, #e74c3c); }
.team-card:nth-child(2) .team-card__avatar { background: linear-gradient(135deg, #1a6b2f, #27ae60); }
.team-card:nth-child(3) .team-card__avatar { background: linear-gradient(135deg, #1a4a7a, #2980b9); }
.team-card:nth-child(4) .team-card__avatar { background: linear-gradient(135deg, #d35400, #f39c12); }

.team-card__name {
    font-size: 15px;
    font-weight: 700;
    color: #1a1a1a;
    margin-bottom: 4px;
}

.team-card__role {
    font-size: 12px;
    color: #aaa;
    margin-bottom: 12px;
}

.team-card__exp {
    display: inline-block;
    background: #f4f4f4;
    color: #555;
    font-size: 11px;
    font-weight: 600;
    padding: 3px 10px;
    border-radius: 20px;
}

/* ===== CTA-БЛОК ===== */
.about-cta {
    background: linear-gradient(135deg, #c0392b 0%, #e74c3c 100%);
    border-radius: 16px;
    padding: 40px 48px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 30px;
    position: relative;
    overflow: hidden;
}

.about-cta::before {
    content: "";
    position: absolute;
    top: -50px;
    right: 150px;
    width: 200px;
    height: 200px;
    border-radius: 50%;
    background: rgba(255,255,255,0.08);
}

.about-cta__left {
    position: relative;
    z-index: 1;
}

.about-cta__title {
    font-size: 24px;
    font-weight: 800;
    color: #fff;
    margin-bottom: 8px;
    line-height: 1.3;
}

.about-cta__desc {
    font-size: 15px;
    color: rgba(255,255,255,0.80);
    line-height: 1.6;
}

.about-cta__right {
    position: relative;
    z-index: 1;
    flex-shrink: 0;
    display: flex;
    flex-direction: column;
    gap: 12px;
    align-items: center;
}

.about-cta__btn {
    display: inline-block;
    background: #fff;
    color: #c0392b;
    font-size: 16px;
    font-weight: 800;
    padding: 15px 36px;
    border-radius: 10px;
    text-decoration: none;
    white-space: nowrap;
    transition: all 0.2s ease;
}

.about-cta__btn:hover {
    background: #f9f9f9;
    transform: scale(1.04);
}

.about-cta__note {
    font-size: 12px;
    color: rgba(255,255,255,0.65);
    text-align: center;
}

/* ===== АДАПТИВ ===== */
@media (max-width: 1100px) {
    .about-advantages {
        grid-template-columns: repeat(2, 1fr);
    }
    .about-team__grid {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 900px) {
    .about-story {
        grid-template-columns: 1fr;
    }
    .about-hero {
        flex-direction: column;
        padding: 36px 28px;
    }
    .about-hero__right {
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: center;
    }
    .about-cta {
        flex-direction: column;
        padding: 32px 24px;
        text-align: center;
    }
}

@media (max-width: 600px) {
    .about-advantages {
        grid-template-columns: 1fr;
    }
    .about-team__grid {
        grid-template-columns: 1fr;
    }
    .about-hero__title {
        font-size: 22px;
    }
}

/* ===== ОБЩИЕ СТИЛИ ===== */
.payment-section {
    padding: 40px 0 60px;
}

/* ===== HERO-БЛОК ===== */
.payment-hero {
    background: linear-gradient(135deg, #1a1a1a 0%, #2c2c2c 60%, #3d2b1f 100%);
    border-radius: 20px;
    padding: 44px 52px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 36px;
    margin-bottom: 32px;
    position: relative;
    overflow: hidden;
}

.payment-hero::before {
    content: "";
    position: absolute;
    top: -60px;
    right: 240px;
    width: 240px;
    height: 240px;
    border-radius: 50%;
    background: rgba(192,57,43,0.12);
    pointer-events: none;
}

.payment-hero::after {
    content: "";
    position: absolute;
    bottom: -50px;
    right: 60px;
    width: 160px;
    height: 160px;
    border-radius: 50%;
    background: rgba(243,156,18,0.10);
    pointer-events: none;
}

.payment-hero__left {
    position: relative;
    z-index: 1;
    flex: 1;
}

.payment-hero__tag {
    display: inline-block;
    background: #c0392b;
    color: #fff;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 2px;
    text-transform: uppercase;
    padding: 5px 16px;
    border-radius: 20px;
    margin-bottom: 18px;
}

.payment-hero__title {
    font-size: 28px;
    font-weight: 900;
    color: #fff;
    line-height: 1.25;
    margin-bottom: 14px;
}

.payment-hero__title span {
    color: #f39c12;
}

.payment-hero__desc {
    font-size: 15px;
    color: rgba(255,255,255,0.70);
    line-height: 1.7;
    max-width: 480px;
}

.payment-hero__right {
    position: relative;
    z-index: 1;
    flex-shrink: 0;
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.payment-hero__badge {
    background: rgba(255,255,255,0.07);
    border: 1px solid rgba(255,255,255,0.12);
    border-radius: 12px;
    padding: 14px 20px;
    display: flex;
    align-items: center;
    gap: 12px;
    backdrop-filter: blur(4px);
    min-width: 220px;
}

.payment-hero__badge-icon {
    font-size: 24px;
    flex-shrink: 0;
}

.payment-hero__badge-text {
    font-size: 13px;
    color: rgba(255,255,255,0.85);
    font-weight: 600;
    line-height: 1.4;
}

/* ===== СЕТКА СПОСОБОВ ОПЛАТЫ ===== */
.payment-methods {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 22px;
    margin-bottom: 32px;
}

/* ===== КАРТОЧКА СПОСОБА ОПЛАТЫ ===== */
.payment-card {
    background: #fff;
    border-radius: 16px;
    overflow: hidden;
    box-shadow: 0 4px 20px rgba(0,0,0,0.08);
    display: flex;
    flex-direction: column;
    position: relative;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.payment-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 12px 36px rgba(0,0,0,0.13);
}

/* Цветная шапка */
.payment-card__header {
    padding: 28px 28px 22px;
    position: relative;
    overflow: hidden;
}

.payment-card--red    .payment-card__header { background: linear-gradient(135deg, #c0392b 0%, #e74c3c 100%); }
.payment-card--orange .payment-card__header { background: linear-gradient(135deg, #d35400 0%, #f39c12 100%); }
.payment-card--green  .payment-card__header { background: linear-gradient(135deg, #1a6b2f 0%, #27ae60 100%); }
.payment-card--blue   .payment-card__header { background: linear-gradient(135deg, #1a4a7a 0%, #2980b9 100%); }
.payment-card--dark   .payment-card__header { background: linear-gradient(135deg, #1a1a1a 0%, #4a4a4a 100%); }
.payment-card--purple .payment-card__header { background: linear-gradient(135deg, #6c3483 0%, #9b59b6 100%); }

.payment-card__header::before {
    content: "";
    position: absolute;
    top: -30px;
    right: -30px;
    width: 110px;
    height: 110px;
    border-radius: 50%;
    background: rgba(255,255,255,0.10);
}

.payment-card__icon {
    font-size: 40px;
    display: block;
    margin-bottom: 12px;
    position: relative;
    z-index: 1;
}

.payment-card__header-title {
    font-size: 20px;
    font-weight: 800;
    color: #fff;
    position: relative;
    z-index: 1;
    line-height: 1.2;
}

.payment-card__header-sub {
    font-size: 12px;
    color: rgba(255,255,255,0.70);
    margin-top: 4px;
    position: relative;
    z-index: 1;
}

/* Тело карточки */
.payment-card__body {
    padding: 22px 28px;
    flex: 1;
    display: flex;
    flex-direction: column;
}

.payment-card__desc {
    font-size: 14px;
    color: #555;
    line-height: 1.7;
    margin-bottom: 18px;
    flex: 1;
}

/* Список условий */
.payment-card__list {
    list-style: none;
    padding: 0;
    margin: 0 0 20px;
}

.payment-card__list li {
    font-size: 13px;
    color: #444;
    padding: 6px 0 6px 22px;
    position: relative;
    border-bottom: 1px dashed #f0f0f0;
}

.payment-card__list li:last-child {
    border-bottom: none;
}

.payment-card__list li::before {
    content: "✓";
    position: absolute;
    left: 0;
    font-weight: 800;
    font-size: 13px;
}

.payment-card--red    .payment-card__list li::before { color: #c0392b; }
.payment-card--orange .payment-card__list li::before { color: #d35400; }
.payment-card--green  .payment-card__list li::before { color: #1a6b2f; }
.payment-card--blue   .payment-card__list li::before { color: #1a4a7a; }
.payment-card--dark   .payment-card__list li::before { color: #333; }
.payment-card--purple .payment-card__list li::before { color: #6c3483; }

/* Бейдж популярности */
.payment-card__popular {
    position: absolute;
    top: 16px;
    right: 16px;
    background: #f39c12;
    color: #fff;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 1px;
    text-transform: uppercase;
    padding: 4px 10px;
    border-radius: 20px;
    z-index: 10;
}

/* ===== БЛОК ГАРАНТИЙ ===== */
.payment-guarantees {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 18px;
    margin-bottom: 32px;
}

.guarantee-item {
    background: #fff;
    border-radius: 14px;
    padding: 22px 18px;
    text-align: center;
    box-shadow: 0 4px 16px rgba(0,0,0,0.07);
    transition: transform 0.3s ease;
    position: relative;
    overflow: hidden;
}

.guarantee-item:hover {
    transform: translateY(-4px);
}

.guarantee-item::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 3px;
    border-radius: 14px 14px 0 0;
}

.guarantee-item:nth-child(1)::before { background: linear-gradient(90deg, #c0392b, #e74c3c); }
.guarantee-item:nth-child(2)::before { background: linear-gradient(90deg, #1a6b2f, #27ae60); }
.guarantee-item:nth-child(3)::before { background: linear-gradient(90deg, #1a4a7a, #2980b9); }
.guarantee-item:nth-child(4)::before { background: linear-gradient(90deg, #d35400, #f39c12); }

.guarantee-item__icon {
    font-size: 32px;
    margin-bottom: 12px;
    display: block;
}

.guarantee-item__title {
    font-size: 14px;
    font-weight: 700;
    color: #1a1a1a;
    margin-bottom: 6px;
}

.guarantee-item__desc {
    font-size: 12px;
    color: #888;
    line-height: 1.5;
}

/* ===== БЛОК ДЛЯ ЮРЛИЦ ===== */
.payment-business {
    background: linear-gradient(135deg, #1a4a7a 0%, #2980b9 100%);
    border-radius: 16px;
    padding: 40px 48px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 32px;
    margin-bottom: 32px;
    position: relative;
    overflow: hidden;
}

.payment-business::before {
    content: "";
    position: absolute;
    top: -50px;
    right: 200px;
    width: 200px;
    height: 200px;
    border-radius: 50%;
    background: rgba(255,255,255,0.08);
}

.payment-business__left {
    position: relative;
    z-index: 1;
    flex: 1;
}

.payment-business__tag {
    display: inline-block;
    background: rgba(255,255,255,0.15);
    color: #fff;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 1.5px;
    text-transform: uppercase;
    padding: 4px 14px;
    border-radius: 20px;
    margin-bottom: 14px;
}

.payment-business__title {
    font-size: 24px;
    font-weight: 800;
    color: #fff;
    margin-bottom: 10px;
    line-height: 1.3;
}

.payment-business__desc {
    font-size: 14px;
    color: rgba(255,255,255,0.75);
    line-height: 1.7;
    max-width: 420px;
}

.payment-business__right {
    position: relative;
    z-index: 1;
    flex-shrink: 0;
}

.payment-business__docs {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.payment-business__doc {
    background: rgba(255,255,255,0.12);
    border: 1px solid rgba(255,255,255,0.18);
    border-radius: 10px;
    padding: 12px 18px;
    display: flex;
    align-items: center;
    gap: 10px;
    min-width: 220px;
}

.payment-business__doc-icon {
    font-size: 18px;
    flex-shrink: 0;
}

.payment-business__doc-text {
    font-size: 13px;
    color: rgba(255,255,255,0.90);
    font-weight: 600;
}

/* ===== БЛОК ЧТО ВАЖНО ===== */
.payment-important {
    background: #fff;
    border-radius: 16px;
    padding: 36px;
    box-shadow: 0 4px 20px rgba(0,0,0,0.07);
    margin-bottom: 32px;
}

.payment-important__title {
    font-size: 20px;
    font-weight: 800;
    color: #1a1a1a;
    margin-bottom: 20px;
    display: flex;
    align-items: center;
    gap: 10px;
}

.payment-important__grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
}

.payment-important__item {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.payment-important__item-num {
    font-size: 36px;
    font-weight: 900;
    color: #f0f0f0;
    line-height: 1;
}

.payment-important__item-title {
    font-size: 14px;
    font-weight: 700;
    color: #1a1a1a;
    margin-top: -8px;
}

.payment-important__item-desc {
    font-size: 13px;
    color: #777;
    line-height: 1.6;
}

/* ===== CTA ===== */
.payment-cta {
    background: linear-gradient(135deg, #c0392b 0%, #e74c3c 100%);
    border-radius: 16px;
    padding: 36px 48px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 28px;
    position: relative;
    overflow: hidden;
}

.payment-cta::before {
    content: "";
    position: absolute;
    top: -40px;
    right: 160px;
    width: 180px;
    height: 180px;
    border-radius: 50%;
    background: rgba(255,255,255,0.08);
}

.payment-cta__left {
    position: relative;
    z-index: 1;
}

.payment-cta__title {
    font-size: 22px;
    font-weight: 800;
    color: #fff;
    margin-bottom: 6px;
}

.payment-cta__desc {
    font-size: 14px;
    color: rgba(255,255,255,0.80);
    line-height: 1.6;
}

.payment-cta__right {
    position: relative;
    z-index: 1;
    flex-shrink: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 10px;
}

.payment-cta__btn {
    display: inline-block;
    background: #fff;
    color: #c0392b;
    font-size: 17px;
    font-weight: 800;
    padding: 15px 36px;
    border-radius: 10px;
    text-decoration: none;
    white-space: nowrap;
    transition: all 0.2s ease;
}

.payment-cta__btn:hover {
    background: #f9f9f9;
    transform: scale(1.04);
}

.payment-cta__note {
    font-size: 12px;
    color: rgba(255,255,255,0.65);
    text-align: center;
}

/* ===== АДАПТИВ ===== */
@media (max-width: 1100px) {
    .payment-methods {
        grid-template-columns: repeat(2, 1fr);
    }
    .payment-guarantees {
        grid-template-columns: repeat(2, 1fr);
    }
    .payment-important__grid {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 900px) {
    .payment-hero {
        flex-direction: column;
        padding: 32px 24px;
    }
    .payment-business {
        flex-direction: column;
        padding: 28px 24px;
    }
    .payment-cta {
        flex-direction: column;
        padding: 28px 24px;
        text-align: center;
    }
    .payment-cta__btn {
        width: 100%;
    }
}

@media (max-width: 600px) {
    .payment-methods {
        grid-template-columns: 1fr;
    }
    .payment-guarantees {
        grid-template-columns: 1fr;
    }
    .payment-important__grid {
        grid-template-columns: 1fr;
    }
}


/* ===== ОБЩИЕ СТИЛИ ===== */
.pricelist-section {
    padding: 40px 0 60px;
}

/* ===== HERO ===== */
.pricelist-hero {
    background: linear-gradient(135deg, #1a1a1a 0%, #2c2c2c 60%, #3d2b1f 100%);
    border-radius: 20px;
    padding: 44px 52px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 36px;
    margin-bottom: 32px;
    position: relative;
    overflow: hidden;
}

.pricelist-hero::before {
    content: "";
    position: absolute;
    top: -70px;
    right: 220px;
    width: 260px;
    height: 260px;
    border-radius: 50%;
    background: rgba(192,57,43,0.12);
    pointer-events: none;
}

.pricelist-hero::after {
    content: "";
    position: absolute;
    bottom: -50px;
    right: 60px;
    width: 180px;
    height: 180px;
    border-radius: 50%;
    background: rgba(243,156,18,0.10);
    pointer-events: none;
}

.pricelist-hero__left {
    position: relative;
    z-index: 1;
    flex: 1;
}

.pricelist-hero__tag {
    display: inline-block;
    background: #c0392b;
    color: #fff;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 2px;
    text-transform: uppercase;
    padding: 5px 16px;
    border-radius: 20px;
    margin-bottom: 16px;
}

.pricelist-hero__title {
    font-size: 28px;
    font-weight: 900;
    color: #fff;
    line-height: 1.25;
    margin-bottom: 12px;
}

.pricelist-hero__title span {
    color: #f39c12;
}

.pricelist-hero__desc {
    font-size: 15px;
    color: rgba(255,255,255,0.70);
    line-height: 1.7;
    max-width: 480px;
}

.pricelist-hero__right {
    position: relative;
    z-index: 1;
    flex-shrink: 0;
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.pricelist-hero__note {
    background: rgba(255,255,255,0.07);
    border: 1px solid rgba(255,255,255,0.12);
    border-radius: 12px;
    padding: 12px 18px;
    display: flex;
    align-items: center;
    gap: 10px;
    min-width: 220px;
}

.pricelist-hero__note-icon { font-size: 20px; flex-shrink: 0; }
.pricelist-hero__note-text { font-size: 13px; color: rgba(255,255,255,0.85); font-weight: 600; }

/* ===== РАЗДЕЛ ПРАЙСА ===== */
.price-category {
    margin-bottom: 36px;
}

.price-category__header {
    display: flex;
    align-items: center;
    gap: 14px;
    margin-bottom: 16px;
}

.price-category__icon {
    width: 46px;
    height: 46px;
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 22px;
    flex-shrink: 0;
}

.price-category--red    .price-category__icon { background: linear-gradient(135deg, #c0392b, #e74c3c); }
.price-category--orange .price-category__icon { background: linear-gradient(135deg, #d35400, #f39c12); }
.price-category--green  .price-category__icon { background: linear-gradient(135deg, #1a6b2f, #27ae60); }
.price-category--blue   .price-category__icon { background: linear-gradient(135deg, #1a4a7a, #2980b9); }
.price-category--dark   .price-category__icon { background: linear-gradient(135deg, #1a1a1a, #555); }
.price-category--purple .price-category__icon { background: linear-gradient(135deg, #6c3483, #9b59b6); }
.price-category--teal   .price-category__icon { background: linear-gradient(135deg, #0e6655, #1abc9c); }
.price-category--brown  .price-category__icon { background: linear-gradient(135deg, #6e2f0a, #a0522d); }

.price-category__title-block { flex: 1; }

.price-category__title {
    font-size: 20px;
    font-weight: 800;
    color: #1a1a1a;
    margin-bottom: 3px;
}

.price-category__subtitle {
    font-size: 13px;
    color: #999;
}

/* ===== ТАБЛИЦА ЦЕН ===== */
.price-table-wrap {
    background: #fff;
    border-radius: 16px;
    box-shadow: 0 4px 20px rgba(0,0,0,0.08);
    overflow: hidden;
}

.price-table {
    width: 100%;
    border-collapse: collapse;
}

.price-table thead tr {
    background: #f7f7f7;
}

.price-table thead th {
    padding: 14px 20px;
    text-align: left;
    font-size: 12px;
    font-weight: 700;
    color: #888;
    letter-spacing: 0.8px;
    text-transform: uppercase;
    border-bottom: 2px solid #efefef;
}

.price-table thead th:last-child {
    text-align: right;
}

.price-table tbody tr {
    border-bottom: 1px solid #f5f5f5;
    transition: background 0.2s ease;
}

.price-table tbody tr:last-child {
    border-bottom: none;
}

.price-table tbody tr:hover {
    background: #fafafa;
}

.price-table tbody td {
    padding: 16px 20px;
    vertical-align: middle;
}

/* Название товара */
.pt-name {
    font-size: 14px;
    font-weight: 600;
    color: #1a1a1a;
    margin-bottom: 3px;
    line-height: 1.3;
}

.pt-desc {
    font-size: 12px;
    color: #aaa;
    line-height: 1.4;
}

/* Характеристики */
.pt-specs {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
}

.pt-spec {
    display: inline-block;
    background: #f4f4f4;
    color: #666;
    font-size: 11px;
    font-weight: 600;
    padding: 3px 9px;
    border-radius: 20px;
    white-space: nowrap;
}

/* Единица измерения */
.pt-unit {
    font-size: 13px;
    color: #888;
    text-align: center;
}

/* Цена */
.pt-price {
    text-align: right;
    white-space: nowrap;
}

.pt-price-value {
    font-size: 18px;
    font-weight: 900;
    color: #1a1a1a;
    line-height: 1;
}

.pt-price-unit {
    font-size: 11px;
    color: #aaa;
    margin-top: 2px;
}

/* Популярный товар */
.pt-popular {
    display: inline-block;
    background: #fdecea;
    color: #c0392b;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 0.5px;
    padding: 2px 8px;
    border-radius: 10px;
    margin-left: 8px;
    vertical-align: middle;
}

/* Новинка */
.pt-new {
    display: inline-block;
    background: #e8f8ee;
    color: #1a6b2f;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 0.5px;
    padding: 2px 8px;
    border-radius: 10px;
    margin-left: 8px;
    vertical-align: middle;
}

/* Хит */
.pt-hit {
    display: inline-block;
    background: #fef3e2;
    color: #d35400;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 0.5px;
    padding: 2px 8px;
    border-radius: 10px;
    margin-left: 8px;
    vertical-align: middle;
}

/* Цветная полоска-акцент слева для строки */
.price-table tbody tr.row--accent td:first-child {
    border-left: 3px solid #c0392b;
}

/* ===== БЛОК СКИДОК ===== */
.price-discounts {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 16px;
    margin-bottom: 32px;
}

.discount-card {
    background: #fff;
    border-radius: 14px;
    padding: 20px 16px;
    text-align: center;
    box-shadow: 0 4px 16px rgba(0,0,0,0.07);
    position: relative;
    overflow: hidden;
    transition: transform 0.3s ease;
}

.discount-card:hover {
    transform: translateY(-4px);
}

.discount-card::before {
    content: "";
    position: absolute;
    top: 0; left: 0; right: 0;
    height: 3px;
    border-radius: 14px 14px 0 0;
}

.discount-card:nth-child(1)::before { background: linear-gradient(90deg, #c0392b, #e74c3c); }
.discount-card:nth-child(2)::before { background: linear-gradient(90deg, #d35400, #f39c12); }
.discount-card:nth-child(3)::before { background: linear-gradient(90deg, #1a6b2f, #27ae60); }
.discount-card:nth-child(4)::before { background: linear-gradient(90deg, #1a4a7a, #2980b9); }

.discount-card__vol {
    font-size: 13px;
    color: #aaa;
    margin-bottom: 6px;
}

.discount-card__pct {
    font-size: 38px;
    font-weight: 900;
    color: #1a1a1a;
    line-height: 1;
    margin-bottom: 4px;
}

.discount-card__pct span {
    font-size: 20px;
}

.discount-card__label {
    font-size: 12px;
    color: #777;
}

/* ===== CTA ПОЛОСА ===== */
.price-cta {
    background: linear-gradient(135deg, #c0392b 0%, #e74c3c 100%);
    border-radius: 16px;
    padding: 36px 48px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 28px;
    position: relative;
    overflow: hidden;
    margin-top: 8px;
}

.price-cta::before {
    content: "";
    position: absolute;
    top: -40px; right: 160px;
    width: 180px; height: 180px;
    border-radius: 50%;
    background: rgba(255,255,255,0.08);
}

.price-cta__left { position: relative; z-index: 1; }

.price-cta__title {
    font-size: 22px;
    font-weight: 800;
    color: #fff;
    margin-bottom: 6px;
}

.price-cta__desc {
    font-size: 14px;
    color: rgba(255,255,255,0.80);
    line-height: 1.6;
}

.price-cta__right {
    position: relative;
    z-index: 1;
    flex-shrink: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 10px;
}

.price-cta__btn {
    display: inline-block;
    background: #fff;
    color: #c0392b;
    font-size: 17px;
    font-weight: 800;
    padding: 15px 36px;
    border-radius: 10px;
    text-decoration: none;
    white-space: nowrap;
    transition: all 0.2s ease;
}

.price-cta__btn:hover {
    background: #f9f9f9;
    transform: scale(1.04);
}

.price-cta__note {
    font-size: 12px;
    color: rgba(255,255,255,0.65);
    text-align: center;
}

/* ===== АДАПТИВ ===== */
@media (max-width: 1100px) {
    .price-discounts { grid-template-columns: repeat(2, 1fr); }
}

@media (max-width: 900px) {
    .pricelist-hero { flex-direction: column; padding: 32px 24px; }
    .price-cta { flex-direction: column; padding: 28px 24px; text-align: center; }
    .price-cta__btn { width: 100%; }
    .price-table thead th:nth-child(2),
    .price-table tbody td:nth-child(2) { display: none; }
}

@media (max-width: 600px) {
    .price-discounts { grid-template-columns: 1fr 1fr; }
    .price-table thead th:nth-child(3),
    .price-table tbody td:nth-child(3) { display: none; }
    .pt-price-value { font-size: 15px; }
}