/* AI-ДОМ 2.4.0. All rules scoped to the calculator. */
.cost-grid{display:grid;grid-template-columns:1fr 1fr;gap:26px;align-items:start}.cost-fields{background:var(--white);border:1px solid #d4dbc9;border-radius:14px;padding:30px;min-width:0}.cost-field{margin:0 0 25px;padding:0;border:0;min-width:0}.cost-field legend{padding:0;margin-bottom:13px;display:flex;align-items:center;gap:10px;font-size:13px;color:var(--ink)}.cost-field legend>span{font-size:10px;color:var(--accent)}.cost-options{display:grid;gap:7px}.area-options{grid-template-columns:repeat(5,minmax(0,1fr))}.floor-options{grid-template-columns:repeat(2,minmax(0,1fr))}.shape-options,.facade-options{grid-template-columns:repeat(3,minmax(0,1fr))}.cost-options button{background:#f7f6ef;border:1px solid #d5dccb;color:var(--muted);padding:11px 5px;min-height:46px;border-radius:7px;font-size:12px;line-height:1.4;font-weight:400;min-width:0;transition:background .18s,border-color .18s}.cost-options button:hover{border-color:#809477;background:#edf1e6}.cost-options button.active{border-color:#607955;background:#e8eedf;color:#273c2c;box-shadow:inset 0 0 0 .5px #607955}.shape-options button{display:flex;flex-direction:column;align-items:center;padding:14px 5px 12px;font-size:10px;gap:9px;min-height:94px}.shape-options small{display:block;font-size:10px;color:#87927e;margin-top:3px}.shape-icon{height:19px;width:19px;display:block;border:1px solid #8b9b7e;background:#c5d4ba40}.shape-1{width:26px}.shape-2{width:34px}.facade-options button{display:flex;align-items:center;justify-content:center;gap:6px;font-size:11px}.facade-dot{display:block;width:12px;height:12px;border:1px solid #aaa795;border-radius:50%;flex-shrink:0}.facade-plaster{background:#dfdacc}.facade-siding{background:#849186}.facade-brick{background:#ad7c61}.cost-submit{width:100%;font-size:14px;min-height:50px}.cost-error:empty{display:none}.cost-error{font-size:12px;line-height:1.7;color:#805931;background:#f2e8d5;border:1px solid #dccaab;border-radius:7px;padding:12px;margin:15px 0 0}.cost-house-visual{margin-top:20px;border:1px solid #d6ddcd;border-radius:8px;overflow:hidden;background:#f5f3eb}.cost-house-zoom{width:100%;padding:0;border:0;background:none;text-align:left;display:block;cursor:zoom-in;color:var(--ink)}.cost-house-zoom img{width:100%;height:auto;aspect-ratio:1.5;object-fit:contain;display:block}.cost-house-zoom>span{padding:11px 13px;display:flex;justify-content:space-between;align-items:center;gap:15px;font-size:10px;border-top:1px solid #d6ddcd}.cost-house-zoom b{font-size:10px;font-weight:400;color:var(--accent);white-space:nowrap}.cost-illustration-note{font-size:10px;line-height:1.7;margin:12px 0 0;color:#777e70}.cost-result{background:var(--forest);border-radius:14px;padding:33px;color:var(--paper);min-width:0;scroll-margin-top:calc(var(--header) + 18px)}.cost-placeholder{position:relative;min-height:524px;display:flex;flex-direction:column;justify-content:center}.cost-placeholder .eyebrow{color:#bcb39b;font-size:10px;margin-bottom:23px}.cost-symbol{position:absolute;top:0;right:0;font-size:38px;color:#d4c3a4;opacity:.5;line-height:1}.cost-placeholder h3{font:42px/1.1 var(--serif);letter-spacing:-.04em;max-width:310px;margin:0 0 23px;color:#ececdd}.cost-placeholder>p:not(.eyebrow){color:#b6c5ae;font-size:13px;line-height:1.85;max-width:370px;margin-bottom:24px}.cost-placeholder-list{border-top:1px solid #ffffff22;margin-top:0}.cost-placeholder-list>span{display:flex;align-items:baseline;gap:15px;font-size:10px;color:#b8a68b;padding:15px 0;border-bottom:1px solid #ffffff22}.cost-placeholder-list b{font-size:12px;font-weight:400;color:#d5ddca}.cost-placeholder .cost-placeholder-note{font-size:10px!important;margin:24px 0 0!important;color:#a8b69e!important}.cost-ready>.eyebrow{color:#bcae91;font-size:10px;margin-bottom:12px}.cost-total{font:clamp(30px,3vw,47px)/1.15 var(--serif);letter-spacing:-.035em;white-space:nowrap;font-variant-numeric:tabular-nums}.cost-per-m2{color:#bdd0b1;font-size:12px;margin:10px 0 18px}.cost-parameters{font-size:10px;line-height:1.8;color:#b7c3ad;margin-bottom:24px;padding-bottom:18px;border-bottom:1px solid #ffffff25}.cost-stage-bars{margin-bottom:24px}.cost-stage-line{margin:0 0 18px}.cost-stage-line>div:first-child{display:flex;align-items:center;justify-content:space-between;gap:14px;font-size:12px}.cost-stage-line>div>span{display:flex;align-items:center;gap:8px;line-height:1.5}.cost-stage-line strong{font-weight:400;white-space:nowrap;font-size:13px;font-variant-numeric:tabular-nums}.cost-stage-dot{display:inline-block;width:6px;height:6px;border-radius:50%;flex-shrink:0}.cost-bar{height:3px;border-radius:3px;background:#ffffff18;margin:10px 0 4px;overflow:hidden}.cost-bar span{display:block;height:100%}.cost-stage-line>small{font-size:9px;color:#9fae95}.cost-result .warm{background:#bfd0a8}.cost-result .engineering{background:#d3b588}.cost-result .rough{background:#a9c7bf}.cost-result .finish{background:#c1b8cf}.cost-details{border-block:1px solid #ffffff2a;margin-bottom:24px}.cost-details>summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:15px;font-size:13px;padding:16px 0;min-height:48px}.cost-details>summary::-webkit-details-marker{display:none}.cost-details>summary>span{font-size:23px;color:#cab595}.cost-details[open]>summary>span{transform:rotate(45deg)}.cost-stage-details{padding:0;border-top:1px solid #ffffff20}.cost-stage-details>summary{font-size:12px;line-height:1.65;padding:15px 0;display:flex;flex-direction:column;gap:3px;cursor:pointer;list-style:disclosure-closed;min-height:48px}.cost-stage-details>summary>span::after{content:' ↓';color:#b4c2a7;margin-left:8px}.cost-stage-details[open]>summary>span::after{content:' ↑'}.cost-stage-details>summary>b{font-size:13px;font-weight:400;color:#d0b899}.cost-stage-details>p{font-size:11px;line-height:1.8;color:#b3c2a8;margin:0 0 16px}.cost-item{padding:13px 0;border-top:1px solid #ffffff16;display:grid;grid-template-columns:1fr auto;gap:14px;font-size:11px;line-height:1.75}.cost-item>span>small{display:block;font-size:9px;line-height:1.7;color:#a6b799;margin-top:6px}.cost-item strong{font-weight:400;white-space:nowrap;color:#e7e7d9;font-size:11px}.cost-send{width:100%;font-size:14px}.cost-result-reset{display:block;background:none;border:0;color:#b3c3a8;font-size:11px;padding:12px;min-height:44px;width:100%;margin-top:5px}.cost-note{font-size:10px;line-height:1.85;color:#a0b495;margin:10px 0 0}.cost-modal .dialog-scroll{padding:24px}.cost-modal .cost-fields{padding:24px}.cost-modal .cost-result{padding:27px}.cost-modal .cost-grid{gap:20px}.cost-modal .cost-placeholder{min-height:524px}.cost-modal .cost-total{font-size:40px}.cost-modal .shape-options button{font-size:10px}.cost-modal .cost-field{margin-bottom:22px}
@media(max-width:1100px){.cost-fields{padding:25px}.cost-result{padding:28px}.cost-grid{gap:20px}.cost-placeholder h3{font-size:37px}.cost-stage-line>div:first-child{font-size:11px;gap:9px}.cost-stage-line strong{font-size:12px}.cost-total{font-size:37px}.cost-modal .cost-total{font-size:36px}.cost-house-zoom>span{font-size:9px;padding:10px}.cost-house-zoom b{font-size:9px}}
@media(max-width:900px){.cost-grid{gap:16px}.cost-fields{padding:23px 20px}.cost-result{padding:25px 23px}.cost-options button{font-size:11px}.area-options{gap:5px}.shape-options{gap:5px}.shape-options button{font-size:9px}.facade-options{gap:5px}.facade-options button{font-size:10px;gap:4px}.facade-dot{width:10px;height:10px}.cost-placeholder h3{font-size:33px}.cost-placeholder>p:not(.eyebrow){font-size:12px}.cost-placeholder-list b{font-size:11px}.cost-placeholder{min-height:560px}.cost-total{font-size:32px}.cost-stage-line>div:first-child{align-items:flex-start;font-size:10px;gap:9px}.cost-stage-line strong{font-size:11px}.cost-send{font-size:12px;padding-inline:16px}.cost-house-zoom>span{display:block}.cost-house-zoom b{display:block;font-size:10px;margin-top:3px}.cost-modal .cost-fields,.cost-modal .cost-result{padding:22px}.cost-modal .dialog-scroll{padding:18px}.cost-modal .cost-grid{gap:14px}.cost-modal .cost-total{font-size:30px}.cost-modal .cost-placeholder{min-height:575px}.cost-item{grid-template-columns:1fr;gap:6px}}
@media(max-width:760px){.cost-grid,.cost-modal .cost-grid{grid-template-columns:1fr;gap:18px}.cost-fields,.cost-modal .cost-fields{padding:25px}.cost-result,.cost-modal .cost-result{padding:28px}.cost-placeholder,.cost-modal .cost-placeholder{min-height:0;padding:15px 0 0}.cost-placeholder h3{font-size:36px}.cost-placeholder>p:not(.eyebrow){font-size:13px;max-width:100%}.cost-placeholder-list b{font-size:12px}.cost-placeholder .cost-placeholder-note{margin-top:20px!important}.cost-total,.cost-modal .cost-total{font-size:40px}.cost-options button{font-size:12px}.shape-options button,.cost-modal .shape-options button{font-size:11px}.facade-options button{font-size:12px}.cost-stage-line>div:first-child{font-size:12px}.cost-stage-line strong{font-size:13px}.cost-send{font-size:14px}.cost-house-zoom>span{display:flex;font-size:11px}.cost-house-zoom b{display:inline;font-size:11px;margin:0}.cost-item{grid-template-columns:1fr auto;gap:14px}.cost-modal .dialog-scroll{padding:16px}.cost-result{scroll-margin-top:16px}.constructor-section .cost-result{scroll-margin-top:calc(var(--header) + 14px)}.cost-placeholder .cost-symbol{top:0}}
@media(max-width:640px){.cost-fields,.cost-modal .cost-fields{padding:22px 19px}.cost-field{margin-bottom:23px}.cost-field legend{font-size:13px;gap:10px}.cost-options{gap:5px}.cost-options button{font-size:11px;min-height:46px}.shape-options button,.cost-modal .shape-options button{font-size:9px;min-height:94px;gap:10px;letter-spacing:-.02em}.shape-options small{font-size:10px}.facade-options button{font-size:10px;gap:5px;padding-inline:3px}.cost-submit{font-size:13px;min-height:50px}.cost-house-visual{margin-top:19px}.cost-house-zoom>span{font-size:10px;padding:11px 10px;gap:10px}.cost-house-zoom b{font-size:10px}.cost-illustration-note{font-size:9px}.cost-result,.cost-modal .cost-result{padding:26px 22px}.cost-total,.cost-modal .cost-total{font-size:clamp(31px,8.7vw,43px)}.cost-placeholder h3{font-size:36px}.cost-placeholder .cost-symbol{font-size:30px}.cost-ready>.eyebrow{font-size:9px}.cost-per-m2{font-size:11px}.cost-parameters{font-size:9px}.cost-stage-line>div:first-child{font-size:11px;gap:10px;align-items:center}.cost-stage-line strong{font-size:12px}.cost-details>summary{font-size:12px}.cost-item{grid-template-columns:1fr;gap:5px;font-size:11px}.cost-item strong{font-size:12px}.cost-send{font-size:13px;padding:13px 17px;gap:10px}.cost-note{font-size:9px}.cost-modal .dialog-scroll{padding:12px}.cost-modal .cost-fields{padding:20px 16px}.cost-modal .cost-result{padding:24px 20px}.cost-error{font-size:11px}.cost-modal .cost-total{font-size:34px}}
@media(max-width:370px){.cost-fields,.cost-modal .cost-fields{padding:20px 15px}.area-options{grid-template-columns:repeat(3,minmax(0,1fr))}.shape-options button,.cost-modal .shape-options button{font-size:8px;gap:9px;min-height:92px}.facade-options button{font-size:9px;gap:4px}.cost-house-zoom>span{display:block}.cost-house-zoom b{display:block;margin-top:4px}.cost-result,.cost-modal .cost-result{padding:24px 18px}.cost-total,.cost-modal .cost-total{font-size:30px}.cost-stage-line>div:first-child{font-size:10px;gap:8px}.cost-stage-line strong{font-size:11px}.cost-placeholder h3{font-size:32px}.cost-placeholder-list b{font-size:11px}.cost-send{font-size:12px}}
