/* ═══════════════════════════════════════════════════════════════════
   Dokuzgen modül sayfaları (deneme analiz, akıllı kitap, kurum, koçluk …)
   Eski dg-* içerik bileşenlerini dokuzgen-anasayfa'nın ks tasarımına uyarlar:
   renkler, yazı tipi, kahraman (hero) bölümleri, butonlar, kartlar.
   dokuzgen-site.css'ten SONRA yüklenir; üst menü / alt bilgi DokuzgenSiteLayout (ks-*) ile gelir.
   ═══════════════════════════════════════════════════════════════════ */

:root {
    --dg-bg: var(--ks-bg);
    --dg-text: var(--ks-text);
    --dg-muted: var(--ks-muted);
    --dg-line: var(--ks-line);
    --dg-indigo: var(--ks-violet);
    --dg-indigo-2: #5B2EE8;
    --dg-sky: var(--ks-blue);
    --dg-soft: rgba(106, 60, 242, .1);
    --dg-gold: var(--ks-orange);
    --dg-shadow: var(--ks-shadow);
}

body.dg-body.ko-body {
    font-family: "Poppins", system-ui, -apple-system, "Segoe UI", sans-serif;
    background: var(--ks-bg);
    color: var(--ks-text);
}
.dgk .dg-page h1, .dgk .dg-page h2, .dgk .dg-page h3 { font-weight: 800; letter-spacing: -.035em; }
.dgk .dg-page p { line-height: 1.7; }
.dgk .dg-page { padding-top: 2rem; }

/* ── Kahraman bölümleri: ana sayfadaki mor→mavi degrade ─────────────── */
.dgk .dg-exam-hero, .dgk .dg-book-hero, .dgk .dg-coach-hero, .dgk .dg-role-hero,
.dgk .dg-student-hero, .dgk .dg-inst-hero, .dgk .dg-contact-hero, .dgk .dg-pub-hero {
    position: relative; overflow: hidden; isolation: isolate;
    background: var(--ks-grad) !important;
    border: 0 !important; border-radius: 30px;
    box-shadow: var(--ks-shadow-lg);
    color: #fff;
}
.dgk .dg-pub-hero { padding: clamp(1.6rem, 4vw, 3.4rem); }
/* eski açık renkli süs katmanları yerine ana sayfadaki mavi parıltı */
.dgk .dg-book-hero:after, .dgk .dg-inst-hero:before { display: none; }
.dgk .dg-exam-hero:before, .dgk .dg-book-hero:before, .dgk .dg-coach-hero:before, .dgk .dg-role-hero:before,
.dgk .dg-student-hero:before, .dgk .dg-contact-hero:before, .dgk .dg-pub-hero:before {
    content: ""; position: absolute; z-index: -1; left: -200px; bottom: -260px; width: 620px; height: 620px; border-radius: 50%;
    background: radial-gradient(circle, rgba(56, 189, 248, .45), transparent 65%); pointer-events: none;
}
.dgk [class*="-hero"] > * { position: relative; z-index: 1; }

