.container-left-right {
  display: flex;
  flex-wrap: nowrap;
  gap: 20px;
  padding: 20px;
  border-radius: 5px;
}

.container-left-right .left,
.container-left-right .right {
  flex: 1;
}
 .left  { text-align: left;  background:#f2f2f2;border-radius: 10px; padding: 10px; }
.right { text-align: left; background:#e8f0ff;border-radius: 10px; padding: 10px; }

/* Mobilde alt alta */
@media (max-width: 480px) {
  .container-left-right {
    flex-direction: column !important;
    border-radius: 10px;
    overflow: hidden; /* EN ÖNEMLİSİ */
  }

  .container-left-right .left,
  .container-left-right .right {
    width: 100% !important;
  }
}