/* v1: home page "путеводитель" — embedded block in the same style as the calculation quiz (cf-dialog). */
.gd-section .section-head p{max-width:520px}
.gd{background:#fff;border:1px solid #e3e9df;border-radius:22px;box-shadow:0 18px 54px rgba(16,43,58,.11);overflow:hidden;color:var(--cf-ink,#102b3a);scroll-margin-top:96px}
.gd .cf-dialog-header{padding:16px 25px}
.gd-wrap{display:grid;grid-template-columns:minmax(0,1fr) 235px}
.gd-main{padding:27px 30px 24px;min-width:0}
.gd-step>span{font-size:11px;color:#58715e;font-weight:700}
.gd-mobile-incentive{display:none}
.gd-title{margin:20px 0 8px;font-size:28px;line-height:1.18;letter-spacing:-.03em}
.gd-hint{font-size:14px;color:#67766c;line-height:1.5;margin:0 0 22px}

/* Step 1: two big picture cards */
.gd-objects{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.gd-object{display:flex;flex-direction:column;padding:0;border:1px solid #d9e3d5;border-radius:16px;overflow:hidden;background:#fbfcf9;text-align:left;cursor:pointer;color:inherit;transition:border-color .15s,box-shadow .15s,transform .15s}
.gd-object:hover{border-color:var(--cf-forest,#205a42);box-shadow:0 12px 28px rgba(16,43,58,.12);transform:translateY(-2px)}
.gd-object.is-selected{border-color:var(--cf-forest,#205a42);box-shadow:inset 0 0 0 1px var(--cf-forest,#205a42)}
.gd-object img{display:block;width:100%;height:auto;aspect-ratio:16/10;object-fit:cover}
.gd-object-cap{display:flex;align-items:center;gap:12px;padding:16px 18px}
.gd-object b{display:block;font-size:19px;line-height:1.25}
.gd-object small{display:block;margin-top:3px;font-size:13px;color:#67766c}
.gd-object.is-selected .cf-answer-mark{background:var(--cf-forest,#205a42);border-color:var(--cf-forest,#205a42)}

/* Steps 2–5: picture + hint on the left, answers on the right */
.gd-layout{display:grid;grid-template-columns:minmax(0,290px) minmax(0,1fr);gap:20px;align-items:start}
.gd-visual{margin:0;border:1px solid #e0e8d8;border-radius:14px;overflow:hidden;background:#f3f6ed}
.gd-visual img{display:block;width:100%;height:auto;aspect-ratio:5/4;object-fit:cover}
.gd-visual figcaption{padding:12px 14px 14px;font-size:13px;line-height:1.45}
.gd-visual figcaption strong{display:block;color:#294d30}
.gd-visual figcaption span{display:block;color:#7a887d;font-size:12px;margin-top:3px}
.gd-reply{margin:10px 0 0;padding:11px 13px;background:#fff;border:1px solid #cfe0c6;border-left:3px solid var(--cf-forest,#205a42);border-radius:10px;color:#1f3d2c;font-size:13.5px;line-height:1.55;animation:gdIn .25s ease-out}
.gd-reply.is-law{border-color:#efcfc8;border-left-color:#b4513f;background:#fdf5f3;color:#5a2b22}
.gd-reply.is-law b{color:#a7402e}
.gd-prep{display:block;margin-top:8px;font-weight:700;color:#294d30}
.gd-m{display:none}
@keyframes gdIn{from{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}
@media(prefers-reduced-motion:reduce){.gd-reply{animation:none}.gd-object{transition:none}}
.gd-answers{display:grid;gap:10px}
.gd-answers:has(>:nth-child(6)){grid-template-columns:1fr 1fr}
.gd-answer{width:100%;min-height:58px;cursor:pointer}
.gd-answer:hover{border-color:#9fb898}
.gd-text{display:grid;gap:8px;font-size:13px;font-weight:700;color:#334d3f}
.gd-text small{font-weight:400;color:#67766c}
.gd-text textarea{width:100%;min-height:160px;border:1px solid #bdcbb6;border-radius:10px;padding:12px 14px;font:inherit;font-size:16px;font-weight:400;color:var(--cf-ink,#102b3a);resize:vertical}
.gd-text textarea:focus{outline:none;border-color:var(--cf-forest,#205a42);box-shadow:0 0 0 3px rgba(32,90,66,.15)}

.gd-nav{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-top:24px;padding-top:18px;border-top:1px solid #e3e9df}
.gd-nav:has(.gd-back:disabled:only-child){display:none}

/* Final: lead form */
.gd-final{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,380px);gap:24px;align-items:start}
.gd-case{grid-column:1/-1;background:#edf5e4;border-radius:12px;padding:14px 16px;font-size:15px;line-height:1.5;color:#1f3d2c}
.gd-gate{margin:0;padding:0;list-style:none;display:grid;gap:10px;font-size:15px;line-height:1.45}
.gd-gate:before{content:'Инженер скажет:';font-size:12px;font-weight:700;color:#58715e;text-transform:uppercase;letter-spacing:.06em}
.gd-gate li{display:flex;gap:10px}
.gd-gate li:before{content:'✓';flex:none;width:22px;height:22px;border-radius:50%;background:var(--cf-forest,#205a42);color:#fff;font-size:12px;display:grid;place-items:center;margin-top:-1px}
.gd-left{display:grid;gap:18px;align-content:start}
.gd-final .cf-answer-summary{margin:0}

@media(max-width:980px){.gd-final{grid-template-columns:1fr}}
@media(max-width:760px){
 .gd{border-radius:18px}
 .gd .cf-dialog-header{padding:12px 16px}
 .gd .cf-dialog-service{display:none}
 .gd-wrap{grid-template-columns:1fr}
 .gd .cf-dialog-aside{display:none}
 .gd-main{padding:18px 16px 18px}
 .gd-mobile-incentive{display:block;font-size:10px;color:#597046;margin-top:4px}
 .gd-title{font-size:23px;margin-top:16px}
 .gd-hint{margin-bottom:16px}
 .gd-objects{gap:10px}
 .gd-object-cap{padding:12px;gap:8px;align-items:flex-start}
 .gd-object b{font-size:15.5px}
 .gd-object small{font-size:12px}
 .gd-layout{grid-template-columns:1fr;gap:12px}
 .gd-visual{display:grid;grid-template-columns:96px minmax(0,1fr);align-items:center}
 .gd-visual img{height:100%;aspect-ratio:auto;min-height:80px}
 .gd-visual figcaption{padding:10px 12px}
 .gd-visual .gd-reply{display:none}
 .gd-m{display:block;margin:0}
 .gd-answers,.gd-answers:has(>:nth-child(6)){grid-template-columns:1fr;gap:8px}
 .gd-answer{min-height:50px;padding:12px}
 .gd-nav{margin-top:18px;padding-top:14px}
 .gd-nav .cf-next{flex:1;justify-content:center}
}

/* v4: step 1 — three picture answers that work exactly like the answers on the next steps */
.gd-objects{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.gd-object{position:relative}
.gd-object-cap{display:flex;align-items:flex-start;gap:11px;padding:14px 16px 16px}
.gd-object-cap .cf-answer-mark{margin-top:3px}
.gd-object b{font-size:18px}
.gd-object.is-selected{background:#edf5e4}
.gd-object.is-selected .cf-answer-mark:after{content:'✓';color:#fff;font-size:12px}
.gd-object img{transition:filter .15s}
.gd-objects:has(.is-selected) .gd-object:not(.is-selected) img{filter:saturate(.55) opacity(.75)}
.gd-object:hover .cf-answer-mark{border-color:var(--cf-forest,#205a42)}
.gd-answer:hover .cf-answer-mark{border-color:var(--cf-forest,#205a42)}
/* "Далее" lights up once an answer is chosen */
.gd-next{transition:background .2s,box-shadow .2s,opacity .2s}
.gd-next.is-ready{animation:gdReady 1.6s ease-out 2}
@keyframes gdReady{0%{box-shadow:0 0 0 0 rgba(47,125,88,.55)}70%{box-shadow:0 0 0 12px rgba(47,125,88,0)}100%{box-shadow:0 0 0 0 rgba(47,125,88,0)}}
@media(prefers-reduced-motion:reduce){.gd-next.is-ready{animation:none}}

/* v3: on phones every step of the guide fits on one screen (between the sticky header and the bottom bar). */
@media(max-width:760px){
 .gd{scroll-margin-top:76px}
 .gd>.cf-dialog-header{display:none}
 .gd-main{padding:14px 14px 12px}
 .gd-step{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;column-gap:10px}
 .gd-step .cf-progress{flex-basis:100%;margin-top:6px}
 .gd-mobile-incentive{margin-top:0}
 .gd-title{font-size:20px;line-height:1.2;margin:10px 0 4px}
 .gd-hint{font-size:12.5px;line-height:1.4;margin-bottom:10px}
 .gd-layout .gd-visual{display:none}
 .gd-answers,.gd-answers:has(>:nth-child(6)){grid-template-columns:1fr 1fr;gap:6px}
 .gd-answers:not(:has(>:nth-child(5))){grid-template-columns:1fr}
 .gd-answer{min-height:44px;padding:8px 9px;gap:8px;font-size:12.5px;line-height:1.3}
 .gd-answer .cf-answer-mark{width:16px;height:16px}
 .gd-m{grid-column:1/-1;padding:8px 10px;font-size:12.5px;line-height:1.45}
 .gd-text textarea{min-height:110px}
 .gd-nav{margin-top:10px;padding-top:10px}
 .gd-nav .cf-next{min-height:44px}
 .gd-objects{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}
 .gd-object{border-radius:12px}
 .gd-object img{aspect-ratio:1/1}
 .gd-object-cap{flex-direction:column;align-items:flex-start;gap:6px;padding:8px 8px 10px}
 .gd-object-cap .cf-answer-mark{margin-top:0;width:16px;height:16px}
 .gd-object b{font-size:13px;line-height:1.25}
 .gd-object small{display:none}
 /* final: only what is needed to leave a phone */
 .gd-final{gap:10px}
 .gd-case{padding:10px 12px;font-size:13.5px}
 .gd-left{display:none}
 .gd-form .cf-form-field{margin-bottom:8px}
 .gd-form .cf-form-field input{min-height:44px;margin-top:4px}
 .gd-form .cf-submit{min-height:46px}
 .gd-form .cf-contact-note{display:none}
 .gd-form .cf-consent{margin:6px 0 0;font-size:10.5px}
}

/* v5: fit small phones too (iPhone SE 375×667: ~530px between the sticky header and the bottom bar) */
@media(max-width:760px){
 .gd-main{padding:12px 12px 10px}
 .gd-title{font-size:19px;margin:8px 0 3px}
 .gd-hint{margin-bottom:8px}
 .gd-main:has(.gd-reply) .gd-hint,.gd-main:has(.gd-final) .gd-hint{display:none}
 .gd-answer{min-height:40px;padding:7px 8px;font-size:12px}
 .gd-m{padding:7px 9px;font-size:12px;line-height:1.4}
 .gd-nav{margin-top:8px;padding-top:8px}
 .gd-nav .cf-next{min-height:42px}
 .gd-object img{aspect-ratio:4/3}
 .gd-form .cf-form-field:has(input[name="name"]){display:none}
 .gd-case{font-size:13px;padding:9px 11px}
}

/* v6: open calculation quiz «Сколько будет стоить и когда сможем начать?» */
.calc-head{align-items:end}
.calc-head-side{display:grid;gap:14px;max-width:520px}
.calc-head-side p{margin:0}
.calc-promise{margin:0;padding:0;list-style:none;display:flex;flex-wrap:wrap;gap:8px}
.calc-promise li{display:inline-flex;align-items:center;gap:8px;padding:7px 14px 7px 7px;border-radius:999px;background:#fff;border:1px solid #d6e4da;font-size:14px;font-weight:700;color:#1f3d2c}
.calc-promise i,.calc-get i{flex:none;width:28px;height:28px;border-radius:50%;background:#e8f3ec;display:grid;place-items:center}
.calc-promise svg,.calc-get svg{width:16px;height:16px;fill:none;stroke:#205a42;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
.calc-alt{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:6px 10px;margin:16px 0 0;font-size:14.5px;color:#586a72}
.calc-alt button{border:0;background:none;padding:2px 0;font:inherit;font-weight:700;color:#1f5e43;cursor:pointer;text-decoration:underline;text-decoration-color:#b9d3c4;text-underline-offset:4px}
.calc-alt button:hover{text-decoration-color:#1f5e43}
.calc-alt span{color:#b6c2bb;margin:0 4px}
.calc-final{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,400px);gap:20px 28px;align-items:start}
.calc-final>.gd-case,.calc-final>.cf-answer-summary{grid-column:1/-1;margin:0}
.calc-get{margin:0;padding:0;list-style:none;display:grid;gap:12px}
.calc-get li{display:flex;align-items:center;gap:12px;padding:14px 16px;border-radius:12px;background:#f3f6ed;border:1px solid #e0e8d8;font-size:15px;color:#294d30}
.calc-get li:before{content:'✓';order:3;margin-left:auto;width:22px;height:22px;border-radius:50%;background:#205a42;color:#fff;font-size:12px;display:grid;place-items:center;flex:none}
.calc-get i{width:36px;height:36px}
.calc-get svg{width:19px;height:19px}
.calc-phone{font-size:15px!important;color:#102b3a!important}
.calc-phone input{min-height:54px!important;font-size:18px!important}
.calc-form .cf-submit{min-height:54px;font-size:17px}
.calc-form .cf-consent{font-size:11.5px}
@media(max-width:980px){.calc-final{grid-template-columns:1fr}}
@media(max-width:760px){
 .calc-promise{gap:6px}
 .calc-promise li{padding:5px 10px 5px 5px;font-size:12.5px}
 .calc-promise i{width:22px;height:22px}
 .calc-promise svg{width:13px;height:13px}
 .calc-alt{font-size:13px;flex-direction:column;gap:4px}
 .calc-alt span{display:none}
 .calc-final{gap:10px}
 .calc-get{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}
 .calc-get li{flex-direction:column;text-align:center;gap:5px;padding:7px 6px;font-size:12px;line-height:1.3}
 .calc-get li:before{display:none}
 .calc-get i{width:30px;height:30px}
 .calc-final>.cf-answer-summary{display:none}
 .calc-phone{font-size:13px!important;margin-bottom:8px!important}
 .calc-phone input{min-height:46px!important;font-size:17px!important}
 .calc-form .cf-submit{min-height:48px}
}
.calc-alt[hidden]{display:none}

/* v9: calc quiz refinements — narrower picture column, one-click answers, compact discount, chat button never covers the quiz */
.calc-section .gd-layout{grid-template-columns:minmax(0,236px) minmax(0,1fr);gap:22px}
.calc-section .gd-layout>.gd-visual{order:-1}
.calc-section .gd-visual img{aspect-ratio:4/5}
.calc-section .gd-visual figcaption strong{font-size:13.5px}
.calc-section .gd-answers{grid-template-columns:1fr 1fr}
.calc-section .gd-answers:not(:has(>:nth-child(4))){grid-template-columns:1fr}
.calc-section .gd-answer{min-height:62px;transition:background .15s,border-color .15s,box-shadow .15s,transform .15s}
.calc-section .gd-answer:hover{border-color:#205a42;background:#f3f8ef;box-shadow:0 6px 16px rgba(16,43,58,.08);transform:translateY(-1px)}
.calc-section .gd-answer.is-selected{transform:none;box-shadow:inset 0 0 0 1px var(--cf-forest,#205a42),0 0 0 4px rgba(32,90,66,.12)}
.calc-section .gd-nav[hidden]{display:none}
.calc-section .gd-text{align-self:start}
.calc-bonus{display:grid;grid-template-columns:auto 1fr;align-items:baseline;column-gap:8px;padding:14px 15px!important;margin-bottom:24px!important}
.calc-bonus>strong{font-size:30px!important;margin:0!important;line-height:1!important}
.calc-bonus>strong small{font-size:17px!important}
.calc-bonus>span{font-size:13px!important;font-weight:700;color:#234c31!important}
.calc-bonus>p{grid-column:1/-1;margin-top:6px!important}
.calc-left{display:grid;gap:12px;align-content:start}
.calc-lead{margin:0;font-size:15px;font-weight:700;color:#294d30}
.calc-get li span{font-size:15px}
.calc-get li:first-letter{text-transform:uppercase}
.calc-data summary{list-style:none}
.calc-data summary::-webkit-details-marker{display:none}
.calc-data summary:after{content:' ↓'}
.calc-data[open] summary:after{content:' ↑'}
.calc-final{grid-template-columns:minmax(0,1fr) minmax(0,380px)}
.calc-final>.calc-data{grid-column:auto}
.calc-left .cf-answer-summary{margin:0}
/* chat button */
.capture-chat-launcher{transition:opacity .2s}
@media(max-width:1399px){body.calc-in-view .capture-chat-launcher,body.calc-in-view .chat-teaser{opacity:0;pointer-events:none}}
@media(min-width:1400px){body.calc-in-view .capture-chat-launcher{padding:3px;gap:0;border-radius:50%}body.calc-in-view .capture-chat-launcher>span{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}body.calc-in-view .capture-chat-launcher img{width:52px;height:52px}body.calc-in-view .chat-teaser{opacity:0;pointer-events:none}}
@media(max-width:760px){
 .calc-section .gd-layout{grid-template-columns:1fr;gap:10px}
 .calc-section .gd-layout>.gd-visual{order:0;display:grid!important;grid-template-columns:72px minmax(0,1fr);align-items:stretch;border-radius:12px}
 .calc-section .gd-visual img{aspect-ratio:auto;height:100%;min-height:72px;max-height:none}
 .calc-section .gd-visual figcaption{padding:8px 10px;font-size:12px}
 .calc-section .gd-visual figcaption strong{font-size:12.5px}
 .calc-section .gd-visual figcaption span{font-size:11.5px}
 .calc-section .gd-visual .gd-reply{display:block!important;margin-top:4px;padding:0;border:0;background:none;font-size:12px;line-height:1.4}
 .calc-section .gd-visual .gd-reply.is-law{color:#7a2f22}
 .calc-section .gd-answers,.calc-section .gd-answers:has(>:nth-child(6)){grid-template-columns:1fr 1fr;gap:6px}
 .calc-section .gd-answers:not(:has(>:nth-child(4))){grid-template-columns:1fr}
 .calc-section .gd-answer{min-height:42px}
 .calc-section .gd-answer:hover{transform:none;box-shadow:none}
 .calc-final{grid-template-columns:1fr}
 .calc-left{gap:6px}
 .calc-lead{font-size:13px}
 .calc-get li span{font-size:12px}
 .calc-data{display:none}
}
@media(max-width:760px){
 .calc-section{padding-top:34px}
 .calc-head{gap:10px}
 .calc-head-side{gap:10px}
 .calc-head-side p{font-size:15px}
 .calc-promise{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}
 .calc-promise li{flex-direction:column;justify-content:center;text-align:center;gap:4px;padding:8px 4px;border-radius:12px;font-size:11.5px;line-height:1.25}
}