/* Kahraman metni */
.dgk [class*="-hero"] h1 { color: #fff; }
.dgk [class*="-hero"] h1 em, .dgk [class*="-hero"] h1 span {
    font-style: normal; background: linear-gradient(90deg, #FFC53D, #FF8A4C) !important;
    -webkit-background-clip: text !important; background-clip: text !important; color: transparent !important;
}
.dgk .dg-exam-copy > p, .dgk .dg-inst-hero-copy > p,
.dgk [class*="-hero"] > div:first-child > p { color: rgba(255, 255, 255, .84); }
.dgk [class*="-hero"] .dg-kicker {
    padding: .45rem .95rem; border-radius: 999px; border: 1px solid rgba(255, 255, 255, .25);
    background: rgba(255, 255, 255, .1); color: #fff; letter-spacing: .04em;
    -webkit-backdrop-filter: blur(6px); backdrop-filter: blur(6px);
}
/* Kahramandaki kart / ekran örnekleri beyaz kalsın, metinleri koyu */
.dgk [class*="-hero"] article, .dgk [class*="-hero"] [class*="card"], .dgk [class*="-hero"] [class*="screen"],
.dgk [class*="-hero"] [class*="panel"], .dgk [class*="-hero"] [class*="window"], .dgk [class*="-hero"] [class*="mock"] {
    color: var(--ks-text);
}

/* Kahramandaki beyaz kartlar (iletişim kartı, kurum paneli örneği): koyu metin */
.dgk .dg-contact-side, .dgk .dg-inst-dashboard { color: var(--ks-text); }
/* Koyu degradeli kartlar: beyaz metin */
.dgk .dg-phone-card.main, .dgk .dg-phone-card.main * { color: #fff; }
/* Koyu bantlardaki küçük etiket: ana sayfadaki gibi sarı */
.dgk .dg-student-aigen .dg-kicker, .dgk .dg-coach-ai .dg-kicker, .dgk .dg-book-cta .dg-kicker,
.dgk .dg-exam-ai .dg-kicker { color: var(--ks-yellow) !important; }

/* ── Butonlar ──────────────────────────────────────────────────────── */
.dgk .dg-btn {
    min-height: 48px; padding: 0 1.4rem; border-radius: 14px; font-weight: 700;
    display: inline-flex; align-items: center; justify-content: center; gap: .5rem;
    transition: transform .15s, background-color .15s, box-shadow .15s, color .15s, border-color .15s;
}
.dgk .dg-btn:hover { transform: translateY(-2px); }
.dgk .dg-btn-primary, .dgk .dg-btn-gold {
    background: var(--ks-orange) !important; color: #fff !important; border-color: transparent !important;
    box-shadow: 0 10px 24px rgba(255, 106, 43, .35);
}
.dgk .dg-btn-primary:hover, .dgk .dg-btn-gold:hover { background: var(--ks-orange-2) !important; }
.dgk [class*="-hero"]:not(.dg-hero-actions) .dg-btn-ghost {
    background: rgba(255, 255, 255, .06); color: #fff; border: 2px solid rgba(255, 255, 255, .45);
}
.dgk [class*="-hero"]:not(.dg-hero-actions) .dg-btn-ghost:hover { background: rgba(255, 255, 255, .16); color: #fff; border-color: rgba(255, 255, 255, .6); }

/* ── Bölüm başlıkları, kartlar ─────────────────────────────────────── */
.dgk .dg-section-head > span {
    background: var(--ks-grad); color: #fff; border-radius: 14px; box-shadow: 0 10px 22px rgba(91, 46, 232, .25);
}
.dgk .dg-section-head h2 { font-size: clamp(1.6rem, 3.2vw, 2.5rem); }
.dgk .dg-kicker { color: var(--ks-violet); }
.dgk .dg-page section { scroll-margin-top: 90px; }
.dgk .dg-page article {
    border-radius: var(--ks-radius); border-color: var(--ks-line);
    box-shadow: var(--ks-shadow); transition: transform .2s, box-shadow .2s;
}
.dgk .dg-page article:hover { transform: translateY(-4px); box-shadow: 0 26px 60px rgba(14, 11, 61, .12); }
.dgk .dg-page article > i:first-child, .dgk .dg-page article > .fas:first-child {
    color: var(--ks-violet);
}
/* degrade kutulu ikonlar: yukarıdaki mor kural kutuyla aynı renge boyuyordu, glif beyaz olmalı */
.dgk .dg-page :is(.dg-feature-card, .dg-exam-ready-grid article, .dg-personal-grid article, .dg-program-right article,
    .dg-coach-module-grid article, .dg-student-module-grid article, .dg-role-grid article) > i:first-child { color: #fff; }
/* koyu zeminli kartlar: açık ikon */
.dgk .dg-page :is(.dg-xray-cards article, .dg-analytics-card) > i:first-child { color: #A5B4FC; }

/* Koyu vurgu bantları (yapay zekâ, CTA) ana sayfanın koyu degradesiyle */
.dgk .dg-exam-ai, .dgk .dg-pub-cta {
    background: var(--ks-grad-dark) !important; color: #fff; border: 0 !important; border-radius: 30px;
}
.dgk .dg-exam-ai h2, .dgk .dg-pub-cta h2 { color: #fff; }
.dgk .dg-exam-ai p, .dgk .dg-pub-cta p { color: rgba(255, 255, 255, .8); }
.dgk .dg-exam-ai .dg-kicker { color: var(--ks-yellow); }

/* Mobil alt çubuk sayfa sonunu örtmesin (ks-mbar) */
@media (max-width: 991.98px) {
    .dgk .dg-page { padding-bottom: 2rem; }
}

/* ── OTOMATİK: dokuzgen-site.css'teki sabit eski maviler → ks paleti (yalnız .dgk sayfaları) ──
   Üretim: dokuzgen-site.css taranıp renk içeren özellikler eşlendi. Elle düzenlemeyin; yeniden üretin. */
.dgk .dg-cat-cover.c1 {
    background: linear-gradient(135deg, #6A3CF2, #2F6BFF);
}
.dgk .dg-cat-cover.c2 {
    background: linear-gradient(135deg, #2F6BFF, #14b8a6);
}
.dgk .dg-cat-cover.c3 {
    background: linear-gradient(135deg, #0e7490, #6A3CF2);
}
.dgk .dg-cat-cover.c4 {
    background: linear-gradient(135deg, #221E86, #38bdf8);
}
.dgk .dg-cat-cover.c5 {
    background: linear-gradient(135deg, #0f766e, #2F6BFF);
}
.dgk .dg-cat-cover.c6 {
    background: linear-gradient(135deg, #3C3FE8, #22c55e);
}
.dgk .dg-cat-cover.c7 {
    background: linear-gradient(135deg, #221E86, #0f766e);
}
.dgk .dg-cat-cover.c8 {
    background: linear-gradient(135deg, #6A3CF2, #22c55e);
}
.dgk .dg-cat-cover.c9 {
    background: linear-gradient(135deg, #4F35E0, #14b8a6);
}
.dgk .dg-cat-cover.c10 {
    background: linear-gradient(135deg, #0E0B3D, #2F6BFF);
}
.dgk .dg-home-showcase-head {
    background: radial-gradient(circle at 10% 15%, rgba(47, 107, 255,.15), transparent 26%), radial-gradient(circle at 90% 20%, rgba(34,197,94,.12), transparent 26%), #fff;
}
.dgk .dg-home-lanes article:before {
    background: rgba(47, 107, 255,.12);
}
.dgk .dg-card-fallback a:hover {
    color: #5B2EE8;
}
.dgk .dg-inst-hero {
    border: 1px solid #E2DAFE;
    background: radial-gradient(circle at 12% 18%, rgba(106, 60, 242,.18), transparent 30%), radial-gradient(circle at 86% 15%, rgba(47, 107, 255,.20), transparent 28%), linear-gradient(135deg, #ffffff 0%, #F0ECFF 50%, #e0f7ff 100%);
}
.dgk .dg-inst-hero:before {
    background: linear-gradient(90deg, rgba(106, 60, 242,.14), rgba(47, 107, 255,.12));
}
.dgk .dg-dash-row i b {
    background: linear-gradient(90deg, #6A3CF2, #2F6BFF);
}
.dgk .dg-dash-mini div {
    background: #F0ECFF;
    color: #5B2EE8;
}
.dgk .dg-feature-card:after {
    background: rgba(106, 60, 242,.08);
}
.dgk .dg-feature-card > i {
    background: linear-gradient(135deg, #6A3CF2, #2F6BFF);
}
.dgk .dg-inst-dark {
    background: radial-gradient(circle at top right, rgba(106, 60, 242,.34), transparent 36%), linear-gradient(135deg, #0f172a, #083344 58%, #221E86);
}
.dgk .dg-mini-bars i {
    background: linear-gradient(90deg, #2F6BFF, #38bdf8);
}
.dgk .dg-finance-board article {
    background: linear-gradient(135deg, #6A3CF2, #3C3FE8);
}
.dgk .dg-book-hero {
    border: 1px solid #DDD3FD;
    background: radial-gradient(circle at 14% 12%, rgba(47, 107, 255,.20), transparent 32%), radial-gradient(circle at 88% 18%, rgba(20,184,166,.18), transparent 28%), linear-gradient(135deg, #f8fdff 0%, #F0ECFF 48%, #ffffff 100%);
}
.dgk .dg-book-hero:after {
    background: linear-gradient(135deg, rgba(47, 107, 255,.16), rgba(20,184,166,.16));
}
.dgk .dg-book-copy h1 em {
    color: #6A3CF2;
}
.dgk .dg-book-cover {
    background: linear-gradient(145deg, rgba(255,255,255,.18), transparent 34%), linear-gradient(160deg, #5B2EE8 0%, #6A3CF2 45%, #2F6BFF 100%);
}
.dgk .dg-book-panel-head span {
    color: #6A3CF2;
}
.dgk .dg-book-result div {
    background: #F0ECFF;
    border: 1px solid #E2DAFE;
}
.dgk .dg-book-result strong {
    color: #5B2EE8;
}
.dgk .dg-book-steps small {
    background: #F0ECFF;
    color: #6A3CF2;
}
.dgk .dg-book-split {
    background: radial-gradient(circle at 90% 20%, rgba(47, 107, 255,.16), transparent 30%), #ffffff;
}
.dgk .dg-book-list i {
    color: #2F6BFF;
}
.dgk .dg-book-analytics {
    background: linear-gradient(135deg, #0E0B3D, #221E86);
}
.dgk .dg-book-bar em {
    color: #D9CEFC;
}
.dgk .dg-book-benefits i {
    color: #6A3CF2;
}
.dgk .dg-book-cta {
    background: radial-gradient(circle at 15% 20%, rgba(56,189,248,.20), transparent 34%), linear-gradient(135deg, #0E0B3D, #221E86);
}
.dgk .dg-exam-hero {
    border: 1px solid #DDD3FD;
    background: radial-gradient(circle at 12% 14%, rgba(47, 107, 255,.18), transparent 30%), radial-gradient(circle at 88% 18%, rgba(34,197,94,.14), transparent 26%), linear-gradient(135deg, #f8fdff 0%, #F0ECFF 52%, #ffffff 100%);
}
.dgk .dg-exam-copy h1 em {
    color: #6A3CF2;
}
.dgk .dg-exam-radar {
    background: radial-gradient(circle at center, rgba(47, 107, 255,.16), transparent 34%), rgba(255,255,255,.66);
}
.dgk .dg-radar-core {
    background: linear-gradient(135deg, #221E86, #2F6BFF);
    box-shadow: 0 18px 46px rgba(47, 107, 255,.30);
}
.dgk .dg-exam-ready-grid i,
.dgk .dg-personal-grid i {
    background: linear-gradient(135deg, #6A3CF2, #2F6BFF);
}
.dgk .dg-exam-xray {
    background: radial-gradient(circle at 86% 12%, rgba(47, 107, 255,.28), transparent 34%), linear-gradient(135deg, #0E0B3D, #221E86 58%, #0f172a);
}
.dgk .dg-xray-head span {
    color: #D9CEFC;
}
.dgk .dg-xray-line em {
    color: #D9CEFC;
}
.dgk .dg-xray-note {
    background: rgba(47, 107, 255,.14);
}
.dgk .dg-ai-msg.user {
    background: linear-gradient(135deg, #6A3CF2, #2F6BFF);
}
.dgk .dg-student-aigen .dg-ai-msg.user,
.dgk .dg-exam-ai .dg-ai-msg.user {
    background: rgba(47, 107, 255,.28);
}
.dgk .dg-coach-hero {
    border: 1px solid #DDD3FD;
    background: radial-gradient(circle at 14% 16%, rgba(20,184,166,.18), transparent 30%), radial-gradient(circle at 84% 18%, rgba(47, 107, 255,.20), transparent 28%), linear-gradient(135deg, #f8fdff 0%, #F0ECFF 52%, #ffffff 100%);
}
.dgk .dg-coach-copy h1 em {
    color: #6A3CF2;
}
.dgk .dg-coach-student {
    background: linear-gradient(135deg, #221E86, #2F6BFF);
}
.dgk .dg-coach-task span {
    color: #6A3CF2;
}
.dgk .dg-program-left {
    background: radial-gradient(circle at 85% 14%, rgba(45,212,191,.18), transparent 34%), linear-gradient(135deg, #0E0B3D, #221E86);
}
.dgk .dg-program-select small {
    color: #D9CEFC;
}
.dgk .dg-program-right i,
.dgk .dg-coach-module-grid i {
    background: linear-gradient(135deg, #6A3CF2, #2F6BFF);
}
.dgk .dg-student-hero {
    border: 1px solid #DDD3FD;
    background: radial-gradient(circle at 15% 16%, rgba(47, 107, 255,.18), transparent 32%), radial-gradient(circle at 85% 18%, rgba(34,197,94,.14), transparent 28%), linear-gradient(135deg, #f8fdff 0%, #F0ECFF 52%, #ffffff 100%);
}
.dgk .dg-student-copy h1 em {
    color: #6A3CF2;
}
.dgk .dg-phone-card.main {
    background: linear-gradient(135deg, #221E86, #2F6BFF);
}
.dgk .dg-phone-ai {
    background: rgba(47, 107, 255,.16);
}
.dgk .dg-student-flow-grid small {
    color: #6A3CF2;
    background: #F0ECFF;
}
.dgk .dg-student-module-grid i {
    background: linear-gradient(135deg, #6A3CF2, #2F6BFF);
}
.dgk .dg-role-hero {
    border: 1px solid #DDD3FD;
    background: radial-gradient(circle at 14% 16%, rgba(47, 107, 255,.18), transparent 32%), radial-gradient(circle at 84% 18%, rgba(34,197,94,.14), transparent 28%), linear-gradient(135deg, #f8fdff 0%, #F0ECFF 52%, #ffffff 100%);
}
.dgk .dg-role-hero.parent {
    background: radial-gradient(circle at 14% 16%, rgba(34,197,94,.14), transparent 32%), radial-gradient(circle at 84% 18%, rgba(47, 107, 255,.18), transparent 28%), linear-gradient(135deg, #ffffff 0%, #eefdf7 46%, #F0ECFF 100%);
}
.dgk .dg-role-hero h1 em {
    color: #6A3CF2;
}
.dgk .dg-role-mock-head span {
    color: #6A3CF2;
}
.dgk .dg-role-row b {
    color: #6A3CF2;
}
.dgk .dg-role-grid i {
    background: linear-gradient(135deg, #6A3CF2, #2F6BFF);
}
.dgk .dg-contact-hero {
    border: 1px solid #DDD3FD;
    background: radial-gradient(circle at 12% 18%, rgba(47, 107, 255,.18), transparent 32%), linear-gradient(135deg, #f8fdff, #ffffff);
}
.dgk .dg-contact-hero h1 em {
    color: #6A3CF2;
}
.dgk .dg-contact-side i {
    background: linear-gradient(135deg, #6A3CF2, #2F6BFF);
}
.dgk .dg-cf input.dg-btn,
.dgk .dg-cf input[type="submit"],
.dgk .dg-cf .dg-btn-primary {
    background: #5B2EE8 !important;
}
.dgk .dg-cf input.dg-btn:hover,
.dgk .dg-cf input[type="submit"]:hover,
.dgk .dg-cf .dg-btn-primary:hover {
    background: #6A3CF2 !important;
}
.dgk .dg-login-shell {
    border: 1px solid #DDD3FD;
    background: radial-gradient(circle at 12% 18%, rgba(47, 107, 255,.16), transparent 32%), linear-gradient(135deg, #f8fdff, #ffffff);
}
.dgk .dg-login-copy h1 em {
    color: #6A3CF2;
}
.dgk .dg-pub-photo {
    border: 1px solid #E2DAFE;
}
/* Dokuzgen illüstrasyonları (SVG): fotoğraf çerçevesi yerine yumuşak gölge */
.dgk .dg-pub-photo, .dgk .dg-contact-art {
    margin: 0; border: 0; border-radius: 24px; overflow: hidden; background: transparent;
    box-shadow: 0 24px 60px rgba(14, 11, 61, .35);
}
.dgk .dg-contact-art img { display: block; width: 100%; height: auto; }
/* e-posta kartının içindeki metin bloğu ikinci bir kart gibi çizilmesin */
.dgk .dg-contact-side a > div { padding: 0; border: 0; background: none; display: block; }
.dgk .dg-contact-side a { align-items: center; }
/* dokuzgen-site.css'teki mobil kural, ondan sonra gelen ana kural tarafından eziliyordu */
@media (max-width: 980px) {
    .dgk .dg-contact-hero, .dgk .dg-contact-grid { grid-template-columns: 1fr; }
}
.dgk .dg-pub-covers article { border: 0; background: #16135F; }
.dgk .dg-pub-covers div { background: linear-gradient(180deg, transparent, rgba(14, 11, 61, .9) 42%); }
.dgk .dg-pub-level-grid article.is-featured {
    box-shadow: 0 14px 36px rgba(106, 60, 242, .12);
}
.dgk .dg-pub-steps em {
    background: linear-gradient(135deg, #6A3CF2, #2F6BFF);
}
.dgk .dg-pub-cta {
    background: linear-gradient(120deg, #6A3CF2, #2F6BFF);
}
.dgk .dg-pub-cta .dg-btn-primary {
    color: #6A3CF2;
}
/* mor bant üzerindeki ikincil düğme: beyaz zemin + beyaz yazı görünmüyordu */
.dgk .dg-pub-cta .dg-btn-ghost { background: transparent; color: #fff; border: 2px solid rgba(255, 255, 255, .55); }
.dgk .dg-pub-cta .dg-btn-ghost:hover { background: rgba(255, 255, 255, .14); color: #fff; }
/* ── OTOMATİK SON ── */

/* ═══════════════════════════════════════════════════════════════════
   Giriş · Hızlı sipariş · Ödeme · Ödeme sonucu / bildirimi
   (dokuzgen-giris, hizlisiparis, dokuzgen-siparis, dokuzgen-odeme*)
   ═══════════════════════════════════════════════════════════════════ */

/* Ortak form alanları: ks yuvarlaklığı + mor odak halkası */
.dgk .dg-cf input, .dgk .dg-cf select, .dgk .dg-cf textarea,
.dgk .dg-field input, .dgk .dg-field textarea, .dgk .dg-input,
.dgk .dg-co-field input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]),
.dgk .dg-co-field textarea, .dgk .dg-co-field .form-control {
    background: #fff; border: 1px solid var(--ks-line); border-radius: 14px; min-height: 50px; color: var(--ks-text);
    transition: border-color .15s, box-shadow .15s;
}
.dgk .dg-cf textarea, .dgk .dg-field textarea, .dgk .dg-co-field textarea { min-height: 110px; }
.dgk .dg-cf input:focus, .dgk .dg-cf select:focus, .dgk .dg-cf textarea:focus,
.dgk .dg-field input:focus, .dgk .dg-field textarea:focus, .dgk .dg-input:focus,
.dgk .dg-co-field input:focus, .dgk .dg-co-field textarea:focus {
    outline: none; border-color: var(--ks-violet); box-shadow: 0 0 0 4px rgba(106, 60, 242, .14);
}
.dgk .dg-cf label, .dgk .dg-field label, .dgk .dg-co-field label, .dgk .dg-co-field .dg-co-label { color: var(--ks-muted); font-weight: 700; }
.dgk .dg-alert { border-radius: 14px; }

/* ── Giriş ─────────────────────────────────────────────────────────── */
.dgk .dg-login-page { padding-top: 2rem; padding-bottom: 3rem; }
.dgk .dg-login-shell {
    position: relative; overflow: hidden; isolation: isolate;
    background: var(--ks-grad) !important; border: 0 !important; border-radius: 30px;
    box-shadow: var(--ks-shadow-lg); color: #fff; padding: clamp(1.4rem, 4vw, 3.2rem);
}
.dgk .dg-login-shell:before {
    content: ""; position: absolute; z-index: -1; left: -200px; bottom: -260px; width: 620px; height: 620px; border-radius: 50%;
    background: radial-gradient(circle, rgba(56, 189, 248, .45), transparent 65%); pointer-events: none;
}
.dgk .dg-login-copy .dg-kicker {
    display: inline-flex; padding: .45rem .95rem; border-radius: 999px; border: 1px solid rgba(255, 255, 255, .25);
    background: rgba(255, 255, 255, .1); color: #fff; letter-spacing: .04em;
}
.dgk .dg-login-copy h1 { color: #fff; margin-top: 1rem; }
.dgk .dg-login-copy h1 em {
    background: linear-gradient(90deg, #FFC53D, #FF8A4C); -webkit-background-clip: text; background-clip: text; color: transparent;
}
.dgk .dg-login-copy p { color: rgba(255, 255, 255, .84); }
.dgk .dg-login-copy .dg-list li { color: #fff; font-weight: 600; }
.dgk .dg-login-copy .dg-list li i { color: var(--ks-yellow); }
.dgk .dg-login-card {
    border: 0; border-radius: 24px; padding: clamp(1.25rem, 3vw, 2rem);
    box-shadow: 0 30px 70px rgba(14, 11, 61, .3); color: var(--ks-text);
}
.dgk .dg-login-card h2 { font-weight: 800; letter-spacing: -.03em; }
.dgk .dg-cf .dg-btn-primary.dg-login-submit {
    background: var(--ks-orange) !important; min-height: 52px; border-radius: 14px; font-size: 1rem;
    box-shadow: 0 10px 24px rgba(255, 106, 43, .35);
}
.dgk .dg-cf .dg-btn-primary.dg-login-submit:hover { background: var(--ks-orange-2) !important; }
/* dokuzgen-site.css'te mobil tek sütun kuralı temel kuraldan önce geldiği için hiç uygulanmıyordu */
@media (max-width: 980px) {
    .dgk .dg-login-shell { grid-template-columns: 1fr; }
    .dgk .dg-login-copy h1 { margin-top: .6rem; }
}
@media (max-width: 767.98px) {
    .dgk .dg-login-page { padding-top: 1rem; padding-bottom: 1.5rem; }
    .dgk .dg-login-shell { border-radius: 22px; padding: 1rem; }
    .dgk .dg-login-card { border-radius: 18px; }
}

/* ── Hızlı sipariş ─────────────────────────────────────────────────── */
.dgk.dg-checkout .dg-co { padding-top: 1.75rem; }
.dgk .dg-co-step.active .dg-co-dot, .dgk .dg-co-step.active i { background: var(--ks-grad); }
.dgk .dg-co-hero {
    background: var(--ks-grad) !important; border-radius: 26px; box-shadow: var(--ks-shadow-lg); isolation: isolate;
}
.dgk .dg-co-hero:before {
    content: ""; position: absolute; z-index: 0; left: -160px; bottom: -220px; width: 480px; height: 480px; border-radius: 50%;
    background: radial-gradient(circle, rgba(56, 189, 248, .4), transparent 65%); pointer-events: none;
}
.dgk .dg-co-hero h1 { color: #fff; font-weight: 800; }
.dgk .dg-co-kicker {
    padding: .35rem .8rem; border-radius: 999px; background: rgba(255, 255, 255, .12);
    border: 1px solid rgba(255, 255, 255, .22); opacity: 1;
}
.dgk .dg-co-to-form { color: var(--ks-violet); border-radius: 14px; min-height: 48px; }
.dgk .dg-co-to-form:hover { color: #5B2EE8; transform: translateY(-1px); }
.dgk .dg-co-form, .dgk .dg-co-landing, .dgk .dg-co-error, .dgk .dg-co-guide-item {
    border-color: var(--ks-line); box-shadow: var(--ks-shadow);
}
.dgk .dg-co-form, .dgk .dg-co-landing, .dgk .dg-co-error { border-radius: var(--ks-radius); scroll-margin-top: 92px; }
.dgk .dg-co-guide-item i { background: #F0ECFF; color: var(--ks-violet); }
.dgk .dg-co-form-head h2 { font-weight: 800; }
.dgk .dg-co-block { background: #FAF9FF; border-color: #ECE7FD; }
.dgk .dg-co-num { background: var(--ks-grad); }
.dgk .dg-co-pay-opt, .dgk .dg-co-taksit-opt { border-color: var(--ks-line); transition: border-color .15s, box-shadow .15s, background-color .15s; }
.dgk .dg-co-pay-opt:hover, .dgk .dg-co-taksit-opt:hover { border-color: #C9BAFB; }
.dgk .dg-co-pay-opt:has(input:checked), .dgk .dg-co-taksit-opt:has(input:checked) {
    border-color: var(--ks-violet); background: #F5F2FF; box-shadow: 0 0 0 3px rgba(106, 60, 242, .12);
}
.dgk .dg-co-submit { min-height: 54px; border-radius: 14px; }
/* Kod giriş kartı: üstte ana sayfa degradesi */
.dgk .dg-co-landing, .dgk .dg-co-error { position: relative; overflow: hidden; margin-top: 2.5rem; padding: 2rem 1.6rem 1.8rem; }
.dgk .dg-co-landing:before, .dgk .dg-co-error:before {
    content: ""; position: absolute; inset: 0 0 auto 0; height: 6px; background: var(--ks-grad);
}
.dgk .dg-co-landing h2, .dgk .dg-co-error h2 { font-weight: 800; letter-spacing: -.03em; }
@media (max-width: 820px) {
    .dgk .dg-co-hero { border-radius: 20px; }
    .dgk .dg-co-sticky { border-top-color: var(--ks-line); box-shadow: 0 -10px 30px rgba(14, 11, 61, .12); }
}
/* Sipariş sayfasında ks-mbar yok; kendi sabit çubuğu var */
@media (max-width: 767.98px) { body.dgk.dg-checkout { padding-bottom: 0; } }

/* ── Ödeme / sonuç / bildirim ──────────────────────────────────────── */
.ks-header-sade .ks-header-inner { justify-content: space-between; height: 68px; }
.ks-sade-not {
    display: inline-flex; align-items: center; gap: .45rem; color: rgba(255, 255, 255, .88);
    font-size: .85rem; font-weight: 600;
}
.ks-sade-not i { color: #4ADE80; }
.dgk .dg-pay-page { padding-top: 1.75rem; padding-bottom: 3rem; }
@media (max-width: 767.98px) { body.dgk:has(.dg-pay-page) { padding-bottom: 0; } }
.dgk .dg-steps { gap: .45rem; align-items: center; }
.dgk .dg-steps a, .dgk .dg-steps span {
    padding: .4rem .8rem; border-radius: 999px; background: #fff; border: 1px solid var(--ks-line); color: var(--ks-muted);
}
.dgk .dg-steps span.active { background: var(--ks-grad); color: #fff; border-color: transparent; }
.dgk .dg-form-card, .dgk .dg-summary, .dgk .dg-result {
    border-color: var(--ks-line); border-radius: var(--ks-radius); box-shadow: var(--ks-shadow);
}
.dgk .dg-form-card h2 { font-weight: 800; letter-spacing: -.03em; }
.dgk .dg-form-card h2 i { color: var(--ks-violet); }
.dgk .dg-summary { position: relative; overflow: hidden; }
.dgk .dg-summary:before { content: ""; position: absolute; inset: 0 0 auto 0; height: 5px; background: var(--ks-grad); }
.dgk .dg-summary h4 { font-weight: 800; }
.dgk .dg-price { font-weight: 800; background: var(--ks-grad); -webkit-background-clip: text; background-clip: text; color: transparent; }
.dgk .dg-price s { -webkit-text-fill-color: var(--ks-muted); }
.dgk .dg-card-lock { background: #F0ECFF; border-color: #DDD3FD; color: #4F35E0; border-radius: 14px; }
.dgk .dg-card-bin { border-radius: 12px; }
.dgk button.dg-btn.dg-card-submit { min-height: 54px; }
.dgk .dg-pay-iframe { border-radius: 16px; }
.dgk .dg-result { padding: clamp(2rem, 5vw, 3.4rem) 1.2rem; }
.dgk .dg-result > p > i {
    background: var(--ks-grad); -webkit-background-clip: text; background-clip: text; color: transparent;
}
.dgk .dg-result h1, .dgk .dg-result h2 { font-weight: 800; letter-spacing: -.03em; }
.dgk .dg-paid-box { background: #FAF9FF; border-color: #ECE7FD; border-radius: 16px; }
.dgk .dg-paid-steps li i { color: var(--ks-violet); }