/* «Сайт і форми»: панелі кроків — публікація, меню з підсторінок, свій домен, форма заявок, оновлення наживо */
.pb{position:absolute;inset:44px 14px 14px;display:grid;gap:12px;align-content:start}
.ed{display:grid;gap:8px;padding:14px;border-radius:12px;border:1px solid var(--line2);background:var(--card-in)}
.ed .top{display:flex;align-items:center;gap:10px;font-size:12.5px;color:var(--ink3)}
.ed .pub{margin-left:auto}
.ed h4{font:800 19px/1.1 var(--f-disp);letter-spacing:-.03em;margin:4px 0}
.ed p{margin:0;font-size:13px;color:var(--ink2)}
.lnk{display:flex;gap:8px;align-items:center;padding:8px 10px;border-radius:9px;border:1px solid var(--line2);background:var(--card);font:500 12.5px var(--f-mono);color:var(--ink);opacity:0}
.lnk b{margin-left:auto;font:600 12px var(--f-body);color:var(--c)}
.brw{border-radius:12px;border:1px solid var(--line2);background:var(--card);overflow:hidden;opacity:0;transform-origin:50% 0}
.brw .bb{display:flex;gap:8px;align-items:center;padding:8px 10px;border-bottom:1px solid var(--line)}
.brw .bb .dots{display:flex;gap:4px}.brw .bb .dots i{width:8px;height:8px;border-radius:3px;background:var(--card-in2)}
.brw .bb .ad{flex:1;min-width:0;padding:4px 9px;border-radius:6px;background:var(--card-in);font:500 12px var(--f-mono);color:var(--ink2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.brw .bc{padding:14px 16px;display:grid;gap:6px}
.brw .bc h4{font:800 18px/1.1 var(--f-disp);letter-spacing:-.03em;margin:0}
.brw .bc p{margin:0;font-size:12.5px;color:var(--ink2)}
.lock{display:inline-block;width:10px;height:9px;border:1.6px solid var(--c-dg);border-radius:2px;position:relative;margin-right:6px;vertical-align:-1px}
.lock::before{content:"";position:absolute;left:1px;right:1px;top:-6px;height:6px;border:1.6px solid var(--c-dg);border-bottom:0;border-radius:4px 4px 0 0}

.mn{position:absolute;inset:44px 14px 14px;display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:16px;align-content:start}
.tree{display:grid;gap:4px;padding:12px;border-radius:12px;border:1px solid var(--line);background:var(--card-in);font-size:13px;color:var(--ink2);align-content:start}
.tree div{display:flex;gap:8px;align-items:center;padding:6px 8px;border-radius:7px}
.tree div::before{content:"";width:13px;height:13px;border-radius:4px;border:1.5px solid currentColor;opacity:.6}
.tree .sub{margin-left:18px}
.tree div.hl{background:color-mix(in srgb,var(--c) 16%,transparent);color:var(--ink)}
.mn .brw{opacity:1}
.wn{display:flex;gap:14px;align-items:center;padding:10px 16px;border-bottom:1px solid var(--line);font-size:12.5px;color:var(--ink2);min-height:40px}
.wn b{margin-right:auto;color:var(--ink);font-size:13px}
.wn span{opacity:0}

.dm{position:absolute;inset:44px 14px 14px;display:grid;gap:14px;align-content:start}
.dm .brw{opacity:1}
.dmn{display:grid;grid-template-columns:auto 1fr;gap:8px 14px;padding:12px 14px;border-radius:12px;border:1px dashed var(--line2);font-size:13px;color:var(--ink3);opacity:0}
.dmn b{color:var(--ink);font-weight:600}

.fm{position:absolute;inset:44px 14px 14px;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px;align-content:start}
.fm .brw{opacity:1;position:relative;min-height:270px} /* форма заявки відкривається всередині вікна сайту — місце під неї цілком (раніше обрізалась) */
.fm .cta{justify-self:start;margin-top:6px;padding:7px 12px;border-radius:8px;background:var(--c);color:var(--ev-ink);font-weight:700;font-size:12.5px}
.fm .modal{position:absolute;left:14px;right:14px;top:56px;display:grid;gap:7px;padding:12px;border-radius:12px;background:var(--menu);border:1px solid var(--line2);box-shadow:var(--shadow);font-size:12.5px;opacity:0}
.fm .modal label{display:grid;gap:3px;color:var(--ink3);font-size:11.5px}
.fm .modal label span{display:block;min-height:26px;padding:5px 8px;border-radius:7px;border:1px solid var(--line2);color:var(--ink);font-size:12.5px}
.fm .modal .send{justify-self:start;padding:6px 11px;border-radius:7px;background:var(--c);color:var(--ev-ink);font-weight:700}
.fm .ltab{display:grid;gap:5px;align-content:start}
.fm .ltab div{display:grid;grid-template-columns:1.3fr 1fr .9fr;gap:8px;padding:8px 10px;border-radius:8px;background:var(--card-in);font-size:12.5px;color:var(--ink2)}
.fm .ltab div:first-child{background:none;font:500 11px var(--f-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--ink3)}
.fm .ltab .nw{opacity:0}

.lv{position:absolute;inset:44px 14px 14px;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px;align-content:start}
.lv .ed,.lv .brw{opacity:1}
.prl{display:grid;grid-template-columns:1fr auto;gap:6px 14px;font-size:13px;color:var(--ink2);padding-top:6px;border-top:1px solid var(--line)}
.prl b{color:var(--ink);font-variant-numeric:tabular-nums}
.prl b.ed2{outline:2px solid color-mix(in srgb,var(--c) 50%,transparent);outline-offset:2px;border-radius:3px}
@media (max-width:640px),(pointer:coarse) and (max-width:1100px){.mn,.fm,.lv{grid-template-columns:1fr} /* дерево сторінок і редактор лишаються й на телефоні — інакше меню й ціна мінялись «самі» */}