/* responsive.css — Адаптив: планшеты, телефоны, уменьшение анимации */

/* Адаптив */
@media (max-width:1024px){
  .g4{grid-template-columns:repeat(2,1fr)}
  .steps{grid-template-columns:repeat(2,1fr)}
}
@media (max-width:860px){
  body{font-size:16px}
  .burger{display:block}
  .header-cta .btn{display:none}
  .nav{position:fixed;inset:72px 0 auto 0;flex-direction:column;align-items:stretch;gap:0;background:var(--chalk);border-bottom:1px solid var(--line);padding:8px var(--pad) 20px;transform:translateY(-130%);transition:transform .3s;visibility:hidden}
  .nav.open{transform:none;visibility:visible}
  .nav a{padding:14px 0;border-bottom:1px solid var(--line);font-size:1.05rem}
  .hero-grid,.split,.footer .container{grid-template-columns:1fr}
  .g3,.road{grid-template-columns:1fr}
  .g2{grid-template-columns:1fr}
}
@media (max-width:520px){
  .g4,.steps{grid-template-columns:1fr}
  .btn{width:100%}
  .btn-row{flex-direction:column}
  .tabs{display:flex}
  .tab{flex:1;padding-inline:10px}
  .orbit-btn{font-size:.75rem}
}
@media (prefers-reduced-motion:reduce){
  *{animation:none!important;transition:none!important;scroll-behavior:auto!important}
}

/* Карточка направления на телефонах: картинка сверху */
@media (max-width:520px){
  .orbit-panel{grid-template-columns:1fr;min-height:0;padding:18px 20px 22px}
  .orbit-panel__img{order:-1;max-height:120px;justify-self:center}
}