/* ── ATT Garaj — Kapsamlı Mobil Düzeltmeler ── */
/* Bu dosya tüm sayfalara uygulanır, inline style'ları !important ile ezer */

@media (max-width: 768px) {

  /* ── GENEL: Büyük padding'li div/section'ları küçült ── */
  [style*="padding:80px 40px"],
  [style*="padding: 80px 40px"] {
    padding: 48px 16px !important;
  }
  [style*="padding:60px 40px"],
  [style*="padding: 60px 40px"] {
    padding: 40px 16px !important;
  }
  [style*="padding:40px"],
  [style*="padding: 40px"] {
    padding: 28px 16px !important;
  }

  /* ── GENEL: Yan yana grid'leri alta al ── */
  [style*="grid-template-columns:1fr 1fr"],
  [style*="grid-template-columns: 1fr 1fr"],
  [style*="grid-template-columns:1fr 1.1fr"],
  [style*="grid-template-columns: 1fr 1.1fr"],
  [style*="grid-template-columns:repeat(2"],
  [style*="grid-template-columns: repeat(2"] {
    grid-template-columns: 1fr !important;
  }

  /* ── GENEL: Büyük gap'leri küçült ── */
  [style*="gap:60px"], [style*="gap: 60px"],
  [style*="gap:64px"], [style*="gap: 64px"],
  [style*="gap:80px"], [style*="gap: 80px"] {
    gap: 28px !important;
  }
  [style*="gap:40px"], [style*="gap: 40px"],
  [style*="gap:48px"], [style*="gap: 48px"] {
    gap: 20px !important;
  }

  /* ── GENEL: Büyük font-size'ları küçült ── */
  [style*="font-size:32px"], [style*="font-size: 32px"] { font-size: 24px !important; }
  [style*="font-size:36px"], [style*="font-size: 36px"] { font-size: 26px !important; }
  [style*="font-size:42px"], [style*="font-size: 42px"] { font-size: 28px !important; }
  [style*="font-size:48px"], [style*="font-size: 48px"] { font-size: 30px !important; }

  /* ── GENEL: margin-top büyükleri küçült ── */
  [style*="margin-top:56px"], [style*="margin-top: 56px"] { margin-top: 32px !important; }
  [style*="margin-top:40px"], [style*="margin-top: 40px"] { margin-top: 24px !important; }

  /* ── HAKKIMIZDA SAYFASI ── */
  .founders-stats {
    flex-direction: column !important;
    gap: 20px !important;
    align-items: center !important;
  }

  /* ── BÖLÜMLER SAYFASI ── */
  .services-detail-grid {
    grid-template-columns: 1fr !important;
  }

  /* ── KADRO SAYFASI ── */
  .team-detail-grid {
    grid-template-columns: 1fr !important;
    gap: 24px !important;
  }

  /* ── YEDEK PARÇA SAYFASI ── */
  .parts-filter-bar {
    flex-wrap: wrap !important;
    gap: 8px !important;
    justify-content: center !important;
  }

  /* ── GALERİ SAYFASI ── */
  .gallery-detail-grid {
    grid-template-columns: 1fr 1fr !important;
  }

  /* ── İLETİŞİM SAYFASI ── */
  .iletisim-grid {
    grid-template-columns: 1fr !important;
    gap: 24px !important;
  }

  /* ── HERO page banner'ları ── */
  .page-hero {
    min-height: 220px !important;
    padding: 80px 20px 40px !important;
  }
  .page-hero h1 { font-size: clamp(26px,7vw,38px) !important; }

  /* ── Flex satırları alta al ── */
  [style*="display:flex"][style*="gap:60px"],
  [style*="display:flex"][style*="gap:40px"],
  [style*="display:flex"][style*="gap:32px"] {
    flex-direction: column !important;
    gap: 20px !important;
  }

  /* ── Max-width kapsayıcılar tam genişlik ── */
  [style*="max-width:1100px"],
  [style*="max-width: 1100px"],
  [style*="max-width:900px"],
  [style*="max-width: 900px"],
  [style*="max-width:820px"],
  [style*="max-width: 820px"] {
    max-width: 100% !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  /* ── Butonlar tam genişlik ── */
  .page-cta-btns {
    flex-direction: column !important;
    align-items: stretch !important;
  }
  .page-cta-btns a {
    text-align: center !important;
    justify-content: center !important;
  }

  /* ── İletişim bilgi kutuları ── */
  .contact-info-box {
    padding: 20px !important;
  }

  /* ── Harita ── */
  .contact-map,
  .contact-map iframe {
    height: 250px !important;
    border-radius: 12px !important;
  }
}

@media (max-width: 480px) {
  [style*="padding:80px 40px"],
  [style*="padding: 80px 40px"],
  [style*="padding:60px 40px"],
  [style*="padding: 60px 40px"] {
    padding: 36px 12px !important;
  }

  [style*="grid-template-columns:repeat(auto-fit"],
  [style*="grid-template-columns: repeat(auto-fit"] {
    grid-template-columns: 1fr !important;
  }

  .gallery-detail-grid {
    grid-template-columns: 1fr !important;
  }

  /* Yorumlar tek kolon */
  [style*="minmax(280px"] {
    grid-template-columns: 1fr !important;
  }
}