/* ==========================================================================
   RUH V80 — Mobile App Experience
   Превращает мобильную версию (≤ 760px) в интерфейс нативного приложения:
   компактная стеклянная шапка, докованная нижняя навигация, bottom-sheet окна,
   карточки-«листы», горизонтальные карусели, тактильные нажатия, safe-area.
   Десктоп не затрагивается: всё внутри @media (max-width:760px).
   ========================================================================== */

@media (max-width:760px){

:root{
  --v80-bar:56px;
  --v80-tab:62px;
  --v80-st:env(safe-area-inset-top,0px);
  --v80-sb:env(safe-area-inset-bottom,0px);
  --v80-r:22px;
  --v80-r-sm:16px;
  --v80-glass:color-mix(in srgb,var(--surface) 80%,transparent);
  --v80-line:color-mix(in srgb,var(--border) 75%,transparent);
  --v80-page:var(--bg-2);
  --v80-lift:0 1px 2px rgba(15,23,42,.04),0 8px 24px -8px rgba(15,23,42,.10);
  --v80-ease:cubic-bezier(.22,1,.36,1);
}
html[data-theme="dark"]{--v80-lift:0 1px 2px rgba(0,0,0,.35),0 10px 28px -10px rgba(0,0,0,.55)}

/* ---------- 1. Оболочка приложения ---------- */
html{-webkit-text-size-adjust:100%;scroll-padding-top:calc(var(--v80-bar) + var(--v80-st) + 8px)}
html body{
  -webkit-tap-highlight-color:transparent;
  overscroll-behavior-y:none;
  background:var(--v80-page)!important;
  padding-bottom:calc(var(--v80-tab) + var(--v80-sb) + 16px)!important;
  touch-action:manipulation;
}
html body a,html body button,html body [role="button"],html body label{touch-action:manipulation;-webkit-touch-callout:none}
html body main#app{min-height:60dvh;animation:v80-page-in .38s var(--v80-ease) both}
@keyframes v80-page-in{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}

/* нажатия: лёгкое «вдавливание» как в нативных приложениях */
html body .btn,html body .rk-btn,html body .city-card,html body .pop-route,html body .step,
html body .home-benefit,html body .ruh-mobile-tab,html body .chip,html body .trip-card,
html body .ruh-mobile-primary>a,html body .ruh-mobile-extra>a{
  transition:transform .18s var(--v80-ease),box-shadow .18s var(--v80-ease),background-color .18s;
}
html body .btn:active,html body .rk-btn:active,html body .city-card:active,html body .pop-route:active,
html body .home-benefit:active,html body .trip-card:active,html body .ruh-mobile-primary>a:active,
html body .ruh-mobile-extra>a:active{transform:scale(.965)}

/* ---------- 2. Верхняя панель (app bar) ---------- */
html body .header{
  position:sticky!important;top:0!important;z-index:2200!important;
  padding-top:var(--v80-st)!important;
  background:transparent!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;
  border:0!important;border-bottom:1px solid var(--v80-line)!important;
  box-shadow:none!important;
  transition:transform .32s var(--v80-ease),box-shadow .25s;
}
html body .header::before{
  content:""!important;display:block!important;position:absolute;inset:0;z-index:-1;pointer-events:none;
  background:var(--v80-glass)!important;
  -webkit-backdrop-filter:saturate(1.9) blur(22px);backdrop-filter:saturate(1.9) blur(22px);
}
html body .header::after,html body .header .header__inner::before,html body .header .header__inner::after,html body .header .header__main::before,html body .header .header__main::after{display:none!important;content:none!important}
html body.v80-scrolled .header{box-shadow:0 6px 24px -10px rgba(15,23,42,.22)!important}
html body.v80-bar-hidden .header{transform:translateY(calc(-100% - 2px))}
html body #header .header__inner{flex-direction:row!important;align-items:center!important;justify-content:flex-start!important;
  width:100%!important;max-width:none!important;margin:0!important;
  padding:0 14px!important;min-height:var(--v80-bar)!important;
}
html body #header .header__inner .header__main{flex:1 1 100%!important;width:100%!important;justify-content:space-between!important;margin:0!important;max-width:none!important;display:flex!important;align-items:center!important;gap:10px!important;min-height:var(--v80-bar)!important;height:var(--v80-bar)}
html body .header .logo{gap:9px!important;min-width:0;flex:0 1 auto}
html body .header .logo__mark{width:34px!important;height:34px!important;border-radius:11px!important;box-shadow:0 6px 16px -4px color-mix(in srgb,var(--primary) 55%,transparent)!important}
html body .header .logo__brand small{display:none!important}
html body .header .logo__text{font-size:21px!important;letter-spacing:-.02em!important;line-height:1!important}
html body .header .header-search,
html body .header .hdr-wx,
html body .header .header-time,
html body .header .header__right,
html body .header .nav{display:none!important}
html body .header .header__tools{display:flex!important;align-items:center!important;gap:8px!important;margin-left:auto!important;flex:0 0 auto}

