/* Общий фикс адаптивности для лендингов 5/6/7. Устраняет классический баг
   вложенных flex/grid-контейнеров (min-width:auto по умолчанию не даёт им
   сжаться на узких экранах), из-за чего текст/кнопки/картинки обрезались
   и стакан обрезался хостовым overflow-x:hidden без возможности проскроллить. */
@media (max-width: 600px) {
  * { min-width: 0; }
  img, svg, video { max-width: 100%; height: auto; }

  /* Таблицы курсов: не сжимаем колонки нечитаемо, даём скролл вбок */
  .gateway__table-items, .gateway__table-container, .trading-platform-table {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
  .gateway__table-items { min-width: unset !important; }
  .gateway__table-item { min-width: max-content; }
  .trading-platform-rows { overflow: visible; }
  /* Единая фиксированная ширина у шапки и строк — иначе каждая строка
     считает min-width по своему контенту, и позиция скролла "плывёт"
     между строками (кнопка Trade в одних видна, в других — нет). */
  .trading-platform-row, .trading-platform-header-row { min-width: 480px; width: 480px; }

  .coins__slider-container, .coins__container { overflow: hidden; max-width: 100vw; }

  .freedom__left, .freedom__left img,
  .home__img, .home__img img,
  .platform__img, .platform__img img,
  .hero-visual, .phone-image,
  .way__card {
    width: auto !important;
    max-width: 100% !important;
    height: auto !important;
  }
  .way__cards { flex-wrap: wrap; row-gap: 24px; }

  .coins__slider-prev, .coins__slider-next { display: none; }
}

/* Хэдер-баг лендингов 5/6/7: .nav-content — flex-ряд из 3 прямых детей
   (.logo, .nav-links, кнопки .btn-profile Log in/Sign up) на justify-content:
   space-between. На ≤768px тема сама прячет .nav-links (display:none), но
   после этого flex всё равно раскидывает ОСТАВШИЕСЯ элементы по всей ширине
   space-between'ом — логотип к левому краю, а "Log in" улетает в середину
   ряда отдельно от "Sign up" вместо того чтобы стоять рядом с ним у правого
   края. Со стороны это и есть «кривые кнопки» — они не образуют группу.
   Фикс: margin-left:auto на первой кнопке схлопывает пустое место ДО кнопок
   в один блок и продавливает обе кнопки вместе к правому краю, независимо
   от space-between на родителе. Плюс сжимаем паддинг/шрифт кнопок и обрезаем
   длинный logo-text — иначе на узких телефонах (сумма ширин логотип+2
   кнопки) не помещается и перенос строки ломает ряд повторно. */
@media (max-width: 768px) {
  .navbar .nav-content { flex-wrap: nowrap; }
  .navbar .nav-content .btn-profile:first-of-type { margin-left: auto; }
  .navbar .nav-content .btn-profile {
    padding: 0.55rem 0.9rem;
    font-size: 0.85rem;
    white-space: nowrap;
  }
  .navbar .logo-text {
    max-width: 38vw;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
}

@media (max-width: 400px) {
  .navbar .nav-content .btn-profile {
    padding: 0.5rem 0.7rem;
    font-size: 0.78rem;
  }
}