/* ============================================================
   Judis Pet Grooming — jpg-responsive.css
   ============================================================ */

/* ── Tablet (≤1024px) ── */
@media (max-width: 1024px) {
  .jpg-hero-content { grid-template-columns: 1fr; gap: 3rem; padding: 7rem 0 4rem; }
  .jpg-hero-visual { max-width: 480px; margin: 0 auto; }
  .jpg-hero-badge-1 { left: 0.5rem; }
  .jpg-hero-badge-2 { right: 0.5rem; }
  .jpg-services-grid { grid-template-columns: repeat(2, 1fr); }
  .jpg-journey-wrap { grid-template-columns: 1fr; gap: 3rem; }
  .jpg-journey-display { position: relative; top: 0; }
  .jpg-counters-grid { grid-template-columns: repeat(2, 1fr); gap: 2rem; }
  .jpg-contact-grid { grid-template-columns: 1fr; gap: 3rem; }
  .jpg-article-layout { grid-template-columns: 1fr; }
  .jpg-article-sidebar { position: relative; top: 0; }
  .jpg-footer-grid { grid-template-columns: 1fr 1fr; gap: 2.5rem; }
  .jpg-service-detail { grid-template-columns: 1fr; gap: 2rem; }
  .jpg-service-detail:nth-child(even) .jpg-service-detail-img { order: -1; }
  .jpg-team-member-layout { display: grid; grid-template-columns: 1fr 1fr; }
  .jpg-team-img-wrap { aspect-ratio: auto; }
  .jpg-philosophy-grid { grid-template-columns: repeat(2, 1fr); }
}

/* ── Mobile Large (≤768px) ── */
@media (max-width: 768px) {
  .jpg-section { padding: 4rem 0; }
  .jpg-section-sm { padding: 3rem 0; }
  .jpg-nav-links { display: none; }
  .jpg-hamburger { display: flex; }
  .jpg-services-grid { grid-template-columns: 1fr; }
  .jpg-gallery-grid { grid-template-columns: repeat(2, 1fr); }
  .jpg-insta-feed { grid-template-columns: repeat(3, 1fr); }
  .jpg-hero-stats { gap: 1.25rem; }
  .jpg-hero-stat-num { font-size: 1.6rem; }
  .jpg-quiz-options { grid-template-columns: 1fr; }
  .jpg-footer-grid { grid-template-columns: 1fr; gap: 2rem; }
  .jpg-footer-bottom { flex-direction: column; text-align: center; }
  .jpg-contact-hours { grid-template-columns: 1fr; }
  .jpg-philosophy-grid { grid-template-columns: 1fr; }
  .jpg-team-member-layout { display: block; }
  .jpg-team-img-wrap { aspect-ratio: 3/4; }
  .jpg-hero-badge-1, .jpg-hero-badge-2 { display: none; }
  .jpg-hero-float-1, .jpg-hero-float-2 { display: none; }
  .jpg-cta-actions { flex-direction: column; align-items: center; }
  .jpg-cookie-banner { flex-direction: column; gap: 1rem; text-align: center; }
  .jpg-cookie-actions { width: 100%; }
  .jpg-counters-grid { grid-template-columns: repeat(2, 1fr); }
  .jpg-services-tabs { justify-content: center; }
}

/* ── Mobile Small (≤480px) ── */
@media (max-width: 480px) {
  .jpg-container { padding: 0 1rem; }
  .jpg-gallery-grid { grid-template-columns: 1fr; }
  .jpg-insta-feed { grid-template-columns: repeat(2, 1fr); }
  .jpg-counters-grid { grid-template-columns: 1fr 1fr; gap: 1.5rem; }
  .jpg-counter-num { font-size: 2.2rem; }
  .jpg-quiz-wrapper { padding: 1.75rem; }
  .jpg-hero-actions { flex-direction: column; }
  .jpg-hero-actions .jpg-btn { width: 100%; justify-content: center; }
  .jpg-footer-legal { justify-content: center; }
  .jpg-service-detail { gap: 1.5rem; }
  .jpg-article-hero-img img { height: 260px; }
}

/* ── Utility print ── */
@media print {
  .jpg-navbar, .jpg-cookie-banner, .jpg-footer { display: none !important; }
  .jpg-page-hero { padding-top: 2rem !important; }
  body { color: #000; }
  a { color: #000; }
}

/* ── High contrast / accessibility ── */
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { animation-duration: 0.01ms !important; transition-duration: 0.01ms !important; }
}

/* ── Dark mode respect ── */
@media (prefers-color-scheme: dark) {
  /* We intentionally stay light-themed for brand consistency */
}