/* Бортум 0.13.1 — стабильный лендинг и корректные гостевые состояния */

/* Гостевой экран всегда является отдельным одностраничным состоянием. */
.bt-welcome:not([hidden]){
  width:100%;
  height:100dvh;
  min-height:0;
  display:grid;
  grid-template-columns:110px minmax(0,1fr);
  overflow:hidden;
  background:#fff;
}
.bt-welcome .bt-landing{
  box-sizing:border-box;
  width:100%;
  height:100dvh!important;
  min-height:0!important;
  display:grid!important;
  grid-template-rows:44px minmax(0,1fr) 108px!important;
  align-content:stretch!important;
  gap:clamp(14px,2vh,24px)!important;
  padding:20px var(--bt-landing-pad-x) 24px!important;
  overflow:hidden!important;
  background:
    radial-gradient(circle at 83% 17%,rgba(116,71,255,.07),transparent 29%),
    radial-gradient(circle at 73% 78%,rgba(183,255,0,.045),transparent 31%),
    #fff;
}
.bt-landing-login{
  position:static!important;
  grid-row:1;
  display:flex;
  align-items:center;
  justify-content:flex-end;
  min-height:44px;
  z-index:5;
}
.bt-landing-stage{
  grid-row:2;
  width:min(1380px,100%);
  height:100%!important;
  min-height:0!important;
  margin:0 auto!important;
  display:grid!important;
  grid-template-columns:minmax(390px,.92fr) minmax(460px,1.08fr)!important;
  align-items:center!important;
  gap:clamp(18px,3vw,var(--bt-hero-gap))!important;
  overflow:visible!important;
}
.bt-landing-stage .bt-hero__copy{
  align-self:center;
  min-width:0;
  z-index:2;
}
.bt-landing-stage h1{
  margin:0!important;
  max-width:710px!important;
  font-size:clamp(48px,4.75vw,var(--bt-hero-title-size))!important;
  line-height:var(--bt-hero-title-line)!important;
  letter-spacing:var(--bt-hero-title-tracking)!important;
  font-weight:var(--bt-hero-title-weight)!important;
  text-wrap:balance;
  white-space:normal!important;
}
.bt-landing-stage p{
  max-width:560px!important;
  margin:20px 0 26px!important;
  font-size:clamp(15px,1.08vw,18px)!important;
  line-height:1.42!important;
}
.bt-approved-car{
  position:relative!important;
  inset:auto!important;
  width:100%!important;
  height:100%!important;
  min-height:0!important;
  margin:0!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  overflow:visible!important;
  opacity:1!important;
  isolation:isolate;
}
.bt-approved-car img{
  display:block!important;
  width:min(100%,760px)!important;
  height:auto!important;
  max-height:min(55vh,610px)!important;
  object-fit:contain!important;
  object-position:center!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
  clip-path:none!important;
  mix-blend-mode:multiply!important;
  transform:scale(var(--bt-car-scale))!important;
  transform-origin:center!important;
  filter:drop-shadow(0 30px 36px rgba(72,78,92,.09));
}
.bt-welcome .bt-feature-row{
  grid-row:3;
  align-self:end;
  width:min(1240px,100%)!important;
  height:108px;
  margin:0 auto!important;
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:var(--bt-feature-gap)!important;
}
.bt-welcome .bt-feature-row article{
  height:108px;
  min-height:108px!important;
  padding:17px 20px!important;
  overflow:hidden;
}
.bt-welcome .bt-feature-row h2{font-size:18px!important}
.bt-welcome .bt-feature-row p{font-size:13px!important;line-height:1.4!important}
.bt-guest-fab{display:none!important}

/* Гостевой чат накрывает рабочую область, но не переключает интерфейс на кабинет. */
body:not(.bt-in-app) .bt-drawer{left:110px!important}
body:not(.bt-in-app).bt-chat-open .bt-welcome{visibility:visible}

/* Плавающая кнопка существует только в авторизованном приложении и всегда справа. */
.bt-app:not([hidden]) .bt-fab{
  position:fixed!important;
  left:auto!important;
  right:max(28px,env(safe-area-inset-right))!important;
  bottom:max(28px,env(safe-area-inset-bottom))!important;
  transform:none!important;
  z-index:70!important;
}
body:not(.bt-in-app) .bt-fab,.bt-app[hidden] .bt-fab{display:none!important}

@media(max-width:1180px){
  .bt-welcome .bt-landing{grid-template-rows:44px minmax(0,1fr) 100px!important;padding-left:32px!important;padding-right:32px!important}
  .bt-landing-stage{grid-template-columns:minmax(350px,.95fr) minmax(390px,1.05fr)!important}
  .bt-landing-stage h1{font-size:clamp(46px,5.4vw,66px)!important}
  .bt-approved-car img{max-height:47vh!important}
  .bt-welcome .bt-feature-row,.bt-welcome .bt-feature-row article{height:100px;min-height:100px!important}
}
@media(max-width:900px){
  .bt-welcome:not([hidden]){grid-template-columns:82px minmax(0,1fr)}
  .bt-welcome .bt-landing{grid-template-rows:44px minmax(0,1fr) auto!important;overflow:auto!important}
  .bt-landing-stage{grid-template-columns:1fr!important;align-content:center!important}
  .bt-approved-car{position:absolute!important;right:-7%!important;top:19%!important;width:54%!important;height:42%!important;opacity:.34!important;pointer-events:none}
  .bt-landing-stage .bt-hero__copy{max-width:650px}
  .bt-welcome .bt-feature-row{height:auto;grid-template-columns:repeat(3,minmax(0,1fr))!important}
  .bt-welcome .bt-feature-row article{height:auto;min-height:96px!important}
  body:not(.bt-in-app) .bt-drawer{left:82px!important}
}
@media(max-width:680px){
  body:not(.bt-in-app){overflow:auto}
  .bt-welcome:not([hidden]){display:block;height:auto;min-height:100dvh;overflow:visible}
  .bt-welcome .bt-rail--landing{display:none!important}
  .bt-welcome .bt-landing{
    height:auto!important;
    min-height:100dvh!important;
    display:grid!important;
    grid-template-rows:auto auto auto!important;
    gap:18px!important;
    padding:18px 16px 28px!important;
    overflow:visible!important;
  }
  .bt-landing-login{min-height:42px}
  .bt-landing-stage{display:flex!important;flex-direction:column;gap:8px!important}
  .bt-landing-stage h1{font-size:var(--bt-hero-title-mobile)!important;margin-top:22px!important}
  .bt-landing-stage p{font-size:16px!important;margin:18px 0 22px!important}
  .bt-landing-stage .bt-hero__actions{display:grid!important;grid-template-columns:1fr!important;width:100%}
  .bt-landing-stage .bt-button--large{width:100%;min-width:0}
  .bt-approved-car{position:relative!important;inset:auto!important;width:100%!important;height:220px!important;opacity:1!important;order:2}
  .bt-approved-car img{width:100%!important;max-height:230px!important}
  .bt-welcome .bt-feature-row{grid-template-columns:1fr!important;height:auto;gap:10px!important}
  .bt-welcome .bt-feature-row article{height:auto;min-height:88px!important;padding:14px 16px!important}
  .bt-welcome .bt-feature-row p br{display:none}
  body:not(.bt-in-app) .bt-drawer{left:0!important}
  .bt-app:not([hidden]) .bt-fab{right:18px!important;bottom:82px!important;width:58px;height:58px}
}