/* DARK PLUS — İçerik detay sayfası (özgün, görsel gövdede) */

/* ---------- Hero (görselsiz, temiz) ---------- */
.dk-dhero{ position:relative; overflow:hidden; padding:clamp(48px,8vh,84px) 0 clamp(30px,5vh,48px); border-bottom:1px solid var(--cizgi); }
.dk-dhero-orb{ position:absolute; width:520px; height:520px; border-radius:50%; background:var(--renk-p); filter:blur(120px); opacity:.28; top:-260px; left:50%; transform:translateX(-50%); pointer-events:none; }
.dk-dhero .kapsayici{ position:relative; z-index:1; }
.dk-dhero .ic-yol{ margin-bottom:18px; }
.dk-dhero-kat{ display:inline-flex; align-items:center; gap:7px; font-size:12.5px; font-weight:700; letter-spacing:.08em; text-transform:uppercase; color:var(--renk-s); background:color-mix(in srgb,var(--renk-s) 12%,transparent); border:1px solid color-mix(in srgb,var(--renk-s) 30%,transparent); padding:5px 13px; border-radius:100px; margin-bottom:16px; }
.dk-dhero h1{ font-size:clamp(21px,4.4vw,36px); line-height:1.12; font-weight:800; letter-spacing:-.02em; color:#fff; margin:0 0 20px; max-width:900px; }
.dk-dhero-meta{ display:flex; flex-wrap:wrap; gap:10px; }
.dk-pill{ display:inline-flex; align-items:center; gap:7px; font-size:13px; font-weight:600; color:var(--yazi-soluk); background:var(--kart); border:1px solid var(--cizgi); padding:6px 14px; border-radius:100px; -webkit-backdrop-filter:blur(8px); backdrop-filter:blur(8px); }
.dk-pill i{ color:var(--renk-s); }

/* ---------- Düzen ---------- */
.dk-detay-duzen{ display:grid; grid-template-columns:minmax(0,1fr) 320px; gap:44px; align-items:start; }
@media(max-width:920px){ .dk-detay-duzen{ grid-template-columns:1fr; } }
.dk-detay-ana{ min-width:0; }

/* ---------- İçerik görseli (gövdede, cam çerçeve) ---------- */
.dk-detay-gorsel{ margin:0 0 32px; border-radius:20px; overflow:hidden; border:1px solid var(--cizgi-2); box-shadow:var(--golge); }
.dk-detay-gorsel img{ width:100%; display:block; }

.dk-proje-meta{ display:flex; flex-wrap:wrap; gap:10px; margin-bottom:22px; }
.dk-detay-fiyat{ display:inline-block; font-size:26px; font-weight:800; color:var(--renk-s); margin-bottom:18px; }
.dk-detay-lead{ font-size:clamp(17px,2.2vw,20px); line-height:1.7; color:#c7d0e4; margin:0 0 26px; font-weight:500; border-left:3px solid var(--renk-s); padding-left:18px; }

/* ---------- İçerik tipografisi ---------- */
.dk-icerik{ font-size:16.5px; line-height:1.85; color:#c2cbdf; }
.dk-icerik h2,.dk-icerik h3,.dk-icerik h4{ color:#fff; margin:36px 0 14px; letter-spacing:-.01em; }
.dk-icerik h2{ font-size:26px; } .dk-icerik h3{ font-size:21px; }
.dk-icerik p{ margin:0 0 18px; }
.dk-icerik a{ color:var(--renk-s); text-decoration:underline; text-underline-offset:3px; }
.dk-icerik img{ max-width:100%; border-radius:14px; margin:16px 0; }
.dk-icerik ul,.dk-icerik ol{ margin:0 0 18px; padding-left:22px; }
.dk-icerik li{ margin-bottom:8px; }
.dk-icerik blockquote{ margin:22px 0; padding:16px 22px; border-left:3px solid var(--renk-s); background:var(--kart); border-radius:0 12px 12px 0; color:#c7d0e4; }
.dk-icerik code{ background:rgba(255,255,255,.06); padding:2px 7px; border-radius:6px; font-size:.9em; }

/* ---------- Galeri ---------- */
.dk-galeri{ display:grid; grid-template-columns:repeat(3,1fr); gap:12px; margin:28px 0; }
@media(max-width:560px){ .dk-galeri{ grid-template-columns:repeat(2,1fr); } }
.dk-galeri .dg-oge{ display:block; aspect-ratio:4/3; border-radius:14px; overflow:hidden; border:1px solid var(--cizgi); }
.dk-galeri .dg-oge img{ width:100%; height:100%; object-fit:cover; transition:.3s; }
.dk-galeri .dg-oge:hover img{ transform:scale(1.06); }

/* ---------- Etiketler / paylaş ---------- */
.dk-etiketler{ display:flex; flex-wrap:wrap; gap:9px; margin:30px 0; }
.dk-etiket{ font-size:13px; color:var(--yazi-soluk); background:var(--kart); border:1px solid var(--cizgi); padding:6px 13px; border-radius:100px; transition:.2s; }
.dk-etiket:hover{ color:#fff; border-color:color-mix(in srgb,var(--renk-s) 45%,var(--cizgi)); }
.dk-paylas{ display:flex; align-items:center; gap:12px; margin:30px 0; padding-top:24px; border-top:1px solid var(--cizgi); }
.dk-paylas-et{ font-weight:700; color:var(--yazi-soluk); font-size:14px; }
.dk-paylas a{ width:40px; height:40px; display:grid; place-items:center; border-radius:11px; background:var(--kart); border:1px solid var(--cizgi); color:var(--yazi); transition:.2s; }
.dk-paylas a:hover{ background:var(--renk-s); color:#04121a; border-color:transparent; transform:translateY(-2px); }

/* ---------- Yorumlar ---------- */
.dk-yorumlar{ margin-top:44px; padding-top:32px; border-top:1px solid var(--cizgi); }
.dk-yorumlar h2{ font-size:24px; color:#fff; margin:0 0 22px; }
.dk-yorumlar h2 span{ color:var(--yazi-soluk); font-weight:500; }
.dk-yorum-liste{ display:flex; flex-direction:column; gap:16px; margin-bottom:30px; }
.dk-yorum{ display:flex; gap:14px; background:var(--kart); border:1px solid var(--cizgi); border-radius:14px; padding:18px 20px; }
.dk-yorum-av{ width:44px; height:44px; flex:0 0 auto; border-radius:12px; display:grid; place-items:center; font-weight:800; font-size:18px; color:#fff; background:linear-gradient(135deg,var(--renk-p),var(--renk-s)); }
.dk-yorum-bas{ margin-bottom:5px; } .dk-yorum-bas strong{ color:#fff; } .dk-yorum-bas span{ color:var(--yazi-soluk); font-size:13px; margin-left:8px; }
.dk-yorum p{ margin:0; color:#c2cbdf; line-height:1.65; }
.dk-yorum-form{ background:var(--kart); border:1px solid var(--cizgi); border-radius:16px; padding:26px; }
.dk-yorum-form h3{ color:#fff; margin:0 0 18px; }

/* ---------- Sidebar ---------- */
.dk-detay-yan{ position:sticky; top:90px; display:flex; flex-direction:column; gap:18px; }
.dk-yan-blok{ background:var(--kart); border:1px solid var(--cizgi); border-radius:16px; padding:22px; -webkit-backdrop-filter:blur(10px); backdrop-filter:blur(10px); }
.dk-yan-blok h3{ font-size:16px; color:#fff; margin:0 0 16px; padding-bottom:12px; border-bottom:1px solid var(--cizgi); }
.dk-yan-arama{ display:flex; gap:8px; }
.dk-yan-arama input{ flex:1; min-width:0; padding:12px 14px !important; border-radius:11px !important; }
.dk-yan-arama button{ width:46px; height:46px; flex:0 0 auto; border:none; border-radius:11px; background:var(--renk-s); color:#04121a; cursor:pointer; font-size:15px; display:grid; place-items:center; transition:.2s; }
.dk-yan-arama button:hover{ background:#fff; }
.dk-yan-yazilar{ list-style:none; margin:0; padding:0; display:flex; flex-direction:column; gap:14px; }
.dk-yan-yazilar a{ display:flex; gap:12px; align-items:center; }
.dk-yy-gorsel{ width:56px; height:56px; flex:0 0 auto; border-radius:11px; overflow:hidden; background:#0f1626; display:grid; place-items:center; color:var(--yazi-soluk); }
.dk-yy-gorsel img{ width:100%; height:100%; object-fit:cover; }
.dk-yy-ad{ font-size:14px; font-weight:600; color:var(--yazi); line-height:1.35; }
.dk-yan-yazilar a:hover .dk-yy-ad{ color:var(--renk-s); }
.dk-yy-ad small{ display:block; color:var(--yazi-soluk); font-weight:400; font-size:12px; margin-top:3px; }
.dk-yan-yazilar a.aktif .dk-yy-ad{ color:var(--renk-s); }
.dk-yan-kat{ list-style:none; margin:0; padding:0; }
.dk-yan-kat li{ border-bottom:1px solid var(--cizgi); }
.dk-yan-kat li:last-child{ border-bottom:none; }
.dk-yan-kat a{ display:flex; justify-content:space-between; align-items:center; padding:11px 0; color:var(--yazi); font-size:14.5px; }
.dk-yan-kat a:hover{ color:var(--renk-s); }
.dk-yan-kat em{ font-style:normal; font-size:12px; color:var(--yazi-soluk); background:rgba(255,255,255,.05); padding:2px 9px; border-radius:100px; }
.dk-yan-liste{ list-style:none; margin:0; padding:0; }
.dk-yan-liste a{ display:flex; align-items:center; gap:10px; padding:10px 0; color:var(--yazi); font-size:14.5px; border-bottom:1px solid var(--cizgi); }
.dk-yan-liste li:last-child a{ border-bottom:none; }
.dk-yan-liste a:hover{ color:var(--renk-s); } .dk-yan-liste i{ color:var(--renk-s); }