/* PlanHome — общая дизайн-система для всех страниц (/, /rka, /agent, /tour).
   Подключение: <link rel="stylesheet" href="/assets/ph.css"> (в DC-страницах — внутри <helmet>).
   Классы с префиксом ui-, токены — CSS-переменные ниже. Менять значения только здесь. */
@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,400;0,500;0,700;0,900;1,400&display=swap');

:root{
  --font:'Roboto',system-ui,-apple-system,'Segoe UI',sans-serif;
  /* палитра */
  /* мир v6: лайм + графит (v9). Имена --blue* остались как ключи акцента, значения — лайм; --lime* — их псевдонимы */
  --blue:#d6f84e; --blue-hover:#c9ef3a; --blue-soft:#f4fbdc; --blue-soft2:#e8fbb4; --blue-ink:#3e5a00; --on-blue:#171a12;
  --lime:var(--blue); --lime-hover:var(--blue-hover); --lime-soft:var(--blue-soft); --lime-soft2:var(--blue-soft2); --lime-ink:var(--blue-ink);
  --ink:#171a12; --ink-hover:#2b3021;
  --text:#171a12; --text-2:#4c5145; --text-3:#646a5d;
  --bg:#ffffff; --bg-grey:#f5f6f1; --bg-tint:#f9fbf2; --hover:#f4f5f0;
  --line:#e7e8e2; --line-strong:#d9dbd2; --track:#eaebe6;
  --red:#b93a1d; --red-soft:#fbe7e1; --amber:#8a5a00; --amber-soft:#fdf3dc;
  --t-est:#d6f84e; --t-est-soft:#f4fbdc; --t-rka:#171a12; --t-rka-soft:#eaebe6; --t-jk:#3e5a00; --t-jk-soft:#f4fbdc;
  /* форма */
  --r-xs:10px; --r-sm:14px; --r-md:18px; --r-lg:24px; --r-pill:999px;
  --wrap:1240px; --gutter:clamp(16px,4vw,48px);
  --ease:cubic-bezier(.16,.84,.3,1);
  --sh-card:0 1px 2px rgba(0,0,0,.05),0 8px 20px rgba(0,0,0,.07);
  --sh-pop:0 8px 18px rgba(0,0,0,.16),0 2px 8px rgba(0,0,0,.06);
  --sh-lime:0 2px 4px rgba(0,0,0,.12),0 12px 26px rgba(0,0,0,.16);
}

/* ---------- база ---------- */
html,body{height:auto;min-height:100%}
*,*::before,*::after{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--text);font-family:var(--font);font-size:16px;line-height:1.55;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;overflow-x:hidden}
h1,h2,h3,h4{margin:0;font-weight:700;letter-spacing:-.025em;line-height:1.12;text-wrap:balance}
p{margin:0;text-wrap:pretty}
a{color:inherit;text-decoration:none}
button,input,select,textarea{font-family:inherit;font-size:16px;color:inherit}
img{max-width:100%;display:block}
::selection{background:var(--blue-soft2);color:var(--ink)}
:focus-visible{outline:3px solid var(--lime-ink);outline-offset:2px;border-radius:6px}
input::placeholder,textarea::placeholder{color:#6b7590}
.ui-num{font-variant-numeric:tabular-nums}
@media (prefers-reduced-motion:reduce){*{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}html{scroll-behavior:auto}}
@keyframes uiIn{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}
@keyframes uiNudge{0%,100%{transform:translateX(0)}50%{transform:translateX(4px)}}
@keyframes uiSpin{to{transform:rotate(360deg)}}
@keyframes uiShimmer{from{background-position:-200% 0}to{background-position:200% 0}}

/* ---------- раскладка ---------- */
.ui-wrap{width:100%;max-width:var(--wrap);margin:0 auto;padding-left:var(--gutter);padding-right:var(--gutter)}
.ui-sec{padding:clamp(40px,6vw,80px) 0}
.ui-sec-tight{padding:clamp(28px,4vw,48px) 0}
.ui-sec-grey{background:var(--bg-grey)}
.ui-sec-head{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-bottom:24px}
.ui-h1{font-size:clamp(34px,4.6vw,60px);letter-spacing:-.035em;line-height:1.04}
.ui-h2{font-size:clamp(26px,3vw,38px);letter-spacing:-.03em}
.ui-h3{font-size:clamp(19px,1.8vw,22px);letter-spacing:-.02em}
.ui-lead{font-size:clamp(17px,1.5vw,19px);line-height:1.55;color:var(--text-2);max-width:52ch}
.ui-sub{font-size:15px;color:var(--text-2);line-height:1.5}
.ui-small{font-size:14px;color:var(--text-3);line-height:1.45}
.ui-stack{display:flex;flex-direction:column}
.ui-row{display:flex;align-items:center}
.ui-grid-2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.ui-grid-3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.ui-grid-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,272px),1fr));gap:16px}
@media (max-width:860px){.ui-grid-2,.ui-grid-3{grid-template-columns:minmax(0,1fr)}}

