/* RabotaLive24 mobile consistency repair v7 — main + works */
:root{--rl-mobile-bar-h:64px;--rl-safe-bottom:env(safe-area-inset-bottom,0px)}
*,*::before,*::after{box-sizing:border-box}
[hidden]{display:none!important}
html{max-width:100%;overflow-x:hidden;-webkit-text-size-adjust:100%;scroll-padding-bottom:90px}
body{max-width:100%;overflow-x:hidden}
img,svg,video,canvas,iframe{max-width:100%}
input,select,textarea,button{max-width:100%;font:inherit}

@media (max-width:900px){
  body{padding-bottom:calc(var(--rl-mobile-bar-h) + 18px + var(--rl-safe-bottom))!important}
  body.lead-modal-open{overflow:hidden!important}
  .container{width:min(100% - 24px,1180px)!important;max-width:1180px!important;margin-inline:auto!important}

  /* One header for every public page. */
  .site-header{
    position:sticky!important;top:0!important;z-index:1200!important;
    background:rgba(255,255,255,.98)!important;
    border-bottom:1px solid rgba(20,57,94,.10)!important;
    box-shadow:0 9px 24px rgba(15,35,60,.08)!important;
    color:#12385e!important;backdrop-filter:blur(14px)!important;-webkit-backdrop-filter:blur(14px)!important;
  }
  .site-header .header-inner{
    display:grid!important;grid-template-columns:minmax(0,1fr) 54px!important;grid-template-rows:auto auto!important;
    align-items:center!important;gap:8px 10px!important;min-height:0!important;padding:8px 0!important;
  }
  .site-header .brand{
    grid-column:1!important;grid-row:1!important;min-width:0!important;max-width:100%!important;
    display:flex!important;align-items:center!important;gap:10px!important;overflow:hidden!important;
    color:#12385e!important;text-decoration:none!important;
  }
  .site-header .brand-logo{width:46px!important;height:46px!important;flex:0 0 46px!important;object-fit:contain!important}
  .site-header .brand-copy{min-width:0!important;overflow:hidden!important}
  .site-header .brand-copy strong{display:block!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;font-size:18px!important;line-height:1.1!important;color:#12385e!important}
  .site-header .brand-copy span{display:none!important}
  .site-header .site-menu-trigger{
    grid-column:2!important;grid-row:1!important;width:50px!important;min-width:50px!important;max-width:50px!important;
    height:50px!important;min-height:50px!important;padding:0!important;border-radius:15px!important;justify-self:end!important;
    display:flex!important;align-items:center!important;justify-content:center!important;
    border:1px solid rgba(255,255,255,.12)!important;
    background:linear-gradient(180deg,#2b6aa5 0%,#153f6d 100%)!important;color:#fff!important;
    box-shadow:0 9px 20px rgba(21,63,109,.20)!important;
  }
  .site-header .site-menu-btn-label{display:none!important}
  .site-header .site-menu-icon-wrap{display:grid!important;place-items:center!important;width:25px!important;height:25px!important}
  .site-header .site-menu-icon{width:25px!important;height:25px!important}
  .site-header .site-menu-icon-line{stroke:#fff!important;stroke-width:2.3!important;stroke-linecap:round!important}
  .site-header .header-actions{
    grid-column:1/-1!important;grid-row:2!important;width:100%!important;min-width:0!important;
    display:grid!important;grid-template-columns:minmax(0,1fr) 48px!important;gap:8px!important;
    align-items:center!important;justify-content:stretch!important;flex-wrap:nowrap!important;margin:0!important;
  }
  .site-header .city-switcher,.site-header .home-city-switcher{
    grid-column:1!important;grid-row:1!important;width:100%!important;min-width:0!important;max-width:100%!important;
    display:grid!important;grid-template-columns:1fr 1fr!important;gap:4px!important;margin:0!important;padding:4px!important;
    border:1px solid rgba(20,57,94,.12)!important;border-radius:16px!important;background:#f4f7fb!important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.9)!important;
  }
  .site-header .city-switcher-label,.site-header .home-city-switcher__label{display:none!important}
  .site-header .city-choice,.site-header .home-city-choice{
    min-width:0!important;min-height:40px!important;padding:7px 5px!important;border-radius:12px!important;
    font-size:12px!important;font-weight:900!important;white-space:nowrap!important;overflow:hidden!important;
    text-overflow:ellipsis!important;text-align:center!important;text-decoration:none!important;color:#173e67!important;
    display:flex!important;align-items:center!important;justify-content:center!important;
  }
  .site-header .city-choice.is-active,.site-header .home-city-choice.is-active,
  .site-header .city-choice[aria-current="page"],.site-header .home-city-choice[aria-current="page"]{
    background:#173f6b!important;color:#fff!important;box-shadow:0 8px 18px rgba(23,63,107,.18)!important;
  }
  .site-header .header-phone{
    grid-column:2!important;grid-row:1!important;width:48px!important;min-width:48px!important;max-width:48px!important;
    height:48px!important;min-height:48px!important;padding:0!important;border-radius:15px!important;
    display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:0!important;
    background:#fff!important;color:#173f6b!important;border:1px solid rgba(20,57,94,.10)!important;
    box-shadow:0 7px 18px rgba(15,35,60,.08)!important;text-decoration:none!important;
  }
  .site-header .header-phone span{display:none!important}
  .site-header .header-phone i{font-size:18px!important}
  .site-header .header-order-btn{display:none!important}

  #siteMenuBackdrop{position:fixed!important;inset:0!important;z-index:1890!important}
  #siteMenuDrawer{
    position:fixed!important;inset:0 auto 0 0!important;z-index:1900!important;
    width:min(92vw,380px)!important;max-width:calc(100vw - 12px)!important;height:100dvh!important;max-height:100dvh!important;
    padding:16px 14px calc(18px + var(--rl-safe-bottom))!important;
    overflow-x:hidden!important;overflow-y:auto!important;overscroll-behavior:contain!important;
  }
  #siteMenuDrawer .btn{width:100%!important;max-width:100%!important;min-height:46px!important;white-space:normal!important;text-align:left!important}
  #siteMenuDrawer .site-menu-city{grid-template-columns:1fr 1fr!important}

  .conversion-shell,.service-hero-grid,.landing-hero-grid,.hero-grid,.content-grid,.catalog-grid,.scenario-grid,
  .info-grid,.module-grid,.feature-grid,.seo-grid,.seo-faq-grid,.footer-grid,.home-city-coverage__grid,
  .city-geo-grid,.work-grid,.benefits-grid,.steps-grid,.reviews-grid,.order-grid,.lead-order-grid,.calc-fields,
  .conversion-trust-grid,.conversion-layout,.bottom-cta-inner,.partner-card,.intro-box{
    grid-template-columns:minmax(0,1fr)!important;
  }
  .conversion-shell,.service-hero-grid,.landing-hero-grid,.hero-grid{gap:18px!important}
  .conversion-main-card,.conversion-offer-card,.order-shell,.seo-content-box,.city-geo-shell,.home-city-coverage__shell{
    width:100%!important;max-width:100%!important;min-width:0!important;box-sizing:border-box!important;
  }
  .conversion-main-card,.conversion-offer-card{padding:22px 18px!important;border-radius:24px!important}
  h1{font-size:clamp(30px,9vw,44px)!important;line-height:1.04!important;overflow-wrap:anywhere!important}
  h2{overflow-wrap:anywhere!important}
  .conversion-lead,.landing-hero p,.hero p{font-size:15px!important;line-height:1.6!important}
  .conversion-actions,.hero-actions,.bottom-actions,.lead-order-actions,.order-actions{
    display:grid!important;grid-template-columns:1fr!important;gap:10px!important;width:100%!important;
  }
  .conversion-actions .btn,.hero-actions .btn,.bottom-actions .btn,.conversion-offer-cta,.lead-order-submit,.order-submit{
    width:100%!important;max-width:100%!important;min-width:0!important;min-height:50px!important;
  }
  .conversion-trust-grid{gap:8px!important}
  .conversion-tasks,.geo-chip-list,.city-metro-cloud,.home-city-coverage__cloud,.filters{max-width:100%!important}
  .breadcrumbs,.crumbs{max-width:100%!important;overflow-x:auto!important;overscroll-behavior-x:contain!important;white-space:nowrap!important;padding-bottom:4px!important}

  .order-tabs,.lead-order-tabs{display:grid!important;grid-template-columns:1fr 1fr!important;width:100%!important}
  .order-field,.lead-order-field,.order-field.is-wide,.lead-order-field.is-wide{grid-column:auto!important;min-width:0!important}
  .order-field input,.order-field textarea,.order-field select,.lead-order-field input,.lead-order-field textarea,.lead-order-field select{
    width:100%!important;max-width:100%!important;box-sizing:border-box!important;font-size:16px!important;
  }
  .lead-order-modal{align-items:flex-end!important;padding:0!important;overscroll-behavior:contain!important}
  .lead-order-dialog{width:100%!important;max-width:100%!important;max-height:min(94dvh,760px)!important;margin:0!important;padding:22px 16px calc(18px + var(--rl-safe-bottom))!important;border-radius:24px 24px 0 0!important;overflow-y:auto!important;overflow-x:hidden!important}
  .lead-order-dialog h2{font-size:27px!important;padding-right:42px!important}
  .lead-order-close{top:10px!important;right:10px!important}
  .price-table-simple,.price-table,.table-wrap{display:block!important;width:100%!important;max-width:100%!important;overflow-x:auto!important;-webkit-overflow-scrolling:touch!important}

  /* Bottom actions do not cover the hero CTA. They appear after the first CTA leaves the screen. */
  .conversion-mobile-bar{
    position:fixed!important;left:0!important;right:0!important;bottom:0!important;z-index:1750!important;
    height:auto!important;min-height:var(--rl-mobile-bar-h)!important;max-height:calc(var(--rl-mobile-bar-h) + var(--rl-safe-bottom) + 10px)!important;
    display:grid!important;grid-template-columns:1fr 1fr!important;gap:7px!important;
    padding:6px 10px calc(6px + var(--rl-safe-bottom))!important;box-sizing:border-box!important;
    background:rgba(255,255,255,.98)!important;border-top:1px solid rgba(22,56,95,.14)!important;
    box-shadow:0 -10px 26px rgba(15,23,42,.12)!important;backdrop-filter:blur(12px)!important;
    transform:translateY(calc(100% + 18px))!important;opacity:0!important;pointer-events:none!important;
    transition:transform .22s ease,opacity .18s ease!important;
  }
  body.rl-mobile-actions-visible .conversion-mobile-bar{
    transform:translateY(0)!important;opacity:1!important;pointer-events:auto!important;
  }
  .conversion-mobile-bar a{
    min-width:0!important;height:48px!important;min-height:48px!important;max-height:48px!important;padding:0 10px!important;
    display:flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;
    border-radius:15px!important;text-decoration:none!important;font-size:14px!important;line-height:1!important;font-weight:900!important;
    white-space:nowrap!important;
  }
  .conversion-mobile-call{background:#eef5ff!important;color:#16385f!important;border:1px solid rgba(22,56,95,.16)!important}
  .conversion-mobile-order{background:#1769e0!important;color:#fff!important;border:1px solid #1769e0!important}
}

@media (max-width:620px){
  .container{width:min(100% - 20px,1180px)!important}
  .site-header .header-inner{grid-template-columns:minmax(0,1fr) 48px!important}
  .site-header .site-menu-trigger{width:46px!important;min-width:46px!important;max-width:46px!important;height:46px!important;min-height:46px!important}
  .site-header .brand-logo{width:42px!important;height:42px!important;flex-basis:42px!important}
  .site-header .brand-copy strong{font-size:16px!important}
  .conversion-main-card,.conversion-offer-card,.order-shell,.seo-content-box{padding:20px 15px!important;border-radius:21px!important}
  .order-tabs,.lead-order-tabs{grid-template-columns:1fr!important}
  .stats{grid-template-columns:1fr 1fr!important}
}

@media (min-width:901px){.conversion-mobile-bar{display:none!important}}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}

/* Order action feedback 2026-07-21 */
.order-section.rl-order-attention .order-shell{
  animation:rlOrderAttention 1.35s ease both;
}
@keyframes rlOrderAttention{
  0%,100%{box-shadow:0 22px 55px rgba(15,23,42,.10)}
  35%{box-shadow:0 0 0 5px rgba(255,107,0,.22),0 26px 62px rgba(15,23,42,.18)}
}

/* v9: отдельная форма заявки из нижнего мобильного таббара */
body.rl-mobile-order-open{overflow:hidden!important}
.rl-mobile-order-modal{
  position:fixed!important;
  inset:0!important;
  z-index:2147483000!important;
  display:none;
  align-items:center;
  justify-content:center;
  padding:18px;
  background:rgba(7,19,35,.72);
  backdrop-filter:blur(10px);
  -webkit-backdrop-filter:blur(10px);
}
.rl-mobile-order-modal.is-open{display:flex!important}
.rl-mobile-order-dialog{
  position:relative;
  width:min(620px,100%);
  max-height:min(92dvh,780px);
  overflow:auto;
  padding:28px;
  border-radius:28px;
  background:#fff;
  color:#14283e;
  box-shadow:0 30px 90px rgba(5,20,40,.34);
}
.rl-mobile-order-close{
  position:absolute;
  top:12px;
  right:12px;
  width:44px;
  height:44px;
  border:0;
  border-radius:14px;
  background:#edf3fa;
  color:#16385f;
  font-size:29px;
  line-height:1;
  cursor:pointer;
}
.rl-mobile-order-kicker{margin:0 50px 8px 0;color:#1769e0;font-size:12px;font-weight:900;text-transform:uppercase;letter-spacing:.06em}
.rl-mobile-order-dialog h2{margin:0 50px 8px 0;color:#14283e;font-size:30px;line-height:1.08;letter-spacing:-.035em}
.rl-mobile-order-lead{margin:0 0 20px;color:#5b7188;font-size:14px;line-height:1.55}
.rl-mobile-order-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.rl-mobile-order-field{display:grid;gap:7px;color:#183b60;font-size:13px;font-weight:900}
.rl-mobile-order-field b{color:#d52f3b}
.rl-mobile-order-field small{color:#71859a;font-weight:700}
.rl-mobile-order-field input,.rl-mobile-order-field textarea{
  width:100%;
  min-width:0;
  min-height:50px;
  padding:13px 14px;
  border:1px solid #ccdae8;
  border-radius:14px;
  background:#fff;
  color:#14283e;
  font:inherit;
  font-weight:600;
  outline:none;
  box-sizing:border-box;
}
.rl-mobile-order-field textarea{min-height:104px;resize:vertical}
.rl-mobile-order-field input:focus,.rl-mobile-order-field textarea:focus{border-color:#1769e0;box-shadow:0 0 0 4px rgba(23,105,224,.12)}
.rl-mobile-order-full{grid-column:1/-1}
.rl-mobile-order-submit{
  width:100%;
  min-height:54px;
  margin-top:16px;
  border:0;
  border-radius:15px;
  background:#1769e0;
  color:#fff;
  font-size:16px;
  font-weight:900;
  cursor:pointer;
  box-shadow:0 14px 30px rgba(23,105,224,.24);
}
.rl-mobile-order-submit:disabled{opacity:.62;cursor:wait}
.rl-mobile-order-status{min-height:24px;margin-top:10px;font-size:14px;font-weight:800;line-height:1.4}
.rl-mobile-order-status.is-ok,.rl-mobile-order-status.is-success{color:#13783c}
.rl-mobile-order-status.is-error{color:#b31f2d}
.rl-mobile-order-consent{margin:9px 0 0;color:#71859a;font-size:12px;line-height:1.45}
.rl-mobile-order-hp{position:absolute!important;left:-10000px!important;width:1px!important;height:1px!important;overflow:hidden!important}
@media(max-width:640px){
  .rl-mobile-order-modal{align-items:flex-end;padding:0}
  .rl-mobile-order-dialog{width:100%;max-height:94dvh;padding:24px 16px calc(18px + env(safe-area-inset-bottom));border-radius:26px 26px 0 0}
  .rl-mobile-order-dialog h2{font-size:27px}
  .rl-mobile-order-grid{grid-template-columns:1fr;gap:12px}
  .rl-mobile-order-full{grid-column:auto}
}