/* =========================
   🔧 RESET (TÜM TARAYICI SIFIRLAMA)
   → Margin, padding ve box model sıfırlanır
========================= */
* {
  margin:0;
  padding:0;
  box-sizing:border-box;
}


/* =========================
   🌍 BODY (GENEL SAYFA AYARLARI)
   → Yazı tipi, renk, arka plan
========================= */
body {
  font-family: Arial;
  background:#fff;
  color:#000;
  overflow-x:hidden;
}


/* =========================
   📦 SECTION (ANA BLOK YAPISI)
   → Sayfadaki tüm ana bölümler (hero, içerik vs)
========================= */
.section {
  padding:40px 20px;
  width:100%;
  display:block;
}


/* =========================
   🖼️ IMAGE (TÜM GÖRSELLER)
   → Sitedeki tüm img etiketleri
========================= */
img {
  width:100%;
  display:block;
  border-radius:12px;
  margin-bottom:12px;
}


/* =========================
   🔘 BUTTON SYSTEM (BUTONLAR)
   → Tüm buton stilleri
========================= */

/* Ana buton (primary) */
.btn {
  background:#000;
  color:#fff;
  padding:14px;
  border-radius:10px;
  border:none;
  font-size:16px;
  width:100%;
}

/* İkincil buton (secondary) */
.btn-white {
  background:#fff;
  color:#000;
  padding:10px 16px;
  border-radius:20px;
  border:none;
  text-decoration:none;
  display:inline-block;
}


/* =========================
   🔗 BUTTON LINK FIX
   → a etiketi buton gibi davranır
========================= */
a.btn,
a.btn:link,
a.btn:visited,
a.btn:hover,
a.btn:active {
  text-decoration: none !important;
  color: #fff !important;
}