/* metzia v3 — системные страницы (перенос specs/metzia-design-v3/system.html): шаббат, 404/500, תנאים/פרטיות */
:root{--gold:#b58a3c}
:root[data-theme=dark]{--gold:#d9b46a}

/* шаббат: вся система закрыта */
.shab{min-height:100dvh;display:grid;place-items:center;padding:40px 20px;background:radial-gradient(60% 50% at 50% 30%,color-mix(in srgb,var(--gold) 14%,transparent),transparent 70%),var(--bg)}
.shab .box{max-width:520px;text-align:center}
.shab .lg{display:inline-flex;align-items:center;gap:9px;font-weight:600;font-size:21px;letter-spacing:-.01em;justify-content:center;margin-bottom:34px}
.shab .lg i{width:28px;height:28px;border-radius:8px;background:var(--pri);color:var(--on-pri);display:grid;place-items:center;font-style:normal;font-size:16px;font-weight:600}
.cand{display:flex;justify-content:center;gap:22px;margin-bottom:22px;color:var(--gold)}
.cand svg{overflow:visible}
@media (prefers-reduced-motion:no-preference){.cand .fl{transform-origin:50% 100%;animation:fl 2.4s ease-in-out infinite alternate}.cand svg+svg .fl{animation-delay:.9s}@keyframes fl{to{transform:scale(.92,1.06) rotate(-2deg)}}}
.shab h1{font-size:38px;font-weight:500;letter-spacing:-.02em}
.shab .par{font-size:15px;color:var(--ink2);margin-top:6px}
.shab .lead{font-size:17px;line-height:1.6;margin-top:22px;color:var(--ink)}
.shab .ret{display:inline-flex;align-items:center;gap:10px;margin-top:20px;padding:12px 18px;border-radius:14px;background:var(--card);border:1px solid var(--line);font-size:15px}
.shab .ret b{font-size:20px;font-weight:600}
.shab .small{font-size:13.5px;color:var(--ink3);margin-top:22px;line-height:1.6}

/* 404 / 500 */
.err{padding:9vh 0 20px;display:grid;grid-template-columns:minmax(0,1fr) 380px;gap:48px;align-items:center}
.err .code{font-size:13px;color:var(--ink3);font-weight:500;letter-spacing:.02em}
.err h1{font-size:34px;font-weight:500;letter-spacing:-.02em;margin-top:6px;line-height:1.2;text-wrap:balance}
.err p{font-size:16px;color:var(--ink2);margin-top:10px;line-height:1.6;max-width:52ch}
.erq{display:flex;align-items:center;gap:6px;height:56px;border-radius:999px;padding:0 6px;padding-inline-start:18px;margin-top:24px;max-width:560px;border:1.5px solid transparent;background:linear-gradient(var(--card),var(--card)) padding-box,var(--ai-grad) border-box}
.erq>svg{color:var(--c)}
.erq input{flex:1;min-width:0;border:0;outline:0;background:none;font:inherit;font-size:16px;padding:0 6px;color:var(--ink)}
.erq input::placeholder{color:var(--ink3)}
.erq .snd{width:44px;height:44px;border-radius:50%;background:var(--pri);color:var(--on-pri);display:grid;place-items:center;flex:0 0 auto}
.go{display:flex;gap:8px;flex-wrap:wrap;margin-top:18px}
.tile{display:grid;gap:10px}
.tile a{display:grid;grid-template-columns:44px 1fr auto;gap:12px;align-items:center;padding:12px 14px;border-radius:14px;background:var(--card);border:1px solid var(--line)}
.tile a:hover{border-color:var(--line-h)}
.tile a i{width:44px;height:44px;border-radius:12px;display:grid;place-items:center}
.tile a b{font-weight:500;display:block}.tile a small{font-size:13px;color:var(--ink2)}
.tile .re i{background:var(--re-bg);color:var(--re-ink)}.tile .car i{background:var(--car-bg);color:var(--car-ink)}.tile .pr i{background:var(--pr-bg);color:var(--pr-ink)}
.stat{display:flex;align-items:center;gap:8px;margin-top:22px;font-size:13.5px;color:var(--ink3)}

/* юридические страницы */
.legal{display:grid;grid-template-columns:220px minmax(0,1fr);gap:48px;padding-top:32px;align-items:start}
.legal .toc{position:sticky;top:calc(var(--hdr) + 20px);display:flex;flex-direction:column;gap:2px;font-size:14px}
.legal .toc b{font-size:12.5px;color:var(--ink3);font-weight:500;padding:0 10px 6px}
.legal .toc a{padding:6px 10px;border-radius:8px;color:var(--ink2)}.legal .toc a:hover{background:var(--hov);color:var(--ink)}
.legal .toc a.on{color:var(--ink);font-weight:500;box-shadow:inset -2px 0 0 var(--ink)}
.doc{max-width:68ch}
.doc h1{font-size:32px;font-weight:500;letter-spacing:-.02em}
.doc .meta{font-size:13.5px;color:var(--ink3);margin-top:6px}
.doc .sum{margin-top:22px;padding:16px 18px;border-radius:14px;background:var(--bn-tint);border:1px solid var(--c-line);font-size:15px;line-height:1.7}
.doc .sum b{font-weight:600;display:block;margin-bottom:4px}
.doc .sum ul{padding-inline-start:18px}
.doc h2{font-size:19px;font-weight:500;margin-top:34px;scroll-margin-top:calc(var(--hdr) + 20px)}
.doc p,.doc li{font-size:15.5px;line-height:1.75;color:var(--ink)}
.doc p{margin-top:10px}
.doc ul{margin-top:8px;padding-inline-start:20px}
.doc li+li{margin-top:4px}
.draft{display:inline-flex;align-items:center;gap:6px;font-size:12.5px;padding:2px 10px;border-radius:999px;background:var(--warn-bg);border:1px solid var(--warn-line);color:var(--warn);margin-inline-start:8px;vertical-align:middle}

/* צרו קשר (/contact): форма + колонка «אפשר גם» */
.ct{display:grid;grid-template-columns:minmax(0,560px) 280px;gap:56px;padding:40px 0 56px;align-items:start}
.ct h1{font-size:32px;font-weight:500;letter-spacing:-.02em}
.ct .lead{font-size:16px;color:var(--ink2);margin-top:6px}
.ct-f{display:flex;flex-direction:column;gap:12px}
.ct-f fieldset{border:0;margin-top:14px}.ct-f legend{font-size:13px;color:var(--ink3);margin-bottom:8px}
.ct-f .opts{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}
.ct-f textarea{min-height:140px;line-height:1.6}
.ct-2{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.ct-me{display:flex;align-items:center;gap:6px;font-size:14px;color:var(--ink2)}
.ct-err{padding:10px 14px;border-radius:10px;background:var(--err-bg);border:1px solid var(--err-line);color:var(--err);font-size:14px;margin-top:8px}
.ct-hp{position:absolute;inset-inline-start:-9999px;width:1px;height:1px;opacity:0}
.ct .go{margin-top:4px}.ct .fine{font-size:12.5px;color:var(--ink3)}
.ct-alt{border:1px solid var(--line);border-radius:14px;background:var(--card);padding:16px;display:flex;flex-direction:column;gap:14px;margin-top:8px}
.ct-alt b{font-size:13px;font-weight:500;color:var(--ink3)}
.ct-alt a,.ct-alt p{display:flex;gap:10px;align-items:flex-start;font-size:14.5px}.ct-alt a:hover span{text-decoration:underline}
.ct-alt svg{color:var(--pri);margin-top:2px}.ct-alt small{display:block;font-size:13px;color:var(--ink3)}
.ct-ok{padding-top:4vh}.ct-ok i{width:52px;height:52px;border-radius:50%;background:var(--pri-tint);color:var(--pri);display:grid;place-items:center}
.ct-ok h1{margin-top:16px}.ct-ok p{font-size:16px;color:var(--ink2);margin-top:6px}
@media (max-width:900px){
  .err{grid-template-columns:1fr;padding-top:5vh;gap:28px}.err h1{font-size:26px}
  .legal{grid-template-columns:1fr;gap:16px}.legal .toc{position:static;flex-direction:row;overflow-x:auto;scrollbar-width:none}.legal .toc b{display:none}.legal .toc a{white-space:nowrap;border:1px solid var(--line);border-radius:999px}.legal .toc a.on{box-shadow:none;background:var(--pri);color:var(--on-pri)}
  .doc h1{font-size:25px}
  .shab h1{font-size:30px}
  .ct{grid-template-columns:1fr;gap:24px;padding-top:24px}.ct h1{font-size:25px}.ct-2{grid-template-columns:1fr}
}