/* ==========================================================================
   Лига окон — responsive.css
   Медиазапросы. Подключать ПОСЛЕ style.css
   ========================================================================== */

/* ------------------------------------------------- Планшеты / ≤1024px --- */
@media(max-width:1024px){
  .nav{display:none}
  .burger{display:flex}
  .nav.open{display:flex;position:absolute;top:76px;left:0;right:0;background:rgba(17,24,32,.98);padding:22px;flex-direction:column;align-items:flex-start}
  .hero-content,.tasks-grid,.calc-wrapper,.expert-wrap,.cta-inner,.custom-wrap{grid-template-columns:1fr}
  .hero-card{justify-self:start;max-width:100%}
  .trust-grid{grid-template-columns:repeat(2,1fr)}
  .cards-grid,.case-grid,.reviews-grid{grid-template-columns:repeat(2,1fr)}
  .solution-card{grid-template-columns:1fr;min-height:0}
  .solution-img{order:0;height:260px;min-height:260px}
  .systems-grid,.process-grid{grid-template-columns:repeat(2,1fr)}
  .custom-image img{min-height:360px}
  .footer-grid{grid-template-columns:1fr 1fr}
  .showcase-wrap,.showcase-wrap img{height:470px}
}

/* --------------------------------------------------- Телефоны / ≤680px --- */
@media(max-width:680px){
  .header-phone{display:none}
  .header-callback{display:none}
  .hero{min-height:calc(100vh - 20px);align-items:flex-end}
  .hero::after{background:linear-gradient(180deg,rgba(255,255,255,.90) 0%,rgba(255,255,255,.82) 42%,rgba(255,255,255,.52) 100%)}
  .hero::before{left:-24%;top:26%;width:130%;height:62%}
  .hero-bg img{object-position:62% center}
  .hero-content{padding:56px 20px 40px}
  .hero-left h1{font-size:1.9rem;line-height:1.12;margin-bottom:24px}
  .hero-left p{font-size:1.08rem}
  .hero-points,.quiz-options,.cards-grid,.case-grid,.reviews-grid,.systems-grid,.process-grid,.trust-grid{grid-template-columns:1fr}
  .solution-body{padding:28px 22px 26px}
  .solution-img{height:230px;min-height:230px}
  .solution-btn{width:100%;min-width:0}
  .hero-points{display:grid;gap:13px}
  .hero-actions{flex-direction:column}
  .btn{width:100%}
  .hero-card-top{grid-template-columns:1fr}
  .hero-card img{width:100%;height:170px}
  .section{padding:64px 0}
  .custom-content{padding:30px}
  .image-stack{min-height:390px}
  .image-stack .main{width:100%;height:280px}
  .image-stack .small{display:none}
  .image-stack .label{left:18px;right:18px;bottom:22px}
  .cta-inner{gap:28px}
  .footer-grid{grid-template-columns:1fr}
  .sticky-cta{flex-direction:column;text-align:center}
  .showcase-wrap,.showcase-wrap img{height:430px}
  .showcase-overlay{align-items:flex-end;padding-bottom:44px}
}