/**
 * KH MAX Surface V6 — mat siyah + neon (Öne Çıkanlar vitrin + tekil hikaye)
 */

body.kh-max-surface .kh-hero-v5__main,
body.kh-max-surface .kh-hero-v5__mini {
  background-color: #050810;
  border-color: rgba(0, 212, 255, 0.18);
  box-shadow:
    inset 0 0 0 1px rgba(255, 255, 255, 0.04),
    0 20px 48px rgba(0, 0, 0, 0.55);
}

body.kh-max-surface .kh-hero-v5__main:hover,
body.kh-max-surface .kh-hero-v5__mini:hover {
  border-color: rgba(0, 212, 255, 0.45);
  box-shadow:
    0 24px 56px rgba(0, 0, 0, 0.6),
    0 0 40px rgba(0, 212, 255, 0.16);
}

body.kh-max-surface .kh-hero-v5__overlay {
  background: linear-gradient(0deg, rgba(5, 8, 16, 0.96) 0%, rgba(5, 8, 16, 0.35) 55%, transparent 100%);
}

body.kh-max-surface .kh-hero-masthead--v5 .kh-hero-masthead__eyebrow {
  color: #00d4ff;
  text-shadow: 0 0 18px rgba(0, 212, 255, 0.35);
}

body.kh-max-surface .kh-hero-v5__cat {
  color: #fbbf24;
  border: 1px solid rgba(251, 191, 36, 0.35);
  background: rgba(251, 191, 36, 0.08);
}

body.kh-max-surface.kh-reading-tracked .site-main,
body.kh-max-surface.kh-reading-tracked .kh-article-shell {
  background: linear-gradient(180deg, #050810 0%, #0b1020 120px, transparent 360px);
}

body.kh-max-surface .kh-article-header--v5 {
  padding: 18px 20px;
  border-radius: 20px;
  background: rgba(5, 8, 16, 0.88);
  border: 1px solid rgba(255, 255, 255, 0.08);
  box-shadow: 0 16px 40px rgba(0, 0, 0, 0.35);
}

body.kh-max-surface .entry-content,
body.kh-max-surface .kh-reading-body {
  color: #e2e8f0;
}

body.kh-max-surface .kh-max-boost-badge {
  animation: kh-boost-pulse 2.4s ease-in-out infinite;
}

@keyframes kh-boost-pulse {
  0%, 100% { box-shadow: 0 0 0 rgba(251, 191, 36, 0); }
  50% { box-shadow: 0 0 24px rgba(251, 191, 36, 0.25); }
}