/* ==========================================================================
   FESTORIA — RESPONSIVE STYLESHEET (WARM EDITORIAL)
   Mobile, tablet, and widescreen adjustments
   ========================================================================== */

/* Large desktop (1440px+) */
@media (min-width: 1440px) {
  .festoria-container {
    max-width: 1320px;
  }
}

/* Tablet & Mobile (max-width: 991.98px) */
@media (max-width: 991.98px) {
  .hero-editorial-composition {
    margin-top: 2.75rem;
  }

  .hero-secondary-photo-wrap {
    width: 140px;
    height: 170px;
    bottom: -15px;
    left: -15px;
  }

  .hero-floating-caption {
    top: 15px;
    right: -10px;
    padding: 0.75rem 1rem;
    max-width: 180px;
  }

  .studio-collage {
    margin-bottom: 2.5rem;
  }

  .studio-img-main {
    width: 90%;
    height: 380px;
  }

  .studio-img-sub {
    width: 52%;
    height: 200px;
    bottom: -20px;
  }

  .designer-preview-canvas {
    border-right: none;
    border-bottom: 1px solid var(--border-warm);
    min-height: 420px;
  }

  .lightbox-btn-prev { left: 10px; }
  .lightbox-btn-next { right: 10px; }
  .lightbox-btn-close { top: -40px; right: 10px; }
}

/* Mobile (max-width: 767.98px) */
@media (max-width: 767.98px) {
  .festoria-container {
    padding-left: 1.15rem;
    padding-right: 1.15rem;
  }

  .hero-primary-photo-wrap {
    max-width: 100%;
  }

  .hero-primary-photo {
    height: 350px;
  }

  .hero-secondary-photo-wrap {
    display: none; /* remove clutter on mobile */
  }

  .hero-floating-caption {
    position: static;
    margin-top: 1rem;
    max-width: 100%;
    width: 100%;
  }

  .trust-strip {
    padding: 1.25rem 0;
  }

  .trust-item {
    margin-bottom: 0.75rem;
  }

  .studio-img-main {
    width: 100%;
    height: 300px;
  }

  .studio-img-sub {
    display: none;
  }

  .studio-badge {
    left: 10px;
    top: 10px;
    padding: 0.75rem 1rem;
  }

  .studio-badge-number {
    font-size: 1.6rem;
  }

  .category-img-wrap {
    height: 220px;
  }

  .editorial-split-img {
    height: 320px;
  }

  .portfolio-img {
    height: 250px;
  }

  .cinematic-banner {
    padding: 4.5rem 0;
    text-align: center;
  }

  .balloon-svg-stage {
    height: 270px;
  }

  .footer-bottom-bar {
    flex-direction: column;
    text-align: center;
    gap: 0.75rem;
  }
}

/* Small mobile (max-width: 480px) */
@media (max-width: 480px) {
  .hero-heading {
    font-size: 2.35rem;
  }

  .section-heading {
    font-size: 1.85rem;
  }

  .btn-festoria-primary,
  .btn-festoria-secondary,
  .btn-festoria-rose,
  .btn-festoria-gold,
  .btn-festoria-dark {
    width: 100%;
    padding: 0.78rem 1.25rem;
  }

  .hero-actions {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
  }

  .designer-chip-btn {
    width: 100%;
    text-align: center;
  }
}