/* ==========================================================================
   ZARA BEAUTY - BEHANDLUNGEN SEITE CSS (MODULAR)
   Treatment Portfolio - Premium Design für alle Services
   Mobile-First Design - "Nahbarer Luxus des Vertrauens"
   ========================================================================== */

/* Import all treatment-specific CSS modules */
@import url("01-treatments-hero.css");
@import url("02-treatments-showcase.css");
@import url("06-treatment-badges-filters.css");
@import url("07-strong-cta.css");
@import url("99-treatments-responsive.css");

/* Treatment Page Body Class */
.main {
  background: var(--color-background);
  min-height: 100vh;
}

/* Smooth scroll behavior for anchors */
html {
  scroll-behavior: smooth;
}

/* Page-specific animations */
@keyframes fadeInUp {
  from {
    opacity: 0;
    transform: translateY(30px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@keyframes scaleIn {
  from {
    opacity: 0;
    transform: scale(0.9);
  }
  to {
    opacity: 1;
    transform: scale(1);
  }
}

/* Loading animation for treatment cards */
.treatments-page-card {
  animation: fadeInUp 0.6s ease-out;
}

.treatments-page-card:nth-child(2) {
  animation-delay: 0.1s;
}
.treatments-page-card:nth-child(3) {
  animation-delay: 0.2s;
}
.treatments-page-card:nth-child(4) {
  animation-delay: 0.3s;
}

/* Focus states for accessibility */
.treatments-page-card:focus-within {
  transform: translateY(-8px);
  box-shadow: 0 12px 40px rgba(0, 0, 0, 0.15);
}

.btn--treatment:focus {
  outline: 2px solid var(--color-accent);
  outline-offset: 2px;
}

/* Print styles */
@media print {
  .hero__buttons,
  .treatments-filter,
  .cta-actions {
    display: none;
  }
}