/* Production layout repair: stable header, transparent logos and safe text flow. */
html{overflow-x:clip}
body{min-width:320px}
.topbar .nav{
  width:min(1440px,calc(100% - 32px))!important;
  height:74px!important;
  gap:clamp(12px,1.4vw,24px)!important;
  flex-wrap:nowrap!important;
}
.topbar .brand-pill{flex:0 0 auto!important}
.brand-pill .brand-logo,.topbar .brand-logo,.nav .brand-logo{
  display:block!important;
  width:clamp(154px,13.8vw,198px)!important;
  max-width:none!important;
  height:auto!important;
  max-height:58px!important;
  object-fit:contain!important;
  background:transparent!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
  mix-blend-mode:normal!important;
  filter:none!important;
}
.topbar .nav-links{
  flex:1 1 auto!important;
  min-width:0!important;
  justify-content:center!important;
  gap:clamp(11px,1.25vw,20px)!important;
  white-space:nowrap!important;
}
.topbar .nav-links a{
  flex:0 0 auto!important;
  font-size:clamp(12px,.96vw,14px)!important;
  line-height:1.2!important;
  white-space:nowrap!important;
}
.topbar .language-switcher,.topbar .nav-contacts{
  flex:0 0 auto!important;
  white-space:nowrap!important;
}
.topbar .nav-contacts{display:flex!important;align-items:center!important;gap:8px!important}
.topbar .nav-contacts .btn{min-height:44px!important;padding:10px 15px!important;line-height:1.15!important;white-space:nowrap!important}
.orbit-center{
  display:grid!important;
  place-items:center!important;
  overflow:hidden!important;
  padding:14px!important;
}
.orbit-center .orbit-center-logo{
  position:relative!important;
  inset:auto!important;
  display:block!important;
  width:100%!important;
  height:100%!important;
  max-width:100%!important;
  max-height:100%!important;
  padding:0!important;
  object-fit:contain!important;
  object-position:center!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  filter:none!important;
  animation:none!important;
}
.hero-grid>*,.calc-wrap>*,.advantage-orbit-wrap>*,.services-grid>*,.cases-grid>*,.footer-grid>*{min-width:0}
.hero h1,.section-head h2,.service-card h3,.case-card h3,.mini-card h3,.advantage-info h3,.white-logistics-title h2{
  max-width:100%;
  overflow-wrap:break-word;
  hyphens:auto;
  text-wrap:balance;
}
.lead,.service-card p,.case-card p,.mini-card p,.advantage-info p,.review p,.office-card p{
  max-width:100%;
  overflow-wrap:break-word;
}
@media(max-width:1280px){
  .topbar .nav-contacts a[href^="tel:"]{display:none!important}
  .brand-pill .brand-logo,.topbar .brand-logo,.nav .brand-logo{width:174px!important}
}
@media(max-width:1080px){
  .topbar .nav-links{display:none!important}
  .topbar .nav{justify-content:space-between!important}
  .topbar .nav-contacts{display:flex!important}
}
@media(max-width:760px){
  .topbar{top:8px!important}
  .topbar .nav{width:calc(100% - 24px)!important;height:58px!important;gap:10px!important}
  .brand-pill .brand-logo,.topbar .brand-logo,.nav .brand-logo{width:132px!important;max-height:42px!important}
  .topbar .nav-contacts{display:none!important}
  .topbar .language-switcher{margin-left:auto!important}
  .section-head h2{font-size:clamp(32px,10.8vw,48px)!important;line-height:1!important}
  .hero h1{font-size:clamp(38px,12.6vw,58px)!important;line-height:.94!important}
  .orbit-center{padding:10px!important}

  /* Services: keep every action centered regardless of label length. */
  #services .service-card{display:flex!important;flex-direction:column!important;align-items:stretch!important}
  #services .service-link{
    align-self:center!important;
    justify-content:center!important;
    width:max-content!important;
    max-width:100%!important;
    margin:18px auto 0!important;
    text-align:center!important;
    white-space:normal!important;
  }

  /* Mobile-only content reduction requested by the owner. */
  #advantages + section{display:none!important}
  #process{display:none!important}

  /* White VED: tabs live on Kirill's screen; details follow below. */
  #white-ved .white-logistics-wrap{
    position:relative!important;
    display:flex!important;
    flex-direction:column!important;
    gap:14px!important;
    padding-top:18px!important;
  }
  #white-ved .white-logistics-wrap>div:first-child,
  #white-ved .white-logistics-panel{display:contents!important}
  #white-ved .book-card{
    order:1!important;
    position:relative!important;
    min-height:680px!important;
    margin:0!important;
    padding:0!important;
    overflow:hidden!important;
    border-radius:28px!important;
  }
  #white-ved .white-tabs{
    order:0!important;
    position:absolute!important;
    top:32px!important;
    left:12px!important;
    right:12px!important;
    z-index:30!important;
    display:grid!important;
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:7px!important;
    margin:0!important;
  }
  #white-ved .white-tab{
    min-width:0!important;
    min-height:42px!important;
    height:auto!important;
    padding:8px 6px!important;
    justify-content:center!important;
    text-align:center!important;
    border-radius:13px!important;
    font-size:11.5px!important;
    line-height:1.1!important;
    white-space:normal!important;
    backdrop-filter:blur(12px)!important;
    -webkit-backdrop-filter:blur(12px)!important;
  }
  #white-ved .white-tab[data-white="4"]{
    grid-column:2/4!important;
    font-size:0!important;
  }
  #white-ved .white-tab[data-white="4"]::after{
    content:"Риск-контроль";
    font-size:11.5px;
    line-height:1.1;
  }
  #white-ved .white-tab[data-white="5"]{display:none!important}
  #white-ved .book-card>img{
    right:-24px!important;
    bottom:186px!important;
    width:auto!important;
    height:55%!important;
    max-height:374px!important;
    object-fit:contain!important;
    opacity:1!important;
  }
  #white-ved .book-info{
    position:absolute!important;
    left:12px!important;
    right:12px!important;
    bottom:12px!important;
    z-index:32!important;
    width:auto!important;
    padding:16px!important;
    border-radius:22px!important;
  }
  #white-ved .book-info h3{font-size:22px!important;line-height:1.05!important}
  #white-ved .book-info p{font-size:12.5px!important;line-height:1.32!important}
  #white-ved .book-info .book-signature{display:none!important}
  #white-ved .book-info a.btn{min-height:46px!important;margin-top:8px!important}
  #white-ved .white-dynamic{
    order:2!important;
    min-height:auto!important;
    margin:0!important;
    padding:20px!important;
    border-radius:24px!important;
    background:rgba(255,255,255,.92)!important;
    border:1px solid rgba(202,146,99,.22)!important;
    box-shadow:0 18px 44px rgba(0,0,0,.15)!important;
  }
  #white-ved .white-dynamic h3{font-size:25px!important;line-height:1.05!important}
  #white-ved .white-dynamic p,
  #white-ved .white-dynamic li{font-size:13px!important;line-height:1.42!important}
  #white-ved .white-bottom{display:none!important}

  /* History: short photo field + swipeable milestones. */
  #about.about-timeline-bg-section .about-timeline-bg-image{
    inset:0 0 auto 0!important;
    height:290px!important;
    opacity:.46!important;
    transform:none!important;
    background-position:center 34%!important;
  }
  #about.about-timeline-bg-section .about-timeline-bg-image::after{
    background:linear-gradient(180deg,rgba(247,242,232,.22),rgba(247,242,232,.72) 72%,#eef1ec 100%)!important;
  }
  #about .about-history-head{display:block!important;margin-bottom:24px!important}
  #about .about-history-head::before{
    content:"";
    display:block;
    width:100%;
    height:210px;
    margin:0 0 14px;
    border:1px solid rgba(202,146,99,.28);
    border-radius:24px;
    background:url("./history-team.jpg") center 58%/cover no-repeat;
    box-shadow:0 18px 42px rgba(15,51,45,.12);
  }
  #about .about-history-copy{
    padding:20px!important;
    border-radius:24px!important;
    background:rgba(255,255,255,.84)!important;
    backdrop-filter:blur(8px)!important;
    -webkit-backdrop-filter:blur(8px)!important;
  }
  #about .about-history-copy h3{font-size:clamp(27px,8.4vw,38px)!important;line-height:1!important}
  #about .about-history-copy p{font-size:14px!important;line-height:1.48!important}
  #about .about-proof-compact.elegant{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:9px!important;
    margin-top:14px!important;
  }
  #about .about-proof-compact.elegant .proof-mini{
    min-height:94px!important;
    padding:13px!important;
    border-radius:20px!important;
  }
  #about .about-proof-compact.elegant .proof-mini b{
    min-height:38px!important;
    font-size:clamp(34px,10vw,44px)!important;
  }
  #about .about-proof-compact.elegant .proof-mini>span{font-size:12px!important;line-height:1.2!important}
  #about .history-elegant{
    display:flex!important;
    align-items:stretch!important;
    gap:12px!important;
    min-height:0!important;
    padding:4px 18px 18px 2px!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
    scroll-snap-type:x mandatory!important;
    scroll-padding-left:2px!important;
    background:transparent!important;
    border:0!important;
    box-shadow:none!important;
    scrollbar-width:none!important;
  }
  #about .history-elegant::-webkit-scrollbar{display:none!important}
  #about .history-line,#about .history-elegant::before{display:none!important}
  #about .history-event{
    position:relative!important;
    left:auto!important;
    top:auto!important;
    flex:0 0 82%!important;
    display:block!important;
    margin:0!important;
    opacity:1!important;
    transform:none!important;
    scroll-snap-align:start!important;
  }
  #about .history-dot,
  #about .history-event.accent .history-dot{
    position:absolute!important;
    left:16px!important;
    top:16px!important;
    z-index:3!important;
    width:auto!important;
    min-width:72px!important;
    height:36px!important;
    padding:0 13px!important;
    border-radius:999px!important;
    transform:none!important;
    box-shadow:0 0 0 6px rgba(202,146,99,.10)!important;
  }
  #about .history-popup,
  #about .history-event:nth-of-type(odd) .history-popup,
  #about .history-event:nth-of-type(even) .history-popup{
    position:relative!important;
    inset:auto!important;
    width:100%!important;
    min-height:228px!important;
    padding:68px 18px 20px!important;
    border-radius:24px!important;
    opacity:1!important;
    visibility:visible!important;
    pointer-events:auto!important;
    transform:none!important;
    box-sizing:border-box!important;
    background:rgba(255,255,255,.94)!important;
    box-shadow:0 16px 38px rgba(15,51,45,.10)!important;
  }
  #about .history-popup::after{display:none!important}
  #about .history-popup>b{display:none!important}
  #about .history-popup h4{font-size:22px!important;line-height:1.05!important;margin-bottom:10px!important}
  #about .history-popup p{font-size:13px!important;line-height:1.42!important}
}
@media(max-width:390px){
  .brand-pill .brand-logo,.topbar .brand-logo,.nav .brand-logo{width:116px!important}
  .language-switcher a{min-width:30px!important;padding:0 6px!important}
}