/* ═══ K-0066: главная страница MenuPlus ═══
   Раньше здесь были текстовые карточки без единой картинки: человек попадал
   на страницу и не понимал, что мы продаём и как это выглядит. Теперь первый
   экран сразу показывает продукт — телефон с настоящим меню, наклейку QR
   и экран кухни, а ниже можно переключать оформления и видеть их живьём.

   Вёрстка макетов специально собрана из тех же классов, что и само меню
   (.dish, .grid, .section, .cover, темы .t-*): страница не «нарисована
   отдельно», а показывает реальный интерфейс. Меняется меню — меняется и
   витрина, расхождение невозможно. */

:root{
  --l-dark:#14110e;
  --l-dark-2:#211a14;
  --l-gold:#e0a52b;
  --l-glass:rgba(255,255,255,.08);
}

body.landing{
  background:var(--ground);
  color:var(--ink);
  font-family:"Heebo",var(--hebrew);
}
body.landing .wrap{max-width:none;background:none;min-height:0}

/* Шапка белая, а не серая: на светлой теме серый фон делал её похожей
   на выключенную панель. Тексты крупнее и контрастнее — прежние 14.5px
   серым на сером читались с усилием. */
/* Шапка идёт от темы, а не от белого константой. K-0080 п.2.
   Было `background:rgba(255,255,255,.94)` намертво, а `.lbrand` и кнопка
   «כניסה» берут цвет из `var(--ink)` — на тёмной теме это #f2f4f7, то есть
   белый по белому. Денис не смог прочитать кнопку входа, и слово «Menu»
   в логотипе тоже пропадало — виден был только оранжевый «Plus».
   `color-mix` сохраняет полупрозрачность под `backdrop-filter`: сплошной
   `var(--panel)` убил бы размытие, ради которого шапка и сделана. */
.lnav{position:sticky;top:0;z-index:60;backdrop-filter:blur(16px);
  background:color-mix(in srgb, var(--panel) 94%, transparent);
  border-bottom:1px solid var(--line);
  box-shadow:0 1px 0 color-mix(in srgb, var(--ink) 3%, transparent)}
.lnav-in{max-width:1180px;margin:0 auto;padding:14px 20px;display:flex;align-items:center;gap:18px}
.lbrand{font-size:21px;font-weight:800;letter-spacing:-.03em;text-decoration:none;color:var(--ink)}
.lbrand span{color:var(--accent)}
.lnav-links{display:flex;gap:24px;margin-inline-start:auto;font-size:15.5px}
.lnav-links a{color:#4a443d;text-decoration:none;font-weight:600;
  -webkit-font-smoothing:antialiased}
.lnav-links a:hover{color:var(--ink)}
.lnav-cta{display:flex;gap:8px;align-items:center;margin-inline-start:auto}
.lbtn{display:inline-flex;align-items:center;justify-content:center;gap:8px;
  border-radius:999px;font-weight:700;font-size:15px;padding:13px 26px;text-decoration:none;
  border:1px solid transparent;white-space:nowrap;transition:transform .12s,box-shadow .12s}
