/* İskelet: GECE — core.css'ten SONRA yüklenir. Koyu zemin için tasarlandı (koyu varyasyonla en iyi sonuç). Yalnızca --dj-* değişkenleri (tasarım: Webtra/iskeletler/gece). */
.dj-sk-gece { --dj-container: 1280px; }
.dj-sk-gece h1, .dj-sk-gece .dj-title { letter-spacing: -.015em; }
.dj-sk-gece .dj-em { color: var(--dj-accent); }
.dj-sk-gece .dj-eyebrow { color: var(--dj-accent); font-family: var(--dj-font-mono); font-size: .76rem; letter-spacing: .1em; }
.dj-sk-gece .dj-eyebrow::before { width: 10px; height: 10px; border-radius: 50%; background: var(--dj-accent); }
.dj-sk-gece .dj-btn--accent { box-shadow: 0 0 40px -6px color-mix(in srgb, var(--dj-accent) 70%, transparent); }
.dj-sk-gece .dj-link, .dj-sk-gece .dj-hk__go { color: var(--dj-accent); }

/* — Yüzen hap menü — */
.dj-sk-gece .dj-hd { position: fixed; left: 0; right: 0; top: 16px; --hd-h: 64px; pointer-events: none; }
.dj-sk-gece .dj-hd__pil { pointer-events: auto; display: flex; align-items: center; gap: 28px; width: min(100% - 2 * var(--dj-gutter), 1180px); margin-inline: auto; padding: 10px 12px 10px 20px; border: 1px solid var(--dj-border); border-radius: 999px; background: color-mix(in srgb, var(--dj-bg) 78%, transparent); backdrop-filter: blur(18px) saturate(1.5); box-shadow: 0 20px 50px -20px rgb(0 0 0 / .6); }
.dj-sk-gece .dj-logo { font-size: 1.15rem; } .dj-sk-gece .dj-logo__mark { width: 36px; height: 36px; border-radius: 50%; background: var(--dj-accent); color: var(--dj-accent-ink); }
.dj-sk-gece .dj-nav { margin-left: auto; }
.dj-sk-gece .dj-nav a { color: var(--dj-muted); font-size: .9rem; } .dj-sk-gece .dj-nav a:hover, .dj-sk-gece .dj-nav a[aria-current] { background: color-mix(in srgb, var(--dj-text) 8%, transparent); color: var(--dj-text); }
.dj-sk-gece .dj-hd__act { margin-left: 0; }
.dj-sk-gece .dj-hd__cta { border-radius: 999px; }

/* — Hero: dev tipografi — */
.dj-sk-gece .dj-hero { position: relative; overflow: hidden; padding: clamp(150px, 14vw, 200px) 0 0; background: radial-gradient(900px 520px at 85% 15%, color-mix(in srgb, var(--dj-primary) 24%, transparent), transparent 70%), radial-gradient(600px 400px at 0% 90%, color-mix(in srgb, var(--dj-accent) 12%, transparent), transparent 70%), var(--dj-bg); }
.dj-sk-gece .dj-hero__ust { display: flex; align-items: center; gap: 14px; margin-bottom: 28px; font: 500 .8rem/1 var(--dj-font-mono); letter-spacing: .14em; text-transform: uppercase; color: var(--dj-accent); }
.dj-sk-gece .dj-hero__nokta { width: 6px; height: 6px; border-radius: 50%; background: currentColor; }
.dj-sk-gece .dj-hero h1 { font-size: clamp(2.6rem, 1rem + 5.2vw, 6.4rem); line-height: .98; letter-spacing: -.012em; text-transform: uppercase; max-width: 21ch; text-wrap: balance; }
.dj-sk-gece .dj-hero__alt { display: grid; grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr); gap: clamp(28px, 5vw, 80px); align-items: end; margin-top: clamp(36px, 5vw, 64px); }
.dj-sk-gece .dj-hero__yazi { display: grid; gap: 28px; padding-bottom: 12px; }
.dj-sk-gece .dj-hero__gorsel { position: relative; aspect-ratio: 16 / 9.4; border-radius: var(--dj-radius-lg) var(--dj-radius-lg) 0 0; overflow: hidden; border: 1px solid var(--dj-border); border-bottom: 0; }
.dj-sk-gece .dj-hero__gorsel img { width: 100%; height: 100%; object-fit: cover; filter: saturate(.9) contrast(1.05); }
.dj-sk-gece .dj-hero__gorsel::after { content: ""; position: absolute; inset: 0; background: linear-gradient(0deg, color-mix(in srgb, var(--dj-bg) 70%, transparent), transparent 40%); }
.dj-sk-gece .dj-hero__etiket { position: absolute; z-index: 2; left: 20px; bottom: 20px; display: flex; align-items: center; gap: 12px; padding: 12px 18px 12px 14px; border-radius: 999px; background: var(--dj-accent); color: var(--dj-accent-ink); }
.dj-sk-gece .dj-hero__etiket b { display: block; font-size: .92rem; } .dj-sk-gece .dj-hero__etiket small { display: block; font-size: .74rem; opacity: .8; }
.dj-mq { margin-top: 0; overflow: hidden; background: var(--dj-accent); color: var(--dj-accent-ink); border-block: 1px solid var(--dj-border); }
.dj-mq__in { display: flex; align-items: center; gap: 28px; width: max-content; padding: 16px 0; font: var(--dj-heading-weight) clamp(1.3rem, 1rem + 1.2vw, 2rem)/1 var(--dj-font-heading); text-transform: uppercase; letter-spacing: -.01em; animation: dj-mq 40s linear infinite; }
.dj-mq__in i { display: inline-flex; } .dj-mq__in .dj-ic { width: 1em; height: 1em; }
@keyframes dj-mq { to { transform: translateX(-50%); } }

