/* Mobile Responsive Styles */

/* Small adjustments for mobile */
@media (max-width: 639px) {
  .hero-badge {
    font-size: 0.75rem;
    padding: 0.375rem 0.75rem;
  }

  .hero-title {
    font-size: 2rem;
  }

  .hero-description {
    font-size: 1rem;
  }

  .section {
    padding: 3rem 0;
  }

  .section-title {
    font-size: 1.5rem;
  }

  .section-subtitle {
    font-size: 0.875rem;
  }

  .card-title {
    font-size: 1.125rem;
  }

  .card-description {
    font-size: 0.8125rem;
  }

  .advantage-title {
    font-size: 1.125rem;
  }

  .advantage-description {
    font-size: 0.875rem;
  }

  .cta-title {
    font-size: 1.5rem;
  }

  .cta-description {
    font-size: 1rem;
  }

  .page-header-title {
    font-size: 1.5rem;
  }

  .page-header-subtitle {
    font-size: 0.875rem;
  }
}

/* Touch-friendly tap targets */
@media (max-width: 1023px) {
  .btn,
  .lang-btn,
  .carousel-btn {
    min-height: 44px;
    min-width: 44px;
  }

  .mobile-nav-link {
    padding: 0.75rem 0;
    font-size: 1.125rem;
  }

  .card-content {
    padding: 1rem;
  }
}

/* Improve readability on small screens */
@media (max-width: 639px) {
  body {
    font-size: 0.9375rem;
  }

  .container {
    padding-left: 0.75rem;
    padding-right: 0.75rem;
  }
}

/* Smooth scroll for mobile anchor links */
@media (prefers-reduced-motion: no-preference) {
  html {
    scroll-behavior: smooth;
  }
}