/* AdisyonJet landing page - modern, ferah, yumusak; marka #FF6600 */
:root {
  --turuncu: #ff6600;
  --turuncu-koyu: #e85d00;
  --turuncu-acik: #fff3ea;
  --koyu: #0f1115;
  --koyu-2: #171a20;
  --metin: #14161a;
  --gri: #62666e;
  --gri-acik: #8b8f97;
  --zemin: #f7f8fa;
  --cizgi: #e9ebef;
  --golge-s: 0 1px 2px rgba(15,17,21,.05), 0 4px 12px -4px rgba(15,17,21,.08);
  --golge-m: 0 4px 10px -2px rgba(15,17,21,.06), 0 18px 40px -14px rgba(15,17,21,.16);
  --golge-l: 0 30px 70px -24px rgba(15,17,21,.36);
  --r: 16px;
}
* { box-sizing: border-box; margin: 0; padding: 0; }
html { scroll-behavior: smooth; }
body {
  font-family: Poppins, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  color: var(--metin); background: #fff; line-height: 1.68;
  -webkit-font-smoothing: antialiased;
}
img { display: block; max-width: 100%; }
a { color: inherit; text-decoration: none; }
svg { display: block; }
.kap { width: 100%; max-width: 1180px; margin: 0 auto; padding: 0 22px; }

