/* Dokuzgen anasayfa — kisiye-ozel-site.css (ks-*) tasarım sisteminin üstüne Dokuzgen'e özgü birkaç parça. */

/* Şeffaf zeminli koyu dokuzgen logosu indigo üst menüde beyaz görünsün (opak kurum logoları etkilenmez). */
.dgk .ks-brand img[src*="logomavidokuz"] { filter: brightness(0) invert(1); }

/* Kahramanda gerçek ürün fotoğrafı + üstünde yüzen kartlar */
.dgk-hero-photo {
    position: absolute; left: 8%; right: 6%; top: 10%;
    width: 86%; height: auto; border-radius: 24px;
    border: 6px solid rgba(255, 255, 255, .14);
    box-shadow: var(--ks-shadow-lg);
}
.dgk .ks-f-ship i.gr { background: #E8F9EF; color: #15803D; }
@media (max-width: 575.98px) {
    .dgk-hero-photo { left: 4%; width: 92%; top: 14%; }
}

/* Modül kartları (fotoğraflı) */
.dgk-mods { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1.5rem; margin-top: 2.5rem; }
.dgk-mod {
    display: flex; flex-direction: column; overflow: hidden; border-radius: 26px; background: #fff;
    box-shadow: var(--ks-shadow); color: var(--ks-text) !important; text-decoration: none !important;
    transition: transform .2s, box-shadow .2s;
}
.dgk-mod:hover { transform: translateY(-6px); box-shadow: 0 26px 60px rgba(14, 11, 61, .14); }
.dgk-mod-cover { position: relative; aspect-ratio: 16 / 10; overflow: hidden; background: var(--ks-grad); }
.dgk-mod-cover img { width: 100%; height: 100%; object-fit: cover; display: block; transition: transform .6s ease; }
.dgk-mod:hover .dgk-mod-cover img { transform: scale(1.05); }
.dgk-mod-cover > i {
    position: absolute; left: 1rem; bottom: -22px; display: grid; place-items: center; width: 48px; height: 48px;
    border-radius: 15px; background: var(--c, var(--ks-violet)); color: #fff; font-size: 1.3rem;
    box-shadow: 0 10px 22px rgba(14, 11, 61, .25);
}
.dgk-mod-body { display: flex; flex-direction: column; flex: 1; padding: 2rem 1.3rem 1.3rem; }
.dgk-mod-body h3 { margin: 0 0 .4rem; font-size: 1.15rem; font-weight: 800; letter-spacing: -.02em; }
.dgk-mod-body p { margin: 0 0 1rem; color: var(--ks-muted); font-size: .88rem; line-height: 1.6; }
.dgk-mod-body span { margin-top: auto; color: var(--ks-violet); font-size: .86rem; font-weight: 800; }
.dgk-mod-body span i { transition: transform .2s; }
.dgk-mod:hover .dgk-mod-body span i { transform: translateX(4px); }
@media (max-width: 991.98px) { .dgk-mods { grid-template-columns: 1fr 1fr; } }
@media (max-width: 575.98px) { .dgk-mods { grid-template-columns: 1fr; } }

/* Menüdeki "Paneller" açılır listesinde ikonlu rozetler */
.dgk .ks-exam-menu a span:first-child i { font-size: 1.05rem; }