/* ===== RESPONSIVE ===== */
@media (max-width: 1024px) {
  .welcome-grid, .vision-mission, .contact-grid { grid-template-columns:1fr; }
  .timeline-item { width:100%; padding:20px 0 20px 40px !important; text-align:left !important; }
  .timeline-item:nth-child(odd) { padding-right:0; }
  .timeline-item:nth-child(even) { margin-left:0; }
  .timeline::before { left:16px; }
  .timeline-item::before { left:8px !important; right:auto !important; }
}

@media (max-width: 768px) {
  .nav-links { display:none; }
  .menu-toggle { display:block; }
  .logo img { width:100px; height:100px; padding:14px; }
  header.scrolled .logo img { width:76px; height:76px; padding:10px; }
  .hero-content img { width:140px; height:140px; padding:18px; }
  .service-grid { flex-direction:column; align-items:center; }
  .stats-row { flex-wrap:wrap; justify-content:center; }
  .sermon-featured { flex-direction:column; }
  .sermon-featured .sermon-thumb { flex:0 0 120px; width:100%; }
  .sermon-featured-full { flex-direction:column; }
  .sermon-embed {min-height: 250px; border-radius: var(--radius-lg) var(--radius-lg) 0 0;}
  
  .contact-preview-grid { grid-template-columns:1fr; }
  .page-hero h1 { font-size:2.5rem; }
  .filter-bar .container { justify-content:center; }
  .beliefs-grid { grid-template-columns:1fr 1fr; }
  .prayer-form-card { padding:24px; }
  .form-row { grid-template-columns:1fr; }
  .donation-steps { flex-direction:column; align-items:center; }
  .donation-step { margin:4px 0; }
  .amount-presets { justify-content:center; }
  .donation-form-section { padding:24px; }
  .crypto-asset-row { flex-direction:column; align-items:center; text-align:center; }
}

@media (max-width: 480px) {
  .beliefs-grid { grid-template-columns:1fr; }
  .event-grid-full { grid-template-columns:1fr; }
  .ministry-grid-full { grid-template-columns:1fr; }
  .masonry-grid { grid-template-columns:1fr; grid-auto-rows:180px; }
  .logo img { width:80px; height:80px; padding:10px; }
  .hero-content img { width:110px; height:110px; padding:14px; }
  .hero-content h1 { font-size:2.2rem; }
  section { padding:48px 0; }
  .section-title { font-size:2.2rem; }
}