/* город — «пилюля» в шапке */
html body .header .header__tools .city-sel{display:block!important;position:static!important}
html body .header .header__tools .city-sel__btn{
  display:inline-flex!important;align-items:center;gap:6px;height:36px;max-width:132px;padding:0 11px!important;
  border-radius:999px!important;border:1px solid var(--v80-line)!important;
  background:color-mix(in srgb,var(--primary) 8%,var(--surface))!important;color:var(--text)!important;
  font-size:12.5px!important;font-weight:800!important;box-shadow:none!important;
}
html body .header .city-sel__btn .ic{color:var(--primary);font-size:12px}
html body .header .city-sel__btn .chev{font-size:9px;color:var(--text-3)}
html body .header .city-sel__city{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

/* список городов — bottom sheet */
html body #citySelDD.city-sel__dd{
  position:fixed!important;left:0!important;right:0!important;top:auto!important;bottom:0!important;
  width:100%!important;max-width:none!important;max-height:78dvh;
  border-radius:var(--v80-r) var(--v80-r) 0 0!important;border:0!important;
  padding:18px 16px calc(16px + var(--v80-sb))!important;
  background:var(--surface)!important;box-shadow:0 -18px 60px rgba(15,23,42,.30)!important;
  z-index:3600!important;overflow:auto;
}
html body #citySelDD.city-sel__dd::before{content:"";display:block;width:40px;height:4px;border-radius:4px;background:var(--border-strong);margin:-6px auto 12px}

/* бургер */
html body .header .burger{
  display:grid!important;place-content:center;gap:4px;width:40px!important;height:40px!important;
  border-radius:13px!important;border:1px solid var(--v80-line)!important;background:var(--surface)!important;
  box-shadow:none!important;padding:0!important;
}
html body .header .burger span{width:18px!important;height:2px!important;border-radius:2px!important;background:var(--text)!important;transition:transform .25s var(--v80-ease),opacity .2s}
html body .header .burger.open span:nth-child(1){transform:translateY(6px) rotate(45deg)}
html body .header .burger.open span:nth-child(2){opacity:0}
html body .header .burger.open span:nth-child(3){transform:translateY(-6px) rotate(-45deg)}

