/* Общие дополнения сайта поверх стилей страниц (static/css/<page>.css). */
.hp{position:absolute!important;left:-9999px!important;width:1px!important;height:1px!important;opacity:0}
.formok{grid-column:1/-1;border:1.5px solid var(--orange);background:rgba(238,106,31,.1);border-radius:14px;padding:22px 24px;color:inherit}
.formok b{display:block;font-size:17px;font-weight:600}
.formok p{margin-top:6px;font-size:15px;opacity:.8}
form.htmx-request .btn{opacity:.6;pointer-events:none}
.chip{user-select:none}
.input::placeholder{color:#9AA3AA;opacity:1}
.range input{position:absolute;left:0;right:0;top:-12px;width:100%;height:30px;margin:0;opacity:0;cursor:pointer}
html{scroll-behavior:smooth}
section[id]{scroll-margin-top:90px}
[hidden]{display:none!important}
.empty{margin-top:40px;font-size:17px;color:var(--muted)}
label.chip{cursor:pointer}
.sel select{appearance:none;-webkit-appearance:none;border:0;background:transparent;font:inherit;color:inherit;cursor:pointer;outline:0;padding:0}
a.plan{display:block}
.plan .ph{text-align:center;padding:0 24px}
.plan .planimg{background:#fff;border-style:solid}
.plan .planimg img{width:100%;height:100%;object-fit:contain}

/* Заявка на расчёт стоимости — design/about.html. */
body.cost-open{overflow:hidden}
.cost-overlay{position:fixed;inset:0;z-index:100;background:rgba(31,38,44,.72);display:flex;align-items:center;justify-content:center;padding:24px;overflow-y:auto}
.cost-dialog{position:relative;width:100%;max-width:560px;max-height:calc(100dvh - 48px);overflow-y:auto;background:var(--paper);border-radius:24px;padding:44px;box-shadow:0 30px 80px rgba(0,0,0,.25)}
.cost-close{position:absolute;right:18px;top:18px;width:40px;height:40px;border:1px solid var(--line);border-radius:10px;background:transparent;color:var(--ink);font:400 28px/1 var(--body);cursor:pointer}
.cost-dialog .eyebrow{margin-bottom:18px;padding-right:32px}
.cost-dialog h2{font-size:30px;line-height:1.2;max-width:400px}
.cost-intro{color:var(--muted);font-size:16px;margin:16px 0 26px}
.cost-form{display:grid;gap:16px}
.cost-form label{display:grid;gap:7px;font-size:14px;font-weight:600}
.cost-form label span{color:var(--muted);font-weight:400}
.cost-form textarea.input{height:96px;resize:vertical}
.cost-form .btn{width:100%;margin-top:4px}
.cost-form .consent a{text-decoration:underline;text-underline-offset:3px}
.cost-form .input:focus-visible,.cost-close:focus-visible{outline:2px solid var(--orange);outline-offset:3px}
@media(max-width:600px){.cost-overlay{padding:12px}.cost-dialog{padding:32px 24px;max-height:calc(100dvh - 24px);border-radius:20px}.cost-dialog h2{font-size:25px}.cost-dialog .eyebrow{font-size:11px}.cost-intro{font-size:15px}}