/* ≥ 700px */
@media(min-width:700px){
  .offers{grid-template-columns:repeat(2,1fr)}
}

/* ≥ 900px */
@media(min-width:900px){
  .topnav{display:flex}
  .hero-grid{grid-template-columns:1.3fr 1fr;gap:48px;align-items:end}
  .section-head{grid-template-columns:auto 1fr auto;align-items:end;gap:40px}
  .consult{grid-template-columns:1.1fr 1fr;padding:64px 56px;gap:56px}
  .about{grid-template-columns:1fr 1fr;gap:64px}
}

/* ≥ 1100px */
@media(min-width:1100px){
  .offers{grid-template-columns:repeat(3,1fr)}
}

/* ≤ 900px */
@media(max-width:900px){
  .cases-grid{grid-template-columns:repeat(2,1fr)}
}

/* ≤ 640px */
@media(max-width:640px){
  /* топбар: освобождаем место под переключатель языков */
  .topbar-inner{gap:10px;padding:12px 16px}
  .brand-sub{display:none}
  .topbar-right{gap:10px}
  .lang-switch{gap:8px;letter-spacing:.08em}
  .tb-cta{padding:8px 13px;font-size:11px;letter-spacing:.06em}
  .sorter-wrap{position:static}
  .hero-inner{padding:36px 20px 52px}
  .section{padding:56px 20px}
  .consult{padding:36px 24px;margin-top:60px}
  .hero-stats{grid-template-columns:repeat(3,1fr);gap:8px}
  .hero-stat .num{font-size:28px}
  .hero-stat .lab{font-size:9.5px;letter-spacing:.08em}
  .offer{padding:20px}
  .price-num{font-size:36px}
  .sorter-inner{overflow-x:auto;scrollbar-width:none;flex-wrap:nowrap}
  .sorter-inner::-webkit-scrollbar{display:none}
  .sorter-label{white-space:normal;flex-shrink:0;width:62px;line-height:1.35}
  .sorter-pills{overflow-x:visible;flex:none}
  .compare-scroll{overflow-x:auto}
  /* ширину не форсим — таблица по содержимому (мин-ширины колонок заданы в .cmp--all),
     иначе одна колонка растягивается на весь min-width и центрированные значения уезжают за экран */
  .cmp th.crit{position:static}
  .cmp--all th.crit{min-width:128px}   /* уже крит-колонка → больше места колонкам тарифов */
  .cmp th,.cmp td{padding:10px 10px;font-size:12.5px}
  .swipe-hint{display:inline-flex;align-items:center;gap:7px;font-size:11.5px;color:var(--mute);padding:0 0 10px}
  .swipe-hint-icon{animation:swipe-slide 1.8s ease-in-out infinite}
}

/* ≤ 560px */
@media(max-width:560px){
  .cases-grid{grid-template-columns:1fr}
}