/* ---------- 3. Нижняя навигация (док) ---------- */
html body .ruh-mobile-tabbar{
  display:grid!important;
  grid-template-columns:repeat(5,minmax(0,1fr))!important;align-items:end;
  position:fixed!important;left:0!important;right:0!important;bottom:0!important;top:auto!important;
  height:calc(var(--v80-tab) + var(--v80-sb))!important;min-height:0!important;
  padding:6px 6px calc(6px + var(--v80-sb))!important;margin:0!important;
  border-radius:0!important;border:0!important;border-top:1px solid var(--v80-line)!important;
  background:var(--v80-glass)!important;
  -webkit-backdrop-filter:saturate(1.9) blur(24px)!important;backdrop-filter:saturate(1.9) blur(24px)!important;
  box-shadow:0 -10px 34px -12px rgba(15,23,42,.18)!important;
  z-index:3000!important;
  transition:transform .3s var(--v80-ease)!important;
}
html body.ruh-drawer-open .ruh-mobile-tabbar,
html body.v80-kbd .ruh-mobile-tabbar{transform:translateY(110%)!important;display:grid!important}
html body .ruh-mobile-tab{
  position:relative;display:flex!important;flex-direction:column;align-items:center;justify-content:flex-end;gap:3px;
  height:100%;padding:0!important;border:0!important;border-radius:14px!important;
  background:transparent!important;box-shadow:none!important;
  font-size:10.5px!important;font-weight:700!important;letter-spacing:.01em;color:var(--text-3)!important;text-decoration:none;
}
html body .ruh-mobile-tab::before,html body .ruh-mobile-tab::after{display:none!important}
html body .ruh-mobile-tab>i{
  display:grid!important;place-items:center;width:52px;height:30px;border-radius:15px;
  font-size:18px!important;color:inherit!important;
  transition:background-color .28s var(--v80-ease),transform .28s var(--v80-ease),color .2s;
}
html body .ruh-mobile-tab.active,html body .ruh-mobile-tab.ruh-mobile-tab--create.active{color:var(--primary)!important;background:transparent!important;box-shadow:none!important}
html body .ruh-mobile-tab.active>i{background:color-mix(in srgb,var(--primary) 14%,transparent)!important;transform:translateY(-1px)}
html body .ruh-mobile-tab.active span{font-weight:850}
html body .ruh-mobile-tab:active>i{transform:scale(.88)}

/* центральная кнопка «Создать» */
html body .ruh-mobile-tab--create{color:var(--text-2)!important;justify-content:flex-end}
html body .ruh-mobile-tab--create .ruh-tab-icon{
  display:grid!important;place-items:center;width:54px;height:54px;margin-top:-26px;border-radius:19px;
  background:linear-gradient(140deg,var(--primary),#7c3aed 55%,var(--accent))!important;color:#fff!important;font-size:20px;
  border:4px solid var(--surface)!important;
  box-shadow:0 12px 24px -6px color-mix(in srgb,var(--primary) 70%,transparent)!important;
  transform:rotate(0);transition:transform .3s var(--v80-ease);
}
html body .ruh-mobile-tab--create .ruh-tab-icon i{color:#fff!important}
html body .ruh-mobile-tab--create:active .ruh-tab-icon{transform:scale(.9) rotate(90deg)}
html body .ruh-mobile-tab--create.active .ruh-tab-icon{box-shadow:0 0 0 4px color-mix(in srgb,var(--primary) 20%,transparent),0 12px 24px -6px color-mix(in srgb,var(--primary) 70%,transparent)!important}

/* ---------- 4. Плавающие кнопки, тосты, cookie ---------- */
html body .ruh-guide-float,html body #rpSosFab,html body .rp-sosfab{
  bottom:calc(var(--v80-tab) + var(--v80-sb) + 14px)!important;
}
html body .ruh-guide-float{
  right:14px!important;width:42px!important;height:42px!important;border-radius:14px!important;
  box-shadow:0 8px 22px -6px rgba(15,23,42,.35)!important;transform:scale(.92);transform-origin:right bottom;opacity:.92;
}
html body #rpSosFab,html body .rp-sosfab{
  left:14px!important;height:42px!important;min-width:42px;border-radius:14px!important;
  box-shadow:0 8px 22px -6px rgba(239,68,68,.55)!important;transform:scale(.94);transform-origin:left bottom;
}
html body.ruh-drawer-open .ruh-guide-float,html body.ruh-drawer-open #rpSosFab,
html body.v80-kbd .ruh-guide-float,html body.v80-kbd #rpSosFab{display:none!important}

/* тосты — как уведомления iOS/Android под шапкой */
html body .toast-container{
  top:calc(var(--v80-st) + 10px)!important;bottom:auto!important;left:12px!important;right:12px!important;
  width:auto!important;max-width:none!important;display:grid;gap:8px;pointer-events:none;
}
html body .toast{
  pointer-events:auto;border-radius:18px!important;padding:12px 14px!important;
  background:var(--v80-glass)!important;-webkit-backdrop-filter:blur(22px) saturate(1.8);backdrop-filter:blur(22px) saturate(1.8);
  border:1px solid var(--v80-line)!important;box-shadow:0 16px 40px -12px rgba(15,23,42,.35)!important;
  animation:v80-toast-in .45s var(--v80-ease) both;
}
@keyframes v80-toast-in{from{opacity:0;transform:translateY(-18px) scale(.96)}to{opacity:1;transform:none}}

