/* ============================================================
   PIETÄT BUSCH – Responsive Styles v2
   Mirrors Tailwind sm:640 / md:768 / lg:1024 breakpoints
   ============================================================ */

@media (min-width: 640px) {
  .contact-bar__email-full  { display: inline; }
  .first-steps__docs-grid   { grid-template-columns: repeat(2,1fr); }
  .memorial-grid            { grid-template-columns: repeat(2,1fr); }
  .reviews-grid             { grid-template-columns: repeat(2,1fr); }
  .first-steps__cards       { grid-template-columns: repeat(2,1fr); }
  .friedhoefe-grid          { grid-template-columns: repeat(2,1fr); }
  .footer-banner__btns      { flex-direction: row; }
  .kc-features              { grid-template-columns: repeat(2,1fr); }
  .leistungen-grid          { grid-template-columns: repeat(2,1fr); }
  .bestattungsformen-grid   { grid-template-columns: repeat(2,1fr); }
  .bf-img-grid              { grid-template-columns: repeat(2,1fr); }
  .contact-info-cards       { grid-template-columns: repeat(2,1fr); }
  .gedenken-links           { grid-template-columns: repeat(2,1fr); }
}

@media (min-width: 768px) {
  /* Hero */
  .hero-section { padding: 12rem 2rem; min-height: 500px; }
  .page-hero    { padding: 8rem 2rem; min-height: 400px; }

  /* Header */
  .primary-nav { display: flex; }
  .burger-btn  { display: none; }
  .site-header { top: 38px; }
  .site-logo img { height: 5rem; }
  .site-logo .tagline { font-size: .9rem; }

  /* Sticky contact */
  .sticky-desk { display: flex; }
  .sticky-mob  { display: none; }

  /* Sections */
  .about-section   { padding: 6rem 0; }
  .about-section__grid  { grid-template-columns: 1fr 1fr; }
  .first-steps     { padding: 6rem 0; }
  .first-steps__docs-grid { grid-template-columns: repeat(4,1fr); }
  .memorial        { padding: 6rem 0; }
  .vorsorge-cta    { padding: 7rem 0; }
  .vorsorge-cta__grid { grid-template-columns: 1fr 1fr; }
  .reviews         { padding: 6rem 0; }
  .faq             { padding: 6rem 0; }

  /* Footer */
  .site-footer__grid      { grid-template-columns: repeat(3,1fr); }
  .footer-banner          { padding: 3rem 0 4rem; }
  .footer-banner__btns    { flex-direction: row; }
  .footer-wave svg        { height: 9rem; }

  /* Über uns */
  .uu-intro__grid            { grid-template-columns: 1fr 1fr; }
  .raeumlichkeiten__two-col  { grid-template-columns: 1fr 1fr; }
  .team-grid                 { grid-template-columns: repeat(2,1fr); }

  /* Bestattung */
  .bestattungsformen-grid    { grid-template-columns: repeat(2,1fr); }
  .bf-page-intro             { grid-template-columns: 1fr 1fr; }
  .friedhoefe-grid           { grid-template-columns: repeat(2,1fr); }
  .grabpflege-intro          { grid-template-columns: 1fr 1fr; }

  /* Contact */
  .contact-page-grid         { grid-template-columns: 1fr; }

  /* Im Trauerfall */
  .leistungen-grid           { grid-template-columns: repeat(2,1fr); }
  .grievy-card__inner        { flex-direction: row; gap: 3rem; }

  /* History */
  .history-item              { flex-direction: row; gap: 2.5rem; }
  .history-item.reverse      { flex-direction: row-reverse; }
  .history-item__img         { width: 40%; flex-shrink: 0; }
  .history-item__text        { width: 60%; }
}

@media (min-width: 1024px) {
  /* Hero */
  .hero-section { min-height: 600px; padding: 14rem 2rem; }
  .page-hero    { min-height: 400px; }

  /* Grids */
  .reviews-grid            { grid-template-columns: repeat(3,1fr); }
  .memorial-grid           { grid-template-columns: repeat(3,1fr); }
  .bestattungsformen-grid  { grid-template-columns: repeat(3,1fr); }
  .leistungen-grid         { grid-template-columns: repeat(3,1fr); }
  .team-grid               { grid-template-columns: repeat(4,1fr); }
  .friedhoefe-grid         { grid-template-columns: repeat(3,1fr); }
  .bf-img-grid             { grid-template-columns: repeat(3,1fr); }
}

/* Print */
@media print {
  .sticky-mob, .sticky-desk, .site-header, .contact-bar,
  .footer-wave, .footer-banner, .site-footer, .no-print { display: none !important; }
  .checklist-print { display: none !important; }
}

@media (min-width: 768px) {
  .page-intro-grid { grid-template-columns: 1fr 1fr; }
}