/* metzia — дизайн v3 «ו» (specs/metzia-design-v3, утверждён 12.10.2026): токены, шапка, подвал, нижняя панель.
   Грузится на всех страницах. Компоненты страниц — v3ui.css (только на перенесённых страницах, без metzia.css/v2.css). */
:root{
  --bg:#fafafa; --card:#fff; --ink:#1b1b1b; --ink2:#5f5f5f; --ink3:#8c8c8c;
  --line:#e7e7e7; --line2:#efefef; --hov:#f2f2f2; --act:#f0f0f0;
  /* бренд — изумруд (решение владельца 14.10.2026): кнопки, выбранные состояния, ссылки «לכל…», акцент агента */
  --pri:#0f8a63; --pri-h:#0c7554; --on-pri:#fff; --pri-tint:#e6f4ee; --pri-ink:#0b6b4c; --pri-line:#b9e0cf;
  --c:#0f8a63; --c-bg:#e6f4ee; --c-line:#b9e0cf; --bn-tint:#eef7f2;
  --ok:#1d7f4a; --ok-bg:#f3faf6; --ok-line:#a9d6bb;
  --warn:#b26a00; --warn-bg:#fff7e8; --warn-line:#f0d49a;
  --err:#c2413b; --err-bg:#fdf2f1; --err-line:#f1b8b4;
  /* разделы: נדל״ן — вино, רכב — баклажан, מוצרים — горчица (предложение владельца 14.10.2026) */
  --re-bg:#f8edef; --re-chip:#f0d9de; --re-ink:#8d2b3a; --re-line:#e8c3ca; --re-line-h:#d49aa5;
  --car-bg:#f3eef6; --car-chip:#e6dbee; --car-ink:#5e3a7a; --car-line:#d9c7e6; --car-line-h:#b99fcf;
  --pr-bg:#faf3e3; --pr-chip:#f1e2bd; --pr-ink:#8a5a06; --pr-line:#ead7a5; --pr-line-h:#d6b96e;
  --heart:#d6455d;
  --ai-grad:linear-gradient(90deg,#0f8a63,#2bb39b 55%,#3f7fd6);
  --ease:cubic-bezier(.16,1,.3,1);
  --hdr:60px;
  --on-ink:#fff; --ink-h:#333; --line-h:#cfcfcf; --glass:rgba(255,255,255,.94); --mapbg:#eef0f2; --shade:rgba(0,0,0,.05);
  --chk:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12.5l4.5 4.5L19 7.5'/%3E%3C/svg%3E");
  --z-pin:2; --z-mapui:3; --z-mapfull:20; --z-bar:25; --z-head:30; --z-fab:35; --z-nav:36; --z-pop:40; --z-modal:50;
  color-scheme:light;
  /* Одна палитра на всём сайте (решение владельца 14.10.2026): --s-* больше не зависят от раздела — это бренд и нейтральные линии.
     Цвет раздела живёт только в --sec-* (градиент вокруг поля поиска на страницах раздела) и в плитках разделов на главной (.sec.re/.car/.pr). */
  --s-bg:var(--pri-tint); --s-chip:var(--pri-tint); --s-ink:var(--pri-ink); --s-line:var(--line); --s-line-h:var(--line-h);
  --sec-bg:var(--c-bg); --sec-ink:var(--c); --sec-line:var(--c-line);
  /* алиасы старых токенов (metzia.css/v2.css/admin.css): страницы, ещё не перенесённые, получают палитру v3 */
  --surface-page:var(--bg); --surface-panel:var(--bg); --surface-card:var(--card); --surface-sunken:var(--act); --surface-muted:var(--hov);
  --surface-active:var(--act); --surface-inverse:var(--ink); --text-primary:var(--ink); --text-secondary:var(--ink2); --text-tertiary:var(--ink3);
  --text-inverse:var(--on-ink); --border-subtle:var(--line2); --border-default:var(--line); --border-strong:var(--line-h);
  --brand:var(--pri); --brand-hover:var(--pri-h); --brand-active:var(--pri-h); --brand-tint:var(--pri-tint); --brand-tint-2:var(--pri-tint); --brand-ink:var(--pri-ink); --on-brand:var(--on-pri);
  --success:var(--ok); --success-bg:var(--ok-bg); --warning:var(--warn); --warning-bg:var(--warn-bg); --danger:var(--err); --danger-bg:var(--err-bg);
  --font-hebrew:Heebo,system-ui,sans-serif; --font-sans:Heebo,system-ui,sans-serif; --radius-card:14px; --radius-sm:10px; --radius-pill:999px;
  --shadow-sm:0 1px 2px rgba(0,0,0,.05); --shadow-card:0 12px 40px rgba(0,0,0,.10),0 1px 2px rgba(0,0,0,.04); --shadow-card-hover:0 6px 16px rgba(0,0,0,.08);
  --bg-app:var(--bg); --surface:var(--card); --surface-raised:var(--bg); --surface-ink:var(--ink); --on-ink-secondary:rgba(255,255,255,.65);
  --accent:var(--pri); --accent-strong:var(--pri-h); --accent-soft:var(--pri-ink); --accent-tint:var(--pri-tint); --line-strong:var(--line-h);
}
/* тёмная тема: те же токены. По умолчанию светлая, тёмная — кнопкой ◐ (data-theme=dark); auto — по системе */
:root[data-theme=dark],
:root[data-theme=auto]:not([data-theme=light]){--_dark:1}
@media (prefers-color-scheme:dark){:root[data-theme=auto]{
  --bg:#111213;--card:#18191b;--ink:#ececec;--ink2:#a6a6a6;--ink3:#7c7c7c;--line:#2a2b2e;--line2:#212225;--hov:#222326;--act:#26272a;
  --pri:#4fcfa0;--pri-h:#6ad9ae;--on-pri:#0f1512;--pri-tint:#15291f;--pri-ink:#8fe3c2;--pri-line:#245a44;
  --c:#5fd6aa;--c-bg:#15291f;--c-line:#245a44;--bn-tint:#13211b;--ok:#6fcf97;--ok-bg:rgba(111,207,151,.08);--ok-line:#2f5c43;
  --warn:#e0a84a;--warn-bg:rgba(224,168,74,.1);--warn-line:#5a4420;--err:#ff7a8e;--err-bg:rgba(255,122,142,.1);--err-line:#5a2a32;
  --re-bg:#2a1a1d;--re-chip:#3a2328;--re-ink:#e8919c;--re-line:#4a2b31;--re-line-h:#6e3d45;
  --car-bg:#211a2a;--car-chip:#2e2339;--car-ink:#c9aee0;--car-line:#3a2c48;--car-line-h:#5a4570;
  --pr-bg:#2a2414;--pr-chip:#3b3119;--pr-ink:#e3bd6a;--pr-line:#4a3d1e;--pr-line-h:#6e5a2c;
  --heart:#ff7a8e;--ai-grad:linear-gradient(90deg,#4fcfa0,#2bb39b 55%,#5a8fe6);--on-ink:#111213;--ink-h:#cfcfcf;--line-h:#3a3b3f;
  --glass:rgba(24,25,27,.92);--mapbg:#1a1b1d;--shade:rgba(0,0,0,.4);color-scheme:dark}}
:root[data-theme=dark]{
  --bg:#111213;--card:#18191b;--ink:#ececec;--ink2:#a6a6a6;--ink3:#7c7c7c;--line:#2a2b2e;--line2:#212225;--hov:#222326;--act:#26272a;
  --pri:#4fcfa0;--pri-h:#6ad9ae;--on-pri:#0f1512;--pri-tint:#15291f;--pri-ink:#8fe3c2;--pri-line:#245a44;
  --c:#5fd6aa;--c-bg:#15291f;--c-line:#245a44;--bn-tint:#13211b;--ok:#6fcf97;--ok-bg:rgba(111,207,151,.08);--ok-line:#2f5c43;
  --warn:#e0a84a;--warn-bg:rgba(224,168,74,.1);--warn-line:#5a4420;--err:#ff7a8e;--err-bg:rgba(255,122,142,.1);--err-line:#5a2a32;
  --re-bg:#2a1a1d;--re-chip:#3a2328;--re-ink:#e8919c;--re-line:#4a2b31;--re-line-h:#6e3d45;
  --car-bg:#211a2a;--car-chip:#2e2339;--car-ink:#c9aee0;--car-line:#3a2c48;--car-line-h:#5a4570;
  --pr-bg:#2a2414;--pr-chip:#3b3119;--pr-ink:#e3bd6a;--pr-line:#4a3d1e;--pr-line-h:#6e5a2c;
  --heart:#ff7a8e;--ai-grad:linear-gradient(90deg,#4fcfa0,#2bb39b 55%,#5a8fe6);--on-ink:#111213;--ink-h:#cfcfcf;--line-h:#3a3b3f;
  --glass:rgba(24,25,27,.92);--mapbg:#1a1b1d;--shade:rgba(0,0,0,.4);color-scheme:dark}
body[data-sec=re]{--sec-bg:var(--re-bg);--sec-ink:var(--re-ink);--sec-line:var(--re-line)}
body[data-sec=car]{--sec-bg:var(--car-bg);--sec-ink:var(--car-ink);--sec-line:var(--car-line)}
body[data-sec=pr]{--sec-bg:var(--pr-bg);--sec-ink:var(--pr-ink);--sec-line:var(--pr-line)}

*{box-sizing:border-box;margin:0;padding:0}
[hidden]{display:none!important}
html{-webkit-text-size-adjust:100%}
body{font-family:Heebo,system-ui,sans-serif;background:var(--bg);color:var(--ink);font-size:15px;line-height:1.5;-webkit-font-smoothing:antialiased;min-height:100vh}
a{color:inherit;text-decoration:none;cursor:pointer}
button{font:inherit;color:inherit;cursor:pointer;background:none;border:0}
input,select,textarea{font:inherit;color:inherit}
svg{flex:0 0 auto}
img{display:block;max-width:100%}
:focus-visible{outline:2px solid var(--pri);outline-offset:2px;border-radius:inherit}
.num{font-variant-numeric:tabular-nums}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}

/* ===== шапка 60px ===== */
.hd{background:var(--card);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:var(--z-head)}
.hd:before{content:'';position:absolute;inset:0 0 auto;height:2px;background:var(--ai-grad);opacity:.85}
.hw{height:var(--hdr);display:flex;align-items:center;gap:28px;max-width:1200px;margin:0 auto;padding:0 32px}
.hd.wide .hw{max-width:none;padding:0 24px}
.lg{display:flex;align-items:center;gap:9px;font-weight:600;font-size:21px;letter-spacing:-.01em;white-space:nowrap}
.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}
.hd nav{display:flex;gap:4px}
.hd nav a{height:34px;padding:0 12px;border-radius:8px;display:inline-flex;align-items:center;gap:6px;font-size:15px;color:var(--ink2);white-space:nowrap}
.hd nav a:hover{background:var(--hov);color:var(--ink)}
.hd nav a.on{color:var(--pri-ink);font-weight:500;background:var(--pri-tint)}
.ha{margin-inline-start:auto;display:flex;align-items:center;gap:2px}
.ha a,.ha button{height:36px;display:inline-flex;align-items:center;gap:7px;padding:0 10px;border-radius:9px;font-size:14.5px;white-space:nowrap;position:relative;transition:transform .12s var(--ease),background .15s,border-color .15s}
.ha a:hover,.ha button:hover{background:var(--hov)}
.ha a:active,.ha button:active{transform:scale(.97)}
.ha .ic{width:36px;padding:0;justify-content:center;color:var(--ink2)}
.ha .ic:hover{color:var(--ink)}
.ha .tel{border:1px solid var(--line);border-radius:999px;padding:0 14px;margin-inline-end:6px}.ha .tel svg{color:var(--c)}
.ha .tel:hover{background:var(--card);border-color:var(--line-h)}
.ha .pub{background:var(--pri);color:var(--on-pri);border-radius:999px;padding:0 16px;margin-inline-start:8px}.ha .pub:hover{background:var(--pri-h)}
.ha .av{width:32px;height:32px;padding:0;justify-content:center;border-radius:10px;background:var(--pri);color:var(--on-pri);font-weight:600;font-size:14px;margin:0 4px}
.ha .av:hover{background:var(--pri-h)}
.ha .av[aria-current=page]{box-shadow:0 0 0 2px var(--card),0 0 0 3.5px var(--ink)}
.ha .bd{position:absolute;top:3px;right:3px;min-width:16px;height:16px;border-radius:999px;background:var(--c);color:#fff;font-size:10.5px;font-weight:600;display:grid;place-items:center;padding:0 4px;line-height:1}

/* полоса перед шаббатом — над шапкой на всех страницах за 60 минут */
.preshab{background:var(--c-bg);border-bottom:1px solid var(--c-line);color:var(--ink);font-size:13.5px;display:flex;align-items:center;justify-content:center;gap:12px;padding:7px 16px;text-align:center}
.preshab b{font-weight:500}
.preshab button{height:26px;padding:0 10px;border-radius:999px;border:1px solid var(--c-line);background:var(--card);font-size:12.5px}

/* ===== подвал и нижняя панель ===== */
.ft{margin-top:56px;border-top:1px solid var(--line);background:var(--card);padding:22px 0;font-size:13.5px;color:var(--ink3)}
.ft .fw{max-width:1200px;margin:0 auto;padding:0 32px;display:flex;flex-wrap:wrap;gap:6px 18px;align-items:center}
.ft a:hover{color:var(--ink)}
.mb{display:none}

@media (max-width:1180px){.hd nav{gap:0}.hd nav a{padding:0 9px;font-size:14.5px}.ha .tel{display:none}}
@media (max-width:1000px){
  .hw{padding:0 16px;gap:12px}.hd nav,.ha .tel,.ha .lo,.ha .pub{display:none}
  .ft .fw{padding:0 16px}
  .mb{display:flex;position:fixed;bottom:0;inset-inline:0;background:var(--card);border-top:1px solid var(--line);justify-content:space-around;padding:6px 0 calc(6px + env(safe-area-inset-bottom));z-index:var(--z-nav)}
  .mb a{display:flex;flex-direction:column;align-items:center;gap:2px;font-size:12px;color:var(--ink2);min-width:56px}.mb a.on{color:var(--ink)}
  body{padding-bottom:64px}
  body.nomb{padding-bottom:0}body.nomb .mb{display:none}
}
@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}