/* ============================================================
   K INK - Responsive Stylesheet
   ============================================================ */

/* ── Large Desktop ≥ 1440px ── */
@media (min-width: 1440px) {
  :root { --container-max: 1360px; }
  .hero-title { font-size: 7rem; }
}

/* ── Desktop ≤ 1280px ── */
@media (max-width: 1280px) {
  .about-grid    { gap: 50px; }
  .footer-grid   { grid-template-columns: 1fr 1fr; gap: 40px; }
}

/* ── Tablet / Laptop ≤ 1024px ── */
@media (max-width: 1024px) {

  :root {
    --section-py: 70px;
  }

  /* Nav */
  .nav-links { display: none; }
  .hamburger { display: flex; }

  /* About */
  .about-grid {
    grid-template-columns: 1fr;
    gap: 40px;
  }

  .about-image-wrap { max-width: 500px; }

  .about-content .section-header { text-align: center; }
  .about-content .section-header .divider { margin: 16px auto; }

  /* Gallery - 2 cols */
  .gallery-grid { columns: 2; }

  /* Artists */
  .artists-grid { grid-template-columns: 1fr 1fr; }

  /* Services */
  .services-grid { grid-template-columns: 1fr 1fr; }

  /* Blog */
  .blog-grid { grid-template-columns: 1fr 1fr; }

  /* Contact */
  .contact-grid { grid-template-columns: 1fr; gap: 40px; }

  /* Testimonial slide padding */
  .testimonial-slide { padding: 0 40px; }

  /* Footer */
  .footer-grid { grid-template-columns: 1fr 1fr; gap: 36px; }
}

/* ── Tablet Portrait ≤ 768px ── */
@media (max-width: 768px) {

  :root {
    --section-py: 56px;
  }

  /* Container */
  .container { padding: 0 16px; }

  /* Hero */
  .hero-title { font-size: clamp(2.2rem, 9vw, 3.2rem); }
  .hero-desc  { font-size: 0.9rem; }
  .hero-actions { gap: 12px; }
  .hero-stats { gap: 28px; }
  .stat-num   { font-size: 1.8rem; }

  /* Section header */
  .section-title { font-size: clamp(1.7rem, 5vw, 2.2rem); }

  /* About values */
  .values-grid { grid-template-columns: 1fr; }

  /* Gallery - 2 cols */
  .gallery-grid { columns: 2; }

  /* Artists - 1 col */
  .artists-grid { grid-template-columns: 1fr; max-width: 480px; margin: 0 auto; }

  /* Services - 1 col */
  .services-grid { grid-template-columns: 1fr; max-width: 480px; margin: 0 auto 60px; }

  /* Blog - 1 col */
  .blog-grid { grid-template-columns: 1fr; max-width: 480px; margin: 0 auto 48px; }

  /* Testimonial */
  .testimonial-slide { padding: 0 16px; }
  .testimonial-text::before { left: 0; top: -20px; font-size: 3rem; position: relative; display: block; }

  /* Form */
  .form-grid { grid-template-columns: 1fr; }
  .form-group.full { grid-column: 1; }
  .booking-form { padding: 24px 20px; }

  /* Footer */
  .footer-grid { grid-template-columns: 1fr; }
  .footer-bottom { flex-direction: column; text-align: center; }

  /* Lightbox buttons */
  .lightbox-prev { left: 10px; }
  .lightbox-next { right: 10px; }
}

/* ── Mobile ≤ 480px ── */
@media (max-width: 480px) {

  /* Hero */
  .hero-content { padding-top: 80px; }
  .hero-title   { font-size: clamp(1.9rem, 8vw, 2.6rem); }
  .hero-actions { flex-direction: column; }
  .hero-actions .btn { width: 100%; justify-content: center; }
  .hero-stats { gap: 20px; }

  /* Buttons */
  .btn { padding: 13px 24px; font-size: 0.88rem; }

  /* Gallery - 1 col on very small */
  .gallery-grid { columns: 1; }

  /* Nav CTA hidden on smallest screens */
  .nav-cta { display: none; }

  /* Testimonial */
  .testimonial-slide { padding: 0; }

  /* Popup */
  .popup-box { padding: 36px 24px; }

  /* Float btns */
  .float-cta { bottom: 16px; right: 16px; }
  .float-btn { width: 46px; height: 46px; font-size: 1.1rem; }

  /* Back to top */
  .back-to-top { left: 16px; bottom: 16px; }
}

/* ── Print ── */
@media print {
  .navbar, .float-cta, .back-to-top, .popup-overlay, .toast { display: none !important; }
  body { background: white; color: black; }
}