/* 🧠 Responsive: pe telefon — imaginea deasupra textului */
@media (max-width: 768px) {
    /* .hero-split {
      flex-direction: column;
    } */
  
    .hero-image {
      order: -1; /* ⚠️ Asta mută imaginea deasupra */
      height: auto; /* Asigură-te că imaginea își păstrează proporțiile */
      width: 100%;
      height: auto;
      display: block;
      max-width: none; /* <- această linie e cheia aici */
    }
  
    .hero-card-title {
      font-size: 1.5rem; /* Ajustează dimensiunea textului pe mobil */
    }
.card {
  opacity: 1;
}
.cardmare {
  width: 100%;
  box-sizing: border-box;
}
}