/* ================================
   Személyi edzés (personal-training) oldal-specifikus stílusok
   ================================ */
.hero-personal-training {
  background: linear-gradient(135deg, var(--color-primary) 0%, var(--gray-100) 100%);
  padding: var(--spacing-16) 0 var(--spacing-12) 0;
  color: #fff;
}
.hero-personal-training .lead {
  font-size: var(--font-size-xl);
  color: #f1f5f9;
  max-width: 700px;
  margin: var(--spacing-2) auto var(--spacing-4) auto;
  font-weight: 500;
}
.hero-personal-training .cta-main {
  margin-top: var(--spacing-4);
  font-size: var(--font-size-lg);
  padding: var(--spacing-3) var(--spacing-8);
}

.pt-section {
  margin-top: var(--spacing-12);
  margin-bottom: var(--spacing-12);
}
.section-light-bg {
  background: var(--gray-50);
  padding: var(--spacing-12) 0;
}
.progress-section {
  margin-top: var(--spacing-16);
  margin-bottom: var(--spacing-12);
}
.progress-steps .card {
  text-align: center;
  min-height: 220px;
}
.personal-training-overview h2 {
  font-size: var(--font-size-2xl);
}
.card h3 {
  color: var(--color-primary);
  margin-bottom: var(--spacing-2);
}
.client-success-stories blockquote {
  padding: var(--spacing-6);
  background: #fff;
  border-left: 6px solid var(--color-primary);
  font-style: italic;
  font-size: var(--font-size-lg);
}
.client-success-stories blockquote footer {
  font-size: var(--font-size-base);
  margin-top: var(--spacing-3);
  color: var(--gray-600);
  font-style: normal;
}
.mt-2 { margin-top: var(--spacing-2); }
.mt-4 { margin-top: var(--spacing-4); }
.mt-6 { margin-top: var(--spacing-6); }

.virtual-training-section img {
  border-radius: var(--radius-lg);
  box-shadow: var(--shadow-md);
  max-width: 440px;
  margin: 0 auto;
}
.faqs-section .faq-list {
  margin: var(--spacing-4) 0;
}
.faqs-section details {
  background: #fff;
  border-radius: var(--radius-md);
  box-shadow: var(--shadow-xs);
  margin-bottom: var(--spacing-4);
  padding: var(--spacing-4) var(--spacing-6);
  transition: box-shadow var(--transition-fast);
}
.faqs-section details[open] {
  box-shadow: var(--shadow-md);
}
.faqs-section summary {
  font-weight: 600;
  font-size: var(--font-size-lg);
  cursor: pointer;
  outline: none;
}
.faq-answer {
  margin-top: var(--spacing-2);
  color: var(--gray-700);
}
.call-to-action-final {
  margin: var(--spacing-16) 0;
}
.call-to-action-final p {
  max-width: 650px; 
  margin-left: auto;
  margin-right: auto;
  margin-bottom: var(--spacing-6); 
}
@media (max-width: 900px) {
  .grid-cols-2, .testimonials.grid-cols-2, .assessment-nutrition.grid-cols-2, .virtual-training-section .grid-cols-2 {
    grid-template-columns: 1fr !important;
  }
  .grid-cols-3, .progress-steps.grid-cols-3 {
    grid-template-columns: 1fr !important;
  }
  .hero-personal-training {
    padding: var(--spacing-10) 0 var(--spacing-8) 0;
  }
  .pt-section, .section-light-bg, .progress-section, .call-to-action-final {
    margin-top: var(--spacing-8);
    margin-bottom: var(--spacing-8);
    padding: var(--spacing-6) 0;
  }
  .virtual-training-section img {
    max-width: 95vw;
    margin-top: var(--spacing-4);
  }
}
.text-center { text-align: center; }