/* ============================================================
   blog.css — blog.html, blog-yazi.html, sayfa.html İÇİN.
   ============================================================ */


:root{
  --bg:#F7F8FA;
  --surface:#FFFFFF;
  --ink:#161A24;
  --ink-dim:#5B6478;
  --ink-faint:#9AA1B4;
  --border:#E6E9F0;
  --accent1:#4F7CFF;
  --accent2:#8B5CF6;
  --accent-warm:#F3425F;
  --navy:#12172B;
  --grad:linear-gradient(120deg, var(--accent1), var(--accent2));
  --radius:16px;
  --serif:'Poppins', sans-serif;
  --sans:'Poppins', sans-serif;
}

*{ box-sizing:border-box; }
html{ scroll-behavior:smooth; }
body{
  margin:0; background:var(--bg); color:var(--ink); font-family:var(--sans);
  -webkit-font-smoothing:antialiased;
}
img{ max-width:100%; display:block; }
a{ color:inherit; text-decoration:none; }

@media (prefers-reduced-motion: reduce){
  *{ animation-duration:0.01ms !important; transition-duration:0.01ms !important; }
}

.blog-topbar{
  display:flex; align-items:center; justify-content:space-between;
  max-width:1240px; margin:0 auto; padding:22px 24px;
}
.blog-logo{ display:flex; align-items:center; gap:10px; font-family:var(--serif); font-weight:700; font-size:1.15rem; color:var(--ink); }
.blog-logo .mark{
  width:34px; height:34px; border-radius:9px; background:var(--grad); color:#fff;
  display:flex; align-items:center; justify-content:center; font-family:var(--sans); font-weight:800; font-size:1rem;
}
.blog-logo .logo-mark{
  width:34px; height:34px; border-radius:9px; background:var(--grad); color:#fff;
  display:flex; align-items:center; justify-content:center; font-family:var(--sans); font-weight:800; font-size:1rem;
}
.blog-logo .logo-text{ font-family:var(--serif); font-weight:700; font-size:1.15rem; color:var(--ink); }
.blog-nav{ display:flex; align-items:center; gap:26px; }
.blog-nav a{ font-size:0.86rem; font-weight:600; color:var(--ink-dim); }
.blog-nav a:hover{ color:var(--ink); }
.blog-nav .cta{ background:var(--ink); color:#fff !important; padding:9px 18px; border-radius:999px; font-weight:700; }

.blog-hero{ max-width:1240px; margin:10px auto 50px; padding:0 24px; }
.hero-card{
  position:relative; border-radius:26px; overflow:hidden; min-height:440px;
  display:flex; align-items:flex-end; background:var(--navy);
  box-shadow:0 30px 60px -30px rgba(18,23,43,0.5);
}
.hero-card img.hero-bg{ position:absolute; inset:0; width:100%; height:100%; object-fit:cover; opacity:0.5; }
.hero-card::before{
  content:''; position:absolute; inset:0; background-image:
    radial-gradient(circle at 15% 20%, rgba(79,124,255,0.35), transparent 45%),
    radial-gradient(circle at 85% 85%, rgba(139,92,246,0.35), transparent 45%);
}
.hero-card::after{
  content:''; position:absolute; inset:0;
  background:linear-gradient(0deg, rgba(18,23,43,0.97) 0%, rgba(18,23,43,0.6) 55%, rgba(18,23,43,0.2) 100%);
}
.hero-content{ position:relative; z-index:1; padding:48px 52px; max-width:680px; }
.hero-eyebrow{
  display:inline-flex; align-items:center; gap:7px; color:#fff; font-size:0.76rem; font-weight:700;
  text-transform:uppercase; letter-spacing:0.08em; background:rgba(255,255,255,0.14); padding:6px 14px; border-radius:999px;
  margin-bottom:18px; backdrop-filter:blur(6px); border:1px solid rgba(255,255,255,0.2);
}
.hero-title{ font-family:var(--serif); font-weight:800; font-size:clamp(1.9rem, 4vw, 2.9rem); line-height:1.14; color:#fff; margin-bottom:16px; }
.hero-ozet{ color:rgba(255,255,255,0.84); font-size:1rem; line-height:1.65; margin-bottom:22px; max-width:560px; }
.hero-meta{ display:flex; align-items:center; gap:14px; color:rgba(255,255,255,0.72); font-size:0.83rem; font-weight:600; }
.hero-meta span{ display:flex; align-items:center; gap:6px; }

.blog-govde{ max-width:1240px; margin:0 auto; padding:0 24px 90px; display:grid; grid-template-columns:1fr 320px; gap:40px; }
@media (max-width:960px){ .blog-govde{ grid-template-columns:1fr; } }
.blog-ana-alan{ min-width:0; }

.blog-kontrol-serit{ display:flex; align-items:center; justify-content:space-between; gap:16px; margin-bottom:28px; flex-wrap:wrap; }
.kategori-serit{ display:flex; gap:9px; flex-wrap:wrap; }
.kategori-pil{
  padding:9px 17px; border-radius:999px; font-size:0.82rem; font-weight:700;
  background:var(--surface); border:1px solid var(--border); color:var(--ink-dim);
  transition:all .15s ease;
}
.kategori-pil:hover{ border-color:var(--accent1); color:var(--accent1); }
.kategori-pil.active{ background:var(--grad); color:#fff; border-color:transparent; box-shadow:0 8px 18px -8px rgba(79,124,255,0.5); }

.sirala-secici{
  padding:9px 14px; border-radius:10px; border:1px solid var(--border); background:var(--surface);
  font-family:inherit; font-size:0.82rem; font-weight:600; color:var(--ink-dim); cursor:pointer;
}

.blog-grid{ display:grid; grid-template-columns:repeat(2, 1fr); gap:24px; }
@media (max-width:640px){ .blog-grid{ grid-template-columns:1fr; } }

.yazi-karti{
  background:var(--surface); border-radius:20px; overflow:hidden; border:1px solid var(--border);
  transition:transform .25s ease, box-shadow .25s ease; position:relative; box-shadow:0 8px 20px -14px rgba(20,25,50,0.15);
}
.yazi-karti:hover{ transform:translateY(-6px); box-shadow:0 28px 50px -20px rgba(20,25,50,0.26); }
.yazi-kapak-wrap{ position:relative; overflow:hidden; height:210px; background:var(--border); }
.yazi-kapak{ width:100%; height:100%; object-fit:cover; transition:transform .5s ease; }
.yazi-karti:hover .yazi-kapak{ transform:scale(1.08); }
.yazi-kapak-yok{
  width:100%; height:100%; background:var(--grad); display:flex; align-items:center; justify-content:center;
  font-family:var(--serif); color:#fff; font-size:2.6rem; font-weight:800; opacity:0.9; position:relative; overflow:hidden;
  transition:transform .5s ease;
}
.yazi-karti:hover .yazi-kapak-yok{ transform:scale(1.08); }
.yazi-kapak-yok::before{ content:''; position:absolute; inset:0; background-image:radial-gradient(circle at 30% 30%, rgba(255,255,255,0.3), transparent 55%); }
.yazi-kapak-wrap::after{ content:''; position:absolute; inset:0; background:linear-gradient(0deg, rgba(0,0,0,0.35) 0%, transparent 45%); pointer-events:none; }
.yazi-kategori-pil{
  position:absolute; top:14px; left:14px; z-index:2; padding:6px 14px; border-radius:999px;
  font-size:0.68rem; font-weight:800; text-transform:uppercase; letter-spacing:0.05em; color:#fff;
  backdrop-filter:blur(6px); box-shadow:0 6px 16px -6px rgba(0,0,0,0.4);
}
.yazi-govde{ padding:20px 22px 22px; }
.yazi-baslik{ font-family:var(--serif); font-size:1.18rem; font-weight:800; line-height:1.28; margin-bottom:10px; letter-spacing:-0.01em; }
.yazi-ozet{ font-size:0.85rem; color:var(--ink-dim); line-height:1.55; margin-bottom:14px; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; }
.yazi-meta{ display:flex; align-items:center; gap:10px; font-size:0.75rem; color:var(--ink-faint); font-weight:600; flex-wrap:wrap; }
.yazi-meta .nokta{ width:3px; height:3px; border-radius:50%; background:var(--ink-faint); }
.yazi-meta .ikon-metin{ display:flex; align-items:center; gap:4px; }
.yazi-meta svg{ width:13px; height:13px; }

.blog-bos{ text-align:center; padding:70px 20px; color:var(--ink-dim); font-size:0.95rem; grid-column:1/-1; }
.blog-devam-btn{ display:block; margin:36px auto 0; text-align:center; cursor:pointer; }

.blog-sidebar{ display:flex; flex-direction:column; gap:22px; }
.sidebar-kart{ background:var(--surface); border-radius:18px; border:1px solid var(--border); padding:22px; }
.sidebar-baslik{ font-family:var(--serif); font-size:0.98rem; font-weight:800; margin-bottom:16px; display:flex; align-items:center; gap:8px; }
.sidebar-baslik svg{ width:17px; height:17px; color:var(--accent1); }

.sidebar-kategori-satir{
  display:flex; align-items:center; justify-content:space-between; padding:9px 0; border-bottom:1px solid var(--border);
  font-size:0.85rem; font-weight:600; color:var(--ink-dim); transition:color .15s ease;
}
.sidebar-kategori-satir:last-child{ border-bottom:none; }
.sidebar-kategori-satir:hover{ color:var(--accent1); }
.sidebar-kategori-satir .sayi{ background:var(--bg); color:var(--ink-faint); font-size:0.72rem; font-weight:800; padding:2px 9px; border-radius:999px; }

.sidebar-populer-satir{ display:flex; align-items:center; gap:12px; padding:11px 0; border-bottom:1px solid var(--border); }
.sidebar-populer-satir:last-child{ border-bottom:none; }
.sidebar-populer-rank{ font-family:var(--serif); font-weight:800; font-size:1.3rem; width:22px; flex-shrink:0; -webkit-text-stroke:1.5px var(--accent1); color:transparent; }
.sidebar-populer-gorsel{ width:56px; height:56px; border-radius:12px; object-fit:cover; flex-shrink:0; background:var(--grad); }
.sidebar-populer-gorsel-yok{ width:56px; height:56px; border-radius:12px; background:var(--grad); flex-shrink:0; display:flex; align-items:center; justify-content:center; color:#fff; font-weight:800; font-family:var(--serif); }
.sidebar-populer-govde{ min-width:0; }
.sidebar-populer-govde b{ font-size:0.82rem; line-height:1.32; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; margin-bottom:4px; }
.sidebar-populer-govde span{ font-size:0.72rem; color:var(--ink-faint); font-weight:600; }

.sidebar-cta{ background:var(--grad); border-radius:18px; padding:26px 22px; color:#fff; text-align:center; }
.sidebar-cta h4{ font-family:var(--serif); font-size:1.05rem; font-weight:800; margin-bottom:8px; }
.sidebar-cta p{ font-size:0.82rem; opacity:0.9; margin-bottom:16px; line-height:1.5; }
.sidebar-cta a{ display:inline-block; background:#fff; color:var(--accent1) !important; padding:10px 22px; border-radius:999px; font-weight:800; font-size:0.83rem; }

.yazi-sayfa-shell{ max-width:1240px; margin:0 auto; padding:0 24px; display:grid; grid-template-columns:1fr 320px; gap:40px; }
@media (max-width:960px){ .yazi-sayfa-shell{ grid-template-columns:1fr; } }
.yazi-ana-kolon{ min-width:0; }

.yazi-ust-kapak{ border-radius:26px; overflow:hidden; margin-bottom:40px; max-height:460px; box-shadow:0 30px 60px -30px rgba(18,23,43,0.35); }
.yazi-ust-kapak img{ width:100%; height:100%; object-fit:cover; max-height:460px; }

.yazi-baslik-alani{ margin:0 0 32px; }
.yazi-sayfa-eyebrow{ display:inline-block; font-size:0.78rem; font-weight:800; text-transform:uppercase; letter-spacing:0.08em; color:var(--accent1); margin-bottom:16px; }
.yazi-sayfa-baslik{ font-family:var(--serif); font-weight:800; font-size:clamp(1.7rem, 4vw, 2.5rem); line-height:1.2; margin-bottom:20px; }

.yazar-satir{ display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:16px; padding:16px 0; border-top:1px solid var(--border); border-bottom:1px solid var(--border); }
.yazar-bilgi{ display:flex; align-items:center; gap:12px; }
.yazar-bilgi img{ width:44px; height:44px; border-radius:50%; object-fit:cover; }
.yazar-bilgi-yok{ width:44px; height:44px; border-radius:50%; background:var(--grad); display:flex; align-items:center; justify-content:center; color:#fff; font-weight:800; }
.yazar-govde b{ font-size:0.88rem; display:block; }
.yazar-govde span{ font-size:0.76rem; color:var(--ink-faint); }
.yazi-istatistik-grup{ display:flex; align-items:center; gap:18px; }
.yazi-istatistik{ display:flex; align-items:center; gap:6px; font-size:0.83rem; font-weight:700; color:var(--ink-dim); }
.yazi-istatistik svg{ width:16px; height:16px; color:var(--accent1); }

.yazi-icerik{ font-size:1.05rem; line-height:1.85; color:var(--ink); margin-top:32px; }
.yazi-icerik h2{ font-family:var(--serif); font-size:1.5rem; font-weight:800; margin:38px 0 16px; line-height:1.3; }
.yazi-icerik h3{ font-family:var(--serif); font-size:1.24rem; font-weight:700; margin:30px 0 14px; }
.yazi-icerik h4{ font-family:var(--serif); font-size:1.08rem; font-weight:700; margin:24px 0 12px; }
.yazi-icerik p{ margin:0 0 20px; }
.yazi-icerik a{ color:var(--accent1); text-decoration:underline; text-underline-offset:3px; }
.yazi-icerik img{ border-radius:14px; margin:24px 0; }
.yazi-icerik blockquote{ margin:28px 0; padding:18px 24px; border-left:3px solid var(--accent2); background:var(--surface); border-radius:0 12px 12px 0; font-style:italic; font-size:1.1rem; color:var(--ink-dim); }
.yazi-icerik ul, .yazi-icerik ol{ margin:0 0 20px; padding-left:22px; }
.yazi-icerik li{ margin-bottom:8px; }

.yazi-galeri{ margin:40px 0 0; display:grid; grid-template-columns:repeat(3, 1fr); gap:12px; }
.yazi-galeri img{ width:100%; height:150px; object-fit:cover; border-radius:12px; cursor:pointer; transition:transform .15s ease; }
.yazi-galeri img:hover{ transform:scale(1.03); }

.yorum-bolumu{ margin-top:56px; padding-top:36px; border-top:1px solid var(--border); }
.yorum-baslik{ font-family:var(--serif); font-size:1.28rem; font-weight:800; margin-bottom:24px; display:flex; align-items:center; gap:9px; }
.yorum-form{ background:var(--surface); border:1px solid var(--border); border-radius:16px; padding:18px; margin-bottom:28px; }
.yorum-form textarea{ width:100%; border:none; resize:vertical; min-height:70px; font-family:inherit; font-size:0.92rem; color:var(--ink); background:transparent; outline:none; margin-bottom:12px; }
.yorum-form-alt{ display:flex; justify-content:flex-end; }
.yorum-form-alt button{ background:var(--grad); color:#fff; border:none; padding:9px 22px; border-radius:999px; font-weight:700; font-size:0.83rem; cursor:pointer; }
.yorum-giris-uyari{ text-align:center; padding:20px; background:var(--surface); border:1px dashed var(--border); border-radius:16px; font-size:0.87rem; color:var(--ink-dim); margin-bottom:28px; }
.yorum-giris-uyari a{ color:var(--accent1); font-weight:700; }

.yorum-satir{ display:flex; gap:13px; margin-bottom:22px; }
.yorum-satir img{ width:40px; height:40px; border-radius:50%; object-fit:cover; flex-shrink:0; }
.yorum-govde{ flex:1; min-width:0; }
.yorum-baloncuk{ background:var(--surface); border:1px solid var(--border); border-radius:14px; padding:12px 16px; }
.yorum-ust{ display:flex; align-items:center; gap:8px; margin-bottom:4px; }
.yorum-ust b{ font-size:0.85rem; }
.yorum-ust span{ font-size:0.72rem; color:var(--ink-faint); }
.yorum-metin{ font-size:0.87rem; line-height:1.55; color:var(--ink); }
.yorum-aksiyonlar{ display:flex; gap:14px; margin-top:6px; padding-left:4px; }
.yorum-aksiyonlar button{ background:none; border:none; font-size:0.76rem; font-weight:700; color:var(--ink-faint); cursor:pointer; padding:0; }
.yorum-aksiyonlar button:hover{ color:var(--accent1); }
.yorum-yanitlar{ margin-top:14px; padding-left:20px; border-left:2px solid var(--border); }
.yorum-yanit-formu{ margin-top:10px; }

.ilgili-yazilar{ margin-top:70px; }
.ilgili-baslik{ font-family:var(--serif); font-size:1.28rem; font-weight:800; margin-bottom:22px; }

.sayfa-shell{ max-width:720px; margin:0 auto; padding:0 24px 80px; }
.sayfa-baslik{ font-family:var(--serif); font-weight:800; font-size:clamp(1.8rem, 4vw, 2.6rem); margin:20px 0 30px; text-align:center; }
.sayfa-icerik{ font-size:1.02rem; line-height:1.8; color:var(--ink); }
.sayfa-icerik h2{ font-family:var(--serif); font-size:1.4rem; margin:32px 0 14px; }
.sayfa-icerik p{ margin:0 0 18px; }

.blog-footer{
  border-top:1px solid var(--border); padding:36px 24px; margin-top:60px;
  display:flex; align-items:center; justify-content:space-between; max-width:1240px; margin-left:auto; margin-right:auto;
  font-size:0.8rem; color:var(--ink-faint);
}
.blog-footer a{ color:var(--ink-dim); font-weight:600; margin-left:16px; }

@media (max-width:720px){
  .blog-nav{ gap:14px; }
  .blog-nav a:not(.cta){ display:none; }
  .hero-content{ padding:28px 24px; }
  .yazi-galeri{ grid-template-columns:repeat(2, 1fr); }
  .blog-footer{ flex-direction:column; gap:10px; text-align:center; }
  .yazi-istatistik-grup{ width:100%; justify-content:flex-start; }
}

/* ---- sidebar sayfa listesi ---- */
.sidebar-sayfa-satir{
  display:block; padding:9px 0; border-bottom:1px solid var(--border);
  font-size:0.85rem; font-weight:600; color:var(--ink-dim); transition:color .15s ease;
}
.sidebar-sayfa-satir:last-child{ border-bottom:none; }
.sidebar-sayfa-satir:hover{ color:var(--accent1); }

/* ---- sidebar arama sonuçları ---- */
.arama-sonuc-satir{
  display:flex; align-items:center; gap:10px; padding:10px 14px; border-bottom:1px solid var(--border);
  font-size:0.82rem; font-weight:600; color:var(--ink);
}
.arama-sonuc-satir:last-child{ border-bottom:none; }
.arama-sonuc-satir:hover{ background:var(--bg); }
.arama-sonuc-gorsel{ width:36px; height:36px; border-radius:8px; object-fit:cover; flex-shrink:0; background:var(--grad); }
.arama-sonuc-bos{ padding:14px; font-size:0.8rem; color:var(--ink-faint); text-align:center; }

/* ---- şu an sohbette widget'ı ---- */
.sidebar-canli-kart{
  background:var(--navy); border:none; position:relative; overflow:hidden; text-align:center;
}
.sidebar-canli-kart::before{
  content:''; position:absolute; inset:0; background-image:
    radial-gradient(circle at 20% 20%, rgba(79,124,255,0.35), transparent 50%),
    radial-gradient(circle at 80% 80%, rgba(139,92,246,0.35), transparent 50%);
}
.canli-nokta{
  width:9px; height:9px; border-radius:50%; background:#2ED573; margin:0 auto 10px;
  position:relative; z-index:1; box-shadow:0 0 0 0 rgba(46,213,115,0.6); animation:canliNabiz 2s infinite;
}
@keyframes canliNabiz{
  0%{ box-shadow:0 0 0 0 rgba(46,213,115,0.6); }
  70%{ box-shadow:0 0 0 8px rgba(46,213,115,0); }
  100%{ box-shadow:0 0 0 0 rgba(46,213,115,0); }
}
.canli-govde{ position:relative; z-index:1; color:#fff; font-size:0.88rem; font-weight:600; margin-bottom:16px; }
.canli-govde b{ font-family:var(--serif); font-size:1.5rem; font-weight:800; display:block; margin-bottom:2px; }
.canli-avatarlar{ position:relative; z-index:1; display:flex; justify-content:center; margin-bottom:18px; }
.canli-avatarlar img{
  width:38px; height:38px; border-radius:50%; object-fit:cover; border:2.5px solid var(--navy); margin-left:-10px; background:var(--grad);
}
.canli-avatarlar img:first-child{ margin-left:0; }
.canli-btn{
  position:relative; z-index:1; display:block; background:#fff; color:var(--navy) !important; padding:10px 20px;
  border-radius:999px; font-weight:800; font-size:0.82rem;
}

/* ---- canlı widget: masaüstü/mobil görünürlük ---- */
.canli-kutu-mobil{ display:none; }
@media (max-width:960px){
  .canli-kutu-masaustu{ display:none; }
  .canli-kutu-mobil{
    display:flex; align-items:center; gap:12px; margin-bottom:20px; padding:12px 16px;
    text-align:left;
  }
  .canli-kutu-mobil .canli-nokta{ margin:0; flex-shrink:0; }
  .canli-kutu-mobil .canli-govde{ margin-bottom:0; font-size:0.8rem; flex:1; min-width:0; }
  .canli-kutu-mobil .canli-govde b{ display:inline; font-size:1rem; margin-right:4px; }
  .canli-kutu-mobil .canli-avatarlar{ display:none; }
  .canli-kutu-mobil .canli-btn{ flex-shrink:0; padding:8px 14px; font-size:0.74rem; white-space:nowrap; }
}

/* ---- bülten aboneliği formu ---- */
.bulten-form{ display:flex; flex-direction:column; gap:10px; }
.bulten-input{
  width:100%; padding:11px 14px; border-radius:10px; border:1px solid var(--border);
  font-family:inherit; font-size:0.85rem; outline:none; transition:border-color .15s ease;
}
.bulten-input:focus{ border-color:var(--accent1); }
.bulten-buton{
  background:var(--grad); color:#fff; border:none; padding:11px 18px; border-radius:10px;
  font-weight:700; font-size:0.85rem; cursor:pointer; transition:opacity .15s ease;
}
.bulten-buton:hover{ opacity:0.9; }
.bulten-buton:disabled{ opacity:0.6; cursor:not-allowed; }
.bulten-mesaj{ font-size:0.78rem; font-weight:600; min-height:16px; }

/* ---- ekmek kırıntısı ---- */
.ekmek-kirintisi{
  display:flex; align-items:center; gap:8px; font-size:0.8rem; font-weight:600; color:var(--ink-faint);
  margin-bottom:22px; flex-wrap:wrap;
}
.ekmek-kirintisi a{ color:var(--ink-faint); transition:color .15s ease; }
.ekmek-kirintisi a:hover{ color:var(--accent1); }
.ekmek-kirintisi .ekmek-ayrac{ display:flex; align-items:center; opacity:0.5; }
.ekmek-kirintisi .ekmek-ayrac svg{ width:13px; height:13px; }
.ekmek-kirintisi .ekmek-aktif{ color:var(--ink); font-weight:700; max-width:280px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }

/* ---- paylaşım şeridi ---- */
.yazi-paylas-serit{
  display:flex; align-items:center; gap:14px; margin:36px 0; padding:18px 22px; background:var(--surface);
  border:1px solid var(--border); border-radius:16px; flex-wrap:wrap;
}
.yazi-paylas-etiket{ font-size:0.85rem; font-weight:700; color:var(--ink-dim); margin-right:4px; }
.yazi-paylas-butonlar{ display:flex; gap:10px; }
.paylas-btn{
  width:38px; height:38px; border-radius:50%; display:flex; align-items:center; justify-content:center;
  color:#fff; transition:transform .15s ease, opacity .15s ease; border:none; cursor:pointer;
}
.paylas-btn svg{ width:18px; height:18px; }
.paylas-btn:hover{ transform:translateY(-3px); opacity:0.9; }
.paylas-whatsapp{ background:#25D366; }
.paylas-facebook{ background:#1877F2; }
.paylas-twitter{ background:#000; }
.paylas-kopyala{ background:var(--ink-dim); }
.paylas-kopyala.kopyalandi{ background:#14B893; }

/* ---- İletişim sayfası ---- */
.iletisim-sarmal{
  max-width:1100px; margin:36px auto 60px; padding:0 24px;
  display:grid; grid-template-columns:1fr 1.3fr; gap:32px;
}
.iletisim-bilgi-karti{
  background:var(--navy); color:#fff; border-radius:var(--radius); padding:36px 30px;
  display:flex; flex-direction:column; gap:22px; height:fit-content;
}
.iletisim-bilgi-karti h1{ font-family:var(--serif); font-size:1.7rem; margin:0; }
.iletisim-bilgi-karti > p{ color:rgba(255,255,255,0.72); line-height:1.6; margin:0; font-size:0.92rem; }
.iletisim-yontem{ display:flex; align-items:center; gap:12px; }
.iletisim-yontem .ikon{
  width:42px; height:42px; border-radius:12px; background:var(--grad);
  display:flex; align-items:center; justify-content:center; flex-shrink:0;
}
.iletisim-yontem .ikon svg{ width:20px; height:20px; color:#fff; }
.iletisim-yontem b{ display:block; font-size:0.86rem; }
.iletisim-yontem span{ display:block; color:rgba(255,255,255,0.6); font-size:0.78rem; line-height:1.4; }
.iletisim-yontem a{ color:#fff; }

.iletisim-form-karti{
  background:var(--surface); border:1px solid var(--border); border-radius:var(--radius);
  padding:32px 30px; height:fit-content;
}
.iletisim-form-karti h2{ font-family:var(--serif); font-size:1.25rem; margin:0 0 6px; }
.iletisim-form-karti > p{ color:var(--ink-dim); font-size:0.86rem; margin:0 0 24px; }
.if-alan{ margin-bottom:16px; }
.if-alan label{ display:block; font-size:0.8rem; font-weight:700; margin-bottom:6px; }
.if-alan input, .if-alan textarea{
  width:100%; padding:12px 14px; border-radius:10px; border:1px solid var(--border);
  font-family:inherit; font-size:0.88rem; outline:none; transition:border-color .15s ease; resize:vertical;
}
.if-alan input:focus, .if-alan textarea:focus{ border-color:var(--accent1); }
.if-satir{ display:grid; grid-template-columns:1fr 1fr; gap:14px; }
.if-gonder-btn{
  background:var(--grad); color:#fff; border:none; padding:13px 26px; border-radius:10px;
  font-weight:700; font-size:0.9rem; cursor:pointer; transition:opacity .15s ease; width:100%;
}
.if-gonder-btn:hover{ opacity:0.9; }
.if-gonder-btn:disabled{ opacity:0.6; cursor:not-allowed; }
.if-mesaj{ font-size:0.82rem; font-weight:600; margin-top:14px; padding:12px 14px; border-radius:10px; display:none; }
.if-mesaj.basarili{ display:block; background:rgba(20,184,147,0.12); color:#0F9C7E; }
.if-mesaj.hatali{ display:block; background:rgba(243,66,95,0.1); color:var(--accent-warm); }

@media (max-width:820px){
  .iletisim-sarmal{ grid-template-columns:1fr; }
  .if-satir{ grid-template-columns:1fr; }
}