.two-columns-container {
  display: flex;
  flex-wrap: wrap;
  gap: 20px; /* Расстояние между колонками */
  margin: 20px 0;
}

.column {
  flex: 1 1 calc(50% - 20px); /* Базовый размер 50% минус отступ */
  min-width: 300px; /* Минимальная ширина перед переносом */
  padding: 20px;
  background: #f8f8f8;
  border-radius: 8px;
  box-shadow: 0 2px 5px rgba(0,0,0,0.1);
}

/* Адаптация для мобильных */
@media (max-width: 768px) {
  .column {
    flex: 1 1 100%; /* На мобильных - одна колонка */
    min-width: 100%;
  }
  
  .two-columns-container {
    gap: 15px;
  }
}

/* Оптимизация для очень маленьких экранов */
@media (max-width: 480px) {
  .column {
    padding: 15px;
  }
}