@media (max-width: 576px) {
  /* Title - Smaller and cleaner */
  .carousel-caption h1 {
    font-size: 1.8rem;
    line-height: 1.2;
    margin-bottom: 1rem;
  }

  /* Paragraph - Slightly smaller text */
  .carousel-caption p {
    font-size: 1rem;
    margin-bottom: 1.5rem;
  }

  /* Button - Big enough to tap easily */
  .carousel-caption .btn {
    padding: 10px 24px;
    font-size: 1rem;
    min-width: 160px;
  }

  /* Carousel Height - Shorter for mobile */
  .carousel-item {
    height: 80vh;
  }
}

@media (min-width: 577px) and (max-width: 991px) {
  /* Title - Slightly bigger */
  .carousel-caption h1 {
    font-size: 2.5rem;
  }

  /* Paragraph */
  .carousel-caption p {
    font-size: 1.2rem;
  }

  /* Button - Wider and bigger font */
  .carousel-caption .btn {
    padding: 12px 28px;
    font-size: 1.1rem;
    min-width: 180px;
  }

  /* Carousel Height */
  .carousel-item {
    height: 90vh;
  }
}
@media (min-width: 992px) {
  /* Title - Bold and impactful */
  .carousel-caption h1 {
    font-size: 3.5rem;
  }

  /* Paragraph */
  .carousel-caption p {
    font-size: 1.5rem;
  }

  /* Button */
  .carousel-caption .btn {
    padding: 14px 32px;
    font-size: 1.2rem;
    min-width: 200px;
  }

  /* Carousel Height */
  .carousel-item {
    height: 100vh;
  }
}

/* === Highlights Section Responsive === */

@media (max-width: 576px) {
  /* Text alignment on small screens */
  .luxury-section .text-lg-start {
    text-align: center !important;
  }

  /* Make divider centered */
  .divider-highlight {
    margin: 1rem auto;
  }

  /* Make images full width on mobile */
  .luxury-section .tile-wrapper {
    height: auto;
  }

  .luxury-section .tile-hover {
    height: auto;
    object-fit: cover;
  }

  /* Adjust button a little smaller */
  .luxury-section .btn {
    padding: 10px 24px;
    font-size: 1rem;
    min-width: 160px;
  }

  /* Adjust section padding for mobile */
  .luxury-section {
    padding-top: 3rem;
    padding-bottom: 3rem;
  }
}

@media (min-width: 577px) and (max-width: 991px) {
  /* Tablet adjustments */
  .luxury-section .text-lg-start {
    text-align: center !important;
  }

  .luxury-section .btn {
    padding: 12px 28px;
    font-size: 1.1rem;
    min-width: 180px;
  }

  /* Slightly reduce margin between tiles */
  .luxury-section .tile-wrapper {
    margin-bottom: 1rem;
  }
}

/* === Featured Packages Responsive === */