/* Start:/local/templates/kitchen_marketolog/css/reset.min.css?17867171862115*/
*{padding:0;margin:0;border:0}*,::after,::before{-webkit-box-sizing:border-box;box-sizing:border-box}body,html{height:100%;width:100%;margin:0;padding:0;font-size:16px}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}ol,ul{list-style:none;padding:0;margin:0}img{vertical-align:top;max-width:100%}sup{vertical-align:text-top}sub{vertical-align:text-bottom}table{border-collapse:collapse;border-spacing:0}a{background:0 0;text-decoration:none;outline:0;border:none;color:inherit;-webkit-tap-highlight-color:transparent}a:active,a:focus{outline:0}:active,:focus{outline:0}body{line-height:1;-ms-text-size-adjust:100%;-moz-text-size-adjust:100%;-webkit-text-size-adjust:100%}button,input,textarea{font-family:inherit;border-radius:0}button,input,textarea{font-size:inherit}input::-webkit-input-placeholder,textarea::-webkit-input-placeholder{opacity:1}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1}input:-ms-input-placeholder,textarea:-ms-input-placeholder{opacity:1}input::-ms-input-placeholder,textarea::-ms-input-placeholder{opacity:1}input::placeholder,textarea::placeholder{opacity:1}input::-ms-clear{display:none}[role=button],button{background:inherit;cursor:pointer;font-size:inherit;-webkit-tap-highlight-color:transparent;color:inherit}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}:focus::-webkit-input-placeholder{color:transparent}:focus::-moz-placeholder{color:transparent}:focus:-moz-placeholder{color:transparent}:focus:-ms-input-placeholder{color:transparent}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button}
/* End */