/* ---------- Butonlar ---------- */
.dugme {
  display: inline-flex; align-items: center; justify-content: center; gap: 9px;
  border: 1.5px solid transparent; border-radius: 12px; cursor: pointer;
  font: inherit; font-weight: 600; font-size: 15px; padding: 14px 26px;
  transition: transform .16s cubic-bezier(.3,.8,.4,1), box-shadow .16s ease, background .16s ease, color .16s;
  white-space: nowrap;
}
.dugme:hover { transform: translateY(-2px); }
.dugme:active { transform: translateY(0); }
.d-turuncu { background: var(--turuncu); color: #fff; box-shadow: 0 8px 20px -8px rgba(255,102,0,.75); }
.d-turuncu:hover { background: var(--turuncu-koyu); box-shadow: 0 14px 28px -10px rgba(255,102,0,.8); }
.d-koyu { background: var(--koyu); color: #fff; box-shadow: 0 8px 20px -10px rgba(15,17,21,.7); }
.d-cizgi { border-color: var(--cizgi); color: var(--metin); background: #fff; box-shadow: var(--golge-s); }
.d-cizgi:hover { border-color: #d3d6dc; }
.d-beyaz { background: #fff; color: var(--koyu); box-shadow: 0 10px 26px -10px rgba(0,0,0,.5); }
.d-beyaz-cizgi { border-color: rgba(255,255,255,.32); color: #fff; }
.d-beyaz-cizgi:hover { background: rgba(255,255,255,.12); border-color: rgba(255,255,255,.5); }

/* ---------- Ust menu ---------- */
.ustbar { position: sticky; top: 0; z-index: 50; background: rgba(255,255,255,.86); backdrop-filter: saturate(180%) blur(14px); border-bottom: 1px solid rgba(233,235,239,.9); }
.ustbar-ic { display: flex; align-items: center; gap: 18px; height: 74px; }
.marka { display: flex; align-items: center; gap: 10px; flex-shrink: 0; }
.marka img { width: 34px; height: 34px; }
.marka-ad { font-weight: 800; font-size: 19.5px; letter-spacing: -.03em; }
.marka-ad span { color: var(--turuncu); }
.ana-menu { display: flex; align-items: center; gap: 2px; margin-left: auto; }
.ana-menu > a, .menu-ust {
  display: flex; align-items: center; gap: 5px; white-space: nowrap;
  padding: 9px 14px; border-radius: 10px; font-size: 14.5px; font-weight: 500;
  color: #4a4e56; border: none; background: none; font-family: inherit; cursor: pointer;
  transition: background .14s, color .14s;
}
.ana-menu > a:hover, .menu-ust:hover, .menu-grup:hover .menu-ust { background: var(--zemin); color: var(--metin); }
.ana-menu > a.aktif { color: var(--turuncu); font-weight: 600; }
.menu-grup { position: relative; }
.menu-alt {
  position: absolute; top: calc(100% + 10px); left: 0; min-width: 320px;
  background: #fff; border: 1px solid var(--cizgi); border-radius: 16px;
  box-shadow: var(--golge-m); padding: 8px; display: none;
}
.menu-grup:hover .menu-alt, .menu-grup:focus-within .menu-alt { display: block; }
.menu-alt a { display: flex; gap: 12px; align-items: center; padding: 11px 13px; border-radius: 11px; font-size: 14.5px; font-weight: 500; }
.menu-alt a:hover { background: var(--turuncu-acik); color: var(--turuncu); }
.menu-alt a svg { width: 19px; height: 19px; flex-shrink: 0; color: var(--turuncu); }
.ust-islem { display: flex; align-items: center; gap: 9px; flex-shrink: 0; }
.ust-islem .dugme { padding: 11px 20px; font-size: 14px; }
.menu-ac { display: none; margin-left: auto; border: 1px solid var(--cizgi); background: #fff; width: 44px; height: 44px; border-radius: 12px; cursor: pointer; font-size: 18px; }
@media (max-width: 1060px) {
  .ana-menu, .ust-islem { display: none; }
  .menu-ac { display: block; }
  .ustbar.acik .ustbar-ic { flex-wrap: wrap; height: auto; padding-bottom: 18px; }
  .ustbar.acik .ana-menu { display: flex; flex-direction: column; align-items: stretch; order: 3; width: 100%; margin-top: 10px; gap: 2px; }
  .ustbar.acik .ana-menu > a, .ustbar.acik .menu-ust { padding: 13px 14px; width: 100%; }
  .ustbar.acik .menu-alt { position: static; display: block; box-shadow: none; border: none; background: var(--zemin); padding: 6px; min-width: 0; margin: 4px 0 6px; }
  .ustbar.acik .ust-islem { display: flex; order: 4; width: 100%; margin-top: 12px; gap: 10px; }
  .ustbar.acik .ust-islem .dugme { flex: 1; }
}

/* ---------- Hero ---------- */
.hero { position: relative; overflow: hidden; background: linear-gradient(180deg, #fff 0%, var(--zemin) 100%); }
.hero::before {
  content: ""; position: absolute; top: -320px; left: 50%; transform: translateX(-50%);
  width: 1100px; height: 700px; pointer-events: none;
  background: radial-gradient(ellipse at center, rgba(255,102,0,.14) 0%, rgba(255,102,0,0) 62%);
}
.hero-ic { position: relative; text-align: center; padding: 76px 0 0; }
.rozet-serit {
  display: inline-flex; align-items: center; gap: 9px; background: #fff; border: 1px solid var(--cizgi);
  border-radius: 999px; padding: 7px 8px 7px 16px; font-size: 13.5px; font-weight: 500; color: var(--gri);
  box-shadow: var(--golge-s); margin-bottom: 28px;
}
.rozet-serit b { background: var(--turuncu-acik); color: var(--turuncu); font-weight: 700; font-size: 12.5px; padding: 4px 11px; border-radius: 999px; }
.hero h1 {
  font-size: clamp(35px, 5.6vw, 66px); line-height: 1.08; font-weight: 800; letter-spacing: -.035em;
  max-width: 900px; margin: 0 auto;
}
.hero h1 em { font-style: normal; color: var(--turuncu); }
.hero p.gir { color: var(--gri); font-size: clamp(16px, 2vw, 19px); margin: 24px auto 0; max-width: 620px; }
.hero-dugmeler { display: flex; flex-wrap: wrap; gap: 12px; justify-content: center; margin-top: 34px; }
.hero-not { color: var(--gri-acik); font-size: 13.5px; margin-top: 16px; }

/* Hero gorsel: tarayici cercevesi + telefon */
.hero-sahne { position: relative; margin-top: 54px; padding-bottom: 70px; }
.cerceve {
  background: #fff; border: 1px solid var(--cizgi); border-radius: 18px; overflow: hidden;
  box-shadow: var(--golge-l);
}
.cerceve-bar { display: flex; align-items: center; gap: 7px; padding: 11px 14px; background: #f3f4f6; border-bottom: 1px solid var(--cizgi); }
.cerceve-bar i { width: 11px; height: 11px; border-radius: 50%; background: #d6d8dc; display: block; }
.cerceve-bar span { margin-left: 10px; font-size: 12px; color: var(--gri-acik); background: #fff; border-radius: 7px; padding: 4px 12px; }
.cerceve img { width: 100%; display: block; }
.hero-telefon-kutu {
  position: absolute; right: -6px; bottom: 24px; width: 208px;
  border: 8px solid #14161a; border-radius: 30px; overflow: hidden;
  box-shadow: var(--golge-l); background: #14161a;
}
.hero-telefon-kutu img { width: 100%; display: block; }
@media (max-width: 860px) { .hero-telefon-kutu { display: none; } }

/* Guven seridi */
.guven { padding: 30px 0 44px; }
.guven p { text-align: center; color: var(--gri-acik); font-size: 13px; font-weight: 600; letter-spacing: .1em; text-transform: uppercase; margin-bottom: 20px; }
.guven-liste { display: flex; flex-wrap: wrap; gap: 14px 34px; justify-content: center; align-items: center; }
.guven-liste a { font-weight: 700; font-size: 16px; color: #9a9ea6; transition: color .15s; letter-spacing: -.01em; }
.guven-liste a:hover { color: var(--metin); }

/* ---------- Bolumler ---------- */
.bolum { padding: 92px 0; }
.bolum.zemin { background: var(--zemin); }
.bolum.koyu { background: var(--koyu); color: #fff; }
.bolum-bas { max-width: 720px; margin: 0 auto 54px; text-align: center; }
.bolum-bas.sol { margin-left: 0; text-align: left; }
.etiket {
  display: inline-block; background: var(--turuncu-acik); color: var(--turuncu);
  font-weight: 600; font-size: 13px; padding: 6px 14px; border-radius: 999px; margin-bottom: 16px;
}
.koyu .etiket { background: rgba(255,102,0,.16); }
.bolum-bas h2 { font-size: clamp(28px, 3.7vw, 44px); font-weight: 800; letter-spacing: -.033em; line-height: 1.16; }
.bolum-bas p { color: var(--gri); margin-top: 16px; font-size: 17px; }
.koyu .bolum-bas p { color: rgba(255,255,255,.68); }

/* ---------- Ozellik kartlari ---------- */
.izgara { display: grid; gap: 20px; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); }
.kart {
  background: #fff; border: 1px solid var(--cizgi); border-radius: var(--r); padding: 30px 28px;
  transition: transform .18s cubic-bezier(.3,.8,.4,1), box-shadow .18s ease, border-color .18s;
  display: block;
}
.kart:hover { transform: translateY(-4px); box-shadow: var(--golge-m); border-color: #dfe2e7; }
.kart .ikon {
  width: 50px; height: 50px; border-radius: 14px; background: var(--turuncu-acik); color: var(--turuncu);
  display: flex; align-items: center; justify-content: center; margin-bottom: 20px;
}
.kart .ikon svg { width: 24px; height: 24px; }
.kart h3 { font-size: 18.5px; font-weight: 700; letter-spacing: -.02em; line-height: 1.34; }
.kart p { color: var(--gri); margin-top: 10px; font-size: 15px; }
.kart .devam { display: inline-flex; align-items: center; gap: 7px; color: var(--turuncu); font-weight: 600; font-size: 14.5px; margin-top: 18px; }
.kart:hover .devam { gap: 11px; }
.kart .sira { display: inline-flex; align-items: center; justify-content: center; width: 38px; height: 38px; border-radius: 12px; background: var(--koyu); color: #fff; font-weight: 700; font-size: 15px; }

/* ---------- Sirali ozellik satirlari (gorsel + metin) ---------- */
.satir { display: grid; gap: 44px; grid-template-columns: 1fr; align-items: center; }
@media (min-width: 940px) {
  .satir { grid-template-columns: 1fr 1.15fr; gap: 64px; }
  .satir.ters .satir-metin { order: 2; }
  .satir.ters .satir-gorsel { order: 1; }
}
.satir + .satir { margin-top: 92px; }
.satir h3 { font-size: clamp(24px, 2.8vw, 33px); font-weight: 800; letter-spacing: -.03em; line-height: 1.2; margin-top: 14px; }
.satir p.ozet { color: var(--gri); font-size: 16.5px; margin-top: 14px; }
.satir ul { list-style: none; margin-top: 22px; display: grid; gap: 13px; }
.satir li { display: flex; gap: 12px; font-size: 15.5px; align-items: flex-start; }
.satir li svg { width: 21px; height: 21px; flex-shrink: 0; color: var(--turuncu); margin-top: 2px; }
.satir .dugme { margin-top: 28px; }
.satir-gorsel .cerceve { border-radius: 14px; }
.satir-gorsel .cerceve img { max-height: 460px; object-fit: cover; object-position: top left; }
/* Mobil ekran gorselleri icin telefon cercevesi */
.telefon-cerceve {
  width: 286px; margin: 0 auto; background: #14161a;
  border: 10px solid #14161a; border-radius: 38px; overflow: hidden; box-shadow: var(--golge-l);
}
.telefon-cerceve img { width: 100%; display: block; }

/* ---------- Ic sayfa basligi ---------- */
.sayfa-bas { background: linear-gradient(180deg, #fff, var(--zemin)); padding: 54px 0 62px; position: relative; overflow: hidden; text-align: center; }
.sayfa-bas::before {
  content: ""; position: absolute; top: -280px; left: 50%; transform: translateX(-50%);
  width: 900px; height: 560px; background: radial-gradient(ellipse at center, rgba(255,102,0,.13), transparent 62%);
}
.sayfa-bas .kap { position: relative; }
.kirinti { font-size: 13.5px; color: var(--gri-acik); margin-bottom: 16px; }
.kirinti a:hover { color: var(--turuncu); }
.sayfa-bas h1 { font-size: clamp(30px, 4.4vw, 50px); font-weight: 800; letter-spacing: -.033em; line-height: 1.12; display: flex; align-items: center; gap: 16px; justify-content: center; flex-wrap: wrap; }
.sayfa-bas h1 svg { width: 40px; height: 40px; color: var(--turuncu); flex-shrink: 0; }
.sayfa-bas p { color: var(--gri); margin: 16px auto 0; max-width: 660px; font-size: 17px; }
.sayfa-bas .hero-dugmeler { margin-top: 28px; }

/* ---------- Madde listesi ---------- */
.madde-liste { display: grid; gap: 16px; grid-template-columns: repeat(auto-fit, minmax(330px, 1fr)); }
.madde {
  display: flex; gap: 16px; background: #fff; border: 1px solid var(--cizgi);
  border-radius: var(--r); padding: 24px 26px; align-items: flex-start;
  transition: transform .16s ease, box-shadow .16s ease;
}
.madde:hover { transform: translateY(-3px); box-shadow: var(--golge-m); }
.madde .isaret {
  width: 30px; height: 30px; border-radius: 10px; background: var(--turuncu-acik); color: var(--turuncu);
  display: flex; align-items: center; justify-content: center; flex-shrink: 0;
  font-weight: 700; font-size: 13px;
}
.madde p { font-size: 15.5px; color: #34373d; }

/* ---------- Paketler ---------- */
.paket {
  background: #fff; border: 1px solid var(--cizgi); border-radius: 20px; padding: 34px 30px;
  display: flex; flex-direction: column; position: relative;
  transition: transform .18s ease, box-shadow .18s ease;
}
.paket:hover { transform: translateY(-4px); box-shadow: var(--golge-m); }
.paket.oneri { border-color: rgba(255,102,0,.4); box-shadow: 0 24px 54px -26px rgba(255,102,0,.55); }
.paket .rozet {
  position: absolute; top: -14px; left: 50%; transform: translateX(-50%);
  background: var(--turuncu); color: #fff; font-size: 12.5px; font-weight: 600;
  padding: 7px 16px; border-radius: 999px; white-space: nowrap; box-shadow: 0 8px 18px -8px rgba(255,102,0,.8);
}
.paket h3 { font-size: 22px; font-weight: 800; letter-spacing: -.025em; }
.paket .ozet { color: var(--gri); font-size: 15px; margin-top: 9px; min-height: 48px; }
.paket ul { list-style: none; margin: 24px 0; display: grid; gap: 12px; border-top: 1px solid var(--cizgi); padding-top: 24px; }
.paket li { display: flex; gap: 11px; font-size: 15px; align-items: flex-start; color: #34373d; }
.paket li::before {
  content: "✓"; color: var(--turuncu); font-weight: 800; flex-shrink: 0;
  background: var(--turuncu-acik); width: 21px; height: 21px; border-radius: 50%;
  display: flex; align-items: center; justify-content: center; font-size: 11.5px; margin-top: 2px;
}
.paket .dugme { margin-top: auto; width: 100%; }

/* ---------- Referans ---------- */
.ref-kart { border: 1px solid var(--cizgi); border-radius: var(--r); background: #fff; display: block; overflow: hidden; transition: transform .18s ease, box-shadow .18s ease; }
.ref-kart:hover { transform: translateY(-4px); box-shadow: var(--golge-m); }
.ref-banner { height: 140px; background: #eceef1 center/cover; position: relative; }
.ref-banner img { position: absolute; left: 20px; bottom: -22px; width: 56px; height: 56px; border-radius: 14px; border: 3px solid #fff; object-fit: cover; background: #fff; box-shadow: var(--golge-s); }
.ref-govde { padding: 32px 22px 24px; }
.ref-govde h3 { font-size: 17px; font-weight: 700; letter-spacing: -.015em; }
.ref-govde .yer { color: var(--gri-acik); font-size: 13.5px; margin-top: 3px; }
.ref-govde .bak { color: var(--turuncu); font-weight: 600; font-size: 14px; margin-top: 14px; display: inline-block; }

/* ---------- Sayilar ---------- */
.sayilar { display: grid; gap: 20px; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); }
.sayi-kutu { background: rgba(255,255,255,.05); border: 1px solid rgba(255,255,255,.1); border-radius: var(--r); padding: 30px 26px; }
.sayi-kutu b { display: block; font-size: 40px; font-weight: 800; letter-spacing: -.035em; line-height: 1.1; }
.sayi-kutu b em { font-style: normal; color: var(--turuncu); }
.sayi-kutu span { color: rgba(255,255,255,.6); font-size: 14.5px; margin-top: 6px; display: block; }

/* ---------- Yorumlar ---------- */
.yorum { background: #fff; border: 1px solid var(--cizgi); border-radius: var(--r); padding: 28px; display: flex; flex-direction: column; }
.yorum .yildizlar { display: flex; gap: 3px; color: var(--turuncu); margin-bottom: 14px; }
.yorum .yildizlar svg { width: 17px; height: 17px; fill: currentColor; stroke: none; }
.yorum p { font-size: 15.5px; color: #34373d; flex: 1; }
.yorum .kisi { display: flex; align-items: center; gap: 12px; margin-top: 20px; padding-top: 18px; border-top: 1px solid var(--cizgi); }
.yorum .bas-harf { width: 42px; height: 42px; border-radius: 50%; background: var(--turuncu-acik); color: var(--turuncu); display: flex; align-items: center; justify-content: center; font-weight: 700; flex-shrink: 0; }
.yorum .kisi b { display: block; font-size: 14.5px; font-weight: 600; }
.yorum .kisi span { font-size: 13px; color: var(--gri-acik); }

/* ---------- CTA ---------- */
.cta { padding: 0 0 92px; }
.cta-kutu {
  background: linear-gradient(135deg, var(--koyu) 0%, #23262d 100%);
  border-radius: 26px; padding: 58px 46px; color: #fff; position: relative; overflow: hidden;
  display: flex; flex-wrap: wrap; align-items: center; gap: 28px; justify-content: space-between;
  box-shadow: var(--golge-l);
}
.cta-kutu::before {
  content: ""; position: absolute; width: 460px; height: 460px; border-radius: 50%;
  background: radial-gradient(circle, rgba(255,102,0,.34), transparent 62%); top: -190px; right: -110px;
}
.cta-kutu > * { position: relative; }
.cta-kutu h2 { font-size: clamp(25px, 3.2vw, 38px); font-weight: 800; letter-spacing: -.03em; line-height: 1.2; max-width: 600px; }
.cta-kutu p { color: rgba(255,255,255,.72); margin-top: 12px; font-size: 16.5px; max-width: 540px; }
.cta-dugmeler { display: flex; flex-wrap: wrap; gap: 12px; }

/* ---------- SSS ---------- */
.sss { max-width: 840px; margin: 0 auto; display: grid; gap: 14px; }
.sss details { background: #fff; border: 1px solid var(--cizgi); border-radius: var(--r); padding: 22px 26px; transition: box-shadow .16s; }
.sss details[open] { box-shadow: var(--golge-m); }
.sss summary { font-weight: 600; font-size: 16.5px; cursor: pointer; list-style: none; display: flex; justify-content: space-between; gap: 18px; letter-spacing: -.01em; }
.sss summary::-webkit-details-marker { display: none; }
.sss summary::after { content: "+"; color: var(--turuncu); font-size: 24px; font-weight: 400; line-height: 1; flex-shrink: 0; }
.sss details[open] summary::after { content: "−"; }
.sss p { color: var(--gri); margin-top: 14px; font-size: 15.5px; }

/* ---------- Iletisim ---------- */
.iletisim-duzen { display: grid; gap: 30px; grid-template-columns: 1fr; }
@media (min-width: 940px) { .iletisim-duzen { grid-template-columns: .82fr 1.18fr; gap: 40px; } }
.ilet-satir { display: flex; gap: 16px; padding: 20px 0; }
.ilet-satir + .ilet-satir { border-top: 1px solid var(--cizgi); }
.ilet-satir .ikon { width: 46px; height: 46px; border-radius: 13px; background: var(--turuncu-acik); color: var(--turuncu); display: flex; align-items: center; justify-content: center; flex-shrink: 0; }
.ilet-satir .ikon svg { width: 20px; height: 20px; }
.ilet-satir b { display: block; font-size: 13px; color: var(--gri-acik); font-weight: 600; margin-bottom: 2px; }
.ilet-satir span, .ilet-satir a { font-size: 15.5px; font-weight: 500; }
.ilet-satir a:hover { color: var(--turuncu); }
.form-kutu { background: #fff; border: 1px solid var(--cizgi); border-radius: 22px; padding: 36px 34px; box-shadow: var(--golge-m); }
.form-izgara { display: grid; gap: 17px; grid-template-columns: 1fr; }
@media (min-width: 640px) { .form-izgara { grid-template-columns: 1fr 1fr; } .form-izgara .tam { grid-column: 1 / -1; } }
.alan label { display: block; font-size: 13.5px; font-weight: 600; margin-bottom: 7px; }
.alan input, .alan select, .alan textarea {
  width: 100%; border: 1.5px solid var(--cizgi); border-radius: 12px; padding: 13px 15px;
  font: inherit; font-size: 15px; background: #fcfcfd; color: var(--metin); transition: border-color .15s, background .15s;
}
.alan input:focus, .alan select:focus, .alan textarea:focus { outline: none; border-color: var(--turuncu); background: #fff; box-shadow: 0 0 0 4px rgba(255,102,0,.1); }
.alan textarea { min-height: 122px; resize: vertical; }
.uyari { border-radius: 13px; padding: 15px 19px; font-size: 15px; font-weight: 500; margin-bottom: 22px; }
.uyari.ok { background: #eaf8f0; color: #146c43; border: 1px solid #bfe5d0; }
.uyari.err { background: #fdeceb; color: #b02a20; border: 1px solid #f6c9c5; }

/* ---------- Blog ---------- */
.yazi-kart { display: flex; flex-direction: column; background: #fff; border: 1px solid var(--cizgi); border-radius: var(--r); overflow: hidden; transition: transform .18s ease, box-shadow .18s ease; }
.yazi-kart:hover { transform: translateY(-4px); box-shadow: var(--golge-m); }
.yazi-ust { height: 132px; background: linear-gradient(135deg, #ff8534, var(--turuncu)); display: flex; align-items: center; justify-content: center; }
.yazi-ust svg { width: 38px; height: 38px; color: #fff; }
.yazi-govde { padding: 26px 24px; display: flex; flex-direction: column; flex: 1; }
.yazi-govde h3 { font-size: 18px; font-weight: 700; line-height: 1.36; letter-spacing: -.02em; }
.yazi-govde p { color: var(--gri); font-size: 14.5px; margin-top: 11px; flex: 1; }
.yazi-govde .devam { color: var(--turuncu); font-weight: 600; font-size: 14px; margin-top: 18px; }
.yazi-icerik { max-width: 760px; margin: 0 auto; }
.yazi-icerik h2 { font-size: 27px; font-weight: 700; margin: 40px 0 14px; letter-spacing: -.028em; }
.yazi-icerik p { font-size: 17px; color: #34373d; margin-bottom: 18px; }
.yazi-icerik ul { margin: 0 0 20px 22px; display: grid; gap: 10px; }
.yazi-icerik li { font-size: 17px; color: #34373d; }
.yazi-kutu { background: var(--zemin); border-radius: 18px; padding: 30px; margin-top: 44px; }

/* ---------- Karsilastirma tablosu ---------- */
.tablo-sar { overflow-x: auto; border: 1px solid var(--cizgi); border-radius: 18px; background: #fff; box-shadow: var(--golge-s); }
.tablo-sar table { width: 100%; border-collapse: collapse; min-width: 660px; }
.tablo-sar thead tr { background: var(--zemin); }
.tablo-sar th { padding: 18px 22px; font-size: 14px; font-weight: 700; text-align: center; }
.tablo-sar th:first-child { text-align: left; }
.tablo-sar td { padding: 15px 22px; font-size: 15px; border-top: 1px solid var(--cizgi); text-align: center; color: #34373d; }
.tablo-sar td:first-child { text-align: left; }
.tablo-sar tbody tr:hover { background: #fcfcfd; }
.var { color: var(--turuncu); font-weight: 800; }
.yok { color: #c9ccd2; }

/* ---------- Alt bilgi ---------- */
.altbilgi { background: var(--koyu); color: rgba(255,255,255,.62); padding: 70px 0 0; }
.altbilgi-izgara { display: grid; gap: 40px; grid-template-columns: repeat(auto-fit, minmax(190px, 1fr)); padding-bottom: 48px; }
.altbilgi h4 { color: #fff; font-size: 14.5px; font-weight: 700; margin-bottom: 18px; }
.altbilgi ul { list-style: none; display: grid; gap: 11px; }
.altbilgi a { font-size: 14.5px; }
.altbilgi a:hover { color: var(--turuncu); }
.altbilgi .marka-ad { color: #fff; }
.altbilgi .tanit { font-size: 14.5px; margin-top: 16px; max-width: 300px; }
.sosyal { display: flex; gap: 9px; margin-top: 20px; }
.sosyal a { width: 38px; height: 38px; border-radius: 11px; background: rgba(255,255,255,.07); display: flex; align-items: center; justify-content: center; font-size: 13px; font-weight: 600; color: #fff; transition: background .15s; }
.sosyal a:hover { background: var(--turuncu); }
.altbilgi-son { border-top: 1px solid rgba(255,255,255,.09); padding: 22px 0; font-size: 13.5px; display: flex; flex-wrap: wrap; gap: 12px; justify-content: space-between; }

/* ---------- WhatsApp ---------- */
.wa-dugme {
  position: fixed; right: 20px; bottom: 20px; z-index: 60;
  width: 54px; height: 54px; border-radius: 50%; background: #25d366; color: #fff;
  display: flex; align-items: center; justify-content: center;
  box-shadow: 0 12px 28px -8px rgba(37,211,102,.75); transition: transform .16s ease;
}
.wa-dugme:hover { transform: scale(1.07); }