/* cookie — компактная карточка над панелью */
html body .cookie-banner{
  left:12px!important;right:12px!important;bottom:calc(var(--v80-tab) + var(--v80-sb) + 12px)!important;
  border-radius:22px!important;padding:14px!important;gap:10px!important;z-index:3100!important;
  box-shadow:0 20px 50px -14px rgba(15,23,42,.4)!important;
}

/* ---------- 5. Hero главной ---------- */
html body .hero-slider{
  margin:0!important;min-height:0!important;border-radius:0 0 30px 30px!important;overflow:hidden;
  box-shadow:0 20px 40px -24px color-mix(in srgb,var(--primary) 70%,transparent);
}
html body .hero-slider .hero-slide__content{padding:24px 0 52px!important}
html body .hero-slide__badge{font-size:10.5px!important;padding:6px 11px!important;border-radius:999px!important}
html body .hero-slide__title{font-size:clamp(28px,8.2vw,34px)!important;line-height:1.08!important;letter-spacing:-.03em!important;margin:12px 0 10px!important}
html body .hero-slide__text{font-size:14px!important;line-height:1.5!important;opacity:.92;margin-bottom:18px!important}
html body #app .hero-slide__ctas{display:grid!important;grid-template-columns:1fr 1fr;gap:10px!important}
html body #app .hero-slide__ctas .btn{min-height:48px!important;padding:0 10px!important;font-size:13.5px!important;border-radius:16px!important;white-space:nowrap;justify-content:center}
html body .hero-slider .hero-arrows{display:none!important}
html body .hero-slider .hero-controls{bottom:18px!important}

/* форма поиска — «лист», наезжающий на hero */
html body .hero-search-wrap{margin:-30px 0 0!important;padding:0 14px!important;position:relative;z-index:5}
html body .hero-search{padding:0!important;border-radius:26px!important;background:transparent!important;box-shadow:none!important;border:0!important}
html body #app .hero-search-wrap .hero-search .search-bar,html body #app .search-bar{
  display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important;max-width:none!important;padding:14px!important;
  background:var(--surface)!important;border:1px solid var(--v80-line)!important;border-radius:26px!important;
  box-shadow:0 22px 50px -20px rgba(15,23,42,.35)!important;
}
html body #app .search-bar .search-field{
  grid-column:span 1;min-width:0;padding:10px 12px!important;border-radius:16px!important;
  background:var(--bg-2)!important;border:1.5px solid transparent!important;
  transition:border-color .2s,background-color .2s,box-shadow .2s;
}
html body #app .search-bar .search-field:nth-child(3),html body #app .search-bar>.btn,html body #app .search-bar>button{grid-column:1/-1}
html body #app .search-bar .search-field:focus-within{border-color:var(--primary)!important;background:var(--surface)!important;box-shadow:0 0 0 4px color-mix(in srgb,var(--primary) 14%,transparent)}
html body #app .search-bar .search-field label{font-size:10px!important;letter-spacing:.07em;font-weight:800;color:var(--text-3)!important;margin:0 0 4px!important}
html body #app .search-bar .search-field input{font-size:16px!important;font-weight:700;height:26px;padding:0!important;border:0!important;background:transparent!important;box-shadow:none!important;color:var(--text)!important}
html body #app .search-bar>.btn,html body #app .search-bar>button{min-height:52px!important;border-radius:16px!important;font-size:15px!important;font-weight:850}

/* ---------- 6. Секции и заголовки ---------- */
html body .section{padding:26px 0 8px!important}
html body .container{padding-left:16px!important;padding-right:16px!important}
html body .section__head{margin-bottom:14px!important;display:flex;align-items:flex-end;justify-content:space-between;gap:10px}
html body .section__title{font-size:22px!important;line-height:1.15!important;letter-spacing:-.025em!important}
html body .section__desc{font-size:13.5px!important;line-height:1.5!important;color:var(--text-3)!important}
html body .section__link{font-size:12.5px!important;font-weight:800;white-space:nowrap;color:var(--primary)!important}
html body .section--alt{background:transparent!important}

