.expandable-card {
  position: relative;
  max-height: 200px; /* Αρχικό ύψος που καλύπτει τις πρώτες γραμμές */
  overflow: hidden;
  transition: max-height 0.5s ease-in-out;
  margin-bottom: 20px;
  padding-bottom: 40px; /* Χώρος για το κουμπί */
/*  border: 1px solid #ddd;
  padding: 15px;
  border-radius: 8px;*/
}

/* Εφέ διαφάνειας στο κάτω μέρος */
.fade-overlay {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 50px;
  background: linear-gradient(to bottom, transparent, white);
  pointer-events: none;
}

/* Κουμπί τοποθετημένο στο κάτω μέρος της κάρτας */
.toggle-btn {
  position: absolute;
  bottom: 10px;
  left: 15px;
  z-index: 2;
  cursor: pointer;
  padding: 6px 12px;
  border: none;
  background-color: #9e2621;
  color: white;
  border-radius: 4px;
}

/* Όταν η κάρτα είναι ανοιχτή */
.expandable-card.expanded {
  max-height: 1000px; /* Αρκετά μεγάλο για να χωρέσει όλο το κείμενο */
}

.expandable-card.expanded .fade-overlay {
  opacity: 0; /* Κρύβει τη διαφάνεια */
}