/* Mobile fixes for pricing & payment page only */
@media (max-width: 980px) {
  /* 1) Одноколонна сітка */
  body[data-page="pricing"] .grid.two,
  body[data-page="pricing"] .pricing-grid {
    display: grid;
    grid-template-columns: 1fr !important;
    gap: 12px;
  }

  /* 2) Блоки та форми розтягуються на ширину екрану */
  body[data-page="pricing"] .card,
  body[data-page="pricing"] .pay-card,
  body[data-page="pricing"] .pay-form {
    width: 100%;
    box-sizing: border-box;
  }

  /* 3) Інпути, селекти, кнопки — на всю ширину і з комфортною висотою */
  body[data-page="pricing"] input[type="text"],
  body[data-page="pricing"] input[type="email"],
  body[data-page="pricing"] input[type="number"],
  body[data-page="pricing"] input[type="password"],
  body[data-page="pricing"] select,
  body[data-page="pricing"] textarea,
  body[data-page="pricing"] .btn {
    width: 100%;
    max-width: 100%;
    min-height: 48px;
    font-size: 16px;
  }

  /* 4) Довгі рядки (USDT-адреси, TX hash) не ламають верстку */
  body[data-page="pricing"] .wallet-row,
  body[data-page="pricing"] .addr,
  body[data-page="pricing"] .usdt-addr,
  body[data-page="pricing"] .tx,
  body[data-page="pricing"] .value,
  body[data-page="pricing"] .copy-line {
    overflow-wrap: anywhere;
    word-break: break-word;
  }

  /* 5) Рядки гаманця/копі-кнопки — нормально переносяться */
  body[data-page="pricing"] .row,
  body[data-page="pricing"] .wallet-row {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
  }
  body[data-page="pricing"] .copy-btn,
  body[data-page="pricing"] .btn-copy {
    flex: 0 0 auto;
  }

  /* 6) Плани — вертикально, без горизонтального скролу */
  body[data-page="pricing"] .plans,
  body[data-page="pricing"] .plan-cards {
    display: grid;
    grid-template-columns: 1fr;
    gap: 12px;
  }

  /* 7) Права колонка з новинами (якщо є) — вниз, або сховати, щоб не ламала ширину */
  body[data-page="pricing"] .rightCol { order: 2; }
  /* якщо саме вона “розпирає” сторінку — раскоментуй наступний рядок */
  /* body[data-page="pricing"] .rightCol { display:none; } */
}

/* Дрібні телефони — ще щільніше */
@media (max-width: 420px) {
  body[data-page="pricing"] .wrap { padding-left: 12px; padding-right: 12px; }
}