/* карусели со snap */
html body :is(.pop-routes,.steps,.home-benefit-grid,.home-faq-grid):not(.v80-no-snap),
html body :has(> .city-card){
  display:flex!important;flex-wrap:nowrap!important;overflow-x:auto;gap:12px!important;
  margin-left:-16px;margin-right:-16px;padding:2px 16px 16px;
  scroll-snap-type:x mandatory;scroll-padding:0 16px;scrollbar-width:none;-webkit-overflow-scrolling:touch;
}
html body :is(.pop-routes,.steps,.home-benefit-grid,.home-faq-grid)::-webkit-scrollbar,
html body :has(> .city-card)::-webkit-scrollbar{display:none}
html body :is(.pop-routes,.steps,.home-benefit-grid,.home-faq-grid)>*{flex:0 0 78%;max-width:300px;scroll-snap-align:start}
html body :has(> .city-card)>.city-card{flex:0 0 138px;scroll-snap-align:start}

/* ---------- 7. Карточки, кнопки, поля ---------- */
html body :is(.card,.city-card,.pop-route,.step,.home-benefit,.trip-card,.rk-state,.stat-card,.ruh-cis-home-banner){
  border-radius:var(--v80-r)!important;border:1px solid var(--v80-line)!important;box-shadow:var(--v80-lift)!important;
}
html body .btn{min-height:48px;border-radius:15px!important;font-weight:800;letter-spacing:-.005em}
html body .btn--sm{min-height:38px!important;border-radius:12px!important}
html body .btn--lg{min-height:54px!important;border-radius:17px!important}
html body .btn--primary,html body .btn--gradient{box-shadow:0 12px 24px -10px color-mix(in srgb,var(--primary) 75%,transparent)!important}
html body :is(input:not([type=checkbox]):not([type=radio]):not([type=range]),select,textarea){font-size:16px!important;border-radius:15px!important}
html body :is(input:not([type=checkbox]):not([type=radio]):not([type=range]),select):not(.search-field input){min-height:50px}
html body :is(input,select,textarea):focus{outline:0!important;border-color:var(--primary)!important;box-shadow:0 0 0 4px color-mix(in srgb,var(--primary) 14%,transparent)!important}

/* переключатели видов/чипы — горизонтальный скролл вместо переноса */
html body :is(.ruh-view-switch,.chips,.search-tags,.pop-tags){
  display:flex!important;overflow-x:auto;gap:8px!important;scrollbar-width:none;margin-left:-16px;margin-right:-16px;padding:2px 16px 6px;
}
html body :is(.ruh-view-switch,.chips,.search-tags,.pop-tags)::-webkit-scrollbar{display:none}
html body :is(.ruh-view-switch,.chips,.search-tags,.pop-tags)>*{flex:0 0 auto;white-space:nowrap}

/* ---------- 8. Внутренние страницы ---------- */
html body :is(.rk-hero,.transport-hero,.adv34-hero){border-radius:0 0 28px 28px!important;overflow:hidden}
html body .rk-hero{padding-top:22px!important;padding-bottom:30px!important}
html body .rk-hero :is(h1,h2){font-size:clamp(27px,8vw,33px)!important;line-height:1.1!important;letter-spacing:-.03em}

