/* ========================================
   Responsive Utilities
   ======================================== */
@media (max-width: 767px) {
  .section {
    padding: 3rem 0;
  }

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

  .hero-title {
    font-size: 36px;
  }

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

  .hero-stats {
    gap: 1.5rem;
  }

  .hero-floating-card {
    display: none;
  }

  .carousel {
    height: 350px;
  }

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

  .carousel-content {
    padding: 1.5rem;
  }

  .carousel-btn {
    width: 36px;
    height: 36px;
  }

  .carousel-btn-prev {
    left: 0.75rem;
  }

  .carousel-btn-next {
    right: 0.75rem;
  }
}