/* Start:/local/templates/kitchen_marketolog/css/style.min.css?178671706434211*/
@charset "UTF-8";@import url(https://fonts.googleapis.com/css?family=Noto+Sans:regular,500,600,700&display=swap);@import url(https://fonts.googleapis.com/css?family=Noto+Sans+Display:regular,700&display=swap);@font-face{font-family:icons;font-display:swap;src:url(/local/templates/kitchen_marketolog/css/../fonts/icons.woff) format("woff"),url(/local/templates/kitchen_marketolog/css/../fonts/icons.woff2) format("woff2");font-weight:400;font-style:normal}.form__checkbox-input:checked+.form__checkbox-content::before,[class*=" icon-"]:before,[class^=icon-]:before{font-family:icons;font-style:normal;font-weight:400;font-variant:normal;text-transform:none;line-height:1;speak:never;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}[class*=" icon-"]:before,[class^=icon-]:before{display:block}.form__checkbox-input:checked+.form__checkbox-content:before,.icon-check:before{content:"\e904"}.icon-mobile:before{content:"\e905"}.icon-mail:before{content:"\e906"}.icon-location:before{content:"\e907"}.icon-left:before{content:"\e902"}.icon-right:before{content:"\e903"}.icon-arrow:before{content:"\e900"}.icon-phone:before{content:"\e901"}body{font-family:"Noto Sans",sans-serif;color:#3a2312;line-height:1.375}body.lock{overflow:hidden}.wrapper{position:relative;width:100%;min-height:100%;overflow:hidden;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}[class*=__container]{margin:0 auto;-webkit-box-sizing:content-box;box-sizing:content-box;padding:0 1.25em}.breadcrumbs{padding:3.5em 0 1.75em}.breadcrumbs__items{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;color:#535353}.breadcrumbs__item{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.breadcrumbs__item:not(:last-child)::before{margin:0 .1875em;content:"—";-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1}.breadcrumbs__link{-webkit-transition:color .3s ease 0s;-o-transition:color .3s ease 0s;transition:color .3s ease 0s;text-decoration:underline}.breadcrumbs__link.active{text-decoration:none;pointer-events:none}.title{font-size:32px;font-weight:500;line-height:1.375}.service{border-radius:0 0 30px 30px;background:#f7e5d8;padding:2.5em;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}.service.service-white{background:#fff}.service:nth-child(3n+1) .service__title{margin:.25em 0 0 0}.service__icon{width:48px}.service__image img{height:139px}.service__caption{margin:1.25rem 0 0 0}.service__title{margin:1em 0 0 0;font-size:20px;font-weight:400;line-height:1.35}.service__desc{margin:1.25em 0 auto 0;color:#535353}.service__price{margin:1em 0 0 0;font-size:20px;line-height:1.35}.service__price-value{font-size:32px;font-weight:500;line-height:1.375}.service__btn{margin:1.625em 0 0 0}.categories{display:-webkit-box;display:-ms-flexbox;display:flex}.categories__item{font-size:12px;line-height:1.3333333333;-webkit-transition:color .3s ease 0s;-o-transition:color .3s ease 0s;transition:color .3s ease 0s;color:#00b2ff}.categories__item:not(:last-child){margin:0 1.5em 0 0}.categories__item.active{color:#804a23;pointer-events:none}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#fff}::-webkit-scrollbar-thumb{background:#00b2ff;border-radius:8px}.hidden{position:absolute;clip:rect(0 0 0 0);width:1px;height:1px;margin:-1px}.cover-image{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.form__item:not(:last-child){margin:0 0 1.875em 0}.form__input{-o-text-overflow:ellipsis;text-overflow:ellipsis;-webkit-transition:all .3s ease 0s;-o-transition:all .3s ease 0s;transition:all .3s ease 0s;width:100%;border:1px solid #535353;border-radius:30px;padding:.9375em 1.25em;color:#535353}.form__input:focus{border-color:#00b2ff}.form__input:disabled{background:#dfe0e1;border-color:#dfe0e1}.form__checkbox-content{position:relative;padding:0 0 0 1.625rem;display:block;font-size:14px;line-height:1.3571428571;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.form__checkbox-content::before{content:"";position:absolute;top:50%;left:0;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);width:16px;height:16px;border:1px solid #535353}.form__checkbox-link{color:#00b2ff;-webkit-transition:color .3s ease 0s;-o-transition:color .3s ease 0s;transition:color .3s ease 0s}.btn{position:relative;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-transition:all .3s ease 0s;-o-transition:all .3s ease 0s;transition:all .3s ease 0s;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;white-space:nowrap;font-weight:600;line-height:1.3571428571;padding:.9375rem 1.875rem;border-radius:30px;-webkit-box-shadow:0 4px 10px rgba(0,0,0,.25);box-shadow:0 4px 10px rgba(0,0,0,.25);text-transform:uppercase;font-size:14px}.btn.btn-blue{background:#00b2ff;color:#fff}.btn.btn-blue:hover{background:#009bde}.btn.btn-blue:active{background:#ff6c00}.btn.btn-brown{background:#3a2312;color:#fff}.btn.btn-brown:hover{background:#804a23}.btn.btn-brown:active{background:#00b2ff}.btn.btn-orange{background:#ff6c00;color:#fff}.btn.btn-orange:hover{background:#804a23}.btn.btn-orange:active{background:#3a2312}.btn.btn-sm{font-size:12px}.btn:disabled,.btn[aria-disabled=true]{cursor:default;color:#fff;background:#dfe0e1;pointer-events:none}.header{padding:1.25em 0;position:relative;z-index:10}.header::after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:#fff;-webkit-box-shadow:0 2px 10px 0 rgba(0,0,0,.25);box-shadow:0 2px 10px 0 rgba(0,0,0,.25);z-index:-1}.header.header-beige{background:#f7e5d8;border-radius:0 0 30px 30px}.header.header-beige::after{background:#f7e5d8}.header__container{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.header__logo{-webkit-box-flex:0;-ms-flex:0 1 137px;flex:0 1 137px;mix-blend-mode:multiply}.header__phone{display:none}.header__bitrix{display:none}.menu{position:fixed;top:0;left:0;width:100%;height:100%;z-index:-1;opacity:0;visibility:hidden;-webkit-transition:opacity .15s ease 0s,visibility .15s ease 0s;-o-transition:opacity .15s ease 0s,visibility .15s ease 0s;transition:opacity .15s ease 0s,visibility .15s ease 0s;background:rgba(83,83,83,.5)}.menu.active{opacity:1;visibility:visible}.menu.active .menu__body{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}.menu__body{padding:8.375em 2.5em 2.5em 2.5em;background:#fff;border-radius:0 0 20px 20px;-webkit-transform:translateY(-100%);-ms-transform:translateY(-100%);transform:translateY(-100%);-webkit-transition:-webkit-transform .25s ease 0s;transition:-webkit-transform .25s ease 0s;-o-transition:transform .25s ease 0s;transition:transform .25s ease 0s;transition:transform .25s ease 0s,-webkit-transform .25s ease 0s}.menu__list{display:-ms-grid;display:grid;gap:20px;-ms-grid-column:3;grid-column:3.75em;-ms-grid-columns:(1fr)[2];grid-template-columns:repeat(2,1fr)}.menu__item.menu__item-parent{display:contents}.menu__link{text-decoration:underline;text-underline-offset:5px;-webkit-text-decoration-style:dotted;text-decoration-style:dotted;-webkit-transition:color .3s ease 0s;-o-transition:color .3s ease 0s;transition:color .3s ease 0s}.menu__link.active{text-decoration:none;color:#804a23;pointer-events:none}.submenu{display:contents}.submenu__link{-webkit-transition:color .3s ease 0s;-o-transition:color .3s ease 0s;transition:color .3s ease 0s;text-decoration:underline;text-underline-offset:5px;-webkit-text-decoration-style:dotted;text-decoration-style:dotted}.icon-menu{width:24px;height:24px;-ms-flex-negative:0;flex-shrink:0;position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-transition:-webkit-transform .2s linear;transition:-webkit-transform .2s linear;-o-transition:transform .2s linear;transition:transform .2s linear;transition:transform .2s linear,-webkit-transform .2s linear;z-index:10}.icon-menu span,.icon-menu::after,.icon-menu::before{content:"";position:absolute;-webkit-transition:all .25s;-o-transition:all .25s;transition:all .25s;height:2px;border-radius:2px;left:0;width:100%;background-color:#3a2312}.icon-menu span{top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%)}.icon-menu::before{top:6px}.icon-menu::after{bottom:5.5px}.icon-menu.active{-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg)}.icon-menu.active span{-webkit-transform:scale(0);-ms-transform:scale(0);transform:scale(0)}.icon-menu.active::before{-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg);top:calc(50% - 1px)}.icon-menu.active:after{width:100%;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);bottom:calc(50% - 1px)}.footer{padding:1.25em 0 1.875em}.footer__container{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}.footer__main{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-ms-flex-item-align:start;align-self:flex-start;-webkit-box-ordinal-group:0;-ms-flex-order:-1;order:-1;-webkit-box-flex:0;-ms-flex:0 0 100%;flex:0 0 100%}.footer__logo{max-width:137px}.footer__phone{margin:.625em 0 0 0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-transition:color .3s ease 0s;-o-transition:color .3s ease 0s;transition:color .3s ease 0s}.footer__phone::before{font-size:18px;margin:0 .5em 0 0}.footer__copy{margin:.8333333333em 0 0 0;font-size:12px;line-height:1.3333333333;color:#535353}.footer__column{margin:1.5625em 0 0 0;-webkit-box-flex:0;-ms-flex:0 0 100%;flex:0 0 100%}.footer__column-title{color:#535353;-webkit-transition:color .3s ease 0s;-o-transition:color .3s ease 0s;transition:color .3s ease 0s}.footer__column-list{margin:.625em 0 0 0}.footer__column-item:not(:last-child){margin:0 0 .625em 0}.footer__column-link{-webkit-transition:color .3s ease 0s;-o-transition:color .3s ease 0s;transition:color .3s ease 0s}.footer__contacts{text-decoration:underline;text-underline-offset:6px;-webkit-text-decoration-style:dotted;text-decoration-style:dotted;-webkit-transition:color .3s ease 0s;-o-transition:color .3s ease 0s;transition:color .3s ease 0s}.footer__bitrix{-webkit-box-ordinal-group:0;-ms-flex-order:-1;order:-1;-ms-flex-item-align:center;-ms-grid-row-align:center;align-self:center;-webkit-box-flex:0;-ms-flex:0 0 100%;flex:0 0 100%;margin:1.5625em 0 0 0}.page{-webkit-box-flex:1;-ms-flex:1 1 auto;flex:1 1 auto}.services{padding:2.1875em 0 1.25em 0}.services.services-beige{background:#f7e5d8;border-radius:0 0 50px 50px}.services__items{margin:3.125em 0 0 0;display:-ms-grid;display:grid;gap:20px}.feedback{position:relative;padding:3.1875em 0 3.25em 0;z-index:1}.feedback__body{margin:1.4375em 0 0 0;background:#fff;-webkit-box-shadow:0 4px 10px rgba(0,0,0,.25);box-shadow:0 4px 10px rgba(0,0,0,.25);border-radius:20px;padding:2.5em}.feedback__title{font-size:20px;line-height:1.35}.feedback__desc{margin:.625em 0 0 0;color:#535353}.feedback__form{margin:1.875em 0 0 0}.feedback__map{height:596px;pointer-events:none}.main{padding:2.5em 0 .9375em 0;background:-webkit-gradient(linear,left top,left bottom,color-stop(45.5%,#fff),color-stop(45.5%,#f6e5d8));background:-o-linear-gradient(top,#fff 45.5%,#f6e5d8 45.5%);background:linear-gradient(180deg,#fff 45.5%,#f6e5d8 45.5%)}.main__container{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.main__offer{position:relative;z-index:1;-webkit-box-flex:1;-ms-flex:1 1 auto;flex:1 1 auto;-ms-flex-negative:1;flex-shrink:1;-ms-flex-positive:1;flex-grow:1;-ms-flex-preferred-size:auto;flex-basis:auto;padding:3em 1.25em 3.9375em 1.25em;min-width:330px;background:#3a2312;-webkit-box-shadow:17px 0 0 #00b2ff;box-shadow:17px 0 0 #00b2ff;-webkit-transform:skewX(-20deg);-ms-transform:skewX(-20deg);transform:skewX(-20deg);color:#fff;border-radius:0 45px 15px 400px}.main__offer::before{content:"";position:absolute;top:0;left:0;width:80%;height:100%;border-radius:30px;background:#3a2312;-webkit-transform:skewX(20deg);-ms-transform:skewX(20deg);transform:skewX(20deg);z-index:-1}.main__offer-body{max-width:360px;-webkit-transform:skewX(20deg);-ms-transform:skewX(20deg);transform:skewX(20deg)}.main__title{font-size:20px;font-weight:700;line-height:1.375}.main__title span{color:#00b2ff}.main__list{list-style:disc;margin:1.5625em 0 0 0;padding:0 0 0 .625em}.main__btn{margin:2.8125em 0 0 0}.main__image{position:relative;z-index:2;-ms-flex-negative:0;flex-shrink:0;-webkit-box-flex:0;-ms-flex-positive:0;flex-grow:0;-ms-flex-preferred-size:380px;flex-basis:380px;padding:5em 0 0 0;margin:0 0 0 -10%}.main__image img{-webkit-filter:drop-shadow(-10px 10px 30px #544133);filter:drop-shadow(-10px 10px 30px #544133)}.desc{padding:5.0625em 0 .9375em}.desc__container{max-width:900px}.desc__info{-webkit-box-flex:0;-ms-flex:0 1 43.5%;flex:0 1 43.5%}.desc__logo{max-width:189px}.desc__text{margin:1.8125em 0 0 0}.desc__text p:not(:last-child){margin:0 0 .875em 0}.desc__text p:not(:last-child):first-child{margin:0 0 2.5em 0}.desc__image{margin:3.75em 0 0 0;max-width:352px}.benefits{display:none}.projects{padding:1.5625em 0 3.6875em 0}.projects__items{margin:2.125em -1.25em 0;padding:0 1.25em;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:nowrap;flex-wrap:nowrap;gap:20px;overflow-x:auto}.projects__items::-webkit-scrollbar{width:0;height:0;display:none}.projects__list{margin:3.5em 0 0 0}.project{-webkit-box-flex:0;-ms-flex:0 0 352px;flex:0 0 352px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.project__image{-ms-flex-negative:0;flex-shrink:0;-webkit-box-flex:0;-ms-flex-positive:0;flex-grow:0;max-width:293px;margin:0 0 1.875em 0;height:213px}.project__image img{-webkit-box-shadow:0 4px 10px rgba(0,0,0,.25);box-shadow:0 4px 10px rgba(0,0,0,.25);border-radius:5px}.project__info{-webkit-box-flex:1;-ms-flex:1 1 auto;flex:1 1 auto;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;padding:0 1.875em 0 0}.project__time{color:#535353}.project__title{margin:.25em 0 0 0;font-size:20px;line-height:1.35}.project__desc{margin:1.25em 0 auto 0;color:#535353}.project__link{margin:1.4285714286em 0 0 0;font-size:14px;font-weight:600;line-height:1.3571428571;text-transform:uppercase;color:#00b2ff;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-transition:color .3s ease 0s;-o-transition:color .3s ease 0s;transition:color .3s ease 0s}.project__link::before{-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1;font-size:7px;margin:0 0 0 1.25em;-webkit-transition:-webkit-transform .3s ease 0s;transition:-webkit-transform .3s ease 0s;-o-transition:transform .3s ease 0s;transition:transform .3s ease 0s;transition:transform .3s ease 0s,-webkit-transform .3s ease 0s}.project__link:hover{color:#3a2312}.project__link:hover::before{-webkit-transform:translateX(5px);-ms-transform:translateX(5px);transform:translateX(5px)}.project__link:active{color:#ff6c00}.gift{background:#f7e5d8;border-radius:30px;padding:1.9375em 0 1.875em 0}.gift__wrapper{border-radius:30px;overflow:hidden;display:-webkit-box;display:-ms-flexbox;display:flex;color:#fff}.gift__content{position:relative;z-index:1;background:#3a2312;-ms-flex-negative:0;flex-shrink:0;-webkit-box-flex:0;-ms-flex-positive:0;flex-grow:0;-webkit-box-shadow:16px 0 0 #ff6c00;box-shadow:16px 0 0 #ff6c00;-ms-flex-preferred-size:85%;flex-basis:85%;-webkit-transform:skewX(15deg);-ms-transform:skewX(15deg);transform:skewX(15deg);color:#fff;border-radius:0 15px 40px 100px;padding:3.0625em 3.125em 3.125em 1.25em}.gift__content::before{content:"";position:absolute;top:0;left:0;width:80%;height:100%;border-radius:30px;background:#3a2312;-webkit-transform:skewX(-15deg);-ms-transform:skewX(-15deg);transform:skewX(-15deg);z-index:-1}.gift__content-body{max-width:460px;-webkit-transform:skewX(-15deg);-ms-transform:skewX(-15deg);transform:skewX(-15deg)}.gift__title{font-size:24px;max-width:250px;line-height:1.375}.gift__footer{margin:1.5625em 0 0 0}.gift__footer-image{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.gift__footer-image::before{display:none}.gift__btn{margin:.625em 0 0 0}.gift__image{margin-left:-15%;-webkit-box-flex:0;-ms-flex:0 0 59%;flex:0 0 59%;-webkit-filter:blur(2px);filter:blur(2px)}@-webkit-keyframes arrowRight{0%{-webkit-transform:translateX(0);transform:translateX(0)}50%{-webkit-transform:translateX(10px);transform:translateX(10px)}100%{-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes arrowRight{0%{-webkit-transform:translateX(0);transform:translateX(0)}50%{-webkit-transform:translateX(10px);transform:translateX(10px)}100%{-webkit-transform:translateX(0);transform:translateX(0)}}.clients{padding:2.25em 0 4.6875em 0}.clients__slider{position:relative;margin:2.5em 0 0 0}.clients__slider-content{overflow:visible}.clients__slide{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;height:62px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.clients__next,.clients__prev{color:#535353;display:none}.clients__next::after,.clients__prev::after{display:none}.clients__prev{left:-35px}.clients__next{right:-35px}.project-card:not(:last-child){margin:0 0 2.5em 0}.project-card__image{margin:0 0 1.25em 0}.project-card__image img{border:1px solid #535353;border-radius:20px}.project-card__info{-webkit-box-flex:1;-ms-flex:1 1 auto;flex:1 1 auto;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}.project-card__caption{font-size:20px;line-height:1.35}.project-card__link{-webkit-transition:color .3s ease 0s;-o-transition:color .3s ease 0s;transition:color .3s ease 0s}.project-card__categories{margin:.3125em 0 0 0}.project-card__desc{margin:1.25em 0 0 0;color:#535353}.project-card__more{margin:1.4285714286em 0 0 0;font-size:14px;font-weight:600;line-height:1.3571428571;text-transform:uppercase;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-transition:color .3s ease 0s;-o-transition:color .3s ease 0s;transition:color .3s ease 0s;color:#3a2312}.project-card__more::before{-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1;font-size:7px;margin:0 0 0 1.25em;-webkit-transition:-webkit-transform .3s ease 0s;transition:-webkit-transform .3s ease 0s;-o-transition:transform .3s ease 0s;transition:transform .3s ease 0s;transition:transform .3s ease 0s,-webkit-transform .3s ease 0s}.project-card__more:hover{color:#00b2ff}.project-card__more:hover::before{-webkit-transform:translateX(5px);-ms-transform:translateX(5px);transform:translateX(5px)}.project-card__more:active{color:#ff6c00}.current-project{padding:1.4375em 0 3.75em 0}.current-project__body{margin:1.875em 0 0 0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:reverse;-ms-flex-direction:column-reverse;flex-direction:column-reverse}.current-project__info{margin:1.25em 0 0 0}.current-project__caption{font-size:20px;line-height:1.35;color:#3a2312}.current-project__categories{margin:.75em 0 0 0}.current-project__desc{margin:1.5em 0 0 0}.current-project__footer{margin:3.8125em 0 0 0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.current-project__order{margin:0 2.625em 0 0}.current-project__complexity-caption{font-size:12px;line-height:1.3333333333}.current-project__complexity-items{margin:.125em 0 0 0;display:-webkit-box;display:-ms-flexbox;display:flex}.current-project__complexity-item{-webkit-filter:grayscale(1);filter:grayscale(1)}.current-project__complexity-item:not(:last-child){margin:0 .3125em 0 0}.current-project__complexity-item.active{-webkit-filter:none;filter:none}.current-project__slider{min-width:0}.current-project__main{border:1px solid #e8e8e8;border-radius:5px}.current-project__thumbs{margin:1.5em 0 0 0}.current-project__thumbs-slide{height:auto;cursor:pointer}.current-project__thumbs-slide img{-webkit-transition:border-color .3s ease 0s;-o-transition:border-color .3s ease 0s;transition:border-color .3s ease 0s;border-radius:5px;border:1px solid #e8e8e8}.current-project__thumbs-slide.swiper-slide-thumb-active img{border-color:#00b2ff}.contacts{padding:1.75em 0 3.75em 0}.contacts__body{margin:1.9375em 0 0 0;display:-ms-grid;display:grid;gap:20px}.contacts__list-item{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:#535353}.contacts__list-item:not(:last-child){margin:0 0 1.1875em 0}.contacts__list-item::before{width:18px;height:18px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-negative:0;flex-shrink:0;color:#3a2312;margin:0 .875rem 0 0}.contacts__list-item.icon-location::before{font-size:20px}.contacts__list-item.icon-mobile::before{font-size:20px}.contacts__link{-webkit-transition:color .3s ease 0s;-o-transition:color .3s ease 0s;transition:color .3s ease 0s;margin:0 0 0 .1875em}.licenses{padding:1.75em 0 3.75em 0}.licenses__items{margin:3.125em 0 0 0;display:-ms-grid;display:grid;gap:20px}.licenses__item{padding:0}.current-service{padding:.625em 0 3.5625em 0}.current-service__desc{margin:2.4em 0 0 0;font-size:20px;line-height:1.35}.current-service__desc p:not(:last-child){margin:0 0 1em 0}.current-service__price{margin:1.5em 0 0 0}.current-service__price-value{font-size:32px;font-weight:500;line-height:1.375}.current-service__btn{margin:1.8125rem 0 0 0}.current-service__image{display:none}@media (min-width:459.98px){.main__offer{padding:3em 19.125em 3.9375em 3.5em}.main__offer-body{min-width:305px}.gift__content{padding:3.0625em 0 3.125em 2.5em}.gift__footer{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.gift__btn{margin:0 0 0 .3125em}}@media (min-width:575.98px){.service__btn{margin:1.25em 0 0 0}.header__phone{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:#3a2312;-webkit-transition:color .3s ease 0s;-o-transition:color .3s ease 0s;transition:color .3s ease 0s}.header__phone::before{margin:0 .625rem 0 0;font-size:20px}.header__bitrix{display:block}.menu__list{-ms-grid-columns:(1fr)[3];grid-template-columns:repeat(3,1fr)}.footer__main{-webkit-box-flex:0;-ms-flex:0 0 calc(100% - 105px);flex:0 0 calc(100% - 105px)}.footer__column{-webkit-box-flex:0;-ms-flex:0 1 50%;flex:0 1 50%}.footer__bitrix{margin:0;-webkit-box-flex:0;-ms-flex:0 0 105px;flex:0 0 105px}.gift__footer-image::before{-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1;margin-left:.625rem;display:block;-webkit-animation:arrowRight 2s ease-in-out 0s infinite;animation:arrowRight 2s ease-in-out 0s infinite}}@media (min-width:575.98px) and (any-hover:hover){.header__phone:hover{color:#00b2ff}}@media (min-width:767.98px){[class*=__container]{max-width:728px}.btn.btn-sm{font-size:14px}.menu__list{-ms-grid-columns:(1fr)[4];grid-template-columns:repeat(4,1fr);max-width:728px;margin:0 auto}.footer__column{-webkit-box-flex:0;-ms-flex:0 1 25%;flex:0 1 25%}.services{padding:2.1875em 0 2.75em 0}.services.services-beige{border-radius:0 0 30px 60px}.services__items{-ms-grid-columns:(1fr)[2];grid-template-columns:repeat(2,1fr)}.feedback__body{padding:3.75em;margin:0;max-width:493px}.feedback__map{height:100%;position:absolute;inset:0;z-index:-1}.main__offer{padding:3em 3.5em 3.9375em;-ms-flex-negative:0;flex-shrink:0;-webkit-box-flex:0;-ms-flex-positive:0;flex-grow:0;-ms-flex-preferred-size:640px;flex-basis:640px}.main__image{padding:3.75em 0 0 0;margin:0 0 0 -40%}.desc{padding:3.4375em 0 1.4375em}.desc__container{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.desc__image{margin:0;-webkit-box-flex:0;-ms-flex-positive:0;flex-grow:0;-ms-flex-negative:1;flex-shrink:1;max-width:49%}.benefits{padding:.625em 0 1.625em 0;display:block}.benefits__items{margin:3.125em 0 0 0;display:-ms-grid;display:grid;gap:20px;-ms-grid-columns:(1fr)[2];grid-template-columns:repeat(2,1fr)}.benefits__item{background:#f7e5d8;-webkit-box-shadow:0 2px 0 #3a2312;box-shadow:0 2px 0 #3a2312;border-radius:0 30px 30px 0;padding:1.875em 1.25em 1.875em 1.875em}.benefits__item-caption{margin:1em 0 0 0;font-size:20px;line-height:1.35}.benefits__item-desc{margin:1.25em 0 0 0;color:#535353}.projects__items{overflow-x:visible;padding:0;margin:2.125em 0 0 0;row-gap:45px;display:-ms-grid;display:grid;-ms-grid-columns:(1fr)[2];grid-template-columns:repeat(2,1fr)}.project{-webkit-box-flex:0;-ms-flex:0 1 auto;flex:0 1 auto}.gift{margin:0 1.25em}.gift__content{border-radius:0 15px 40px 350px;-webkit-box-shadow:27px 0 0 #ff6c00;box-shadow:27px 0 0 #ff6c00;padding:5.5em 2.5em 4.1875em 3.8125em;-ms-flex-preferred-size:520px;flex-basis:520px}.gift__title{max-width:340px}.gift__footer{margin:2.125em 0 0 0}.gift__footer-image::before{font-size:24px;margin-left:1.875rem}.clients{padding:3.625em 0}.clients__slider-content{overflow:hidden}.clients__next,.clients__prev{display:block}.project-card:not(:last-child){margin:0 0 5.5625em 0}.project-card{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}.project-card__image{margin:0 2.5em 0 0;-webkit-box-flex:0;-ms-flex:0 0 min(505px,50%);flex:0 0 min(505px,50%);position:relative}.project-card__image::before{content:"";position:absolute;top:calc(100% + 9px);width:calc(100% - 50px);height:10px;border-radius:50%;left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);background:-o-radial-gradient(50% 50%,50% 50%,rgba(83,83,83,.2) 23.96%,rgba(255,255,255,0) 100%),#d9d9d9;background:radial-gradient(50% 50% at 50% 50%,rgba(83,83,83,.2) 23.96%,rgba(255,255,255,0) 100%),#d9d9d9;-webkit-filter:blur(2.5px);filter:blur(2.5px)}.current-project{padding:1.4375em 0 6.9375em 0}.current-project__body{margin:3.5em 0 0 0;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.current-project__info{margin:0;-webkit-box-flex:0;-ms-flex:0 1 40%;flex:0 1 40%}.current-project__slider{-webkit-box-flex:0;-ms-flex:0 1 50%;flex:0 1 50%}.contacts{padding:1.75em 0 7em 0}.contacts__body{-ms-grid-columns:(1fr)[2];grid-template-columns:repeat(2,1fr)}.licenses{padding:1.75em 0 7em 0}.licenses__items{-ms-grid-columns:(1fr)[2];grid-template-columns:repeat(2,1fr)}.current-service{padding:3.5625em 0 1.6875em 0}.current-service__image{display:block}}@media (min-width:991.98px){[class*=__container]{max-width:900px}.menu__list{max-width:900px}.footer{padding:4.375em 0 3.5625em 0}.footer__container{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-wrap:nowrap;flex-wrap:nowrap}.footer__main{-webkit-box-flex:0;-ms-flex:0 1 auto;flex:0 1 auto}.footer__column{margin:0;-webkit-box-flex:0;-ms-flex:0 1 auto;flex:0 1 auto}.footer__bitrix{-ms-flex-item-align:stretch;-ms-grid-row-align:stretch;align-self:stretch;-webkit-box-ordinal-group:1;-ms-flex-order:0;order:0}.services{padding:.9375em 0 6.6875em 0}.services__items{-ms-grid-columns:(1fr)[3];grid-template-columns:repeat(3,1fr)}.main__offer{-ms-flex-preferred-size:760px;flex-basis:760px}.main__offer-body{max-width:440px}.main__title{font-size:24px}.main__list{margin:.625em 0 0 0}.main__image{-ms-flex-preferred-size:490px;flex-basis:490px}.desc__info{-webkit-box-flex:0;-ms-flex:0 1 50%;flex:0 1 50%}.desc__image{max-width:44%}.benefits{padding:1.875em 0 1.625em 0}.benefits__items{-ms-grid-columns:(1fr)[4];grid-template-columns:repeat(4,1fr)}.projects{padding:1.5625em 0 4.875em 0}.gift__content{-ms-flex-preferred-size:700px;flex-basis:700px;-webkit-box-shadow:17px 0 0 #ff6c00;box-shadow:17px 0 0 #ff6c00}.gift__title{max-width:480px;font-size:32px}.clients{padding:3.9375em 0 4.4375em 0}.clients__slide{height:auto}.project-card{-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch}.licenses__items{-ms-grid-columns:(1fr)[3];grid-template-columns:repeat(3,1fr);gap:40px}.current-service{display:-webkit-box;display:-ms-flexbox;display:flex}.current-service__body{-webkit-box-flex:0;-ms-flex:0 0 100%;flex:0 0 100%}.current-service__content{width:50%}.current-service__image{-webkit-box-flex:0;-ms-flex:0 0 min(1300px,80%);flex:0 0 min(1300px,80%);-webkit-transform:translateX(-60%);-ms-transform:translateX(-60%);transform:translateX(-60%)}}@media (min-width:1199.98px){body._touch .menu__item-parent.submenu-open{background:#fff;-webkit-filter:drop-shadow(0 3px 6px rgba(0, 0, 0, .25));filter:drop-shadow(0 3px 6px rgba(0, 0, 0, .25));border-radius:10px 10px 0 0;margin:-.625em -1.875em;padding:.625em 1.875em}body._touch .menu__item-parent.submenu-open .menu__link{text-decoration:none;color:#804a23}body._touch .menu__item-parent.submenu-open .submenu{display:block}[class*=__container]{max-width:1024px}.header{padding:1.75em 0;-webkit-box-shadow:none;box-shadow:none}.header::after{display:none}.header__container{-webkit-box-pack:stretch;-ms-flex-pack:stretch;justify-content:stretch}.header__logo{margin:0 3.4375em 0 0}.header__bitrix{margin-left:auto}.menu{position:static;z-index:0;top:auto;left:auto;padding:0;width:auto;height:auto;-webkit-transition:none;-o-transition:none;transition:none;background:0 0;opacity:1;visibility:visible;margin:0 0 0 3.4375em}.menu__body{-webkit-transform:none;-ms-transform:none;transform:none;padding:0;border-radius:0;background:0 0}.menu__list{max-width:100%;margin:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-column-gap:2.8125em;-moz-column-gap:2.8125em;column-gap:2.8125em}.menu__item.menu__item-parent{display:block;position:relative}.submenu{position:absolute;top:100%;left:0;background:#fff;border-radius:0 0 10px 10px;padding:.625em 1.875em 1.875em 1.875em;display:none;z-index:2}.submenu__item:not(:last-child){margin:0 0 .9375em 0}.submenu__link{text-decoration:none}.icon-menu{display:none}.services{padding:1.875em 0 8.4375em 0}.services__items{row-gap:40px}.desc{padding:7.5625em 0 3.8125em}.desc__container{max-width:1030px}.desc__info{-webkit-box-flex:0;-ms-flex:0 1 55%;flex:0 1 55%}.desc__image{max-width:40%}.benefits{padding:3.75em 0 2.34375em 0}.benefits__items{gap:40px;margin:2.5em 0 0 0}.benefits__item{padding:1.875em 1.875em 3.125em 1.875em}.projects{padding:2.34375em 0 5.5em 0}.projects__items{margin:2.625em 0 0 0;row-gap:96px}.gift{margin:0;padding:4.125em 0 4.5em 0}.gift__content-body{max-width:590px}.clients{padding:5.9375em 0 8.5em 0}.current-service__content{width:44%}}@media (min-width:1199.98px) and (any-hover:hover){.menu__item.menu__item-parent:hover{background:#fff;-webkit-filter:drop-shadow(0 3px 6px rgba(0, 0, 0, .25));filter:drop-shadow(0 3px 6px rgba(0, 0, 0, .25));border-radius:10px 10px 0 0;margin:-.625em -1.875em;padding:.625em 1.875em}.menu__item.menu__item-parent:hover .menu__link{text-decoration:none;color:#804a23}.menu__item.menu__item-parent:hover .submenu{display:block}}@media (min-width:1399.98px){[class*=__container]{max-width:1240px}.header__logo{margin:0 6.875em 0 0}.menu{margin:0 0 0 6.875em}.menu__list{-webkit-column-gap:3.75em;-moz-column-gap:3.75em;column-gap:3.75em}.main{padding:1.25em 0 1.875em 0}.main__offer{-ms-flex-preferred-size:870px;flex-basis:870px;padding:3.4375em 4.1875em 3.9375em}.main__offer-body{max-width:595px}.main__title{font-size:32px}.main__list{padding:0 0 0 1.5625em;margin:1.6875em 0 0 1.25em}.main__image{margin:0 0 0 -15%;-ms-flex-preferred-size:554px;flex-basis:554px}.projects__items{-webkit-box-align:start;-ms-flex-align:start;align-items:start}.project{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}.project__image{margin:0 1.875em 0 0}.project__desc{margin:1.25em 0 0 0}.clients__prev{left:-75px}.clients__next{right:-75px}}@media (any-hover:hover){.breadcrumbs__link:hover{color:#00b2ff}.categories__item:hover{color:#ff6c00}::-webkit-scrollbar-thumb:hover{background:#008ecc}.form__checkbox-link:hover{color:#ff6c00}.menu__link:hover{text-decoration:none;color:#804a23}.submenu__link:hover{color:#ff6c00}.footer__phone:hover{color:#ff6c00}.footer__column-title:hover{color:#ff6c00}.footer__column-link:hover{color:#ff6c00}.footer__contacts:hover{color:#ff6c00}.project-card__link:hover{color:#ff6c00}.contacts__link:hover{color:#00b2ff}}
/* End */


/* Start:/local/templates/kitchen_marketolog/css/custom.css?1790443024109582*/
.faq {
    padding: 80px 0;
    background: #f8f6f2;
}
.faq__container {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 20px;
}
.faq__title {
    margin-bottom: 50px;
    text-align: center;
}
.faq__items {
    max-width: 900px;
    margin: 0 auto;
}
.faq__item {
    background: #fff;
    border-radius: 12px;
    margin-bottom: 20px;
    padding: 25px 30px;
    box-shadow: 0 4px 20px rgba(0,0,0,0.05);
}
.faq__question {
    font-weight: 700;
    font-size: 18px;
    color: #2b2b2b;
    margin-bottom: 15px;
}
.faq__answer {
    font-size: 16px;
    line-height: 1.6;
    color: #555;
}
.faq__answer p {
    margin: 0 0 12px;
}
.faq__answer p:last-child {
    margin-bottom: 0;
}

.reviews {
    padding: 80px 0;
    background: #fff;
}
.reviews__container {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 20px;
}
.reviews__title {
    margin-bottom: 50px;
    text-align: center;
}
.reviews__slider {
    position: relative;
}
.reviews__slide {
    background: #f8f6f2;
    border-radius: 12px;
    padding: 30px;
    box-shadow: 0 4px 20px rgba(0,0,0,0.05);
}
.reviews__slide-header {
    display: flex;
    align-items: center;
    gap: 15px;
    margin-bottom: 20px;
}
.reviews__slide-photo {
    width: 60px;
    height: 60px;
    border-radius: 50%;
    object-fit: cover;
}
.reviews__slide-name {
    font-weight: 700;
    font-size: 18px;
    color: #2b2b2b;
}
.reviews__slide-position {
    font-size: 14px;
    color: #777;
}
.reviews__slide-text {
    font-size: 16px;
    line-height: 1.6;
    color: #555;
}
.reviews__prev,
.reviews__next {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 40px;
    height: 40px;
    background: #fff;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    box-shadow: 0 2px 10px rgba(0,0,0,0.1);
    z-index: 10;
}
.reviews__prev {
    left: -20px;
}
.reviews__next {
    right: -20px;
}

.blog__meta {
    display: flex;
    gap: 15px;
    margin: 15px 0;
    font-size: 14px;
    color: #777;
    align-items: center;
}
.blog__meta time {
    color: #999;
}
.blog__image {
    margin: 20px 0;
    border-radius: 12px;
    overflow: hidden;
}
.blog__image img {
    width: 100%;
    height: auto;
    display: block;
}
.blog__author {
    font-weight: 600;
    color: #555;
}

.current-project__results {
    margin: 30px 0;
    padding: 20px;
    background: #f8f6f2;
    border-radius: 12px;
}
.current-project__results h3 {
    margin-bottom: 15px;
    font-size: 20px;
}
.current-project__results p {
    margin: 0 0 10px;
    line-height: 1.6;
}

.form__success {
    background: #e6f7ed;
    color: #2e7d32;
    padding: 20px;
    border-radius: 12px;
    margin-bottom: 20px;
}
.form__error {
    background: #fdecea;
    color: #c62828;
    padding: 20px;
    border-radius: 12px;
    margin-bottom: 20px;
}

@media (max-width: 767px) {
    .reviews__prev {
        left: 0;
    }
    .reviews__next {
        right: 0;
    }
}

/* Reviews slider arrows & pagination */
.reviews__prev.swiper-button-prev::after,
.reviews__next.swiper-button-next::after {
    font-family: Arial, sans-serif;
    font-size: 20px;
    font-weight: 700;
    color: #2b2b2b;
}
.reviews__prev.swiper-button-prev::after {
    content: '‹';
}
.reviews__next.swiper-button-next::after {
    content: '›';
}
.reviews__pagination {
    text-align: center;
    margin-top: 20px;
}
.reviews__pagination .swiper-pagination-bullet {
    width: 10px;
    height: 10px;
    background: #d0d0d0;
    opacity: 1;
    margin: 0 5px;
}
.reviews__pagination .swiper-pagination-bullet-active {
    background: #f28c28;
}

/* 404 page */
.error-404 {
    padding: 120px 0;
    background: #f8f6f2;
    text-align: center;
}
.error-404__container {
    max-width: 800px;
    margin: 0 auto;
    padding: 0 20px;
}
.error-404__title {
    font-size: 120px;
    font-weight: 800;
    line-height: 1;
    color: #2b2b2b;
    margin-bottom: 20px;
}
.error-404__subtitle {
    font-size: 32px;
    font-weight: 700;
    color: #2b2b2b;
    margin-bottom: 20px;
}
.error-404__text {
    font-size: 18px;
    color: #555;
    margin-bottom: 40px;
    line-height: 1.6;
}
.error-404__actions {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 15px;
}
.error-404__btn {
    min-width: 180px;
}
@media (max-width: 767px) {
    .error-404 {
        padding: 80px 0;
    }
    .error-404__title {
        font-size: 80px;
    }
    .error-404__subtitle {
        font-size: 24px;
    }
}

/* Case detail video slide */
.current-project__main-slide--video {
    position: relative;
    padding-bottom: 56.25%; /* 16:9 */
    height: 0;
    background: #000;
    border-radius: 12px;
    overflow: hidden;
}
.current-project__main-slide--video iframe,
.current-project__main-slide--video a {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0;
}
.current-project__main-slide--video a {
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    padding: 20px;
    text-align: center;
    word-break: break-all;
}
.current-project__thumbs-slide--video {
    display: flex;
    align-items: center;
    justify-content: center;
    background: #f8f6f2;
    border-radius: 8px;
    color: #2b2b2b;
}
.current-project__video-thumb svg {
    display: block;
}

.service__price {
    display: flex;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
}
.service__price-old {
    font-size: 14px;
    color: #999;
    text-decoration: line-through;
}

/* Service tags filter & card tags */
.services__tags {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-bottom: 30px;
}
.services__tag {
    display: inline-block;
    padding: 8px 16px;
    background: #fff;
    border: 1px solid #e0ddd5;
    border-radius: 20px;
    color: #555;
    text-decoration: none;
    font-size: 14px;
    transition: all .2s ease;
}
.services__tag:hover,
.services__tag--active {
    background: #f28c28;
    border-color: #f28c28;
    color: #fff;
}
.service__tags {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    margin: 10px 0 15px;
}
.service__tag {
    display: inline-block;
    padding: 4px 10px;
    background: #f8f6f2;
    border-radius: 12px;
    color: #777;
    font-size: 12px;
    text-decoration: none;
}
.service__tag:hover {
    background: #f28c28;
    color: #fff;
}

/* ===== SEO-статьи блога: широкая читаемая область ===== */
.current-service--article .current-service__body {
    flex: 0 0 100%;
}
.current-service--article .current-service__container {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 20px;
}
.current-service--article .current-service__content {
    width: 100% !important;
    max-width: 940px;
    margin: 0 auto;
}
.current-service--article .current-service__title {
    text-align: left;
}
.current-service--article .blog__meta,
.current-service--article .blog__image {
    max-width: 940px;
}

/* Типографика текста статьи */
.current-service--article .current-service__desc {
    font-size: 18px;
    line-height: 1.7;
    color: #333;
}
.current-service--article .current-service__desc h2 {
    font-size: 28px;
    font-weight: 700;
    color: #2b2b2b;
    line-height: 1.3;
    margin: 1.6em 0 0.7em;
    padding-left: 18px;
    border-left: 4px solid #f28c28;
}
.current-service--article .current-service__desc h3 {
    font-size: 21px;
    font-weight: 700;
    color: #2b2b2b;
    line-height: 1.35;
    margin: 1.4em 0 0.6em;
}
.current-service--article .current-service__desc p {
    margin: 0 0 1.1em;
}
.current-service--article .current-service__desc a {
    color: #f28c28;
    text-decoration: underline;
    text-underline-offset: 3px;
    transition: color .2s ease;
}
.current-service--article .current-service__desc a:hover {
    color: #804a23;
}
.current-service--article .current-service__desc strong {
    font-weight: 700;
    color: #2b2b2b;
}

/* Маркированные списки — «карточные» маркеры */
.current-service--article .current-service__desc ul {
    margin: 0 0 1.3em;
    padding: 0;
    list-style: none;
}
.current-service--article .current-service__desc ul li {
    position: relative;
    padding: 10px 0 10px 34px;
    margin: 0;
    border-bottom: 1px solid #f0ece4;
    font-size: 17px;
    line-height: 1.55;
}
.current-service--article .current-service__desc ul li:last-child {
    border-bottom: none;
}
.current-service--article .current-service__desc ul li::before {
    content: '';
    position: absolute;
    left: 4px;
    top: 17px;
    width: 10px;
    height: 10px;
    border-radius: 3px;
    background: #f28c28;
}

/* Нумерованные списки — крупные цифры */
.current-service--article .current-service__desc ol {
    margin: 0 0 1.3em;
    padding: 0;
    list-style: none;
    counter-reset: article-ol;
}
.current-service--article .current-service__desc ol li {
    position: relative;
    counter-increment: article-ol;
    padding: 10px 0 10px 44px;
    margin: 0;
    border-bottom: 1px solid #f0ece4;
    font-size: 17px;
    line-height: 1.55;
}
.current-service--article .current-service__desc ol li:last-child {
    border-bottom: none;
}
.current-service--article .current-service__desc ol li::before {
    content: counter(article-ol);
    position: absolute;
    left: 0;
    top: 8px;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    background: #f28c28;
    color: #fff;
    font-size: 15px;
    font-weight: 700;
    display: flex;
    align-items: center;
    justify-content: center;
}

/* Цитаты в статьях */
.current-service--article .current-service__desc blockquote {
    margin: 1.4em 0;
    padding: 18px 24px;
    background: #f8f6f2;
    border-left: 4px solid #f28c28;
    border-radius: 0 12px 12px 0;
    font-size: 17px;
    line-height: 1.6;
    color: #555;
}

@media (max-width: 767px) {
    .current-service--article .current-service__desc {
        font-size: 16px;
    }
    .current-service--article .current-service__desc h2 {
        font-size: 23px;
        padding-left: 12px;
    }
    .current-service--article .current-service__desc h3 {
        font-size: 18px;
    }
}

/* ===== Выпадающее меню: шире, пункты в одну строку ===== */
.submenu {
    min-width: 280px;
}
.submenu__item:not(:last-child) {
    margin-bottom: 0.6em;
}
.submenu__link {
    display: inline-block;
    line-height: 1.35;
    padding: 4px 0;
    white-space: nowrap;
}

/* ===== Раздел «Приложения» ===== */
.apps {
    padding: 40px 0 80px;
}
.apps__container {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 20px;
}
.apps__title {
    margin-bottom: 30px;
}
.apps__filter {
    margin-bottom: 40px;
}
.apps__grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 30px;
}
.app-card {
    display: flex;
    flex-direction: column;
    background: #fff;
    border-radius: 16px;
    overflow: hidden;
    box-shadow: 0 4px 24px rgba(43, 43, 43, 0.08);
    text-decoration: none;
    color: inherit;
    transition: transform .25s ease, box-shadow .25s ease;
}
.app-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 32px rgba(43, 43, 43, 0.14);
}
.app-card__image {
    aspect-ratio: 16 / 9;
    overflow: hidden;
    background: #f8f6f2;
}
.app-card__image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    transition: transform .4s ease;
}
.app-card:hover .app-card__image img {
    transform: scale(1.04);
}
.app-card__info {
    padding: 24px 28px 28px;
    display: flex;
    flex-direction: column;
    flex: 1;
}
.app-card__name {
    font-size: 22px;
    font-weight: 700;
    color: #2b2b2b;
    margin: 0 0 10px;
    line-height: 1.3;
}
.app-card__desc {
    font-size: 15px;
    line-height: 1.55;
    color: #666;
    margin: 0 0 16px;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.app-card__more {
    margin-top: auto;
    font-size: 15px;
    font-weight: 600;
    color: #f28c28;
}

/* Детальная страница приложения */
.app-page {
    padding: 10px 0 40px;
}
.app-page__container {
    max-width: 940px;
    margin: 0 auto;
    padding: 0 20px;
}
.app-page__header {
    margin-bottom: 30px;
}
.app-page__title {
    margin-bottom: 15px;
}
.app-page__lead {
    font-size: 19px;
    line-height: 1.6;
    color: #555;
}
.app-page__video {
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
    border-radius: 16px;
    overflow: hidden;
    background: #000;
    margin-bottom: 30px;
    box-shadow: 0 8px 30px rgba(43, 43, 43, 0.12);
}
.app-page__video iframe {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
}
.app-page__hero {
    border-radius: 16px;
    overflow: hidden;
    margin-bottom: 30px;
    box-shadow: 0 8px 30px rgba(43, 43, 43, 0.12);
}
.app-page__hero img {
    width: 100%;
    height: auto;
    display: block;
}
.app-page__content {
    margin-top: 0;
}
.app-page__gallery {
    margin-top: 40px;
}
.app-page__gallery-title {
    font-size: 26px;
    font-weight: 700;
    color: #2b2b2b;
    margin-bottom: 20px;
}
.app-gallery {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 16px;
}
.app-gallery__item {
    border-radius: 12px;
    overflow: hidden;
    box-shadow: 0 4px 16px rgba(43, 43, 43, 0.08);
    transition: transform .25s ease;
    display: block;
}
.app-gallery__item:hover {
    transform: scale(1.03);
}
.app-gallery__item img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    aspect-ratio: 4 / 3;
}
.app-page__price {
    margin-top: 30px;
    font-size: 20px;
    color: #2b2b2b;
}
.app-page__price span {
    font-size: 28px;
    font-weight: 700;
    color: #f28c28;
}

