/* v5-chrome.css — шапка (світла, повне меню сайту) + підвал для всіх сторінок
   нового флоу. Свій шар: premium/funnel сюди не підключаються.
   Меню — точний список Віктора 17.07. UX: тач-цілі ≥44px, focus-visible,
   контраст ≥4.5:1, press-scale (ui-ux-pro-max §1–2). */

/* ── ШАПКА ── */
.vh{background:#fff;border-bottom:1px solid #E4E8F1;position:relative;z-index:40;
  font-family:'Manrope',system-ui,sans-serif}
.vh *{box-sizing:border-box}
/* Шапка живе БЕЗ обмеження 1240: 8 пунктів (RU довші) + мова + кабінет.
   Пункти щільні; не влазить — бургер (media нижче), НЕ обрізання. */
.vh__in{max-width:1500px;margin:0 auto;padding:0 24px;height:64px;
  display:flex;align-items:center;gap:10px}
.vh__logo{display:flex;align-items:center;flex:0 0 auto}
.vh__logo svg{width:92px;height:35px;display:block}
.vh__nav{display:flex;align-items:center;gap:0;min-width:0}
.vh__nav a{display:inline-flex;align-items:center;min-height:44px;padding:0 7px;
  border-radius:10px;color:#101729;text-decoration:none;font-weight:600;font-size:13px;
  white-space:nowrap;transition:background .15s}
.vh__nav a:hover{background:#F1F3F8}
.vh__nav a:focus-visible,.vh__me:focus-visible{outline:3px solid #3B6FD9;outline-offset:2px}
.vh__lang{margin-left:auto;display:flex;gap:2px;background:#F1F3F8;border-radius:999px;padding:3px}
.vh__lang a{display:inline-flex;align-items:center;min-height:34px;padding:0 10px;
  border-radius:999px;color:#4A5570;text-decoration:none;font-weight:700;font-size:12.5px}
.vh__lang a.on{background:#101729;color:#fff}
.vh__me{display:inline-flex;align-items:center;min-height:44px;
  padding:0 15px;border:1.5px solid #101729;border-radius:999px;color:#101729;
  text-decoration:none;font-weight:700;font-size:13.5px;flex:0 0 auto;white-space:nowrap;
  transition:background .15s,color .15s}
.vh__me:hover{background:#101729;color:#fff}
.vh__me:active,.vh__nav a:active{transform:scale(.97)}
/* бургер: мобільний */
.vh__burger{display:none;position:relative;margin-left:6px}
.vh__burger summary{list-style:none;display:grid;gap:4px;place-content:center;
  width:44px;height:44px;border-radius:10px;cursor:pointer;border:1px solid #E4E8F1}
.vh__burger summary::-webkit-details-marker{display:none}
.vh__burger summary span{width:18px;height:2px;border-radius:2px;background:#101729;display:block}
.vh__burger nav{position:absolute;right:0;top:52px;background:#fff;border:1px solid #E4E8F1;
  border-radius:14px;box-shadow:0 14px 34px -12px rgba(10,16,36,.25);padding:8px;
  display:flex;flex-direction:column;min-width:220px;z-index:60}
.vh__burger nav a{display:flex;align-items:center;min-height:44px;padding:0 14px;
  border-radius:10px;color:#101729;text-decoration:none;font-weight:600;font-size:14px}
.vh__burger nav a:hover{background:#F1F3F8}
/* ⚠ ПОРІГ БУРГЕРА. Було 1400px — і меню ховалось на ЗВИЧАЙНИХ ноутбуках
   (1280/1366/1440 — найпоширеніші екрани), хоча бургер має бути телефонним
   (рев'ю Віктора 17.07: «оно вбок ушло, хотя такое только с телефона»).
   Меню ущільнене (13px/7px, gap 10px). Поріг ЗАМІРЯНИЙ, не на око:
   рендер 8 пунктів + UK/RU/EN + «Мій кабінет» потребує 1138px (укр) і
   1176px (рос — довші слова). Тому 1180px: вище — меню влазить цілим,
   нижче — бургер. Ноутбуки 1280/1366/1440 бачать повне меню. */
@media (max-width:1180px){
  .vh__nav{display:none}
  .vh__burger{display:block}
}
@media (max-width:900px){
  .vh__in{padding:0 18px;gap:12px}
  .vh__lang{display:none}
}

/* ── ПІДВАЛ ── */
/* без margin-top: на темному body зазор світив брудною смугою (аудит 17.07) */
.vf{background:#070C1B;color:#B9C2D4;margin-top:0;
  font-family:'Source Sans 3',system-ui,sans-serif;font-size:14px}
.vf *{box-sizing:border-box}
.vf a{color:#DCE2EE;text-decoration:none;min-height:32px;display:inline-flex;align-items:center}
.vf a:hover{color:#fff;text-decoration:underline}
.vf a:focus-visible{outline:3px solid #3B6FD9;outline-offset:2px;border-radius:6px}
.vf__in{max-width:1240px;margin:0 auto;padding:48px 40px 32px;
  display:grid;grid-template-columns:1.4fr 1fr 1fr 1.2fr;gap:32px}
.vf__brand svg{width:110px;height:42px;margin-bottom:14px}
.vf__brand p{margin:0 0 12px;max-width:280px;line-height:1.55;color:#8C96AC}
.vf__soc{display:flex;gap:14px}
.vf__soc a{color:#B9C2D4;font-weight:600}
.vf__col{display:flex;flex-direction:column;gap:2px;align-items:flex-start}
.vf__col h3{margin:0 0 10px;font-family:'Manrope',system-ui,sans-serif;font-weight:700;
  font-size:11.5px;letter-spacing:.1em;text-transform:uppercase;color:#67718A}
.vf__bar{border-top:1px solid #FFFFFF14;padding:16px 40px;max-width:1240px;margin:0 auto;
  display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;
  color:#8C96AC;font-size:12.5px}
.vf__pay{display:flex;gap:8px}
.vf__pay i{font-style:normal;border:1px solid #FFFFFF24;border-radius:999px;
  padding:4px 12px;font-size:11.5px;color:#B9C2D4}
@media (max-width:900px){
  .vf__in{grid-template-columns:1fr 1fr;padding:36px 18px 24px}
  .vf__bar{padding:14px 18px}
}
@media (max-width:560px){.vf__in{grid-template-columns:1fr}}