/* ---------- шапка ---------- */
.ui-top{position:sticky;top:0;z-index:80;background:rgba(255,255,255,.92);backdrop-filter:saturate(1.4) blur(14px);-webkit-backdrop-filter:saturate(1.4) blur(14px);border-bottom:1px solid var(--line)}
.ui-top-in{display:flex;align-items:center;gap:clamp(10px,2vw,28px);height:68px}
.ui-logo{display:flex;align-items:center;gap:10px;font-weight:700;font-size:18px;letter-spacing:-.03em;border:0;background:none;padding:0;cursor:pointer;color:var(--ink)}
.ui-logo-ic{width:36px;height:36px;border-radius:11px;background:var(--lime);display:flex;align-items:center;justify-content:center;flex:0 0 auto}
.ui-nav{display:flex;align-items:center;gap:4px;flex:1 1 auto;min-width:0}
.ui-nav-a{display:inline-flex;align-items:center;height:42px;padding:0 16px;border:0;border-radius:12px;background:transparent;font-size:16px;font-weight:500;color:var(--ink);cursor:pointer;white-space:nowrap;transition:background .15s ease}
.ui-nav-a:hover{background:var(--hover)}
.ui-nav-a.is-on{background:var(--lime-soft);color:var(--lime-ink)}
.ui-top-right{display:flex;align-items:center;gap:8px;margin-left:auto;flex:0 0 auto}
.ui-icon-btn{position:relative;width:44px;height:44px;border:1px solid var(--line);border-radius:var(--r-pill);background:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--ink);transition:border-color .15s ease}
.ui-icon-btn:hover{border-color:var(--ink)}
.ui-dot-badge{position:absolute;top:-4px;right:-4px;min-width:20px;height:20px;padding:0 6px;border-radius:var(--r-pill);background:var(--blue);color:var(--on-blue);font-size:12px;font-weight:700;display:flex;align-items:center;justify-content:center;border:2px solid #fff}
.ui-avatar{width:44px;height:44px;border-radius:var(--r-pill);background:var(--blue);color:var(--on-blue);font-weight:700;font-size:15px;display:flex;align-items:center;justify-content:center;border:0;cursor:pointer}
@media (max-width:860px){.ui-nav{display:none}.ui-top-in{height:60px}}
/* Follow-up 2026-09-28: compact «Для агентов» link in the mobile header, next to the sign-in/profile
   controls — desktop already gets it as a normal .ui-nav-a item (hidden here with .ui-nav at ≤860). */
.ui-agent-mbtn{display:none;align-items:center;justify-content:center;height:44px;padding:0 12px;border:1px solid var(--line-strong);border-radius:var(--r-pill);background:#fff;color:var(--ink);font-size:13px;font-weight:700;white-space:nowrap;text-decoration:none}
.ui-agent-mbtn:hover{border-color:var(--ink)}
.ui-agent-mbtn.is-on{background:var(--lime-soft);color:var(--lime-ink)}
.ui-agent-short{display:none}
/* фикс переполнения (2026-09-28, ревью): на 360-390px пункты справа (граф. значки + новая ссылка
   + «Войти») не помещались и обрезали «Войти» за краем экрана — сузили только шапку и правую группу. */
@media (max-width:640px){
  .ui-agent-mbtn{display:inline-flex}
  .ui-top-right{gap:5px}
  .ui-top .ui-wrap{padding-left:10px;padding-right:10px}
  /* T9 PRO 2.0: значки снова 44×44 (палец 50+ лет); место нашли так: у гостя на телефоне нет значка
     «Сообщения» (сообщений у гостя нет, «Войти» рядом), при ≤380 — чуть уже поля и промежутки */
  .ui-top-right:has(.ui-btn-sm) .ui-msgs-btn{display:none}
  .ui-top-right .ui-btn-sm{padding:0 10px;font-size:14px}
  .ui-agent-mbtn{padding:0 10px;font-size:12.5px}
}
@media (max-width:380px){.ui-agent-full{display:none}.ui-agent-short{display:inline}.ui-agent-mbtn{padding:0 9px}
  .ui-top .ui-wrap{padding-left:8px;padding-right:8px}.ui-top-right{gap:4px}.ui-top .ui-logo{gap:8px}}

/* нижний таб-бар (мобила) */
.ui-tabs{display:none}
@media (max-width:860px){
  .ui-tabs{position:fixed;left:0;right:0;bottom:0;z-index:80;display:grid;grid-template-columns:repeat(5,1fr);padding:6px 6px calc(6px + env(safe-area-inset-bottom));background:rgba(255,255,255,.96);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-top:1px solid var(--line)}
  .ui-tab{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;min-height:56px;border:0;background:transparent;color:var(--text-3);font-size:12px;font-weight:700;cursor:pointer;border-radius:14px;position:relative}
  .ui-tab svg{width:22px;height:22px}
  .ui-tab.is-on{color:var(--ink)}
  .ui-tab.is-on{color:var(--blue-ink)}
  .ui-tab.is-on .ui-tab-ic{background:var(--blue-soft)}
  .ui-tab-ic{width:48px;height:30px;border-radius:var(--r-pill);display:flex;align-items:center;justify-content:center;transition:background .2s var(--ease)}
  body{padding-bottom:calc(76px + env(safe-area-inset-bottom))}
}

/* ---------- кнопки ---------- */
.ui-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;height:52px;padding:0 24px;border:0;border-radius:var(--r-sm);font-size:16px;font-weight:700;cursor:pointer;white-space:nowrap;text-decoration:none;transition:background .15s ease,transform .18s var(--ease),box-shadow .18s ease,border-color .15s ease}
.ui-btn:disabled,.ui-btn[aria-disabled="true"]{opacity:.45;cursor:not-allowed;transform:none!important}
.ui-btn-lime,.ui-btn-primary{background:var(--blue);color:#fff;box-shadow:0 1px 2px rgba(0,0,0,.12),0 6px 14px rgba(0,0,0,.12)}
.ui-btn-lime:hover,.ui-btn-primary:hover{background:var(--blue-hover);box-shadow:0 1px 2px rgba(0,0,0,.14),0 10px 20px rgba(0,0,0,.16)}
.ui-btn:active{transform:scale(.98)}
.ui-btn-ink{background:var(--ink);color:#fff}
.ui-btn-ink:hover{background:var(--ink-hover)}
.ui-btn-soft{background:var(--bg-grey);color:var(--ink)}
.ui-btn-soft:hover{background:var(--hover)}
.ui-btn-line{background:#fff;color:var(--ink);border:1px solid var(--line-strong)}
.ui-btn-line:hover{border-color:var(--ink)}
.ui-btn-ghost{background:transparent;color:var(--ink);padding:0 12px}
.ui-btn-ghost:hover{background:var(--hover)}
.ui-btn-sm{height:44px;padding:0 18px;font-size:15px;border-radius:12px}
.ui-btn-lg{height:60px;padding:0 30px;font-size:17px;border-radius:var(--r-md)}
.ui-btn-block{width:100%}
.ui-link{color:var(--lime-ink);font-weight:700;text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1.5px;cursor:pointer;background:none;border:0;padding:0;font-size:inherit}
.ui-link:hover{color:var(--ink)}

/* большой выбор: «Хочу купить» / «Хочу продать» */
.ui-choice{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:88px;padding:14px 14px 14px 26px;border:0;border-radius:22px;text-align:left;cursor:pointer;transition:transform .2s var(--ease),box-shadow .2s ease}
.ui-choice:hover{transform:translateY(-2px)}
.ui-choice-t{display:block;font-size:22px;font-weight:700;letter-spacing:-.03em;line-height:1.3}
.ui-choice-s{display:block;font-size:15px;font-weight:500;margin-top:3px}
.ui-choice-ic{flex:0 0 auto;width:58px;height:58px;border-radius:16px;display:flex;align-items:center;justify-content:center}
.ui-choice-ic svg{animation:uiNudge 1.8s ease-in-out infinite}
.ui-choice-buy{background:var(--blue);color:#fff;box-shadow:var(--sh-lime)}
.ui-choice-buy .ui-choice-s{color:rgba(255,255,255,.82)}
.ui-choice-buy .ui-choice-ic{background:#fff;color:var(--blue)}
.ui-choice-sell{background:var(--ink);color:#fff;box-shadow:0 12px 28px rgba(0,0,0,.22)}
.ui-choice-sell .ui-choice-s{color:#9db6ff}
.ui-choice-sell .ui-choice-ic{background:var(--blue);color:#fff}

/* ---------- поверхности ---------- */
.ui-card{background:#fff;border:1px solid var(--line);border-radius:var(--r-lg);padding:clamp(18px,2.2vw,28px)}
.ui-card-flat{background:#fff;border-radius:var(--r-lg);padding:clamp(18px,2.2vw,28px)}
.ui-card-tint{background:var(--bg-tint);border:1px solid var(--lime-soft2);border-radius:var(--r-lg);padding:clamp(18px,2.2vw,28px)}
.ui-card-ink{background:var(--ink);color:#fff;border-radius:var(--r-lg);padding:clamp(18px,2.2vw,28px)}
.ui-card-ink .ui-sub,.ui-card-ink .ui-small{color:rgba(255,255,255,.72)}
.ui-card-lime{background:var(--blue);color:#fff;border-radius:var(--r-lg);padding:clamp(18px,2.2vw,28px)}
.ui-hr{height:1px;background:var(--line);border:0;margin:0}
.ui-click{cursor:pointer;transition:transform .18s var(--ease),box-shadow .18s ease,border-color .15s ease}
@media (hover:hover){.ui-click:hover{transform:translateY(-2px);border-color:var(--blue-soft2)}}

/* строки-ссылки (списки инструментов, меню) */
.ui-rowlink{display:flex;align-items:center;gap:16px;width:100%;padding:18px 4px;border:0;border-top:1px solid var(--line);background:transparent;text-align:left;cursor:pointer;color:var(--ink);transition:color .15s ease}
.ui-rowlink:first-child{border-top:0}
.ui-rowlink:hover{color:var(--lime-ink)}
.ui-rowlink-ic{flex:0 0 auto;width:46px;height:46px;border-radius:14px;background:var(--lime-soft);color:var(--lime-ink);display:flex;align-items:center;justify-content:center}
.ui-rowlink-t{display:block;font-size:17px;font-weight:700;letter-spacing:-.01em}
.ui-rowlink-s{display:block;font-size:15px;color:var(--text-2);margin-top:1px}
.ui-rowlink-arrow{flex:0 0 auto;margin-left:auto;color:currentColor}

/* ---------- метки ---------- */
.ui-tag{display:inline-flex;align-items:center;gap:6px;height:28px;padding:0 11px;border-radius:var(--r-pill);font-size:13px;font-weight:700;white-space:nowrap;line-height:1}
.ui-tag-free{background:var(--lime-soft);color:var(--lime-ink)}
.ui-tag-paid{background:var(--bg-grey);color:var(--text-2)}
.ui-tag-ink{background:var(--ink);color:#fff}
.ui-tag-warn{background:var(--amber-soft);color:var(--amber)}
.ui-tag-bad{background:var(--red-soft);color:var(--red)}
.ui-tag-line{background:#fff;border:1px solid var(--line);color:var(--text-2)}

/* чипы-переключатели */
.ui-chips{display:flex;flex-wrap:wrap;gap:8px}
.ui-chips-scroll{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;padding-bottom:2px}
.ui-chips-scroll::-webkit-scrollbar{display:none}
.ui-chip{flex:0 0 auto;display:inline-flex;align-items:center;gap:8px;height:46px;padding:0 18px;border:1px solid var(--line-strong);border-radius:var(--r-pill);background:#fff;color:var(--ink);font-size:15px;font-weight:500;cursor:pointer;white-space:nowrap;transition:background .15s ease,border-color .15s ease,color .15s ease}
.ui-chip:hover{border-color:var(--ink)}
.ui-chip.is-on{background:var(--blue);border-color:var(--blue);color:#fff}
.ui-chip-sm{height:40px;padding:0 14px;font-size:14px}

/* варианты ответа в шагах (крупные плитки) */
.ui-opts{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,200px),1fr));gap:12px}
.ui-opt{display:flex;flex-direction:column;align-items:flex-start;gap:4px;min-height:84px;padding:18px 20px;border:1.5px solid var(--line);border-radius:var(--r-md);background:#fff;text-align:left;cursor:pointer;transition:border-color .15s ease,transform .18s var(--ease),background .15s ease}
.ui-opt:hover{border-color:var(--ink);transform:translateY(-2px)}
.ui-opt.is-on{border-color:var(--blue);background:var(--blue-soft);outline:3px solid var(--blue-soft2);outline-offset:0}
.ui-opt-t{font-size:18px;font-weight:700;letter-spacing:-.02em}
.ui-opt-s{font-size:14px;color:var(--text-2);font-weight:500}

/* ---------- поля ---------- */
.ui-label{display:block;font-size:15px;font-weight:700;color:var(--ink);margin:0 0 8px}
.ui-hint{font-size:14px;color:var(--text-3);margin-top:6px}
.ui-field{width:100%;height:56px;padding:0 18px;border:1.5px solid var(--line);border-radius:var(--r-sm);background:var(--bg-tint);color:var(--ink);font-size:17px;font-weight:500;outline:none;transition:border-color .15s ease,background .15s ease}
.ui-field:hover{border-color:var(--line-strong)}
.ui-field:focus{border-color:var(--blue);background:#fff;outline:4px solid var(--blue-soft);outline-offset:0}
.ui-field.is-bad{border-color:var(--red);background:var(--red-soft)}
textarea.ui-field{height:auto;min-height:112px;padding:14px 18px;line-height:1.5;resize:vertical}
select.ui-field{appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none' stroke='%23171a12' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 16px center;padding-right:48px}
.ui-err{font-size:14px;font-weight:500;color:var(--red);margin-top:6px}
.ui-check{display:flex;align-items:flex-start;gap:12px;font-size:15px;line-height:1.45;cursor:pointer}
.ui-check input{width:22px;height:22px;margin:1px 0 0;accent-color:var(--blue);flex:0 0 auto}
input[type=range]{accent-color:var(--blue)}

/* поиск с подсказками */
.ui-suggest{position:absolute;left:0;right:0;top:calc(100% + 6px);z-index:40;background:#fff;border:1px solid var(--line);border-radius:var(--r-md);box-shadow:var(--sh-pop);padding:6px;max-height:340px;overflow:auto}
.ui-suggest-i{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;min-height:52px;padding:8px 14px;border:0;border-radius:12px;background:transparent;text-align:left;cursor:pointer;font-size:16px;font-weight:500}
.ui-suggest-i:hover,.ui-suggest-i.is-on{background:var(--lime-soft)}

/* ---------- карточка ЖК (единая везде) ---------- */
.ui-jk{display:flex;flex-direction:column;background:#fff;border:1px solid var(--line);border-radius:var(--r-lg);overflow:hidden;text-align:left;cursor:pointer;padding:0;color:var(--ink);transition:transform .2s var(--ease),box-shadow .2s ease,border-color .15s ease}
@media (hover:hover){.ui-jk:hover{transform:translateY(-3px);border-color:var(--blue-soft2)}}
.ui-jk-img{position:relative;display:block;aspect-ratio:4/3;background:var(--bg-grey);overflow:hidden}
.ui-jk-img img{width:100%;height:100%;object-fit:cover;transition:transform .5s var(--ease)}
@media (hover:hover){.ui-jk:hover .ui-jk-img img{transform:scale(1.03)}}
.ui-jk-noimg{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;color:#b4bdd0}
.ui-jk-badges{position:absolute;left:12px;top:12px;display:flex;gap:6px;flex-wrap:wrap}
.ui-jk-badges .ui-tag{background:rgba(255,255,255,.94);color:var(--ink);backdrop-filter:blur(6px)}
.ui-jk-body{display:flex;flex-direction:column;gap:4px;padding:16px 18px 18px}
.ui-jk-name{font-size:19px;font-weight:700;letter-spacing:-.02em;line-height:1.2}
.ui-jk-meta{font-size:14px;color:var(--text-3)}
.ui-jk-price{margin-top:10px;font-size:15px;color:var(--text-2);line-height:1.4}
.ui-jk-price b{display:block;font-size:22px;font-weight:700;letter-spacing:-.02em;color:var(--ink);font-variant-numeric:tabular-nums}
.ui-jk-foot{display:flex;align-items:center;gap:8px;margin-top:10px;font-size:14px;font-weight:500;color:var(--text-2)}
.ui-speed{display:inline-flex;align-items:center;gap:6px}
.ui-speed i{width:8px;height:8px;border-radius:99px;background:var(--line-strong)}
.ui-speed.s3 i:nth-child(-n+3),.ui-speed.s2 i:nth-child(-n+2),.ui-speed.s1 i:nth-child(1){background:var(--blue)}

/* ---------- шаги (онбординг/мастера) ---------- */
.ui-flow{max-width:760px;margin:0 auto;padding:clamp(28px,5vw,64px) var(--gutter) 48px;animation:uiIn .45s var(--ease) both}
.ui-progress{display:flex;align-items:center;gap:14px;margin-bottom:28px}
.ui-progress-bar{flex:1 1 auto;height:6px;border-radius:99px;background:var(--track);overflow:hidden}
.ui-progress-bar span{display:block;height:100%;border-radius:99px;background:linear-gradient(90deg,var(--blue),#5b8cff)}
.ui-progress-n{font-size:14px;font-weight:700;color:var(--text-2);white-space:nowrap}
.ui-flow-q{font-size:clamp(28px,3.4vw,40px);letter-spacing:-.03em;line-height:1.1;margin-bottom:10px}
.ui-flow-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:28px}

/* ---------- ответ-цена (крупная понятная цифра) ---------- */
.ui-answer{border-radius:var(--r-lg);background:linear-gradient(135deg,#2458f5 0%,#1740c2 100%);color:#fff;padding:clamp(22px,3vw,36px)}
.ui-answer-big{font-size:clamp(34px,5vw,56px);font-weight:700;letter-spacing:-.04em;line-height:1.02;font-variant-numeric:tabular-nums}
.ui-answer-s{font-size:17px;font-weight:500;color:rgba(255,255,255,.86);margin-top:8px;max-width:56ch}

/* факты «слово + пояснение» */
.ui-facts{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr));gap:12px}
.ui-fact{background:var(--bg-grey);border-radius:var(--r-md);padding:18px 20px}
.ui-fact-l{font-size:14px;font-weight:500;color:var(--text-2)}
.ui-fact-v{font-size:22px;font-weight:700;letter-spacing:-.02em;margin-top:4px;font-variant-numeric:tabular-nums}
.ui-fact-s{font-size:14px;color:var(--text-3);margin-top:2px}

/* список сделок */
.ui-deals{display:flex;flex-direction:column}
.ui-deal{display:grid;grid-template-columns:120px minmax(0,1fr) auto;gap:6px 16px;align-items:baseline;padding:14px 0;border-top:1px solid var(--line)}
.ui-deal:first-child{border-top:0}
.ui-deal-d{font-size:15px;color:var(--text-3);font-variant-numeric:tabular-nums}
.ui-deal-a{font-size:16px;font-weight:500}
.ui-deal-p{font-size:18px;font-weight:700;text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}
.ui-deal-n{grid-column:2/4;display:flex;flex-wrap:wrap;gap:6px}
@media (max-width:560px){.ui-deal{grid-template-columns:minmax(0,1fr) auto}.ui-deal-d{grid-column:1/3}.ui-deal-n{grid-column:1/3}}

/* ---------- лимиты / баланс ---------- */
.ui-meter{display:flex;flex-direction:column;gap:8px}
.ui-meter-top{display:flex;justify-content:space-between;gap:12px;font-size:15px;font-weight:500}
.ui-meter-bar{height:8px;border-radius:99px;background:var(--track);overflow:hidden}
.ui-meter-bar span{display:block;height:100%;border-radius:99px;background:var(--blue)}

/* ---------- окна и шторки ---------- */
.ui-sheet{position:fixed;inset:0;z-index:200;background:rgba(11,22,51,.5);display:flex;align-items:center;justify-content:center;padding:clamp(12px,3vw,32px);animation:uiIn .25s ease both}
.ui-sheet-box{position:relative;width:min(560px,100%);max-height:92vh;overflow:auto;background:#fff;border-radius:28px;padding:clamp(22px,3vw,34px);box-shadow:var(--sh-pop)}
.ui-sheet-x{position:absolute;top:14px;right:14px;width:44px;height:44px;border:0;border-radius:99px;background:var(--bg-grey);cursor:pointer;display:flex;align-items:center;justify-content:center}
@media (max-width:640px){.ui-sheet{align-items:flex-end;padding:0}.ui-sheet-box{width:100%;max-height:94vh;border-radius:26px 26px 0 0;padding:26px 18px calc(20px + env(safe-area-inset-bottom))}}

/* ---------- чат ---------- */
.ui-msgs{display:grid;grid-template-columns:340px minmax(0,1fr);gap:16px;align-items:start}
.ui-thread-i{display:flex;gap:12px;align-items:center;width:100%;padding:14px;border:0;border-radius:var(--r-md);background:transparent;text-align:left;cursor:pointer}
.ui-thread-i:hover{background:var(--bg-grey)}
.ui-thread-i.is-on{background:var(--lime-soft)}
.ui-bubble{max-width:78%;padding:12px 16px;border-radius:20px;font-size:16px;line-height:1.45}
.ui-bubble-me{align-self:flex-end;background:var(--blue);color:#fff;border-bottom-right-radius:6px}
.ui-bubble-them{align-self:flex-start;background:var(--bg-grey);border-bottom-left-radius:6px}
@media (max-width:860px){.ui-msgs{grid-template-columns:minmax(0,1fr)}}

/* ---------- подвал ---------- */
.ui-foot{border-top:1px solid var(--line);background:#fff;padding:40px 0 48px;font-size:14px;color:var(--text-3);line-height:1.6}
.ui-foot a{color:var(--text-2);text-decoration:underline;text-underline-offset:3px}
.ui-foot a:hover{color:var(--ink)}

/* ---------- пустые состояния, загрузка ---------- */
.ui-empty{display:flex;flex-direction:column;align-items:center;text-align:center;gap:10px;padding:48px 20px;border:1.5px dashed var(--line-strong);border-radius:var(--r-lg);color:var(--text-2)}
.ui-spinner{width:22px;height:22px;border-radius:99px;border:2.5px solid currentColor;border-right-color:transparent;animation:uiSpin .8s linear infinite}
.ui-skel{border-radius:12px;background:linear-gradient(90deg,var(--bg-grey) 25%,var(--hover) 50%,var(--bg-grey) 75%);background-size:200% 100%;animation:uiShimmer 1.4s linear infinite}
.ui-toast{position:fixed;left:50%;bottom:calc(92px + env(safe-area-inset-bottom));transform:translateX(-50%);z-index:300;background:var(--ink);color:#fff;padding:14px 22px;border-radius:var(--r-pill);font-size:15px;font-weight:500;box-shadow:var(--sh-pop);animation:uiIn .3s var(--ease) both}
@media (min-width:861px){.ui-toast{bottom:32px}}

/* ================= v7: синий мир, инструменты, анимации ================= */
.ui-h1{font-weight:900;letter-spacing:-.03em}
.ui-logo-ic{background:var(--blue)}
.ui-logo-ic svg{stroke:#fff}
/* главные кнопки: крупная синяя со стрелкой в круге, вторичная — контурная */
.ui-cta{display:inline-flex;align-items:center;justify-content:space-between;gap:14px;height:62px;padding:0 9px 0 28px;border:0;border-radius:var(--r-pill);background:var(--blue);color:#fff;font-size:18px;font-weight:700;cursor:pointer;box-shadow:0 2px 4px rgba(0,0,0,.12),0 12px 26px rgba(0,0,0,.16);transition:background .15s ease,box-shadow .2s ease,transform .2s var(--ease)}
.ui-cta:hover{background:var(--blue-hover);box-shadow:0 2px 4px rgba(0,0,0,.14),0 16px 32px rgba(0,0,0,.2);transform:translateY(-1px)}
.ui-cta:active{transform:scale(.98)}
.ui-cta-arrow{width:44px;height:44px;border-radius:99px;background:#fff;color:var(--blue);display:flex;align-items:center;justify-content:center;transition:transform .25s var(--ease)}
.ui-cta:hover .ui-cta-arrow{transform:translateX(3px)}
.ui-cta-2{display:inline-flex;align-items:center;justify-content:center;gap:10px;height:62px;padding:0 26px;border:1.5px solid var(--line-strong);border-radius:var(--r-pill);background:#fff;color:var(--ink);font-size:17px;font-weight:700;cursor:pointer;transition:border-color .15s ease,background .15s ease}
.ui-cta-2:hover{border-color:var(--blue);background:var(--blue-soft)}
@media (max-width:560px){.ui-cta,.ui-cta-2{width:100%;height:58px;font-size:17px}}
/* бейджи инструментов */
.ui-badge-ph{display:inline-flex;align-items:center;gap:6px;height:28px;padding:0 11px 0 5px;border-radius:99px;background:rgba(255,255,255,.18);color:#fff;font-size:13px;font-weight:700;white-space:nowrap}
.ui-badge-ph i{width:19px;height:19px;border-radius:6px;background:#fff;display:flex;align-items:center;justify-content:center}
.ui-badge-free{display:inline-flex;align-items:center;height:28px;padding:0 12px;border-radius:99px;background:#fff;color:var(--t-jk);font-size:13px;font-weight:700}
/* карточки инструментов — у каждого свой цвет */
.ui-tool{position:relative;display:flex;flex-direction:column;gap:10px;min-height:236px;padding:26px;border:0;border-radius:28px;color:#fff;text-align:left;cursor:pointer;overflow:hidden;isolation:isolate;font:inherit;transition:transform .25s var(--ease),box-shadow .25s ease}
@media (hover:hover){.ui-tool:hover{transform:translateY(-4px)}}
.ui-tool-top{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}
.ui-tool-ic{width:56px;height:56px;border-radius:18px;background:rgba(255,255,255,.16);display:flex;align-items:center;justify-content:center}
.ui-tool-t{font-size:23px;font-weight:700;letter-spacing:-.02em;line-height:1.22;margin-top:auto}
.ui-tool-s{font-size:15.5px;line-height:1.45;color:rgba(255,255,255,.88);max-width:36ch}
.ui-tool-go{display:inline-flex;align-items:center;gap:8px;font-size:15px;font-weight:700;margin-top:4px}
.ui-tool-go svg{transition:transform .25s var(--ease)}
.ui-tool:hover .ui-tool-go svg{transform:translateX(4px)}
.ui-tool-est{background:linear-gradient(145deg,#3a6bff 0%,#1f4fe6 100%);box-shadow:0 2px 4px rgba(0,0,0,.1),0 16px 34px rgba(0,0,0,.14)}
.ui-tool-rka{background:linear-gradient(145deg,#1d3070 0%,#0b1633 100%);box-shadow:0 2px 4px rgba(0,0,0,.12),0 16px 34px rgba(0,0,0,.18)}
.ui-tool-jk{background:linear-gradient(145deg,#12a693 0%,#0a7f71 100%);box-shadow:0 2px 4px rgba(0,0,0,.1),0 16px 34px rgba(0,0,0,.14)}
.ui-tool-tour{background:linear-gradient(145deg,#8062ff 0%,#5a36f0 100%);box-shadow:0 2px 4px rgba(0,0,0,.1),0 16px 34px rgba(0,0,0,.14)}
.ui-tools-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
@media (max-width:1100px){.ui-tools-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:560px){.ui-tools-grid{grid-template-columns:minmax(0,1fr)}.ui-tool{min-height:0;padding:22px}}
/* кнопка «Безлимит» — живая градиентная рамка и блик */
@property --uiAng{syntax:"<angle>";inherits:false;initial-value:0deg}
.ui-unlim{position:relative;display:inline-flex;align-items:center;gap:12px;height:60px;padding:0 9px 0 12px;border:0;border-radius:99px;background:#0b1633;color:#fff;font-size:16px;font-weight:700;cursor:pointer;isolation:isolate;overflow:hidden;box-shadow:0 2px 4px rgba(0,0,0,.14),0 12px 26px rgba(0,0,0,.2);transition:transform .2s var(--ease),box-shadow .2s ease;font-family:inherit}
.ui-unlim::before{content:"";position:absolute;inset:0;border-radius:inherit;padding:2px;background:conic-gradient(from var(--uiAng),#2458f5,#6b46ff,#12a693,#5b8cff,#2458f5);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;animation:uiSpinAng 3.2s linear infinite;z-index:-1}
.ui-unlim::after{content:"";position:absolute;top:0;bottom:0;left:-40%;width:30%;background:linear-gradient(100deg,transparent,rgba(255,255,255,.22),transparent);transform:skewX(-18deg);animation:uiSheen 3.6s var(--ease) infinite;pointer-events:none}
.ui-unlim:hover{transform:translateY(-2px);box-shadow:0 2px 4px rgba(0,0,0,.16),0 16px 32px rgba(0,0,0,.24)}
.ui-unlim:active{transform:scale(.98)}
.ui-unlim-inf{flex:0 0 auto;width:38px;height:38px;border-radius:99px;background:linear-gradient(135deg,#2458f5,#6b46ff);display:flex;align-items:center;justify-content:center}
.ui-unlim-t{display:flex;flex-direction:column;line-height:1.3;text-align:left}
.ui-unlim-t small{font-size:12.5px;font-weight:500;color:#aebde6}
.ui-unlim-price{flex:0 0 auto;height:42px;padding:0 16px;border-radius:99px;background:#fff;color:#0b1633;display:flex;align-items:center;font-size:16px;font-weight:900;margin-left:auto}
.ui-unlim-block{width:100%}
@keyframes uiSpinAng{to{--uiAng:360deg}}
@keyframes uiSheen{0%,55%{left:-40%}100%{left:130%}}
/* раскрытие ответа — фокусный момент: цифра «прорисовывается» слева направо */
@keyframes uiReveal{from{clip-path:inset(0 100% 0 0);filter:blur(6px);opacity:.3}to{clip-path:inset(0 0 0 0);filter:blur(0);opacity:1}}
.ui-reveal{animation:uiReveal .75s var(--ease) both}
@keyframes uiPop{from{opacity:0;transform:translateY(14px) scale(.98)}to{opacity:1;transform:none}}
.ui-pop{animation:uiPop .5s var(--ease) both}
@keyframes uiSlideIn{from{opacity:0;transform:translateX(28px)}to{opacity:1;transform:none}}
.ui-step-in{animation:uiSlideIn .45s var(--ease) both}
@keyframes uiDraw{from{stroke-dashoffset:30}to{stroke-dashoffset:0}}
.ui-draw path{stroke-dasharray:30;animation:uiDraw .5s var(--ease) .1s both}
.ui-stagger>*{animation:uiPop .5s var(--ease) both}
.ui-stagger>*:nth-child(2){animation-delay:.06s}.ui-stagger>*:nth-child(3){animation-delay:.12s}.ui-stagger>*:nth-child(4){animation-delay:.18s}.ui-stagger>*:nth-child(5){animation-delay:.24s}.ui-stagger>*:nth-child(6){animation-delay:.3s}
@keyframes uiFade{from{opacity:0}to{opacity:1}}
@media (prefers-reduced-motion:reduce){.ui-unlim::before,.ui-unlim::after{animation:none}.ui-reveal,.ui-step-in,.ui-pop,.ui-stagger>*{animation:uiFade .3s ease both}}

/* ================= v9: возврат мира v6 — лайм #d6f84e + графит #171a12, Roboto; раскладка v8 не меняется ================= */
.ui-logo-ic{background:var(--lime)}
.ui-logo-ic svg{stroke:var(--ink)}
.ui-nav-a.is-on{background:var(--lime-soft);color:var(--lime-ink)}
.ui-dot-badge{background:var(--lime);color:var(--ink)}
.ui-avatar{background:var(--ink);color:var(--lime)}
@media (max-width:860px){.ui-tab.is-on{color:var(--ink)}.ui-tab.is-on .ui-tab-ic{background:var(--lime)}}
.ui-btn-lime,.ui-btn-primary{background:var(--lime);color:var(--ink);box-shadow:none}
.ui-btn-lime:hover,.ui-btn-primary:hover{background:var(--lime-hover);box-shadow:none}
.ui-link{color:var(--lime-ink)}
.ui-choice-buy{background:var(--lime);color:var(--ink)}
.ui-choice-buy .ui-choice-s{color:var(--lime-ink)}
.ui-choice-buy .ui-choice-ic{background:var(--ink);color:var(--lime)}
.ui-choice-sell .ui-choice-s{color:var(--lime-hover)}
.ui-choice-sell .ui-choice-ic{background:var(--lime);color:var(--ink)}
.ui-card-lime{background:var(--lime);color:var(--ink)}
.ui-chip.is-on{background:var(--ink);border-color:var(--ink);color:#fff}
.ui-opt.is-on{border-color:var(--ink);background:var(--lime-soft);outline-color:var(--lime-soft2)}
.ui-field:focus{border-color:var(--ink);outline-color:var(--lime-soft)}
.ui-check input,input[type=range]{accent-color:var(--lime-ink)}
.ui-speed.s3 i:nth-child(-n+3),.ui-speed.s2 i:nth-child(-n+2),.ui-speed.s1 i:nth-child(1){background:var(--lime-ink)}
.ui-progress-bar span{background:var(--ink)}
.ui-answer{background:var(--lime);color:var(--ink)}
.ui-answer-s{color:var(--lime-ink)}
.ui-meter-bar span{background:var(--ink)}
.ui-bubble-me{background:var(--ink);color:#fff}
.ui-tag-free{background:var(--lime-soft);color:var(--lime-ink)}
.ui-tag-ink{background:var(--ink);color:var(--lime)}
.ui-thread-i.is-on{background:var(--lime-soft)}
.ui-suggest-i:hover,.ui-suggest-i.is-on{background:var(--lime-soft)}
/* главная кнопка — как «Хочу купить» в v6: лайм, графитовая плитка со стрелкой */
.ui-cta{background:var(--lime);color:var(--ink);border-radius:20px;box-shadow:0 1px 2px rgba(0,0,0,.08),0 10px 22px rgba(0,0,0,.08)}
.ui-cta:hover{background:var(--lime-hover)}
.ui-cta-arrow{background:var(--ink);color:var(--lime);border-radius:14px}
.ui-cta-2{border-radius:20px}
.ui-cta-2:hover{border-color:var(--ink);background:var(--hover)}
/* инструменты: лайм, графит, светлый лайм */
.ui-tool-est{background:var(--lime);color:var(--ink)}
.ui-tool-est .ui-tool-s{color:rgba(23,26,18,.74)}
.ui-tool-est .ui-tool-ic{background:rgba(23,26,18,.08)}
.ui-tool-est .ui-badge-ph{background:var(--ink);color:#fff}
.ui-tool-rka{background:linear-gradient(145deg,#2b3021 0%,#171a12 100%)}
.ui-tool-rka .ui-badge-ph{background:rgba(214,248,78,.16);color:var(--lime)}
.ui-tool-rka .ui-tool-ic{color:var(--lime)}
.ui-tool-jk{background:var(--lime-soft);color:var(--ink);box-shadow:none;border:1px solid var(--lime-soft2)}
.ui-tool-jk .ui-tool-s{color:var(--text-2)}
.ui-tool-jk .ui-tool-ic{background:#fff;color:var(--lime-ink)}
.ui-badge-ph i{background:var(--lime)}
.ui-badge-free{background:var(--ink);color:var(--lime)}
.ui-tools-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
@media (max-width:1100px){.ui-tools-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:860px){.ui-tools-grid{grid-template-columns:minmax(0,1fr)}}
/* v12: вторичная кнопка шапки прячется на узком экране (/rka, /agent, /tour) */
@media (max-width:560px){.v7-hide-sm{display:none!important}}

/* ph-pay — общая шторка покупки через Kaspi (assets/ph-pay.js); каркас — ui-sheet/ui-sheet-box/ui-btn, здесь только раскладка */
.pp-sheet{background:rgba(23,26,18,.55)}
.pp-box{width:min(500px,100%)}
.pp-title{font-size:clamp(22px,2.4vw,26px);letter-spacing:-.025em;padding-right:52px;font-variant-numeric:tabular-nums;outline:none}
.pp-flat{margin-top:8px;font-size:16px;color:var(--text-2);font-variant-numeric:tabular-nums}
.pp-sub{margin-top:22px;font-size:15px;font-weight:700;color:var(--ink)}
.pp-list{list-style:none;margin:12px 0 0;padding:0;display:grid;gap:10px}
.pp-list-top{margin-top:20px}
.pp-list li{display:flex;align-items:flex-start;gap:12px;font-size:16px;line-height:1.4}
.pp-tick{flex:0 0 auto;width:22px;height:22px;margin-top:0;border-radius:var(--r-pill);background:var(--lime);color:var(--ink);display:flex;align-items:center;justify-content:center}
.pp-note{margin-top:20px;padding:14px 16px;border-radius:var(--r-sm);background:var(--bg-grey);font-size:15px;line-height:1.45;color:var(--text-2)}
.pp-fine{margin-top:18px;display:grid;gap:4px;font-size:13px;line-height:1.45;color:var(--text-3)}
.pp-act{margin-top:22px}
.pp-act .ui-btn[aria-busy="true"]{opacity:1;cursor:progress}
.pp-err{margin-top:16px;padding:12px 16px;border-radius:var(--r-sm);background:var(--red-soft);color:var(--red);font-size:15px;font-weight:500}
.pp-qr{width:266px;margin:22px auto 0;padding:12px;border:1px solid var(--line);border-radius:var(--r-md);background:#fff}
.pp-qr img{width:240px;height:240px;display:block}
.pp-hint{margin-top:14px;text-align:center;font-weight:500}
.pp-left{min-height:1.55em;margin-top:4px;text-align:center;font-size:15px;color:var(--text-2);font-variant-numeric:tabular-nums}
.pp-wait{display:flex;align-items:center;justify-content:center;gap:10px;margin-top:14px;font-size:14px;color:var(--text-3)}
.pp-spin{width:16px;height:16px;flex:0 0 auto;border:2px solid var(--line-strong);border-top-color:var(--ink);border-radius:50%;animation:ppSpin .8s linear infinite}
@keyframes ppSpin{to{transform:rotate(360deg)}}
.pp-state{display:flex;flex-direction:column;align-items:center;gap:14px;padding:22px 0 4px;text-align:center}
.pp-state>p{max-width:32ch;font-size:18px;font-weight:500;line-height:1.4}
.pp-state-ic{width:60px;height:60px;border-radius:var(--r-pill);background:var(--lime);color:var(--ink);display:flex;align-items:center;justify-content:center}
.pp-state-ic.is-bad{background:var(--red-soft);color:var(--red)}
.pp-mob{display:none}
.pp-phone{display:none}
@media (max-width:640px){
  .pp-mob{display:flex;margin-top:18px}
  .pp-desk{display:none}
  .pp-phone{display:block;font-weight:400;color:var(--text-2)}
  .pp-qr{margin-top:16px}
}
@media (prefers-reduced-motion:reduce){.pp-spin{animation-duration:1.6s!important;animation-iteration-count:infinite!important}}

/* v13: меню «Инструменты» — шапка /, /rka, /agent, /tour, legal, /zhk/. Разметка: ph-shell.js toolsPanel() и шаблон главной (TOOLS_MENU) */
.ui-top-in{position:relative}
.ui-tools-btn{gap:4px;padding-right:12px}
.ui-tools-chev{flex:0 0 auto;transition:transform .16s var(--ease)}
.ui-tools-btn[aria-expanded="true"] .ui-tools-chev{transform:rotate(180deg)}
.ui-tools-btn[aria-expanded="true"]:not(.is-on){background:var(--hover)}
.ui-tools-mbtn{display:none}
.ui-tools-mbtn.is-on,.ui-tools-mbtn[aria-expanded="true"]{background:var(--lime);border-color:var(--lime)}
.ui-tools-panel{position:absolute;top:calc(100% + 6px);left:0;z-index:90;display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);width:min(780px,100%);background:#fff;border:1px solid var(--line);border-radius:var(--r-lg);box-shadow:0 18px 40px rgba(23,26,18,.14),0 2px 8px rgba(23,26,18,.06);overflow:hidden;
  opacity:0;visibility:hidden;transform:translateY(-6px);transition:opacity .14s ease,transform .16s var(--ease),visibility 0s linear .16s}
.ui-tools-panel.is-open{opacity:1;visibility:visible;transform:none;transition:opacity .14s ease,transform .16s var(--ease),visibility 0s}
.ui-tools-col{display:flex;flex-direction:column;gap:2px;padding:18px 14px 14px}
.ui-tools-col+.ui-tools-col{background:var(--bg-grey);border-left:1px solid var(--line)}
.ui-tools-h{margin:0 10px 8px;font-size:13px;font-weight:700;line-height:1.3;color:var(--text-3)}
.ui-tools-i{display:flex;align-items:flex-start;gap:12px;padding:10px;border-radius:var(--r-sm);color:var(--ink);text-decoration:none;background:transparent;border:0;text-align:left;cursor:pointer;font:inherit;transition:background .12s ease}
.ui-tools-i:hover{background:var(--hover)}
.ui-tools-col+.ui-tools-col .ui-tools-i:hover{background:#fff}
.ui-tools-i.is-on{background:var(--lime-soft)}
.ui-tools-i:focus-visible{outline-offset:-2px}
.ui-tools-ic{flex:0 0 auto;width:38px;height:38px;border-radius:11px;background:var(--lime-soft);color:var(--lime-ink);display:flex;align-items:center;justify-content:center}
.ui-tools-ic svg{width:20px;height:20px}
.ui-tools-col+.ui-tools-col .ui-tools-ic{background:#fff;color:var(--ink);box-shadow:inset 0 0 0 1px var(--line)}
.ui-tools-i.is-on .ui-tools-ic{background:var(--lime);color:var(--ink);box-shadow:none}
.ui-tools-b{display:flex;flex-direction:column;gap:2px;min-width:0;padding-top:1px}
.ui-tools-t{font-size:15px;font-weight:700;line-height:1.3;text-wrap:balance}
.ui-tools-s{font-size:13.5px;line-height:1.4;color:var(--text-2)}
/* шапка из пяти пунктов: на средней ширине плотнее, «Регистрация» уходит (остаётся «Войти») */
/* «Новости» (2026-10-01): седьмой пункт шапки; до 1480px пункты плотнее, до 1060px «Новости» только в меню «Инструменты» и подвале */
@media (max-width:1480px) and (min-width:1181px){.ui-nav{gap:0}.ui-nav-a{padding:0 12px}}
@media (max-width:1060px){.ui-nav-news{display:none}}
@media (max-width:1180px) and (min-width:861px){.ui-nav{gap:0}.ui-nav-a{padding:0 11px;font-size:15px}.ui-tools-btn{padding-right:8px}}
@media (max-width:1060px) and (min-width:861px){.ui-top-right .ui-btn-primary{display:none}}
@media (max-width:860px){
  .ui-tools-mbtn{display:flex}
  .ui-tools-panel{position:absolute;top:100%;left:0!important;right:0;width:auto;grid-template-columns:minmax(0,1fr);border-width:1px 0;border-radius:0 0 var(--r-lg) var(--r-lg);max-height:calc(100dvh - 60px - 78px - env(safe-area-inset-bottom));overflow-y:auto;overscroll-behavior:contain}
  .ui-tools-col{padding:14px var(--gutter) 10px}
  .ui-tools-col+.ui-tools-col{border-left:0;border-top:1px solid var(--line);padding-bottom:16px}
  .ui-tools-i{min-height:56px;padding:9px 8px}
}
@media (prefers-reduced-motion:reduce){.ui-tools-panel,.ui-tools-panel.is-open{transform:none;transition:opacity .12s ease,visibility 0s}.ui-tools-chev{transition:none}}

/* v14: онбординг-тур (assets/ph-tour.js): затемнение с «дырой» вокруг настоящего элемента + карточка-подсказка */
.ph-tour{position:fixed;inset:0;z-index:190;pointer-events:none}
.ph-tour-block{position:absolute;inset:0;pointer-events:auto;cursor:default}
.ph-tour-hole{position:fixed;left:0;top:0;width:0;height:0;border-radius:16px;pointer-events:none;
  box-shadow:0 0 0 3px var(--lime),0 0 0 200vmax rgba(23,26,18,.62);
  transition:transform .35s var(--ease),width .35s var(--ease),height .35s var(--ease),box-shadow .25s ease}
.ph-tour-hole.is-none{box-shadow:0 0 0 0 transparent,0 0 0 200vmax rgba(23,26,18,.62)}
.ph-tour-card{position:fixed;left:0;top:0;width:min(372px,calc(100vw - 24px));pointer-events:auto;background:#fff;color:var(--text);border-radius:var(--r-lg);
  padding:20px 20px 16px;box-shadow:0 18px 44px rgba(23,26,18,.28),0 3px 10px rgba(23,26,18,.12);
  transition:transform .35s var(--ease),opacity .2s ease;outline:none}
.ph-tour-card.is-wide{width:min(540px,calc(100vw - 24px));padding:30px 30px 22px}
.ph-tour-card[aria-busy="true"]{opacity:.72}
.ph-tour-now .ph-tour-hole,.ph-tour-now .ph-tour-card{transition:none}
.ph-tour-meta{display:flex;align-items:center;gap:10px;margin-bottom:10px}
.ph-tour-dots{display:flex;gap:5px}
.ph-tour-dot{width:7px;height:7px;border-radius:99px;background:var(--track);transition:width .25s var(--ease),background .2s ease}
.ph-tour-dot.is-past{background:var(--text-3)}
.ph-tour-dot.is-on{width:20px;background:var(--ink)}
.ph-tour-of{font-size:13px;font-weight:500;color:var(--text-3);font-variant-numeric:tabular-nums}
.ph-tour-title{font-size:19px;line-height:1.25;letter-spacing:-.015em;color:var(--ink);outline:none}
.ph-tour-title-lg{font-size:clamp(22px,3vw,27px);letter-spacing:-.025em}
.ph-tour-text{margin-top:6px;font-size:15px;line-height:1.5;color:var(--text-2)}
.ph-tour-miss{margin-top:8px;font-size:13.5px;line-height:1.45;color:var(--amber)}
.ph-tour-acts{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:16px}
.ph-tour-acts-end{justify-content:flex-end;flex-wrap:wrap;margin-top:22px}
.ph-tour-nav{display:flex;gap:8px}
.ph-tour-skip,.ph-tour-self{border:0;background:none;padding:10px 4px;font-size:14.5px;font-weight:500;color:var(--text-2);cursor:pointer;text-decoration:underline;text-underline-offset:3px;text-decoration-color:var(--line-strong)}
.ph-tour-skip:hover,.ph-tour-self:hover{color:var(--ink);text-decoration-color:currentColor}
.ph-tour-self{display:block;margin:14px auto 0}
.ph-tour-choices{display:grid;gap:10px;margin-top:20px}
.ph-tour-choice{display:flex;align-items:center;gap:16px;width:100%;padding:16px 18px;border:1px solid var(--line-strong);border-radius:var(--r-md);background:#fff;text-align:left;cursor:pointer;
  transition:border-color .15s ease,background .15s ease,transform .18s var(--ease)}
.ph-tour-choice:hover{border-color:var(--ink);background:var(--bg-tint)}
.ph-tour-choice:active{transform:scale(.99)}
.ph-tour-choice-ic{flex:0 0 auto;width:52px;height:52px;border-radius:14px;background:var(--lime);color:var(--ink);display:flex;align-items:center;justify-content:center}
.ph-tour-choice+.ph-tour-choice .ph-tour-choice-ic{background:var(--ink);color:var(--lime)}
.ph-tour-choice-b{display:flex;flex-direction:column;gap:3px;min-width:0}
.ph-tour-choice-b b{font-size:18px;line-height:1.25;color:var(--ink)}
.ph-tour-choice-b small{font-size:14px;line-height:1.4;color:var(--text-2)}
.ph-tour-ok{display:flex;width:52px;height:52px;border-radius:99px;background:var(--lime);color:var(--ink);align-items:center;justify-content:center;margin-bottom:14px}
@media (max-width:640px){
  .ph-tour-card,.ph-tour-card.is-wide{left:0;right:0;top:auto;bottom:0;width:100%;transform:none!important;border-radius:22px 22px 0 0;
    padding:18px 16px calc(14px + env(safe-area-inset-bottom));max-height:70vh;overflow:auto}
  .ph-tour-card.is-wide{padding-top:24px}
  .ph-tour-choice{padding:14px}
  .ph-tour-choice-ic{width:46px;height:46px}
}
@media (prefers-reduced-motion:reduce){.ph-tour-hole,.ph-tour-card,.ph-tour-dot{transition:none}}
.v14-tour-link{display:inline-flex;align-items:center;gap:8px;margin:14px 0 4px;font-weight:500}
.v14-tour-link svg{flex:0 0 auto;color:var(--lime-ink)}