/* ---------- 9. Окна → bottom sheet ---------- */
html body #modalOverlay.modal-overlay{
  align-items:flex-end!important;justify-content:center!important;padding:0!important;
  background:rgba(8,12,28,.55)!important;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:3500!important;
}
html body #modalOverlay.modal-overlay #modalContent.modal{
  width:100%!important;max-width:none!important;margin:0!important;
  max-height:92dvh!important;overflow:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;
  border-radius:28px 28px 0 0!important;border:0!important;
  padding:26px 18px calc(22px + var(--v80-sb))!important;
  background:var(--surface)!important;box-shadow:0 -24px 70px rgba(8,12,28,.45)!important;
  transform:translateY(0);position:relative;
}
html body #modalOverlay.modal-overlay.open #modalContent.modal{animation:v80-sheet-in .42s var(--v80-ease) both}
html body #modalOverlay.modal-overlay #modalContent.modal::before{
  content:"";position:absolute;top:9px;left:50%;width:42px;height:5px;margin-left:-21px;border-radius:5px;background:var(--border-strong);opacity:.9;
}
html body #modalOverlay.modal-overlay #modalContent.modal.v80-dragging{animation:none!important;transition:none!important}
html body #modalOverlay.modal-overlay #modalContent.modal.v80-closing{transition:transform .26s var(--v80-ease);transform:translateY(105%)!important}
@keyframes v80-sheet-in{from{transform:translateY(100%)}to{transform:none}}
html body .modal__close{top:14px!important;right:14px!important;width:34px!important;height:34px!important;border-radius:12px!important;background:var(--bg-3)!important;color:var(--text-2)!important}
html body .modal__actions{display:grid!important;grid-template-columns:1fr 1fr;gap:10px}

/* ---------- 10. Меню (drawer) ---------- */
html body .mobile-drawer{background:rgba(8,12,28,.5)!important;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:3400!important}
html body .mobile-drawer__panel{
  top:auto!important;bottom:0!important;left:0!important;right:0!important;width:100%!important;max-width:none!important;
  height:auto!important;max-height:calc(100dvh - var(--v80-st) - 24px)!important;
  border-radius:28px 28px 0 0!important;border:0!important;
  background:var(--v80-page)!important;box-shadow:0 -24px 70px rgba(8,12,28,.45)!important;
  padding-top:22px!important;padding-bottom:calc(14px + var(--v80-sb))!important;overflow:auto;
  transform:translateY(100%);transition:transform .42s var(--v80-ease)!important;
}
html body .mobile-drawer.open .mobile-drawer__panel{transform:none!important}
html body .mobile-drawer__panel::before{
  content:"";position:absolute;top:9px;left:50%;width:42px;height:5px;margin-left:-21px;border-radius:5px;background:var(--border-strong);
}

/* ---------- 11. Футер — компактный ---------- */
html body .footer{margin-top:28px!important;border-radius:28px 28px 0 0!important;padding-bottom:8px!important}
html body .footer-wx-bar,html body .footer__trust,html body .footer__payments,html body .footer__bottom-center{display:none!important}
html body .footer__grid{display:grid!important;grid-template-columns:1fr 1fr;gap:18px 14px!important}
html body .footer__brand{grid-column:1/-1}
html body .footer__col:nth-of-type(n+4){grid-column:1/-1}
html body .footer-install__actions{display:grid;grid-template-columns:1fr;gap:10px}
html body .footer__legal{display:flex;flex-wrap:wrap;gap:8px 14px;font-size:12px}
@media (display-mode:standalone){html body .footer-install{display:none!important}}

/* ---------- 12. Скролл и мелочи ---------- */
html body ::-webkit-scrollbar{width:0;height:0}
html body img{-webkit-user-drag:none}
html body.v80-no-select{user-select:none;-webkit-user-select:none}


