/* --- style.css DOSYASININ DÜZELTİLMİŞ TAMAMI --- */

/* TEMEL AYARLAR (RESET) */
* { box-sizing: border-box; }
body { margin: 0; font-family: Arial, Helvetica, sans-serif; color: #111; }
a { text-decoration: none; color: #0a58ff; }

/* HEADER (ÜST KISIM) */
.header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 14px 24px;
  border-bottom: 1px solid #eee;
  background: #fff;
  position: static; 
}

/* LOGO */
.brand img {
  height: 120px !important; 
  width: auto;
  display: block;
}

/* MENÜ (NAV) KAPSAYICI */
.nav {
  display: flex;
  align-items: center;
}

/* --- MODERN MENÜ STİLİ --- */
.nav a {
  font-size: 15px !important;    
  font-weight: 700 !important;   
  text-transform: uppercase;     
  letter-spacing: 0.8px;         
  color: #333;                   
  margin: 0 15px;                
  text-decoration: none;         
  transition: all 0.3s ease;     
  border-bottom: 2px solid transparent; 
  padding-bottom: 4px;           
}

/* Menü Üzerine Gelince */
.nav a:hover {
  color: #d32f2f;               
  border-bottom: 2px solid #d32f2f; 
}

/* Aktif Olan Sayfa */
.nav a.active {
  color: #000;
  border-bottom: 2px solid #000;
}

/* DİL BUTONLARI */
.lang .btn {
  display: inline-block;
  background: #111;
  color: #fff;
  padding: 8px 14px;
  border-radius: 10px;
  font-weight: 600;
  font-size: 0.85rem;
  margin-left: 5px;
  text-decoration: none;
}

/* GENEL DÜZEN (LAYOUT) */
.container {
  max-width: 1100px;
  margin: 0 auto;
  padding: 24px;
}

/* GRID (IZGARA) SİSTEMİ */
.grid-4 {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 24px;
  align-items: start;
  justify-items: center;
}
@media(max-width: 1024px) {
  .grid-4 { grid-template-columns: repeat(2, 1fr); }
}
@media(max-width: 640px) {
  .grid-4 { grid-template-columns: 1fr; }
}

/* KARTLAR (CARD) */
.card {
  border: 1px solid #eee;
  border-radius: 12px;
  padding: 16px;
  background: #fff;
  /* Resimler taşmasın diye buraya da ekledim: */
  overflow: hidden !important; 
}
/* Kart Başlıkları */
.card h3 {
  font-size: 1.2rem;
  margin-top: 10px;
  margin-bottom: 5px;
}

/* HERO (BÜYÜK GÖRSEL ALANI) */
.hero {
  display: grid;
  grid-template-columns: 1.2fr 1fr;
  gap: 20px;
  align-items: center;
  padding: 24px 0;
}
.hero.small {
  padding: 40px 24px;
}
.hero img {
  width: 100%;
  border-radius: 12px;
  box-shadow: 0 6px 16px rgba(0,0,0,.07);
}
@media(max-width: 900px) {
  .hero { grid-template-columns: 1fr; }
}

/* FOOTER (ALT KISIM) */
.footer {
  margin-top: 30px;
  border-top: 1px solid #eee;
  padding: 16px;
  text-align: center;
  color: #666;
}

/* DROPDOWN (Gizli) */
.dropdown {
  display: none !important;
}

/* WhatsApp Animasyonu */
@keyframes pulseWA {
  0% { transform: scale(1); box-shadow: 0 0 0 0 rgba(37, 211, 102, .6); }
  70% { transform: scale(1.1); box-shadow: 0 0 0 12px rgba(37, 211, 102, 0); }
  100% { transform: scale(1); box-shadow: 0 0 0 0 rgba(37, 211, 102, 0); }
}
a[href*="wa.me"] { animation: pulseWA 2.5s infinite; }

/* --- GARANTİ BUTON STİLİ (.btn-oku) --- */
.btn-oku {
    display: inline-block !important; 
    background-color: #111;           
    color: #fff !important;           
    padding: 10px 22px;               
    border-radius: 6px;               
    text-decoration: none !important; 
    font-weight: bold;                
    font-size: 14px;
    margin-top: 15px;                 
    transition: all 0.3s ease;        
    box-shadow: 0 4px 6px rgba(0,0,0,0.1);
}

/* Üzerine gelince (Hover) - BURASI DÜZELDİ */
.btn-oku:hover {
    background-color: #d32f2f;       
    transform: translateY(-3px);     
    box-shadow: 0 6px 12px rgba(211, 47, 47, 0.4);
}

/* --- RESİM BOYUTLARINI DÜZELTME VE ZOOM (ARTIK ÇALIŞACAK) --- */

/* Kart içindeki tüm resimler aynı boyda olsun */
.card img {
    width: 100% !important;       
    height: 220px !important;     /* Yükseklik sınırlandırıldı */
    object-fit: cover !important; /* Resim sıkışmasın, ortalansın */
    display: block;
    transition: transform 0.5s ease; /* Zoom geçişi */
    border-radius: 10px;
}

/* Mouse ile kartın üzerine gelince resim büyüsün */
.card:hover img {
    transform: scale(1.1);        
}

/* Makine resmi için özel ayar (İsteğe bağlı, gerekirse kullanır) */
.fix-machine { 
    transform-origin: center;
}