/* Другие приложения */
.other-apps {
    padding: 70px 0;
    background: #f8f6f2;
}
.other-apps__container {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 20px;
}
.other-apps__title {
    margin-bottom: 35px;
}
.other-apps__grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 24px;
}
.other-apps__grid .app-card__name {
    font-size: 18px;
}

@media (max-width: 991px) {
    .apps__grid {
        grid-template-columns: 1fr;
    }
    .other-apps__grid {
        grid-template-columns: 1fr;
    }
    .app-gallery {
        grid-template-columns: repeat(2, 1fr);
    }
}
@media (max-width: 575px) {
    .app-gallery {
        grid-template-columns: 1fr;
    }
    .app-card__info {
        padding: 18px 20px 22px;
    }
}

/* ===== Верхнее меню: компактнее после добавления пункта «Приложения» ===== */
@media (min-width: 1199.98px) {
    .menu__list {
        column-gap: 1.5em !important;
    }
}
@media (min-width: 1399.98px) {
    .menu__list {
        column-gap: 2.2em !important;
    }
}

/* ===== Выравнивание по левому краю (как хлебные крошки/футер) ===== */
.current-service--article .current-service__content {
    margin: 0;
    max-width: 940px;
}
.app-page__container {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 20px;
}
.app-page__header,
.app-page__video,
.app-page__hero,
.app-page__content,
.app-page__gallery,
.app-page__price {
    max-width: 940px;
    margin-left: 0;
    margin-right: auto;
}

/* ===== Выпадающее меню: одинаковые отступы сверху и снизу ===== */
.submenu {
    padding-top: 1.875em;
}

/* ===== Единая кнопка «→ Подробнее» для всех каталогов ===== */
.more-link {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    margin-top: 16px;
    font-size: 14px;
    font-weight: 600;
    line-height: 1.35;
    text-transform: uppercase;
    text-decoration: none;
    color: #f28c28;
    transition: color .3s ease;
}
.more-link::before {
    font-size: 9px;
    order: 0;
    transition: transform .3s ease;
}
.more-link:hover {
    color: #00b2ff;
}
.more-link:hover::before {
    transform: translateX(5px);
}
.more-link:active {
    color: #ff6c00;
}
/* карточки приложений: прибиваем к низу */
.app-card__info .more-link {
    margin-top: auto;
    padding-top: 16px;
}

/* ===== Лайтбокс галереи приложений ===== */
.app-gallery__item {
    cursor: zoom-in;
}
.app-lightbox {
    position: fixed;
    inset: 0;
    z-index: 1000;
    opacity: 0;
    visibility: hidden;
    transition: opacity .3s ease, visibility .3s ease;
}
.app-lightbox--open {
    opacity: 1;
    visibility: visible;
}
.app-lightbox__backdrop {
    position: absolute;
    inset: 0;
    background: rgba(20, 18, 16, 0.92);
}
.app-lightbox__inner {
    position: relative;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.app-lightbox__slider {
    width: 100%;
    height: 100%;
}
.app-lightbox__slide {
    display: flex;
    align-items: center;
    justify-content: center;
}
.app-lightbox__slide .swiper-zoom-container {
    display: flex;
    align-items: center;
    justify-content: center;
}
.app-lightbox__slide img {
    max-width: 88vw;
    max-height: 84vh;
    object-fit: contain;
    border-radius: 8px;
    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.5);
}
.app-lightbox__prev,
.app-lightbox__next {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 10;
    width: 52px;
    height: 52px;
    border: none;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.12);
    color: #fff;
    font-size: 30px;
    line-height: 1;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: background .25s ease;
}
.app-lightbox__prev:hover,
.app-lightbox__next:hover {
    background: #f28c28;
}
.app-lightbox__prev { left: 24px; }
.app-lightbox__next { right: 24px; }
.app-lightbox__toolbar {
    position: absolute;
    top: 20px;
    right: 24px;
    z-index: 10;
    display: flex;
    align-items: center;
    gap: 12px;
}
.app-lightbox__counter {
    color: rgba(255, 255, 255, 0.75);
    font-size: 15px;
    margin-right: 8px;
}
.app-lightbox__zoom,
.app-lightbox__close {
    width: 44px;
    height: 44px;
    border: none;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.12);
    color: #fff;
    font-size: 24px;
    line-height: 1;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: background .25s ease;
}
.app-lightbox__zoom:hover,
.app-lightbox__close:hover {
    background: #f28c28;
}
@media (max-width: 767px) {
    .app-lightbox__prev { left: 8px; }
    .app-lightbox__next { right: 8px; }
    .app-lightbox__prev,
    .app-lightbox__next {
        width: 42px;
        height: 42px;
        font-size: 24px;
    }
    .app-lightbox__toolbar {
        top: 12px;
        right: 12px;
    }
}

