/* Gyakorlások oldal specifikus stílusai */

.section-header {
  text-align: center;
  padding: 60px 20px 40px;
  max-width: 800px;
  margin: 0 auto;
}

.subtitle {
  color: #d4a017; /* Az aranyos színed */
  text-transform: uppercase;
  letter-spacing: 2px;
  font-weight: 700;
  font-size: 0.9rem;
  display: block;
  margin-bottom: 10px;
}

.section-header h2 {
  font-size: 2.5rem;
  color: #333;
  margin-bottom: 20px;
}

.section-intro {
  font-size: 1.1rem;
  color: #666;
  line-height: 1.6;
}

/* Kártyák elrendezése */
.practice-programs {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));
  gap: 30px;
  padding: 40px 5%;
  max-width: 1300px;
  margin: 0 auto 80px;
}

.practice-card {
  text-decoration: none !important; /* Aláhúzás ellen */
  color: inherit !important;
  background: #fff;
  border-radius: 15px;
  overflow: hidden;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08);
  display: flex;
  flex-direction: column;
  /* Arany keret előkészítése (3px) */
  border: 3px solid transparent;
  transition:
    border 0.3s ease,
    box-shadow 0.3s ease;
  cursor: pointer;
}

/* Hover állapot: nincs transform mozgás, csak arany keret */
.practice-card:hover {
  border: 3px solid #d4a017;
  box-shadow: 0 15px 40px rgba(0, 0, 0, 0.12);
}
.card-image img {
  width: 100%;
  height: 250px;
  object-fit: cover;
  display: block;
}

.card-content {
  padding: 30px;
  flex-grow: 1;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  text-align: center;
}

.card-content p {
  color: #555;
  line-height: 1.6;
  margin-bottom: 25px;
}

/* Gomb stílusa */
.btn-bt {
  display: inline-block;
  background-color: #d4a017;
  color: white;
  padding: 12px 30px;
  border-radius: 50px;
  text-decoration: none;
  font-weight: 600;
  transition: background 0.3s ease;
  align-self: center;
}

.btn-bt:hover {
  background-color: #b88a14;
}

.practice-card .card-content h2 {
  font-size: 1.3rem !important; /* Kisebb, elegánsabb méret */
  font-weight: 700 !important;
  margin-bottom: 10px !important;
  line-height: 1.2 !important;
  text-decoration: none !important; /* Biztonság kedvéért itt is */
  color: #222 !important; /* Sötétszürke szín */
}

/* Mobil optimalizálás */
/* Mobil specifikus beállítások */
@media (max-width: 768px) {
  /* A fő konténer margója, hogy ne érjen a telefon széléhez */
  .practice-programs {
    padding: 20px 15px; /* 15px margó kétoldalt */
    gap: 25px; /* Távolság a kártyák között */
  }

  /* A kártya belső margója (ha szeretnél a kép köré is) */
  .practice-card {
    margin-left: 10px;
    margin-right: 10px;
  }

  .card-image img {
    height: 200px; /* Mobilon kicsit alacsonyabb kép, hogy ne foglalja el az egész képernyőt */
    border-radius: 12px 12px 0 0; /* Ha a kártya lekerekített, a kép is kövesse */
  }

  .card-content {
    padding: 20px; /* Kevesebb belső hely, hogy több szöveg férjen el */
  }

  .section-header h2 {
    font-size: 1.8rem;
    padding: 0 10px; /* A cím se lógjon ki */
  }
}