/* Дополнения Claude, 23.10.2026: «Пять шагов» и «Предварительный расчёт». Базовые файлы дизайна не изменены. */
.estimate-row{display:flex;flex-wrap:wrap;gap:14px 16px;align-items:center}
.button-outline-light{background:transparent;color:#f5ecd6;border-color:#e6ca96aa}
.button-outline-light:hover{background:#e6ca9614;border-color:#efd399;transform:translateY(-2px)}
.button-outline{background:transparent;color:var(--green);border-color:#c9ad74}
.button-outline:hover{background:#dbb56d1f;transform:translateY(-2px)}
.contact-inner .estimate-row{margin-top:6px}

/* Пять шагов */
.steps-section{border-top:1px solid var(--line)}
.steps-section .side-note{max-width:380px;text-align:right}
.steps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));border-top:1px solid #c9b48a}
.steps li{padding:30px 26px 34px;border-right:1px solid var(--line);min-width:0}
.steps li:first-child{padding-left:0}
.steps li:last-child{border-right:0;padding-right:0}
.step-num{display:block;font:500 50px/1 var(--serif);color:#b28e47;margin-bottom:24px;letter-spacing:-.02em}
.steps h3{font-size:31px;line-height:1.05;margin-bottom:15px}
.steps h3 em{white-space:nowrap}
.steps p{font-size:13px;line-height:1.8;color:var(--muted);margin:0}
.steps-footer{display:flex;align-items:center;justify-content:space-between;gap:24px 40px;flex-wrap:wrap;margin-top:44px;padding:30px 34px;background:var(--paper);border:1px solid #e1d3b4;border-radius:6px}
.steps-footer-title{font:500 30px/1.15 var(--serif);letter-spacing:-.02em;color:var(--green);margin:0 0 10px}
.steps-footer-title em{font-weight:400}
.steps-footer-note{font-size:12px;line-height:1.7;color:var(--muted);margin:0;max-width:600px}

/* Окно предварительного расчёта */
.estimate-dialog{width:min(760px,calc(100% - 36px))}
.estimate-dialog h2{font-size:52px}
.estimate-intro{margin-top:16px}
.estimate-form{display:grid;grid-template-columns:1fr 1fr;gap:18px 20px;margin-top:26px}
.estimate-form .full{grid-column:1/-1}
.estimate-form label{display:block;font-size:10px;font-weight:650;letter-spacing:.08em;color:#806b43;margin-bottom:7px}
.estimate-form input,.estimate-form select,.estimate-form textarea{width:100%;font:14px/1.4 var(--sans);color:var(--green);background:#fffdf7;border:1px solid #d6c5a2;border-radius:4px;padding:12px 13px}
.estimate-form textarea{min-height:92px;resize:vertical}
.estimate-form input:focus,.estimate-form select:focus,.estimate-form textarea:focus{outline:2px solid #b98a3c;outline-offset:1px;border-color:#b98a3c}
.estimate-dialog .estimate-disclaimer{display:flex;gap:13px;align-items:flex-start;margin:0;padding:15px 17px;background:#f4e4bf;border:1px solid #e3c587;border-radius:6px;font-size:12px;line-height:1.65;color:#4a4632}
.estimate-disclaimer svg{flex:0 0 20px;width:20px;height:20px;fill:none;stroke:#a7802f;stroke-width:1.8;margin-top:1px}
.estimate-disclaimer b{font-weight:650}
.estimate-send{display:flex;flex-wrap:wrap;gap:12px 14px;align-items:center}
.estimate-dialog .estimate-hint{font-size:11px;margin:0}

@media(max-width:1150px){.steps{grid-template-columns:repeat(3,minmax(0,1fr))}.steps li:nth-child(3){border-right:0;padding-right:0}.steps li:nth-child(4){padding-left:0}.steps li:nth-child(n+4){border-top:1px solid var(--line)}.steps h3{font-size:28px}}
@media(max-width:900px){.steps-section .heading-row{display:block}.steps-section .side-note{text-align:left;margin-top:18px}}
@media(max-width:640px){
  .steps{grid-template-columns:1fr}
  .steps li{padding:22px 0!important;border-right:0!important;border-top:1px solid var(--line);display:grid;grid-template-columns:54px 1fr;column-gap:14px}
  .steps li:first-child{border-top:0}
  .step-num{font-size:36px;margin:0;grid-row:1/3}
  .steps h3{font-size:27px;margin-bottom:8px}
  .steps-footer{padding:22px 20px}
  .steps-footer-title{font-size:25px}
  .estimate-row .button{width:100%}
  .estimate-dialog h2{font-size:40px}
  .estimate-form{grid-template-columns:1fr}
  .estimate-send .button{width:100%}
}