/* ---------- 13. Доработки V80.1 ---------- */
/* список городов поверх панели: панель уезжает вниз, пока шторка открыта */
html body:has(.city-sel.open) .ruh-mobile-tabbar{transform:translateY(110%)!important}
html body:has(.city-sel.open) :is(.ruh-guide-float,#rpSosFab){display:none!important}
html body:has(.city-sel.open)::after{content:"";position:fixed;inset:0;background:rgba(8,12,28,.45);z-index:3500;pointer-events:none}

/* форма каталога — как поиск на главной: 2 колонки + «Когда» + кнопка */
html body #app .rk-searchbar{
  display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important;position:relative;
  padding:14px!important;border-radius:26px!important;background:var(--surface)!important;border:1px solid var(--v80-line)!important;
  box-shadow:0 22px 50px -20px rgba(15,23,42,.35)!important;max-width:none!important;
}
html body #app .rk-searchbar .rk-field{min-width:0;padding:10px 12px!important;border-radius:16px!important;background:var(--bg-2)!important;border:1.5px solid transparent!important;margin:0!important}
html body #app .rk-searchbar .rk-field:focus-within{border-color:var(--primary)!important;background:var(--surface)!important;box-shadow:0 0 0 4px color-mix(in srgb,var(--primary) 14%,transparent)}
html body #app .rk-searchbar .rk-field span{font-size:10px!important;letter-spacing:.07em;font-weight:800;color:var(--text-3)!important}
html body #app .rk-searchbar .rk-field input{font-size:16px!important;font-weight:700;height:28px;min-height:0!important;padding:0!important;border:0!important;background:transparent!important;box-shadow:none!important}
html body #app .rk-searchbar .rk-field--date,html body #app .rk-searchbar>button[type=submit]{grid-column:1/-1}
html body #app .rk-searchbar .rk-swap{
  position:absolute!important;left:50%;top:50px;transform:translate(-50%,-50%);z-index:2;width:34px!important;height:34px!important;
  border-radius:50%!important;padding:0!important;background:var(--surface)!important;border:1px solid var(--v80-line)!important;
  box-shadow:0 6px 16px -6px rgba(15,23,42,.35)!important;color:var(--primary)!important;display:grid;place-items:center;
}
html body #app .rk-searchbar>button[type=submit]{min-height:52px!important;border-radius:16px!important;font-size:15px!important;font-weight:850}

/* «Всё для спокойной поездки» — плитки 2×2 */
html body #app .rp-feats{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}
html body #app .rp-feats .rp-feat{padding:14px!important;min-height:0!important;border-radius:20px!important}
html body #app .rp-feats .rp-feat b{font-size:13.5px!important}
html body #app .rp-feats .rp-feat :is(span,small,p){font-size:11.5px!important;line-height:1.4!important}

} /* /max-width:760px */

/* очень узкие экраны */
@media (max-width:360px){
  html body .ruh-mobile-tab{font-size:9.5px!important}
  html body .ruh-mobile-tab>i{width:44px}
  html body #app .hero-slide__ctas{grid-template-columns:1fr}
  html body .header .header__tools .city-sel__btn{max-width:104px}
}

/* уважение к «меньше анимации» */
@media (prefers-reduced-motion:reduce){
  html body main#app,html body .modal-overlay.open .modal,html body .toast{animation:none!important}
  html body .mobile-drawer__panel,html body .ruh-mobile-tabbar,html body .header{transition:none!important}
}


