/* ================================================
   Electrolux Yetkili Servis — Responsive CSS
   ================================================ */

@media (max-width: 1024px) {
  .hero .w { grid-template-columns: 1fr; gap: 40px; }
  .hero h1 { font-size: 34px; }
  .hero-gorsel img, .hero-gorsel-placeholder { max-width: 380px; margin: 0 auto; }
  .randevu-grid { grid-template-columns: 1fr; gap: 40px; }
  .footer-grid { grid-template-columns: 1fr 1fr; gap: 32px; }
  .hizmet-grid { grid-template-columns: repeat(2,1fr); }
  .neden-grid { grid-template-columns: 1fr 1fr; gap: 16px; }
  .surec-grid { grid-template-columns: repeat(3,1fr); gap: 24px; }
  .surec-grid::before { display: none; }
  .yorum-grid { grid-template-columns: 1fr 1fr; gap: 16px; }
  .icerik-grid { grid-template-columns: 1fr; }
  .diger-hizmetler-grid { grid-template-columns: repeat(2,1fr); }
  nav { gap: 18px; }
}

@media (max-width: 768px) {
  .topbar .w { flex-direction: column; gap: 4px; text-align: center; padding: 8px 16px; }
  .topbar-links { justify-content: center; gap: 14px; }
  .header .w { padding: 0 16px; height: 60px; }
  .logo-div { display: none; }
  .logo-sub { font-size: 10px; line-height: 1.3; }
  .logo-sub strong { font-size: 11px; }
  nav, .hdr-cta { display: none; }
  .hamburger { display: flex; }
  .mobil-nav { top: 60px; }
  .hero { padding: 44px 0 40px; }
  .hero .w { padding: 0 16px; gap: 28px; }
  .hero h1 { font-size: 27px; letter-spacing: -.2px; }
  .hero-p { font-size: 14px; margin-bottom: 22px; }
  .hero-butonlar { flex-direction: column; gap: 10px; }
  .btn-birincil, .btn-hayalet { justify-content: center; padding: 13px 20px; }
  .hero-subeler { flex-direction: column; gap: 10px; }
  .hero-sube-btn { min-width: unset; justify-content: center; }
  .beyaz-esya-ic { flex-direction: column; align-items: flex-start; gap: 20px; }
  .beyaz-esya-sag { width: 100%; }
  .beyaz-esya-tel, .beyaz-esya-detay { flex: 1; justify-content: center; }
  .hero-gorsel-placeholder { height: 200px; }
  .hero-alt { padding: 36px 0 32px; }
  .hero-alt h1 { font-size: 24px; }
  .guven .w { justify-content: center; gap: 14px; padding: 0 16px; }
  .guven-cizgi { display: none; }
  .guven-item { flex: 0 0 calc(50% - 7px); }
  .bolum { padding: 48px 0; }
  .w { padding: 0 16px; }
  .bolum-baslik { font-size: 24px; }
  .bolum-aciklama { font-size: 14px; margin-bottom: 32px; }
  .hizmet-grid { grid-template-columns: 1fr; gap: 1px; }
  .hizmet-ikon-wrap { padding: 22px 20px 0; }
  .hizmet-govde { padding: 12px 20px 22px; }
  .sube-grid { grid-template-columns: 1fr; gap: 16px; }
  .sube-baslik { padding: 18px 20px; }
  .sube-govde { padding: 16px 20px; }
  .sube-aksiyonlar { padding: 14px 20px; gap: 8px; }
  .btn-yol, .btn-ara { font-size: 12px; padding: 10px 14px; }
  .harita-cerceve { height: 180px; }
  .surec-grid { grid-template-columns: 1fr 1fr; gap: 20px; }
  .surec-adim { padding: 0 6px; }
  .neden-grid { grid-template-columns: 1fr; gap: 12px; }
  .yorum-grid { grid-template-columns: 1fr; gap: 14px; }
  .randevu { padding: 48px 0; }
  .form-satir { grid-template-columns: 1fr; }
  .form-kart { padding: 22px 18px; }
  .icerik-grid { grid-template-columns: 1fr; }
  .ilceler-grid { grid-template-columns: 1fr; }
  .diger-hizmetler-grid { grid-template-columns: 1fr; }
  .footer-grid { grid-template-columns: 1fr; gap: 28px; }
  .footer-alt { flex-direction: column; text-align: center; }
  .whatsapp-btn { width: 50px; height: 50px; bottom: 18px; right: 14px; }
  .whatsapp-btn svg { width: 24px; height: 24px; }
}

@media (max-width: 400px) {
  .hero h1 { font-size: 23px; }
  .guven-item { flex: 0 0 100%; }
  .surec-grid { grid-template-columns: 1fr; }
}

@media (max-width: 768px) {
  #yedek-parca > .w > div { grid-template-columns: 1fr !important; gap: 32px !important; }
}