/* Mobile-only styles loaded with media="(max-width: 768px)" */

@media (max-width: 768px) {
  /* Example baseline tweaks; expand as needed */
  .site-navigation { flex-wrap: wrap; }
  .inner-container { padding-left: 16px; padding-right: 16px; }
  img.img-responsive { height: auto; max-width: 100%; }

  /* Testimonials carousel arrows spacing on mobile */
  .testimonies .controls, .testimonials .controls {
    gap: 12px;
  }

  /* Testimonials layout on mobile */
  .testimonials-container { padding: 0 16px; display: flex; justify-content: center; }
  .testimonial-card { display: flex; flex-direction: column; gap: 16px; width: 100%; max-width: 380px; margin: 0 auto; }
  .testimonial-content { order: 1; }
  .testimonial-image { order: 2; }
  .testimonial-image img { width: 100%; height: auto; border-radius: 12px; }
  .author-name { font-size: 22px; line-height: 1.3; }
  .author-title { font-size: 14px; }
  .testimonial-text { font-size: 16px; line-height: 1.7; }
  .testimonials-navigation { display: flex; justify-content: center; gap: 16px; margin-top: 12px; }
  .testimonials-navigation .nav-btn { width: 48px; height: 48px; border-radius: 50%; }

  /* Timeline card mobile layout */
  .timeline-card { display: flex; flex-direction: column; gap: 16px; }
  .timeline-content { width: 100%; }
  .timeline-image { width: 100%; order: 2; }
  .timeline-image img { width: 100%; height: auto; }
  .timeline-title { font-size: 28px; line-height: 1.25; }
  .timeline-description { font-size: 16px; line-height: 1.6; }
  .timeline-navigation { justify-content: center; gap: 12px; }

  /* Mobile detection adjustments */
  .mobile-device .navigation {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 1000;
  }

  .mobile-device .testimonial-card.mobile-testimonial {
    padding: 20px;
    margin-bottom: 20px;
  }

  .mobile-device .mobile-nav .hamburger-menu {
    display: block;
  }

  .mobile-device .mobile-nav .navigation.show {
    display: block;
  }
}