/* ===== Страница приложения: полная ширина контента ===== */
.app-page__header,
.app-page__video,
.app-page__hero,
.app-page__content,
.app-page__gallery,
.app-page__price {
    max-width: none;
}
.app-page__gallery {
    margin-top: 0;
    margin-bottom: 40px;
}

/* ===== FAQ-аккордеон ===== */
.faq__item {
    padding: 0;
    overflow: hidden;
    transition: box-shadow .25s ease;
}
.faq__item--open {
    box-shadow: 0 8px 28px rgba(43, 43, 43, 0.1);
}
.faq__question {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    width: 100%;
    padding: 25px 30px;
    background: none;
    border: none;
    cursor: pointer;
    text-align: left;
    font-family: inherit;
    font-weight: 700;
    font-size: 18px;
    line-height: 1.4;
    color: #2b2b2b;
    margin: 0;
    transition: color .2s ease;
}
.faq__question:hover {
    color: #f28c28;
}
.faq__question-text {
    flex: 1;
}
.faq__toggle {
    position: relative;
    flex: 0 0 34px;
    width: 34px;
    height: 34px;
    border-radius: 50%;
    background: #f8f6f2;
    transition: background .25s ease, transform .35s ease;
}
.faq__toggle::before,
.faq__toggle::after {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    width: 14px;
    height: 2.5px;
    border-radius: 2px;
    background: #f28c28;
    transform: translate(-50%, -50%);
    transition: transform .35s ease, background .25s ease;
}
.faq__toggle::after {
    transform: translate(-50%, -50%) rotate(90deg);
}
.faq__item--open .faq__toggle {
    background: #f28c28;
    transform: rotate(180deg);
}
.faq__item--open .faq__toggle::before,
.faq__item--open .faq__toggle::after {
    background: #fff;
    transform: translate(-50%, -50%) rotate(0deg);
}
.faq__answer {
    max-height: 0;
    overflow: hidden;
    transition: max-height .4s ease;
}
.faq__item--open .faq__answer {
    max-height: 600px;
}
.faq__answer-inner {
    padding: 0 30px 28px;
    font-size: 16px;
    line-height: 1.65;
    color: #555;
}
.faq__answer-inner p {
    margin: 0 0 12px;
}
.faq__answer-inner p:last-child {
    margin-bottom: 0;
}

/* ===== Иконки соцсетей в футере ===== */
.footer__socials {
    display: flex;
    gap: 12px;
    margin-top: 15px;
}
.footer__social {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.25);
    color: inherit;
    transition: background .25s ease, transform .25s ease;
}
.footer__social:hover {
    background: #f28c28;
    color: #fff;
    transform: translateY(-2px);
}

/* футер светлый — перекрашиваем иконку */
.footer__social {
    background: #f8f6f2;
    color: #2b2b2b;
}
.footer__social:hover {
    background: #f28c28;
    color: #fff;
}

/* ===== FAQ: выравнивание по левому краю ===== */
.faq__title {
    text-align: left;
}
.faq__items {
    max-width: none;
    margin: 0;
}

/* ===== Соцсети в футере под «Контакты» ===== */
.footer__socials {
    margin-top: 18px;
}

/* ===== Детальная страница услуги: hero + этапы + преимущества + описание ===== */
.service-hero {
    padding: 45px 0 20px;
}
.service-hero__container {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 20px;
    display: grid;
    grid-template-columns: 1.05fr 0.95fr;
    gap: 50px;
    align-items: center;
}
.service-hero__title {
    text-align: left;
    margin: 0 0 20px;
}
.service-hero__lead {
    font-size: 17px;
    line-height: 1.65;
    color: #4a4a4a;
    margin: 0 0 22px;
}
.service-hero__image img {
    width: 100%;
    height: auto;
    display: block;
}
.service-hero .current-service__price {
    margin: 0 0 20px;
    font-size: 20px;
}
.service-hero .current-service__price-value {
    font-weight: 700;
    color: #f28c28;
}

/* Таймлайн этапов */
.service-stages {
    padding: 55px 0;
    background: #f8f6f2;
}
.service-stages__container {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 20px;
}
.service-stages__title {
    text-align: left;
    margin: 0 0 45px;
}
.service-stages__list {
    list-style: none;
    margin: 0;
    padding: 0;
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));
    gap: 28px 20px;
    counter-reset: stage;
}
.service-stages__item {
    position: relative;
    padding: 44px 12px 0 0;
}
.service-stages__item::before {
    content: "";
    position: absolute;
    top: 17px;
    left: 0;
    right: -20px;
    height: 2px;
    background: #ecd9c0;
}
.service-stages__item:last-child::before {
    right: 0;
}
.service-stages__num {
    position: absolute;
    top: 0;
    left: 0;
    width: 36px;
    height: 36px;
    border-radius: 50%;
    background: #f28c28;
    color: #fff;
    font-weight: 700;
    font-size: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 0 0 5px #f8f6f2;
    z-index: 1;
}
.service-stages__name {
    font-size: 15px;
    line-height: 1.4;
    font-weight: 600;
    color: #2b2b2b;
}

/* Преимущества услуги */
.service-adv {
    padding: 55px 0;
}
.service-adv__container {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 20px;
}
.service-adv__title {
    text-align: left;
    margin: 0 0 35px;
}
.service-adv__grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 18px;
}
@media (max-width: 1100px) {
    .service-adv__grid {
        grid-template-columns: repeat(2, 1fr);
    }
}
@media (max-width: 700px) {
    .service-adv__grid {
        grid-template-columns: 1fr;
    }
}
.service-adv__item {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    background: #f8f6f2;
    border-radius: 12px;
    padding: 20px 22px;
}
.service-adv__check {
    flex: 0 0 auto;
    width: 22px;
    height: 22px;
    margin-top: 2px;
    border-radius: 50%;
    background: #f28c28;
    position: relative;
}
.service-adv__check::after {
    content: "";
    position: absolute;
    left: 7px;
    top: 5px;
    width: 6px;
    height: 10px;
    border: solid #fff;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
}
.service-adv__text {
    font-size: 15px;
    line-height: 1.5;
    color: #2b2b2b;
}

/* Описание услуги на всю ширину */
.service-article {
    padding: 10px 0 55px;
}
.service-article__container {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 20px;
}
.service-article .current-service__desc {
    max-width: none;
}

/* Боли клиента («Знакомо?») */
.service-pains {
    padding: 55px 0 10px;
}
.service-pains__container {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 20px;
}
.service-pains__title {
    text-align: left;
    margin: 0 0 30px;
}
.service-pains__list {
    list-style: none;
    margin: 0;
    padding: 0;
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(340px, 1fr));
    gap: 14px 28px;
}
.service-pains__item {
    position: relative;
    padding: 16px 20px 16px 52px;
    background: #fdf3e7;
    border-radius: 12px;
    font-size: 15px;
    line-height: 1.5;
    color: #2b2b2b;
}
.service-pains__item::before {
    content: "?";
    position: absolute;
    left: 16px;
    top: 16px;
    width: 24px;
    height: 24px;
    border-radius: 50%;
    background: #f28c28;
    color: #fff;
    font-weight: 700;
    font-size: 14px;
    line-height: 24px;
    text-align: center;
}

/* Типографика контентной части услуги */
.service-article h2 {
    margin: 42px 0 18px;
    font-size: 26px;
    line-height: 1.25;
    font-weight: 700;
    color: #2b2b2b;
}
.service-article h2:first-child {
    margin-top: 0;
}
.service-article p {
    margin: 0 0 14px;
    font-size: 16px;
    line-height: 1.65;
    color: #3a3a3a;
}

/* Связанные приложения */
.service-related {
    list-style: none;
    margin: 0 0 14px;
    padding: 0;
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: 14px;
}
.service-related li {
    background: #f8f6f2;
    border-radius: 12px;
    padding: 18px 22px;
    font-size: 15px;
    line-height: 1.5;
    color: #3a3a3a;
}
.service-related a {
    color: #f28c28;
    font-weight: 600;
    text-decoration: none;
}
.service-related a:hover {
    text-decoration: underline;
}

/* FAQ */
.service-faq {
    margin-top: 42px;
}
.service-faq__item {
    border-bottom: 1px solid #ece4d8;
    padding: 18px 0;
}
.service-faq__item:last-child {
    border-bottom: none;
}
.service-faq__item h3 {
    margin: 0 0 8px;
    font-size: 17px;
    font-weight: 700;
    color: #2b2b2b;
}
.service-faq__item p {
    margin: 0;
    font-size: 15px;
    line-height: 1.6;
    color: #3a3a3a;
}

/* CTA в конце страницы услуги */
.service-cta {
    margin-top: 42px;
    background: #2b2b2b;
    border-radius: 16px;
    padding: 34px 38px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 24px;
    flex-wrap: wrap;
}
.service-cta__text {
    font-size: 19px;
    line-height: 1.45;
    font-weight: 600;
    color: #fff;
    max-width: 640px;
}
.service-cta .btn {
    flex: 0 0 auto;
}

/* Перелинковка на соседние услуги */
.service-more {
    margin-top: 34px;
    font-size: 14px;
    color: #777;
}
.service-more a {
    color: #f28c28;
    text-decoration: none;
}
.service-more a:hover {
    text-decoration: underline;
}

@media (max-width: 767px) {
    .service-pains {
        padding: 40px 0 6px;
    }
    .service-cta {
        padding: 26px 22px;
    }
    .service-cta__text {
        font-size: 17px;
    }
}

@media (max-width: 991px) {
    .service-hero__container {
        grid-template-columns: 1fr;
        gap: 30px;
    }
    .service-hero__image {
        max-width: 560px;
    }
}
@media (max-width: 767px) {
    .service-stages {
        padding: 40px 0;
    }
    .service-stages__list {
        grid-template-columns: 1fr;
        gap: 0;
    }
    .service-stages__item {
        padding: 0 0 26px 54px;
    }
    .service-stages__item::before {
        top: 0;
        bottom: -2px;
        left: 17px;
        right: auto;
        width: 2px;
        height: auto;
    }
    .service-stages__item:last-child::before {
        bottom: auto;
        height: 18px;
    }
    .service-adv {
        padding: 40px 0;
    }
}

/* Крупные иллюстрации в карточках услуг (каталог + главная) */
.service__icon {
    width: 100% !important;
    height: 150px;
    margin-bottom: 18px;
}
.service__icon img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    object-position: left center;
}


/* Контент услуги: отменяем flex от .current-service (съезжание вправо) */
.service-article {
    display: block !important;
}

/* Кнопка CTA на тёмном фоне */
.service-cta .btn-brown,
.service-cta .btn-brown:visited {
    background: #f28c28;
    color: #fff;
}
.service-cta .btn-brown:hover {
    background: #ffffff;
    color: #2b2b2b;
}
.service-cta .btn-brown:active {
    background: #d97a1a;
    color: #fff;
}

/* Таблицы «Этапы и сроки» */
.service-article table.service-table {
    width: 100%;
    border-collapse: collapse;
    margin: 0 0 26px;
    font-size: 15px;
    line-height: 1.5;
}
.service-article table.service-table th {
    text-align: left;
    font-weight: 700;
    color: #2b2b2b;
    padding: 12px 16px;
    background: #f8f6f2;
    border-bottom: 2px solid #f28c28;
}
.service-article table.service-table td {
    padding: 12px 16px;
    border-bottom: 1px solid #ece4d8;
    color: #3a3a3a;
    vertical-align: top;
}
.service-article table.service-table tr:hover td {
    background: #fdf8f1;
}

/* Список «Что будет, если не решать» */
.service-article ul.service-risks {
    list-style: none;
    margin: 0 0 20px;
    padding: 0;
}
.service-article ul.service-risks li {
    position: relative;
    padding: 4px 0 4px 34px;
    margin-bottom: 10px;
    font-size: 15px;
    line-height: 1.55;
    color: #3a3a3a;
}
.service-article ul.service-risks li::before {
    content: "!";
    position: absolute;
    left: 0;
    top: 4px;
    width: 22px;
    height: 22px;
    border-radius: 50%;
    background: #e2574c;
    color: #fff;
    font-weight: 700;
    font-size: 13px;
    line-height: 22px;
    text-align: center;
}

/* Шаги «Как начать» */
.service-article ol.service-steps {
    list-style: none;
    counter-reset: kstep;
    margin: 0 0 20px;
    padding: 0;
}
.service-article ol.service-steps li {
    position: relative;
    counter-increment: kstep;
    padding: 6px 0 6px 44px;
    margin-bottom: 10px;
    font-size: 15px;
    line-height: 1.55;
    color: #3a3a3a;
}
.service-article ol.service-steps li::before {
    content: counter(kstep);
    position: absolute;
    left: 0;
    top: 4px;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    background: #f28c28;
    color: #fff;
    font-weight: 700;
    font-size: 14px;
    line-height: 30px;
    text-align: center;
}

/* Маркированные списки в тексте услуги */
.service-article ul:not(.service-risks):not(.service-related) {
    margin: 0 0 18px;
    padding: 0;
    list-style: none;
}
.service-article ul:not(.service-risks):not(.service-related) li {
    position: relative;
    padding-left: 24px;
    margin-bottom: 8px;
    font-size: 15px;
    line-height: 1.6;
}
.service-article ul:not(.service-risks):not(.service-related) li::before {
    content: "";
    position: absolute;
    left: 4px;
    top: 9px;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #f28c28;
}

/* === 11.09.2026 v3: hero по верху, FAQ-аккордеон, анимация этапов === */

/* Hero: контент прижат к верху, картинка не растягивает колонку */
.service-hero__container {
    align-items: start;
}
.service-hero__image img {
    max-height: 380px;
    object-fit: contain;
    margin-left: auto;
}
@media (max-width: 991px) {
    .service-hero__image img {
        max-height: none;
        margin-left: 0;
    }
}

/* FAQ: аккордеон в стиле /faq/ */
.service-faq__item {
    border: 1px solid #ece4d8;
    border-radius: 14px;
    padding: 0;
    margin-bottom: 12px;
    background: #fff;
    transition: border-color .25s ease, box-shadow .25s ease;
}
.service-faq__item:last-child {
    border-bottom: 1px solid #ece4d8;
}
.service-faq__item:hover {
    border-color: #f28c28;
}
.service-faq__item--open {
    border-color: #f28c28;
    box-shadow: 0 8px 24px rgba(242, 140, 40, .12);
}
.service-faq__question {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    padding: 18px 22px;
    background: none;
    border: none;
    cursor: pointer;
    text-align: left;
    font-family: inherit;
}
.service-faq__question-text {
    font-size: 17px;
    font-weight: 700;
    color: #2b2b2b;
    line-height: 1.35;
}
.service-faq__toggle {
    position: relative;
    flex: 0 0 34px;
    width: 34px;
    height: 34px;
    border-radius: 50%;
    background: #f8f0e6;
    transition: background .25s ease, transform .35s ease;
}
.service-faq__toggle::before,
.service-faq__toggle::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 14px;
    height: 2px;
    background: #f28c28;
    transform: translate(-50%, -50%);
    transition: transform .35s ease, background .25s ease;
}
.service-faq__toggle::after {
    transform: translate(-50%, -50%) rotate(90deg);
}
.service-faq__item--open .service-faq__toggle {
    background: #f28c28;
    transform: rotate(180deg);
}
.service-faq__item--open .service-faq__toggle::before,
.service-faq__item--open .service-faq__toggle::after {
    background: #fff;
}
.service-faq__item--open .service-faq__toggle::after {
    transform: translate(-50%, -50%) rotate(0deg);
}
.service-faq__answer {
    display: grid;
    grid-template-rows: 0fr;
    transition: grid-template-rows .35s ease;
}
.service-faq__answer-inner {
    overflow: hidden;
    min-height: 0;
}
.service-faq__answer-inner p {
    margin: 0;
    padding: 0 22px 20px;
    font-size: 15px;
    line-height: 1.65;
    color: #3a3a3a;
}
.service-faq__item--open .service-faq__answer {
    grid-template-rows: 1fr;
}

