/* MarketBukh landing — responsive.css
   Автосборка из мастер-файла. Правьте модуль, не мастер. */

/* ================= АДАПТИВ ================= */
@media (max-width:1060px){
  .hero .wrap{grid-template-columns:1fr;gap:70px}
  .visual{max-width:600px;width:100%;margin:0 auto}
  .pains-grid{grid-template-columns:repeat(2,1fr)}
  .serv-grid{grid-template-columns:1fr;gap:40px}
  .calc{grid-template-columns:1fr}
  .calc-l{border-right:0;border-bottom:1px solid var(--line)}
  .why-grid{grid-template-columns:1fr;max-width:520px;margin-left:auto;margin-right:auto}
  .tariffs{grid-template-columns:1fr;max-width:440px;margin-left:auto;margin-right:auto;gap:16px}
  .tariff.featured{transform:none;margin-top:16px}
  .tariff.featured:hover{transform:translateY(-5px)}
  .ai-grid{grid-template-columns:1fr;gap:32px}
  .steps{grid-template-columns:repeat(2,1fr);gap:34px 20px}
  .steps::before{display:none}
  .cta-grid{grid-template-columns:1fr;gap:36px}
  .footer .inner{grid-template-columns:1fr;gap:28px}
}
@media (max-width:900px){
  .nav-links{display:none}
  .nav .inner{justify-content:space-between}
}
@media (max-width:560px){
  .hero{padding:104px 20px 80px}
  .sec{padding:64px 20px}
  .cta-final{padding:64px 20px 56px}
  .footer{padding:40px 20px 36px}
  .card{padding:16px 14px 18px}
  .total{font-size:24px}
  .stats{gap:10px}
  .period .date{padding:7px 9px;font-size:11.5px}
  .chart{height:150px}
  .chart::before{inset:0 0 0 40px;background:repeating-linear-gradient(to top,transparent 0 36px,var(--line) 36px 37px)}
  .bars{gap:3px;inset:0 0 0 40px}
  .x{padding-left:40px;font-size:9.5px}
  .row{font-size:12px;gap:8px;padding:8px 4px}
  .ok{font-size:10px;padding:2px 6px}
  .chip.wb{width:64px;height:64px;font-size:20px;left:-14px;top:36%}
  .chip.oz{width:68px;height:68px;font-size:15px;right:-16px;top:2%}
  .chip::before{transform:translate(2px,3px)}
  .coin.c1{width:62px;height:62px;font-size:28px;right:-6px;top:-40px}
  .coin.c2{width:52px;height:52px;font-size:22px;left:-20px}
  .coin.c3{width:44px;height:44px;font-size:19px;bottom:-26px}
  .coin.c4{display:none}
  .pains-grid{grid-template-columns:1fr}
  .steps{grid-template-columns:1fr;gap:28px}
  .step p{max-width:none}
  .btn{width:100%}
  .calc-l,.calc-r{padding:24px 20px}
  .contacts{gap:22px}
  .panel{right:12px;left:12px;width:auto;bottom:70px;max-height:56vh}
  .gear{right:12px;bottom:12px}
}

@media (prefers-reduced-motion: reduce){
  *,*::before,*::after{
    animation-duration:.01ms !important;
    animation-delay:0ms !important;
    transition-duration:.01ms !important;
  }
  .rv{opacity:1;transform:none}
  .steps .num,.steps .step h3,.steps .step p{opacity:1;transform:none}
  .steps::before{transform:scaleX(1)}
}