/* RUH V80.1 — catalogue integration + richer mobile navigation */
.rk-intl-promo{display:flex;align-items:center;gap:13px;margin:16px 0 4px;padding:13px 15px;border:1px solid rgba(14,165,233,.24);border-radius:17px;background:linear-gradient(110deg,rgba(14,165,233,.10),rgba(79,70,229,.055));color:var(--text);text-decoration:none;box-shadow:0 8px 24px rgba(15,80,140,.06);transition:transform .2s,border-color .2s}
.rk-intl-promo:hover{transform:translateY(-2px);border-color:rgba(14,165,233,.48)}
.rk-intl-promo__icon{display:grid;place-items:center;flex:0 0 42px;width:42px;height:42px;border-radius:13px;background:linear-gradient(145deg,#0ea5e9,#4f46e5);color:#fff;font-size:18px}
.rk-intl-promo>span:nth-child(2){display:grid;gap:4px;min-width:0;flex:1}
.rk-intl-promo b{font-size:13px;font-weight:900}
.rk-intl-promo small{font-size:11px;line-height:1.45;color:var(--text-3)}
.rk-intl-promo>i{color:var(--primary);font-size:13px}
.rk-intl-result{min-width:0;display:flex;flex-direction:column;gap:7px}
.rk-intl-result__label{display:flex;align-items:center;gap:7px;min-width:0;padding:7px 10px;border:1px solid rgba(14,165,233,.2);border-radius:12px;background:linear-gradient(100deg,rgba(14,165,233,.09),rgba(79,70,229,.045));color:var(--text)}
.rk-intl-result__label>span{font-size:17px}
.rk-intl-result__label>b{font-size:9px;font-weight:950;letter-spacing:.08em;color:#087db7}
.rk-intl-result__label>small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:10px;color:var(--text-2)}
.rk-intl-result__label>a{margin-left:auto;white-space:nowrap;color:var(--primary);font-size:9px;font-weight:850;text-decoration:none}
.rk-intl-result__label>a i{margin-left:3px}
@media(max-width:760px){
 .rk-intl-promo{align-items:flex-start;margin:13px 0 2px;padding:12px;border-radius:15px}
 .rk-intl-promo b{font-size:12px}.rk-intl-promo small{font-size:10px}
 .rk-intl-result__label{flex-wrap:wrap;gap:5px 7px;padding:7px 9px}
 .rk-intl-result__label>a{width:100%;margin-left:24px}
 /* Меню — как компактная панель приложения: понятная иерархия и крупные зоны касания */
 html body .mobile-drawer__panel{padding:calc(13px + env(safe-area-inset-top)) 15px calc(22px + env(safe-area-inset-bottom))!important}
 html body #mobileNav{padding-top:7px!important}
 html body .ruh-mobile-welcome{padding:14px;border-radius:18px;background:linear-gradient(125deg,color-mix(in srgb,var(--primary) 12%,var(--surface)),color-mix(in srgb,#0891b2 7%,var(--surface)));box-shadow:0 8px 22px rgba(30,80,150,.06)}
 html body .ruh-mobile-welcome__mark{width:46px;height:46px;flex-basis:46px;border-radius:15px;background:linear-gradient(145deg,#2563eb,#0891b2)}
 html body .ruh-mobile-section-title{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:17px 2px 9px}
 html body .ruh-mobile-section-title>span{font-size:11px;font-weight:950;letter-spacing:.09em;text-transform:uppercase;color:var(--text-2)}
 html body .ruh-mobile-section-title>small{font-size:9px;color:var(--text-3);text-align:right}
 html body .ruh-mobile-primary{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
 html body .ruh-mobile-primary>a{position:relative;display:flex;align-items:center;gap:10px;min-height:62px;padding:11px;border:1px solid var(--v80-line);border-radius:15px;background:var(--surface);color:var(--text);text-decoration:none;box-shadow:0 5px 16px rgba(15,35,70,.035)}
 html body .ruh-mobile-primary>a>i:first-child{display:grid;place-items:center;flex:0 0 34px;width:34px;height:34px;border-radius:11px;background:color-mix(in srgb,var(--primary) 10%,var(--surface));color:var(--primary);font-size:15px}
 html body .ruh-mobile-primary>a>span{font-size:11px;font-weight:850;line-height:1.25}
 html body .ruh-mobile-primary>a em{position:absolute;left:55px;bottom:7px;font-size:8px}
 html body .ruh-mobile-primary>a.ruh-mobile-intl-link{background:linear-gradient(135deg,color-mix(in srgb,#0891b2 10%,var(--surface)),var(--surface));border-color:rgba(8,145,178,.28)}
 html body .ruh-mobile-primary>a.ruh-mobile-create-link{background:linear-gradient(135deg,color-mix(in srgb,var(--primary) 8%,var(--surface)),var(--surface))}
 html body .ruh-mobile-extra{display:grid;grid-template-columns:1fr 1fr;gap:8px}
 html body .ruh-mobile-extra>a{display:flex;align-items:center;gap:9px;min-height:50px;padding:10px;border:1px solid var(--v80-line);border-radius:13px;background:var(--surface);color:var(--text);text-decoration:none}
 html body .ruh-mobile-extra>a>i:first-child{color:var(--primary);font-size:13px}
 html body .ruh-mobile-extra>a>span{font-size:10px;font-weight:800;line-height:1.25}
 html body .ruh-mobile-extra>a .ruh-mobile-link-arrow{margin-left:auto;font-size:9px;color:var(--text-3)}
 html body .mobile-search{margin:12px 0 4px;min-height:48px;border-radius:15px}
}
@media(max-width:380px){
 html body .ruh-mobile-primary{gap:7px}
 html body .ruh-mobile-primary>a{padding:9px;gap:7px;min-height:58px}
 html body .ruh-mobile-primary>a>i:first-child{width:30px;height:30px;flex-basis:30px}
 html body .ruh-mobile-primary>a>span{font-size:10px}
 html body .ruh-mobile-extra{grid-template-columns:1fr}
}