.lbtn-primary{background:linear-gradient(135deg,#ef6b32,#c8401f);color:#fff;
  box-shadow:0 6px 20px rgba(200,64,31,.32)}
.lbtn-primary:hover{transform:translateY(-1px);box-shadow:0 10px 28px rgba(200,64,31,.4)}
.lbtn-ghost{background:transparent;color:var(--ink);border-color:var(--line-strong,var(--line))}
.lbtn-ghost:hover{background:var(--line-soft)}
/* 🔴 14.08.2026. `lbtn-ghost` красит текст в `--ink` — тёмный. На светлых
   блоках это верно, а на тёмных (герой и нижняя полоса) кнопка выходила
   тёмным по тёмному: рамка видна, надписи нет вовсе. Поймано в браузере
   на телефоне сразу после выката второй кнопки.
   Поэтому внутри тёмных секций призрачная кнопка перекрашивается в белую.
   Отдельного класса не завожу нарочно: класс пришлось бы не забыть
   поставить, а это забывается. */
.hero .lbtn-ghost,.band .lbtn-ghost{color:#fff;border-color:rgba(255,255,255,.45)}
.hero .lbtn-ghost:hover,.band .lbtn-ghost:hover{background:rgba(255,255,255,.12)}
.lbtn-light{background:rgba(255,255,255,.1);color:#fff;border-color:rgba(255,255,255,.22)}
.lbtn-light:hover{background:rgba(255,255,255,.16)}
.lbtn-sm{padding:10px 18px;font-size:14px}
@media(max-width:860px){ .lnav-links{display:none} }
/* 🔴 14.08.2026. Третья кнопка в шапке на телефоне выталкивала основную
   за край экрана — проверено на 375 px сразу после выката. На узком экране
   шапке хватает двух: «вход» и «открыть меню». Вторая ступенька на /start/
   стоит прямо под ними, в первом же экране, и её видно без прокрутки. */
@media(max-width:700px){ .nav-help{display:none} }

/* ─── первый экран ─── */
.hero{position:relative;overflow:hidden;color:#fff;
  background:
    radial-gradient(900px 520px at 82% -10%, rgba(239,107,50,.34) 0%, transparent 60%),
    radial-gradient(700px 420px at 10% 8%, rgba(224,165,43,.18) 0%, transparent 58%),
    linear-gradient(165deg,#1a1510 0%,#14110e 46%,#0f0d0b 100%)}
.hero::after{content:'';position:absolute;inset:0;pointer-events:none;
  background-image:linear-gradient(rgba(255,255,255,.045) 1px,transparent 1px),
                   linear-gradient(90deg,rgba(255,255,255,.045) 1px,transparent 1px);
  background-size:64px 64px;mask-image:radial-gradient(700px 420px at 70% 20%,#000,transparent 75%)}
.hero-in{position:relative;z-index:1;max-width:1180px;margin:0 auto;padding:62px 20px 74px;
  display:grid;grid-template-columns:1.02fr .98fr;gap:44px;align-items:center}
.eyebrow{display:inline-flex;align-items:center;gap:9px;font-size:14px;font-weight:700;
  background:var(--l-glass);border:1px solid rgba(255,255,255,.16);color:#ffd9c4;
  padding:8px 15px;border-radius:999px}
.eyebrow i{width:7px;height:7px;border-radius:50%;background:#3ddc84;font-style:normal;
  box-shadow:0 0 0 4px rgba(61,220,132,.18)}
.hero h1{font-size:clamp(31px,4.4vw,55px);line-height:1.08;font-weight:800;letter-spacing:-.04em;
  margin:20px 0 0;text-wrap:balance}
.hero h1 em{font-style:normal;background:linear-gradient(105deg,#ffb27a,#e0a52b 60%,#ff8a4c);
  -webkit-background-clip:text;background-clip:text;color:transparent}
.hero .lead{font-size:clamp(17px,1.6vw,20.5px);line-height:1.6;color:rgba(255,255,255,.86);
  margin:18px 0 0;max-width:35em}
.hero-cta{display:flex;gap:11px;flex-wrap:wrap;margin-top:28px}
.assure{display:flex;gap:18px;flex-wrap:wrap;margin-top:22px;font-size:14.5px;
  color:rgba(255,255,255,.62)}
.assure b{color:#fff;font-weight:650}

.hero-stats{display:flex;gap:30px;flex-wrap:wrap;margin-top:34px;padding-top:26px;
  border-top:1px solid rgba(255,255,255,.13)}
.hstat .n{font-size:28px;font-weight:800;letter-spacing:-.03em;
  font-variant-numeric:tabular-nums;line-height:1.1}
.hstat .t{font-size:13.5px;color:rgba(255,255,255,.72);margin-top:4px;line-height:1.35}

/* ─── телефон с настоящим меню ─── */
.stage{position:relative;display:grid;place-items:center;min-height:520px}
.phone{position:relative;width:312px;flex:none;border-radius:46px;padding:11px;
  background:linear-gradient(160deg,#3a332c,#17140f 55%,#2b2520);
  box-shadow:0 40px 80px -24px rgba(0,0,0,.7), 0 0 0 1px rgba(255,255,255,.08) inset,
             0 2px 0 rgba(255,255,255,.12) inset}
.phone::before{content:'';position:absolute;top:20px;inset-inline:0;margin:0 auto;width:78px;height:5px;
  border-radius:99px;background:rgba(255,255,255,.22);z-index:3}
.pscreen{position:relative;border-radius:36px;overflow:hidden;background:var(--panel);
  height:560px}
/* Внутри рисуем меню в его настоящей ширине (390px) и уменьшаем целиком:
   так это ровно тот интерфейс, что видит гость, а не его пересказ. */
.pinner{width:390px;transform:scale(.744);transform-origin:top right;height:753px;
  overflow:hidden;background:var(--panel);color:var(--ink);font-family:var(--hebrew)}
html[dir="ltr"] .pinner{transform-origin:top left}
.pinner .wrap{max-width:none;min-height:0}
/* Витрина стоит на широкой странице, а показывать должна телефон. У меню есть
   правила «от 720px» — две-три колонки для планшета; внутри макета их надо
   отключить, иначе гость на лендинге видит планшетную раскладку и не узнаёт
   свой телефон. Держим ровно те раскладки, что видны на 390px. */
@media (min-width:720px){
  .pinner .grid{grid-template-columns:1fr!important;column-gap:0!important}
  .pinner.L-cards .grid{grid-template-columns:1fr!important;gap:14px!important}
  .pinner.L-gallery .grid{grid-template-columns:1fr 1fr!important;gap:10px!important}
}

/* плавающие карточки поверх телефона */
.float{position:absolute;background:var(--panel);color:var(--ink);border-radius:18px;
  box-shadow:0 24px 50px -14px rgba(0,0,0,.55);padding:14px 16px;z-index:4;
  border:1px solid rgba(255,255,255,.5)}
.float-qr{inset-inline-end:-84px;top:40px;text-align:center;padding:13px}
.float-qr canvas,.float-qr img{width:104px;height:104px;display:block;border-radius:9px}
.float-qr .cap{font-size:11.5px;font-weight:750;margin-top:8px;color:var(--ink)}
.float-qr .sub{font-size:10.5px;color:var(--muted);margin-top:2px}
.float-kitchen{inset-inline-start:-92px;bottom:28px;width:216px;background:#1c1a24;color:#f2f0f6;
  border-color:rgba(255,255,255,.12)}
.float-kitchen .ft{font-size:11px;color:#a9a3b8;font-weight:600}
.float-kitchen .tb{font-size:19px;font-weight:800;margin-top:2px}
.float-kitchen ul{list-style:none;margin:9px 0 0;padding:0;font-size:13px;line-height:1.7}
.float-kitchen li b{color:#ff8b5e;margin-inline-end:5px}
.float-kitchen .new{display:inline-block;font-size:10.5px;font-weight:750;background:#22d07a;
  color:#062a18;border-radius:99px;padding:2px 9px;margin-top:9px}
@media(max-width:980px){
  .hero-in{grid-template-columns:1fr;gap:34px;padding:44px 20px 56px}
  .stage{min-height:0}
  .float-qr{inset-inline-end:-18px;top:18px;transform:scale(.92)}
  .float-kitchen{inset-inline-start:-18px;bottom:22px;transform:scale(.92)}
}
/* На узком экране плавающие карточки закрыли бы само меню — оставляем QR,
   он объясняет суть, а карточку кухни показываем ниже отдельным блоком. */
@media(max-width:520px){
  .float-kitchen{display:none}
  .float-qr{transform:scale(.82);inset-inline-end:-14px;top:10px}
}

/* ─── общие блоки ─── */
.sect{max-width:1180px;margin:0 auto;padding:78px 20px}
.sect-head{max-width:660px;margin:0 auto 38px;text-align:center}
.sect-tag{font-size:14px;font-weight:750;color:var(--accent);letter-spacing:.04em}
.sect-head h2{font-size:clamp(26px,3.2vw,40px);letter-spacing:-.035em;margin:9px 0 12px;font-weight:800}
/* Замер 04.08 на тёмной теме: жёсткий серый #57504a на фоне #0d0e11 даёт
   2.44:1 — подзаголовок каждой секции лендинга пропадал. Лендинг открывается
   и в тёмной теме (по настройке телефона), значит цвет берём из токена. */
.sect-head p{font-size:17.5px;color:var(--muted);line-height:1.62;margin:0}

/* витрина оформлений */
.show{display:grid;grid-template-columns:320px 1fr;gap:44px;align-items:start}
.show-side .lbl{font-size:13px;font-weight:750;color:var(--muted);margin:0 0 10px}
.tmpls-pick{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:26px}
.tpill{border:1px solid var(--line);background:var(--panel);border-radius:999px;padding:10px 17px;
  font-size:14px;font-weight:600;color:var(--ink);transition:.12s}
.tpill:hover{border-color:var(--accent);color:var(--accent)}
.tpill[aria-pressed="true"]{background:var(--ink);color:var(--ground);border-color:var(--ink)}
.show-note{background:var(--panel);border:1px solid var(--line);border-radius:16px;padding:18px 20px;
  font-size:15.5px;line-height:1.65;color:var(--muted)}
.show-note b{color:var(--ink)}
@media(max-width:980px){
  .show{grid-template-columns:1fr;gap:26px}
  .show-side{order:2}
}

/* поток: QR → телефон → кухня */
.flow{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.fcard{background:var(--panel);border:1px solid var(--line);border-radius:20px;padding:22px;
  box-shadow:0 2px 4px rgba(20,15,10,.04),0 18px 40px -28px rgba(20,15,10,.4)}
.fcard .step{font-size:12.5px;font-weight:800;color:var(--accent);letter-spacing:.06em}
.fcard h3{margin:8px 0 7px;font-size:19px;letter-spacing:-.02em}
.fcard p{margin:0;font-size:15.5px;color:var(--muted);line-height:1.64}
.fvis{height:132px;margin:-4px 0 16px;border-radius:14px;background:var(--line-soft);
  display:grid;place-items:center;overflow:hidden;position:relative}
/* наклейка на столе */
.sticker{background:#fff;border-radius:12px;padding:10px 12px 8px;text-align:center;
  box-shadow:0 10px 24px -10px rgba(0,0,0,.35);transform:rotate(-4deg)}
.sticker canvas,.sticker img{width:66px;height:66px;display:block}
.sticker .st-t{font-size:9.5px;font-weight:800;margin-top:5px;color:#14110e}
.sticker .st-n{font-size:8.5px;color:#7a736c}
.mini-phone{width:92px;height:150px;border-radius:16px;background:#17140f;padding:5px;
  box-shadow:0 12px 26px -10px rgba(0,0,0,.45);margin-bottom:-24px}
.mini-phone i{display:block;height:100%;border-radius:12px;background:
  linear-gradient(180deg,#fff 0 22%,#f3efeb 22% 26%,#fff 26% 100%);position:relative}
.mini-phone i::before{content:'';position:absolute;top:30%;inset-inline:8px;height:8px;border-radius:3px;
  background:#e8e2dc}
.mini-phone i::after{content:'';position:absolute;top:46%;inset-inline:8px;bottom:14px;border-radius:5px;
  background:repeating-linear-gradient(180deg,#f3efeb 0 12px,transparent 12px 20px)}
.kmini{width:100%;height:100%;background:#1c1a24;padding:12px;display:flex;flex-direction:column;gap:7px}
.kmini .row{background:rgba(255,255,255,.06);border-inline-start:3px solid #22d07a;border-radius:8px;
  padding:7px 9px;color:#f2f0f6;font-size:11.5px;display:flex;justify-content:space-between}
.kmini .row.b{border-inline-start-color:#ffb020}
.kmini .row span{color:#a9a3b8}
@media(max-width:860px){ .flow{grid-template-columns:1fr} }

/* экран кухни крупно */
.kitchen{display:grid;grid-template-columns:1.05fr .95fr;gap:44px;align-items:center}
.klist{list-style:none;padding:0;margin:22px 0 0;display:flex;flex-direction:column;gap:14px}
.klist li{display:flex;gap:12px;font-size:15.5px;line-height:1.6}
.klist .ck{flex:none;width:23px;height:23px;border-radius:50%;background:#e8f4ec;color:#2f7d52;
  display:grid;place-items:center;font-size:13px;font-weight:800;margin-top:2px}
.klist b{font-weight:700}
.kshot{background:#14131a;border-radius:22px;padding:16px;border:1px solid #2a2735;
  box-shadow:0 40px 70px -30px rgba(0,0,0,.6)}
.kshot-top{display:flex;justify-content:space-between;align-items:center;color:#f2f0f6;
  font-size:13.5px;font-weight:700;padding:2px 4px 12px}
.kshot-top span{color:#a9a3b8;font-weight:500;font-size:12px}
.kcols2{display:grid;grid-template-columns:1fr 1fr;gap:11px}
.kcolm{background:rgba(255,255,255,.045);border-radius:13px;padding:9px}
.kcolm h4{margin:2px 0 9px;font-size:11.5px;color:#b6b0c4;font-weight:700;display:flex;
  justify-content:space-between}
.kordm{background:#221f2c;border-radius:11px;padding:11px;margin-bottom:8px;color:#f2f0f6;
  border-inline-start:4px solid #22d07a}
.kordm.warm{border-inline-start-color:#ffb020}
.kordm.late{border-inline-start-color:#ff4d3d;background:#2c1f22}
.kordm .t{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:6px}
.kordm .tb{font-size:16px;font-weight:800}
.kordm .w{font-size:11px;color:#b6b0c4}
.kordm ul{list-style:none;margin:0;padding:0;font-size:12.5px;line-height:1.6}
.kordm li b{color:#ff8b5e;margin-inline-end:4px}
.kordm .op{display:block;background:rgba(255,176,32,.14);color:#ffcf8f;border-radius:6px;
  padding:3px 7px;margin-top:4px;font-size:11px}
.kordm .al{background:rgba(255,77,61,.15);color:#ff9b8d;border-radius:7px;padding:5px 8px;
  font-size:11.5px;margin-top:7px;font-weight:650}
@media(max-width:980px){ .kitchen{grid-template-columns:1fr;gap:28px} }

/* возможности */
.fgrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(255px,1fr));gap:16px}
.fitem{background:var(--panel);border:1px solid var(--line);border-radius:18px;padding:22px}
.fitem .fi{width:40px;height:40px;border-radius:12px;background:var(--line-soft);display:grid;
  place-items:center;font-size:19px;margin-bottom:13px}
.fitem h3{margin:0 0 6px;font-size:16.5px;letter-spacing:-.02em}
.fitem p{margin:0;font-size:14px;color:var(--muted);line-height:1.62}

/* сравнение */
.cmp{width:100%;border-collapse:separate;border-spacing:0;background:var(--panel);
  border:1px solid var(--line);border-radius:18px;overflow:hidden;font-size:15px}
.cmp th,.cmp td{padding:15px 18px;text-align:start;border-bottom:1px solid var(--line-soft)}
.cmp thead th{background:var(--line-soft);font-size:13.5px;color:var(--muted);font-weight:700}
.cmp thead th.us{color:var(--accent)}
.cmp tbody tr:last-child td{border-bottom:0}
.cmp td.us{font-weight:650}
.cmp .yes{color:#2f7d52;font-weight:800}
.cmp .no{color:#b3382c}
@media(max-width:760px){ .cmp{font-size:13.5px} .cmp th,.cmp td{padding:11px 12px} }

/* цены */
/* Выбор периода (.perpick / .perbtn) живёт в style.css — тот же вид
   и в мастере регистрации, и в кабинете. Здесь только отступ под секцию. */
.perpick{margin-bottom:26px}

/* K-0075: тарифов стало три. При старых 900px и minmax(320px) в ряд влезали
   только два, и «מסעדה גדולה» уезжала одна во второй ряд — читалось как
   «лишняя», хотя это самый дорогой тариф. Полоса шире и порог ниже:
   1120 − два зазора = по 360px на карточку. Замерено на живой странице. */
.prices2{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px;
  max-width:1120px;margin:0 auto}
.pc{background:var(--panel);border:1px solid var(--line);border-radius:22px;padding:26px;
  position:relative;display:flex;flex-direction:column}
.pc.hi{border:1px solid color-mix(in srgb,var(--accent) 40%,transparent);
  box-shadow:0 30px 60px -30px rgba(200,64,31,.45)}
.pc .tagline{position:absolute;top:-13px;inset-inline-start:26px;background:linear-gradient(135deg,#ef6b32,#c8401f);
  color:#fff;font-size:13.5px;font-weight:750;padding:6px 15px;border-radius:999px}
.pc h3{margin:4px 0 6px;font-size:21px}
.pc .amount{font-size:46px;font-weight:800;letter-spacing:-.045em;line-height:1.05;
  font-variant-numeric:tabular-nums}
/* «+ מע״מ לחודש» — одно целое: на 390px оно разрывалось между «מע״מ»
   и «לחודש», и получалось «+ НДС» отдельной строкой без периода. */
.pc .amount small{font-size:15px;font-weight:600;color:var(--muted);letter-spacing:0;
  white-space:nowrap}
.pc .per{font-size:14.5px;color:var(--muted);margin:6px 0 20px}
.pc ul{list-style:none;padding:0;margin:0 0 22px;display:flex;flex-direction:column;gap:11px}
.pc li{font-size:15.5px;padding-inline-start:26px;position:relative;line-height:1.5}
.pc li::before{content:'✓';position:absolute;inset-inline-start:0;color:#2f9a63;font-weight:800}
/* Оговорка тарифа — не достоинство. «ההזמנות לא עוברות למטבח» стояла с той же
   зелёной ✓, что и всё остальное, и читалась как включённая возможность
   (приёмка 08.09.2026, W3-3). Другой знак, другой цвет — как у .soon ниже. */
.pc li.limit::before{content:'!';color:var(--warn,#b3802c)}
.pc .lbtn{margin-top:auto}
/* «В разработке» — не галочка и не обещание готового: другой знак, другой тон. */
.pc .soon{border:1px dashed var(--line);border-radius:14px;padding:12px 14px;margin:0 0 20px;
  font-size:14px;line-height:1.55;color:var(--muted)}
.pc .soon b{display:block;color:var(--ink);font-size:14.5px;margin-bottom:4px;font-weight:700}
/* Показываем ровно один вариант цены — месячный или годовой. */
.prices2[data-per="month"] .p-year,
.prices2[data-per="year"]  .p-month{display:none}
.pricenote{max-width:900px;margin:22px auto 0;font-size:15px;line-height:1.75;
  color:var(--muted);text-align:center}
.pricenote b{color:var(--ink)}
/* Замер: чистый акцент #d9541f на светлом фоне даёт 3.68:1 — для ссылки
   размером 15px этого мало (нужно 4.5). Подмешиваем чёрного: 4.87:1.
   На тёмной теме наоборот — подмешиваем белого. */
.pricenote a{color:color-mix(in srgb,var(--accent) 85%,#000);text-decoration:underline}
[data-theme="dark"] .pricenote a{color:color-mix(in srgb,var(--accent) 72%,#fff)}

/* вопросы */
.faq{max-width:760px;margin:0 auto}
.faq details{background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:0;
  margin-bottom:10px;overflow:hidden}
.faq summary{padding:17px 20px;font-size:15.5px;font-weight:650;cursor:pointer;list-style:none;
  display:flex;justify-content:space-between;gap:12px;align-items:center}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:'+';color:var(--accent);font-size:20px;font-weight:700;flex:none}
.faq details[open] summary::after{content:'−'}
.faq p{margin:0;padding:0 20px 18px;font-size:14.5px;color:var(--muted);line-height:1.7}

/* финальная полоса */
.band{background:linear-gradient(150deg,#1a1510,#14110e);color:#fff;border-radius:26px;
  padding:52px 40px;text-align:center;max-width:1140px;margin:0 auto 78px;position:relative;overflow:hidden}
.band::before{content:'';position:absolute;inset:0;
  background:radial-gradient(600px 300px at 75% 0%,rgba(239,107,50,.3),transparent 62%)}
.band > *{position:relative}
.band h2{font-size:clamp(25px,3vw,36px);letter-spacing:-.035em;margin:0 0 12px;font-weight:800}
.band p{color:rgba(255,255,255,.74);font-size:16.5px;margin:0 auto 26px;max-width:46em;line-height:1.6}
.band .hero-cta{justify-content:center}

/* подвал */
.lfoot{border-top:1px solid var(--line);padding:34px 20px 46px;text-align:center;
  color:var(--muted);font-size:13.5px;line-height:2}
.lfoot a{color:var(--accent);text-decoration:none}
.lfoot .co{color:var(--ink);font-weight:650}

/* K-0172 §2. Плавающая кнопка WhatsApp. Круг 56 — палец попадает без
   прицеливания (правило дизайна: касание не мельче 44). Зелёный здесь
   не наш акцент, а знак самого WhatsApp: человек узнаёт его быстрее,
   чем читает подпись. Над ботом продаж, когда тот есть. */
.wa-fab{position:fixed;inset-inline-end:16px;inset-block-end:16px;z-index:61;
  width:56px;height:56px;border-radius:50%;background:#25D366;color:#fff;
  display:inline-flex;align-items:center;justify-content:center;
  box-shadow:0 6px 18px rgba(37,211,102,.35);text-decoration:none}
.wa-fab:hover{filter:brightness(1.05)}
.wa-fab--над{inset-block-end:82px}
@media(max-width:520px){.wa-fab{width:52px;height:52px}}