:root{
    --sky:#0857a5; --sky2:#0b78d8; --grad:linear-gradient(135deg,#0a6cc4,#083f8a);
    --cld:#f4f7fb; --ink:#132743; --muted:#5f7086; --line:#dee8f3; --gold:#f5b301;
  }
  *{box-sizing:border-box;margin:0;padding:0;}
  body{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;color:var(--ink);background:var(--cld);}
  a{color:inherit;text-decoration:none;}
  .sticky-head{position:sticky;top:0;z-index:60;box-shadow:0 2px 8px rgba(8,63,138,.12);}
  .topbar{background:#062f66;color:#cfe4f7;font-size:12px;padding:6px 20px;display:flex;justify-content:space-between;flex-wrap:wrap;gap:6px;}
  .topbar b{color:#fff;}
  header{background:#fff;border-bottom:1px solid var(--line);padding:4px 20px 3px;box-shadow:0 1px 4px rgba(8,87,165,.06);}
  .row{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:18px;flex-wrap:wrap;max-width:1280px;margin:0 auto;}
  .logo{display:flex;align-items:center;gap:9px;color:var(--ink);cursor:pointer;white-space:nowrap;}
  .logo .dot{width:40px;height:40px;background:var(--grad);border-radius:11px;color:#fff;display:grid;place-items:center;font-size:30px;flex:none;}
  .logo-text{display:flex;flex-direction:column;line-height:1.15;font-weight:800;font-size:20px;}
  .logo-sub{font-weight:500;font-size:10.5px;color:var(--muted);white-space:normal;max-width:220px;}
  nav ul{display:flex;gap:2px;list-style:none;flex-wrap:wrap;justify-content:center;}
  nav a{font-size:13.5px;font-weight:600;color:var(--ink);padding:8px 9px;border-radius:8px;cursor:pointer;}
  nav a:hover{background:var(--cld);color:var(--sky);}
  nav a.on{color:var(--sky2);background:var(--cld);}
  .auth{display:flex;justify-content:flex-end;gap:8px;align-items:center;flex-wrap:wrap;}
  /* Кнопки по центру (мессенджеры/приложение/кабинет) */
  .row-center{display:flex;justify-content:center;align-items:center;gap:10px;flex-wrap:wrap;padding-top:0;max-width:1280px;margin:0 auto;}
  .row-center .btn{padding:9px 16px;font-size:13px;}
  /* QR-блок в шапке (приложение) */
  .head-qr{display:flex;align-items:center;gap:14px;background:#f4f0fa;border:1px solid #d5c6ee;border-radius:14px;padding:16px 24px 16px 14px;cursor:pointer;transition:transform .15s,box-shadow .15s;box-shadow:0 4px 14px rgba(123,63,212,.12);}
  .head-qr:hover{transform:translateY(-2px);box-shadow:0 8px 20px rgba(123,63,212,.22);}
  .head-qr-img{width:96px;height:96px;border-radius:10px;border:1px solid #e2d8f2;background:#fff;flex:none;}
  .head-qr-text{display:flex;flex-direction:column;line-height:1.25;text-align:left;}
  .head-qr-text b{font-size:18px;color:#5b2ea6;font-weight:800;}
  .head-qr-text span{font-size:14px;color:#7b3fd4;font-weight:700;}
  .head-qr-text small{font-size:11.5px;color:var(--muted);font-weight:600;margin-top:2px;}
  body.dark .head-qr{background:#241b30;border-color:#5a3c7a;}
  body.dark .head-qr-img{background:#fff;border-color:#5a3c7a;}
  body.dark .head-qr-text b{color:#c9a5ff;}
  body.dark .head-qr-text span{color:#c9a5ff;}
  /* Длинная кликабельная лента-призыв под шапкой */
.top-zone{display:flex;align-items:center;justify-content:center;gap:8px;flex-wrap:wrap;margin-bottom:18px;}
  .top-cta{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;text-align:center;background:#eef;color:var(--sky2);font-size:14px;font-weight:700;padding:12px 30px;cursor:pointer;border:1px solid #c5d3e6;flex:0 1 auto;width:fit-content;min-width:260px;max-width:100%;font-family:inherit;letter-spacing:.3px;text-decoration:none;border-radius:10px;transition:background .15s;margin:0;}
  .top-cta:hover{background:#e2ecf8;}
  .top-cta small{font-size:12.5px;opacity:.9;font-weight:700;}
  body.dark .top-cta{background:#16263c;color:#7fc0ff;border-color:#2a4060;}
  body.dark .top-cta:hover{background:#1b2f4a;}
  .cta-slider{display:block;min-height:20px;min-width:0;text-align:center;white-space:normal;width:100%;}
  .cta-slide{display:none;white-space:normal;}
  .cta-slide.on{display:inline;}
  /* Блок шкалы цен (отдельный, после поиска) */
  /* === Оверлей статей: открывается ПО ЦЕНТРУ ЭКРАНА, плавающий крестик === */
  .article-overlay{position:fixed;inset:0;background:rgba(6,20,45,.55);z-index:9990;display:none;opacity:0;transition:opacity .2s;}
  .article-overlay.on{display:block;opacity:1;}
.article-sheet{position:fixed;left:50%;top:50%;width:min(900px,94vw);max-height:90vh;height:90vh;background:#fff;z-index:9995;overflow-y:auto;padding:28px 34px 60px;box-shadow:-10px 0 40px rgba(0,0,0,.3);transform:translate(-50%,-50%) scale(.97);opacity:0;visibility:hidden;pointer-events:none;transition:transform .25s,opacity .25s,visibility 0s .25s;font-size:17px;line-height:1.7;color:var(--ink,#1c2430);border-radius:16px;}
  .article-sheet.on{transform:translate(-50%,-50%) scale(1);opacity:1;visibility:visible;pointer-events:auto;transition:transform .25s,opacity .25s,visibility 0s;}
  body.dark .article-sheet{background:#121f33;color:#e7ecf4;}
  /* Шапка панели: крестик прилипает к панели статьи (не к углу экрана) */
  .article-sheet-head{position:sticky;top:0;z-index:10;display:flex;justify-content:flex-end;background:linear-gradient(#fff 60%, rgba(255,255,255,.0));padding:0 0 6px;margin:-28px -34px 8px;padding:14px 34px 8px 34px;border-radius:16px 16px 0 0;}
  body.dark .article-sheet-head{background:linear-gradient(#121f33 60%, rgba(18,31,51,.0));}
  #article-close{width:40px;height:40px;border-radius:50%;background:#fff;border:1px solid #c5d3e6;color:#062f66;font-size:24px;line-height:1;cursor:pointer;z-index:20;box-shadow:0 2px 10px rgba(0,0,0,.2);font-weight:700;display:none;align-items:center;justify-content:center;transition:background .15s,transform .1s;}
  #article-close.on{display:flex;}
  #article-close:hover{background:#f0f4fa;transform:scale(1.06);}
  body.dark #article-close{background:#1c2740;color:#fff;border-color:#3a4158;}
  /* плавающий крестик: всегда в углу при скролле (position:fixed уже) */
  .article-sheet h1{font-size:26px;line-height:1.35;color:var(--sky);margin-bottom:14px;}
  .article-sheet a.a-link{color:#0a7cff;text-decoration:underline;cursor:pointer;}
  .article-sheet h2{font-size:22px;color:var(--sky);margin:24px 0 10px;}
  .article-sheet h3{font-size:19px;color:var(--sky);margin:18px 0 8px;}
  .article-sheet p,.article-sheet li{font-size:17px;line-height:1.7;margin-bottom:12px;}
  .article-sheet ul,.article-sheet ol{padding-left:22px;margin-bottom:14px;}
  .article-sheet .article-toc{background:#f2f7fd;border:1px solid #c5d3e6;border-radius:10px;padding:14px 18px;margin:10px 0 18px;font-size:15px;}
  .article-sheet blockquote{border-left:4px solid var(--sky);background:#f2f7fd;padding:10px 16px;margin:14px 0;border-radius:0 8px 8px 0;color:var(--muted);font-size:16px;}
  .article-sheet img{max-width:100%;border-radius:12px;margin:10px 0;}
  .article-sheet .cover-img{width:100%;max-height:320px;object-fit:cover;border-radius:14px;margin-bottom:16px;cursor:zoom-in;user-select:none;-webkit-user-drag:none;pointer-events:auto;}
  /* Лёгкая защита от скачивания обложки */
  #article-sheet{user-select:none;-webkit-user-select:none;}
  #article-sheet p,#article-sheet li,#article-sheet h1,#article-sheet h2,#article-sheet h3{user-select:text;-webkit-user-select:text;}
  /* Увеличенная обложка по клику (поверх всего) */
  .cover-zoom{position:fixed;inset:0;background:rgba(4,12,28,.92);z-index:99999;display:flex;align-items:center;justify-content:center;cursor:zoom-out;}
  .cover-zoom img{max-width:94vw;max-height:92vh;width:auto;height:auto;object-fit:contain;border-radius:12px;box-shadow:0 20px 80px rgba(0,0,0,.6);}
  /* Адаптив обложки: уменьшается на планшете/телефоне */
  @media(max-width:900px){.article-sheet .cover-img{max-height:260px;}}
  @media(max-width:600px){.article-sheet .cover-img{max-height:210px;}}
  @media(max-width:768px){.article-sheet{left:50%;top:50%;width:96vw;max-width:none;min-width:96vw;padding:20px 18px 70px;transform:translate(-50%,-50%) scale(.97);}
  .article-sheet.on{transform:translate(-50%,-50%) scale(1);}
  #article-close{top:10px;right:10px;}}
  .price-chart{background:#fff;border:1px solid var(--line);border-radius:16px;padding:16px 18px 14px;margin:16px 0;box-shadow:0 4px 16px rgba(8,63,138,.07);}
  body.dark .price-chart{background:#121f33;border-color:#2a4060;box-shadow:0 4px 16px rgba(0,0,0,.3);}
  .price-chart-head{display:flex;align-items:baseline;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:10px;}
  .price-chart-title{font-size:16px;font-weight:800;color:var(--sky);}
  .price-chart-sub{font-size:11.5px;color:var(--muted);}
  .chart-nav{display:flex;gap:6px;margin-left:auto;}
  .chart-btn{width:32px;height:32px;border:1px solid var(--line);background:#fff;color:var(--sky);border-radius:9px;font-size:15px;font-weight:800;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s;box-shadow:0 2px 6px rgba(0,0,0,.08);}
  /* Кнопки листания по углам графика (слева/справа, по центру вертикали) */
  .chart-arr{position:absolute;top:50%;transform:translateY(-50%);z-index:5;width:34px;height:34px;border-radius:50%;box-shadow:0 4px 12px rgba(0,0,0,.25);}
  .chart-arr.left{left:4px;}
  .chart-arr.right{right:4px;}
  .chart-arr:disabled{opacity:.3;cursor:default;}
  .chart-btn:hover{background:var(--sky2);color:#fff;border-color:var(--sky2);}
  .chart-btn:disabled{opacity:.35;cursor:default;background:#eef2f7;color:#9fb0c3;border-color:var(--line);}
  body.dark .chart-btn{background:#16263c;border-color:#2a4060;color:#7fc0ff;}
  body.dark .chart-btn:hover{background:var(--sky2);color:#fff;border-color:var(--sky2);}
  body.dark .chart-btn:disabled{background:#0f1c2e;color:#5a6f8a;border-color:#2a4060;}
  #price-chart .hero-bars{background:linear-gradient(180deg,#11406e,#0a2c55);border-radius:12px;padding:12px 10px 8px;}
  #price-chart .hb-bar{background:#6fa8dc;}
  .hbar{flex:0 0 46px;min-width:0;display:flex;flex-direction:column;align-items:center;gap:2px;cursor:pointer;position:relative;padding-top:22px;}
  .hbar .hb-price{font-size:9px;color:#dbe8f7;white-space:nowrap;line-height:1;position:absolute;top:4px;left:50%;transform:translateX(-50%);font-weight:700;}
  .hbar .hb-date{font-size:10px;white-space:nowrap;line-height:1;color:#cfe4f7;font-weight:700;margin-top:2px;}
  .hbar .hb-month{font-size:7.5px;color:rgba(255,255,255,.55);line-height:1;}
  .hbar .hb-bar{width:12px;border-radius:3px 3px 1px 1px;background:#6fa8dc;}
  /* Шкала «Цены по дням» — компактный горизонтальный ряд столбиков (с прокруткой вправо */
  #price-chart .hero-bars{display:flex;align-items:flex-end;gap:3px;width:100%;overflow-x:auto;padding:0 46px 8px;-webkit-overflow-scrolling:touch;}
  /* Топ-3 лучших цены: тело столбика СИНЕЕ как у обычных, подсветка = белое кольцо + оранжевая градация цены */
  #hero-bars .hbar.t1 .hb-bar{background:#6fa8dc;box-shadow:0 0 0 2px #fff,0 0 0 3px #ff6d00;}
  #hero-bars .hbar.t1 .hb-price{color:#ff6d00;font-weight:800;}
  #hero-bars .hbar.t2 .hb-bar{background:#6fa8dc;box-shadow:0 0 0 2px #fff,0 0 0 3px #ff8f1f;}
  #hero-bars .hbar.t2 .hb-price{color:#ff8f1f;font-weight:800;}
  #hero-bars .hbar.t3 .hb-bar{background:#6fa8dc;box-shadow:0 0 0 2px #fff,0 0 0 3px #ffb057;}
  #hero-bars .hbar.t3 .hb-price{color:#ffb057;font-weight:800;}
  /* выбранный пользователем день: толстая белая рамка + стрелка, не путается с топ-3 */
  .hbar.active .hb-bar{background:#f5b301;box-shadow:0 0 0 3px #fff,0 0 0 5px #e8890c;}
  .hbar.active .hb-date{color:#ffd97a;}
  .hbar.active:after{content:"▼";position:absolute;bottom:-16px;font-size:9px;color:#f5b301;}
  /* Выбранные даты «туда» и «обратно»: белая оболочка + САЛАТОВОЕ тело (специфичность выше синего #price-chart .hb-bar) */
  #hero-bars .hbar.date-mark .hb-bar{background:#8fe3b0 !important;box-shadow:0 0 0 2px #fff,0 0 0 3px #45AD35;}
  #hero-bars .hbar.date-mark .hb-price{color:#d8f7e4;font-weight:800;}
  #hero-bars .hbar.date-mark .hb-date{color:#d8f7e4;font-weight:800;}
  #hero-bars .hbar.date-mark-back .hb-bar{background:#8fe3b0 !important;box-shadow:0 0 0 2px #fff,0 0 0 3px #45AD35;}
  #hero-bars .hbar.date-mark-back .hb-price{color:#d8f7e4;font-weight:800;}
  #hero-bars .hbar.date-mark-back .hb-date{color:#d8f7e4;font-weight:800;}
  /* Всплывающая подсказка с динамикой цены дня — поверх страницы, не обрезается блоком */
  .chart-tip{display:none;position:fixed;background:#0b1624;border:1px solid #2a4060;border-radius:12px;padding:11px 13px;z-index:9999;box-shadow:0 10px 30px rgba(0,0,0,.55);text-align:left;max-width:240px;}
  .chart-tip b{color:#fff;font-size:12px;display:block;margin-bottom:2px;white-space:nowrap;}
  .chart-tip span{color:#9fb0c3;font-size:10px;display:block;}
  .chart-tip .hb-tip-now{color:#ffd97a;font-size:13px;font-weight:800;margin-top:4px;}
  .chart-tip .hb-tip-hist{color:#cfe4f7;font-size:10.5px;margin-top:2px;line-height:1.5;}
  .chart-tip .hb-tip-sub{color:#7fd8a8;font-size:10px;margin-top:4px;font-weight:700;}
  .chart-tip .tip-sub-btn{display:block;margin-top:8px;padding:8px 10px;background:#ff8f1f;color:#fff;border:none;border-radius:9px;font-size:12px;font-weight:800;cursor:pointer;width:100%;font-family:inherit;}
  .chart-tip .tip-sub-btn:hover{background:#ff6d00;}
  /* Стрелочка-хвостик внизу окошка (указывает на столбец) */
  .chart-tip:after{content:"";position:absolute;left:50%;bottom:-7px;margin-left:-7px;width:12px;height:12px;background:#0b1624;border-right:1px solid #2a4060;border-bottom:1px solid #2a4060;transform:rotate(45deg);}
  @media (max-width:640px){ .hbar .hb-date{display:none;} }
  /* Блок типов поездок — отдельная карточка (компактные карточки) */
  .stype-tabs{display:flex;gap:8px;flex-wrap:wrap;justify-content:center;background:#fff;border:1px solid var(--line);border-radius:16px;box-shadow:0 4px 18px rgba(0,0,0,.08);padding:10px 12px;margin:0 auto 18px;width:fit-content;max-width:100%;}
  .stype-tabs button{display:flex;flex-direction:column;align-items:center;gap:5px;min-width:84px;flex:0 0 auto;padding:10px 14px 9px;border:1px solid var(--line);border-radius:12px;background:#f7fafd;color:var(--ink);cursor:pointer;font-family:inherit;transition:all .15s;}
  .stype-tabs button:hover{border-color:var(--sky2);background:#f3f9ff;transform:translateY(-1px);}
  .stype-tabs button.on{border-color:var(--sky2);background:var(--sky2);color:#fff;box-shadow:0 6px 18px rgba(10,124,255,.25);}
  .stype-tabs .stype-ico{font-size:26px;line-height:1;}
  .stype-tabs .stype-name{font-size:12.5px;font-weight:700;white-space:nowrap;}
  body.dark .stype-tabs{background:#16263c;border-color:#2a4060;}
  body.dark .stype-tabs button{background:#0f1c2e;border-color:#2a4060;color:#eef3fa;}
  body.dark .stype-tabs button:hover{background:#1b2f4a;border-color:#3a6bb0;}
  body.dark .stype-tabs button.on{background:var(--sky2);border-color:var(--sky2);color:#fff;}
  /* Кнопка Избранное (сердечко) */
  .stype-tabs button.stype-fav{border-color:#f3c1c1;background:#fff5f5;}
  .stype-tabs button.stype-fav .stype-ico{filter:grayscale(1);opacity:.55;}
  .stype-tabs button.stype-fav.on-fav{border-color:#e04444;background:#ffecec;box-shadow:0 6px 18px rgba(224,68,68,.25);}
  .stype-tabs button.stype-fav.on-fav .stype-ico{filter:none;opacity:1;}
  .stype-tabs button.stype-fav .stype-name{color:#c0392b;}
  body.dark .stype-tabs button.stype-fav{border-color:#6b3a3a;background:#2a1c1c;}
  body.dark .stype-tabs button.stype-fav.on-fav{background:#4a2323;border-color:#e04444;}
  /* Кнопка Помощник в поездках */
  .stype-tabs button.stype-help{border-color:#bfe0c8;background:#f2fbf4;position:relative;}
  .stype-tabs button.stype-help:hover{border-color:#45AD35;background:#eaf8ee;}
  .stype-tabs button.stype-help .stype-name{color:#2e7d32;}
  body.dark .stype-tabs button.stype-help{border-color:#3a5c42;background:#1c2b20;}
  body.dark .stype-tabs button.stype-help:hover{border-color:#45AD35;background:#223427;}
  @media (max-width:640px){
    .stype-tabs{justify-content:center;flex-wrap:wrap;overflow:visible;padding:10px 10px;margin:0 auto 14px;width:fit-content;max-width:100%;display:grid;grid-template-columns:repeat(auto-fit,minmax(74px,1fr));gap:8px;}
    .stype-tabs button{min-width:0;padding:10px 8px 8px;width:100%;}
    .stype-tabs .stype-ico{font-size:22px;}
    .stype-tabs .stype-name{font-size:11.5px;white-space:normal;line-height:1.2;}
    .hero-head h1{font-size:20px;}
  }
  /* Выпадающее под-меню кнопки «Личный кабинет» */
  .dropdown{position:relative;}
  .dropdown:hover .dropmenu{display:block;}
  .dropmenu{display:none;position:absolute;top:100%;right:0;background:#fff;border:1px solid var(--line);border-radius:12px;box-shadow:0 10px 30px rgba(0,0,0,.15);min-width:220px;z-index:60;overflow:hidden;padding:6px;}
  .dropmenu a{display:block;padding:10px 14px;font-size:13.5px;font-weight:700;color:var(--ink);border-radius:8px;cursor:pointer;white-space:nowrap;}
  .dropmenu a:hover{background:var(--cld);color:var(--sky2);}
  body.dark .dropmenu{background:#121f33;border-color:var(--line);}
  body.dark .dropmenu a:hover{background:#16263c;}
  .btn{padding:9px 14px;border-radius:9px;font-size:12.5px;font-weight:700;border:none;cursor:pointer;font-family:inherit;background:var(--sky2);color:#fff;}
  /* Кнопки-вкладки «Куда поехать» — крупные и кликабельные */
  .dir-tabs{display:flex;flex-wrap:wrap;gap:10px;margin:14px 0 18px;padding:12px;background:var(--cld);border:1px solid var(--line);border-radius:14px;}
  .dir-tabs button{flex:1 1 auto;min-width:120px;padding:12px 18px;border:1px solid var(--line);border-radius:10px;background:#fff;color:var(--ink);font-size:15px;font-weight:700;cursor:pointer;font-family:inherit;transition:all .15s;text-align:center;}
  .dir-tabs button:hover{border-color:var(--sky2);background:#f3f9ff;transform:translateY(-1px);}
  .dir-tabs button.on{border-color:var(--sky2);background:var(--sky2);color:#fff;box-shadow:0 6px 18px rgba(10,124,255,.25);}
  /* Сетка карточек направлений — маленькие столбцы */
  /* Сетка карточек направлений — адаптивные столбцы: браузер 5, планшет 4-3, телефон 2 */
  .dir-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;margin-bottom:8px;}
  .dir-grid:not(.on){display:none;}
  @media (max-width:1100px){ .dir-grid{grid-template-columns:repeat(3,1fr);} .zones{grid-template-columns:repeat(2,1fr);} .how{grid-template-columns:repeat(2,1fr);} }
  @media (max-width:640px){ .dir-grid{grid-template-columns:repeat(2,1fr);} .zones{grid-template-columns:1fr 1fr;gap:8px;} .how{grid-template-columns:1fr 1fr;gap:8px;} }
  body.dark .dir-tabs{background:#121f33;border-color:#2a4060;}
  body.dark .dir-tabs button{background:#16263c;border-color:#2a4060;color:#eef3fa;}
  .btn.ghost{background:#eef;color:var(--sky2);}
  .btn.gold{background:var(--gold);color:#4a3600;}
  /* Под-меню (второй ряд) */
  .submenu{background:#eef4fb;border-bottom:1px solid var(--line);padding:6px 20px;position:sticky;top:80px;z-index:40;}
  .submenu ul{max-width:1280px;margin:0 auto;display:none;gap:4px;list-style:none;flex-wrap:wrap;justify-content:center;}
  .submenu ul.on{display:flex;justify-content:center;}
  .submenu a{font-size:12.5px;color:var(--sky);padding:6px 10px;border-radius:7px;cursor:pointer;font-weight:600;}
  .submenu a:hover{background:#fff;color:var(--sky2);}
  main{max-width:1280px;margin:0 auto;padding:22px 20px 30px;}
  .page{display:none;}
  .page.on{display:block;}
  /* Заголовок главной — отдельный блок над кнопками */
  .hero-head{margin:8px 0 14px;display:flex;align-items:center;justify-content:center;gap:22px;text-align:left;flex-wrap:wrap;}
  .hero-head-text{flex:1 1 480px;text-align:center;}
  .hero-head h1{font-size:clamp(22px,3.4vw,34px);margin-bottom:6px;color:var(--ink);}
  .hero-head p{font-size:14px;color:var(--muted);margin:0;}
  .hero{background:var(--grad);border-radius:18px;padding:24px;color:#fff;box-shadow:0 10px 30px rgba(8,63,138,.25);}
  .checkbox-line{margin-top:12px;display:flex;align-items:center;gap:8px;font-size:13px;color:#fff;flex-wrap:wrap;}
  .checkbox-line input{width:18px;height:18px;}
  .widget{background:#fff;border-radius:14px;padding:8px;min-height:120px;}
  .sec{margin:30px 0;}
  .sec h2{font-size:21px;display:flex;align-items:center;gap:10px;margin-bottom:4px;}
  .sec .sub{font-size:13px;color:var(--muted);margin-bottom:16px;}
  .wide .widget{min-height:400px;}
  .mid .widget{min-height:340px;}
  .cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:14px;}
  .cards4{grid-template-columns:repeat(4,1fr);}
  @media (max-width:1100px){ .cards4{grid-template-columns:repeat(2,1fr);} }
  @media (max-width:640px){ .cards4{grid-template-columns:1fr 1fr;gap:8px;} }
  /* Тематические подборки — карточки-столбцы */
  .zones{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;}
  .zone{background:#fff;border:1px solid var(--line);border-radius:12px;padding:16px 14px;cursor:pointer;transition:border-color .15s,box-shadow .15s,transform .1s;display:block;text-decoration:none;color:inherit;}
  .zone:hover{border-color:#9db8d9;box-shadow:0 6px 18px rgba(8,63,138,.1);transform:translateY(-2px);}
  .zone h3{font-size:15px;color:var(--sky);margin:0 0 4px;}
  .zone span{font-size:12.5px;color:var(--muted);}
  body.dark .zone{background:#121f33;border-color:#2a4060;}
  body.dark .zone h3{color:#6db3ff;}
  /* Помощник в дороге / Как это работает — карточки-столбцы */
  .how{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;}
  .hbox{background:#fff;border:1px solid var(--line);border-radius:12px;padding:16px 14px;display:block;text-decoration:none;color:inherit;}
  .hbox .hic{font-size:24px;margin-bottom:8px;}
  .hbox b{display:block;color:var(--ink);margin-bottom:4px;}
  .hbox p{font-size:12.5px;color:var(--muted);margin:0;line-height:1.45;}
  body.dark .hbox{background:#121f33;border-color:#2a4060;}
  body.dark .hbox b{color:#eef3fa;}
  /* Частые вопросы — карточки-аккордеоны в сетке */
  .faq{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;}
  .faq-card{background:#fff;border:1px solid var(--line);border-radius:14px;padding:6px 8px;transition:border-color .15s,box-shadow .15s;overflow:hidden;}
  .faq-card summary{list-style:none;display:flex;align-items:center;gap:12px;padding:14px 12px;cursor:pointer;user-select:none;}
  .faq-card summary::-webkit-details-marker{display:none;}
  .faq-card:hover{border-color:#9db8d9;box-shadow:0 6px 18px rgba(8,63,138,.1);}
  .faq-card[open]{border-color:var(--sky2);box-shadow:0 8px 22px rgba(10,124,255,.14);}
  .faq-ico{font-size:26px;flex:0 0 auto;display:flex;align-items:center;justify-content:center;width:46px;height:46px;border-radius:12px;background:linear-gradient(135deg,#eaf3ff,#f6fbff);}
  .faq-q{flex:1;font-size:15px;font-weight:800;color:var(--ink);line-height:1.35;}
  .faq-plus{flex:0 0 auto;color:var(--sky2);font-size:22px;font-weight:800;transition:transform .2s;}
  .faq-card[open] .faq-plus{transform:rotate(45deg);}
  .faq-card p{font-size:13.5px;color:var(--muted);line-height:1.6;padding:0 14px 16px 70px;margin:0;}
  body.dark .faq-card{background:#121f33;border-color:#2a4060;}
  body.dark .faq-ico{background:#16263c;}
  body.dark .faq-q{color:#eef3fa;}
  @media (max-width:700px){ .faq{grid-template-columns:1fr;} }
  .card{background:#fff;border:1px solid var(--line);border-radius:12px;padding:16px;transition:border-color .15s,box-shadow .15s,transform .1s;cursor:pointer;display:block;text-decoration:none;color:inherit;}
  .card:hover{border-color:#9db8d9;box-shadow:0 6px 18px rgba(8,63,138,.1);transform:translateY(-2px);}
  .card h3{color:var(--sky);}
  .card .card-img{display:block;width:100%;height:140px;object-fit:cover;border-radius:10px;margin-bottom:10px;background:#eef3fa;}
  .card .no-img{display:flex;align-items:center;justify-content:center;width:100%;height:140px;border-radius:10px;margin-bottom:10px;font-size:40px;background:linear-gradient(135deg,#eaf3ff,#f6fbff);}
  .related-block{margin-top:24px;border-top:1px solid var(--line);padding-top:10px;}
  .related-block .card{cursor:pointer;}
  .related-carousel{display:flex;align-items:center;gap:8px;position:relative;overflow:hidden;}
  .rel-track{flex:1;display:grid;grid-auto-flow:column;grid-auto-columns:minmax(200px,1fr);gap:12px;overflow:hidden;transition:transform .3s;}
  .rel-track .related{min-width:200px;}
  .rel-arrow{flex:0 0 auto;width:40px;height:40px;border-radius:50%;background:#fff;border:1px solid #c5d3e6;color:#062f66;font-size:20px;font-weight:800;cursor:pointer;box-shadow:0 2px 8px rgba(0,0,0,.12);display:flex;align-items:center;justify-content:center;transition:background .15s;z-index:2;}
  .rel-arrow:hover{background:#eef4fb;}
  body.dark .rel-arrow{background:#1c2740;color:#fff;border-color:#3a4158;}
  .card .tag{font-size:11px;color:#fff;background:#20a05a;padding:3px 8px;border-radius:12px;display:inline-block;margin-bottom:8px;}
  .card .tag.gold{background:var(--gold);color:#4a3600;}
  .card h3{font-size:15px;margin-bottom:6px;}
  .card p{font-size:12.5px;color:var(--muted);line-height:1.45;}
  .soon-tag{display:inline-block;background:#fde9c8;color:#8a5a00;border-radius:6px;padding:1px 7px;font-size:11px;font-weight:700;margin-left:4px;}
  .rev{background:#fff;border:1px solid var(--line);border-radius:12px;padding:14px;}
  .stars{color:var(--gold);font-size:14px;letter-spacing:2px;}
  .rev .who{font-size:11px;color:var(--muted);margin-top:6px;}
  .panel{background:#fff;border:1px solid var(--line);border-radius:12px;padding:22px;margin:14px 0;}
  .panel h3{color:var(--sky);margin-bottom:12px;}
  /* Статьи: крупный удобный шрифт, как у лидеров тревел-медиа (16-17px) */
  #article-box .panel{font-size:17px;line-height:1.7;color:var(--ink,#1c2430);max-width:760px;}
  #article-box .panel h3{font-size:26px;line-height:1.35;color:var(--sky);margin-bottom:14px;}
  #article-box .panel h4{font-size:20px;color:var(--sky);margin:18px 0 8px;}
  #article-box .panel p,#article-box .panel li{font-size:17px;line-height:1.7;color:var(--ink,#1c2430);margin:0 0 12px;}
  #article-box .panel ul,#article-box .panel ol{margin:0 0 14px;padding-left:22px;}
  #article-box .panel li{margin-bottom:6px;}
  #article-box .panel b{color:#062f66;}
  #article-box .panel .article-toc{background:#f2f7fd;border:1px solid #c5d3e6;border-radius:10px;padding:14px 18px;margin:10px 0 18px;font-size:15px;}
  #article-box .panel .article-toc b{display:block;margin-bottom:6px;}
  #article-box .panel blockquote{border-left:4px solid var(--sky);background:#f2f7fd;padding:10px 16px;margin:14px 0;border-radius:0 8px 8px 0;color:var(--muted);font-size:16px;}
  #article-box .panel .cta-box{background:linear-gradient(135deg,#eaf3ff,#f6fbff);border:1px solid #c5d3e6;border-radius:12px;padding:16px 20px;margin:18px 0;font-size:16px;}
  body.dark #article-box .panel{color:#e7ecf4;}
  body.dark #article-box .panel b{color:#9cc3ff;}
  body.dark #article-box .panel .article-toc,body.dark #article-box .panel blockquote{background:#232b40;border-color:#3a4158;color:#c9d4e4;}
  .grid2{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px;}
  /* Популярные направления — карточки 5×2 */
  .pop-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;}
  .pop-card{background:#fff;border:1px solid var(--line);border-radius:12px;padding:14px 12px;cursor:pointer;transition:border-color .15s,box-shadow .15s,transform .1s;display:block;text-decoration:none;color:inherit;position:relative;}
  .pop-card:hover{border-color:#9db8d9;box-shadow:0 6px 18px rgba(8,63,138,.1);transform:translateY(-2px);}
  .pop-card .pop-ico{font-size:30px;line-height:1;margin-bottom:8px;display:block;}
  .pop-card h3{font-size:15px;color:var(--sky);margin:0 0 4px;}
  .pop-card p{font-size:12px;color:var(--muted);margin:0 0 6px;line-height:1.4;}
  .pop-card .go{font-size:12.5px;font-weight:700;color:var(--sky2);}
  body.dark .pop-card{background:#121f33;border-color:#2a4060;}
  body.dark .pop-card h3{color:#6db3ff;}
  @media (max-width:1100px){ .pop-grid{grid-template-columns:repeat(3,1fr);} }
  @media (max-width:640px){ .pop-grid{grid-template-columns:repeat(2,1fr);gap:8px;} }
  .mini{background:var(--cld);border:1px dashed #cbd8ea;border-radius:10px;padding:14px;}
  .mini b{display:block;margin-bottom:4px;}
  .mini b.red{color:#e04444;}
  .register-banner{background:linear-gradient(135deg,#f5b301,#f07c00);color:#4a3600;border-radius:14px;padding:18px 22px;margin:14px 0;font-size:14px;line-height:1.6;}
  .register-banner b{font-size:16px;}
  /* Форма рассылки внизу */
  .newsletter-sec{max-width:760px;margin:0 auto 8px;padding:0 16px;}
  .newsletter-card{background:linear-gradient(135deg,#eaf3ff,#f6fbff);border:1px solid #c5d3e6;border-radius:16px;padding:24px 26px;text-align:center;box-shadow:0 6px 20px rgba(8,63,138,.08);}
  .newsletter-card h3{font-size:20px;color:var(--sky);margin-bottom:6px;}
  .newsletter-card p{font-size:14px;color:var(--muted);margin-bottom:16px;line-height:1.6;}
  .newsletter-form{display:flex;gap:10px;max-width:420px;margin:0 auto;flex-wrap:wrap;justify-content:center;}
  .newsletter-form input{flex:1;min-width:220px;padding:12px 14px;border:1px solid var(--line);border-radius:10px;font-size:15px;background:#fff;color:var(--ink);outline:none;}
  .newsletter-form .btn{padding:12px 22px;font-size:15px;border-radius:10px;}
  .newsletter-agree{display:flex;gap:6px;align-items:flex-start;justify-content:center;font-size:12px;color:var(--muted);margin-top:12px;text-align:left;max-width:440px;margin-left:auto;margin-right:auto;line-height:1.4;}
  .newsletter-agree input{width:auto;margin-top:1px;}
  body.dark .newsletter-card{background:#121f33;border-color:#2a4060;box-shadow:0 6px 20px rgba(0,0,0,.3);}
  /* Витрина приложения: телефон + QR */
  .app-showcase{display:grid;grid-template-columns:280px 1fr;gap:32px;align-items:center;background:#fff;border:1px solid var(--line);border-radius:18px;padding:26px;margin-bottom:18px;box-shadow:0 8px 26px rgba(8,63,138,.08);}
  body.dark .app-showcase{background:#121f33;border-color:#2a4060;box-shadow:0 8px 26px rgba(0,0,0,.3);}
  .app-phone{display:flex;flex-direction:column;align-items:center;gap:12px;}
  .phone-frame{position:relative;width:190px;background:#0b1624;border-radius:30px;padding:10px;box-shadow:inset 0 0 6px rgba(255,255,255,.15),0 14px 30px rgba(0,0,0,.35);}
  .phone-notch{position:absolute;top:12px;left:50%;transform:translateX(-50%);width:54px;height:7px;background:#1c2b3f;border-radius:8px;z-index:2;}
  .phone-screen{background:linear-gradient(160deg,#0e4f92,#1c7fd4);border-radius:20px;height:330px;overflow:hidden;padding:26px 16px 14px;display:flex;flex-direction:column;gap:8px;color:#fff;}
  .phone-status{font-size:13px;font-weight:800;margin-bottom:4px;}
  .phone-from{font-size:11.5px;opacity:.9;}
  .phone-price{font-size:17px;font-weight:800;color:#ffd97a;margin:2px 0 8px;}
  .phone-bar{background:rgba(255,255,255,.85);height:5px;border-radius:4px;opacity:.9;}
  .phone-bar.short{background:rgba(255,255,255,.55);}
  .phone-btn{margin-top:10px;background:#f5b301;color:#4a3600;font-weight:800;font-size:12px;text-align:center;padding:8px;border-radius:8px;}
  .phone-caption{font-size:12.5px;color:var(--muted);text-align:center;line-height:1.5;}
  .app-info h3{font-size:22px;color:var(--sky);margin-bottom:10px;}
  .app-qrblock{display:flex;justify-content:center;margin:14px 0;background:#f7fafd;border:1px solid var(--line);border-radius:14px;padding:14px;}
  body.dark .app-qrblock{background:#16263c;border-color:#2a4060;}
  .app-ways{font-size:13px;color:var(--ink);line-height:1.7;display:grid;gap:4px;}
  .app-ways b{color:var(--sky);}
  @media (max-width:700px){
    .app-showcase{grid-template-columns:1fr;padding:20px;}
    .phone-frame{width:170px;}
    .phone-screen{height:300px;}
  }
  /* Низ: рассылка + приложение */
  .bottom-cta{max-width:1100px;margin:0 auto 8px;padding:0 16px;display:grid;grid-template-columns:1fr 1fr;gap:18px;align-items:stretch;}
  .bottom-newsletter,.bottom-app{background:linear-gradient(135deg,#eaf3ff,#f6fbff);border:1px solid #c5d3e6;border-radius:16px;padding:24px 26px;box-shadow:0 6px 20px rgba(8,63,138,.08);}
  body.dark .bottom-newsletter,body.dark .bottom-app{background:#121f33;border-color:#2a4060;box-shadow:0 6px 20px rgba(0,0,0,.3);}
  .bottom-newsletter h3,.bottom-app h3{font-size:19px;color:var(--sky);margin-bottom:8px;}
  .bottom-newsletter p,.bottom-app p{font-size:13.5px;color:var(--muted);line-height:1.6;margin-bottom:14px;}
  .bottom-app-inner{display:flex;gap:18px;align-items:center;justify-content:center;flex-wrap:wrap;}
  .bottom-qr{text-align:center;}
  .newsletter-sec{max-width:760px;margin:0 auto 8px;padding:0 16px;}
  @media (max-width:820px){
    .bottom-cta{grid-template-columns:1fr;}
  }
  /* Демо-выдача результатов поиска */
  .demo-results{background:#fff;border:1px solid var(--line);border-radius:16px;padding:18px 20px;margin:16px 0;box-shadow:0 4px 16px rgba(8,63,138,.07);}
  body.dark .demo-results{background:#121f33;border-color:#2a4060;}
  .demo-results-head{font-size:15px;font-weight:800;color:var(--sky);margin-bottom:14px;}
  .demo-card{display:flex;align-items:center;gap:14px;justify-content:space-between;border:1px solid var(--line);border-radius:12px;padding:12px 16px;margin-bottom:10px;flex-wrap:wrap;}
  body.dark .demo-card{border-color:#2a4060;}
  .demo-card.best{border-color:#45AD35;background:#f2fbf4;}
  body.dark .demo-card.best{background:#1c2b20;border-color:#45AD35;}
  .demo-label{font-size:10px;background:#eef;color:var(--sky2);padding:2px 8px;border-radius:10px;font-weight:700;}
  .demo-card small{color:var(--muted);font-size:12px;}
  .demo-price{font-size:19px;font-weight:800;color:var(--ink);white-space:nowrap;}
  .demo-best-tag{font-size:11px;background:#45AD35;color:#fff;padding:2px 8px;border-radius:10px;font-weight:700;}
  .demo-btn{background:var(--gold);color:#4a3600;font-weight:800;padding:10px 22px;border-radius:10px;white-space:nowrap;border:none;}
  .demo-note{font-size:11.5px;color:var(--muted);margin-top:8px;}
  footer{margin-top:36px;background:#062f66;color:#cfe4f7;padding:30px 20px;font-size:13px;}
  footer .grid{max-width:1280px;margin:0 auto;display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:20px;}
  footer h4{color:#fff;margin-bottom:8px;}
  footer a{display:block;margin:4px 0;opacity:.85;cursor:pointer;}
  .legal{max-width:1280px;margin:22px auto 0;border-top:1px solid rgba(255,255,255,.2);padding-top:14px;font-size:11.5px;opacity:.8;line-height:1.6;}
  .notice{background:#fff7e0;border:1px solid #f5e2a0;color:#6b5200;padding:10px 14px;border-radius:10px;font-size:12.5px;margin-bottom:16px;}
  .ph{display:flex;align-items:center;justify-content:center;color:#9fb0c3;font-size:13px;min-height:120px;text-align:center;}
  /* Своя поисковая форма */
  .own-search{background:#fff;border-radius:14px;padding:16px;color:var(--ink);}
  .own-search .srow{display:flex;gap:10px;flex-wrap:wrap;align-items:flex-end;}
  .own-search .field{flex:1;min-width:150px;}
  .own-search label{display:block;font-size:11px;color:var(--muted);margin-bottom:4px;font-weight:700;text-transform:uppercase;letter-spacing:.4px;}
  .own-search input,.own-search select{width:100%;padding:12px;border:1px solid var(--line);border-radius:10px;font-size:15px;background:#fff;color:var(--ink);}
  .own-search .go-btn{background:var(--gold);color:#4a3600;font-weight:800;font-size:15px;padding:13px 26px;border-radius:10px;border:none;cursor:pointer;white-space:nowrap;}
  .own-search .quick{display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin-top:12px;font-size:12px;color:var(--muted);}
  .own-search .quick button{background:none;border:1px dashed #c5d3e6;border-radius:16px;padding:5px 12px;font-size:12px;color:var(--sky);cursor:pointer;}
  .own-search .quick-extra{margin-top:10px;background:var(--cld);border-radius:10px;padding:10px 14px;display:flex;gap:10px;flex-wrap:wrap;align-items:center;font-size:12.5px;color:var(--ink);}
  body.dark .own-search .quick-extra{background:#16263c;}
  .own-search .quick-check{margin-top:10px;background:var(--cld);border-radius:10px;padding:10px 14px;display:flex;gap:12px;flex-wrap:wrap;align-items:center;font-size:12.5px;color:var(--ink);}
  body.dark .own-search .quick-check{background:#16263c;}
  .own-search .quick-check .qc-title{font-weight:700;color:var(--muted);width:100%;font-size:12px;}
  .own-search .quick-check label{display:flex;align-items:center;gap:6px;cursor:pointer;}
  .own-search .quick-check input[type=checkbox],.own-search .quick-check input[type=radio]{width:auto;}
  .own-search .quick-check .qc-state{font-size:11.5px;color:var(--green);font-weight:700;}
  /* Столбец опций как у пассажиров (вертикальная колонка) */
  .qc-col{display:flex;flex-direction:column;gap:4px;background:#fff;border:1px solid var(--line);border-radius:10px;padding:8px 10px;min-width:200px;font-size:13px;color:var(--ink);}
  body.dark .qc-col{background:#0f1c2e;border-color:#2a4060;}
  .qc-col label{display:flex;align-items:center;gap:8px;padding:7px 4px;border-bottom:1px dashed var(--line);cursor:pointer;}
  .qc-col label:last-child{border-bottom:none;}
  .qc-col input{width:auto;}
  body.dark .own-search{background:#121f33;}
  body.dark .own-search input,body.dark .own-search select{background:#0f1c2e;color:#fff;border-color:#2a4060;}
  .soon{background:#eaf2fc;border:1px dashed var(--sky2);border-radius:12px;padding:18px;color:var(--sky);font-size:14px;text-align:center;min-height:100px;display:flex;align-items:center;justify-content:center;line-height:1.6;}
  /* Окно мессенджеров */
  .modal{display:none;position:fixed;inset:0;background:rgba(6,47,102,.6);z-index:200;align-items:center;justify-content:center;}
  .modal.on{display:flex;}
  .modal-card{background:#fff;border-radius:16px;padding:26px;max-width:420px;width:90%;text-align:center;box-shadow:0 20px 60px rgba(0,0,0,.3);position:relative;}
  .modal-card h3{color:var(--sky);margin-bottom:6px;}
  .modal-card p{font-size:13px;color:var(--muted);margin-bottom:16px;}
  /* Формы регистрации/входа */
  .form-box{text-align:left;}
  .form-box .frow{margin-bottom:12px;}
  .form-box label{display:block;font-size:12px;color:var(--muted);font-weight:700;margin-bottom:4px;}
  .form-box input[type=text],.form-box input[type=email],.form-box input[type=password]{width:100%;padding:11px;border:1px solid var(--line);border-radius:9px;font-size:14px;background:#fff;color:var(--ink);}
  body.dark .form-box input{background:#0f1c2e;color:#fff;border-color:#2a4060;}
  .form-box .err{color:#e04444;font-size:12px;margin-top:4px;min-height:15px;}
  .form-box .hint{font-size:11.5px;color:var(--muted);margin-top:4px;}
  .form-box .btns{display:grid;gap:8px;margin-top:6px;}
  .form-box .btns .btn{width:100%;padding:11px;font-size:14px;}
  .form-box .switch{font-size:12.5px;color:var(--sky);cursor:pointer;margin-top:12px;display:inline-block;}
  .msg-list{display:grid;gap:10px;text-align:left;}
  .msg-list a{background:var(--cld);border:1px solid var(--line);border-radius:12px;padding:12px;font-weight:700;color:var(--ink);cursor:pointer;}
  .msg-list a:hover{background:#e3ecf7;}
  .msg-card{background:var(--cld);border:1px solid var(--line);border-radius:12px;padding:12px;cursor:pointer;display:block;}
  .msg-card:hover{background:#e3ecf7;border-color:var(--sky2);}
  .msg-info{font-size:13.5px;color:var(--ink);line-height:1.5;}
  .msg-info span{display:block;font-size:12px;color:var(--muted);font-weight:400;margin-top:2px;}
  .msg-go{margin-top:10px;width:100%;cursor:pointer;}
  body.dark .msg-card{background:#16263c;}
  body.dark .msg-card:hover{background:#1b2f4a;}
  .close-btn{margin-top:16px;background:#eef;color:var(--sky2);border:none;border-radius:10px;padding:10px 18px;font-weight:700;cursor:pointer;}
  /* Форма обратной связи — крупная и адаптивная */
  .fb-card{max-width:560px;width:94%;text-align:left;position:relative;padding:30px 32px 26px;max-height:92vh;overflow:auto;}
  .fb-x{position:absolute;top:10px;right:12px;background:#eef2f7;border:1px solid var(--line);font-size:16px;font-weight:700;color:var(--muted);cursor:pointer;line-height:1;padding:6px 9px;border-radius:8px;transition:all .15s;}
  .fb-x:hover{background:#ffd9d9;color:#d92c2c;border-color:#e04444;}
  body.dark .fb-x{background:#24334f;border-color:#3a4d6e;color:#cfe0f5;}
  body.dark .fb-x:hover{background:#4a2323;color:#ff9c9c;border-color:#e04444;}
  .fb-card h3{font-size:22px;margin-bottom:6px;color:var(--sky);}
  .fb-sub{font-size:14px;color:var(--muted);margin-bottom:20px;line-height:1.55;}
  .fb-form .fb-row{margin-bottom:18px;}
  .fb-form label{display:block;font-size:14px;font-weight:700;color:var(--ink);margin-bottom:7px;}
  .fb-form input[type=text],.fb-form input[type=email],.fb-form select,.fb-form textarea{width:100%;padding:13px 14px;border:1px solid var(--line);border-radius:11px;font-size:15px;background:#fff;color:var(--ink);box-sizing:border-box;outline:none;transition:border-color .15s;}
  .fb-form input:focus,.fb-form select:focus,.fb-form textarea:focus{border-color:var(--sky2);box-shadow:0 0 0 3px rgba(10,124,255,.12);}
  .fb-form textarea{resize:vertical;min-height:120px;line-height:1.6;}
  .fb-form .fb-hint{font-size:12.5px;color:var(--muted);margin-top:6px;line-height:1.5;}
  .fb-form .fb-opt{font-weight:400;color:var(--muted);font-size:12.5px;}
  .fb-form .fb-err{color:#e04444;}
  .fb-email-wrap{display:flex;gap:8px;align-items:stretch;}
  .fb-email-wrap input{flex:1;min-width:0;}
  .fb-code-btn{flex:none;padding:0 14px;border:1px solid var(--sky2);background:var(--sky2);color:#fff;border-radius:11px;font-size:14px;font-weight:700;cursor:pointer;white-space:nowrap;transition:background .15s;}
  .fb-code-btn:hover{background:var(--sky);}
  body.dark .fb-code-btn{background:#1e4d85;border-color:#2a6bb0;color:#fff;}
  @media (max-width:480px){
    .fb-email-wrap{flex-direction:column;}
    .fb-code-btn{padding:11px;width:100%;}
  }
  .fb-send{width:100%;padding:15px;font-size:16px;font-weight:700;margin-top:4px;}
  .fb-ok{text-align:center;padding:26px 10px;}
  .fb-ok-icon{width:64px;height:64px;border-radius:50%;background:#21a85d;color:#fff;font-size:34px;line-height:64px;margin:0 auto 16px;}
  .fb-ok h3{text-align:center;font-size:22px;}
  .fb-ok p{font-size:15px;color:var(--muted);margin:10px 0 20px;line-height:1.6;}
  body.dark .fb-form input,body.dark .fb-form select,body.dark .fb-form textarea{background:#0f1c2e;color:#fff;border-color:#2a4060;}
  @media (max-width:600px){
    .fb-card{width:96%;padding:24px 18px 20px;max-height:94vh;}
    .fb-card h3{font-size:20px;}
    .fb-form .fb-row{margin-bottom:15px;}
    .fb-form label{font-size:13px;}
    .fb-form input[type=text],.fb-form input[type=email],.fb-form select,.fb-form textarea{font-size:16px;padding:12px 13px;}
  }
  /* ТЁМНАЯ ТЕМА */
  body.dark{--ink:#eef3fa;--cld:#0f1c2e;--line:#1f3147;--muted:#9fb0c3;background:#0b1624;}
  body.dark header{background:#0f1c2e;border-color:var(--line);}
  body.dark .topbar{background:#07101c;}
  body.dark nav a:hover{background:#16263c;}
  body.dark .btn.ghost{background:#16263c;color:#7fc0ff;}
  body.dark .btn.gold,.dark .register-banner{color:#fff;}
  body.dark .widget,.dark .card,.dark .rev,.dark .panel,.dark .modal-card{background:#121f33;border-color:var(--line);}
  body.dark .mini{background:#16263c;border-color:#2a4060;}
  body.dark .submenu{background:#0f1c2e;}
  body.dark .msg-card{background:#16263c;}
  body.dark footer{background:#07101c;}
  body.dark .notice{background:#2a2410;border-color:#4a3f15;color:#ffd97a;}
  body.dark .close-btn{background:#16263c;color:#7fc0ff;}
  .topic-toggle{font-size:21px;cursor:pointer;background:none;border:none;}
  /* Ползунок темы */
  .theme-switch{display:inline-flex;align-items:center;gap:6px;cursor:pointer;font-size:13px;color:#cfe4f7;user-select:none;}
  .theme-switch input{display:none;}
  .theme-switch .track{width:40px;height:22px;background:#3a5472;border-radius:12px;position:relative;transition:background .2s;flex:none;}
  .theme-switch .track::after{content:"";position:absolute;top:2px;left:2px;width:18px;height:18px;background:#fff;border-radius:50%;transition:transform .2s;}
  .theme-switch input:checked + .track{background:var(--sky2);}
  .theme-switch input:checked + .track::after{transform:translateX(18px);}
  /* ============ АДАПТИВНОСТЬ: ВСЕ ЭКРАНЫ ============ */
  .stype-ico{font-size:26px;line-height:1;}
  /* 1024px: планшет, малый ноут */
  @media (max-width:1024px){
    main{padding:18px 14px 26px;}
    header{padding:8px 12px;}
    .topbar{padding:6px 12px;}
    .row{grid-template-columns:1fr;justify-content:center;gap:8px;}
    nav ul{justify-content:center;}
    .logo{display:flex;justify-content:center;}
    .auth{justify-content:center;}
    /* QR в hero-head: чуть компактнее на планшете */
    .head-qr{padding:12px 16px 12px 10px;gap:10px;}
    .head-qr-img{width:84px;height:84px;}
    .head-qr-text b{font-size:16px;}
    .head-qr-text span{font-size:13px;}
  }
  /* 920px: QR компактнее */
  @media (max-width:920px){
    .head-qr{padding:10px 14px 10px 9px;gap:9px;}
    .head-qr-img{width:72px;height:72px;}
    .head-qr-text b{font-size:14px;}
    .head-qr-text span{font-size:12px;}
    .head-qr-text small{font-size:10px;}
    .hero-head{flex-direction:column;text-align:center;gap:14px;}
    .hero-head-text{flex:0 0 auto;}
  }
  /* 860px: планшет */
  @media (max-width:860px){
    .row{grid-template-columns:1fr;}
    .logo{justify-content:center;font-size:19px;}
    .row-center{gap:7px;padding-top:8px;}
    .row-center .btn{padding:8px 12px;font-size:12.5px;}
    .stype-tabs{width:fit-content;max-width:100%;grid-template-columns:repeat(auto-fit,minmax(84px,1fr));}
    .hero-head h1{font-size:24px;}
    .app-showcase{grid-template-columns:1fr;text-align:center;}
    .app-qrblock{justify-content:center;}
    .app-info{text-align:center;}
  }
  /* Блок доверия: 4 отдельные карточки (94 языка / 2 000+ / 24-7 / Агрегатор) */
  .trustbar{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:20px 0;}
  .trustbar .tbox{background:#fff;border:1px solid var(--line);border-radius:12px;padding:14px 16px;text-align:center;}
  body.dark .trustbar .tbox{background:#121f33;border-color:var(--line);}
  .trustbar .tbig{font-size:20px;font-weight:800;color:var(--sky2);}
  .trustbar .tsm{font-size:12px;color:var(--muted);margin-top:3px;}
  /* 640px: телефон */
  @media (max-width:640px){
    .topbar{font-size:10.5px;flex-direction:column;align-items:center;}
    header{padding:6px 10px;}
    .row{grid-template-columns:1fr;gap:6px;}
    .logo{font-size:18px;}
    .logo .dot{width:34px;height:34px;font-size:24px;}
    nav ul{gap:1px;}
    nav a{font-size:12.5px;padding:7px 7px;}
    .row-center{display:grid;grid-template-columns:1fr 1fr;gap:7px;padding-top:8px;}
    .row-center .btn{padding:9px 6px;font-size:12px;width:100%;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
    .row-center .dropdown{grid-column:auto;width:100%;}
    .row-center .dropdown > button{width:100%;}
    .submenu{position:static;padding:6px 8px;}
    .submenu ul{justify-content:flex-start;flex-wrap:wrap;}
    .hero-head{flex-direction:column;text-align:center;gap:12px;}
    .hero-head-text{flex:0 0 auto;}
    .head-qr{justify-content:center;margin:0 auto;}
    .hero-head h1{font-size:20px;}
    .hero-head p{font-size:12.5px;}
    .trustbar{grid-template-columns:repeat(2,1fr);gap:8px;}
    .trustbar .tbox{padding:11px 10px;}
    .trustbar .tbig{font-size:17px;}
    .dir-tabs{gap:8px;}
    .dir-tabs button{padding:11px 14px;font-size:14px;min-width:0;}
    .cards{grid-template-columns:1fr 1fr;gap:10px;}
    .card{padding:12px;}
    .sec h2{font-size:18px;}
    .app-showcase{padding:16px;}
    .phone-frame{width:170px;}
    .phone-screen{height:300px;}
    .bottom-cta{grid-template-columns:1fr;padding:0 10px;}
    .newsletter-form input{min-width:160px;}
  }
  /* 420px: самый маленький телефон */
  @media (max-width:420px){
    .logo{font-size:16px;}
    nav a{font-size:11.5px;padding:6px 5px;}
    .row-center{grid-template-columns:1fr 1fr;gap:6px;}
    .row-center .btn{padding:8px 4px;font-size:11px;}
    .row-center .dropdown{grid-column:auto;width:100%;}
    .head-qr{justify-content:center;margin:0 auto;}
    .stype-tabs{grid-template-columns:repeat(auto-fit,minmax(62px,1fr));gap:6px;}
    .stype-tabs button{padding:8px 6px 7px;}
    .stype-tabs .stype-ico{font-size:19px;}
    .cards{grid-template-columns:1fr;}
    .dir-grid{grid-template-columns:repeat(2,1fr);gap:8px;}
    #all-d .card:nth-child(n+5){display:none;}
    .own-search .srow{flex-direction:column;align-items:stretch;}
    .own-search .field{min-width:0;}
    .own-search .go-btn{width:100%;}
    .hero-bars{max-height:44px;}
    .app-ways{font-size:12px;}
    .bottom-app-inner{flex-direction:column;}
  }
  /* Адаптив новой зоны: плашка-подписка + QR */
  @media (max-width:860px){
    .top-zone{flex-direction:column;align-items:center;gap:12px;}
    .top-cta{width:100%;max-width:560px;flex-direction:column;gap:6px;}
    .head-qr{width:auto;margin:0;}
  }
  @media (max-width:420px){
    .top-cta{padding:11px 14px;font-size:13px;max-width:100%;min-width:0;}
    .top-cta small{font-size:12px;}
    .cta-slider{min-height:32px;}
    .head-qr-img{width:84px;height:84px;}
    .head-qr{padding:10px 14px;}
  }
  /* Кнопки в шапке не вылезают: всегда перенос строкой для очень узких */

/* MuimsiTravel styles */

  #chat-widget{position:fixed;right:18px;bottom:18px;z-index:9999;font-family:inherit;}
  #chat-fab{width:58px;height:58px;border-radius:50%;border:none;background:var(--accent,#0a7cff);color:#fff;font-size:26px;cursor:pointer;box-shadow:0 4px 16px rgba(0,0,0,.25);transition:transform .15s;}
  #chat-fab:hover{transform:scale(1.06);}
  #chat-box{display:none;position:absolute;right:0;bottom:70px;width:330px;max-width:calc(100vw - 40px);background:var(--cld,#fff);border:1px solid var(--border,#ddd);border-radius:14px;box-shadow:0 10px 40px rgba(0,0,0,.25);overflow:hidden;flex-direction:column;}
  #chat-box.on{display:flex;}
  #chat-head{background:var(--accent,#0a7cff);color:#fff;padding:12px 14px;font-weight:600;font-size:14px;}
  #chat-log{height:260px;overflow-y:auto;padding:12px;display:flex;flex-direction:column;gap:8px;background:var(--cld,#f5f7fa);}
  .chat-msg{max-width:85%;padding:9px 12px;border-radius:12px;font-size:13px;line-height:1.5;white-space:pre-wrap;}
  .chat-msg.bot{background:#fff;border:1px solid var(--border,#e3e6ea);align-self:flex-start;border-bottom-left-radius:4px;}
  .chat-msg.user{background:var(--accent,#0a7cff);color:#fff;align-self:flex-end;border-bottom-right-radius:4px;}
  #chat-form{display:flex;border-top:1px solid var(--border,#ddd);background:#fff;}
  #chat-form input{flex:1;border:none;padding:12px;font-size:13px;outline:none;background:transparent;color:var(--fg,#111);}
  #chat-form button{border:none;background:var(--accent,#0a7cff);color:#fff;padding:0 16px;font-size:15px;cursor:pointer;}
  body.dark #chat-log{background:#1e2230;}
  body.dark .chat-msg.bot{background:#2a2f42;border-color:#3a4158;color:#eee;}
  body.dark #chat-form{background:#242a3c;border-color:#3a4158;}