/* Этапы: wow-анимация при появлении */
.service-stages__item {
    opacity: 0;
    transform: translateY(28px);
    transition: opacity .6s ease, transform .6s cubic-bezier(.22, 1, .36, 1);
    transition-delay: calc((var(--i, 1) - 1) * 140ms);
}
.service-stages__item::before {
    transform: scaleX(0);
    transform-origin: left center;
    transition: transform .7s ease;
    transition-delay: calc((var(--i, 1) - 1) * 140ms + 200ms);
    background: linear-gradient(90deg, #f28c28, #f6b25e);
}
.service-stages__num {
    transform: scale(0);
    transition: transform .5s cubic-bezier(.34, 1.56, .64, 1), box-shadow .3s ease;
    transition-delay: calc((var(--i, 1) - 1) * 140ms + 100ms);
}
.service-stages--animated .service-stages__item {
    opacity: 1;
    transform: translateY(0);
}
.service-stages--animated .service-stages__item::before {
    transform: scaleX(1);
}
.service-stages--animated .service-stages__num {
    transform: scale(1);
}
.service-stages__item:hover .service-stages__num {
    box-shadow: 0 0 0 5px #f8f6f2, 0 6px 18px rgba(242, 140, 40, .45);
}
@media (max-width: 767px) {
    .service-stages__item::before {
        transform: scaleY(0);
        transform-origin: center top;
    }
    .service-stages--animated .service-stages__item::before {
        transform: scaleY(1);
    }
}
@media (prefers-reduced-motion: reduce) {
    .service-stages__item,
    .service-stages__item::before,
    .service-stages__num {
        opacity: 1 !important;
        transform: none !important;
        transition: none !important;
    }
}
/* === 12.09.2026 РЕДИЗАЙН по ТЗ: дизайн-токены + новые блоки главной, тарифы, приватность === */

:root {
    --orange-50: #FDF3E7;
    --orange-100: #FAE4C8;
    --orange-200: #F5CD9A;
    --orange-300: #F2B267;
    --orange-400: #F29F47;
    --orange-500: #F28C28;
    --orange-600: #E07A0F;
    --orange-700: #C46608;
    --orange-800: #9E5207;
    --orange-900: #7A3F08;
    --blue-50: #E8F7FF;
    --blue-500: #00B2FF;
    --blue-700: #008ECC;
    --text-primary: #2B2B2B;
    --text-secondary: #535353;
    --text-muted: #767676;
    --border: #E5E0D8;
    --border-strong: #CFC7BA;
    --bg-page: #FFFFFF;
    --bg-warm: #F8F6F2;
    --bg-sand: #F7E5D8;
    --bg-dark: #3A2312;
    --radius-s: 8px;
    --radius-m: 12px;
    --radius-l: 20px;
    --radius-xl: 28px;
    --radius-full: 999px;
    --shadow-1: 0 1px 2px rgba(58,35,18,.06), 0 2px 8px rgba(58,35,18,.05);
    --shadow-2: 0 4px 12px rgba(58,35,18,.08), 0 8px 24px rgba(58,35,18,.08);
    --shadow-3: 0 12px 32px rgba(58,35,18,.14);
}

/* --- Кнопка CTA в шапке --- */
.header__cta {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 10px 18px;
    border-radius: var(--radius-m);
    background: var(--orange-500);
    color: #fff;
    font-weight: 600;
    font-size: 15px;
    line-height: 20px;
    white-space: nowrap;
    text-decoration: none;
    transition: background .25s ease, transform .2s ease, box-shadow .25s ease;
}
.header__cta:hover {
    background: var(--orange-600);
    transform: translateY(-1px);
    box-shadow: var(--shadow-2);
    color: #fff;
}
@media (max-width: 1100px) {
    .header__cta { display: none; }
}

/* --- Главная: Hero --- */
.hero {
    padding: 56px 0 48px;
    background: var(--bg-warm);
}
.hero__container {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 24px;
    display: grid;
    grid-template-columns: 7fr 5fr;
    gap: 48px;
    align-items: start;
}
.hero__badges {
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
    margin-bottom: 20px;
}
.hero__badge {
    display: inline-block;
    padding: 6px 12px;
    border-radius: var(--radius-full);
    background: var(--orange-100);
    color: var(--orange-800);
    font-size: 13px;
    font-weight: 600;
    letter-spacing: .06em;
    text-transform: uppercase;
}
.hero__badge--light {
    background: #fff;
    color: var(--text-secondary);
    border: 1px solid var(--border);
}
.hero__title {
    font-size: 44px;
    line-height: 52px;
    font-weight: 700;
    color: var(--text-primary);
    margin: 0 0 20px;
    text-align: left;
}
.hero__lead {
    font-size: 20px;
    line-height: 30px;
    color: var(--text-secondary);
    margin: 0 0 28px;
}
.hero__segments {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 12px;
    margin-bottom: 28px;
}
.hero__segment {
    display: block;
    padding: 16px;
    background: #fff;
    border: 1px solid var(--border);
    border-radius: var(--radius-m);
    text-decoration: none;
    transition: border-color .25s ease, box-shadow .25s ease, transform .2s ease;
}
.hero__segment:hover {
    border-color: var(--orange-500);
    box-shadow: var(--shadow-2);
    transform: translateY(-2px);
}
.hero__segment-title {
    display: block;
    font-size: 16px;
    font-weight: 700;
    color: var(--text-primary);
    margin-bottom: 4px;
}
.hero__segment-text {
    display: block;
    font-size: 13px;
    line-height: 18px;
    color: var(--text-secondary);
}
.hero__cta-row {
    display: flex;
    gap: 16px;
    align-items: center;
    flex-wrap: wrap;
    margin-bottom: 12px;
}
.hero__cta {
    padding: 18px 32px;
    font-size: 16px;
    font-weight: 600;
    border-radius: var(--radius-m);
    text-decoration: none;
}
.hero__cta-secondary {
    color: var(--orange-700);
    font-weight: 600;
    font-size: 15px;
    text-decoration: underline;
    text-underline-offset: 3px;
}
.hero__cta-secondary:hover { color: var(--orange-600); }
.hero__micro {
    font-size: 13px;
    line-height: 18px;
    color: var(--text-muted);
    margin: 0;
}
.hero__image img {
    width: 100%;
    height: auto;
    display: block;
    border-radius: var(--radius-l);
}
@media (max-width: 991px) {
    .hero__container { grid-template-columns: 1fr; gap: 32px; }
    .hero__title { font-size: 32px; line-height: 38px; }
    .hero__lead { font-size: 17px; line-height: 26px; }
    .hero__image { max-width: 520px; }
}
@media (max-width: 640px) {
    .hero { padding: 32px 0; }
    .hero__segments { grid-template-columns: 1fr; }
}

/* --- Полоса доверия --- */
.trust {
    padding: 40px 0;
    background: #fff;
    border-bottom: 1px solid var(--border);
}
.trust__container {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 24px;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 24px;
}
.trust__num {
    display: block;
    font-size: 44px;
    line-height: 48px;
    font-weight: 700;
    color: var(--orange-500);
    margin-bottom: 6px;
}
.trust__label {
    font-size: 13px;
    line-height: 18px;
    color: var(--text-muted);
}
@media (max-width: 767px) {
    .trust__container { grid-template-columns: 1fr 1fr; gap: 20px; }
    .trust__num { font-size: 34px; line-height: 38px; }
}

/* --- Квиз --- */
.quiz {
    padding: 72px 0;
    background: var(--bg-sand);
}
.quiz__container {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 24px;
}
.quiz__title { text-align: left; margin: 0 0 12px; }
.quiz__lead {
    font-size: 17px;
    line-height: 28px;
    color: var(--text-secondary);
    margin: 0 0 32px;
    max-width: 720px;
}
.quiz__box {
    display: grid;
    grid-template-columns: 7fr 5fr;
    gap: 32px;
    background: #fff;
    border-radius: var(--radius-xl);
    padding: 40px;
    box-shadow: var(--shadow-2);
}
.quiz__progress {
    height: 6px;
    background: var(--orange-100);
    border-radius: var(--radius-full);
    overflow: hidden;
    margin-bottom: 12px;
}
.quiz__progress-bar {
    display: block;
    height: 100%;
    width: 0;
    background: var(--orange-500);
    border-radius: var(--radius-full);
    transition: width .4s ease;
}
.quiz__step-label {
    font-size: 13px;
    color: var(--text-muted);
    margin-bottom: 16px;
    letter-spacing: .06em;
    text-transform: uppercase;
    font-weight: 600;
}
.quiz__question {
    font-size: 24px;
    line-height: 32px;
    font-weight: 600;
    color: var(--text-primary);
    margin-bottom: 24px;
}
.quiz__options {
    display: grid;
    gap: 12px;
    margin-bottom: 28px;
}
.quiz__option {
    padding: 16px 20px;
    min-height: 56px;
    border: 1.5px solid var(--border-strong);
    border-radius: var(--radius-m);
    background: #fff;
    font-size: 16px;
    font-family: inherit;
    text-align: left;
    color: var(--text-primary);
    cursor: pointer;
    transition: border-color .2s ease, background .2s ease;
}
.quiz__option:hover { border-color: var(--orange-500); background: var(--orange-50); }
.quiz__option--selected {
    border-color: var(--orange-500);
    background: var(--orange-50);
    font-weight: 600;
}
.quiz__nav {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.quiz__back {
    background: none;
    border: none;
    font-family: inherit;
    font-size: 15px;
    color: var(--text-muted);
    cursor: pointer;
    padding: 10px 0;
}
.quiz__back:disabled { opacity: .4; cursor: default; }
.quiz__back:not(:disabled):hover { color: var(--orange-700); }
.quiz__next {
    padding: 14px 32px;
    font-size: 16px;
    font-weight: 600;
    border: none;
    border-radius: var(--radius-m);
    cursor: pointer;
}
.quiz__next:disabled { background: #ECE4D8; color: #A79C8D; cursor: not-allowed; }
.quiz__side {
    background: var(--bg-warm);
    border-radius: var(--radius-l);
    padding: 28px;
    align-self: start;
}
.quiz__side-title {
    font-size: 15px;
    font-weight: 700;
    color: var(--text-primary);
    margin-bottom: 14px;
}
.quiz__summary {
    margin: 0;
    padding: 0;
    list-style: none;
    font-size: 14px;
    line-height: 20px;
    color: var(--text-secondary);
}
.quiz__summary li { margin-bottom: 10px; }
.quiz__summary-empty { color: var(--text-muted); font-style: italic; }
.quiz__result { grid-column: 1 / -1; }
.quiz__result-title {
    font-size: 24px;
    font-weight: 700;
    color: var(--text-primary);
    margin-bottom: 8px;
}
.quiz__result-price {
    font-size: 40px;
    line-height: 46px;
    font-weight: 700;
    color: var(--orange-600);
    margin-bottom: 6px;
}
.quiz__result-package {
    font-size: 17px;
    color: var(--text-secondary);
    margin-bottom: 12px;
}
.quiz__result-note {
    font-size: 13px;
    color: var(--text-muted);
    margin-bottom: 24px;
}
.quiz__form {
    display: grid;
    grid-template-columns: 1fr 1fr auto;
    gap: 12px;
    align-items: start;
}
.quiz__input {
    height: 52px;
    padding: 14px 16px;
    border: 1px solid var(--border-strong);
    border-radius: var(--radius-s);
    font-size: 16px;
    font-family: inherit;
}
.quiz__input:focus {
    outline: none;
    border-color: var(--orange-500);
    box-shadow: 0 0 0 3px var(--orange-100);
}
.quiz__hp { position: absolute; left: -9999px; opacity: 0; height: 0; }
.quiz__submit {
    height: 52px;
    padding: 0 24px;
    border: none;
    border-radius: var(--radius-m);
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
}
.quiz__form-note {
    grid-column: 1 / -1;
    font-size: 12px;
    color: var(--text-muted);
}
.quiz__form-note a { color: var(--orange-700); }
.quiz__success {
    padding: 20px;
    background: #E6F7ED;
    border-radius: var(--radius-m);
    color: #2E7D32;
    font-weight: 600;
}
@media (max-width: 991px) {
    .quiz__box { grid-template-columns: 1fr; padding: 24px; }
    .quiz__form { grid-template-columns: 1fr; }
    .quiz__submit { width: 100%; }
}

/* --- Тёмная секция: кейс цеха --- */
.case-ceh {
    padding: 80px 0;
    background: var(--bg-dark);
    color: #fff;
}
.case-ceh__container {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 24px;
}
.case-ceh__title {
    font-size: 34px;
    line-height: 42px;
    font-weight: 700;
    margin: 0 0 16px;
    max-width: 800px;
}
.case-ceh__lead {
    font-size: 17px;
    line-height: 28px;
    color: #E8D9C8;
    margin: 0 0 40px;
    max-width: 760px;
}
.case-ceh__metrics {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 24px;
    margin-bottom: 40px;
}
.case-ceh__metric-num {
    display: block;
    font-size: 44px;
    line-height: 48px;
    font-weight: 700;
    color: var(--orange-400);
    margin-bottom: 8px;
}
.case-ceh__metric-label {
    font-size: 13px;
    line-height: 18px;
    color: #E8D9C8;
}
.case-ceh__cta-row {
    display: flex;
    gap: 16px;
    flex-wrap: wrap;
}
.case-ceh__btn {
    display: inline-block;
    padding: 16px 28px;
    background: var(--orange-400);
    color: var(--bg-dark);
    font-weight: 600;
    font-size: 16px;
    border-radius: var(--radius-m);
    text-decoration: none;
    transition: background .25s ease, transform .2s ease;
}
.case-ceh__btn:hover { background: var(--orange-300); transform: translateY(-1px); color: var(--bg-dark); }
.case-ceh__btn--ghost {
    background: transparent;
    border: 1.5px solid var(--orange-400);
    color: var(--orange-400);
}
.case-ceh__btn--ghost:hover {
    background: rgba(242, 159, 71, .12);
    color: var(--orange-300);
}
@media (max-width: 991px) {
    .case-ceh__metrics { grid-template-columns: 1fr 1fr; }
    .case-ceh__title { font-size: 26px; line-height: 32px; }
    .case-ceh__metric-num { font-size: 34px; line-height: 38px; }
}

/* --- Витрина приложений на главной --- */
.apps-home {
    padding: 72px 0;
    background: #fff;
}
.apps-home__container {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 24px;
}
.apps-home__title { text-align: left; margin: 0 0 12px; }
.apps-home__lead {
    font-size: 17px;
    line-height: 28px;
    color: var(--text-secondary);
    margin: 0 0 32px;
}
.apps-home__grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 24px;
}
.apps-home__card {
    display: block;
    padding: 28px;
    background: var(--bg-warm);
    border: 1px solid var(--border);
    border-radius: var(--radius-l);
    text-decoration: none;
    transition: transform .2s ease, box-shadow .25s ease, border-color .25s ease;
}
.apps-home__card:hover {
    transform: translateY(-2px);
    box-shadow: var(--shadow-2);
    border-color: var(--orange-500);
}
.apps-home__card-name {
    display: block;
    font-size: 18px;
    font-weight: 700;
    color: var(--text-primary);
    margin-bottom: 8px;
}
.apps-home__card-text {
    display: block;
    font-size: 14px;
    line-height: 20px;
    color: var(--text-secondary);
    margin-bottom: 14px;
}
.apps-home__card-link {
    font-size: 15px;
    font-weight: 600;
    color: var(--orange-600);
}
.apps-home__more { margin-top: 24px; }
.apps-home__more-link, .projects__more-link, .home-faq__more-link {
    font-size: 15px;
    font-weight: 600;
    color: var(--orange-700);
    text-decoration: underline;
    text-underline-offset: 3px;
}
.projects__more, .home-faq__more { margin-top: 24px; }
@media (max-width: 991px) {
    .apps-home__grid { grid-template-columns: 1fr; }
}

/* --- Этапы работы --- */
.how {
    padding: 72px 0;
    background: var(--bg-warm);
}
.how__container {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 24px;
}
.how__title { text-align: left; margin: 0 0 40px; }
.how__list {
    list-style: none;
    margin: 0;
    padding: 0;
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 20px;
}
.how__item {
    position: relative;
    background: #fff;
    border: 1px solid var(--border);
    border-radius: var(--radius-l);
    padding: 24px 20px;
}
.how__num {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: var(--orange-500);
    color: #fff;
    font-weight: 700;
    font-size: 17px;
    margin-bottom: 14px;
}
.how__name {
    display: block;
    font-size: 16px;
    font-weight: 700;
    color: var(--text-primary);
    margin-bottom: 4px;
}
.how__time {
    display: block;
    font-size: 13px;
    font-weight: 600;
    color: var(--orange-700);
    margin-bottom: 8px;
}
.how__result {
    display: block;
    font-size: 13px;
    line-height: 18px;
    color: var(--text-secondary);
}
.how__cta { margin-top: 28px; }
.how__cta-link {
    font-size: 15px;
    font-weight: 600;
    color: var(--orange-700);
    text-decoration: underline;
    text-underline-offset: 3px;
}
@media (max-width: 991px) {
    .how__list { grid-template-columns: 1fr 1fr; }
}
@media (max-width: 640px) {
    .how__list { grid-template-columns: 1fr; }
}

/* --- Тарифы (главная + /prices/) --- */
.tariffs {
    padding: 72px 0;
    background: #fff;
}
.tariffs__container {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 24px;
}
.tariffs__title { text-align: left; margin: 0 0 40px; }
.tariffs__grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 24px;
    align-items: stretch;
}
.tariffs__card {
    position: relative;
    background: #fff;
    border: 1px solid var(--border);
    border-radius: var(--radius-l);
    padding: 36px 32px;
    display: flex;
    flex-direction: column;
}
.tariffs__card--featured {
    border: 2px solid var(--orange-500);
    box-shadow: var(--shadow-2);
}
.tariffs__badge {
    position: absolute;
    top: -14px;
    left: 32px;
    padding: 6px 12px;
    background: var(--orange-500);
    color: #fff;
    font-size: 13px;
    font-weight: 600;
    border-radius: var(--radius-full);
    letter-spacing: .06em;
    text-transform: uppercase;
}
.tariffs__name {
    font-size: 18px;
    font-weight: 700;
    color: var(--text-primary);
    margin-bottom: 8px;
}
.tariffs__price {
    font-size: 34px;
    line-height: 40px;
    font-weight: 700;
    color: var(--orange-600);
    margin-bottom: 4px;
}
.tariffs__for {
    font-size: 14px;
    color: var(--text-muted);
    margin-bottom: 20px;
}
.tariffs__list {
    margin: 0 0 24px;
    padding: 0;
    list-style: none;
    flex: 1;
}
.tariffs__list li {
    position: relative;
    padding-left: 24px;
    margin-bottom: 10px;
    font-size: 14px;
    line-height: 20px;
    color: var(--text-secondary);
}
.tariffs__list li::before {
    content: "";
    position: absolute;
    left: 2px;
    top: 6px;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: var(--orange-500);
}
.tariffs__btn {
    display: block;
    text-align: center;
    padding: 14px 20px;
    border-radius: var(--radius-m);
    font-size: 16px;
    font-weight: 600;
    text-decoration: none;
    transition: background .25s ease, color .25s ease, transform .2s ease;
}
.tariffs__btn--ghost {
    border: 1.5px solid var(--orange-500);
    color: var(--orange-700);
    background: transparent;
}
.tariffs__btn--ghost:hover { background: var(--orange-50); }
.tariffs__foot {
    margin-top: 28px;
    display: flex;
    justify-content: space-between;
    gap: 16px;
    flex-wrap: wrap;
    font-size: 15px;
    color: var(--text-secondary);
}
.tariffs__quiz-link, .tariffs__all {
    color: var(--orange-700);
    font-weight: 600;
    text-decoration: underline;
    text-underline-offset: 3px;
}
@media (max-width: 991px) {
    .tariffs__grid { grid-template-columns: 1fr; }
}

/* --- Страница /prices/ --- */
.prices { padding: 32px 0 72px; }
.prices__container {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 24px;
}
.prices__title { text-align: left; margin: 0 0 12px; }
.prices__lead {
    font-size: 17px;
    line-height: 28px;
    color: var(--text-secondary);
    margin: 0 0 24px;
    max-width: 720px;
}
.prices__quiz-banner {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 24px;
    background: var(--bg-sand);
    border-radius: var(--radius-l);
    padding: 24px 28px;
    margin-bottom: 36px;
}
.prices__quiz-text {
    font-size: 16px;
    line-height: 24px;
    color: var(--text-primary);
    font-weight: 500;
}
.prices__quiz-banner .btn {
    white-space: nowrap;
    text-decoration: none;
    padding: 14px 24px;
    border-radius: var(--radius-m);
    font-weight: 600;
}
.prices__tabs {
    display: inline-flex;
    gap: 4px;
    background: var(--bg-warm);
    border-radius: var(--radius-full);
    padding: 4px;
    margin-bottom: 32px;
}
.prices__tab {
    padding: 10px 22px;
    border: none;
    border-radius: var(--radius-full);
    background: transparent;
    font-family: inherit;
    font-size: 15px;
    font-weight: 500;
    color: var(--text-secondary);
    cursor: pointer;
    transition: background .2s ease, color .2s ease, box-shadow .2s ease;
}
.prices__tab--active {
    background: #fff;
    color: var(--text-primary);
    font-weight: 600;
    box-shadow: var(--shadow-1);
}
.prices__panel { display: none; }
.prices__panel--active { display: block; }
.prices__note {
    margin-top: 20px;
    font-size: 14px;
    color: var(--text-muted);
}
.prices__note a { color: var(--orange-700); }
.prices__dev {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 24px;
}
.prices__dev-item {
    background: #fff;
    border: 1px solid var(--border);
    border-radius: var(--radius-l);
    padding: 28px;
    display: flex;
    flex-direction: column;
    gap: 12px;
}
.prices__dev-name { font-size: 18px; font-weight: 700; color: var(--text-primary); }
.prices__dev-text { font-size: 14px; line-height: 20px; color: var(--text-secondary); flex: 1; }
.prices__subtitle {
    font-size: 24px;
    line-height: 32px;
    font-weight: 700;
    color: var(--text-primary);
    margin: 48px 0 20px;
}
.prices__factors-list {
    margin: 0;
    padding: 0;
    list-style: none;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 10px 32px;
}
.prices__factors-list li {
    position: relative;
    padding-left: 24px;
    font-size: 15px;
    line-height: 22px;
    color: var(--text-secondary);
}
.prices__factors-list li::before {
    content: "";
    position: absolute;
    left: 2px;
    top: 7px;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: var(--orange-500);
}
.prices__licenses p {
    font-size: 15px;
    line-height: 24px;
    color: var(--text-secondary);
    max-width: 720px;
}
.prices__licenses a { color: var(--orange-700); }
.prices__cta { margin-top: 48px; }
@media (max-width: 991px) {
    .prices__dev { grid-template-columns: 1fr; }
    .prices__factors-list { grid-template-columns: 1fr; }
    .prices__quiz-banner { flex-direction: column; align-items: flex-start; }
    .prices__tabs { display: flex; overflow-x: auto; max-width: 100%; }
}

/* --- Текстовая страница (/privacy/) --- */
.textpage { padding: 32px 0 72px; }
.textpage__container {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 24px;
}
.textpage__title { text-align: left; margin: 0 0 28px; }
.textpage__content { max-width: 760px; }
.textpage__content h2 {
    font-size: 20px;
    line-height: 28px;
    font-weight: 700;
    color: var(--text-primary);
    margin: 32px 0 12px;
}
.textpage__content p {
    font-size: 15px;
    line-height: 24px;
    color: var(--text-secondary);
    margin: 0 0 10px;
}
.textpage__updated { color: var(--text-muted); font-size: 13px; margin-top: 32px; }

/* --- Контакты: мессенджеры --- */
.contacts__messengers {
    display: flex;
    gap: 12px;
    margin: 16px 0 20px;
}
.contacts__messenger {
    display: inline-block;
    padding: 10px 18px;
    border: 1.5px solid var(--orange-500);
    border-radius: var(--radius-full);
    color: var(--orange-700);
    font-size: 14px;
    font-weight: 600;
    text-decoration: none;
    transition: background .2s ease;
}
.contacts__messenger:hover { background: var(--orange-50); }

/* --- Футер: реквизиты --- */
.footer__reqs {
    font-size: 13px;
    line-height: 18px;
    color: var(--text-muted);
    margin: 10px 0;
}

/* Шапка: запрет переносов телефона и пунктов меню */
.header__phone {
    white-space: nowrap;
}
.header__container .menu__list,
.header__container .menu__body ul {
    flex-wrap: nowrap;
}
.header__container .menu a,
.header__container .menu__link {
    white-space: nowrap;
}
.header__container {
    gap: 16px;
}

/* === 14.09.2026 Правки главной, меню 3 уровня, футер === */

/* Hero: бейджы отдельной строкой, картинка по верху заголовка */
.hero__container {
    display: block;
}
.hero__badges {
    margin-bottom: 28px;
}
.hero__grid {
    display: grid;
    grid-template-columns: 7fr 5fr;
    gap: 48px;
    align-items: start;
}
@media (max-width: 991px) {
    .hero__grid { grid-template-columns: 1fr; gap: 32px; }
}

/* Многоуровневое меню: 3-й уровень вылетает вправо */
.submenu__item--parent {
    position: relative;
}
.submenu__item--parent > .submenu__link::after {
    content: "→";
    margin-left: 8px;
    color: var(--orange-500, #F28C28);
    font-size: 12px;
}
.submenu .submenu--sub {
    display: none;
    position: absolute;
    left: 100%;
    top: -10px;
    min-width: 260px;
    background: #fff;
    border-radius: 12px;
    box-shadow: 0 4px 12px rgba(58,35,18,.08), 0 8px 24px rgba(58,35,18,.08);
    padding: 10px 0;
    list-style: none;
    z-index: 60;
}
.submenu__item--parent:hover > .submenu--sub,
.submenu__item--parent:focus-within > .submenu--sub {
    display: block;
}
.submenu--sub .submenu__link {
    display: block;
    padding: 10px 20px;
    white-space: normal;
    font-size: 14px;
    line-height: 18px;
}
@media (max-width: 1100px) {
    .submenu .submenu--sub {
        position: static;
        box-shadow: none;
        padding-left: 16px;
    }
    .submenu__item--parent > .submenu__link::after { content: ""; }
}

/* Футер: аккуратная сетка, заголовки крупнее */
.footer__container {
    display: grid;
    grid-template-columns: 1.2fr 1.2fr 1fr 1.2fr;
    gap: 40px;
    align-items: start;
}
.footer__main {
    display: flex;
    flex-direction: column;
    gap: 14px;
    align-items: flex-start;
}
.footer__logo img { max-width: 160px; height: auto; display: block; }
.footer__bitrix img { max-width: 110px; height: auto; display: block; opacity: .9; }
.footer__column {
    display: flex;
    flex-direction: column;
    gap: 4px;
}
.footer__column-title,
.footer__contacts {
    font-size: 17px;
    font-weight: 700;
    color: #2b2b2b;
    margin-bottom: 10px;
    text-decoration: none;
}
.footer__column-list {
    margin: 0;
    padding: 0;
    list-style: none;
    display: flex;
    flex-direction: column;
    gap: 7px;
}
.footer__column-link {
    font-size: 14px;
    line-height: 20px;
}
.footer__socials { margin-top: 12px; }
@media (max-width: 991px) {
    .footer__container { grid-template-columns: 1fr 1fr; gap: 32px; }
}
@media (max-width: 560px) {
    .footer__container { grid-template-columns: 1fr; }
}

/* Услуги на главной: карточки как у «Не только внедряем — разрабатываем» */
.services .services__items {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 24px;
}
.services .service {
    background: #F8F6F2;
    border: 1px solid #E5E0D8;
    border-radius: 20px;
    padding: 28px;
    transition: transform .25s ease, box-shadow .3s ease, border-color .25s ease;
}
.services .service:hover {
    transform: translateY(-4px);
    box-shadow: 0 4px 12px rgba(58,35,18,.08), 0 8px 24px rgba(58,35,18,.08);
    border-color: #F28C28;
}
.service__btn--more {
    display: inline-block;
    font-size: 15px;
    font-weight: 600;
    color: #C46608;
    text-decoration: none;
    background: none;
    border: none;
    padding: 0;
    transition: color .2s ease;
}
.service__btn--more:hover { color: #E07A0F; }
.services__all {
    margin-top: 32px;
    text-align: center;
}
.services__all-link {
    display: inline-block;
    padding: 16px 36px;
    border-radius: 12px;
    font-size: 16px;
    font-weight: 600;
    text-decoration: none;
}
@media (max-width: 991px) {
    .services .services__items { grid-template-columns: 1fr; }
}

/* Этапы «Как проходит внедрение»: медленное появление при скролле */
.how__item {
    opacity: 0;
    transform: translateY(36px);
    transition: opacity .9s ease, transform .9s cubic-bezier(.22, 1, .36, 1);
}
.how__item:nth-child(1) { transition-delay: 0ms; }
.how__item:nth-child(2) { transition-delay: 250ms; }
.how__item:nth-child(3) { transition-delay: 500ms; }
.how__item:nth-child(4) { transition-delay: 750ms; }
.how__item:nth-child(5) { transition-delay: 1000ms; }
.how--animated .how__item {
    opacity: 1;
    transform: translateY(0);
}
@media (prefers-reduced-motion: reduce) {
    .how__item { opacity: 1 !important; transform: none !important; transition: none !important; }
}

/* Отступ у «Все вопросы» на главной */
.home-faq__more {
    margin: 20px 0 8px;
}
.home-faq {
    padding-bottom: 64px;
}

/* === 14.09.2026 v2: меню, шапка без битрикс-лого, тёмный вау-футер === */

/* Шапка: всё по центру по вертикали */
.header__container {
    display: flex;
    align-items: center;
    gap: 24px;
}
.header__logo { flex: 0 0 auto; }
.header__logo img { display: block; }
.header__phone { margin: 0; flex: 0 0 auto; }
.header__menu { flex: 1 1 auto; display: flex; justify-content: center; }
.header__menu .menu { margin: 0; }
.header__cta { flex: 0 0 auto; }
.header__menu-btn { margin: 0; }

/* Меню: подменю скрыты по умолчанию, раскрываются по наведению */
@media (min-width: 1200px) {
    .menu__list { display: flex; align-items: center; column-gap: 34px; }
    .menu__item { position: relative; }
    .menu__item .submenu {
        display: none !important;
        position: absolute;
        top: 100%;
        left: 50%;
        transform: translateX(-50%);
        min-width: 240px;
        background: #fff;
        border-radius: 12px;
        box-shadow: 0 4px 12px rgba(58,35,18,.08), 0 8px 24px rgba(58,35,18,.08);
        padding: 10px 0;
        list-style: none;
        z-index: 100;
    }
    .menu__item-parent:hover > .submenu,
    .menu__item-parent:focus-within > .submenu {
        display: block !important;
    }
    /* убираем старый «скобочный» эффект темы вокруг пункта при hover */
    .menu__item.menu__item-parent:hover,
    .menu__item.menu__item-parent:focus-within {
        background: none;
        -webkit-filter: none;
        filter: none;
        border-radius: 0;
        margin: 0;
        padding: 0;
    }
    .submenu__item { margin: 0 !important; }
    .submenu__link {
        display: block;
        padding: 10px 20px;
        font-size: 14px;
        line-height: 18px;
        color: #2b2b2b;
        text-decoration: none;
        white-space: nowrap;
    }
    .submenu__link:hover { color: #E07A0F; background: #FDF3E7; }
    /* 3-й уровень: вылетает вправо */
    .submenu__item--parent { position: relative; }
    .submenu__item--parent > .submenu__link {
        font-weight: 700;
    }
    .submenu__item--parent > .submenu__link::after {
        content: "→";
        margin-left: 8px;
        color: #F28C28;
        font-size: 12px;
    }
    .submenu .submenu--sub {
        display: none !important;
        position: absolute;
        left: 100%;
        top: -10px;
        min-width: 300px;
        background: #fff;
        border-radius: 12px;
        box-shadow: 0 4px 12px rgba(58,35,18,.08), 0 8px 24px rgba(58,35,18,.08);
        padding: 10px 0;
        list-style: none;
        z-index: 101;
    }
    .submenu__item--parent:hover > .submenu--sub,
    .submenu__item--parent:focus-within > .submenu--sub {
        display: block !important;
    }
    .submenu--sub .submenu__link {
        white-space: normal;
        font-weight: 400;
    }
}
/* Мобайл/планшет: меню-оверлей не шире вьюпорта, подменю раскрыты */
@media (max-width: 1199.98px) {
    .header__menu .menu { max-width: 100vw; overflow: hidden; }
    .menu__body { max-width: 100vw; box-sizing: border-box; padding-left: 20px; padding-right: 20px; }
    .menu__list { display: grid !important; grid-template-columns: 1fr !important; max-width: 100% !important; gap: 14px; }
    .menu__item.menu__item-parent { display: block; }
    .submenu { position: static !important; display: block; padding: 6px 0 6px 16px; box-shadow: none; background: transparent; }
    .submenu .submenu--sub { position: static; display: block; padding-left: 16px; box-shadow: none; }
    .submenu__item { margin-bottom: 10px; }
    .menu__link, .submenu__link { white-space: normal !important; }
    .submenu__item--parent > .submenu__link::after { content: ""; }
}

/* Футер: тёмный, «вау» */
.footer {
    background: #3A2312;
    padding: 64px 0 0;
    margin-top: 0;
}
.footer .footer__container {
    display: block;
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 24px;
}
.footer__grid {
    display: grid;
    grid-template-columns: 1.3fr 1.2fr 0.9fr 1.1fr;
    gap: 48px;
    padding-bottom: 48px;
}
.footer__brand {
    display: flex;
    flex-direction: column;
    gap: 18px;
    align-items: flex-start;
}
.footer__logo img {
    max-width: 150px;
    height: auto;
    display: block;
    background: #F8F6F2;
    padding: 10px 16px;
    border-radius: 12px;
}
.footer__tagline {
    font-size: 14px;
    line-height: 22px;
    color: #E8D9C8;
    margin: 0;
    max-width: 280px;
}
.footer__socials {
    display: flex;
    gap: 10px;
    margin: 0;
}
.footer__social {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: rgba(255,255,255,.08);
    color: #E8D9C8;
    transition: background .25s ease, color .25s ease, transform .2s ease;
}
.footer__social:hover {
    background: #F28C28;
    color: #3A2312;
    transform: translateY(-2px);
}
.footer__column {
    display: flex;
    flex-direction: column;
    gap: 0;
    margin: 0;
}
.footer__column-title {
    display: block;
    font-size: 16px;
    font-weight: 700;
    color: #fff;
    letter-spacing: .04em;
    text-transform: uppercase;
    margin: 0 0 18px;
    padding-bottom: 12px;
    border-bottom: 2px solid #F28C28;
    align-self: flex-start;
    text-decoration: none;
}
.footer__column-list {
    margin: 0;
    padding: 0;
    list-style: none;
    display: flex;
    flex-direction: column;
    gap: 10px;
}
.footer__column-list li { margin: 0; }
.footer__column-link {
    font-size: 14px;
    line-height: 20px;
    color: #E8D9C8;
    text-decoration: none;
    transition: color .2s ease, padding-left .2s ease;
}
.footer__column-link:hover {
    color: #F29F47;
    padding-left: 6px;
}
.footer__contacts-list li {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    color: #E8D9C8;
    font-size: 14px;
    line-height: 20px;
}
.footer__contacts-list svg {
    flex: 0 0 18px;
    margin-top: 1px;
    color: #F29F47;
}
.footer__cta {
    display: inline-block;
    margin-top: 20px;
    padding: 12px 22px;
    background: #F28C28;
    color: #3A2312;
    font-size: 14px;
    font-weight: 700;
    border-radius: 10px;
    text-decoration: none;
    align-self: flex-start;
    transition: background .25s ease, transform .2s ease;
}
.footer__cta:hover {
    background: #F29F47;
    transform: translateY(-1px);
    color: #2A1A0D;
}
.footer__bottom {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    flex-wrap: wrap;
    padding: 20px 0;
    border-top: 1px solid rgba(255,255,255,.12);
}
.footer__copy,
.footer__reqs {
    font-size: 13px;
    color: #B39B84;
    margin: 0;
}
.footer__privacy {
    font-size: 13px;
    color: #B39B84;
    text-decoration: underline;
    text-underline-offset: 3px;
}
.footer__privacy:hover { color: #F29F47; }
@media (max-width: 991px) {
    .footer__grid { grid-template-columns: 1fr 1fr; gap: 36px; }
}
@media (max-width: 560px) {
    .footer__grid { grid-template-columns: 1fr; }
    .footer__bottom { flex-direction: column; align-items: flex-start; }
}

.wrapper{min-height:0 !important;}

.wrapper{min-height:0 !important;}

/* Мобайл: hero не вылезает за края */
@media (max-width: 640px) {
    .hero__container { padding: 0 16px; }
    .hero__title { font-size: 27px; line-height: 34px; overflow-wrap: break-word; }
    .hero__lead { font-size: 15px; line-height: 23px; }
    .quiz__box { padding: 20px 16px; border-radius: 20px; }
    .quiz__question { font-size: 19px; line-height: 26px; }
    .case-ceh__container, .apps-home__container, .how__container, .tariffs__container,
    .services__container, .home-faq__container, .trust__container { padding-left: 16px; padding-right: 16px; }
    .footer__grid { grid-template-columns: 1fr; }
    .footer__bottom { flex-direction: column; align-items: flex-start; gap: 10px; }
}

/* Страховка от горизонтального переполнения на мобайле */
html, body { overflow-x: hidden; }
img, svg, video, iframe { max-width: 100%; }
.cookieconsent-banner, [class*="cookie"] [class*="banner"], [id*="cookie"] {
    max-width: calc(100vw - 24px) !important;
    box-sizing: border-box;
}

/* === 15.09.2026: квиз-конструктор, декор услуг, видео-попап, метрики, виджет цветов === */

/* --- Конструктор в квизе: портал собирается по деталям --- */
.quiz__constructor {
    position: relative;
    background: #fff;
    border: 1px solid #E5E0D8;
    border-radius: 16px;
    padding: 34px 20px 14px;
    margin-bottom: 18px;
    overflow: hidden;
}
.quiz__crane {
    position: absolute;
    top: 0;
    left: 50%;
    width: 2px;
    height: 26px;
    margin-left: -1px;
    z-index: 3;
}
.quiz__crane-line {
    display: block;
    width: 2px;
    height: 0;
    background: #C46608;
    margin: 0 auto;
}
.quiz__crane-hook {
    display: block;
    width: 10px;
    height: 10px;
    border: 2px solid #C46608;
    border-top: none;
    border-radius: 0 0 8px 8px;
    margin: 0 auto;
    opacity: 0;
}
.quiz__crane--drop .quiz__crane-line { animation: qcLine 1s ease; }
.quiz__crane--drop .quiz__crane-hook { animation: qcHook 1s ease; }
@keyframes qcLine { 0%{height:0} 40%{height:26px} 70%{height:26px} 100%{height:0} }
@keyframes qcHook { 0%{opacity:0; transform:translateY(0)} 30%{opacity:1} 70%{opacity:1; transform:translateY(0)} 100%{opacity:0; transform:translateY(0)} }
.quiz__mock {
    position: relative;
    height: 150px;
    max-width: 260px;
    margin: 0 auto;
}
.quiz__mock-frame {
    position: absolute; inset: 0;
    border: 3px solid #F28C28;
    border-radius: 12px;
    background: #FDF9F4;
    opacity: 0; transform: scale(.8);
}
.quiz__mock-frame.qc-part--on { animation: qcPop .6s cubic-bezier(.34,1.56,.64,1) forwards; }
.quiz__mock-sidebar {
    position: absolute; left: 10px; top: 12px; bottom: 12px; width: 52px;
    background: linear-gradient(180deg, #F28C28, #E07A0F);
    border-radius: 7px;
    opacity: 0; transform: translateY(-40px);
}
.quiz__mock-topbar {
    position: absolute; left: 72px; right: 10px; top: 12px; height: 18px;
    background: #FAE4C8;
    border-radius: 6px;
    opacity: 0; transform: translateY(-40px);
}
.quiz__mock-cards {
    position: absolute; left: 72px; right: 10px; top: 40px; bottom: 12px;
    display: grid;
    grid-template-rows: repeat(3, 1fr);
    gap: 8px;
}
.quiz__mock-card {
    background: #fff;
    border: 2px solid #F5CD9A;
    border-radius: 6px;
    opacity: 0; transform: translateX(50px);
}
.quiz__mock-sidebar.qc-part--on,
.quiz__mock-topbar.qc-part--on { animation: qcDrop .55s cubic-bezier(.22,1,.36,1) forwards; }
.quiz__mock-card.qc-part--on { animation: qcSlide .55s cubic-bezier(.22,1,.36,1) forwards; }
@keyframes qcPop { to { opacity: 1; transform: scale(1); } }
@keyframes qcDrop { 0%{opacity:0; transform:translateY(-40px)} 70%{opacity:1; transform:translateY(4px)} 100%{opacity:1; transform:translateY(0)} }
@keyframes qcSlide { to { opacity: 1; transform: translateX(0); } }
.quiz__mock-done {
    position: absolute;
    right: -6px; top: -14px;
    background: #2E7D32;
    color: #fff;
    font-size: 11px;
    font-weight: 700;
    padding: 3px 10px;
    border-radius: 999px;
    opacity: 0;
    transform: scale(.5) rotate(-8deg);
    transition: all .4s cubic-bezier(.34,1.56,.64,1);
}
.quiz__mock-done--show { opacity: 1; transform: scale(1) rotate(-8deg); }
.quiz__constructor-caption {
    text-align: center;
    font-size: 12px;
    color: #767676;
    margin-top: 10px;
    min-height: 16px;
}

/* --- Услуги на главной: отделяем от квиза декором --- */
.page .services.services-beige {
    position: relative;
    background: #fff;
    overflow: hidden;
}
.page .services.services-beige::before {
    content: "";
    position: absolute;
    top: -140px; right: -140px;
    width: 380px; height: 380px;
    border-radius: 50%;
    background: radial-gradient(circle, rgba(242,140,40,.14) 0%, rgba(242,140,40,0) 70%);
    pointer-events: none;
}
.page .services.services-beige::after {
    content: "";
    position: absolute;
    bottom: -120px; left: -120px;
    width: 320px; height: 320px;
    border-radius: 50%;
    background: radial-gradient(circle, rgba(0,178,255,.10) 0%, rgba(0,178,255,0) 70%);
    pointer-events: none;
}
.page .services.services-beige .services__container { position: relative; z-index: 1; }
.page .services.services-beige .services__title {
    display: inline-block;
    padding-bottom: 10px;
    border-bottom: 3px solid #F28C28;
}
.quiz { border-bottom: 6px solid #F28C28; }

/* --- Метрики цеха: подписи компактнее --- */
.case-ceh__metric-label {
    font-size: 80%;
    line-height: 1.45;
    display: block;
    max-width: 88%;
}
.case-ceh__metrics { gap: 40px; }

/* --- Приложения: кнопка «Смотреть видео» --- */
.apps-home__card-actions {
    display: flex;
    align-items: center;
    gap: 16px;
    flex-wrap: wrap;
}
.apps-home__video {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    background: none;
    border: none;
    padding: 0;
    font-family: inherit;
    font-size: 15px;
    font-weight: 600;
    color: #008ECC;
    cursor: pointer;
}
.apps-home__video:hover { color: #00B2FF; }
.apps-home__video-icon {
    display: inline-block;
    width: 22px; height: 22px;
    border-radius: 50%;
    background: #E8F7FF;
    position: relative;
}
.apps-home__video-icon::after {
    content: "";
    position: absolute;
    left: 8px; top: 6px;
    border: 5px solid transparent;
    border-left: 7px solid #008ECC;
}

/* --- Видео-попап --- */
.km-video-modal { position: fixed; inset: 0; z-index: 10000; }
.km-video-modal__backdrop {
    position: absolute; inset: 0;
    background: rgba(42,26,13,.72);
    animation: kmFade .25s ease;
}
.km-video-modal__box {
    position: absolute;
    top: 50%; left: 50%;
    transform: translate(-50%,-50%);
    width: min(900px, calc(100vw - 32px));
    border-radius: 16px;
    overflow: hidden;
    box-shadow: 0 12px 32px rgba(58,35,18,.35);
    animation: kmZoom .3s cubic-bezier(.22,1,.36,1);
}
.km-video-modal__frame { aspect-ratio: 16/9; width: 100%; background: #000; }
.km-video-modal__frame iframe { width: 100%; height: 100%; display: block; }
.km-video-modal__close {
    position: absolute;
    top: -44px; right: 0;
    width: 36px; height: 36px;
    border-radius: 50%;
    border: none;
    background: #fff;
    color: #3A2312;
    font-size: 22px;
    line-height: 1;
    cursor: pointer;
}
@keyframes kmFade { from { opacity: 0; } }
@keyframes kmZoom { from { opacity: 0; transform: translate(-50%,-50%) scale(.92); } }

/* --- Тема: переменные, которыми управляет админ-виджет --- */
:root {
    --km-btn-bg: #F28C28;
    --km-btn-text: #FFFFFF;
    --km-accent: #F28C28;
    --km-footer-bg: #3A2312;
    --km-dark-bg: #3A2312;
    --km-quiz-bg: #F7E5D8;
}
.btn-orange, .header__cta, .quiz__next:not(:disabled), .quiz__submit,
.tariffs__btn.btn-orange, .btn-brown, .case-ceh__btn, .footer__cta,
.main__btn.btn-orange, .gift__btn.btn-orange, .error-404__btn.btn-orange {
    background: var(--km-btn-bg) !important;
    color: var(--km-btn-text) !important;
}
.footer { background: var(--km-footer-bg) !important; }
.case-ceh { background: var(--km-dark-bg) !important; }
.quiz { background: var(--km-quiz-bg) !important; border-bottom-color: var(--km-accent) !important; }
.hero__badge, .tariffs__badge { background: var(--km-accent) !important; color: var(--km-btn-text) !important; }
.tariffs__price, .quiz__result-price { color: var(--km-btn-bg) !important; }
.quiz__progress-bar, .how__num, .tariffs__list li::before, .prices__factors-list li::before { background: var(--km-accent) !important; }
.footer__column-title { border-bottom-color: var(--km-accent) !important; }
.footer__social:hover { background: var(--km-accent) !important; }
.service__btn--more, .home-faq__more-link, .apps-home__card-link, .how__cta-link { color: var(--km-accent) !important; }

/* --- Админ-виджет цветов (виден только админу, разметка из footer.php) --- */
.km-theme-btn {
    position: fixed;
    right: 18px; bottom: 110px;
    z-index: 10001;
    width: 52px; height: 52px;
    border-radius: 50%;
    border: none;
    background: #3A2312;
    color: #F28C28;
    cursor: pointer;
    box-shadow: 0 8px 24px rgba(58,35,18,.3);
    display: flex; align-items: center; justify-content: center;
    transition: transform .2s ease;
}
.km-theme-btn:hover { transform: rotate(30deg) scale(1.06); }
.km-theme-panel {
    position: fixed;
    top: 0; right: 0; bottom: 0;
    width: min(380px, 100vw);
    background: #fff;
    z-index: 10002;
    box-shadow: -8px 0 32px rgba(42,26,13,.25);
    transform: translateX(105%);
    transition: transform .35s cubic-bezier(.22,1,.36,1);
    display: flex; flex-direction: column;
}
.km-theme-panel--open { transform: translateX(0); }
.km-theme-panel__head {
    display: flex; align-items: center; justify-content: space-between;
    padding: 18px 20px;
    border-bottom: 1px solid #E5E0D8;
    font-weight: 700; font-size: 16px; color: #2B2B2B;
}
.km-theme-panel__close {
    border: none; background: #F8F6F2; width: 32px; height: 32px;
    border-radius: 50%; cursor: pointer; font-size: 16px; color: #535353;
}
.km-theme-panel__body { flex: 1; overflow-y: auto; padding: 18px 20px; }
.km-theme-panel__section { margin-bottom: 24px; }
.km-theme-panel__section-title {
    font-size: 13px; font-weight: 700; color: #767676;
    text-transform: uppercase; letter-spacing: .06em; margin-bottom: 12px;
}
.km-theme-presets {
    display: grid; grid-template-columns: 1fr 1fr; gap: 10px;
}
.km-theme-preset {
    border: 2px solid #E5E0D8;
    border-radius: 12px;
    padding: 10px;
    background: #fff;
    cursor: pointer;
    text-align: left;
    font-family: inherit;
    transition: border-color .2s ease, transform .15s ease;
}
.km-theme-preset:hover { transform: translateY(-2px); border-color: #F28C28; }
.km-theme-preset--active { border-color: #F28C28; box-shadow: 0 0 0 3px #FAE4C8; }
.km-theme-preset__dots { display: flex; gap: 5px; margin-bottom: 8px; }
.km-theme-preset__dot { width: 18px; height: 18px; border-radius: 50%; border: 1px solid rgba(0,0,0,.08); }
.km-theme-preset__name { font-size: 12px; font-weight: 600; color: #2B2B2B; }
.km-theme-row {
    display: flex; align-items: center; justify-content: space-between;
    gap: 12px; margin-bottom: 10px;
    font-size: 14px; color: #2B2B2B;
}
.km-theme-row input[type="color"] {
    width: 48px; height: 32px; border: 1px solid #E5E0D8;
    border-radius: 8px; padding: 2px; cursor: pointer; background: #fff;
}
.km-theme-row__hex { font-size: 12px; color: #767676; font-family: monospace; }
.km-theme-panel__foot {
    padding: 14px 20px; border-top: 1px solid #E5E0D8;
    display: flex; flex-direction: column; gap: 10px;
}
.km-theme-copy {
    width: 100%; padding: 12px; border: none; border-radius: 10px;
    background: #F28C28; color: #fff; font-weight: 700; font-size: 14px; cursor: pointer;
}
.km-theme-reset {
    width: 100%; padding: 10px; border: 1px solid #E5E0D8; border-radius: 10px;
    background: #fff; color: #535353; font-size: 13px; cursor: pointer;
}
.km-theme-note { font-size: 12px; color: #767676; line-height: 17px; }

/* === 19.09.2026: редизайн каталога и карточки услуги по ТЗ (T-01/T-02) === */

/* Каталог: лид и квиз-ссылка */
.services-catalog .services__title { text-align: left; }
.services__lead {
    font-size: 17px; line-height: 28px; color: #535353;
    max-width: 720px; margin: 0 0 16px;
}
.services__quiz-cta { margin-bottom: 32px; }
.services__quiz-link {
    font-size: 15px; font-weight: 600; color: #C46608;
    text-decoration: underline; text-underline-offset: 3px;
}
.services__quiz-link:hover { color: #E07A0F; }

/* Табы каталога */
.services__tabs {
    display: inline-flex;
    gap: 4px;
    background: #F8F6F2;
    border-radius: 999px;
    padding: 4px;
    margin-bottom: 36px;
    max-width: 100%;
    overflow-x: auto;
}
.services__tab {
    padding: 10px 22px;
    border: none; border-radius: 999px;
    background: transparent;
    font-family: inherit; font-size: 15px; font-weight: 500;
    color: #535353; cursor: pointer; white-space: nowrap;
    transition: background .2s ease, color .2s ease, box-shadow .2s ease;
}
.services__tab--active {
    background: #fff; color: #2B2B2B; font-weight: 600;
    box-shadow: 0 1px 2px rgba(58,35,18,.06), 0 2px 8px rgba(58,35,18,.05);
}

/* Карточка услуги: вся кликабельна */
.services__items .service { position: relative; }
.service__link-wrap {
    display: block;
    color: inherit;
    text-decoration: none;
    height: 100%;
}
.service__link-wrap:hover .service__title { color: #E07A0F; }
.service__icon { position: relative; }
.service__badge {
    position: absolute;
    top: 12px; left: 12px;
    padding: 5px 12px;
    background: #F28C28;
    color: #fff;
    font-size: 12px; font-weight: 700;
    letter-spacing: .04em; text-transform: uppercase;
    border-radius: 999px;
}

/* Тёмный CTA каталога */
.services-cta-dark {
    background: #3A2312;
    padding: 64px 0;
}
.services-cta-dark__container {
    max-width: 1200px; margin: 0 auto; padding: 0 24px;
    display: flex; align-items: center; gap: 32px; flex-wrap: wrap;
}
.services-cta-dark__title {
    font-size: 30px; line-height: 38px; font-weight: 700; color: #fff; margin: 0;
}
.services-cta-dark__text {
    font-size: 16px; line-height: 26px; color: #E8D9C8;
    margin: 0; flex: 1 1 320px;
}
.services-cta-dark__actions { display: flex; align-items: center; gap: 20px; flex-wrap: wrap; }
.services-cta-dark__btn {
    display: inline-block;
    padding: 16px 30px;
    background: #F29F47;
    color: #3A2312;
    font-size: 16px; font-weight: 700;
    border-radius: 12px;
    text-decoration: none;
    transition: background .25s ease, transform .2s ease;
}
.services-cta-dark__btn:hover { background: #F2B267; transform: translateY(-1px); color: #2A1A0D; }
.services-cta-dark__phone {
    color: #F29F47; font-size: 17px; font-weight: 600; text-decoration: none;
}
.services-cta-dark__phone:hover { text-decoration: underline; }

/* Hero услуги: буллеты и 2 CTA */
.service-hero__bullets {
    list-style: none;
    margin: 0 0 26px;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}
.service-hero__bullets li {
    padding: 8px 14px;
    background: #FDF3E7;
    color: #9E5207;
    font-size: 13px;
    font-weight: 600;
    border-radius: 999px;
}
.service-hero__cta-row {
    display: flex;
    gap: 14px;
    flex-wrap: wrap;
    align-items: center;
}
.service-hero__cta-quiz {
    display: inline-flex;
    align-items: center;
    padding: 15px 28px;
    background: #F28C28;
    color: #fff;
    font-size: 16px;
    font-weight: 600;
    border-radius: 12px;
    text-decoration: none;
    transition: background .25s ease, transform .2s ease, box-shadow .25s ease;
}
.service-hero__cta-quiz:hover {
    background: #E07A0F;
    transform: translateY(-1px);
    box-shadow: 0 4px 12px rgba(58,35,18,.08), 0 8px 24px rgba(58,35,18,.08);
    color: #fff;
}
.service-hero__price-note {
    margin-top: 16px;
    font-size: 14px;
    color: #767676;
}
.service-hero__price-note .current-service__price-value { font-weight: 700; color: #E07A0F; }

/* Липкая CTA-плашка на страницах услуг */
.service-sticky-cta {
    position: fixed;
    left: 0; right: 0; bottom: 0;
    z-index: 9000;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 12px 16px;
    background: #fff;
    box-shadow: 0 -4px 12px rgba(58,35,18,.12);
}
.service-sticky-cta__name {
    font-size: 13px;
    font-weight: 600;
    color: #2B2B2B;
    line-height: 17px;
    flex: 1 1 auto;
    min-width: 0;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.service-sticky-cta__btn {
    flex: 0 0 auto;
    padding: 12px 18px;
    background: #F28C28;
    color: #fff;
    font-size: 14px;
    font-weight: 700;
    border-radius: 10px;
    text-decoration: none;
    white-space: nowrap;
}

/* === 20.09.2026 v2: тонкая верхняя полоса (Блог, О компании, Контакты + телефон) + простое плоское меню === */
/* v3: белый фон, тонкая черта снизу, ссылки слева, телефон справа жирным с трубкой */
.topbar {
    background: #fff;
    border-bottom: 1px solid #EFE7DC;
}
.topbar__container {
    margin: 0 auto;
    box-sizing: content-box;
    padding: 8px 1.25em;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 24px;
}
.topbar__nav {
    display: flex;
    align-items: center;
    gap: 28px;
}
.topbar__link {
    font-size: 13px;
    line-height: 18px;
    color: #6b5c4c;
    text-decoration: none;
    transition: color .2s ease;
}
.topbar__phone {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    font-size: 14px;
    font-weight: 700;
    line-height: 18px;
    color: #2b2b2b;
    text-decoration: none;
    transition: color .2s ease;
}
.topbar__phone-icon {
    flex: 0 0 auto;
    display: block;
}
.topbar__phone:hover,
.topbar__link:hover {
    color: #E07A0F;
}
/* На десктопе телефон живёт в верхней полосе — в шапке прячем */
@media (min-width: 1200px) {
    .header__phone { display: none !important; }
}
/* На мобильных полоса остаётся (иначе пропадают Блог/О компании/Контакты), но компактнее */
@media (max-width: 1199.98px) {
    .topbar__container { padding-top: 7px; padding-bottom: 7px; gap: 14px; }
    .topbar__nav { gap: 18px; }
}
@media (max-width: 560px) {
    .topbar__phone, .topbar__link { font-size: 12px; }
    .topbar__nav { gap: 13px; }
}

/* === 20.09.2026 v4: блог — навигация по категориям, теги, сетка карточек 4 колонки === */
.blog__tabs {
    margin-bottom: 16px;
}
.blog__tags {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}
.blog__tag {
    padding: 7px 14px;
    border: 1px solid #E5E0D8;
    border-radius: 999px;
    background: #fff;
    font-family: inherit;
    font-size: 13px;
    line-height: 16px;
    color: #535353;
    cursor: pointer;
    white-space: nowrap;
    transition: border-color .2s ease, color .2s ease, background .2s ease;
}
.blog__tag:hover {
    border-color: #F28C28;
    color: #E07A0F;
}
.blog__tag--active,
.blog__tag--active:hover {
    background: #F28C28;
    border-color: #F28C28;
    color: #fff;
}

/* Сетка карточек: 6 колонок; ритм рядов 3-2-3-2 (span 2 / span 3), первая карточка — во всю ширину */
.projects__list.blog__list {
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    gap: 28px 24px;
    margin: 28px 0 0;
    padding: 0;
    list-style: none;
}
.project-card.blog-card {
    grid-column: span 2;
    display: flex;
    flex-direction: column;
    align-items: stretch;
    margin: 0 !important;
    background: #fff;
    border: 1px solid #E5E0D8;
    border-radius: 20px;
    overflow: hidden;
    transition: transform .25s ease, box-shadow .3s ease, border-color .25s ease;
}
.project-card.blog-card--span3 {
    grid-column: span 3;
}
/* Последняя добавленная статья — горизонтальная, во всю ширину */
.project-card.blog-card--featured {
    grid-column: 1 / -1;
    flex-direction: row;
}
.project-card.blog-card--featured .project-card__image {
    flex: 0 0 45%;
    margin: 0;
}
.project-card.blog-card--featured .project-card__image img {
    height: 100%;
    aspect-ratio: auto;
}
.project-card.blog-card--featured .project-card__info {
    padding: 32px 36px;
    justify-content: center;
}
.project-card.blog-card--featured .project-card__caption {
    font-size: 24px;
    line-height: 1.3;
    margin: 0 0 12px;
}
.project-card.blog-card--featured .project-card__desc {
    font-size: 15px;
    line-height: 1.5;
    -webkit-line-clamp: 4;
    margin: 0 0 16px;
}
.project-card.blog-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 4px 12px rgba(58,35,18,.08), 0 8px 24px rgba(58,35,18,.08);
    border-color: #F28C28;
}
.blog-card .project-card__image {
    flex: 0 0 auto;
    margin: 0;
}
.blog-card .project-card__image::before {
    content: none;
}
.blog-card .project-card__image img {
    display: block;
    width: 100%;
    height: auto;
    aspect-ratio: 4 / 3;
    object-fit: cover;
    border: none;
    border-radius: 0;
}
.blog-card .project-card__info {
    flex: 1 1 auto;
    padding: 20px;
}
.blog-card__meta {
    display: flex;
    align-items: center;
    gap: 10px;
    margin: 0 0 10px;
}
.blog-card__cat {
    padding: 4px 10px;
    background: #FDF3E7;
    color: #C46608;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: .04em;
    text-transform: uppercase;
    border-radius: 999px;
}
.blog-card .project__time {
    font-size: 12px;
    color: #9a8f83;
}
.blog-card .project-card__caption {
    font-size: 16px;
    line-height: 1.35;
    margin: 0 0 8px;
}
.blog-card .project-card__desc {
    margin: 0 0 12px;
    font-size: 13px;
    line-height: 1.45;
    color: #535353;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.blog-card__tags {
    display: flex;
    flex-wrap: wrap;
    gap: 4px 8px;
    margin: 0 0 10px;
}
.blog-card__tag {
    font-size: 11px;
    line-height: 14px;
    color: #9a8f83;
}
.blog-card .blog__author {
    font-size: 12px;
    color: #9a8f83;
    margin: 0 0 10px;
}
.blog-card .more-link {
    margin-top: auto;
    font-size: 12px;
}
/* Заголовок блога — как на странице услуг: воздух между H1 и табами */
.projects .services__title {
    margin: 0 0 32px;
}
@media (max-width: 1199.98px) {
    .projects__list.blog__list { grid-template-columns: repeat(2, 1fr); }
    .project-card.blog-card,
    .project-card.blog-card--span3 { grid-column: auto; }
    .project-card.blog-card--featured { grid-column: 1 / -1; }
}
@media (max-width: 640px) {
    .projects__list.blog__list { grid-template-columns: 1fr; }
    .project-card.blog-card--featured { flex-direction: column; }
    .project-card.blog-card--featured .project-card__image { flex: 0 0 auto; }
    .project-card.blog-card--featured .project-card__image img { height: auto; aspect-ratio: 4 / 3; }
    .project-card.blog-card--featured .project-card__info { padding: 20px; }
}

/* === 21.09.2026: типографика страницы статьи блога (лид, мета, «Читать ещё», CTA) === */

/* Метаданные статьи одной строкой */
.article-meta {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 8px 14px;
    margin: 12px 0 6px;
}
.article-meta__item {
    font-size: 13px;
    line-height: 18px;
    color: #9a8f83;
}
.article-tags {
    display: flex;
    flex-wrap: wrap;
    gap: 4px 10px;
    margin: 0 0 24px;
}
.article-tags .blog-card__tag { font-size: 12px; }

/* Лид — вводный абзац */
.article-lead {
    font-size: 19px;
    line-height: 1.6;
    color: #4a423b;
    font-weight: 500;
    margin: 28px 0 8px;
    max-width: 760px;
}

/* Типографика основного текста */
.current-service--article .current-service__desc {
    max-width: 760px;
    font-size: 17px;
    line-height: 1.65;
    color: #2b2b2b;
}
.current-service--article .current-service__desc p {
    margin: 0 0 22px;
}
.current-service--article .current-service__desc h2 {
    font-size: 26px;
    line-height: 1.3;
    margin: 48px 0 20px;
}
.current-service--article .current-service__desc h3 {
    font-size: 20px;
    line-height: 1.35;
    margin: 36px 0 16px;
}
.current-service--article .current-service__desc ul,
.current-service--article .current-service__desc ol {
    margin: 0 0 24px;
}
.current-service--article .current-service__desc blockquote {
    margin: 32px 0;
    padding: 22px 26px;
    background: #FDF3E7;
    border-left: 4px solid #F28C28;
    border-radius: 0 16px 16px 0;
    font-size: 18px;
    line-height: 1.55;
    color: #4a423b;
}
.current-service--article .current-service__desc blockquote p:last-child {
    margin-bottom: 0;
}

/* CTA в конце статьи */
.article-cta {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 28px;
    margin: 48px 0 0;
    padding: 32px 36px;
    background: #3A2312;
    border-radius: 20px;
    max-width: 940px;
}
.article-cta__title {
    font-size: 22px;
    font-weight: 700;
    line-height: 1.3;
    color: #fff;
    margin: 0 0 8px;
}
.article-cta__desc {
    font-size: 15px;
    line-height: 1.5;
    color: #D8C4AE;
    margin: 0;
}
.article-cta__btn {
    flex: 0 0 auto;
    display: inline-block;
    padding: 16px 32px;
    background: #F28C28;
    color: #fff;
    font-size: 16px;
    font-weight: 700;
    border-radius: 12px;
    text-decoration: none;
    white-space: nowrap;
    transition: background .2s ease;
}
.article-cta__btn:hover { background: #E07A0F; }
.article-back {
    display: inline-block;
    margin: 24px 0 0;
    font-size: 14px;
    font-weight: 600;
    color: #C46608;
    text-decoration: none;
}
.article-back:hover { color: #E07A0F; }

/* «Читать ещё» — по ширине текстовой колонки статьи, как .current-service__content */
.blog-related {
    margin: 64px 0 72px;
}
.blog-related .current-service__container {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 20px;
    box-sizing: content-box;
}
.blog-related__inner {
    max-width: 940px;
    margin: 0;
}
.blog-related__title {
    font-size: 26px;
    font-weight: 700;
    margin: 0 0 24px;
}
.blog-related__grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 24px;
    margin: 0;
    padding: 0;
    list-style: none;
}
.blog-related__grid .blog-card { grid-column: auto; }
@media (max-width: 991px) {
    .blog-related__grid { grid-template-columns: 1fr; }
    .article-cta { flex-direction: column; align-items: flex-start; padding: 26px 24px; }
}

/* === 26.09.2026: страница услуги — кнопки, боли, слайдер преимуществ, этапы-карточки, единая ширина === */

/* Единая ширина контента на странице услуг (как у шапки/главной: 1240px + боковые отступы) */
.service-hero__container,
.service-pains__container,
.service-adv__container,
.service-stages__container,
.service-article__container,
.other-apps__container,
.feedback__container,
.breadcrumbs__container {
    max-width: 1240px;
    margin: 0 auto;
    padding-left: 1.25em;
    padding-right: 1.25em;
    box-sizing: content-box;
}
/* Статья услуги — во всю ширину контента, без узкой колонки 760px */
.service-article.current-service--article .current-service__desc,
.service-article .current-service__desc {
    max-width: none;
}

/* Кнопки в hero: одинаковая высота, размер, скругление, выравнивание */
.service-hero__cta-row {
    align-items: stretch;
    gap: 12px;
}
.service-hero__cta-row .service-hero__cta-quiz,
.service-hero__cta-row .btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 52px;
    box-sizing: border-box;
    margin: 0;
    padding: 14px 28px;
    font-size: 15px;
    font-weight: 600;
    line-height: 1.3;
    border-radius: 12px;
    text-transform: none;
    letter-spacing: 0;
    text-align: center;
    white-space: normal;
    box-shadow: none;
}
.service-hero__cta-row .btn-brown,
.service-hero__cta-row .btn-brown:visited {
    background: #3A2312 !important;
    color: #fff !important;
}
.service-hero__cta-row .btn-brown:hover {
    background: #2a1a0d !important;
    color: #fff !important;
}
@media (max-width: 560px) {
    .service-hero__cta-row {
        flex-direction: column;
    }
    .service-hero__cta-row .service-hero__cta-quiz,
    .service-hero__cta-row .btn {
        width: 100%;
    }
}

/* «Знакомо?»: без иконок, заголовок отделён от текста */
.service-pains__item {
    padding: 20px 22px;
}
.service-pains__item::before {
    display: none;
}
.service-pains__item strong {
    display: block;
    margin-bottom: 8px;
    font-size: 16px;
}

/* «Что входит в услугу»: слайдер */
.service-adv__slider {
    overflow: hidden;
    padding-bottom: 4px;
}
.service-adv__slider .service-adv__grid {
    display: flex;
    gap: 0;
    align-items: stretch;
}
.service-adv__slider .service-adv__item {
    display: flex;
    flex-direction: column;
    height: auto;
    box-sizing: border-box;
    flex-direction: column;
    gap: 14px;
    background: #fff;
    border: 1px solid #ece4d8;
    border-radius: 16px;
    padding: 24px 22px;
    transition: border-color .25s ease, box-shadow .25s ease, transform .25s ease;
}
.service-adv__slider .service-adv__item:hover {
    border-color: #f28c28;
    box-shadow: 0 10px 28px rgba(58, 35, 18, .10);
    transform: translateY(-2px);
}
.service-adv__controls {
    display: flex;
    align-items: center;
    gap: 20px;
    margin-top: 22px;
}
.service-adv__pagination {
    position: static;
    flex: 1 1 auto;
    height: 4px;
    border-radius: 999px;
    background: #f0e6d9;
    overflow: hidden;
}
.service-adv__pagination .swiper-pagination-progressbar-fill {
    background: #f28c28;
    border-radius: 999px;
}
.service-adv__arrows {
    display: flex;
    gap: 8px;
    flex: 0 0 auto;
}
.service-adv__arrow {
    width: 44px;
    height: 44px;
    border-radius: 50%;
    border: 1px solid #ece4d8;
    background: #fff;
    cursor: pointer;
    position: relative;
    transition: background .2s ease, border-color .2s ease;
}
.service-adv__arrow::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 9px;
    height: 9px;
    border: solid #3a2312;
    border-width: 2px 2px 0 0;
}
.service-adv__prev::before {
    transform: translate(-35%, -50%) rotate(-135deg);
}
.service-adv__next::before {
    transform: translate(-65%, -50%) rotate(45deg);
}
.service-adv__arrow:hover {
    background: #f28c28;
    border-color: #f28c28;
}
.service-adv__arrow:hover::before {
    border-color: #fff;
}
.service-adv__arrow.swiper-button-disabled {
    opacity: .35;
    pointer-events: none;
}

/* «Как мы работаем»: карточки как в блоке how на главной, с данными из таблицы */
.service-stages__list {
    grid-template-columns: repeat(4, 1fr);
    gap: 20px;
}
@media (max-width: 1100px) {
    .service-stages__list { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 640px) {
    .service-stages__list { grid-template-columns: 1fr; }
}
.service-stages__item {
    background: #fff;
    border: 1px solid #ece4d8;
    border-radius: 16px;
    padding: 24px 20px;
    transition: opacity .6s ease, transform .6s cubic-bezier(.22, 1, .36, 1), border-color .25s ease, box-shadow .25s ease;
    transition-delay: calc((var(--i, 1) - 1) * 140ms);
}
.service-stages__item:hover {
    border-color: #f28c28;
    box-shadow: 0 10px 28px rgba(58, 35, 18, .10);
}
.service-stages__item::before {
    display: none;
}
.service-stages__num {
    position: static;
    display: inline-flex;
    margin-bottom: 14px;
    box-shadow: none;
}
.service-stages__name {
    display: block;
    font-size: 16px;
    font-weight: 700;
    margin-bottom: 6px;
}
.service-stages__time {
    display: block;
    font-size: 13px;
    font-weight: 600;
    color: #E07A0F;
    margin-bottom: 10px;
}
.service-stages__detail {
    display: block;
    font-size: 13px;
    line-height: 1.55;
    color: #4a4a4a;
    margin-bottom: 6px;
}
.service-stages__detail b {
    color: #2b2b2b;
}
.service-stages__result {
    display: block;
    font-size: 13px;
    line-height: 1.55;
    font-weight: 600;
    color: #2b2b2b;
    margin-top: 10px;
    padding-top: 10px;
    border-top: 1px dashed #ecd9c0;
}

/* === 26.09.2026 v2: доработки страницы услуги === */

/* h2 в тексте статьи: без оранжевой черты слева и лишнего отступа */
.service-article.current-service--article .current-service__desc h2 {
    padding-left: 0;
    border-left: none;
    margin: 42px 0 18px;
}
.service-article.current-service--article .current-service__desc h2:first-child {
    margin-top: 0;
}

/* Маркеры списков — по вертикальному центру пункта */
.service-article.current-service--article .current-service__desc ul li::before {
    top: 50%;
    transform: translateY(-50%);
}

/* Слайдер «Что входит в услугу»: свои цвета прогресс-бара (перебиваем дефолтный синий/серый Swiper) */
.service-adv__slider .service-adv__pagination.swiper-pagination-progressbar {
    background: #f0e6d9 !important;
}
.service-adv__slider .service-adv__pagination .swiper-pagination-progressbar-fill {
    background: #f28c28 !important;
}
/* Чтобы hover-бордер и тень карточек не обрезались контейнером */
.service-adv__slider {
    padding: 8px 4px 4px;
    margin: -8px -4px -4px;
}

/* «Знакомо?»: карточки с бордером и hover, как у остальных блоков */
.service-pains__item {
    background: #fff;
    border: 1px solid #ece4d8;
    border-radius: 16px;
    padding: 20px 22px;
    transition: border-color .25s ease, box-shadow .25s ease, transform .25s ease;
}
.service-pains__item:hover {
    border-color: #f28c28;
    box-shadow: 0 10px 28px rgba(58, 35, 18, .10);
    transform: translateY(-2px);
}

/* === 26.09.2026 v3: фикс слайдера услуги === */

/* Явный белый фон страницы (в некоторых браузерах/панелях прозрачный body даёт чёрный фон) */
html, body {
    background: #fff;
}

/* Прогресс-бар слайдера — в потоке рядом со стрелками, а не поверх слайдов */
.service-adv__slider .service-adv__controls .service-adv__pagination.swiper-pagination-progressbar,
.service-adv__slider .service-adv__pagination.swiper-pagination-progressbar {
    position: relative !important;
    left: auto !important;
    top: auto !important;
    bottom: auto !important;
    width: auto !important;
    height: 4px !important;
    flex: 1 1 auto;
    border-radius: 999px;
    background: #f0e6d9 !important;
    overflow: hidden;
    z-index: 1;
}
/* Стрелки всегда поверх и не наследуют стили дефолтных кнопок Swiper */
.service-adv__slider .service-adv__arrow {
    position: relative !important;
    inset: auto !important;
    width: 44px !important;
    height: 44px !important;
    margin: 0 !important;
    color: #3a2312 !important;
    background: #fff !important;
    z-index: 5;
}
.service-adv__slider .service-adv__arrow::after {
    content: none !important;
}
.service-adv__slider .service-adv__arrow:hover {
    background: #f28c28 !important;
}
.service-adv__slider .service-adv__arrow:hover::before {
    border-color: #fff;
}
/* Уведомление Swiper — скрыть из потока */
.service-adv__slider .swiper-notification {
    position: absolute;
    left: 0;
    top: 0;
    pointer-events: none;
    opacity: 0;
    z-index: -1000;
}

/* End */
/* /local/templates/kitchen_marketolog/css/reset.min.css?17867171862115 */
/* /local/templates/kitchen_marketolog/css/style.min.css?178671706434211 */
/* /local/templates/kitchen_marketolog/css/custom.css?1790443024109582 */