/* — Bölümler — */
.dj-sk-gece .dj-hb { background: color-mix(in srgb, var(--dj-text) 4%, var(--dj-bg)); }
.dj-sk-gece .dj-hb:hover { border-color: var(--dj-accent); }
.dj-sk-gece .dj-hb__ik { background: var(--dj-accent); color: var(--dj-accent-ink); }
.dj-sk-gece .dj-ad__no { -webkit-text-stroke-color: var(--dj-accent) !important; }
.dj-sk-gece .dj-q__ik { background: color-mix(in srgb, var(--dj-accent) 20%, transparent); color: var(--dj-accent); } .dj-sk-gece .dj-q[open] .dj-q__ik { background: var(--dj-accent); color: var(--dj-accent-ink); }
.dj-sk-gece .dj-s-cta:not([data-tone]) .dj-cta, .dj-sk-gece .dj-s-cta .dj-cta { background: linear-gradient(135deg, color-mix(in srgb, var(--dj-primary) 40%, var(--dj-bg)), var(--dj-bg-alt)); border: 1px solid var(--dj-border); }
.dj-sk-gece .dj-cta .dj-title { font-size: clamp(2.2rem, 1.2rem + 3.4vw, 4.6rem); text-transform: uppercase; line-height: .95; }

/* — Sayfa başı — */
.dj-sk-gece .dj-ph { padding: clamp(140px, 13vw, 190px) 0 clamp(40px, 5vw, 72px); background: radial-gradient(700px 400px at 90% 0%, color-mix(in srgb, var(--dj-primary) 22%, transparent), transparent 70%), var(--dj-bg); border-bottom: 1px solid var(--dj-border); }
.dj-sk-gece .dj-ph__in { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 420px); gap: clamp(28px, 5vw, 72px); align-items: end; }
.dj-sk-gece .dj-ph h1 { font-size: clamp(2.6rem, 1.2rem + 4.6vw, 5.6rem); line-height: .98; text-transform: uppercase; margin: 14px 0 20px; }
.dj-sk-gece .dj-ph__gorsel img { width: 100%; aspect-ratio: 4 / 3; object-fit: cover; border-radius: var(--dj-radius-lg); border: 1px solid var(--dj-border); }
.dj-sk-gece .dj-ph:not(:has(.dj-ph__gorsel)) .dj-ph__in { grid-template-columns: 1fr; }

/* — Alt bilgi — */
.dj-sk-gece .dj-ft { background: var(--dj-bg); border-top: 1px solid var(--dj-border); overflow: hidden; }
.dj-sk-gece .dj-ft__ust { display: grid; grid-template-columns: 1.4fr 1fr 1.2fr; gap: clamp(28px, 5vw, 80px); padding: clamp(56px, 6vw, 88px) 0 0; }
.dj-sk-gece .dj-ft__sol { display: grid; gap: 28px; align-content: start; } .dj-sk-gece .dj-ft__sol .dj-lead { max-width: 26rem; }
.dj-sk-gece .dj-ft__dev { --dj-n: 8; font: var(--dj-heading-weight) clamp(3.2rem, calc(94vw / (var(--dj-n) * .66)), 19rem)/.82 var(--dj-font-heading); letter-spacing: -.05em; text-transform: uppercase; text-align: center; color: transparent; -webkit-text-stroke: 1.5px color-mix(in srgb, var(--dj-text) 22%, transparent); margin: clamp(32px, 4vw, 64px) 0 0; white-space: nowrap; user-select: none; }
.dj-sk-gece .dj-ft__alt { padding: 24px 0 28px; border-top: 1px solid var(--dj-border); display: grid; gap: 8px; color: var(--dj-muted); }

@media (max-width: 1020px) {
  .dj-sk-gece .dj-hd__cta { display: none; }
  .dj-sk-gece .dj-nav { margin-left: 0; }
  .dj-sk-gece .dj-hd__pil { justify-content: space-between; }
  .dj-sk-gece .dj-nav { top: 0; padding-top: 110px; z-index: 40; } .dj-sk-gece .dj-hd { --hd-h: 0px; } .dj-sk-gece .dj-hd__pil { position: relative; z-index: 51; }
  .dj-sk-gece .dj-hero__alt, .dj-sk-gece .dj-ph__in, .dj-sk-gece .dj-ft__ust { grid-template-columns: 1fr; }
}
@media (max-width: 640px) {
  .dj-sk-gece .dj-hd { top: 10px; } .dj-sk-gece .dj-hd__pil { padding-left: 14px; }
  .dj-sk-gece .dj-hero { padding-top: 118px; }
  .dj-sk-gece .dj-hero__gorsel { aspect-ratio: 4 / 3.4; } .dj-sk-gece .dj-hero .dj-btns .dj-btn { flex: 1 1 100%; }
}

/* — Ek: görselsiz hero, logo görseli, dil seçici, açılır alt menü, kırıntı — */
.dj-sk-gece .dj-hero__alt[data-gorsel="0"] { grid-template-columns: minmax(0, 40rem); }
.dj-sk-gece .dj-hero:not(:has(.dj-hero__gorsel)) > .dj-container { padding-bottom: clamp(36px, 5vw, 64px); }
.dj-sk-gece .dj-logo img { width: auto; max-height: 40px; }
.dj-sk-gece .dj-hd__lang { margin-right: 4px; }
.dj-sk-gece .dj-lang a[aria-current] { background: var(--dj-accent); color: var(--dj-accent-ink); }
.dj-sk-gece .dj-ftl a:hover { color: var(--dj-accent); }
.dj-sk-gece .dj-ft__sol .dj-sosyal a { color: var(--dj-text); }
@media (min-width: 1021px) {
  .dj-sk-gece .dj-nav li { position: relative; }
  .dj-sk-gece .dj-nav li.has-sub > ul { position: absolute; left: 0; top: calc(100% + 8px); z-index: 20; display: none; flex-direction: column; align-items: stretch; gap: 0; min-width: 230px; padding: 8px; background: var(--dj-surface); border: 1px solid var(--dj-border); border-radius: var(--dj-radius-md); box-shadow: var(--dj-shadow-lift); }
  .dj-sk-gece .dj-nav li.has-sub:hover > ul, .dj-sk-gece .dj-nav li.has-sub:focus-within > ul { display: flex; }
  .dj-sk-gece .dj-nav li.has-sub > ul a { border-radius: var(--dj-radius-sm); }
}
@media (max-width: 1020px) {
  /* backdrop-filter, içindeki sabit konumlu çekmece menüyü hap kutusuna hapseder: mobilde kapatılır, zemin opak */
  .dj-sk-gece .dj-hd__pil { backdrop-filter: none; background: color-mix(in srgb, var(--dj-bg) 94%, var(--dj-text)); }
  .dj-sk-gece .dj-hd__lang { display: none; }
  .dj-sk-gece .dj-nav li.has-sub > ul { padding-left: 18px; }
  .dj-sk-gece .dj-nav li.has-sub > ul a { font-size: 1.1rem; font-weight: 500; }
}
@media (prefers-reduced-motion: reduce) {
  .dj-mq__in { animation: none; }
}
.dj-sk-gece .dj-ft__ust .dj-ftl--saat { margin-top: 22px; }

/* — Mobil menüdeki düğmeler (.dj-nav a kuralları .dj-btn'i ezmesin) — */
.dj-sk-gece .dj-nav .dj-btn { color: var(--b-ink); background: var(--b-bg); border: 1.5px solid var(--b-bd); padding: 0 26px; font-size: .98rem; letter-spacing: -.005em; text-transform: none; border-radius: var(--dj-radius-btn); }
@media (max-width: 1020px) {
  .dj-sk-gece .dj-hd__pil .dj-logo, .dj-sk-gece .dj-hd__act { position: relative; z-index: 52; }
  .dj-sk-gece .dj-nav .dj-btn--primary { --b-bg: var(--dj-accent); --b-ink: var(--dj-accent-ink); }
}
/* Sabit hap menü: ilk öğe hero/sayfa başı değilse (404, bölümle başlayan sayfa) menünün altından başlasın */
.dj-sk-gece main > .dj-sec:first-child { padding-top: calc(var(--dj-sec-y) + 96px); }