:root{
  /* Hibrit palet — koyu hero/footer, açık sections */
  --bg:#F3F4F6;
  /* Sections arka plan — açık gri */
  --sur:#FFFFFF;
  /* Kartlar — beyaz */
  --sur2:#F8F9FA;
  /* İkincil yüzeyler */
  --bd:#E5E7EB;
  /* Border — açık */
  --bd2:#F0F1F3;
  /* Hafif border */
  --blk:#0D1117;
  /* Footer — en koyu */
  --t1:#111827;
  /* Ana metin — koyu */
  --t2:#4B5563;
  /* İkincil metin */
  --t3:#9CA3AF;
  /* Üçüncül metin */
  --red:#E02020;
  --rdim:rgba(224,32,32,.08);
  --bar:#0D1117;
  --rk-page-warm:#EEF0F3;
  --rk-section-warm:#F1F2F4;
  --rk-section-soft:#F5F6F8;
  --rk-card-white:#FFFFFF;
  --rk-ink:#0E131B;
  --rk-muted:#667085;
  --rk-line:#E7EAF0;
  --rk-card:#FFFFFF;
  --rk-soft-shadow:0 12px 34px rgba(15,23,42,.065);
  --rk-soft-shadow-hover:0 16px 42px rgba(15,23,42,.10);
  --ticker-speed-desktop: 92s;
  --ticker-speed-mobile: 118s;
  --vinyl-speed-hero: 4s;
  --vinyl-speed-player: 4s;
  --vinyl-speed-schedule: 5s;

  /* v192 — TRT-esintili renkli bölüm şeritleri (band sistemi). Bilerek theme/rk
     sistemlerinden ayrı isimlendirildi: klas-theme-seasons.css bu değişkenleri hiç bilmiyor,
     bu yüzden mevsim temaları bu token'ları ezmiyor. */
  --kd-band-brand-bg: var(--theme-primary, var(--red));
  --kd-band-brand-text: #FFFFFF;
  --kd-band-ink-bg: #12151C;
  --kd-band-ink-text: #FFFFFF;
  --kd-band-ink-accent: var(--theme-primary, var(--red));
  --kd-band-cream-bg: #F4EEE2;
  --kd-band-cream-text: #14181F;
  --kd-band-paper-bg: #FFFFFF;
  --kd-band-paper-text: #14181F;
  --kd-band-teal-bg: #0E5C63;
  --kd-band-teal-text: #FFFFFF;
  --kd-band-pad-y: clamp(48px, 6vw, 96px);
  --kd-band-inner-max: 1560px
}

@keyframes sup{
  from{opacity:0;transform:translateX(-50%) translateY(20px);}to{opacity:1;transform:translateX(-50%) translateY(0);}
}

@keyframes pglow{
  from{box-shadow:none;}to{box-shadow:0 0 14px rgba(224,32,32,.22);}
}

@keyframes blink{
  0%,100%{opacity:1;}50%{opacity:.18;}
}

@keyframes spin{
  to{transform:rotate(360deg);}
}

@keyframes fcd{
  from{opacity:.1;}to{opacity:.3;}
}

@keyframes fadeUp{
  from{opacity:0;transform:translateY(20px);}to{opacity:1;transform:translateY(0);}
}

@keyframes ea{
  from{height:2px;}to{height:var(--h);}
}

@keyframes tickerScroll{
  0%   { transform: translateX(0); }
  100% { transform: translateX(-50%); }
}

@keyframes vinylSpin{
  from { transform: rotate(0deg); }
  to   { transform: rotate(360deg); }
}

@keyframes armFloat{
  0%,100% { transform:rotate(28deg); }
  50%      { transform:rotate(29.5deg); }
}

@keyframes shimmer{
  0%{background-position:200% 0;} 100%{background-position:-200% 0;}
}

@keyframes eq{
  from{height:4px;}to{height:var(--h);}
}

@keyframes tvLiveTextPulse{
  from{opacity:.72;filter:saturate(.9);}
  to{opacity:1;filter:saturate(1.2);}
}

@keyframes offlineRedPulse{
  0%,100%{opacity:.45;transform:scale(.82);box-shadow:0 0 0 0 rgba(239,32,41,.36),0 0 8px rgba(239,32,41,.28);}
  50%{opacity:1;transform:scale(1);box-shadow:0 0 0 5px rgba(239,32,41,0),0 0 14px rgba(239,32,41,.62);}
}

@keyframes tvOfflineRedPulseV76{
  0%,100%{opacity:.42;transform:scale(.72);box-shadow:0 0 0 0 rgba(239,32,41,.52),0 0 7px rgba(239,32,41,.35);}
  50%{opacity:1;transform:scale(1);box-shadow:0 0 0 6px rgba(239,32,41,0),0 0 16px rgba(239,32,41,.78);}
}

@keyframes tvOfflineRedPulseV77{
  0%,100%{opacity:.45;transform:scale(.72);box-shadow:0 0 0 0 rgba(239,32,41,.52),0 0 7px rgba(239,32,41,.35);}50%{opacity:1;transform:scale(1);box-shadow:0 0 0 6px rgba(239,32,41,0),0 0 16px rgba(239,32,41,.78);}
}

@keyframes tvOnlineGreenPulseV77{
  0%,100%{opacity:.5;transform:scale(.76);box-shadow:0 0 0 0 rgba(34,197,94,.45),0 0 7px rgba(34,197,94,.35);}50%{opacity:1;transform:scale(1);box-shadow:0 0 0 6px rgba(34,197,94,0),0 0 16px rgba(34,197,94,.78);}
}

*,*::before,*::after{
  margin:0;padding:0;box-sizing:border-box;
}

html{
}

body{
  font-family:"Montserrat",sans-serif;
  background:var(--rk-page-warm);
  color:var(--t1);
  overflow-x:hidden;
  display:flex;
  flex-direction:column;
  min-height:100vh;
}

/* v197 — "sticky footer": sayfa içeriği viewport'tan kısaysa, footer'ın
   altında boş alan bırakmak yerine sayfanın kendi son bölümü büyüyüp
   kalan boşluğu doldursun. Ana sayfa (home.ejs, .kd-page-home) zaten
   tek ekrana tam sığacak şekilde ayrıca ayarlandığı için bu kuraldan
   muaf tutuluyor — aksi halde ana sayfadaki son blok gereksiz yere
   esner ve tasarımı bozar. */
#pageWrap{
  flex:1 0 auto;
  display:flex;
  flex-direction:column;
}
body:not(.kd-page-home) #pageWrap > section:last-of-type,
body:not(.kd-page-home) #pageWrap > main:last-of-type,
body:not(.kd-page-home) #pageWrap > div:last-of-type{
  flex:1 0 auto;
}
/* v200: ana sayfa (kd-page-home) içeriği tek ekrana sığacak şekilde ayrıca
   sıkıştırıldığı için, viewport daha uzun olduğunda boşluk hep içeriğin
   ALTINDA (footer'dan önce) birikip sayfayı "yukarıda asılı" gösteriyordu.
   #pageWrap zaten flex:1 0 auto ile kalan tüm boşluğu dolduruyor — kendi
   içindeki içeriği (hero + şerit + sosyal + rozetler) dikeyde ortalayınca
   fazla boşluk üstte/altta eşit dağılıyor, footer da doğal olarak viewport'un
   gerçek altına oturuyor (çünkü pageWrap'ten sonra gelen bir sonraki kardeş). */
body.kd-page-home #pageWrap{
  justify-content:center;
  position:relative;
  isolation:isolate;
}
/* v212: ana sayfa da diğer sayfalardaki (Programlar/Reklam/Hakkımızda/Magazin)
   ile aynı "gri zemin üzerinde çerçeveli panel" görünümünü alsın — ve panel
   #pageWrap'in TÜMÜNÜ (ticker altından künyeye kadar) kapladığı için, panel
   kutusu Programlar'daki .section gibi mevcut boşluğu görsel olarak doldurur;
   içerik (hero + şerit + sosyal + rozetler) panelin içinde ortalanmış kalır. */
body.kd-page-home #pageWrap::before{
  content:'';
  position:absolute;
  left:56px;
  right:56px;
  top:26px;
  bottom:26px;
  border-radius:34px;
  background:var(--theme-section-panel-bg-strong, var(--theme-section-panel-bg, linear-gradient(135deg,rgba(255,255,255,.92),rgba(248,249,251,.8))));
  border:1px solid var(--theme-card-border-strong, var(--theme-card-border, rgba(17,24,39,.09)));
  box-shadow:var(--theme-card-shadow-soft, 0 22px 70px rgba(17,24,39,.08));
  z-index:-1;
}
@media(max-width:980px){
  body.kd-page-home #pageWrap::before{ left:20px;right:20px;top:16px;bottom:16px;border-radius:26px; }
}

::-webkit-scrollbar{
  width:4px;
}

::-webkit-scrollbar-track{
  background:var(--bg);
}

::-webkit-scrollbar-thumb{
  background:var(--bd2);border-radius:2px;
}

a{
  text-decoration:none;color:inherit;
}

button{
  font-family:inherit;cursor:pointer;
}

.muted-banner{
  display:none;position:fixed;bottom:20px;left:50%;transform:translateX(-50%);z-index:400;
  background:var(--blk);color:#fff;padding:12px 24px;border-radius:50px;
  font-size:11px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;cursor:pointer;
  align-items:center;gap:10px;box-shadow:0 4px 24px rgba(0,0,0,.4);border:1px solid rgba(255,255,255,.1);animation:sup .4s ease;
}

.muted-banner:hover{
  background:#222;
}

.nav{
  position:sticky;
  top:0;
  z-index:300;
  background:rgba(255,255,255,.96);
  backdrop-filter:blur(8px);
  border-bottom:1px solid var(--bd);
  height:62px;
  display:flex;
  align-items:center;
  padding:0 56px;
  gap:32px;
  box-shadow:0 1px 16px rgba(0,0,0,.06);
}

.nav-logo img{
  height:44px;
  width:auto;
  filter:none;
  display:block;
  transition:.3s;
}

.nav-links{
  display:flex;align-items:center;gap:2px;
}

.nav-a{
  font-size:10px;font-weight:700;letter-spacing:1.8px;text-transform:uppercase;color:#4B5563;padding:7px 12px;border-radius:6px;transition:.18s;
}

.nav-a:hover{
  color:#111827;background:#F3F4F6;
}

.nav-a.act{
  color:var(--theme-primary, var(--red));
}

.nav-r{
  display:flex;align-items:center;gap:12px;margin-left:auto;
}

.live-pill{
  display:flex;align-items:center;gap:7px;padding:6px 16px;border-radius:50px;
  background:var(--rdim);border:1px solid rgba(224,32,32,.25);font-size:9px;font-weight:800;
  letter-spacing:2.5px;color:var(--theme-primary, var(--red));text-transform:uppercase;cursor:pointer;animation:pglow 2s ease-in-out infinite alternate;
}

.live-pill:hover{
  background:rgba(224,32,32,.13);
}

.ldot{
  width:7px;height:7px;border-radius:50%;background:var(--theme-primary, var(--red));animation:blink 1.3s infinite;flex-shrink:0;
}

/* v217 — TRT.net.tr referansıyla: nav çubuğunda kalıcı, sayfa değişse de
   kaybolmayan "CANLI" rozeti — 7/24 yayın vurgusu artık her an görünür. */
.nav-live-badge{
  display:flex;align-items:center;gap:6px;padding:6px 14px;border-radius:50px;
  background:var(--red, #E10613);color:#fff;font-size:9px;font-weight:800;
  letter-spacing:1.8px;text-transform:uppercase;text-decoration:none;
}
.nav-live-badge:hover{opacity:.88}
.nav-live-badge__dot{
  width:6px;height:6px;border-radius:50%;background:#fff;flex-shrink:0;animation:blink 1.3s infinite;
}
@media(max-width:768px){
  .nav-live-badge{padding:5px 11px;font-size:8px;}
}

.btn-login{
  font-size:10px;font-weight:700;letter-spacing:1px;text-transform:uppercase;color:#111827;background:transparent;border:1.5px solid var(--bd);padding:7px 18px;border-radius:7px;transition:.18s;
}

.btn-login:hover{
  border-color:#111827;background:#F3F4F6;
}

.d-overlay{
  position:fixed;
  inset:0;
  z-index:500;
  background:rgba(0,0,0,.52);
  opacity:0;
  pointer-events:none;
  transition:.35s;
  backdrop-filter:none;
}

.d-overlay.open{
  opacity:1;pointer-events:all;
}

.drawer{
  position:fixed;bottom:0;left:0;right:0;z-index:501;background:var(--bar);border-radius:20px 20px 0 0;
  border-top:2px solid var(--red);transform:translateY(100%);transition:transform .4s cubic-bezier(.4,0,.2,1);
  max-height:88vh;overflow:hidden;display:flex;flex-direction:column;
}

.drawer.open{
  transform:translateY(0);
}

.d-handle{
  width:40px;height:4px;border-radius:2px;background:rgba(255,255,255,.18);margin:14px auto 0;flex-shrink:0;
}

.d-head{
  display:flex;align-items:center;justify-content:space-between;padding:16px 32px 12px;border-bottom:1px solid rgba(255,255,255,.07);flex-shrink:0;
}

.d-title{
  font-family:"Bebas Neue",sans-serif;font-size:20px;letter-spacing:3px;color:#fff;
}

.d-close{
  width:32px;height:32px;border-radius:50%;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.12);color:rgba(255,255,255,.6);font-size:16px;display:flex;align-items:center;justify-content:center;transition:.18s;
}

.d-close:hover{
  background:rgba(255,255,255,.16);color:#fff;
}

.d-body{
  padding:24px 32px 32px;overflow-y:auto;flex:1;
}

.d-stream-card{
  display:flex;align-items:flex-start;gap:12px;
  padding:12px 14px;border-radius:10px;
  background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.07);
  margin-bottom:20px;
}

.d-stream-status{
  flex-shrink:0;margin-top:2px;
}

.d-sdot{
  width:8px;height:8px;border-radius:50%;background:var(--theme-primary, var(--red));animation:blink 1.3s infinite;
}

.d-stream-info-text{
  flex:1;
}

.d-stream-lbl{
  font-size:8px;font-weight:800;letter-spacing:2px;text-transform:uppercase;color:rgba(255,255,255,.3);margin-bottom:4px;
}

.d-stream-addr{
  font-family:monospace;font-size:10px;color:rgba(255,255,255,.2);
}

.d-stream-note{
  font-size:9px;color:rgba(255,255,255,.18);margin-top:3px;line-height:1.4;
}

.d-now{
  display:flex;align-items:center;gap:20px;margin-bottom:20px;
}

.d-disk{
  width:68px;
  height:68px;
  border-radius:50%;
  flex-shrink:0;
  position:relative;
  animation:spin 8s linear infinite paused;
  background:
    repeating-radial-gradient(circle at 50% 50%,rgba(255,255,255,.10) 0 1px,transparent 1px 5px),
    conic-gradient(from 0deg,#070707,#242424,#E02020,#111827,#3b0f18,#070707,#E02020,#151515);
  box-shadow:0 0 0 1px rgba(255,255,255,.08),0 10px 30px rgba(0,0,0,.6),0 0 28px rgba(224,32,32,.32);
  animation-duration: var(--vinyl-speed-player) !important;
  will-change:transform;
}

.d-disk::before{
  content:'';position:absolute;inset:18%;border-radius:50%;
  background:radial-gradient(circle at 38% 30%,#ff4a4a 0%,#E02020 45%,#850707 100%);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.18),0 0 18px rgba(224,32,32,.45);
}

.d-info{
  flex:1;min-width:0;
}

.d-lbl{
  font-size:8px;font-weight:800;letter-spacing:2.5px;text-transform:uppercase;color:rgba(255,255,255,.3);margin-bottom:5px;
}

.d-track{
  font-weight:900;font-size:17px;color:#fff;margin-bottom:3px;
}

.d-artist{
  font-size:12px;font-weight:600;color:var(--theme-primary, var(--red));
}

.d-ctrls{
  display:flex;align-items:center;justify-content:center;gap:24px;margin-bottom:12px;
}

.d-btn{
  background:none;border:none;color:rgba(255,255,255,.38);font-size:20px;transition:.18s;
}

.d-btn:hover{
  color:#fff;transform:scale(1.1);
}

.d-play{
  width:54px;height:54px;border-radius:50%;background:var(--theme-primary, var(--red));border:none;
  display:flex;align-items:center;justify-content:center;box-shadow:0 0 24px rgba(224,32,32,.4);transition:.15s;
}

.d-play:hover{
  transform:scale(1.07);
}

.play-icon-wrap{
  width:22px;
  height:22px;
  display:grid;
  align-items:center;
  justify-content:center;
  place-items:center;
}

.play-tri{
  width:0;
  height:0;
  border-style:solid;
  border-width:10px 0 10px 18px;
  border-color:transparent transparent transparent #fff;
  margin-left:3px;
  display:block;
  border-top:9px solid transparent;
  border-bottom:9px solid transparent;
  border-left:14px solid #fff;
}

.pause-bars{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:5px;
}

.pause-bars span{
  width:5px;
  height:18px;
  background:#fff;
  border-radius:2px;
  display:block;
}

.d-soc-title{
  font-size:9px;font-weight:800;letter-spacing:2.5px;text-transform:uppercase;color:rgba(255,255,255,.25);margin-bottom:10px;
}

.d-soc-row{
  display:flex;gap:8px;flex-wrap:wrap;
}

.d-soc-btn{
  display:flex;align-items:center;gap:8px;padding:7px 13px;border-radius:8px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1);font-size:10px;font-weight:700;color:rgba(255,255,255,.6);transition:.18s;
}

.d-soc-btn:hover{
  background:rgba(255,255,255,.12);color:#fff;
}

.hero{
  position:relative;
  min-height:calc(100vh - 126px);
  display:grid;
  grid-template-columns:minmax(380px,.82fr) minmax(500px,1.18fr);
  overflow:hidden;
  align-items:center;
  background:var(--theme-hero-shell-bg, #0D1117);
  max-height:calc(100vh - 126px);
}

.hero-bg{
  position:absolute;
  inset:0;
  z-index:0;
  background:var(--theme-hero-bg, linear-gradient(135deg,#0D1117 0%,#111827 44%,#182235 73%,#1d2738 100%));
}

.hero-bg::after{
  content:'';
  position:absolute;
  inset:0;
  background:var(--theme-hero-overlay,
    radial-gradient(ellipse 70% 58% at 0% 45%,rgba(180,40,40,.105) 0%,transparent 64%),
    radial-gradient(ellipse 52% 42% at 100% 18%,rgba(99,130,180,.05) 0%,transparent 56%),
    linear-gradient(180deg,rgba(255,255,255,.012),rgba(0,0,0,.03)));
}

.hero-noise{
  position:absolute;inset:0;z-index:1;opacity:.035;
}

.hero-left{
  position:relative;
  z-index:10;
  display:flex;
  flex-direction:column;
  justify-content:center;
  padding:26px 20px 30px 56px;
  gap:11px;
  min-width:0;
  height:100%;
  box-sizing:border-box;
}

.h-eye{
  display:flex;
  align-items:center;
  gap:10px;
  font-size:7.5px;
  font-weight:800;
  letter-spacing:2.5px;
  text-transform:uppercase;
  color:rgba(255,255,255,.38);
  margin-bottom:4px;
  flex-wrap:wrap;
}

.h-eye::before{
  content:'';width:28px;height:2px;background:var(--theme-primary, var(--red));border-radius:1px;flex-shrink:0;
}

.h-hl{
  font-family:"Bebas Neue",sans-serif;
  font-size:clamp(40px,4.05vw,60px);
  line-height:.88;
  letter-spacing:1.5px;
  color:#fff;
  margin:0 0 4px;
}

.h-hl .r{
  color:var(--theme-primary, var(--red));
}

.h-hl .g{
  color:rgba(255,255,255,.2);
  margin-top:2px;
}

.h-now{
  display:flex;
  align-items:center;
  gap:16px;
  background:linear-gradient(135deg,rgba(255,255,255,.058),rgba(255,255,255,.026));
  border:1px solid rgba(255,255,255,.12);
  border-radius:20px;
  padding:12px 18px;
  max-width:650px;
  width:100%;
  box-shadow:0 12px 30px rgba(0,0,0,.24), inset 0 1px 0 rgba(255,255,255,.045);
  border-color:rgba(255,255,255,.105);
  min-height:92px;
}

.h-listen-card{
  color:#fff;
  text-align:left;
  cursor:pointer;
  transition:.2s;
  position:relative;
  overflow:hidden;
  outline:none;
}

.h-listen-card::before{
  content:'';position:absolute;inset:0;background:linear-gradient(120deg,rgba(224,32,32,.10),transparent 42%,rgba(255,255,255,.035));opacity:.7;pointer-events:none;
}

.h-listen-card:hover{
  transform:translateY(-1px);
  border-color:rgba(224,32,32,.35);
  box-shadow:0 14px 32px rgba(224,32,32,.12), inset 0 1px 0 rgba(255,255,255,.05);
}

.h-listen-card:focus-visible{
  outline:2px solid rgba(224,32,32,.75);
  outline-offset:3px;
  box-shadow:0 0 0 3px rgba(255,255,255,.25),0 0 0 6px rgba(224,32,32,.35);
}

.h-ndisk{
  width:60px;
  height:60px;
  border-radius:50%;
  flex-shrink:0;
  position:relative;
  animation:spin 4s linear infinite !important;
  background:
    radial-gradient(circle at 50% 50%, transparent 0 22%, rgba(255,255,255,.06) 23% 24%, transparent 25% 100%),
    repeating-radial-gradient(circle at 50% 50%, rgba(255,255,255,.07) 0 1px, transparent 1px 6px),
    conic-gradient(from 215deg,#0a0612 0deg,#1a1030 58deg,#3d1f5e 118deg,#1c1028 178deg,#3a1525 232deg,#0e0818 300deg,#251540 360deg);
  box-shadow:
    0 0 0 1px rgba(255,255,255,.12),
    0 14px 34px rgba(0,0,0,.58),
    0 0 30px rgba(140,60,180,.22),
    inset 0 0 24px rgba(60,20,80,.35);
  animation-duration: var(--vinyl-speed-hero) !important;
  will-change:transform;
}

.h-ndisk::before{
  content:'';
  position:absolute;
  inset:29%;
  border-radius:50%;
  background:radial-gradient(circle at 35% 25%,#ff7272 0%,#d8191f 44%,#83070b 100%);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.28),0 0 16px rgba(224,32,32,.42),0 0 0 7px rgba(255,255,255,.045);
}

.h-ninfo{
  flex:1;min-width:0;
}

.h-nlbl{
  font-size:7px;
  font-weight:800;
  letter-spacing:2px;
  text-transform:uppercase;
  color:rgba(255,255,255,.28);
  margin-bottom:3px;
}

.h-ntrack{
  font-size:12.5px;
  font-weight:800;
  color:#fff;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
  margin-bottom:2px;
}

.h-nartist{
  font-size:10.5px;
  font-weight:600;
  color:var(--theme-primary, var(--red));
}

.h-eq{
  display:flex;align-items:flex-end;gap:3px;height:20px;flex-shrink:0;
}

.h-eq .eb{
  width:3px;border-radius:2px;background:var(--theme-primary, var(--red));
}

.h-cta{
  display:flex;align-items:center;gap:14px;
}

.btn-listen{
  display:inline-flex;align-items:center;gap:10px;padding:13px 26px;border-radius:50px;background:var(--theme-primary, var(--red));color:#fff;font-size:10px;font-weight:800;letter-spacing:2px;text-transform:uppercase;border:none;box-shadow:0 4px 24px rgba(224,32,32,.4);transition:.18s;
}

.btn-listen:hover{
  transform:scale(1.04);
}

.h-cta-single{
  margin-top:-2px;
}

.h-soc-label{
  font-size:7.5px;
  font-weight:700;
  letter-spacing:1.8px;
  text-transform:uppercase;
  color:rgba(255,255,255,.2);
  margin-right:4px;
}

.h-soc-btn{
  width:29px;
  height:29px;
  border-radius:8px;
  background:rgba(255,255,255,.06);
  border:1px solid rgba(255,255,255,.1);
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:12px;
  transition:.18s;
}

.h-soc-btn:hover{
  background:rgba(255,255,255,.14);
}

.hero-right{
  position:relative;
  z-index:10;
  display:flex;
  flex-direction:column;
  justify-content:center;
  align-items:flex-end;
  padding:26px 56px 26px 8px;
  animation:fadeUp .65s ease .25s both;
  height:100%;
  box-sizing:border-box;
}

.tv-wrap{
  width:100%;
  max-width:990px;
  max-height:100%;
  display:flex;
  flex-direction:column;
  background:linear-gradient(180deg,rgba(255,255,255,.055),rgba(255,255,255,.025));
  border:1px solid rgba(255,255,255,.12);
  border-radius:24px;
  overflow:hidden;
  box-shadow:0 14px 42px rgba(0,0,0,.42),0 0 0 1px rgba(224,32,32,.04);
  border-color:rgba(255,255,255,.105);
  max-height:calc(100vh - 178px);
}

.tv-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding:11px 26px;
  border-bottom:1px solid rgba(255,255,255,.07);
  background:rgba(255,255,255,.022);
  position:relative;
  gap:22px;
  padding-left:22px;
  padding-right:22px;
  border-bottom-color:rgba(255,255,255,.062);
  min-height:70px;
  box-sizing:border-box;
}

.tv-head-l{
  display:flex;
  align-items:center;
  gap:0;
  width:100%;
  justify-content:space-between;
  min-width:0;
  flex:1 1 auto;
  max-width:100%;
  position:static;
}

.tv-ttl{
  font-family:"Bebas Neue",sans-serif;
  font-size:22px;
  letter-spacing:0;
  color:#fff;
  flex:0 0 auto;
  display:flex;
  align-items:center;
}

.tv-st{
  display:inline-flex;
  align-items:center;
  gap:7px;
  font-size:7px;
  font-weight:900;
  letter-spacing:2.1px;
  text-transform:uppercase;
  padding:5px 12px;
  border-radius:999px;
  position:absolute;
  right:150px;
  top:50%;
  transform:translateY(-50%);
  color:rgba(229,234,243,.60);
  background:rgba(148,163,184,.075);
  border:1px solid rgba(148,163,184,.14);
  box-shadow:none;
  white-space:nowrap;
  margin-left:0;
  min-height:24px;
  justify-content:center;
  line-height:1;
  backdrop-filter:blur(8px);
  -webkit-backdrop-filter:blur(8px);
  margin-right:0;
  flex:0 0 auto;
  align-self:center;
  z-index:6;
  pointer-events:none;
}

.tv-st.off{
  color:rgba(215,220,230,.56);
  background:linear-gradient(135deg,rgba(148,163,184,.10),rgba(255,255,255,.035));
  border:1px solid rgba(148,163,184,.18);
  border-color:rgba(148,163,184,.13);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.055);
}

.tv-st.live{
  color:#fff;
  background:linear-gradient(135deg,rgba(224,32,32,.92),rgba(224,32,32,.34));
  border:1px solid rgba(255,120,120,.38);
  border-color:rgba(224,32,32,.42);
  box-shadow:0 0 18px rgba(224,32,32,.25),inset 0 1px 0 rgba(255,255,255,.12);
  animation:tvLiveTextPulse 1.25s ease-in-out infinite alternate !important;
}

.tv-st i{
  width:7px;
  height:7px;
  border-radius:50%;
  display:block;
  flex-shrink:0;
}

.tv-st.off i{
  background:#8A93A3;
  box-shadow:0 0 10px rgba(138,147,163,.24);
  width:6px;
  height:6px;
  animation:offlineRedPulse 1.35s ease-in-out infinite !important;
}

.tv-st.live i{
  background:#fff;
  animation:offlineRedPulse 1.1s ease-in-out infinite !important;
  width:7px;
  height:7px;
  box-shadow:0 0 12px rgba(255,255,255,.65);
}

.tv-next{
  font-size:9px;
  color:rgba(255,255,255,.3);
  display:none !important;
}

.tv-next strong{
  color:rgba(255,255,255,.6);font-weight:700;
}

.tv-inner{flex:1;min-height:0;
  position:relative;
  width:100%;
  aspect-ratio:16/9;
  min-height:0;
  overflow:hidden;
  background:#0a0a0a;
}

.tv-offline{
  position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;background:rgba(255,255,255,.02);transition:opacity .8s ease,transform .8s ease;z-index:2;
}

.tv-offline.out{
  opacity:0;transform:scale(.98);pointer-events:none;
}

.tv-off-icon{
  font-size:54px;opacity:.12;
}

.tv-off-lbl{
  font-size:12px;font-weight:800;letter-spacing:2px;text-transform:uppercase;color:rgba(255,255,255,.25);
}

.tv-off-hint{
  font-size:10px;color:rgba(255,255,255,.2);
}

.tv-cd{
  font-size:9px;color:rgba(255,255,255,.18);margin-top:4px;animation:fcd 1s ease infinite alternate;
}

.tv-yt{
  position:absolute;inset:0;z-index:1;display:none;
}

.tv-yt.live{
  display:block;z-index:4;
}

.tv-yt iframe{
  width:100%;height:100%;border:none;display:block;
}

.tv-carousel{
  position:absolute;inset:0;opacity:0;transition:opacity .8s ease;pointer-events:none;z-index:1;display:flex;flex-direction:column;
}

.tv-carousel.on{
  opacity:1;pointer-events:all;z-index:3;
}

.c-viewport{
  flex:1;overflow:hidden;position:relative;
}

.c-track{
  display:flex;
  height:100%;
  transition:transform .55s cubic-bezier(.4,0,.2,1);
  will-change:transform;
  transform:translateZ(0);
  backface-visibility:hidden;
}

.c-slide{
  min-width:100%;height:100%;position:relative;display:flex;flex-direction:column;justify-content:flex-end;overflow:hidden;
}

.s-link{
  position:absolute;inset:0;z-index:5;
}

.s-bg{
  position:absolute;inset:0;background-size:cover;background-position:center;
}

.s-bg::after{
  content:'';position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,.9) 0%,rgba(0,0,0,.4) 55%,rgba(0,0,0,.05) 100%);
}

.bg1{
  background:linear-gradient(135deg,#1a0808,#2a1010);
}

.bg2{
  background:linear-gradient(135deg,#080818,#101028);
}

.bg3{
  background:linear-gradient(135deg,#081208,#102010);
}

.bg4{
  background:linear-gradient(135deg,#181008,#281808);
}

.bg5{
  background:linear-gradient(135deg,#180818,#281028);
}

.s-deco{
  position:absolute;width:200px;height:200px;border-radius:50%;opacity:.06;top:-40px;right:-40px;background:radial-gradient(circle,#fff,transparent);
}

.s-img-overlay{
  position:absolute;
  inset:0;
  background:linear-gradient(to top,rgba(0,0,0,.85) 0%,rgba(0,0,0,.25) 55%,rgba(0,0,0,.1) 100%);
  display:none;
}

.s-body{
  position:relative;
  z-index:6;
  padding:24px 32px;
}

.s-tag{
  display:inline-flex;
  align-items:center;
  gap:5px;
  font-size:8px;
  font-weight:800;
  letter-spacing:2px;
  text-transform:uppercase;
  color:var(--theme-primary, var(--red));
  background:rgba(224,32,32,.16);
  border:1px solid rgba(224,32,32,.36);
  padding:5px 11px;
  border-radius:4px;
  margin-bottom:13px;
  border-color:rgba(224,32,32,.28);
}

.s-title{
  font-family:"Bebas Neue",sans-serif;
  font-size:clamp(28px,2.5vw,42px);
  letter-spacing:1.25px;
  color:#fff;
  line-height:1.05;
  margin-bottom:8px;
  max-width:82%;
  text-wrap:balance;
}

.s-meta{
  font-size:11px;
  color:rgba(255,255,255,.48);
}

.c-pbar{
  height:3px;background:rgba(255,255,255,.08);flex-shrink:0;
}

.c-fill{
  height:100%;background:var(--theme-primary, var(--red));width:0%;
}

.c-nav{
  position:absolute;
  top:50%;
  transform:translateY(-50%);
  width:40px;
  height:40px;
  border-radius:50%;
  background:rgba(255,255,255,.075);
  border:1px solid rgba(255,255,255,.2);
  cursor:pointer;
  z-index:10;
  color:#fff;
  font-size:20px;
  display:flex;
  align-items:center;
  justify-content:center;
  transition:.18s;
  backdrop-filter:none;
  border-color:rgba(255,255,255,.16);
}

.c-nav:hover{
  background:rgba(255,255,255,.17);
  transform:translateY(-50%) scale(1.025);
}

.c-nav.prev{
  left:14px;
}

.c-nav.next{
  right:14px;
}

.c-dots{
  display:flex;align-items:center;justify-content:center;gap:6px;padding:8px 0;background:rgba(255,255,255,.02);border-top:1px solid rgba(255,255,255,.06);flex-shrink:0;
}

.c-dot{
  width:6px;height:6px;border-radius:50%;background:rgba(255,255,255,.2);cursor:pointer;transition:.2s;border:none;padding:0;
}

.c-dot.on{
  background:var(--theme-primary, var(--red));width:18px;border-radius:3px;
}

.tv-foot{
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding:8px 20px;
  background:rgba(255,255,255,.04);
  border-top:1px solid rgba(255,255,255,.06);
  overflow:hidden;
  flex-shrink:0;
  min-height:0;
}

.tv-src{
  font-size:8px;color:rgba(255,255,255,.25);display:flex;align-items:center;gap:6px;
}

.tv-src-dot{
  width:5px;height:5px;border-radius:50%;background:var(--theme-primary, var(--red));animation:blink 2s infinite;
}

.tv-yt-link{
  font-size:9px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;color:rgba(255,255,255,.35);transition:.18s;
}

.tv-yt-link:hover{
  color:#fff;
}

.divider{
  height:1px;background:var(--bd);
}

.section{
  padding:52px 56px;
  background:var(--rk-section-warm);
  padding-top:56px;
  padding-bottom:58px;
}

.section.alt{
  background:var(--rk-section-soft);
}

.sec-head{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  margin-bottom:28px;
}

.sec-eye{
  font-size:8px;
  font-weight:900;
  letter-spacing:3.4px;
  text-transform:uppercase;
  color:rgba(224,32,32,.82);
  margin-bottom:8px;
}

.sec-ttl{
  font-family:"Bebas Neue",sans-serif;
  font-size:clamp(30px,2.35vw,38px);
  letter-spacing:3.8px;
  color:var(--rk-ink);
  line-height:.96;
}

.sec-lnk{
  font-size:10px;
  font-weight:700;
  letter-spacing:1.8px;
  text-transform:uppercase;
  color:#8A94A6;
  transition:color .24s ease, transform .24s ease;
}

.sec-lnk:hover{
  color:#111827;
  transform:translateX(2px);
}

/* v192 — renkli şerit (band) sistemi. Mevcut .section/.framed-panel'in YANINA eklenir,
   onları değiştirmez. .kd-band bir <section> üzerine ek class olarak kullanılır;
   .kd-band__inner tüm genişlikte şeridin içeriğini ortalar. */
.kd-band{
  width:100%;
  padding:var(--kd-band-pad-y) 0;
}

.kd-band__inner{
  max-width:var(--kd-band-inner-max);
  margin:0 auto;
  padding-inline:clamp(20px,4vw,64px);
  box-sizing:border-box;
}

.kd-band--brand{ background:var(--kd-band-brand-bg); color:var(--kd-band-brand-text); }
.kd-band--ink{ background:var(--kd-band-ink-bg); color:var(--kd-band-ink-text); }
.kd-band--cream{ background:var(--kd-band-cream-bg); color:var(--kd-band-cream-text); }
.kd-band--paper{ background:var(--kd-band-paper-bg); color:var(--kd-band-paper-text); }
.kd-band--teal{ background:var(--kd-band-teal-bg); color:var(--kd-band-teal-text); }
.kd-band--teal .sec-lnk{ color:rgba(255,255,255,.72); }
.kd-band--teal .sec-lnk:hover{ color:#fff; }

.kd-band .sec-ttl, .kd-band .sec-lnk{ color:inherit; }

.sec-head--band{ margin-bottom:36px; }

.sec-eye--band{
  font-size:11px;
  letter-spacing:4px;
  padding:4px 10px;
  border-radius:4px;
  background:rgba(255,255,255,.14);
  display:inline-block;
}
.kd-band--cream .sec-eye--band, .kd-band--paper .sec-eye--band{
  background:rgba(20,24,31,.08);
  color:var(--kd-band-brand-bg);
}

.sec-ttl--band{
  font-size:clamp(38px,4vw,64px);
  letter-spacing:2px;
  font-weight:900;
}

.kd-band--cream .sec-lnk, .kd-band--paper .sec-lnk{ color:var(--kd-band-brand-bg); }
.kd-band--brand .sec-lnk, .kd-band--ink .sec-lnk{ color:rgba(255,255,255,.72); }
.kd-band--brand .sec-lnk:hover, .kd-band--ink .sec-lnk:hover{ color:#fff; }

/* v218 — ana sayfa "Bugünün Akışı" teaser'ı 4 öğeyle sınırlı, .sched-grid'in
   varsayılan 5 kolonunu 4'e indiriyoruz (programlar.ejs'in kendi #scheduleGrid'i
   bu kuraldan etkilenmiyor, id seçici daha özgül). */
#homeScheduleTeaser.sched-grid{ grid-template-columns:repeat(4,1fr); }
@media(max-width:900px){ #homeScheduleTeaser.sched-grid{ grid-template-columns:repeat(2,1fr); } }
@media(max-width:520px){ #homeScheduleTeaser.sched-grid{ grid-template-columns:1fr; } }

.sched-grid{
  display:grid;grid-template-columns:repeat(5,1fr);gap:16px;
}

.sched-item{
  background:var(--sur);border:1px solid var(--bd);border-radius:16px;overflow:hidden;cursor:pointer;transition:.2s;position:relative;
}

.sched-item:hover{
  border-color:#D1D5DB;transform:translateY(-3px);box-shadow:0 8px 28px rgba(0,0,0,.09);
}

.sched-item.now{
  border-color:rgba(224,32,32,.22);
  background:linear-gradient(160deg,#FFF8F8 0%,#FFFFFF 68%);
}

.sched-item.now::after{
  content:'';
  position:absolute;
  bottom:0;
  left:0;
  right:0;
  height:2px;
  background:linear-gradient(90deg,var(--red),rgba(224,32,32,0));
}

.dj-photo{
  width:100%;aspect-ratio:4/5;object-fit:cover;display:block;
}

/* v217 — TRT.net.tr referansıyla: program saati artık fotoğrafın ALTINDA ayrı
   bir metin olarak değil, fotoğrafın ÜZERİNE bindirilmiş bir rozet olarak
   gösteriliyor (TV rehberi hissi). .sched-photo yeni bir sarmalayıcı —
   eski .dj-photo/.vinyl-wrap kurallarına dokunmuyor, sadece konumlandırma
   context'i sağlıyor. */
.sched-photo{ position:relative; }
.sched-photo::after{
  content:'';
  position:absolute; left:0; right:0; bottom:0; height:52%;
  background:linear-gradient(180deg,rgba(0,0,0,0) 0%,rgba(0,0,0,.72) 100%);
  pointer-events:none;
}
.sched-time-badge{
  position:absolute; left:9px; bottom:8px; z-index:2;
  font-size:10px; font-weight:800; letter-spacing:.6px; color:#fff;
  font-variant-numeric:tabular-nums;
  text-shadow:0 1px 3px rgba(0,0,0,.5);
}

.dj-photo-placeholder{
  width:100%;aspect-ratio:1;background:linear-gradient(135deg,#1a1a2e,#111);display:flex;align-items:center;justify-content:center;font-size:40px;
}

.sched-body{
  padding:13px;
}

.sched-now-badge{
  display:flex;align-items:center;gap:5px;font-size:7px;font-weight:800;letter-spacing:2px;text-transform:uppercase;color:var(--theme-primary, var(--red));background:var(--rdim);border:1px solid rgba(224,32,32,.22);padding:3px 7px;border-radius:3px;margin-bottom:7px;width:fit-content;display:none;
}

.sched-item.now .sched-now-badge{
  display:flex;
}

.sched-time{
  font-size:9px;font-weight:700;letter-spacing:1.5px;color:#9CA3AF;margin-bottom:5px;font-variant-numeric:tabular-nums;
}

.sched-name{
  font-family:"Bebas Neue",sans-serif;
  font-size:17px;
  letter-spacing:1.7px;
  color:#111827;
  line-height:1.1;
  margin-bottom:3px;
}

.sched-host{
  font-size:10px;
  font-weight:600;
  color:#D82020;
}

.news-grid{
  display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;align-items:stretch;
}

.news-card{
  background:var(--sur);
  border:1px solid var(--bd);
  border-radius:16px;
  overflow:hidden;
  cursor:pointer;
  transition:.2s;
  display:flex;
  flex-direction:column;
  min-height:350px;
  height:100%;
}

.news-card:hover{
  border-color:#D1D5DB;transform:translateY(-3px);box-shadow:0 8px 28px rgba(0,0,0,.09);
}

.news-thumb{
  width:100%;aspect-ratio:16/9;display:flex;align-items:center;justify-content:center;font-size:38px;
}

.news-thumb-wrap{
  width:100%;overflow:hidden;aspect-ratio:16/9;background:linear-gradient(135deg,#111,#444);
}

.news-card:nth-child(1) .news-thumb{
  background:linear-gradient(135deg,#111,#333);
}

.news-card:nth-child(2) .news-thumb{
  background:linear-gradient(135deg,#1a1a1a,#444);font-size:28px;
}

.news-card:nth-child(3) .news-thumb{
  background:linear-gradient(135deg,#222,#555);font-size:28px;
}

.news-body{
  padding:15px;
}

.news-tag{
  font-size:8px;
  font-weight:800;
  letter-spacing:2.25px;
  text-transform:uppercase;
  color:#D82020;
  margin-bottom:7px;
}

.news-ttl{
  font-weight:800;
  font-size:13.4px;
  line-height:1.5;
  color:#111827;
  margin-bottom:7px;
}

.news-card:not(:first-child) .news-ttl{
  font-size:13px;
}

.news-card .news-body{
  flex:1;display:flex;flex-direction:column;
}

.news-card .news-date{
  margin-top:auto;
}

.news-date{
  font-size:9px;color:#9CA3AF;
}

.ig-grid{
  display:grid;grid-template-columns:repeat(6,1fr);gap:10px;
}

.ig-item{
  aspect-ratio:1;border-radius:12px;overflow:hidden;cursor:pointer;position:relative;border:1px solid var(--bd);transition:.2s;
}

.ig-item:hover{
  border-color:var(--bd2);transform:scale(1.03);
}

.ig-thumb{
  width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:26px;
}

.ig-item:nth-child(1) .ig-thumb{
  background:linear-gradient(135deg,#833ab4,#fd1d1d,#fcb045);
}

.ig-item:nth-child(2) .ig-thumb{
  background:linear-gradient(135deg,#111,#444);
}

.ig-item:nth-child(3) .ig-thumb{
  background:linear-gradient(135deg,#1a1a1a,#E02020);
}

.ig-item:nth-child(4) .ig-thumb{
  background:linear-gradient(135deg,#0a1a0a,#1a4020);
}

.ig-item:nth-child(5) .ig-thumb{
  background:linear-gradient(135deg,#222,#E02020);
}

.ig-item:nth-child(6) .ig-thumb{
  background:linear-gradient(135deg,#333,#111);
}

.ig-ov{
  position:absolute;inset:0;background:rgba(0,0,0,0);display:flex;align-items:center;justify-content:center;transition:.22s;
}

.ig-item:hover .ig-ov{
  background:rgba(0,0,0,.42);
}

.ig-ov-i{
  font-size:22px;opacity:0;transform:scale(.7);transition:.2s;color:#fff;
}

.ig-item:hover .ig-ov-i{
  opacity:1;transform:scale(1);
}

.app-row{
  display:flex;gap:10px;margin-top:10px;
}

.app-btn{
  display:flex;align-items:center;gap:7px;padding:8px 14px;border-radius:9px;background:var(--blk);color:#fff;font-size:10px;font-weight:700;transition:.18s;
}

.app-btn:hover{
  background:#222;
}

.footer{
  background:linear-gradient(180deg,#101720 0%,#0D1117 100%);
  padding:52px 56px 40px;
  display:grid;
  grid-template-columns:1.8fr 1fr 1fr 1fr;
  gap:48px;
  padding-top:46px;
  padding-bottom:34px;
}

.footer-logo img{
  height:52px;
  width:auto;
  margin-bottom:12px;
  display:block;
  filter:none;
}

.footer-slogan{
  font-family:"Playfair Display",serif;font-style:italic;font-size:12px;color:rgba(255,255,255,.3);margin-bottom:16px;
}

.footer-soc{
  display:flex;flex-wrap:wrap;gap:8px;margin-bottom:18px;
}

.footer-soc-btn{
  display:flex;align-items:center;gap:7px;padding:7px 12px;border-radius:8px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.1);font-size:10px;font-weight:700;color:rgba(255,255,255,.55);transition:.18s;
}

.footer-soc-btn:hover{
  background:rgba(255,255,255,.14);color:#fff;
}

.footer-soc-btn span{
  font-size:14px;
}

.footer-bc{
  font-size:10px;line-height:1.8;color:rgba(255,255,255,.3);
}

.footer-bc strong{
  color:var(--theme-primary, var(--red));display:block;margin-bottom:2px;
}

.ft-col-ttl{
  font-family:"Bebas Neue",sans-serif;
  font-size:14px;
  letter-spacing:3.2px;
  color:rgba(255,255,255,.82);
  margin-bottom:14px;
}

.ft-links{
  display:flex;flex-direction:column;gap:9px;
}

.ft-link{
  font-size:11px;color:rgba(255,255,255,.35);transition:.18s;
}

.ft-link:hover{
  color:rgba(255,255,255,.84);
}

.footer-bot{
  background:#090D13;
  padding:13px 56px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  font-size:10px;
  color:rgba(255,255,255,.28);
  border-top:1px solid rgba(255,255,255,.05);
}

.hero-left>*{
  animation:fadeUp .65s ease both;
}

.hero-left>*:nth-child(1){
  animation-delay:.05s;
}

.hero-left>*:nth-child(2){
  animation-delay:.14s;
}

.hero-left>*:nth-child(3){
  animation-delay:.22s;
}

.hero-left>*:nth-child(4){
  animation-delay:.3s;
}

.hero-left>*:nth-child(5){
  animation-delay:.38s;
}

.hero-left>*:nth-child(6){
  animation-delay:.46s;
}

.eb{
  animation:ea var(--d) ease-in-out infinite alternate;
}

.h-contact{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:12px;
  flex-wrap:wrap;
  margin-top:0;
}

.h-wa-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:7px;
  height:38px;
  min-width:132px;
  padding:6px 12px;
  border-radius:12px;
  background:#25D366;
  color:#fff;
  font-size:9px;
  font-weight:800;
  letter-spacing:1px;
  text-transform:uppercase;
  transition:.18s;
  white-space:nowrap;
  box-shadow: 0 4px 16px rgba(37,211,102,.25);
}

.h-wa-btn:hover{
  background:#1ebe5d; transform:scale(1.04);
}

.h-wa-btn svg{
  flex-shrink:0;
  width:14px;
  height:14px;
}

.h-on-air{
  display:flex;
  align-items:center;
  gap:7px;
  font-size:9.5px;
  color:rgba(255,255,255,.45);
}

.h-on-air strong{
  color:#fff; font-weight:700;
}

.footer-brandline{
  display:flex; flex-direction:column; gap:7px;
  margin-bottom:18px;
  padding:14px 16px;
  background:rgba(255,255,255,.04);
  border:1px solid rgba(255,255,255,.07);
  border-radius:10px;
}

.footer-brandline-row{
  display:flex; align-items:center; gap:8px;
  font-size:10px; color:rgba(255,255,255,.4);
}

.footer-brandline-icon{
  font-size:13px; flex-shrink:0;
}

.footer-wa{
  display:inline-flex; align-items:center; gap:8px;
  margin-top:14px;
  padding:8px 14px; border-radius:8px;
  background:rgba(37,211,102,.12);
  border:1px solid rgba(37,211,102,.25);
  color:#25D366;
  font-size:10px; font-weight:700; letter-spacing:1px;
  transition:.18s;
}

.footer-wa:hover{
  background:rgba(37,211,102,.2);
}

.ticker-bar{
  width:100%; height:36px;
  background:var(--blk);
  border-bottom:1px solid rgba(255,255,255,.06);
  display:flex; align-items:center;
  overflow:hidden; position:relative;
  z-index:290;
}

.ticker-live-badge{
  display:flex; align-items:center; gap:6px;
  padding:0 18px;
  font-size:8px; font-weight:800; letter-spacing:2px;
  color:var(--theme-primary, var(--red)); text-transform:uppercase;
  border-right:1px solid rgba(255,255,255,.08);
  flex-shrink:0; height:100%;
  background:rgba(224,32,32,.06);
}

.ticker-dot{
  width:6px; height:6px; border-radius:50%;
  background:var(--theme-primary, var(--red)); animation:blink 1.3s infinite;
  flex-shrink:0;
}

.ticker-track{
  flex:1; overflow:hidden; height:100%;
  display:flex; align-items:center;
  /* v200: "KLAS CANLI" rozeti kayan yazıya yapışık duruyordu — rozetle
     mesaj şeridi arasında kalıcı bir nefes payı bırakıyoruz. */
  padding-left:16px;
}

.ticker-inner{
  display:flex;
  align-items:center;
  gap:0;
  white-space:nowrap;
  animation:tickerScroll 120s linear infinite;
  animation-duration: var(--ticker-speed-desktop) !important;
  animation-timing-function: linear !important;
  will-change: transform;
  transform: translateZ(0);
}

.ticker-inner span{
  font-size:11px; font-weight:600;
  color:rgba(255,255,255,.55);
  padding:0 32px;
  position:relative;
}

.ticker-inner span::after{
  content:'·';
  position:absolute; right:0;
  color:rgba(255,255,255,.2);
}

.ticker-bar:hover .ticker-inner{
  animation-play-state: paused !important;
}

.vinyl-wrap{
  width:100%; aspect-ratio:4/5;
  background:linear-gradient(135deg,#0a0a0a,#1a1a1a);
  display:flex; align-items:center; justify-content:center;
  position:relative; overflow:hidden;
}

.vinyl-wrap::before{
  content:'';
  position:absolute; inset:0;
  background:
    radial-gradient(circle at 30% 30%, rgba(120,40,200,.12) 0%, transparent 50%),
    radial-gradient(circle at 70% 70%, rgba(224,32,32,.08) 0%, transparent 50%);
}

.vinyl-disc{
  width:90%;
  aspect-ratio:1;
  border-radius:50%;
  background:
    radial-gradient(circle at 35% 35%, #2a1a3a 0%, #1a0a2a 25%, #120818 55%, #1e0e2e 80%, #2a1a3a 100%);
  position:relative;
  animation:spin 4s linear infinite !important;
  box-shadow:
    0 0 0 1px rgba(180,100,255,.08),
    0 8px 40px rgba(0,0,0,.8),
    0 0 30px rgba(120,40,200,.12),
    inset 0 0 20px rgba(0,0,0,.4);
  animation-duration: var(--vinyl-speed-schedule) !important;
  will-change:transform;
}

.vinyl-groove{
  position:absolute; border-radius:50%;
  border:1.5px solid rgba(180,120,255,.12);
  top:50%; left:50%;
  transform:translate(-50%,-50%);
}

.vinyl-groove.g1{
  width:92%; height:92%; border-color:rgba(180,120,255,.15);
}

.vinyl-groove.g2{
  width:82%; height:82%; border-color:rgba(180,120,255,.1);
}

.vinyl-groove.g3{
  width:72%; height:72%; border-color:rgba(180,120,255,.14);
}

.vinyl-groove.g4{
  width:62%; height:62%; border-color:rgba(180,120,255,.09);
}

.vinyl-groove.g5{
  width:52%; height:52%; border-color:rgba(180,120,255,.12);
}

.vinyl-groove.g6{
  width:42%; height:42%; border-color:rgba(180,120,255,.08);
}

.vinyl-center{
  position:absolute;
  top:50%;
  left:50%;
  transform:translate(-50%,-50%);
  width:34%;
  aspect-ratio:1;
  border-radius:50%;
  background:#fff;
  display:flex;
  align-items:center;
  justify-content:center;
  box-shadow:
    0 0 18px rgba(224,32,32,.55),
    0 0 36px rgba(224,32,32,.16),
    inset 0 1px 0 rgba(255,255,255,.25),
    inset 0 0 8px rgba(0,0,0,.18);
  z-index:4;
  pointer-events:none;
}

.vinyl-shine{
  position:absolute; inset:0; border-radius:50%;
  background:linear-gradient(135deg,
    rgba(255,255,255,.06) 0%,
    transparent 40%,
    transparent 60%,
    rgba(255,255,255,.02) 100%
  );
  pointer-events:none;
}

.vinyl-arm{
  position:absolute;
  top:8%;
  right:10%;
  width:4px;
  height:40%;
  background:linear-gradient(to bottom, #888, #555);
  border-radius:2px;
  transform-origin:top center;
  transform:rotate(28deg);
  z-index:5;
  animation:armFloat 6s ease-in-out infinite;
}

.vinyl-arm-head{
  position:absolute; bottom:-4px; left:50%;
  transform:translateX(-50%);
  width:8px; height:8px; border-radius:50%;
  background:radial-gradient(circle,#aaa,#666);
  box-shadow:0 2px 4px rgba(0,0,0,.5);
}

.sched-item.now .vinyl-disc{
  animation-duration: 18s;
  box-shadow:
    0 0 0 1px rgba(180,100,255,.25),
    0 8px 32px rgba(120,40,200,.25),
    0 0 50px rgba(224,32,32,.15),
    inset 0 0 20px rgba(0,0,0,.4);
}

.sched-item.now .vinyl-wrap::before{
  background:
    radial-gradient(circle at 30% 30%, rgba(140,50,220,.25) 0%, transparent 50%),
    radial-gradient(circle at 70% 70%, rgba(224,32,32,.2) 0%, transparent 50%);
}

.news-thumb-placeholder{
  width:100%; aspect-ratio:16/9;
  background:linear-gradient(90deg, var(--bg) 25%, var(--bg-alt,#e8e8e8) 50%, var(--bg) 75%);
  background-size:200% 100%;
  animation:shimmer 1.5s infinite;
}

.news-ttl-ph{
  height:14px; background:linear-gradient(90deg, var(--bg) 25%, var(--bg-alt,#e8e8e8) 50%, var(--bg) 75%);
  background-size:200% 100%; animation:shimmer 1.5s infinite;
  border-radius:4px; margin-bottom:8px;
}

.news-thumb-img{
  width:100%; height:100%; aspect-ratio:16/9; object-fit:cover; display:block;
}

.inline-player{
  display:none;
  margin-top:14px;
  width:min(650px,100%);
  grid-template-columns:1fr auto auto;
  align-items:center;
  gap:18px;
  padding:16px 18px;
  border:1px solid rgba(255,255,255,.12);
  border-radius:24px;
  background:linear-gradient(135deg,rgba(18,23,33,.94),rgba(9,12,18,.96));
  box-shadow:0 18px 46px rgba(0,0,0,.38),inset 0 1px 0 rgba(255,255,255,.055);
}

.inline-player.open{
  display:grid;
}

.inline-status{
  display:flex;align-items:center;gap:12px;min-width:0;
}

.inline-status-dot{
  width:10px;height:10px;border-radius:50%;background:#E02020;box-shadow:0 0 0 6px rgba(224,32,32,.12),0 0 18px rgba(224,32,32,.6);flex:0 0 auto;
}

.inline-label{
  font-size:9px;font-weight:900;letter-spacing:2.4px;text-transform:uppercase;color:rgba(255,255,255,.45);margin-bottom:4px;
}

.inline-title{
  font-size:18px;line-height:1.1;font-weight:900;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:330px;
}

.inline-sub{
  font-size:12px;font-weight:800;color:#E02020;margin-top:3px;
}

.inline-controls{
  display:flex;align-items:center;gap:10px;
}

.inline-mini,.inline-play,.inline-close{
  appearance:none;-webkit-appearance:none;border:0;margin:0;padding:0;font:inherit;color:inherit;cursor:pointer;
}

.inline-mini{
  width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:rgba(255,255,255,.07);color:rgba(255,255,255,.66);font-size:14px;transition:.18s;
}

.inline-mini:hover{
  background:rgba(255,255,255,.12);color:#fff;
}

.inline-play{
  width:54px;height:54px;border-radius:50%;display:grid;place-items:center;background:#E02020;color:#fff;box-shadow:0 10px 28px rgba(224,32,32,.34);transition:.18s;
}

.inline-play:hover{
  transform:translateY(-1px);background:#f22626;
}

.inline-close{
  width:32px;height:32px;border-radius:50%;display:grid;place-items:center;background:rgba(255,255,255,.07);color:rgba(255,255,255,.62);font-size:18px;line-height:1;
}

.inline-close:hover{
  background:rgba(255,255,255,.13);color:#fff;
}

.klas-tv-logo{
  display:flex;
  grid-template-columns:auto auto;
  grid-template-rows:auto auto;
  align-items:flex-start;
  column-gap:9px;
  line-height:1;
  color:#fff;
  position:relative;
  width:auto;
  height:42px;
  overflow:visible;
  gap:7px;
}

.klas-tv-logo .kt-small{
  grid-column:1;grid-row:1;font-size:6px;font-weight:900;letter-spacing:2.1px;opacity:.72;margin-left:2px;margin-bottom:2px;
}

.klas-tv-logo .kt-main{
  grid-column:1;grid-row:2;font-family:"Bebas Neue",sans-serif;font-size:30px;letter-spacing:3.2px;
}

.klas-tv-logo .kt-tv{
  grid-column:2;grid-row:2;font-family:"Bebas Neue",sans-serif;font-size:26px;letter-spacing:2px;color:#E02020;position:relative;top:-1px;
}

.klas-tv-logo .kt-tv::after{
  content:'';display:block;height:3px;border-radius:4px;background:#E02020;margin-top:3px;box-shadow:0 0 14px rgba(224,32,32,.45);
}

.s-bg.has-img{
  background-color:#060913;
  filter:none;
  background:#050711;
}

.s-bg.has-img::before{
  content:'';
  position:absolute;
  inset:0;
  background:linear-gradient(180deg,rgba(0,0,0,.06),rgba(0,0,0,.72)),linear-gradient(90deg,rgba(0,0,0,.34),rgba(0,0,0,.04));
  z-index:2;
}

.inline-player,
.inline-player.open{
  display:none !important;
}

.h-listen-card .h-eq{
  transition:.2s ease;
}

.h-listen-card.is-playing{
  border-color:rgba(224,32,32,.42);
  box-shadow:0 15px 40px rgba(224,32,32,.18), inset 0 1px 0 rgba(255,255,255,.06);
}

.h-listen-card.is-playing .h-eq .eb{
  animation:eq 1s infinite ease-in-out alternate;animation-delay:var(--d);height:var(--h) !important;
}

.h-hl .r,
.h-hl .g{
  display:inline-block;
}

.h-hl.h-hl-alt{
  display:flex;
  flex-direction:column;
  gap:4px;
  line-height:.94;
  letter-spacing:1.4px;
  max-width:min(92vw,720px);
  margin-top:2px;
  font-size:clamp(38px,4.25vw,64px);
}

.h-hl-alt .h-line{
  display:block;
  white-space:nowrap;
}

.h-hl-alt .h-line-1{
  color:#fff;
}

.h-hl-alt .h-line-2{
  margin-left:clamp(54px,7.2vw,112px);
}

.h-hl-alt .r,
.h-hl-alt .g{
  display:inline;
  margin:0;
}

.h-hl-alt .g{
  color:rgba(255,255,255,.24);
}

.ktv-main-mark{
  display:block;
  width:112px;
  height:auto;
  max-height:35px;
  object-fit:contain;
  filter:drop-shadow(0 1px 0 rgba(0,0,0,.55)) drop-shadow(0 0 12px rgba(255,255,255,.08));
}

.ktv-tv-badge{
  position:relative;
  right:0;
  top:2px;
  margin:0;
  font-family:"Bebas Neue",Arial,sans-serif;
  font-size:20px;
  letter-spacing:1.3px;
  color:#E02020;
  line-height:.9;
  text-shadow:0 0 10px rgba(224,32,32,.35);
  font-weight:800;
  margin-top:2px;
  margin-left:-2px;
}

.ktv-tv-badge::after{
  content:none !important;
  display:none !important;
}

.s-img{
  position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 25%;display:block;z-index:1;filter:saturate(1.05) contrast(1.04);
}

.s-bg:not(.has-img) .s-img{
  display:none;
}

.klas-tv-logo .ktv-main-mark{
  display:block;
  width:116px;
  max-width:116px;
  max-height:36px;
  object-fit:contain;
  object-position:left center;
}

.klas-tv-logo .ktv-tv-badge{
  position:absolute;
  left:123px;
  top:8px;
  margin:0;
  font-family:"Bebas Neue",Arial,sans-serif;
  font-size:18px;
  letter-spacing:1.4px;
  color:#E02020;
  line-height:1;
  font-weight:800;
  text-shadow:0 0 10px rgba(224,32,32,.32);
}

.klas-tv-logo .ktv-tv-badge::after{
  content:none !important;display:none !important;
}

.social-platform-grid{
  grid-template-columns:repeat(6,1fr);gap:12px;
}

.social-platform-grid .social-card{
  position:relative;
  display:flex;
  flex-direction:column;
  justify-content:space-between;
  min-height:185px;
  aspect-ratio:1/1;
  padding:18px;
  text-decoration:none;
  color:#fff;
  border:1px solid rgba(255,255,255,.10);
  box-shadow:0 14px 30px rgba(15,23,42,.08);
  overflow:hidden;
  border-color:rgba(255,255,255,.08);
}

.social-card-bg{
  position:absolute;
  inset:0;
  z-index:0;
  transition:transform .28s ease,filter .28s ease;
  filter:saturate(.92) brightness(.92);
}

.social-card:hover .social-card-bg{
  transform:scale(1.035);
  filter:saturate(1.02) brightness(.96);
}

.social-card-bg.instagram{
  background:radial-gradient(circle at 20% 20%,#833ab4 0%,transparent 32%),linear-gradient(135deg,#405DE6 0%,#C13584 38%,#E1306C 62%,#F77737 100%);
}

.social-card-bg.tiktok{
  background:radial-gradient(circle at 18% 18%,rgba(37,244,238,.45) 0%,transparent 32%),radial-gradient(circle at 85% 80%,rgba(254,44,85,.55) 0%,transparent 34%),linear-gradient(135deg,#08090d,#171923);
}

.social-card-bg.spotify{
  background:linear-gradient(135deg,#0B2815,#1DB954 120%);
}

.social-card-bg.youtube{
  background:linear-gradient(135deg,#2A0707,#FF0000 120%);
}

.social-card-bg.facebook{
  background:linear-gradient(135deg,#0D2A56,#1877F2 120%);
}

.social-card-bg.klastv{
  background:radial-gradient(circle at 22% 24%,rgba(224,32,32,.42) 0%,transparent 34%),linear-gradient(135deg,#111827,#020617);
}

.social-card:after{
  content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(180deg,rgba(0,0,0,.06),rgba(0,0,0,.52));
}

.social-card-content,.social-card-action{
  position:relative;z-index:2;
}

.social-card-content{
  display:flex;align-items:center;gap:12px;margin-top:auto;
}

.social-card-icon{
  width:42px;
  height:42px;
  border-radius:13px;
  background:rgba(255,255,255,.13);
  border:1px solid rgba(255,255,255,.22);
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:20px;
  font-weight:900;
  letter-spacing:-.5px;
  backdrop-filter:blur(6px);
  border-color:rgba(255,255,255,.17);
}

.social-card-name{
  font-size:15px;
  font-weight:900;
  letter-spacing:.8px;
  line-height:1.1;
  text-transform:uppercase;
}

.social-card-user{
  font-size:10px;font-weight:700;letter-spacing:.5px;opacity:.78;margin-top:4px;
}

.social-card-action{
  align-self:flex-start;
  padding:7px 10px;
  border-radius:999px;
  background:rgba(255,255,255,.12);
  border:1px solid rgba(255,255,255,.18);
  font-size:9px;
  font-weight:900;
  letter-spacing:1.3px;
  text-transform:uppercase;
  opacity:.95;
  border-color:rgba(255,255,255,.14);
}

.social-platform-grid .ig-ov{
  display:none;
}

.real-logo-grid{
  gap:14px;
}

.real-logo-grid .real-social-card{
  min-height:190px;
  padding:20px 16px;
  border:1px solid rgba(15,23,42,.10);
  background:linear-gradient(145deg,#111827,#05070c);
  box-shadow:0 14px 38px rgba(15,23,42,.12);
  isolation:isolate;
  justify-content:center;
  align-items:center;
  text-align:center;
  gap:12px;
}

.real-logo-grid .real-social-card:hover{
  transform:translateY(-4px);
  border-color:rgba(224,32,32,.28);
  box-shadow:0 22px 54px rgba(15,23,42,.18);
}

.real-logo-grid .social-card-bg{
  opacity:.24;
  filter:saturate(.82) contrast(1.05);
}

.real-logo-grid .brand-logo-wrap{
  width:68px;
  height:68px;
  border-radius:22px;
  background:rgba(255,255,255,.10);
  border:1px solid rgba(255,255,255,.18);
  box-shadow:0 18px 45px rgba(0,0,0,.24), inset 0 1px 0 rgba(255,255,255,.12);
  position:relative;
  z-index:2;
  display:flex;
  align-items:center;
  justify-content:center;
  backdrop-filter:blur(10px);
}

.real-logo-grid .brand-svg{
  max-width:52px;
  max-height:52px;
  width:48px;
  height:48px;
  filter:drop-shadow(0 8px 14px rgba(0,0,0,.30));
  display:block;
}

.real-logo-grid .youtube-logo .brand-svg{
  width:58px;
  max-width:60px;
  height:auto;
}

.real-logo-grid .social-card-name{
  font-size:16px;
  font-weight:900;
  letter-spacing:.8px;
  color:#fff;
}

.real-logo-grid .social-card-user{
  margin-top:4px;
  font-size:10px;
  font-weight:700;
  letter-spacing:.7px;
  color:rgba(255,255,255,.62);
  opacity:.82;
}

.real-logo-grid .social-card-action{
  padding:7px 12px;
  border-radius:999px;
  background:rgba(255,255,255,.08);
  border:1px solid rgba(255,255,255,.12);
  color:rgba(255,255,255,.72);
  font-size:9px;
  font-weight:900;
  letter-spacing:1.1px;
  text-transform:uppercase;
  transition:.18s ease;
  position:relative;
  z-index:2;
  align-self:center;
  margin-top:2px;
}

.real-logo-grid .real-social-card:hover .social-card-action{
  background:rgba(224,32,32,.18);
  border-color:rgba(224,32,32,.34);
  color:#fff;
}

.real-logo-grid .klastv-logo{
  width:86px;
  height:72px;
  border-radius:20px;
  gap:5px;
  background:linear-gradient(135deg,rgba(255,255,255,.10),rgba(255,255,255,.04));
}

.real-logo-grid .klastv-logo .brand-svg{
  width:76px;
  max-width:78px;
  height:auto;
}

.real-logo-grid .klas-word{
  font-size:26px;
  letter-spacing:3px;
  font-family:Impact,'Arial Black',sans-serif;
  line-height:1;
  color:#fff;
  text-shadow:0 8px 18px rgba(0,0,0,.35);
}

.real-logo-grid .tv-word{
  font-size:14px;
  color:#ef2029;
  margin-top:12px;
  font-family:Impact,'Arial Black',sans-serif;
  letter-spacing:.5px;
  align-self:flex-start;
}

.admin-app-panel-overlay{
  position:fixed; inset:0; z-index:900;
  display:none; align-items:center; justify-content:center;
  padding:24px;
  background:rgba(5,8,14,.68);
  backdrop-filter:blur(10px);
}

.admin-app-panel-overlay.open{
  display:flex;
}

.admin-app-panel{
  width:min(560px,100%);
  border-radius:24px;
  background:linear-gradient(145deg,#101722,#080b11);
  border:1px solid rgba(255,255,255,.12);
  box-shadow:0 24px 80px rgba(0,0,0,.52), inset 0 1px 0 rgba(255,255,255,.06);
  color:#fff;
  overflow:hidden;
  max-width:760px;
}

.admin-app-panel-head{
  display:flex; align-items:center; justify-content:space-between; gap:18px;
  padding:22px 24px 16px;
  border-bottom:1px solid rgba(255,255,255,.08);
}

.admin-app-panel-kicker{
  font-size:8px; font-weight:900; letter-spacing:2.6px; text-transform:uppercase;
  color:#E02020; margin-bottom:6px;
}

.admin-app-panel-title{
  font-family:"Bebas Neue",sans-serif;
  font-size:25px; letter-spacing:2.4px; line-height:1;
}

.admin-app-close{
  width:36px; height:36px; border-radius:50%;
  border:1px solid rgba(255,255,255,.12);
  background:rgba(255,255,255,.07);
  color:rgba(255,255,255,.8);
  font-size:22px; line-height:1; display:grid; place-items:center;
}

.admin-app-close:hover{
  background:rgba(255,255,255,.13);color:#fff;
}

.admin-app-panel-body{
  padding:22px 24px 24px;
  max-height:68vh;
  overflow:auto;
}

.admin-app-help{
  margin:0 0 16px;
  font-size:12px; line-height:1.65;
  color:rgba(255,255,255,.58);
}

.admin-app-field{
  display:flex;flex-direction:column;gap:7px;margin-bottom:14px;
}

.admin-app-field label{
  font-size:9px; font-weight:900; letter-spacing:2px; text-transform:uppercase;
  color:rgba(255,255,255,.48);
}

.admin-app-field input{
  width:100%; height:44px;
  border-radius:12px;
  border:1px solid rgba(255,255,255,.12);
  background:rgba(255,255,255,.055);
  color:#fff;
  padding:0 14px;
  outline:none;
  font-family:"Montserrat",sans-serif;
  font-size:12px;
}

.admin-app-field input:focus{
  border-color:rgba(224,32,32,.56);
  box-shadow:0 0 0 3px rgba(224,32,32,.12);
}

.admin-app-actions{
  display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:18px;
}

.admin-app-save,
.admin-app-reset{
  height:42px; border-radius:999px; padding:0 18px;
  font-size:10px; font-weight:900; letter-spacing:1.6px; text-transform:uppercase;
  border:1px solid transparent;
}

.admin-app-save{
  background:#E02020;color:#fff;box-shadow:0 10px 28px rgba(224,32,32,.22);
}

.admin-app-save:hover{
  background:#f02a2a;
}

.admin-app-reset{
  background:rgba(255,255,255,.06);color:rgba(255,255,255,.7);border-color:rgba(255,255,255,.12);
}

.admin-app-reset:hover{
  background:rgba(255,255,255,.11);color:#fff;
}

.admin-app-status{
  min-height:18px; margin-top:14px;
  font-size:11px; color:rgba(255,255,255,.58);
}

.admin-app-status.ok{
  color:#36d97e;
}

.admin-app-status.err{
  color:#ff7878;
}

.section.editorial-news-section,
.section.editorial-social-section,
.framed-panel{
  position:relative;
  isolation:isolate;
}

/* v211: Magazin sayfasındaki "gri arka plan üzerinde çerçeveli beyaz panel"
   görünümü (kullanıcı beğendi) — .framed-panel eklenen HERHANGİ bir section
   bu aynı çerçeveli paneli otomatik alır. Programlar, Reklam Verin ve
   Hakkımızda sayfalarına da eklendi (bkz. programlar.ejs, reklam.ejs,
   hakkimizda.ejs) — görsel dil artık tüm sayfalarda tutarlı.
   v212: .framed-panel'in kendi opaklığı biraz artırıldı — Magazin'deki
   panel, içindeki .news-grid'in KENDİ ayrı beyaz kutusuyla katmanlanıp daha
   belirgin duruyordu; Programlar/Reklam/Ana Sayfa'da böyle ikinci bir katman
   olmadığı için .editorial-*-section'daki değerlerle aynı panel gözle fark
   edilmeyecek kadar soluk kalıyordu. */
.section.editorial-news-section::before,
.section.editorial-social-section::before{
  content:'';
  position:absolute;
  left:56px;
  right:56px;
  top:26px;
  bottom:26px;
  border-radius:34px;
  background:var(--theme-section-panel-bg, linear-gradient(135deg,rgba(255,255,255,.68),rgba(248,249,251,.52)));
  border:1px solid var(--theme-card-border, rgba(17,24,39,.055));
  box-shadow:var(--theme-card-shadow-soft, 0 22px 70px rgba(17,24,39,.055));
  z-index:-1;
}

.framed-panel::before{
  content:'';
  position:absolute;
  left:56px;
  right:56px;
  top:26px;
  bottom:26px;
  border-radius:34px;
  background:var(--theme-section-panel-bg-strong, var(--theme-section-panel-bg, linear-gradient(135deg,rgba(255,255,255,.92),rgba(248,249,251,.8))));
  border:1px solid var(--theme-card-border-strong, var(--theme-card-border, rgba(17,24,39,.09)));
  box-shadow:var(--theme-card-shadow-soft, 0 22px 70px rgba(17,24,39,.08));
  z-index:-1;
}

.section.editorial-social-section::before{
  background:var(--theme-section-panel-bg, linear-gradient(135deg,rgba(255,255,255,.72),rgba(241,243,247,.58)));
}

.editorial-sec-head{
  position:relative;
  z-index:1;
  padding:0 22px;
}

.sec-subcopy{
  margin-top:8px;
  max-width:540px;
  font-size:12px;
  line-height:1.65;
  color:#6B7280;
  font-weight:500;
  letter-spacing:.1px;
}

.editorial-news-section .news-grid{
  position:relative;
  z-index:1;
  padding:22px;
  gap:18px;
  border-radius:28px;
  background:linear-gradient(180deg,rgba(255,255,255,.76),rgba(255,255,255,.45));
  border:1px solid rgba(17,24,39,.055);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.78);
}

.editorial-news-section .news-card{
  border-color:rgba(17,24,39,.07);
  box-shadow:none;
  background:rgba(255,255,255,.88);
  border-radius:20px;
  min-height:350px;
}

.editorial-news-section .news-card:hover{
  transform:translateY(-2px);
  border-color:rgba(224,32,32,.18);
  box-shadow:0 14px 34px rgba(17,24,39,.075);
}

.editorial-news-section .news-card:first-child{
  background:#fff;
}

.editorial-news-section .news-card:first-child .news-ttl{
  font-size:16px;
  line-height:1.42;
}

.editorial-news-section .news-thumb-wrap,
.editorial-news-section .news-thumb{
  border-radius:18px 18px 0 0;
}

.editorial-news-section .news-tag{
  letter-spacing:2.2px;
}

.editorial-social-section .real-logo-grid{
  position:relative;
  z-index:1;
  padding:22px;
  gap:14px;
  border-radius:28px;
  background:var(--theme-social-panel-bg, linear-gradient(180deg,rgba(10,13,20,.965),rgba(18,24,35,.94)));
  border:1px solid var(--theme-social-panel-border, rgba(255,255,255,.08));
  box-shadow:var(--theme-card-shadow, 0 22px 60px rgba(13,17,23,.18)), inset 0 1px 0 rgba(255,255,255,.06);
}

.editorial-social-section .real-social-card{
  border-radius:22px;
  border-color:var(--theme-card-border, rgba(255,255,255,.085));
  background:var(--theme-card-bg, rgba(255,255,255,.045));
  box-shadow:var(--theme-card-shadow-soft, none);
}

.editorial-social-section .real-social-card:hover{
  transform:translateY(-3px);
  border-color:rgba(255,255,255,.18);
  background:rgba(255,255,255,.075);
}

.editorial-social-section .section-head h2{
  letter-spacing:2.8px;
}

.editorial-social-section .sec-subcopy{
  color:#6B7280;
}

.hero-app-row-v100{
  position:relative;
  padding-top:8px;
  margin:-2px 0 4px;
  gap:10px;
}

.hero-app-row-v100::before{
  content:none;
}

.hero-app-badge{
  border-color:rgba(255,255,255,.16);
  background:linear-gradient(180deg,rgba(5,7,12,.96),rgba(10,13,20,.92));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 10px 24px rgba(0,0,0,.24);
  display:inline-flex;
  align-items:center;
  gap:9px;
  height:38px;
  min-width:132px;
  padding:6px 12px;
  border-radius:12px;
  border:1px solid rgba(255,255,255,.18);
  color:#fff;
  transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease;
}

.hero-app-badge:hover{
  transform:translateY(-1px);
  border-color:rgba(255,255,255,.32);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.10),0 14px 30px rgba(0,0,0,.30);
}

.nav-toggle{
  display:none;background:transparent;border:1px solid rgba(17,24,39,.14);border-radius:10px;width:38px;height:34px;align-items:center;justify-content:center;flex-direction:column;gap:4px;margin-left:auto;
}

.nav-toggle span{
  display:block;width:17px;height:2px;border-radius:2px;background:#111827;transition:.2s ease;
}

section[id], .tv-wrap[id]{
}

.about-section{
  background:linear-gradient(180deg,#f2f3f5 0%,#eceef1 100%);padding:58px 56px;border-top:1px solid rgba(17,24,39,.06);
}

.about-shell{
  max-width:1180px;margin:0 auto;display:grid;grid-template-columns:minmax(280px,.85fr) minmax(420px,1.15fr);gap:40px;align-items:center;
}

.about-kicker{
  font-size:9px;font-weight:900;letter-spacing:3px;text-transform:uppercase;color:var(--theme-primary, var(--red));margin-bottom:10px;
}

.about-brand-logo{
  display:block;width:min(420px,78vw);height:auto;margin:0 0 18px 0;
}

.about-title{
  font-family:"Bebas Neue",sans-serif;font-size:clamp(34px,3.7vw,52px);letter-spacing:2px;line-height:.98;color:#111827;margin-bottom:14px;max-width:620px;
}

.about-title-short{
  max-width:580px;
}

.about-title span{
  color:var(--theme-primary, var(--red));
}

.about-copy{
  font-size:13px;line-height:1.78;color:#4B5563;max-width:650px;
}

.about-grid{
  display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:22px;
}

.about-stat{
  background:rgba(255,255,255,.72);border:1px solid rgba(17,24,39,.08);border-radius:18px;padding:18px 16px;box-shadow:0 10px 26px rgba(17,24,39,.05);
}

.about-stat strong{
  display:block;font-family:"Bebas Neue",sans-serif;font-size:28px;letter-spacing:1.4px;color:#111827;line-height:1;
}

.about-stat span{
  display:block;margin-top:6px;font-size:10px;font-weight:800;letter-spacing:1.3px;text-transform:uppercase;color:#6B7280;
}

.about-card{
  background:#fff;border:1px solid rgba(17,24,39,.08);border-radius:24px;padding:26px;box-shadow:0 18px 42px rgba(17,24,39,.07);
}

.about-card h3{
  font-family:"Bebas Neue",sans-serif;font-size:26px;letter-spacing:1.8px;color:#111827;margin-bottom:10px;
}

.about-card p{
  font-size:12.5px;line-height:1.72;color:#4B5563;margin-bottom:14px;
}

.about-tags{
  display:flex;flex-wrap:wrap;gap:8px;margin-top:14px;
}

.about-tag{
  font-size:8px;font-weight:900;letter-spacing:1.8px;text-transform:uppercase;color:#111827;background:#F3F4F6;border:1px solid #E5E7EB;border-radius:999px;padding:7px 10px;
}

.tv-wrap .tv-head{
  position:relative;
}

.tv-wrap .tv-head .tv-head-l{
  width:100%;
  max-width:100%;
  position:static;
  display:flex;
  align-items:center;
}

.tv-wrap .tv-head #tvStatus.tv-st{
  position:absolute;
  top:50%;
  right:10px;
  left:auto;
  transform:translateY(-50%);
  margin:0;
  z-index:999;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  height:28px;
  min-height:28px;
  padding:0 13px;
  border-radius:999px;
  font-size:7px;
  font-weight:900;
  letter-spacing:1.75px;
  line-height:1;
  white-space:nowrap;
  text-transform:uppercase;
  pointer-events:none;
  color:rgba(226,232,240,.72);
  background:linear-gradient(135deg,rgba(15,23,42,.56),rgba(148,163,184,.10));
  border:1px solid rgba(148,163,184,.22);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.06),0 8px 22px rgba(0,0,0,.18);
}

.tv-wrap .tv-head #tvStatus.tv-st.off{
  color:rgba(226,232,240,.70);
  background:linear-gradient(135deg,rgba(15,23,42,.52),rgba(148,163,184,.10));
  border:1px solid rgba(148,163,184,.20);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.06),0 8px 22px rgba(0,0,0,.18);
}

.tv-wrap .tv-head #tvStatus.tv-st i{
  width:8px;
  height:8px;
  min-width:8px;
  min-height:8px;
  border-radius:50%;
  display:inline-block;
  flex:0 0 8px;
  background:#ef2029;
  box-shadow:0 0 0 0 rgba(239,32,41,.55),0 0 10px rgba(239,32,41,.85);
  animation:tvOfflineRedPulseV77 1.05s ease-in-out infinite !important;
}

.tv-wrap .tv-head #tvStatus.tv-st.off i{
  background:#ef2029;
  background-color:#ef2029;
  box-shadow:0 0 0 0 rgba(239,32,41,.55),0 0 10px rgba(239,32,41,.85);
  animation:tvOfflineRedPulseV77 1.05s ease-in-out infinite !important;
}

.tv-wrap .tv-head #tvStatus.tv-st.live{
  color:#ffffff;
  background:linear-gradient(135deg,rgba(22,163,74,.38),rgba(34,197,94,.16));
  border:1px solid rgba(74,222,128,.45);
  box-shadow:0 0 18px rgba(34,197,94,.22),inset 0 1px 0 rgba(255,255,255,.14);
}

.tv-wrap .tv-head #tvStatus.tv-st.live i{
  background:#22c55e;
  background-color:#ef2029;
  box-shadow:0 0 0 0 rgba(34,197,94,.55),0 0 12px rgba(34,197,94,.8);
  animation:tvOnlineGreenPulseV77 1.05s ease-in-out infinite !important;
}

.real-logo-grid .real-social-card:after{
  background:linear-gradient(180deg,rgba(2,6,23,.12),rgba(2,6,23,.66));
}

.real-logo-grid .social-card-text{
  position:relative;z-index:2;
}

.real-logo-grid .social-card-content{
  display:none;
}

.hero::after{
  content:none !important;
  display:none !important;
}

.hero + .divider{
  display:block;
  height:1px;
  background:rgba(15,23,42,.08);
}

.hero + .divider + .section,
.hero + .divider + .section.alt{
  background:var(--rk-page-warm);
  padding-top:56px;
}

.hero + .divider + .section::before,
.hero + .divider + .section.alt::before{
  content:none !important;
  display:none !important;
}

.sched-item,
.news-card,
.social-card,
.real-social-card{
  background:var(--rk-card-white);
}

.footer,
.footer-clean,
.footer-mini{
  background:#0D1117;
}

.admin-control-grid{
  display:grid;grid-template-columns:1fr 1fr;gap:14px 16px;
}

.admin-control-section{
  margin:18px 0 0;padding:16px;border-radius:16px;background:rgba(255,255,255,.045);border:1px solid rgba(255,255,255,.08);
}

.admin-control-section:first-of-type{
  margin-top:0;
}

.admin-control-section-title{
  font-size:9px;font-weight:900;letter-spacing:2.4px;text-transform:uppercase;color:#fff;margin-bottom:12px;display:flex;align-items:center;gap:8px;
}

.admin-control-section-title::before{
  content:'';width:7px;height:7px;border-radius:50%;background:#E02020;box-shadow:0 0 12px rgba(224,32,32,.5);
}

.admin-control-note{
  font-size:10px;line-height:1.65;color:rgba(255,255,255,.42);margin:8px 0 0;
}

.admin-control-full{
  grid-column:1 / -1;
}

.admin-app-field small{
  font-size:9px;line-height:1.45;color:rgba(255,255,255,.34);
}
.admin-schedule-list{
  display:flex;flex-direction:column;gap:8px;margin:12px 0;
}
.admin-schedule-item{
  display:flex;align-items:center;gap:12px;padding:8px 12px;
  background:rgba(255,255,255,.04);border-radius:8px;border:1px solid rgba(255,255,255,.08);
}
.admin-schedule-item span{ font-size:12px;color:rgba(255,255,255,.5); }
.admin-schedule-item strong{ flex:1;font-size:13px; }
.admin-schedule-item button{ padding:4px 10px;font-size:11px; }
.admin-schedule-add{ margin-top:12px; }


.admin-final-badge{
  display:inline-flex;align-items:center;gap:6px;margin-left:8px;padding:4px 8px;border-radius:999px;background:rgba(54,217,126,.10);border:1px solid rgba(54,217,126,.25);color:#36d97e;font-size:8px;font-weight:900;letter-spacing:1.4px;text-transform:uppercase;
}

.sched-item,
.news-card,
.ig-item,
.social-platform-grid .social-card{
  border-color:var(--rk-line);
  box-shadow:0 1px 0 rgba(15,23,42,.018);
  transition:transform .24s ease, box-shadow .24s ease, border-color .24s ease, background .24s ease;
}

.sched-item:hover,
.news-card:hover{
  transform:translateY(-2px);
  border-color:#D9DEE8;
  box-shadow:var(--rk-soft-shadow-hover);
}

.sched-body,
.news-body{
  padding:16px;
}

.sched-time,
.news-date{
  color:#98A2B3;
  letter-spacing:1.35px;
}

.news-thumb-wrap,
.news-thumb{
  background:#111827;
}

.social-platform-grid .social-card:hover{
  transform:translateY(-2px);
  box-shadow:0 18px 40px rgba(15,23,42,.14);
}

.ft-link,
.footer-bc,
.footer-brandline-row{
  color:rgba(255,255,255,.38);
}

.h-soc-btn,
.footer-soc-btn,
.app-btn{
  transition:transform .22s ease, background .22s ease, color .22s ease, border-color .22s ease;
}

.h-soc-btn:hover,
.footer-soc-btn:hover,
.app-btn:hover{
  transform:translateY(-1px);
}

.local-preview-banner{
  display:none;position:fixed;left:18px;bottom:18px;z-index:9999;background:#0d1117;color:#e5e7eb;border:1px solid rgba(255,255,255,.12);border-radius:14px;padding:10px 14px;font:700 11px/1.4 system-ui,-apple-system,Segoe UI,Arial;letter-spacing:.6px;box-shadow:0 14px 36px rgba(0,0,0,.24);
}

.local-preview-mode .local-preview-banner{
  display:block;
}

.local-preview-mode img[src^="http"]{
  visibility:hidden!important;
}

.vinyl-logo{
  filter:none;border-radius:0;padding:0;
}

.nav-r .btn-login{
  display:none!important;
}

.h-ndisk::before,.h-ndisk::before{
  content:none !important;display:none !important;visibility:hidden !important;width:0 !important;height:0 !important;
}

.h-ndisk::after{
  content:'';position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:30px;height:30px;border-radius:50%;background:url('/assets/favicon-a.png') center/78% no-repeat #fff;box-shadow:0 0 0 2px rgba(255,255,255,.10),0 2px 8px rgba(0,0,0,.35);z-index:5;font-size:0;color:transparent;letter-spacing:0;
}

.vinyl-mark-img{
  width:68%;height:68%;object-fit:contain;display:block;margin:auto;
}

.magazin-section-logo{
  display:block;width:min(260px,72vw);height:auto;margin:8px 0 10px;filter:none;
}

.klas-tv-logo .kt-small,.klas-tv-logo .kt-main,.klas-tv-logo .kt-tv,.ktv-svg{
  display:none !important;
}

.h-ndisk,
.d-disk,
.vinyl-disc{
  animation-duration:18s !important;
  animation-timing-function:linear !important;
  animation-iteration-count:infinite !important;
}

.h-listen-card.is-playing .h-ndisk{
  animation-duration:18s !important;
}

.h-on-air strong#heroStudioHost{
  color:#fff;
  font-weight:800;
}

.s-img,.s-bg{
  backface-visibility:hidden; transform:translateZ(0);
}

.h-ndisk,.d-disk,.vinyl-disc{
  box-shadow:0 8px 24px rgba(0,0,0,.46),0 0 0 1px rgba(255,255,255,.08);
}

.news-card,.ig-item,.social-card,.real-logo-card{
  contain:layout paint style;
}

.news-card:hover,.sched-item:hover,.ig-item:hover{
  transform:translateY(-2px);
}

.page-hidden .ticker-inner,.page-hidden .h-ndisk,.page-hidden .d-disk,.page-hidden .vinyl-disc{
  animation-play-state:paused!important;
}

.hero-app-row{
  display:flex;
  align-items:center;
  gap:10px;
  margin:-4px 0 2px;
  flex-wrap:wrap;
}

.hero-app-btn{
  display:inline-flex;
  align-items:center;
  gap:8px;
  min-height:34px;
  padding:8px 14px;
  border-radius:999px;
  background:rgba(255,255,255,.08);
  border:1px solid rgba(255,255,255,.14);
  color:#fff;
  font-size:10px;
  font-weight:800;
  letter-spacing:.4px;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.06),0 8px 20px rgba(0,0,0,.18);
  transition:transform .18s ease,background .18s ease,border-color .18s ease;
}

.hero-app-btn:hover{
  transform:translateY(-1px);background:rgba(255,255,255,.13);border-color:rgba(255,255,255,.24);
}

.hero-app-btn .app-store-icon{
  font-size:14px;line-height:1;opacity:.95;
}

.hero-app-btn em{
  font-style:normal;white-space:nowrap;
}

.footer.footer-compact{
  background:#0D1117;
  padding:24px 56px;
  display:block;
  border-top:1px solid rgba(255,255,255,.08);
  min-height:auto;
  color:rgba(255,255,255,.72);
  content-visibility:visible;
  contain:layout paint style;
}

.footer-compact-main{
  max-width:1280px;
  margin:0 auto;
  display:grid;
  grid-template-columns:1fr auto auto;
  gap:26px;
  align-items:center;
}

.footer-brand-mini{
  display:flex;flex-direction:column;gap:4px;
}

.footer-brand-mini strong{
  font-size:11px;letter-spacing:2.2px;color:#fff;
}

.footer-brand-mini span{
  font-size:11px;color:rgba(255,255,255,.42);
}

.footer-mini-links,.footer-mini-social{
  display:flex;align-items:center;gap:14px;flex-wrap:wrap;
}

.footer-mini-links a,.footer-mini-social a{
  font-size:10px;font-weight:700;letter-spacing:1px;text-transform:uppercase;color:rgba(255,255,255,.44);transition:.18s;
}

.footer-mini-links a:hover,.footer-mini-social a:hover{
  color:#fff;
}

.footer-bot.footer-bot-compact{
  background:#080B10;
  color:rgba(255,255,255,.34);
  padding:10px 56px;
  display:flex;
  justify-content:center;
  text-align:center;
  border-top:1px solid rgba(255,255,255,.05);
}

.footer .app-row{
  display:none;
}

.hero-app-badge .store-logo{
  width:22px;
  height:22px;
  display:inline-grid;
  place-items:center;
  flex:0 0 22px;
}

.hero-app-badge .store-logo svg{
  width:100%;
  height:100%;
  display:block;
}

.hero-app-badge .store-copy{
  display:flex;
  flex-direction:column;
  line-height:1.02;
  text-align:left;
  white-space:nowrap;
}

.hero-app-badge .store-copy small{
  font-size:6.2px;
  letter-spacing:.4px;
  font-weight:700;
  opacity:.72;
  text-transform:none;
}

.hero-app-badge .store-copy strong{
  font-size:13px;
  letter-spacing:.1px;
  font-weight:900;
}

.apple-logo{
  color:#fff;
}

.google-play-badge .store-logo{
  filter:drop-shadow(0 0 8px rgba(0,200,255,.12));
}

.app-store-badge .store-logo{
  filter:drop-shadow(0 0 8px rgba(255,255,255,.12));
}

.vinyl-disc.vinyl-disc-static{
  animation-name: spin !important;
  animation-duration: 4s !important;
  animation-timing-function: linear !important;
  animation-iteration-count: infinite !important;
  animation-play-state: running !important;
}

@media (max-width: 1180px){
  .hero{ grid-template-columns:minmax(340px,.9fr) minmax(480px,1.1fr); }
  .hero-left{ padding:52px 24px 52px 40px; }
  .hero-right{ padding:36px 40px 36px 4px; }
  .tv-inner{ min-height:330px; }
  .s-title{ font-size:clamp(22px,2.6vw,30px); }
}

@media (max-width: 768px){
  .hero{ grid-template-columns: 1fr; min-height: auto; }
  .hero-left{ padding: 40px 24px 32px; gap: 20px; }
  .hero-right{ padding: 0 24px 40px; align-items:stretch; }
  .tv-wrap{ max-width:none;
    border-radius:18px;
    box-shadow: 0 4px 16px rgba(0,0,0,.3); }
  .tv-inner{ min-height:0; aspect-ratio:16/10; }
  .s-body{ padding:20px 22px; }
  .s-title{ font-size:clamp(18px,6vw,26px); max-width:90%; }
  .nav{ padding: 0 20px; gap: 12px; }
  .nav-links{ display: none; }
  .section{ padding: 36px 24px; }
  .footer{ grid-template-columns: 1fr; gap: 28px; padding: 40px 24px 32px; }
  .footer-bot{ padding: 12px 24px; flex-direction: column; gap: 6px; text-align: center; }
  .h-hl{ font-size: clamp(42px, 10vw, 58px); }
  .sec-ttl{ font-size: 26px; }
  .sched-grid{ grid-template-columns: repeat(2, 1fr); gap: 12px; }
  .sched-grid .sched-item:last-child{ grid-column: span 2; }
  .news-grid{ grid-template-columns: 1fr; }
  .ig-grid{ grid-template-columns: repeat(3, 1fr); }
  .d-body{ padding: 20px 20px 28px; }
  .d-soc-row{ gap: 6px; }
  .d-soc-btn{ padding: 6px 10px; font-size: 9px; }
  .footer-soc{ gap: 6px; }
  .footer-soc-btn{ padding: 6px 10px; font-size: 9px; }
  .app-row{ flex-direction: column; gap: 8px; }
  .app-btn{ justify-content: center; }
  .d-overlay{ backdrop-filter: none; }
  .c-nav{ backdrop-filter: none; }
  .hero-noise{ display: none; }
  .d-disk{ box-shadow: none; }
  .h-ndisk{ box-shadow: none; }
  .hero-bg::after{ background: rgba(224,32,32,.05); }
  .btn-listen{ box-shadow: none; }
  .prog-card:hover{ transform: none; box-shadow: 0 4px 16px rgba(0,0,0,.08); }
  .news-card:hover{ transform: none; box-shadow: 0 4px 16px rgba(0,0,0,.08); }
  .sched-item:hover{ transform: none; }
  .nav-r .btn-login{ display: none; }
  .live-pill{ padding: 5px 12px; font-size: 8px; }
  .live-pill .ldot{ animation: blink 1.3s infinite; }
}

@media (max-width: 480px){
  .sched-grid{ grid-template-columns: 1fr; }
  .sched-grid .sched-item:last-child{ grid-column: span 1; }
  .ig-grid{ grid-template-columns: repeat(3, 1fr); }
}

@media (prefers-reduced-motion: reduce), (max-width: 768px){
  .hero-bg::after{ background: rgba(224,32,32,.05); }
  .hero-noise{ display: none; }
  .eb{ animation: none !important; height: 8px !important; }
  .ldot{ animation: none !important; opacity: 1; }
  .live-pill{ animation: none; }
  .btn-listen{ animation: none !important; }
}

@media (max-width:768px){
  .h-contact{ gap:10px; }
  .h-wa-btn{ padding:4px 12px; font-size:8px; }
  .h-on-air{ font-size:9px; }
  .h-listen-card{ max-width:100%; padding:13px 15px; }
  .h-ndisk{ width:50px;
    height:50px;
    animation-duration:22s !important; }
  .ticker-bar{ height:32px; }
  .ticker-live-badge{ padding:0 12px; font-size:7px; }
  .ticker-inner span{ font-size:10px; padding:0 20px; }
  .vinyl-arm{ animation:none; }
  :root{ --ticker-speed-desktop: var(--ticker-speed-mobile); }
  .ticker-inner{ animation-duration: var(--ticker-speed-mobile) !important; }
  .hero-noise{ display:none !important; }
  .hero-bg::after{ opacity:.65 !important; }
  .tv-wrap,.h-now,.h-ndisk,.d-disk,.vinyl-disc,.btn-listen{ box-shadow:none !important; }
  .nav{ backdrop-filter:none !important; }
  .s-img{ filter:none !important; }
  .d-disk{ animation-duration:24s !important; }
  .vinyl-disc{ animation-duration:26s !important; }
}

@media(max-width:640px){
  .inline-player{ grid-template-columns:1fr auto;
    padding:14px;
    gap:12px; }
  .inline-controls{ justify-content:flex-start;
    order:3;
    grid-column:1 / -1; }
  .inline-close{ grid-column:2;grid-row:1; }
  .h-ndisk{ width:62px;height:62px; }
  .inline-title{ max-width:220px; }
  .tv-head-l{ gap:10px !important; }
  .tv-st{ font-size:6.5px !important;
    letter-spacing:1px !important;
    padding:6px 8px !important;
    max-width:48% !important;
    text-align:center;
    white-space:normal !important;
    line-height:1.15 !important; }
  .klas-tv-logo{ width:132px !important; }
  .tv-head{ padding-left:16px !important;padding-right:16px !important; }
  .admin-app-panel-overlay{ padding:14px;align-items:flex-end; }
  .admin-app-panel{ border-radius:22px; }
  .admin-app-panel-head{ padding:18px 18px 14px; }
  .admin-app-panel-body{ padding:18px; }
  .admin-app-actions{ flex-direction:column;align-items:stretch; }
  .admin-app-save,.admin-app-reset{ width:100%; }
  .sec-subcopy{ font-size:11px;line-height:1.55; }
  .editorial-news-section .news-card{ min-height:auto; }
}

@media(max-width:1280px){
  .hero{ grid-template-columns:minmax(340px,.78fr) minmax(520px,1.22fr) !important; }
  .hero-left{ padding-left:40px !important; }
  .h-hl{ font-size:clamp(42px,4vw,58px) !important; }
  .h-now{ max-width:620px !important; }
  .hero-right{ padding-right:40px !important; }
  .tv-st{ right:130px !important;
    letter-spacing:1.6px !important;
    padding:5px 10px !important;
    font-size:6.6px !important; }
  .tv-wrap .tv-head #tvStatus.tv-st{ right:8px !important;
    font-size:6.4px !important;
    letter-spacing:1.35px !important;
    padding:0 10px !important;
    height:26px !important;
    min-height:26px !important; }
}

@media(max-width:980px){
  .hero{ grid-template-columns:1fr !important;
    min-height:auto !important;
    overflow:visible !important;
    max-height:none !important; }
  .hero-left{ padding:34px 24px 24px !important;
    height:auto !important;
    gap:16px !important; }
  .hero-right{ padding:0 24px 34px !important;
    align-items:stretch !important;
    height:auto !important; }
  .h-now{ max-width:100% !important;
    min-height:0 !important; }
  .h-hl{ line-height:1.02 !important;
    letter-spacing:1.6px !important;
    font-size:clamp(46px,13vw,70px) !important; }
  .h-hl.h-hl-alt{ font-size:clamp(34px,9.35vw,53px) !important;
    gap:3px !important; }
  .h-hl-alt .h-line-2{ margin-left:clamp(38px,12vw,88px) !important; }
  .tv-st{ position:static !important;
    transform:none !important;
    margin-left:14px !important;
    right:auto !important;
    top:auto !important;
    pointer-events:auto !important; }
  .section.editorial-news-section::before,
  .section.editorial-social-section::before,
  .framed-panel::before{ left:20px;right:20px;top:16px;bottom:16px;border-radius:26px; }
  .editorial-sec-head{ padding:0 4px; }
  .editorial-news-section .news-grid,
  .editorial-social-section .real-logo-grid{ padding:14px;border-radius:22px; }
  .tv-wrap .tv-head #tvStatus.tv-st{ position:static !important;
    transform:none !important;
    margin-left:auto !important;
    pointer-events:auto !important; }
  .section{ background:#F2F3F5; }
  .section.alt{ background:#F6F7F8; }
  .hero + .divider + .section,
  .hero + .divider + .section.alt{ padding-top:42px !important; }
  .h-eye{ white-space:normal !important; }
  .tv-head-l{ gap:10px !important; }
  .footer.footer-compact{ padding:24px; }
  .footer-compact-main{ grid-template-columns:1fr;gap:16px;text-align:left; }
  .footer-mini-links,.footer-mini-social{ gap:10px; }
  .footer-bot.footer-bot-compact{ padding:10px 24px; }
  .hero-app-row{ margin:0 0 2px; }
}

@media(max-height:860px) and (min-width:981px){
  .h-hl{ font-size:clamp(38px,3.7vw,54px) !important;
    line-height:.98 !important;
    letter-spacing:1.65px !important; }
  .h-eye{ margin-bottom:3px !important; }
  .h-hl.h-hl-alt{ font-size:clamp(30px,2.95vw,43px) !important;
    gap:2px !important;
    line-height:.93 !important; }
  .h-hl-alt .h-line-2{ margin-left:clamp(42px,6.2vw,92px) !important; }
  .hero-left{ padding-top:20px !important;padding-bottom:22px !important;gap:26px !important; }
  .h-now{ min-height:82px !important;padding:10px 16px !important; }
  .h-ndisk{ width:54px !important;height:54px !important; }
  .h-wa-btn{ padding:4px 12px !important; }
  .h-soc-btn{ width:28px !important;height:28px !important; }
  .tv-head{ min-height:64px !important; }
  .klas-tv-logo{ height:40px !important; }
  .ktv-main-mark{ width:104px !important; }
  .ktv-tv-badge{ font-size:21px !important; }
}

@media(min-height:861px) and (min-width:981px){
  .h-hl{ font-size:clamp(44px,4.05vw,62px) !important; }
}

@media(max-width:520px){
  .h-hl-alt .h-line{ white-space:normal !important; }
  .h-hl-alt .h-line-2{ margin-left:0 !important; }
}

@media(max-width:1180px){
  .social-platform-grid{ grid-template-columns:repeat(3,1fr); }
  .social-platform-grid .social-card{ min-height:160px; }
}

@media(max-width:768px){
  .social-platform-grid{ grid-template-columns:repeat(2,1fr); }
  .social-platform-grid .social-card{ min-height:150px;padding:14px; }
  .social-card-name{ font-size:13px; }
  .social-card-icon{ width:36px;height:36px; }
  .ticker-inner{ animation-duration:170s !important; }
  .real-logo-grid{ grid-template-columns:repeat(2,minmax(0,1fr)); }
  .real-logo-grid .real-social-card{ min-height:178px;padding:18px 12px; }
  .real-logo-grid .brand-logo-wrap{ width:58px;
    height:58px;
    border-radius:18px; }
  .real-logo-grid .brand-svg{ width:40px;
    height:40px; }
  .real-logo-grid .youtube-logo .brand-svg{ width:50px; }
  .nav{ position:sticky;padding:0 16px;gap:10px; }
  .nav-toggle{ display:flex;order:3; }
  .nav-r{ margin-left:0;order:2; }
  .nav-links{ display:none;position:absolute;top:62px;left:12px;right:12px;z-index:320;flex-direction:column;align-items:stretch;gap:4px;padding:12px;background:rgba(255,255,255,.98);border:1px solid rgba(17,24,39,.10);border-radius:16px;box-shadow:0 18px 42px rgba(0,0,0,.16); }
  .nav.open .nav-links{ display:flex; }
  .nav.open .nav-toggle span:nth-child(1){ transform:translateY(6px) rotate(45deg); }
  .nav.open .nav-toggle span:nth-child(2){ opacity:0; }
  .nav.open .nav-toggle span:nth-child(3){ transform:translateY(-6px) rotate(-45deg); }
  .nav-a{ font-size:11px;padding:12px 14px;border-radius:11px; }
  .real-logo-grid .social-card-name{ font-size:14px; }
  .section{ padding-top:42px;padding-bottom:44px; }
  .sec-head{ margin-bottom:22px; }
  .sec-ttl{ font-size:28px;letter-spacing:3px; }
  .news-card{ min-height:auto; }
  .sched-item:hover,.news-card:hover,.social-platform-grid .social-card:hover{ transform:none; }
  .tv-wrap{ box-shadow:0 10px 24px rgba(0,0,0,.30) !important; }
  .ktv-main-mark{ width:118px; }
  .ads-page .section-inner > div{ grid-template-columns:1fr; }
  .ads-page .section-inner > div > div:last-child{ position:static; }
  .h-ndisk,
  .d-disk,
  .vinyl-disc{ animation-duration:22s !important;
    animation-timing-function:linear !important;
    animation-iteration-count:infinite !important; }
  .hero-app-row-v100{ gap:8px; }
  .hero-app-badge{ height:36px;min-width:124px;padding:5px 10px;border-radius:11px; }
  .hero-app-badge .store-logo{ width:20px;height:20px;flex-basis:20px; }
  .hero-app-badge .store-copy small{ font-size:5.8px; }
  .hero-app-badge .store-copy strong{ font-size:12px; }
}

/* v193: 769px–1480px "ara bölge" — üst menü (Ana Sayfa/Programlar/Canlı Yayın
   Merkezi/Magazin/Sosyal Medya/Reklam Verin/Hakkımızda + OTOMATİK seçici +
   KLAS CLUB) bu aralıkta tek satıra sığmıyor ve düzensiz biçimde ikinci
   satıra taşıyordu. Bu genişlik pratikte çok yaygın: Windows'ta ekran
   ölçeklendirmesi %125/%150 gibi değerlere ayarlı (birçok dizüstü bilgisayarda
   önerilen ayar budur) bir 1920px ekranın efektif CSS genişliği 1536px/1280px
   olur ve tam bu aralığa düşer. 768px ve altında zaten çalışan/test edilmiş
   hamburger menüyü bu aralığa da genişletiyoruz — ekran ölçeği ne olursa
   olsun menü her zaman düzgün çerçevesine oturur. */
@media (max-width: 1480px) and (min-width: 769px) {
  .nav{ padding: 0 24px; gap: 16px; }
  .nav-toggle{ display: flex; order: 3; }
  .nav-r{ margin-left: 0; order: 2; }
  .nav-links{ display: none; position: absolute; top: 62px; left: 12px; right: 12px; z-index: 320; flex-direction: column; align-items: stretch; gap: 4px; padding: 12px; background: rgba(255,255,255,.98); border: 1px solid rgba(17,24,39,.10); border-radius: 16px; box-shadow: 0 18px 42px rgba(0,0,0,.16); }
  .nav.open .nav-links{ display: flex; }
  .nav.open .nav-toggle span:nth-child(1){ transform: translateY(6px) rotate(45deg); }
  .nav.open .nav-toggle span:nth-child(2){ opacity: 0; }
  .nav.open .nav-toggle span:nth-child(3){ transform: translateY(-6px) rotate(-45deg); }
  .nav-a{ font-size: 11px; padding: 12px 14px; border-radius: 11px; }
}

@media(max-width:900px){
  .about-section{ padding:42px 24px; }
  .about-shell{ grid-template-columns:1fr;gap:24px; }
  .about-grid{ grid-template-columns:1fr; }
  .about-card{ padding:22px; }
}

@media(max-width:720px){
  .admin-control-grid{ grid-template-columns:1fr; }
  .admin-control-full{ grid-column:auto; }
  .admin-app-panel-body{ max-height:72vh; }
}

@media (prefers-reduced-motion: reduce){
  .ticker-inner{ animation-duration:160s !important; }
  .c-track{ transition:none !important; }
}

/* Performance: content-visibility for off-screen sections (excludes animated elements) */
.editorial-news-section,
.editorial-social-section,
.about-section,
.footer-compact,
.ads-page {
  content-visibility: auto;
  contain-intrinsic-size: auto 600px;
}

/* GPU acceleration for animated elements */
.h-ndisk,
.vinyl-disc,
.vinyl-center,
.ticker-inner {
  will-change: transform;
}


/* Scroll fade-in animations */
.fade-in {
  opacity: 0;
  transform: translateY(24px);
  transition: opacity 0.6s ease, transform 0.6s ease;
}
.fade-in.visible {
  opacity: 1;
  transform: translateY(0);
}


/* Skeleton shimmer */
@keyframes shimmer {
  0% { background-position: -200% 0; }
  100% { background-position: 200% 0; }
}
.news-thumb-placeholder,
.news-ttl-ph {
  background: linear-gradient(90deg, #e8e8e8 25%, #f4f4f4 50%, #e8e8e8 75%);
  background-size: 200% 100%;
  animation: shimmer 1.5s ease infinite;
}


/* TV Player frame when offline */
.tv-player-frame {
  position: absolute;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 2;
  background: #000;
  flex-direction: column;
  gap: 0;
}
.tv-player-bg {
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, #0a0a12 0%, #111828 40%, #1a0a1e 70%, #0d1117 100%);
  opacity: 0.95;
}
.tv-player-content {
  position: relative;
  z-index: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 16px;
  width: 100%;
  height: 100%;
  padding: 30px;
}
.tv-player-logo {
  width: clamp(80px, 15%, 140px);
  opacity: 0.85;
  filter: drop-shadow(0 0 20px rgba(224,32,32,.15));
}
.tv-player-status {
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 2px;
  text-transform: uppercase;
  color: rgba(255,255,255,.3);
}
.tv-player-controls {
  display: flex;
  align-items: center;
  justify-content: center;
}
.tv-play-btn {
  width: 52px;
  height: 52px;
  border-radius: 50%;
  background: rgba(255,255,255,.08);
  border: 2px solid rgba(255,255,255,.15);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 18px;
  color: rgba(255,255,255,.35);
  cursor: pointer;
  transition: .2s;
  padding-left: 3px;
}
.tv-play-btn:hover {
  background: rgba(224,32,32,.15);
  border-color: rgba(224,32,32,.4);
  color: rgba(255,255,255,.7);
}
.tv-player-bar {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 3px;
  background: rgba(255,255,255,.06);
}
.tv-player-bar-fill {
  height: 100%;
  width: 0%;
  background: var(--red);
  border-radius: 0 2px 2px 0;
}

/* Canlı Yayın Pop-up */
}



/* v145 RSS-preserved hero polish: app download + studio balance only */
.hero-app-title{
  width:282px;
  max-width:100%;
  margin:8px 0 -1px;
  text-align:center;
  font-size:7.8px;
  font-weight:900;
  letter-spacing:2.8px;
  text-transform:uppercase;
  color:rgba(255,255,255,.34);
}
.hero-app-row-v100{
  margin:0 0 8px;
  padding-top:0;
  gap:11px;
}
.h-contact{
  margin-top:3px;
  gap:14px;
  align-items:center;
  justify-content:center;
}
.h-wa-btn{
  min-height:38px;
  padding:6px 12px;
  box-shadow:0 3px 12px rgba(37,211,102,.20), inset 0 1px 0 rgba(255,255,255,.18);
}
.h-on-air{
  min-height:38px;
  padding:0 12px;
  border-radius:999px;
  background:rgba(255,255,255,.045);
  border:1px solid rgba(255,255,255,.08);
  color:rgba(255,255,255,.52);
  white-space:nowrap;
}
.h-on-air .ldot{
  flex:0 0 auto;
  box-shadow:0 0 10px rgba(224,32,32,.40);
}
.h-on-air strong{
  color:#fff;
  font-weight:900;
}
@media(max-width:768px){
  .hero-app-title{
    width:100%;
    margin:6px 0 -2px;
    text-align:left;
    letter-spacing:2.2px;
  }
  .hero-app-row-v100{
    margin-bottom:6px;
  }
  .h-contact{
    gap:10px;
  }
  .h-on-air{
    min-height:34px;
    padding:0 10px;
    white-space:normal;
  }
}



/* v146 hero axis polish: align app and studio blocks to live-player width; RSS/server/admin unchanged */
@media (min-width: 981px){
  .h-eye,
  .h-hl.h-hl-alt,
  .h-now,
  .hero-app-title,
  .hero-app-row-v100,
  .h-contact{
    max-width:650px;
    width:100%;
    margin-left:auto !important;
    margin-right:auto !important;
  }

  .h-hl.h-hl-alt{
    text-align:left;
  }

  .hero-app-title{
    display:flex;
    align-items:center;
    justify-content:center;
    gap:22px;
    margin-top:26px !important;
    margin-bottom:12px !important;
    font-size:8px;
    letter-spacing:3px;
    color:rgba(255,255,255,.38);
  }

  .hero-app-title::before,
  .hero-app-title::after{
    content:'';
    height:1px;
    flex:1 1 0;
    max-width:175px;
    background:linear-gradient(90deg,transparent,rgba(255,255,255,.13),transparent);
  }

  .hero-app-row-v100{
    justify-content:center;
    gap:20px;
    margin-top:0 !important;
    margin-bottom:28px !important;
  }

  .h-contact{
    justify-content:center;
    gap:24px;
    margin-top:0 !important;
    padding-top:34px;
    position:relative;
  }

  .h-contact::before{
    content:'STÜDYOYA BAĞLAN';
    position:absolute;
    left:0;
    right:0;
    top:0;
    text-align:center;
    font-size:8px;
    font-weight:900;
    letter-spacing:3px;
    text-transform:uppercase;
    color:rgba(255,255,255,.36);
  }

  .h-contact::after{
    content:'';
    position:absolute;
    left:8%;
    right:8%;
    top:10px;
    height:1px;
    background:linear-gradient(90deg,rgba(255,255,255,.10),transparent 40%,transparent 60%,rgba(255,255,255,.10));
    pointer-events:none;
  }

  .h-wa-btn{
    min-width:auto;
    justify-content:center;
  }

  .h-on-air{
    min-width:230px;
    justify-content:center;
  }
}

@media (max-width:980px){
  .hero-app-title{
    display:flex;
    align-items:center;
    justify-content:center;
    width:100%;
    text-align:center !important;
    margin:14px auto 8px !important;
  }
  .hero-app-row-v100{
    justify-content:center;
  }
  .h-contact{
    justify-content:center;
    margin-left:auto;
    margin-right:auto;
  }
}


/* v147 popup polish + live CTA: visual-only refinements; RSS/server/admin unchanged */
.h-ndisk,
.d-disk,
.vinyl-disc,
.h-listen-card.is-playing .h-ndisk{
  animation-duration:3s !important;
  animation-timing-function:linear !important;
  animation-iteration-count:infinite !important;
}

.live-pill{
  padding:5px 13px !important;
  gap:6px !important;
  background:rgba(255,255,255,.035) !important;
  border:1px solid rgba(224,32,32,.20) !important;
  color:rgba(224,32,32,.92) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.05),0 8px 20px rgba(0,0,0,.06) !important;
  animation:none !important;
}
.live-pill:hover{
  background:rgba(224,32,32,.09) !important;
  border-color:rgba(224,32,32,.34) !important;
  color:var(--red) !important;
}
.live-pill .ldot{
  width:6px !important;
  height:6px !important;
  box-shadow:0 0 8px rgba(224,32,32,.45) !important;
}

.klas-popup-overlay{
  background:rgba(3,6,14,.78) !important;
  backdrop-filter:blur(10px) saturate(1.05) !important;
  -webkit-backdrop-filter:blur(10px) saturate(1.05) !important;
}
.klas-popup{
  max-width:680px !important;
  width:min(92vw,680px) !important;
  padding:28px 30px !important;
  border-radius:24px !important;
  background:
    radial-gradient(circle at 18% 10%,rgba(224,32,32,.14),transparent 34%),
    radial-gradient(circle at 82% 18%,rgba(255,255,255,.06),transparent 30%),
    linear-gradient(180deg,rgba(18,24,36,.98),rgba(8,11,18,.98)) !important;
  border:1px solid rgba(255,255,255,.14) !important;
  box-shadow:0 28px 90px rgba(0,0,0,.68),inset 0 1px 0 rgba(255,255,255,.055) !important;
}
.klas-popup-close{
  top:10px !important;
  right:14px !important;
  color:rgba(255,255,255,.42) !important;
}
.klas-popup-panels{
  align-items:stretch !important;
}
.klas-popup-panel{
  padding:20px 22px !important;
  gap:12px !important;
  min-height:250px !important;
}
.klas-popup-divider{
  width:1px !important;
  margin:12px 4px !important;
  background:linear-gradient(to bottom,transparent,rgba(255,255,255,.16),rgba(224,32,32,.20),rgba(255,255,255,.12),transparent) !important;
}
.klas-popup-logo{
  max-height:46px !important;
  width:auto !important;
  max-width:150px !important;
  object-fit:contain !important;
  filter:drop-shadow(0 8px 18px rgba(0,0,0,.24)) !important;
}
.klas-popup-title{
  font-size:15px !important;
  letter-spacing:2.4px !important;
  color:rgba(255,255,255,.78) !important;
}
.klas-popup-play{
  width:62px !important;
  height:62px !important;
  background:linear-gradient(180deg,rgba(255,255,255,.08),rgba(255,255,255,.035)) !important;
  border:1px solid rgba(255,255,255,.16) !important;
  box-shadow:0 14px 32px rgba(0,0,0,.32),inset 0 1px 0 rgba(255,255,255,.08) !important;
  color:rgba(255,255,255,.72) !important;
}
.klas-popup-play:hover,
.klas-popup-play.playing{
  background:linear-gradient(135deg,rgba(224,32,32,.84),rgba(224,32,32,.26)) !important;
  border-color:rgba(224,32,32,.58) !important;
  color:#fff !important;
  box-shadow:0 14px 36px rgba(224,32,32,.20),inset 0 1px 0 rgba(255,255,255,.12) !important;
}
.klas-popup-status{
  color:rgba(255,255,255,.44) !important;
  font-size:9px !important;
  letter-spacing:1.3px !important;
  text-align:center !important;
}
.klas-popup-tv-frame{
  position:relative !important;
  border-radius:14px !important;
  border:1px solid rgba(255,255,255,.09) !important;
  background:
    radial-gradient(circle at 50% 32%,rgba(224,32,32,.17),transparent 28%),
    linear-gradient(135deg,rgba(255,255,255,.055),rgba(255,255,255,.015)),
    #05070d !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.055),0 18px 38px rgba(0,0,0,.28) !important;
}
.klas-popup-tv-frame::before{
  content:'KLAS TV';
  position:absolute;
  inset:0;
  display:flex;
  align-items:center;
  justify-content:center;
  font-family:'Bebas Neue',sans-serif;
  font-size:clamp(28px,5vw,44px);
  letter-spacing:4px;
  color:rgba(255,255,255,.07);
  pointer-events:none;
}
.klas-popup-tv-offline{
  position:relative !important;
  z-index:2 !important;
  padding:8px 12px !important;
  border-radius:999px !important;
  background:rgba(0,0,0,.30) !important;
  border:1px solid rgba(255,255,255,.08) !important;
  color:rgba(255,255,255,.42) !important;
  font-size:9px !important;
  letter-spacing:1.8px !important;
}

@media (min-width:981px){
  .hero-app-title{
    margin-top:22px !important;
    margin-bottom:9px !important;
  }
  .hero-app-row-v100{
    margin-bottom:24px !important;
  }
  .h-contact{
    padding-top:31px !important;
    gap:22px !important;
  }
  .h-contact::after{
    left:11% !important;
    right:11% !important;
  }
}

@media(max-width:640px){
  .klas-popup{
    padding:24px 16px !important;
    border-radius:20px !important;
  }
  .klas-popup-panel{
    min-height:auto !important;
    padding:18px 12px !important;
  }
  .klas-popup-divider{
    width:100% !important;
    height:1px !important;
    margin:4px 0 !important;
    background:linear-gradient(90deg,transparent,rgba(255,255,255,.14),rgba(224,32,32,.18),transparent) !important;
  }
}


/* v148 Live Center redesign: ONLY live popup/modal scope; hero/RSS/admin/settings untouched */
.klas-popup-overlay{
  background:
    radial-gradient(circle at 50% 18%, rgba(224,32,32,.12), transparent 34%),
    radial-gradient(circle at 78% 62%, rgba(0,126,190,.09), transparent 30%),
    rgba(2,5,12,.82) !important;
  backdrop-filter:blur(18px) saturate(1.08) !important;
  -webkit-backdrop-filter:blur(18px) saturate(1.08) !important;
  padding:28px !important;
}
.klas-popup{
  width:min(1120px,92vw) !important;
  max-width:1120px !important;
  min-height:560px !important;
  padding:0 !important;
  overflow:hidden !important;
  border-radius:30px !important;
  background:
    linear-gradient(135deg, rgba(255,255,255,.08), rgba(255,255,255,.025) 34%, rgba(255,255,255,.045)),
    radial-gradient(circle at 18% 14%, rgba(224,32,32,.20), transparent 28%),
    radial-gradient(circle at 84% 24%, rgba(255,255,255,.08), transparent 25%),
    linear-gradient(180deg, rgba(13,18,30,.985), rgba(5,8,15,.985)) !important;
  border:1px solid rgba(255,255,255,.16) !important;
  box-shadow:0 38px 120px rgba(0,0,0,.72), inset 0 1px 0 rgba(255,255,255,.075) !important;
}
.klas-popup::before{
  content:'';
  position:absolute;
  inset:0;
  pointer-events:none;
  background:
    linear-gradient(90deg, rgba(255,255,255,.045), transparent 16%, transparent 84%, rgba(255,255,255,.035)),
    repeating-linear-gradient(0deg, rgba(255,255,255,.018) 0, rgba(255,255,255,.018) 1px, transparent 1px, transparent 7px);
  opacity:.28;
}
.klas-live-head{
  position:relative;
  z-index:1;
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:24px;
  padding:30px 34px 20px;
  border-bottom:1px solid rgba(255,255,255,.075);
}
.klas-live-kicker{
  display:inline-flex;
  align-items:center;
  gap:9px;
  margin-bottom:10px;
  font-size:9px;
  font-weight:900;
  letter-spacing:3px;
  color:rgba(224,32,32,.95);
  text-transform:uppercase;
}
.klas-live-kicker::before{
  content:'';
  width:7px;
  height:7px;
  border-radius:999px;
  background:var(--theme-primary, var(--red));
  box-shadow:0 0 16px rgba(224,32,32,.75);
}
.klas-live-title{
  font-family:'Bebas Neue',sans-serif;
  font-size:clamp(32px,4vw,52px);
  line-height:.9;
  letter-spacing:2.4px;
  color:#fff;
  text-transform:uppercase;
  text-shadow:0 16px 34px rgba(0,0,0,.42);
}
.klas-live-subtitle{
  max-width:520px;
  margin-top:11px;
  font-size:12px;
  line-height:1.65;
  color:rgba(255,255,255,.56);
}
.klas-popup-close{
  position:relative !important;
  top:auto !important;
  right:auto !important;
  width:40px !important;
  height:40px !important;
  flex:0 0 auto;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  border-radius:999px !important;
  background:rgba(255,255,255,.055) !important;
  border:1px solid rgba(255,255,255,.11) !important;
  color:rgba(255,255,255,.58) !important;
  font-size:26px !important;
  line-height:1 !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.06) !important;
}
.klas-popup-close:hover{
  background:rgba(224,32,32,.16) !important;
  border-color:rgba(224,32,32,.34) !important;
  color:#fff !important;
}
.klas-popup-panels{
  position:relative;
  z-index:1;
  display:grid !important;
  grid-template-columns:1.25fr .85fr !important;
  gap:22px !important;
  padding:26px 34px 34px !important;
  align-items:stretch !important;
}
.klas-popup-divider{display:none !important;}
.klas-popup-panel{
  position:relative;
  justify-content:flex-start !important;
  align-items:stretch !important;
  min-height:370px !important;
  padding:28px !important;
  gap:0 !important;
  border-radius:24px;
  background:linear-gradient(180deg, rgba(255,255,255,.07), rgba(255,255,255,.025)) !important;
  border:1px solid rgba(255,255,255,.105);
  box-shadow:0 24px 52px rgba(0,0,0,.30), inset 0 1px 0 rgba(255,255,255,.07);
  overflow:hidden;
}
.klas-popup-radio{
  background:
    radial-gradient(circle at 20% 18%, rgba(224,32,32,.24), transparent 31%),
    linear-gradient(180deg, rgba(255,255,255,.075), rgba(255,255,255,.025)) !important;
}
.klas-popup-tv{
  background:
    radial-gradient(circle at 54% 35%, rgba(224,32,32,.16), transparent 30%),
    linear-gradient(180deg, rgba(255,255,255,.064), rgba(255,255,255,.022)) !important;
}
.klas-panel-top{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
  margin-bottom:26px;
}
.klas-popup-logo{
  width:auto !important;
  max-width:178px !important;
  max-height:58px !important;
  object-fit:contain !important;
  filter:drop-shadow(0 12px 24px rgba(0,0,0,.34)) !important;
}
.klas-live-chip{
  display:inline-flex;
  align-items:center;
  gap:8px;
  min-height:30px;
  padding:0 12px;
  border-radius:999px;
  background:rgba(0,0,0,.24);
  border:1px solid rgba(255,255,255,.10);
  font-size:8px;
  font-weight:900;
  letter-spacing:1.7px;
  color:rgba(255,255,255,.58);
  text-transform:uppercase;
  white-space:nowrap;
}
.klas-live-chip.is-live{color:#fff;border-color:rgba(224,32,32,.28);background:rgba(224,32,32,.12);}
.klas-live-chip i{width:6px;height:6px;border-radius:999px;background:rgba(255,255,255,.35);display:block;}
.klas-live-chip.is-live i{background:var(--theme-primary, var(--red));box-shadow:0 0 12px rgba(224,32,32,.7);}
.klas-popup-title{
  font-family:'Bebas Neue',sans-serif !important;
  font-size:clamp(28px,3vw,42px) !important;
  line-height:1 !important;
  letter-spacing:1.7px !important;
  color:#fff !important;
  text-transform:uppercase;
  text-align:left !important;
}
.klas-popup-desc{
  max-width:470px;
  margin-top:12px;
  color:rgba(255,255,255,.54);
  font-size:12px;
  line-height:1.65;
}
.klas-popup-player-wrap{
  display:flex;
  align-items:center;
  gap:22px;
  margin:34px 0 24px;
}
.klas-popup-play{
  width:86px !important;
  height:86px !important;
  flex:0 0 86px;
  border-radius:999px !important;
  background:
    radial-gradient(circle at 34% 24%, rgba(255,255,255,.22), transparent 28%),
    linear-gradient(135deg, rgba(224,32,32,.88), rgba(132,13,22,.72)) !important;
  border:1px solid rgba(255,255,255,.18) !important;
  color:#fff !important;
  box-shadow:0 20px 48px rgba(224,32,32,.22), 0 16px 42px rgba(0,0,0,.36), inset 0 1px 0 rgba(255,255,255,.16) !important;
}
.klas-popup-play:hover{transform:translateY(-1px);box-shadow:0 24px 54px rgba(224,32,32,.28),0 18px 46px rgba(0,0,0,.40),inset 0 1px 0 rgba(255,255,255,.18) !important;}
.klas-popup-play .popup-play-icon{font-size:30px;line-height:1;margin-left:4px;}
.klas-popup-play.playing .popup-play-icon{font-size:22px;margin-left:0;letter-spacing:-2px;}
.klas-audio-copy{min-width:0;}
.klas-audio-copy strong{display:block;color:#fff;font-size:15px;font-weight:900;letter-spacing:.2px;margin-bottom:6px;}
.klas-audio-copy span{display:block;color:rgba(255,255,255,.48);font-size:11px;line-height:1.55;}
.klas-popup-status{
  text-align:left !important;
  font-size:10px !important;
  font-weight:800;
  letter-spacing:1.5px !important;
  color:rgba(255,255,255,.44) !important;
}
.klas-eq{
  display:flex;
  align-items:flex-end;
  gap:5px;
  height:44px;
  margin-top:auto;
  padding-top:26px;
  opacity:.62;
}
.klas-eq span{
  display:block;
  width:5px;
  height:14px;
  border-radius:999px;
  background:linear-gradient(180deg, rgba(255,255,255,.85), rgba(224,32,32,.75));
  animation:klasEq 1.15s ease-in-out infinite;
  animation-play-state:paused;
}
.klas-popup-play.playing ~ .klas-audio-copy .klas-eq span,
.klas-popup-radio.is-audio-live .klas-eq span{animation-play-state:running;}
.klas-eq span:nth-child(2){height:28px;animation-delay:.12s}.klas-eq span:nth-child(3){height:38px;animation-delay:.24s}.klas-eq span:nth-child(4){height:20px;animation-delay:.36s}.klas-eq span:nth-child(5){height:34px;animation-delay:.48s}.klas-eq span:nth-child(6){height:18px;animation-delay:.60s}.klas-eq span:nth-child(7){height:31px;animation-delay:.72s}.klas-eq span:nth-child(8){height:24px;animation-delay:.84s}
@keyframes klasEq{0%,100%{transform:scaleY(.42);opacity:.42}50%{transform:scaleY(1);opacity:1}}


/* v168 — Live Center popup radio now-playing link
   Scope: only radio panel inside Canlı Yayın Merkezi popup. TV panel, hero, RSS, admin/settings untouched. */
.klas-popup-nowplaying-wrap{
  display:flex;
  align-items:center;
  gap:16px;
  margin:0 0 22px;
  padding:14px;
  border-radius:20px;
  background:rgba(0,0,0,.18);
  border:1px solid rgba(255,255,255,.09);
}
.klas-popup-mini-vinyl{
  position:relative;
  width:76px;
  height:76px;
  flex:0 0 76px;
  border-radius:50%;
  overflow:hidden;
  background:
    repeating-radial-gradient(circle, rgba(255,255,255,.07) 0 1px, transparent 1px 8px),
    radial-gradient(circle at 35% 28%, rgba(255,255,255,.10), transparent 28%),
    #090d16;
  border:1px solid rgba(255,255,255,.16);
  box-shadow:0 16px 32px rgba(0,0,0,.35);
  animation:popupVinylSpin 10s linear infinite;
}
.klas-popup-cover-art{
  position:absolute;
  inset:14%;
  width:72%;
  height:72%;
  border-radius:50%;
  object-fit:cover;
  opacity:0;
  transform:scale(.985);
  transition:opacity .35s ease, transform .35s ease;
  z-index:2;
  filter:saturate(1.06) contrast(1.04);
  pointer-events:none;
}
.klas-popup-mini-vinyl.has-cover .klas-popup-cover-art{opacity:.96;transform:scale(1);}
.klas-popup-mini-vinyl::after{
  content:'';
  position:absolute;
  inset:8px;
  border-radius:50%;
  border:1px solid rgba(255,255,255,.10);
  box-shadow:inset 0 0 0 18px rgba(0,0,0,.07), inset 0 0 0 31px rgba(255,255,255,.025);
  z-index:3;
}
.klas-popup-mini-center{
  position:absolute;
  left:50%;
  top:50%;
  width:30px;
  height:30px;
  transform:translate(-50%,-50%);
  border-radius:50%;
  background:var(--theme-primary, var(--red));
  border:1px solid rgba(255,112,122,.75);
  display:grid;
  place-items:center;
  z-index:6;
  box-shadow:0 0 18px rgba(224,32,32,.35);
  animation:popupAHeartbeat 1.45s ease-in-out infinite;
}
.klas-popup-mini-center img{width:20px;height:20px;object-fit:contain;display:block;}
.klas-popup-nowcopy{min-width:0;}
.klas-popup-nowcopy span{
  display:block;
  margin-bottom:4px;
  color:rgba(224,32,32,.92);
  font-size:8px;
  line-height:1;
  letter-spacing:1.45px;
  text-transform:uppercase;
  font-weight:950;
}
.klas-popup-nowcopy strong{
  display:block;
  color:#fff;
  font-size:14px;
  line-height:1.18;
  font-weight:900;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
  max-width:260px;
}
.klas-popup-nowcopy em{
  display:none;
  margin-top:5px;
  color:rgba(255,255,255,.38);
  font-size:8px;
  line-height:1;
  letter-spacing:1.15px;
  text-transform:uppercase;
  font-style:normal;
  font-weight:900;
}
.klas-popup-nowplaying-wrap.has-approved-cover .klas-popup-nowcopy em{display:block;}
@keyframes popupVinylSpin{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}
@keyframes popupAHeartbeat{0%,42%,100%{transform:translate(-50%,-50%) scale(1)}12%{transform:translate(-50%,-50%) scale(1.13)}23%{transform:translate(-50%,-50%) scale(1.06)}}
@media(max-width:760px){
  .klas-popup-nowplaying-wrap{gap:13px;padding:12px;border-radius:18px;margin-bottom:18px;}
  .klas-popup-mini-vinyl{width:64px;height:64px;flex-basis:64px;}
  .klas-popup-mini-center{width:26px;height:26px;}
  .klas-popup-mini-center img{width:17px;height:17px;}
  .klas-popup-nowcopy strong{max-width:190px;font-size:13px;}
}
.klas-popup-tv-frame{
  position:relative !important;
  width:100% !important;
  margin-top:24px;
  border-radius:22px !important;
  aspect-ratio:16/9;
  background:
    radial-gradient(circle at 50% 40%, rgba(224,32,32,.24), transparent 31%),
    linear-gradient(135deg, rgba(255,255,255,.08), rgba(255,255,255,.018)),
    #05070d !important;
  border:1px solid rgba(255,255,255,.11) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.07),0 22px 46px rgba(0,0,0,.34) !important;
}
.klas-popup-tv-frame::before{
  content:'KLAS TV' !important;
  font-size:clamp(32px,5vw,60px) !important;
  opacity:.82;
  color:rgba(255,255,255,.065) !important;
}
.klas-popup-tv-frame::after{
  content:'';
  position:absolute;
  inset:0;
  pointer-events:none;
  background:linear-gradient(180deg, transparent, rgba(0,0,0,.20)), repeating-linear-gradient(0deg, rgba(255,255,255,.022) 0, rgba(255,255,255,.022) 1px, transparent 1px, transparent 6px);
  opacity:.46;
}
.klas-popup-tv-offline{
  position:relative !important;
  z-index:3 !important;
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:10px 14px !important;
  border-radius:999px !important;
  background:rgba(0,0,0,.34) !important;
  border:1px solid rgba(255,255,255,.12) !important;
  color:rgba(255,255,255,.60) !important;
  font-size:9px !important;
  font-weight:900;
  letter-spacing:1.8px !important;
}
.klas-popup-tv-offline::before{content:'';width:6px;height:6px;border-radius:999px;background:rgba(255,255,255,.38);box-shadow:0 0 12px rgba(255,255,255,.14);}
.klas-tv-note{margin-top:16px;color:rgba(255,255,255,.43);font-size:11px;line-height:1.6;}
.klas-tv-note strong{color:rgba(255,255,255,.72);font-weight:900;}
@media(max-width:820px){
  .klas-popup-overlay{padding:18px !important;align-items:flex-start !important;overflow:auto;}
  .klas-popup{width:100% !important;min-height:auto !important;border-radius:24px !important;margin:18px 0;}
  .klas-live-head{padding:24px 22px 18px;}
  .klas-live-title{font-size:36px;}
  .klas-live-subtitle{font-size:11px;}
  .klas-popup-panels{grid-template-columns:1fr !important;padding:18px 18px 22px !important;gap:16px !important;}
  .klas-popup-panel{min-height:auto !important;padding:22px !important;border-radius:20px;}
  .klas-panel-top{align-items:flex-start;gap:12px;margin-bottom:20px;}
  .klas-popup-player-wrap{margin:26px 0 20px;gap:16px;}
  .klas-popup-play{width:74px !important;height:74px !important;flex-basis:74px;}
}
@media(max-width:520px){
  .klas-live-head{gap:12px;}
  .klas-popup-close{width:36px !important;height:36px !important;font-size:24px !important;}
  .klas-popup-logo{max-width:138px !important;max-height:48px !important;}
  .klas-live-chip{font-size:7px;letter-spacing:1.2px;padding:0 9px;}
  .klas-popup-title{font-size:30px !important;}
  .klas-popup-player-wrap{align-items:flex-start;}
  .klas-audio-copy strong{font-size:13px;}
}



/* v169 — Live Center compact radio player
   Scope: only Canlı Yayın Merkezi popup radio panel. TV panel, hero, RSS, admin/settings untouched. */
.klas-popup-radio{
  min-height:370px !important;
}
.klas-popup-radio .klas-panel-top{
  margin-bottom:24px !important;
}
.klas-popup-compact-player{
  position:relative;
  display:grid;
  grid-template-columns:96px minmax(0,1fr) 74px;
  grid-template-areas:
    "vinyl copy play"
    "vinyl eq eq";
  align-items:center;
  gap:18px 20px;
  margin-top:8px;
  padding:22px;
  min-height:174px;
  border-radius:26px;
  background:
    radial-gradient(circle at 16% 38%, rgba(224,32,32,.18), transparent 32%),
    linear-gradient(135deg, rgba(255,255,255,.075), rgba(255,255,255,.025));
  border:1px solid rgba(255,255,255,.115);
  box-shadow:0 24px 54px rgba(0,0,0,.32), inset 0 1px 0 rgba(255,255,255,.065);
  overflow:hidden;
}
.klas-popup-compact-player::before{
  content:'';
  position:absolute;
  inset:0;
  pointer-events:none;
  background:linear-gradient(90deg, rgba(255,255,255,.045), transparent 44%, rgba(255,255,255,.025));
  opacity:.58;
}
.klas-popup-compact-player .klas-popup-mini-vinyl{
  grid-area:vinyl;
  width:96px;
  height:96px;
  flex-basis:96px;
  z-index:1;
}
.klas-popup-compact-player .klas-popup-mini-center{
  width:38px;
  height:38px;
}
.klas-popup-compact-player .klas-popup-mini-center img{
  width:25px;
  height:25px;
}
.klas-popup-compact-copy{
  grid-area:copy;
  position:relative;
  z-index:1;
  min-width:0;
}
.klas-popup-mini-kicker{
  font-family:'Bebas Neue',sans-serif;
  font-size:30px;
  line-height:1;
  letter-spacing:1.3px;
  color:#fff;
  text-transform:uppercase;
  margin-bottom:10px;
  text-shadow:0 12px 24px rgba(0,0,0,.34);
}
.klas-popup-compact-player .klas-popup-nowcopy span{
  margin-bottom:5px;
  font-size:8px;
  letter-spacing:1.7px;
}
.klas-popup-compact-player .klas-popup-nowcopy strong{
  max-width:100%;
  font-size:15px;
  line-height:1.2;
}
.klas-popup-listen-line{
  display:block;
  margin-top:10px;
  color:rgba(255,255,255,.68);
  font-size:12px;
  font-weight:900;
  letter-spacing:.1px;
}
.klas-popup-compact-player .klas-popup-play{
  grid-area:play;
  position:relative;
  z-index:1;
  width:74px !important;
  height:74px !important;
  flex:0 0 74px !important;
  align-self:center;
  justify-self:end;
}
.klas-popup-compact-player .klas-popup-play .popup-play-icon{
  font-size:27px;
}
.klas-popup-compact-player .klas-eq{
  grid-area:eq;
  position:relative;
  z-index:1;
  height:34px;
  margin:0 !important;
  padding:0 !important;
  justify-content:flex-end;
  opacity:.72;
}
.klas-popup-compact-player .klas-eq span{
  width:4px;
}
.klas-popup-compact-player .klas-eq span:nth-child(n+11){display:none;}
@media(max-width:820px){
  .klas-popup-compact-player{
    grid-template-columns:78px minmax(0,1fr) 64px;
    gap:14px;
    padding:18px;
    min-height:148px;
    border-radius:22px;
  }
  .klas-popup-compact-player .klas-popup-mini-vinyl{width:78px;height:78px;flex-basis:78px;}
  .klas-popup-compact-player .klas-popup-mini-center{width:32px;height:32px;}
  .klas-popup-compact-player .klas-popup-mini-center img{width:21px;height:21px;}
  .klas-popup-mini-kicker{font-size:25px;}
  .klas-popup-compact-player .klas-popup-play{width:64px !important;height:64px !important;flex-basis:64px !important;}
}
@media(max-width:560px){
  .klas-popup-compact-player{
    grid-template-columns:72px minmax(0,1fr);
    grid-template-areas:
      "vinyl copy"
      "play eq";
  }
  .klas-popup-compact-player .klas-popup-play{justify-self:start;}
  .klas-popup-compact-player .klas-eq{justify-content:flex-start;}
  .klas-popup-mini-kicker{font-size:23px;}
}

/* v149 Premium logo render + live EQ visual upgrade: ONLY live popup + audio EQ scope */
.klas-popup-logo{
  display:block !important;
  width:auto !important;
  height:auto !important;
  object-fit:contain !important;
  image-rendering:auto !important;
  filter:none !important;
  opacity:1 !important;
  transform:none !important;
  mix-blend-mode:normal !important;
  isolation:isolate !important;
  flex:0 0 auto !important;
}
.klas-popup-radio .klas-popup-logo{
  max-width:172px !important;
  max-height:72px !important;
}
.klas-popup-tv .klas-popup-logo{
  max-width:166px !important;
  max-height:72px !important;
}
.klas-popup-panel::after{
  content:'';
  position:absolute;
  left:18px;
  right:18px;
  top:18px;
  height:86px;
  pointer-events:none;
  border-radius:22px;
  background:linear-gradient(180deg, rgba(255,255,255,.045), transparent 70%);
  opacity:.55;
  z-index:0;
}
.klas-popup-panel > *{position:relative;z-index:1;}

.h-eq{
  position:relative !important;
  width:88px !important;
  height:34px !important;
  display:flex !important;
  align-items:flex-end !important;
  justify-content:center !important;
  gap:4px !important;
  padding:7px 10px 7px !important;
  border-radius:999px !important;
  overflow:hidden !important;
  background:
    radial-gradient(circle at 20% 20%, rgba(255,255,255,.18), transparent 30%),
    linear-gradient(135deg, rgba(255,255,255,.105), rgba(255,255,255,.026)) !important;
  border:1px solid rgba(255,255,255,.105) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.10), 0 10px 28px rgba(0,0,0,.28) !important;
}
.h-eq::before{
  content:'';
  position:absolute;
  inset:-40% -35%;
  background:linear-gradient(90deg, transparent 0%, rgba(224,32,32,.0) 34%, rgba(224,32,32,.34) 49%, rgba(255,255,255,.22) 52%, rgba(224,32,32,.0) 66%, transparent 100%);
  transform:translateX(-42%) rotate(10deg);
  animation:klasEqSweep 3.8s ease-in-out infinite;
  opacity:.72;
  pointer-events:none;
}
.h-eq::after{
  content:'';
  position:absolute;
  left:12px;
  right:12px;
  bottom:5px;
  height:1px;
  background:linear-gradient(90deg, transparent, rgba(224,32,32,.72), rgba(255,255,255,.38), transparent);
  box-shadow:0 0 14px rgba(224,32,32,.5);
  opacity:.62;
}
.h-eq .eb{
  position:relative !important;
  z-index:1 !important;
  width:4px !important;
  min-height:6px !important;
  height:18px !important;
  border-radius:999px !important;
  background:linear-gradient(180deg, rgba(255,255,255,.95), rgba(224,32,32,.90) 58%, rgba(120,12,18,.92)) !important;
  box-shadow:0 0 12px rgba(224,32,32,.34), inset 0 1px 0 rgba(255,255,255,.34) !important;
  transform-origin:bottom center !important;
  animation:klasHomeEqPremium 1.18s cubic-bezier(.45,0,.18,1) infinite !important;
  animation-delay:var(--d) !important;
  opacity:.78 !important;
}
.h-eq .eb:nth-child(1){height:11px !important}.h-eq .eb:nth-child(2){height:23px !important}.h-eq .eb:nth-child(3){height:17px !important}.h-eq .eb:nth-child(4){height:26px !important}.h-eq .eb:nth-child(5){height:13px !important}.h-eq .eb:nth-child(6){height:21px !important}.h-eq .eb:nth-child(7){height:15px !important}.h-eq .eb:nth-child(8){height:24px !important}
.h-listen-card.is-playing .h-eq{
  border-color:rgba(224,32,32,.32) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.13), 0 14px 36px rgba(224,32,32,.15), 0 10px 30px rgba(0,0,0,.34) !important;
}
.h-listen-card.is-playing .h-eq .eb{animation-duration:.78s !important;opacity:1 !important;}

.klas-eq{
  position:relative !important;
  width:min(100%, 370px) !important;
  height:84px !important;
  display:flex !important;
  align-items:flex-end !important;
  justify-content:center !important;
  gap:8px !important;
  margin-top:auto !important;
  padding:15px 18px 17px !important;
  border-radius:25px !important;
  overflow:hidden !important;
  opacity:1 !important;
  background:
    radial-gradient(circle at 18% 24%, rgba(255,255,255,.16), transparent 28%),
    radial-gradient(circle at 52% 100%, rgba(224,32,32,.24), transparent 62%),
    linear-gradient(135deg, rgba(255,255,255,.085), rgba(255,255,255,.024)) !important;
  border:1px solid rgba(255,255,255,.105) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.10), 0 22px 48px rgba(0,0,0,.30) !important;
}
.klas-eq::before{
  content:'';
  position:absolute;
  inset:-45% -30%;
  background:linear-gradient(90deg, transparent 0%, rgba(224,32,32,0) 35%, rgba(224,32,32,.38) 48%, rgba(255,255,255,.24) 51%, rgba(224,32,32,0) 64%, transparent 100%);
  transform:translateX(-48%) rotate(9deg);
  animation:klasEqSweep 4.15s ease-in-out infinite;
  opacity:.75;
}
.klas-eq::after{
  content:'';
  position:absolute;
  left:22px;
  right:22px;
  bottom:12px;
  height:1px;
  background:linear-gradient(90deg, transparent, rgba(224,32,32,.78), rgba(255,255,255,.38), transparent);
  box-shadow:0 0 18px rgba(224,32,32,.54);
  opacity:.72;
}
.klas-eq span{
  position:relative !important;
  z-index:1 !important;
  display:block !important;
  width:7px !important;
  border-radius:999px !important;
  background:linear-gradient(180deg, rgba(255,255,255,.98), rgba(224,32,32,.88) 58%, rgba(112,10,16,.94)) !important;
  box-shadow:0 0 18px rgba(224,32,32,.34), inset 0 1px 0 rgba(255,255,255,.36) !important;
  transform-origin:bottom center !important;
  animation:klasPopupEqPremium 1.06s cubic-bezier(.42,0,.2,1) infinite !important;
  animation-play-state:running !important;
  opacity:.92 !important;
}
.klas-eq span:nth-child(1){height:15px !important;animation-delay:.02s !important}.klas-eq span:nth-child(2){height:34px !important;animation-delay:.16s !important}.klas-eq span:nth-child(3){height:52px !important;animation-delay:.30s !important}.klas-eq span:nth-child(4){height:26px !important;animation-delay:.10s !important}.klas-eq span:nth-child(5){height:45px !important;animation-delay:.40s !important}.klas-eq span:nth-child(6){height:20px !important;animation-delay:.22s !important}.klas-eq span:nth-child(7){height:58px !important;animation-delay:.34s !important}.klas-eq span:nth-child(8){height:31px !important;animation-delay:.48s !important}.klas-eq span:nth-child(9){height:49px !important;animation-delay:.12s !important}.klas-eq span:nth-child(10){height:23px !important;animation-delay:.26s !important}.klas-eq span:nth-child(11){height:41px !important;animation-delay:.38s !important}.klas-eq span:nth-child(12){height:18px !important;animation-delay:.50s !important}.klas-eq span:nth-child(13){height:35px !important;animation-delay:.18s !important}.klas-eq span:nth-child(14){height:25px !important;animation-delay:.32s !important}
.klas-popup-radio.is-audio-live .klas-eq span{animation-duration:.74s !important;opacity:1 !important;}

@keyframes klasHomeEqPremium{
  0%,100%{transform:scaleY(.42);opacity:.52;filter:saturate(.9)}
  38%{transform:scaleY(1.08);opacity:1;filter:saturate(1.2)}
  62%{transform:scaleY(.72);opacity:.78;filter:saturate(1)}
}
@keyframes klasPopupEqPremium{
  0%,100%{transform:scaleY(.35);opacity:.52;filter:saturate(.9)}
  42%{transform:scaleY(1.08);opacity:1;filter:saturate(1.25)}
  68%{transform:scaleY(.65);opacity:.72;filter:saturate(1.05)}
}
@keyframes klasEqSweep{
  0%{transform:translateX(-48%) rotate(9deg);opacity:0}
  18%{opacity:.7}
  48%{opacity:.85}
  78%{opacity:.35}
  100%{transform:translateX(48%) rotate(9deg);opacity:0}
}
@media(max-width:520px){
  .h-eq{width:74px !important;height:30px !important;padding:6px 8px !important;gap:3px !important;}
  .h-eq .eb{width:3px !important;}
  .klas-eq{width:100% !important;height:70px !important;gap:6px !important;padding:13px 14px 15px !important;}
  .klas-eq span{width:5px !important;}
}
@media (prefers-reduced-motion: reduce){
  .h-eq::before,.klas-eq::before,.h-eq .eb,.klas-eq span{animation:none !important;}
}



/* v150 nav restructure + Klas Club + logo edge polish: no hero/RSS/admin/settings scope change */
.nav-live-center{
  display:inline-flex !important;
  align-items:center;
  gap:8px;
}
.nav-live-dot{
  width:7px;
  height:7px;
  border-radius:999px;
  flex:0 0 auto;
  background:var(--theme-primary, var(--red));
  box-shadow:0 0 0 0 rgba(224,32,32,.55),0 0 12px rgba(224,32,32,.65);
  animation:klasLiveDotPulse 1.25s ease-in-out infinite;
}
@keyframes klasLiveDotPulse{
  0%,100%{opacity:1;transform:scale(1);box-shadow:0 0 0 0 rgba(224,32,32,.44),0 0 12px rgba(224,32,32,.65);}
  50%{opacity:.42;transform:scale(.76);box-shadow:0 0 0 7px rgba(224,32,32,0),0 0 20px rgba(224,32,32,.95);}
}
.club-pill{
  text-decoration:none;
  color:#fff;
  letter-spacing:2.2px;
  white-space:nowrap;
  background:linear-gradient(135deg,rgba(255,255,255,.10),rgba(255,255,255,.035));
  border-color:rgba(255,255,255,.18);
}
.club-pill::before{
  content:'';
  width:6px;
  height:6px;
  border-radius:999px;
  background:rgba(255,255,255,.55);
  box-shadow:0 0 14px rgba(255,255,255,.18);
}
.club-pill:hover{
  border-color:rgba(224,32,32,.46);
  background:linear-gradient(135deg,rgba(224,32,32,.22),rgba(255,255,255,.055));
}
.klas-popup-logo,
.ktv-main-mark,
.tv-player-logo{
  filter:none !important;
  opacity:1 !important;
  mix-blend-mode:normal !important;
  transform:none !important;
  image-rendering:auto !important;
  backface-visibility:hidden;
}
.klas-club-section{
  position:relative;
  overflow:hidden;
  padding-top:82px;
  padding-bottom:86px;
  background:
    radial-gradient(circle at 22% 18%,rgba(224,32,32,.18),transparent 34%),
    radial-gradient(circle at 80% 72%,rgba(255,255,255,.08),transparent 30%),
    linear-gradient(180deg,rgba(7,10,16,.96),rgba(10,13,20,.98));
}
.klas-club-shell{
  width:min(1120px,calc(100% - 48px));
  margin:0 auto;
}
.klas-club-card{
  min-height:340px;
  display:flex;
  flex-direction:column;
  justify-content:center;
  align-items:flex-start;
  border:1px solid rgba(255,255,255,.13);
  border-radius:30px;
  padding:48px;
  background:
    linear-gradient(135deg,rgba(255,255,255,.105),rgba(255,255,255,.035)),
    radial-gradient(circle at 18% 22%,rgba(224,32,32,.22),transparent 36%);
  box-shadow:0 32px 90px rgba(0,0,0,.38),inset 0 1px 0 rgba(255,255,255,.12);
  position:relative;
  overflow:hidden;
}
.klas-club-card::after{
  content:'';
  position:absolute;
  inset:0;
  background:linear-gradient(110deg,transparent 0%,rgba(255,255,255,.08) 42%,transparent 62%);
  transform:translateX(-120%);
  animation:klasClubSweep 5.8s ease-in-out infinite;
  pointer-events:none;
}
@keyframes klasClubSweep{
  0%,42%{transform:translateX(-120%);opacity:0;}
  52%{opacity:1;}
  72%,100%{transform:translateX(120%);opacity:0;}
}
.klas-club-kicker{
  color:var(--theme-primary, var(--red));
  text-transform:uppercase;
  letter-spacing:4px;
  font-size:10px;
  font-weight:900;
  margin-bottom:14px;
}
.klas-club-title{
  margin:0;
  line-height:1;
}

.klas-club-logo{
  display:block;
  width:min(420px,88vw);
  max-width:100%;
  height:auto;
  filter:drop-shadow(0 20px 70px rgba(224,32,32,.22));
}
.klas-club-copy{
  margin:24px 0 28px;
  max-width:560px;
  color:rgba(255,255,255,.62);
  font-size:15px;
  line-height:1.75;
}
.klas-club-soon{
  display:inline-flex;
  align-items:center;
  min-height:42px;
  padding:0 20px;
  border-radius:999px;
  border:1px solid rgba(224,32,32,.38);
  background:rgba(224,32,32,.12);
  color:#fff;
  font-size:11px;
  font-weight:950;
  letter-spacing:2.2px;
  box-shadow:0 18px 44px rgba(224,32,32,.16);
}
@media(max-width:720px){
  .klas-club-shell{width:calc(100% - 32px);}
  .klas-club-card{padding:34px 24px;min-height:300px;border-radius:24px;}
  .klas-club-copy{font-size:13px;}
  .nav-live-center{justify-content:flex-start;}
}


/* v151 Klas Club SVG + Live Center header polish: scoped to nav, live modal and Klas Club assets */
.club-pill{
  display:inline-flex !important;
  align-items:center;
  gap:8px;
}
.club-pill::before{
  content:'' !important;
  width:7px !important;
  height:7px !important;
  border-radius:999px !important;
  flex:0 0 auto !important;
  background:var(--red) !important;
  box-shadow:0 0 0 0 rgba(224,32,32,.55),0 0 12px rgba(224,32,32,.65) !important;
  animation:klasLiveDotPulse 1.25s ease-in-out infinite !important;
}
.klas-live-head-main{
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  gap:10px;
}
.klas-live-brand-logo{
  display:block;
  width:clamp(128px,12vw,178px);
  height:auto;
  margin:0 0 2px;
  filter:none !important;
  opacity:1 !important;
  transform:none !important;
  mix-blend-mode:normal !important;
}
.klas-live-actions{
  display:flex;
  align-items:center;
  gap:10px;
  margin-left:auto;
}
.klas-live-home{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  height:42px;
  padding:0 16px;
  border-radius:999px;
  border:1px solid rgba(255,255,255,.14);
  background:rgba(255,255,255,.055);
  color:#fff;
  text-decoration:none;
  text-transform:uppercase;
  font-size:10px;
  font-weight:950;
  letter-spacing:1.45px;
  white-space:nowrap;
  transition:border-color .22s ease, background .22s ease, transform .22s ease;
}
.klas-live-home:hover{
  border-color:rgba(224,32,32,.42);
  background:rgba(224,32,32,.13);
  transform:translateY(-1px);
}
@media(max-width:720px){
  .klas-live-actions{gap:8px;align-self:flex-start;margin-left:0;}
  .klas-live-home{height:38px;padding:0 13px;font-size:9px;letter-spacing:1.1px;}
  .klas-live-brand-logo{width:132px;}
}



/* v153 — Graphite Vinyl Digital Player + schedule visual language
   Scope: player/schedule visual polish only. No RSS/admin/settings/server/hero grid changes. */
:root{
  --klas-graphite-1:#070a11;
  --klas-graphite-2:#101521;
  --klas-graphite-3:#1a2131;
  --klas-graphite-ring:rgba(160,172,204,.18);
  --klas-red:#E02020;
}
.h-now.h-listen-card{
  min-height:132px !important;
  max-width:680px !important;
  gap:22px !important;
  padding:18px 22px !important;
  border-radius:30px !important;
  background:
    radial-gradient(circle at 18% 30%,rgba(224,32,32,.20),transparent 32%),
    radial-gradient(circle at 92% 18%,rgba(255,255,255,.08),transparent 28%),
    linear-gradient(135deg,rgba(18,24,37,.96),rgba(7,10,17,.985)) !important;
  border:1px solid rgba(255,255,255,.16) !important;
  box-shadow:0 26px 72px rgba(0,0,0,.40),0 0 52px rgba(224,32,32,.08),inset 0 1px 0 rgba(255,255,255,.085) !important;
}
.h-now.h-listen-card::before{
  background:linear-gradient(110deg,rgba(224,32,32,.16),transparent 42%,rgba(255,255,255,.05)) !important;
  opacity:.88 !important;
}
.h-now.h-listen-card::after{
  content:'';
  position:absolute;
  inset:1px;
  border-radius:29px;
  pointer-events:none;
  background:linear-gradient(180deg,rgba(255,255,255,.06),transparent 32%,rgba(0,0,0,.18));
}
.h-ndisk,.d-disk{
  background:
    radial-gradient(circle at 50% 50%, transparent 0 18%, rgba(255,255,255,.055) 19% 20%, transparent 21% 100%),
    repeating-radial-gradient(circle at 50% 50%, rgba(255,255,255,.075) 0 1px, transparent 1px 7px),
    radial-gradient(circle at 35% 28%,#242d42 0%,#151b2a 31%,#0b0f18 63%,#181f2f 100%) !important;
  box-shadow:
    0 0 0 1px rgba(255,255,255,.15),
    0 20px 42px rgba(0,0,0,.58),
    0 0 34px rgba(224,32,32,.20),
    inset 0 0 24px rgba(0,0,0,.52) !important;
}
.h-ndisk{
  width:92px !important;
  height:92px !important;
  animation-duration:3.7s !important;
}
.h-ndisk::before,.d-disk::before{
  inset:34% !important;
  background:radial-gradient(circle at 32% 24%,#ff646d 0%,#e02020 46%,#7e0810 100%) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.32),0 0 20px rgba(224,32,32,.46),0 0 0 9px rgba(255,255,255,.035) !important;
}
.h-ndisk::after,.d-disk::after{
  content:'';
  position:absolute;
  inset:11%;
  border-radius:50%;
  border:1px solid rgba(170,184,215,.18);
  box-shadow:inset 0 0 0 17px rgba(255,255,255,.018),inset 0 0 0 34px rgba(255,255,255,.012);
  pointer-events:none;
}
.h-nlbl{
  display:flex !important;
  align-items:center !important;
  gap:8px !important;
  font-size:9px !important;
  letter-spacing:2.6px !important;
  color:rgba(255,255,255,.56) !important;
}
.h-nlbl::before{
  content:'';
  width:8px;height:8px;border-radius:50%;background:var(--klas-red);
  box-shadow:0 0 0 6px rgba(224,32,32,.12),0 0 18px rgba(224,32,32,.62);
  animation:klasLiveDotPulse 1.25s ease-in-out infinite;
}
.h-ntrack{
  font-family:"Bebas Neue",sans-serif !important;
  font-size:34px !important;
  letter-spacing:2.1px !important;
  line-height:1 !important;
  text-transform:uppercase !important;
  margin-top:6px !important;
  text-shadow:0 14px 36px rgba(0,0,0,.32) !important;
}
.h-nartist{
  font-size:13px !important;
  color:rgba(255,255,255,.58) !important;
  font-weight:700 !important;
  margin-top:7px !important;
}
.h-listen-card .h-eq{
  width:116px !important;
  height:54px !important;
  padding:11px 13px 12px !important;
  border-radius:22px !important;
  background:
    radial-gradient(circle at 25% 25%,rgba(255,255,255,.18),transparent 33%),
    linear-gradient(135deg,rgba(255,255,255,.10),rgba(255,255,255,.028)) !important;
  border:1px solid rgba(255,255,255,.13) !important;
}
.h-listen-card .h-eq .eb{
  width:5px !important;
  background:linear-gradient(180deg,rgba(255,255,255,.98),rgba(224,32,32,.90) 60%,rgba(105,8,15,.96)) !important;
}
.sched-item{
  isolation:isolate;
  border-radius:20px !important;
  box-shadow:0 14px 34px rgba(17,24,39,.07) !important;
}
.sched-item::before{
  content:'';
  position:absolute;
  top:12px;
  left:12px;
  width:46px;
  height:46px;
  z-index:3;
  border-radius:50%;
  background:
    radial-gradient(circle at 50% 50%, #e02020 0 16%, #0a0f18 17% 24%, transparent 25% 100%),
    repeating-radial-gradient(circle at 50% 50%, rgba(255,255,255,.14) 0 1px, transparent 1px 5px),
    radial-gradient(circle at 35% 28%,#222b40,#0b0f18 68%,#1a2131);
  border:1px solid rgba(255,255,255,.22);
  box-shadow:0 12px 24px rgba(0,0,0,.30),0 0 18px rgba(224,32,32,.18),inset 0 0 14px rgba(0,0,0,.45);
  pointer-events:none;
}
.sched-item.now::before{
  box-shadow:0 14px 30px rgba(0,0,0,.28),0 0 30px rgba(224,32,32,.35),0 0 0 7px rgba(224,32,32,.10),inset 0 0 14px rgba(0,0,0,.45);
  animation:spin 8s linear infinite;
}
.sched-item .dj-photo{
  filter:saturate(1.02) contrast(1.03);
}
.sched-item.now{
  background:linear-gradient(160deg,#fffafa 0%,#fff 70%) !important;
  border-color:rgba(224,32,32,.28) !important;
}
.vinyl-wrap{
  background:
    radial-gradient(circle at 24% 20%,rgba(224,32,32,.13),transparent 34%),
    linear-gradient(135deg,#0b0f18,#171d2b) !important;
}
.vinyl-disc{
  background:
    radial-gradient(circle at 50% 50%, transparent 0 18%, rgba(255,255,255,.055) 19% 20%, transparent 21% 100%),
    repeating-radial-gradient(circle at 50% 50%, rgba(255,255,255,.07) 0 1px, transparent 1px 7px),
    radial-gradient(circle at 35% 28%,#242d42 0%,#151b2a 31%,#0b0f18 63%,#181f2f 100%) !important;
  box-shadow:0 0 0 1px rgba(255,255,255,.12),0 18px 48px rgba(0,0,0,.65),0 0 34px rgba(224,32,32,.18),inset 0 0 26px rgba(0,0,0,.52) !important;
}
.vinyl-groove{border-color:rgba(170,184,215,.14) !important;}
.vinyl-center{
  background:radial-gradient(circle at 33% 26%,#ff6670,#e02020 48%,#80070f 100%) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.28),0 0 22px rgba(224,32,32,.42),0 0 0 9px rgba(255,255,255,.035) !important;
}
.vinyl-center img{filter:brightness(0) invert(1); opacity:.92; max-width:58%; max-height:58%;}
.vinyl-arm{opacity:.72;background:linear-gradient(to bottom,rgba(255,255,255,.52),rgba(120,130,150,.42)) !important;}
@media(max-width:760px){
  .h-now.h-listen-card{min-height:112px !important;padding:16px !important;gap:15px !important;border-radius:25px !important;}
  .h-ndisk{width:70px !important;height:70px !important;}
  .h-ntrack{font-size:26px !important;letter-spacing:1.4px !important;}
  .h-listen-card .h-eq{width:82px !important;height:42px !important;}
  .sched-item::before{width:38px;height:38px;top:10px;left:10px;}
}


/* v155 — clean player fix from v153 base
   Scope: only player center A, player logo, and schedule photo badge cleanup.
   RSS/admin/settings/server/hero grid-flex untouched. */
.h-ndisk::before{
  content:'' !important;
  display:block !important;
  visibility:visible !important;
  position:absolute !important;
  inset:31% !important;
  width:auto !important;
  height:auto !important;
  border-radius:50% !important;
  background:radial-gradient(circle at 35% 25%,#ff666f 0%,#e02020 47%,#7d0710 100%) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.30),0 0 18px rgba(224,32,32,.45),0 0 0 7px rgba(255,255,255,.035) !important;
  pointer-events:none !important;
}
.h-ndisk::after{
  content:'' !important;
  position:absolute !important;
  top:50% !important;
  left:50% !important;
  transform:translate(-50%,-50%) !important;
  width:34px !important;
  height:34px !important;
  border-radius:50% !important;
  background:url('/assets/favicon-a.png') center/72% no-repeat rgba(255,255,255,.96) !important;
  box-shadow:0 0 0 1px rgba(255,255,255,.20),0 4px 14px rgba(0,0,0,.36),0 0 14px rgba(224,32,32,.20) !important;
  z-index:5 !important;
  pointer-events:none !important;
}
.h-ntrack.h-ntrack-logo{
  margin-top:5px !important;
  overflow:visible !important;
  white-space:normal !important;
  line-height:1 !important;
  height:auto !important;
}
.h-ntrack-logo img{
  display:block !important;
  width:178px !important;
  max-width:48vw !important;
  height:auto !important;
  object-fit:contain !important;
  filter:drop-shadow(0 8px 20px rgba(0,0,0,.36)) !important;
}
.sched-item::before,
.sched-item.now::before{
  content:none !important;
  display:none !important;
  animation:none !important;
}
.sched-item .dj-photo{
  display:block !important;
}
@media(max-width:760px){
  .h-ndisk::after{width:26px !important;height:26px !important;}
  .h-ntrack-logo img{width:138px !important;}
}


/* v156 — player hint optical center
   Scope: only centers the "Dinlemek için tıklayın" hint under the KLAS RADYO logo. */
.h-nartist{
  width:178px !important;
  max-width:48vw !important;
  text-align:center !important;
}
@media(max-width:760px){
  .h-nartist{width:138px !important;}
}


/* v158 — stronger center A heartbeat pulse for player + Auto DJ vinyl
   Scope: only strengthens the center A micro-animation. EQ, logo assets, layout and schedule structure preserved. */
@keyframes klasCenterHeartbeat{
  0%,100%{transform:translate(-50%,-50%) scale(1);filter:drop-shadow(0 0 0 rgba(224,32,32,0));}
  12%{transform:translate(-50%,-50%) scale(1.115);filter:drop-shadow(0 0 18px rgba(224,32,32,.54));}
  22%{transform:translate(-50%,-50%) scale(1.018);filter:drop-shadow(0 0 7px rgba(224,32,32,.24));}
  32%{transform:translate(-50%,-50%) scale(1.055);filter:drop-shadow(0 0 13px rgba(224,32,32,.38));}
  48%{transform:translate(-50%,-50%) scale(1);filter:drop-shadow(0 0 0 rgba(224,32,32,0));}
}
.h-ndisk::after{
  transform:translate(-50%,-50%) scale(1) !important;
  transform-origin:center center !important;
  animation:klasCenterHeartbeat 1.45s ease-in-out infinite !important;
  will-change:transform,filter !important;
}
.vinyl-center{
  transform:translate(-50%,-50%) scale(1) !important;
  transform-origin:center center !important;
  animation:klasCenterHeartbeat 1.45s ease-in-out infinite !important;
  will-change:transform,filter !important;
}
@media (prefers-reduced-motion: reduce){
  .h-ndisk::after,.vinyl-center{animation:none !important;}
}



/* v159 — schedule label + Auto DJ center uses same homepage A badge style
   Scope: schedule eyebrow, dynamic program visibility and Auto DJ vinyl center mark only. */
.vinyl-center{
  background:rgba(255,255,255,.96) !important;
  box-shadow:0 0 0 1px rgba(255,255,255,.20),0 4px 14px rgba(0,0,0,.36),0 0 22px rgba(224,32,32,.30),0 0 0 9px rgba(255,255,255,.035) !important;
}
.vinyl-center img{
  filter:none !important;
  opacity:1 !important;
  max-width:72% !important;
  max-height:72% !important;
}



/* v164 — Approved cover-library vinyl surface
   Scope: only hero player cover surface + now-playing data binding. No RSS/admin/hero grid/logo changes. */
.h-ndisk{
  overflow:hidden !important;
}
.h-cover-art{
  position:absolute !important;
  inset:14% !important;
  width:72% !important;
  height:72% !important;
  border-radius:50% !important;
  object-fit:cover !important;
  opacity:0 !important;
  transform:scale(.985) !important;
  transition:opacity .35s ease, transform .35s ease !important;
  z-index:2 !important;
  filter:saturate(1.06) contrast(1.04) !important;
  pointer-events:none !important;
}
.h-ndisk.has-cover .h-cover-art{
  opacity:.96 !important;
  transform:scale(1) !important;
}
.h-ndisk.has-cover::before{
  opacity:.18 !important;
  z-index:3 !important;
}
.h-ndisk.has-cover::after{
  z-index:6 !important;
  background:url('/assets/favicon-a.png') center/72% no-repeat rgba(255,255,255,.94) !important;
}
.h-nowplaying-source{
  display:none;
  margin-top:5px;
  font-size:9px;
  letter-spacing:1.3px;
  text-transform:uppercase;
  color:rgba(255,255,255,.38);
  font-weight:900;
}
.h-listen-card.has-approved-cover .h-nowplaying-source{display:block;}



/* v166 — linked now-playing data for player + schedule Auto DJ vinyl
   Scope: only links the existing now-playing data to the schedule Auto DJ card.
   Player vinyl and schedule vinyl keep their own structures; no hero grid/RSS/admin/logo rewrite. */
.vinyl-disc{
  overflow:hidden !important;
}
.vinyl-cover-art{
  position:absolute !important;
  inset:15% !important;
  width:70% !important;
  height:70% !important;
  border-radius:50% !important;
  object-fit:cover !important;
  opacity:0 !important;
  transform:scale(.985) !important;
  transition:opacity .35s ease, transform .35s ease !important;
  z-index:2 !important;
  filter:saturate(1.06) contrast(1.04) !important;
  pointer-events:none !important;
}
.vinyl-disc.has-cover .vinyl-cover-art{
  opacity:.94 !important;
  transform:scale(1) !important;
}
.vinyl-disc.has-cover .vinyl-groove{
  z-index:3 !important;
  border-color:rgba(255,255,255,.16) !important;
}
.vinyl-disc.has-cover .vinyl-shine{z-index:4 !important;}
.vinyl-disc.has-cover .vinyl-center{z-index:7 !important;}
.sched-live-track{
  display:none;
  margin:0 0 9px 0;
  padding:8px 10px;
  border-radius:14px;
  background:rgba(224,28,42,.07);
  border:1px solid rgba(224,28,42,.14);
  color:rgba(15,23,42,.72);
  font-size:11px;
  line-height:1.25;
  font-weight:800;
  letter-spacing:.2px;
}
.sched-live-track span{
  display:block;
  margin-bottom:2px;
  color:rgba(224,28,42,.92);
  font-size:8.5px;
  line-height:1;
  letter-spacing:1.35px;
  text-transform:uppercase;
  font-weight:950;
}
.sched-live-track strong{
  display:block;
  color:rgba(15,23,42,.86);
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.sched-item.has-live-track .sched-live-track{display:block;}
@media(max-width:760px){
  .sched-live-track{font-size:10.5px;margin-bottom:8px;padding:7px 9px;border-radius:12px;}
}

/* v160 — player now playing / song ID line
   Scope: only adds a controlled current-song line to the hero player.
   EQ, logo assets, RSS/admin/settings/server/hero grid-flex untouched. */
.h-nowplaying{
  width:260px !important;
  max-width:48vw !important;
  margin-top:7px !important;
  font-size:10.5px !important;
  line-height:1.25 !important;
  color:rgba(255,255,255,.52) !important;
  white-space:nowrap !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
  letter-spacing:.15px !important;
}
.h-nowplaying span{
  color:rgba(224,32,32,.95) !important;
  font-weight:900 !important;
  text-transform:uppercase !important;
  letter-spacing:1.2px !important;
  font-size:8.5px !important;
}
.h-nowplaying strong{
  color:rgba(255,255,255,.72) !important;
  font-weight:800 !important;
}
@media(max-width:760px){
  .h-nowplaying{width:200px !important;font-size:9.5px !important;}
  .h-nowplaying span{font-size:7.5px !important;}
}


/* v161 — now playing visibility + initial fetch fix
   Scope: only makes the current-song line visible on load and starts metadata polling at page open. */
.h-nowplaying{
  display:flex !important;
  flex-direction:column !important;
  align-items:center !important;
  justify-content:center !important;
  width:220px !important;
  max-width:52vw !important;
  margin-top:9px !important;
  text-align:center !important;
  white-space:normal !important;
  overflow:visible !important;
  letter-spacing:.1px !important;
}
.h-nowplaying span{
  display:block !important;
  margin-bottom:2px !important;
  color:rgba(224,32,32,.98) !important;
  font-size:8px !important;
  line-height:1 !important;
  font-weight:900 !important;
  letter-spacing:1.45px !important;
  text-transform:uppercase !important;
}
.h-nowplaying strong{
  display:block !important;
  width:100% !important;
  color:rgba(255,255,255,.84) !important;
  font-size:11.5px !important;
  line-height:1.2 !important;
  font-weight:800 !important;
  white-space:nowrap !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
  text-shadow:0 8px 18px rgba(0,0,0,.28) !important;
}
@media(max-width:760px){
  .h-nowplaying{width:180px !important;max-width:54vw !important;margin-top:7px !important;}
  .h-nowplaying span{font-size:7px !important;letter-spacing:1.15px !important;}
  .h-nowplaying strong{font-size:10px !important;}
}



/* v163 — metadata history backend preserved
   Scope: only player metadata visibility + recent-song strip. Existing player/EQ/vinyl/RSS/admin layout preserved. */
.recent-tracks-section{
  padding-top:34px !important;
  padding-bottom:18px !important;
}
.recent-tracks-panel{
  width:min(1180px,calc(100vw - 44px));
  margin:0 auto;
  border-radius:26px;
  background:linear-gradient(135deg,rgba(255,255,255,.94),rgba(255,255,255,.78));
  border:1px solid rgba(14,20,30,.075);
  box-shadow:0 26px 70px rgba(10,16,24,.08);
  padding:24px 28px 26px;
}
.recent-tracks-head{
  display:flex;align-items:flex-end;justify-content:space-between;gap:18px;margin-bottom:18px;
}
.recent-tracks-kicker{
  color:var(--theme-primary, var(--red));font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:5px;margin-bottom:8px;
}
.recent-tracks-title{
  font-family:var(--cond);font-size:34px;line-height:.95;letter-spacing:2px;color:#07101c;text-transform:uppercase;
}
.recent-tracks-live{
  display:inline-flex;align-items:center;gap:8px;border:1px solid rgba(224,32,32,.24);background:rgba(224,32,32,.045);
  color:#07101c;border-radius:999px;padding:9px 13px;font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:1.6px;white-space:nowrap;
}
.recent-tracks-live i{width:7px;height:7px;border-radius:50%;background:var(--theme-primary, var(--red));box-shadow:0 0 0 6px rgba(224,32,32,.12);display:block;}
.recent-tracks-grid{
  display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;
}
.recent-track-card{
  min-height:86px;border-radius:18px;background:rgba(255,255,255,.86);border:1px solid rgba(14,20,30,.07);
  box-shadow:0 14px 32px rgba(10,16,24,.055);padding:16px 16px 14px;overflow:hidden;position:relative;
}
.recent-track-card::before{content:'';position:absolute;left:0;top:14px;bottom:14px;width:3px;background:linear-gradient(180deg,var(--red),rgba(224,32,32,.25));border-radius:4px;}
.recent-track-time{font-size:10px;font-weight:900;letter-spacing:1.7px;text-transform:uppercase;color:#9aa4b5;margin-bottom:8px;}
.recent-track-song{font-size:15px;line-height:1.2;font-weight:900;color:#07101c;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.recent-track-artist{font-size:12px;line-height:1.25;font-weight:700;color:#e02020;margin-top:5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.recent-track-empty{opacity:.68;}
@media(max-width:980px){.recent-tracks-grid{grid-template-columns:repeat(2,minmax(0,1fr));}.recent-tracks-panel{width:min(680px,calc(100vw - 28px));padding:22px 18px;}}
@media(max-width:560px){.recent-tracks-head{align-items:flex-start;flex-direction:column}.recent-tracks-grid{grid-template-columns:1fr}.recent-tracks-title{font-size:28px}.recent-tracks-kicker{letter-spacing:3.5px}.recent-tracks-live{font-size:9px;}}



/* v169 final override — keep popup radio as one compact player after previous EQ rules */
.klas-popup-compact-player{position:relative !important;display:grid !important;grid-template-columns:96px minmax(0,1fr) 74px !important;grid-template-areas:"vinyl copy play" "vinyl eq eq" !important;align-items:center !important;gap:18px 20px !important;margin-top:8px !important;padding:22px !important;min-height:174px !important;border-radius:26px !important;background:radial-gradient(circle at 16% 38%, rgba(224,32,32,.18), transparent 32%),linear-gradient(135deg, rgba(255,255,255,.075), rgba(255,255,255,.025)) !important;border:1px solid rgba(255,255,255,.115) !important;box-shadow:0 24px 54px rgba(0,0,0,.32), inset 0 1px 0 rgba(255,255,255,.065) !important;overflow:hidden !important;}
.klas-popup-compact-player .klas-popup-mini-vinyl{grid-area:vinyl !important;width:96px !important;height:96px !important;flex-basis:96px !important;z-index:1 !important;}
.klas-popup-compact-player .klas-popup-play{grid-area:play !important;position:relative !important;z-index:1 !important;width:74px !important;height:74px !important;flex:0 0 74px !important;align-self:center !important;justify-self:end !important;}
.klas-popup-compact-copy{grid-area:copy !important;position:relative !important;z-index:1 !important;min-width:0 !important;}
.klas-popup-compact-player .klas-eq{grid-area:eq !important;position:relative !important;z-index:1 !important;width:auto !important;max-width:260px !important;height:34px !important;margin:0 !important;padding:0 !important;border:0 !important;border-radius:0 !important;background:transparent !important;box-shadow:none !important;justify-content:flex-end !important;opacity:.72 !important;}
.klas-popup-compact-player .klas-eq::before,.klas-popup-compact-player .klas-eq::after{display:none !important;content:none !important;}
.klas-popup-compact-player .klas-eq span{width:4px !important;}
.klas-popup-compact-player .klas-eq span:nth-child(n+11){display:none !important;}
@media(max-width:820px){.klas-popup-compact-player{grid-template-columns:78px minmax(0,1fr) 64px !important;gap:14px !important;padding:18px !important;min-height:148px !important;border-radius:22px !important}.klas-popup-compact-player .klas-popup-mini-vinyl{width:78px !important;height:78px !important;flex-basis:78px !important}.klas-popup-compact-player .klas-popup-play{width:64px !important;height:64px !important;flex-basis:64px !important}}
@media(max-width:560px){.klas-popup-compact-player{grid-template-columns:72px minmax(0,1fr) !important;grid-template-areas:"vinyl copy" "play eq" !important}.klas-popup-compact-player .klas-popup-play{justify-self:start !important}.klas-popup-compact-player .klas-eq{justify-content:flex-start !important}}


/* v170 — correction: live popup radio compact fit + original A badge standard
   Scope: Canlı Yayın Merkezi popup Radyo player only. TV panel, main player, schedule, RSS/admin/settings untouched. */
.klas-popup-overlay{
  align-items:center !important;
  padding:22px !important;
  overflow:auto !important;
}
.klas-popup{
  min-height:auto !important;
  max-height:calc(100vh - 44px) !important;
  overflow:auto !important;
}
.klas-live-head{
  padding:22px 30px 16px !important;
}
.klas-popup-panels{
  padding:22px 30px 30px !important;
  gap:20px !important;
}
.klas-popup-panel{
  min-height:320px !important;
  padding:24px !important;
  box-sizing:border-box !important;
}
.klas-popup-radio{
  min-height:320px !important;
}
.klas-popup-radio .klas-panel-top{
  margin-bottom:20px !important;
}
.klas-popup-compact-player{
  width:100% !important;
  box-sizing:border-box !important;
  grid-template-columns:82px minmax(0,1fr) 62px !important;
  grid-template-areas:"vinyl copy play" "vinyl copy eq" !important;
  gap:12px 16px !important;
  padding:18px !important;
  min-height:136px !important;
  margin-top:4px !important;
  border-radius:24px !important;
}
.klas-popup-compact-player .klas-popup-mini-vinyl{
  width:82px !important;
  height:82px !important;
  flex-basis:82px !important;
}
.klas-popup-compact-player .klas-popup-mini-center{
  width:34px !important;
  height:34px !important;
  border-radius:50% !important;
  background:url('/assets/favicon-a.png') center/74% no-repeat rgba(255,255,255,.96) !important;
  border:1px solid rgba(255,255,255,.22) !important;
  box-shadow:0 0 0 2px rgba(255,255,255,.08),0 2px 10px rgba(0,0,0,.38),0 0 18px rgba(224,32,32,.28) !important;
}
.klas-popup-compact-player .klas-popup-mini-center img{
  display:none !important;
}
.klas-popup-mini-kicker{
  font-size:25px !important;
  line-height:.95 !important;
  margin-bottom:8px !important;
}
.klas-popup-compact-player .klas-popup-nowcopy span{
  font-size:7.5px !important;
  letter-spacing:1.6px !important;
  margin-bottom:4px !important;
}
.klas-popup-compact-player .klas-popup-nowcopy strong{
  font-size:14px !important;
  line-height:1.16 !important;
  max-width:100% !important;
}
.klas-popup-listen-line{
  margin-top:8px !important;
  font-size:11px !important;
}
.klas-popup-compact-player .klas-popup-play{
  width:62px !important;
  height:62px !important;
  flex-basis:62px !important;
}
.klas-popup-compact-player .klas-popup-play .popup-play-icon{
  font-size:23px !important;
}
.klas-popup-compact-player .klas-eq{
  height:28px !important;
  max-width:170px !important;
  justify-content:flex-end !important;
  align-self:start !important;
}
.klas-popup-compact-player .klas-eq span{
  width:3px !important;
}
@media(max-width:900px){
  .klas-popup{width:min(760px,94vw) !important;}
  .klas-popup-panels{grid-template-columns:1fr !important;}
  .klas-popup-panel,.klas-popup-radio{min-height:auto !important;}
}
@media(max-width:560px){
  .klas-popup-overlay{padding:14px !important;}
  .klas-live-head{padding:20px 18px 14px !important;}
  .klas-popup-panels{padding:16px 18px 22px !important;}
  .klas-popup-panel{padding:18px !important;}
  .klas-popup-compact-player{
    grid-template-columns:70px minmax(0,1fr) !important;
    grid-template-areas:"vinyl copy" "play eq" !important;
    padding:16px !important;
    min-height:0 !important;
  }
  .klas-popup-compact-player .klas-popup-mini-vinyl{width:70px !important;height:70px !important;flex-basis:70px !important;}
  .klas-popup-compact-player .klas-popup-mini-center{width:30px !important;height:30px !important;}
  .klas-popup-mini-kicker{font-size:22px !important;}
  .klas-popup-compact-player .klas-popup-play{justify-self:start !important;width:58px !important;height:58px !important;flex-basis:58px !important;}
  .klas-popup-compact-player .klas-eq{justify-content:flex-start !important;max-width:150px !important;}
}



/* v172 — Live Center radio popup redesign
   Scope: ONLY Canlı Yayın Merkezi popup Radyo player. Main hero/player, schedule, TV panel, RSS/admin/settings untouched. */
.klas-popup-radio{
  min-height:320px !important;
}
.klas-popup-radio .klas-panel-top{
  margin-bottom:22px !important;
}
.klas-popup-compact-player{
  width:100% !important;
  box-sizing:border-box !important;
  display:grid !important;
  grid-template-columns:136px minmax(0,1fr) 72px !important;
  grid-template-areas:
    "vinyl copy play"
    "vinyl eq eq" !important;
  align-items:center !important;
  gap:14px 22px !important;
  min-height:190px !important;
  padding:24px 24px !important;
  margin-top:8px !important;
  border-radius:30px !important;
  overflow:hidden !important;
  background:
    radial-gradient(circle at 13% 45%, rgba(224,32,32,.28), transparent 34%),
    radial-gradient(circle at 72% 30%, rgba(255,255,255,.075), transparent 26%),
    linear-gradient(135deg, rgba(255,255,255,.105), rgba(255,255,255,.025) 55%, rgba(0,0,0,.12)) !important;
  border:1px solid rgba(255,255,255,.14) !important;
  box-shadow:0 28px 60px rgba(0,0,0,.35), inset 0 1px 0 rgba(255,255,255,.075) !important;
}
.klas-popup-compact-player::before{
  content:'' !important;
  position:absolute !important;
  inset:0 !important;
  pointer-events:none !important;
  background:
    linear-gradient(90deg, rgba(255,255,255,.050), transparent 40%, rgba(255,255,255,.026)),
    repeating-linear-gradient(0deg, rgba(255,255,255,.015) 0, rgba(255,255,255,.015) 1px, transparent 1px, transparent 7px) !important;
  opacity:.62 !important;
}
.klas-popup-compact-player .klas-popup-mini-vinyl{
  grid-area:vinyl !important;
  width:136px !important;
  height:136px !important;
  flex:0 0 136px !important;
  align-self:center !important;
  z-index:1 !important;
  border:1px solid rgba(255,255,255,.13) !important;
  box-shadow:0 20px 44px rgba(0,0,0,.45), 0 0 38px rgba(224,32,32,.12) !important;
}
.klas-popup-compact-player .klas-popup-mini-vinyl::after{
  inset:10px !important;
  border-color:rgba(255,255,255,.10) !important;
  box-shadow:inset 0 0 0 22px rgba(0,0,0,.10), inset 0 0 0 45px rgba(255,255,255,.022) !important;
}
.klas-popup-compact-player .klas-popup-mini-center{
  width:48px !important;
  height:48px !important;
  border-radius:50% !important;
  background:url('/assets/favicon-a.png') center/72% no-repeat rgba(255,255,255,.96) !important;
  border:1px solid rgba(255,255,255,.24) !important;
  box-shadow:0 0 0 2px rgba(255,255,255,.08), 0 3px 14px rgba(0,0,0,.38), 0 0 22px rgba(224,32,32,.34) !important;
}
.klas-popup-compact-player .klas-popup-mini-center img{
  display:none !important;
}
.klas-popup-compact-copy{
  grid-area:copy !important;
  position:relative !important;
  z-index:1 !important;
  min-width:0 !important;
  align-self:center !important;
}
.klas-popup-mini-kicker{
  font-family:'Bebas Neue',sans-serif !important;
  font-size:34px !important;
  line-height:.92 !important;
  letter-spacing:1.4px !important;
  color:#fff !important;
  text-transform:uppercase !important;
  margin:0 0 13px !important;
  text-shadow:0 14px 28px rgba(0,0,0,.34) !important;
}
.klas-popup-compact-player .klas-popup-nowcopy span{
  margin-bottom:6px !important;
  color:rgba(224,32,32,.95) !important;
  font-size:8px !important;
  letter-spacing:1.9px !important;
  font-weight:950 !important;
}
.klas-popup-compact-player .klas-popup-nowcopy strong{
  max-width:100% !important;
  color:#fff !important;
  font-size:17px !important;
  line-height:1.15 !important;
  font-weight:950 !important;
}
.klas-popup-listen-line{
  display:block !important;
  margin-top:11px !important;
  color:rgba(255,255,255,.72) !important;
  font-size:12px !important;
  line-height:1.1 !important;
  font-weight:900 !important;
}
.klas-popup-compact-player .klas-popup-play{
  grid-area:play !important;
  position:relative !important;
  z-index:1 !important;
  width:72px !important;
  height:72px !important;
  flex:0 0 72px !important;
  align-self:center !important;
  justify-self:end !important;
}
.klas-popup-compact-player .klas-popup-play .popup-play-icon{
  font-size:27px !important;
}
.klas-popup-compact-player .klas-eq{
  grid-area:eq !important;
  position:relative !important;
  z-index:1 !important;
  width:auto !important;
  max-width:230px !important;
  height:32px !important;
  margin:0 !important;
  padding:0 !important;
  border:0 !important;
  border-radius:0 !important;
  background:transparent !important;
  box-shadow:none !important;
  justify-content:flex-start !important;
  align-self:start !important;
  opacity:.76 !important;
}
.klas-popup-compact-player .klas-eq::before,
.klas-popup-compact-player .klas-eq::after{display:none !important;content:none !important;}
.klas-popup-compact-player .klas-eq span{width:4px !important;}
.klas-popup-compact-player .klas-eq span:nth-child(n+11){display:none !important;}
@media(max-width:980px){
  .klas-popup-compact-player{
    grid-template-columns:112px minmax(0,1fr) 64px !important;
    min-height:166px !important;
    padding:20px !important;
    gap:13px 18px !important;
  }
  .klas-popup-compact-player .klas-popup-mini-vinyl{width:112px !important;height:112px !important;flex-basis:112px !important;}
  .klas-popup-compact-player .klas-popup-mini-center{width:42px !important;height:42px !important;}
  .klas-popup-mini-kicker{font-size:30px !important;}
  .klas-popup-compact-player .klas-popup-play{width:64px !important;height:64px !important;flex-basis:64px !important;}
}
@media(max-width:560px){
  .klas-popup-compact-player{
    grid-template-columns:82px minmax(0,1fr) !important;
    grid-template-areas:
      "vinyl copy"
      "play eq" !important;
    min-height:0 !important;
    padding:17px !important;
    gap:14px !important;
    border-radius:24px !important;
  }
  .klas-popup-compact-player .klas-popup-mini-vinyl{width:82px !important;height:82px !important;flex-basis:82px !important;}
  .klas-popup-compact-player .klas-popup-mini-center{width:34px !important;height:34px !important;}
  .klas-popup-mini-kicker{font-size:24px !important;margin-bottom:9px !important;}
  .klas-popup-compact-player .klas-popup-nowcopy strong{font-size:13px !important;}
  .klas-popup-listen-line{font-size:11px !important;}
  .klas-popup-compact-player .klas-popup-play{justify-self:start !important;width:58px !important;height:58px !important;flex-basis:58px !important;}
  .klas-popup-compact-player .klas-eq{justify-content:flex-start !important;max-width:150px !important;}
}


/* v171 hero studio balance: only vertical rhythm around app/studio block */
@media (min-width:981px){
  .hero-left{
    padding-top:24px !important;
    padding-bottom:54px !important;
    gap:10px !important;
  }
  .hero-app-title{
    margin-top:20px !important;
    margin-bottom:9px !important;
  }
  .hero-app-row-v100{
    margin-bottom:22px !important;
  }
  .h-contact{
    padding-top:31px !important;
    margin-bottom:10px !important;
    gap:22px !important;
  }
}

@media (max-width:980px){
  .hero-left{
    padding-bottom:56px !important;
    gap:15px !important;
  }
  .hero-app-title{
    margin-top:16px !important;
    margin-bottom:9px !important;
  }
  .hero-app-row-v100{
    margin-bottom:22px !important;
  }
  .h-contact{
    width:100% !important;
    justify-content:center !important;
    margin-top:0 !important;
    margin-bottom:22px !important;
    padding-top:30px !important;
  }
}

@media (max-width:640px){
  .hero-left{
    padding-bottom:58px !important;
  }
  .h-contact{
    margin-bottom:26px !important;
  }
  .h-wa-btn{
    min-width:auto !important;
    justify-content:center !important;
  }
}



/* v173 — Live Center split launcher: Radyo / TV ayrı deneyim */
.klas-popup{
  max-height:92vh !important;
  overflow:auto !important;
}
.klas-live-head{
  padding-bottom:22px !important;
}
.klas-live-mode-hub{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:22px;
  padding:30px 36px 38px;
  border-top:1px solid rgba(255,255,255,.06);
}
.klas-live-mode-card{
  position:relative;
  min-height:250px;
  border-radius:30px;
  border:1px solid rgba(255,255,255,.13);
  background:
    radial-gradient(circle at 16% 22%, rgba(224,32,32,.22), transparent 34%),
    radial-gradient(circle at 78% 20%, rgba(255,255,255,.08), transparent 24%),
    linear-gradient(140deg, rgba(255,255,255,.095), rgba(255,255,255,.035) 54%, rgba(0,0,0,.18));
  box-shadow:0 28px 64px rgba(0,0,0,.34), inset 0 1px 0 rgba(255,255,255,.08);
  padding:30px;
  text-align:left;
  color:#fff;
  cursor:pointer;
  overflow:hidden;
  transition:transform .22s ease, border-color .22s ease, box-shadow .22s ease;
}
.klas-live-mode-card:hover{
  transform:translateY(-3px);
  border-color:rgba(255,255,255,.22);
  box-shadow:0 34px 76px rgba(0,0,0,.42), 0 0 42px rgba(224,32,32,.12), inset 0 1px 0 rgba(255,255,255,.10);
}
.klas-live-mode-card::before{
  content:'';
  position:absolute;
  inset:0;
  pointer-events:none;
  background:repeating-linear-gradient(0deg, rgba(255,255,255,.014) 0, rgba(255,255,255,.014) 1px, transparent 1px, transparent 7px);
}
.klas-live-mode-logo{
  height:76px;
  max-width:230px;
  object-fit:contain;
  object-position:left center;
  display:block;
  margin-bottom:28px;
  position:relative;
  z-index:1;
}
.klas-live-mode-label{
  position:relative;
  z-index:1;
  font-size:12px;
  letter-spacing:3px;
  text-transform:uppercase;
  color:#ff2a2a;
  font-weight:900;
  margin-bottom:10px;
}
.klas-live-mode-title{
  position:relative;
  z-index:1;
  font-family:'Oswald', Impact, sans-serif;
  font-size:42px;
  line-height:.98;
  letter-spacing:.5px;
  text-transform:uppercase;
  margin-bottom:16px;
}
.klas-live-mode-desc{
  position:relative;
  z-index:1;
  max-width:420px;
  color:rgba(255,255,255,.68);
  font-size:15px;
  line-height:1.55;
  margin-bottom:22px;
}
.klas-live-mode-cta{
  position:relative;
  z-index:1;
  display:inline-flex;
  align-items:center;
  gap:9px;
  padding:12px 18px;
  border-radius:999px;
  border:1px solid rgba(255,42,42,.40);
  background:rgba(224,32,32,.12);
  color:#fff;
  font-size:12px;
  letter-spacing:2px;
  text-transform:uppercase;
  font-weight:900;
}
.klas-live-mode-cta i{
  width:8px; height:8px; border-radius:50%; background:#ff2a2a; box-shadow:0 0 14px rgba(255,42,42,.9); display:block;
}
.klas-popup.mode-hub .klas-popup-panels{display:none !important;}
.klas-popup.mode-hub .klas-live-mode-hub{display:grid !important;}
.klas-popup.mode-radio .klas-live-mode-hub,.klas-popup.mode-tv .klas-live-mode-hub{display:none !important;}
.klas-popup.mode-radio .klas-popup-panels,.klas-popup.mode-tv .klas-popup-panels{display:grid !important;}
.klas-popup.mode-radio .klas-popup-panels{grid-template-columns:minmax(0,820px) !important; justify-content:center !important;}
.klas-popup.mode-tv .klas-popup-panels{grid-template-columns:minmax(0,720px) !important; justify-content:center !important;}
.klas-popup.mode-radio .klas-popup-tv{display:none !important;}
.klas-popup.mode-tv .klas-popup-radio{display:none !important;}
.klas-popup-mode-back{
  display:none;
  margin-bottom:18px;
  border:1px solid rgba(255,255,255,.14);
  background:rgba(255,255,255,.055);
  color:rgba(255,255,255,.82);
  border-radius:999px;
  padding:10px 15px;
  font-size:11px;
  letter-spacing:1.8px;
  text-transform:uppercase;
  font-weight:900;
  cursor:pointer;
}
.klas-popup.mode-radio .klas-popup-mode-back,.klas-popup.mode-tv .klas-popup-mode-back{display:inline-flex;}
@media(max-width:900px){
  .klas-live-mode-hub{grid-template-columns:1fr; padding:22px;}
  .klas-live-mode-card{min-height:220px;}
  .klas-live-mode-title{font-size:34px;}
}
@media(max-width:560px){
  .klas-live-mode-logo{height:56px;}
  .klas-live-mode-card{padding:22px; border-radius:24px;}
  .klas-live-mode-title{font-size:30px;}
}



/* v177 live center corrections: correct dark-bg logos, no duplicate white titles, fit selected player screens */
.klas-live-center-logo,
.klas-live-mode-logo {
  object-fit: contain;
  display: block;
  filter: none !important;
}
.klas-live-center-logo {
  width: 160px !important;
  max-height: 78px !important;
  margin-bottom: 34px !important;
}
.klas-live-mode-logo {
  width: min(260px, 76%) !important;
  height: auto !important;
  max-height: 115px !important;
  margin: 0 0 26px !important;
}
.klas-live-mode-card h3 {
  display: none !important;
}
.klas-live-mode-card p {
  margin-top: 8px !important;
  max-width: 86% !important;
}
.klas-live-mode-card {
  min-height: 430px !important;
  padding: 54px 48px 44px !important;
  overflow: hidden !important;
}
.klas-popup-modal.mode-radio .klas-popup-content,
.klas-popup-modal.mode-tv .klas-popup-content {
  max-width: 1180px !important;
}
.klas-popup-modal.mode-radio .klas-popup-panel,
.klas-popup-modal.mode-tv .klas-popup-panel {
  display: flex !important;
  flex-direction: column !important;
  min-height: 0 !important;
  overflow: hidden !important;
}
.klas-popup-modal.mode-radio .klas-popup-body,
.klas-popup-modal.mode-tv .klas-popup-body {
  flex: 1 1 auto !important;
  min-height: 0 !important;
  overflow: hidden !important;
  padding: 44px 48px 54px !important;
}
.klas-live-mode-view {
  width: 100% !important;
  height: 100% !important;
  min-height: 0 !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 0 !important;
}
.klas-popup-modal.mode-radio .klas-popup-radio-card,
.klas-popup-modal.mode-tv .klas-live-tv-card {
  width: min(100%, 940px) !important;
  max-height: calc(100vh - 260px) !important;
  overflow: hidden !important;
}
.klas-popup-modal.mode-radio .klas-popup-radio-card {
  padding: 38px 44px !important;
}
.klas-popup-modal.mode-tv .klas-live-tv-card {
  padding: 42px 48px 46px !important;
}
.klas-popup-modal.mode-tv .klas-live-tv-card h3 {
  display: none !important;
}
.klas-popup-modal.mode-tv .klas-live-tv-card p {
  margin-top: 18px !important;
}
.klas-popup-modal.mode-radio .klas-popup-nowplay {
  max-width: 100% !important;
}
@media (max-width: 900px) {
  .klas-popup-modal.mode-radio .klas-popup-body,
  .klas-popup-modal.mode-tv .klas-popup-body {
    padding: 28px 20px 36px !important;
    overflow: auto !important;
  }
  .klas-live-mode-card {
    min-height: 360px !important;
    padding: 36px 28px !important;
  }
  .klas-popup-modal.mode-radio .klas-popup-radio-card,
  .klas-popup-modal.mode-tv .klas-live-tv-card {
    max-height: none !important;
  }
}


/* v190 Live Strip */
.kd-live-strip{
  background:rgba(10,10,10,.95);
  border-top:1px solid rgba(224,32,32,.1);
  border-bottom:1px solid rgba(255,255,255,.04);
  padding:12px 0;
  overflow:hidden;
}
.kd-ls-inner{
  max-width:1200px;margin:0 auto;padding:0 20px;
  display:flex;align-items:center;gap:14px;
}
.kd-ls-badge{
  display:flex;align-items:center;gap:5px;
  text-decoration:none;flex-shrink:0;
}
.kd-ls-dot{
  width:7px;height:7px;border-radius:50%;background:#E10613;
  box-shadow:0 0 6px rgba(224,32,32,.6);
  animation:lsDotPulse 2s ease-in-out infinite;
}
@keyframes lsDotPulse{
  0%,100%{box-shadow:0 0 6px rgba(224,32,32,.6);}
  50%{box-shadow:0 0 12px rgba(224,32,32,.9);}
}
.kd-ls-label{
  font-size:10px;font-weight:800;color:#E10613;
  letter-spacing:2px;
}
.kd-ls-channels{
  display:flex;align-items:center;gap:6px;
  overflow-x:auto;flex:1;min-width:0;
  -ms-overflow-style:none;scrollbar-width:none;
}
.kd-ls-channels::-webkit-scrollbar{display:none;}
.kd-ls-ch{
  display:flex;align-items:center;gap:4px;
  padding:4px 10px;border-radius:20px;
  background:rgba(255,255,255,.04);
  border:1px solid rgba(255,255,255,.06);
  text-decoration:none;white-space:nowrap;
  transition:.15s;flex-shrink:0;
}
.kd-ls-ch:hover{
  background:rgba(255,255,255,.08);
  border-color:rgba(255,255,255,.12);
}
.kd-ls-ch-dot{
  width:5px;height:5px;border-radius:50%;flex-shrink:0;
}
.kd-ls-ch-name{
  font-size:10px;font-weight:700;color:rgba(255,255,255,.7);
  letter-spacing:.5px;
}
.kd-ls-ch:hover .kd-ls-ch-name{color:#fff;}
.kd-ls-cta{
  font-size:10px;font-weight:700;color:#E10613;
  letter-spacing:1px;text-decoration:none;
  white-space:nowrap;flex-shrink:0;
  transition:.15s;
}
.kd-ls-cta:hover{color:#ff3333;}
@media(max-width:768px){
  .kd-ls-cta{display:none;}
  .kd-ls-inner{gap:10px;}
}

</style>

<!-- Google Analytics: değiştir GA_MEASUREMENT_ID ile -->
<!--
<script async src="https://www.googletagmanager.com/gtag/js?id=GA_MEASUREMENT_ID"></script>
<script>
  window.dataLayer = window.dataLayer || [];
  function gtag(){dataLayer.push(arguments);}
  gtag('js', new Date());
  gtag('config', 'GA_MEASUREMENT_ID');
</script>
-->

<script type="application/ld+json">
{
  "@context": "https://schema.org",
  "@type": "RadioStation",
  "name": "KLAS RADYO",
  "alternateName": "KLAS DIGITAL",
  "url": "https://klasdigital.com",
  "logo": "https://klasdigital.com/assets/v187/main_brand/png/KLAS_DIGITAL_main_dark_4x.png",
  "image": "https://klasdigital.com/assets/v187/main_brand/png/KLAS_DIGITAL_main_dark_4x.png",
  "description": "KLAS RADYO, KLAS TV ve KLAS MAGAZİN içeriklerini tek çatı altında buluşturan dijital yayın platformu.",
  "broadcastFrequency": "Online",
  "areaServed": {
    "@type": "Country",
    "name": "United Kingdom"
  },
  "inLanguage": "tr",
  "parentOrganization": {
    "@type": "Organization",
    "name": "KLAS DIGITAL",
    "url": "https://klasdigital.com",
    "logo": "https://klasdigital.com/assets/v187/main_brand/png/KLAS_DIGITAL_main_dark_4x.png",
    "sameAs": []
  }
}
</script>

<style id="live-center-unified">
/* KLAS v185 — Unified Live Center CSS FINAL DRAFT
   Base order: v182 foundation + v183 final correction values.
   Scope: #klasPopup only. No redesign, no section deletion.
   Note: .h-contact studio-balance rules are NOT part of Live Center and remain separate.
*/

#klasPopup.klas-popup-overlay{
  position:fixed !important;
  inset:0 !important;
  z-index:99999 !important;
  display:none;
  align-items:center !important;
  justify-content:center !important;
  padding:18px 28px !important;
  overflow:hidden !important;
  background:rgba(4,6,10,.72) !important;
  backdrop-filter:blur(10px) !important;
}
#klasPopup[style*="flex"]{display:flex !important;}

#klasPopup .klas-popup{
  width:min(94vw,1760px) !important;
  height:min(86vh,860px) !important;
  max-height:86vh !important;
  overflow:hidden !important;
  display:grid !important;
  grid-template-rows:220px 1fr !important;
  border-radius:34px !important;
  background:linear-gradient(135deg, rgba(38,22,33,.96) 0%, rgba(10,16,27,.985) 36%, rgba(7,12,20,.99) 100%) !important;
  border:1px solid rgba(255,255,255,.15) !important;
  box-shadow:0 26px 80px rgba(0,0,0,.52) !important;
}

#klasPopup .klas-live-head{
  min-height:0 !important;
  height:220px !important;
  padding:34px 56px 24px !important;
  display:grid !important;
  grid-template-columns:1fr auto !important;
  align-items:start !important;
  gap:22px !important;
  border-bottom:1px solid rgba(255,255,255,.09) !important;
}
#klasPopup .klas-live-brand-logo{
  width:170px !important;
  height:auto !important;
  max-height:70px !important;
  object-fit:contain !important;
  object-position:left center !important;
  display:block !important;
  margin:0 0 58px 0 !important;
  filter:none !important;
  opacity:1 !important;
}
#klasPopup .klas-live-title{display:none !important;}
#klasPopup .klas-live-kicker{
  margin:0 0 28px 0 !important;
  color:#ff3438 !important;
  font-size:13px !important;
  line-height:1 !important;
  letter-spacing:9px !important;
  font-weight:900 !important;
  text-transform:uppercase !important;
}
#klasPopup .klas-live-subtitle{
  max-width:820px !important;
  color:rgba(255,255,255,.72) !important;
  font-size:17px !important;
  line-height:1.55 !important;
}
#klasPopup .klas-live-actions{
  position:relative !important;
  right:auto !important;
  top:auto !important;
  z-index:20 !important;
  display:flex !important;
  align-items:flex-start !important;
  justify-content:flex-end !important;
}
#klasPopup .klas-live-home{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  height:54px !important;
  min-width:210px !important;
  padding:0 28px !important;
  border-radius:999px !important;
  white-space:nowrap !important;
  border:1px solid rgba(255,255,255,.22) !important;
  background:rgba(255,255,255,.055) !important;
  color:#fff !important;
  text-decoration:none !important;
  font-size:14px !important;
  letter-spacing:.08em !important;
  font-weight:900 !important;
  box-shadow:none !important;
}
#klasPopup .klas-live-home:hover{background:rgba(255,255,255,.11) !important; transform:none !important;}
#klasPopup.mode-radio .klas-live-home,
#klasPopup.mode-tv .klas-live-home{display:none !important;}

#klasPopup .klas-popup-close{display:none !important;visibility:hidden !important;pointer-events:none !important;}

#klasPopup .klas-popup-panels{
  position:relative !important;
  display:none !important;
  height:100% !important;
  min-height:0 !important;
  padding:34px 56px 44px !important;
  overflow:hidden !important;
  align-items:center !important;
  justify-content:center !important;
}
#klasPopup.mode-radio .klas-popup-panels,
#klasPopup.mode-tv .klas-popup-panels{display:flex !important;}

#klasPopup .klas-popup-mode-back{
  position:absolute !important;
  top:28px !important;
  right:56px !important;
  left:auto !important;
  transform:none !important;
  z-index:30 !important;
  width:auto !important;
  min-width:270px !important;
  height:52px !important;
  padding:0 28px !important;
  border-radius:999px !important;
  font-size:13px !important;
  letter-spacing:1.5px !important;
  opacity:.95 !important;
}

#klasPopup .klas-live-mode-hub{
  height:100% !important;
  min-height:0 !important;
  padding:44px 56px 54px !important;
  overflow:hidden !important;
  display:grid !important;
  grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  gap:28px !important;
  align-items:stretch !important;
  align-content:center !important;
}
#klasPopup.mode-radio .klas-live-mode-hub,
#klasPopup.mode-tv .klas-live-mode-hub{display:none !important;}
#klasPopup .klas-live-mode-card{
  min-height:0 !important;
  height:100% !important;
  padding:34px 42px !important;
  border-radius:26px !important;
  background:rgba(30,37,47,.92) !important;
  border:1px solid rgba(255,255,255,.16) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.06), 0 18px 38px rgba(0,0,0,.24) !important;
  text-align:left !important;
  overflow:hidden !important;
}
#klasPopup .klas-live-mode-logo{
  width:245px !important;
  height:auto !important;
  object-fit:contain !important;
  object-position:left center !important;
  margin:0 0 42px !important;
  display:block !important;
}
#klasPopup .klas-live-mode-title,
#klasPopup .klas-popup-title{display:none !important;}
#klasPopup .klas-live-mode-label{
  color:#ff3438 !important;
  font-size:13px !important;
  letter-spacing:.44em !important;
  text-transform:uppercase !important;
  font-weight:900 !important;
  margin:0 0 18px !important;
}
#klasPopup .klas-live-mode-desc{
  color:rgba(255,255,255,.72) !important;
  font-size:18px !important;
  line-height:1.45 !important;
  max-width:560px !important;
  margin:0 0 28px !important;
}
#klasPopup .klas-live-mode-cta{
  width:min(440px,100%) !important;
  height:54px !important;
  border-radius:999px !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:flex-start !important;
  gap:10px !important;
  padding:0 24px !important;
  background:#fff !important;
  color:#09101b !important;
  border:0 !important;
  font-size:15px !important;
  letter-spacing:.12em !important;
  font-weight:950 !important;
}
#klasPopup .klas-live-mode-cta i{width:10px !important;height:10px !important;border-radius:50% !important;background:#ff2b32 !important;display:inline-block !important;}

#klasPopup .klas-popup-panel{
  display:none !important;
  width:min(1120px,72vw) !important;
  height:min(430px,44vh) !important;
  min-height:0 !important;
  max-height:430px !important;
  margin:36px auto 0 !important;
  padding:34px 42px !important;
  border-radius:28px !important;
  overflow:hidden !important;
  align-self:center !important;
  background:rgba(30,37,47,.92) !important;
  border:1px solid rgba(255,255,255,.14) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.06),0 20px 46px rgba(0,0,0,.28) !important;
}
#klasPopup.mode-radio #popupRadio,
#klasPopup.mode-tv #popupTv{display:grid !important;}
#klasPopup #popupRadio{grid-template-rows:112px 1fr !important;}
#klasPopup #popupTv{grid-template-rows:96px 34px 1fr 24px !important;}
#klasPopup .klas-panel-top{
  min-height:0 !important;
  display:flex !important;
  align-items:flex-start !important;
  justify-content:space-between !important;
  gap:24px !important;
  margin:0 !important;
}
#klasPopup .klas-popup-logo{
  width:260px !important;
  max-height:98px !important;
  height:auto !important;
  object-fit:contain !important;
}
#klasPopup .klas-live-chip{margin-top:8px !important;}
#klasPopup .klas-popup-desc{
  margin:0 !important;
  font-size:15px !important;
  line-height:1.45 !important;
  color:rgba(255,255,255,.64) !important;
}

#klasPopup .klas-popup-compact-player{
  height:205px !important;
  min-height:0 !important;
  padding:26px 34px !important;
  display:grid !important;
  grid-template-columns:142px minmax(0,1fr) 108px !important;
  grid-template-rows:1fr 34px !important;
  column-gap:34px !important;
  align-items:center !important;
  border-radius:22px !important;
  background:rgba(5,9,15,.48) !important;
  border:1px solid rgba(255,255,255,.1) !important;
}
#klasPopup .klas-popup-mini-vinyl{
  width:142px !important;
  height:142px !important;
  grid-row:1 / 3 !important;
}
#klasPopup .klas-popup-mini-center{width:58px !important;height:58px !important;}
#klasPopup .klas-popup-mini-center img{width:34px !important;height:34px !important;object-fit:contain !important;}
#klasPopup .klas-popup-compact-copy{min-width:0 !important;}
#klasPopup .klas-popup-mini-kicker{
  font-size:31px !important;
  line-height:1.05 !important;
  margin-bottom:16px !important;
}
#klasPopup .klas-popup-nowcopy strong{
  font-size:20px !important;
  white-space:nowrap !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
  max-width:100% !important;
}
#klasPopup .klas-popup-listen-line{font-size:15px !important;}
#klasPopup .klas-popup-play{
  width:86px !important;
  height:86px !important;
  grid-column:3 !important;
  grid-row:1 / 3 !important;
  justify-self:end !important;
}
#klasPopup .klas-eq{
  grid-column:2 !important;
  grid-row:2 !important;
  margin:0 !important;
  width:190px !important;
}

#klasPopup .klas-popup-tv-frame{
  position:relative !important;
  height:170px !important;
  min-height:0 !important;
  border-radius:22px !important;
  overflow:hidden !important;
  background:#05070a !important;
  margin:10px 0 8px !important;
}
#klasPopup .klas-popup-tv-frame video,
#klasPopup .klas-popup-tv-frame iframe,
#klasPopup .klas-popup-tv-video{
  position:absolute !important;
  inset:0 !important;
  width:100% !important;
  height:100% !important;
  display:block !important;
  object-fit:cover !important;
  z-index:2 !important;
  background:#05070a !important;
}
#klasPopup .klas-popup-tv-frame.is-offline video{opacity:.34 !important;}
#klasPopup .klas-popup-tv-offline{
  position:absolute !important;
  left:50% !important;
  top:50% !important;
  transform:translate(-50%,-50%) !important;
  z-index:5 !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  width:auto !important;
  min-width:260px !important;
  height:42px !important;
  padding:0 22px !important;
  border-radius:999px !important;
  background:rgba(5,7,10,.78) !important;
  border:1px solid rgba(255,255,255,.13) !important;
  color:rgba(255,255,255,.86) !important;
  font-weight:900 !important;
  font-size:12px !important;
  letter-spacing:2px !important;
  text-transform:uppercase !important;
  pointer-events:none !important;
}
#klasPopup .klas-popup-tv-frame::before{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(180deg,rgba(255,255,255,.04),rgba(255,255,255,0)), url('/assets/v187/subbrands/svg/KLAS_TV_compact_transparent.svg') center/54% auto no-repeat;
  opacity:.22;
  z-index:1;
  pointer-events:none;
}
#klasPopup .klas-tv-note{
  margin:0 !important;
  font-size:13px !important;
  line-height:1.3 !important;
  color:rgba(255,255,255,.54) !important;
}

/* v182 short-height support, kept before v183 max-height override to preserve original cascade order */
@media (max-height:760px) and (min-width:900px){
  #klasPopup.klas-popup-overlay{padding:10px !important;}
  #klasPopup .klas-popup{height:calc(100dvh - 20px) !important;width:min(1420px, calc(100vw - 20px)) !important;}
  #klasPopup .klas-live-head{padding:22px 42px 18px !important;}
  #klasPopup .klas-live-brand-logo{width:132px !important;max-height:58px !important;margin-bottom:18px !important;}
  #klasPopup .klas-live-kicker{margin-bottom:18px !important;font-size:12px !important;}
  #klasPopup .klas-live-subtitle{font-size:15px !important;}
  #klasPopup .klas-popup-panels{padding:22px 34px 28px !important;align-content:start !important;}
  #klasPopup .klas-popup-panel{padding:24px 28px 26px !important;width:min(880px,100%) !important;}
  #klasPopup .klas-popup-logo{width:220px !important;height:92px !important;}
  #klasPopup .klas-panel-top{margin-bottom:18px !important;}
  #klasPopup .klas-popup-compact-player{min-height:158px !important;grid-template-columns:116px minmax(0,1fr) 86px !important;padding:20px 24px !important;gap:20px !important;}
  #klasPopup .klas-popup-mini-vinyl{width:112px !important;height:112px !important;}
  #klasPopup .klas-popup-mini-kicker{font-size:25px !important;}
  #klasPopup .klas-popup-nowcopy strong{font-size:18px !important;}
  #klasPopup .klas-popup-play{width:76px !important;height:76px !important;font-size:28px !important;}
  #klasPopup .klas-popup-tv-frame{max-height:34dvh !important;min-height:220px !important;}
  #klasPopup .klas-live-mode-hub{padding:24px 48px 28px !important;gap:26px !important;}
  #klasPopup .klas-live-mode-card{min-height:285px !important;padding:30px 34px !important;}
  #klasPopup .klas-live-mode-logo{width:210px !important;height:88px !important;margin-bottom:18px !important;}
  #klasPopup .klas-live-mode-desc{font-size:16px !important;}
}

/* v183 short-height final override */
@media (max-height:860px){
  #klasPopup .klas-popup{height:calc(100vh - 44px) !important;max-height:calc(100vh - 44px) !important;grid-template-rows:180px 1fr !important;}
  #klasPopup .klas-live-head{height:180px !important;padding:24px 42px 18px !important;}
  #klasPopup .klas-live-brand-logo{width:140px !important;margin-bottom:44px !important;}
  #klasPopup .klas-live-subtitle{font-size:15px !important;}
  #klasPopup .klas-popup-panels{padding:26px 42px 30px !important;}
  #klasPopup .klas-popup-panel{height:min(392px,48vh) !important;max-height:392px !important;margin-top:22px !important;padding:28px 34px !important;}
  #klasPopup .klas-popup-mode-back{top:20px !important;right:42px !important;height:48px !important;}
  #klasPopup .klas-popup-logo{width:220px !important;max-height:78px !important;}
  #klasPopup #popupRadio{grid-template-rows:86px 1fr !important;}
  #klasPopup #popupTv{grid-template-rows:74px 28px 1fr 22px !important;}
  #klasPopup .klas-popup-compact-player{height:185px !important;grid-template-columns:126px minmax(0,1fr) 92px !important;padding:22px 28px !important;}
  #klasPopup .klas-popup-mini-vinyl{width:126px !important;height:126px !important;}
  #klasPopup .klas-popup-mini-kicker{font-size:28px !important;}
  #klasPopup .klas-popup-play{width:78px !important;height:78px !important;}
  #klasPopup .klas-popup-tv-frame{height:148px !important;}
}

/* v183 mobile/tablet final override — must precede narrower 900px rules */
@media (max-width:1100px){
  #klasPopup .klas-popup{width:96vw !important;height:90vh !important;grid-template-rows:175px 1fr !important;}
  #klasPopup .klas-live-mode-hub{grid-template-columns:1fr !important;overflow:auto !important;}
  #klasPopup .klas-popup-panel{width:92vw !important;}
  #klasPopup .klas-popup-compact-player{grid-template-columns:110px minmax(0,1fr) 74px !important;column-gap:20px !important;}
}

/* v182 mobile support, scoped; kept after 1100px so narrow mobile rules win */
@media (max-width:900px){
  #klasPopup.klas-popup-overlay{padding:0 !important;align-items:stretch !important;justify-content:stretch !important;}
  #klasPopup .klas-popup{width:100vw !important;height:100dvh !important;max-height:100dvh !important;border-radius:0 !important;}
  #klasPopup .klas-live-head{grid-template-columns:1fr !important;padding:24px 22px 18px !important;}
  #klasPopup .klas-live-actions{justify-content:flex-start !important;}
  #klasPopup .klas-live-home{width:100% !important;}
  #klasPopup .klas-live-mode-hub{grid-template-columns:1fr !important;padding:22px !important;align-content:start !important;}
  #klasPopup .klas-live-mode-card{min-height:250px !important;padding:26px !important;}
  #klasPopup .klas-popup-panels{padding:20px !important;align-content:start !important;}
  #klasPopup .klas-popup-panel{padding:22px !important;border-radius:24px !important;}
  #klasPopup .klas-popup-logo{width:210px !important;height:90px !important;max-width:65% !important;}
  #klasPopup .klas-popup-compact-player{grid-template-columns:92px minmax(0,1fr) !important;gap:16px !important;padding:18px !important;}
  #klasPopup .klas-popup-play{grid-column:2 !important;width:68px !important;height:68px !important;justify-self:start !important;}
  #klasPopup .klas-eq{display:none !important;}
  #klasPopup .klas-popup-mini-vinyl{width:90px !important;height:90px !important;}
  #klasPopup .klas-popup-mini-kicker{font-size:22px !important;}
  #klasPopup .klas-popup-tv-frame{min-height:210px !important;max-height:none !important;}
}
</style>

<style id="v185-studio-balance-preserved">
/* v184-studio-balance: Studio button equalized — updated for single button layout */
.h-contact{
  display:flex !important;
  justify-content:center !important;
  gap:26px !important;
  align-items:center !important;
  width:100% !important;
  margin-left:auto !important;
  margin-right:auto !important;
}
.h-wa-btn{
  width:auto !important;
  min-width:132px !important;
  max-width:none !important;
  height:38px !important;
  min-height:38px !important;
  box-sizing:border-box !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  padding:6px 14px !important;
  border-radius:12px !important;
}
@media (max-width: 720px){
  .h-contact{
    justify-content:center !important;
    width:100% !important;
    gap:14px !important;
  }
}
</style>

<style id="ads-section-cleanup">
/* KLAS v185 — Ads / Sponsorship section cleanup
   Scope: .ads-page only
   Goal: mevcut görünümü koru, inline style ve inline hover JS kaldır.
*/

.ads-page.section,
.ads-page.section.alt {
  min-height: auto;
  overflow: visible;
}

.ads-page .ads-inner {
  max-width: 1200px;
  margin: 0 auto;
  padding-block: clamp(72px, 8vh, 104px);
}

.ads-page .ads-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 80px;
  align-items: start;
}

.ads-page .ads-title {
  margin-bottom: 16px;
}

.ads-page .ads-title-accent {
  color: var(--red);
}

.ads-page .ads-copy {
  font-size: 13px;
  color: var(--t2);
  line-height: 1.9;
  margin-bottom: 16px;
}

.ads-page .ads-copy-last {
  margin-bottom: 24px;
}

/* v215 — KLAS Business ↔ Reklam Verin çapraz yönlendirme şeridi. Bu iki
   sayfa artık bilinçli olarak hub↔detay ilişkisinde: biri saf reklam/medya
   satın alma, diğeri daha geniş iş birliği talepleri için. Yanlış sayfaya
   gelen ziyaretçiyi doğru forma yönlendirmek için küçük bir çapraz-link
   şeridi kullanılıyor. */
.ads-page .ads-crosslink {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 8px 10px;
  background: var(--theme-card-bg, var(--sur));
  border: 1px solid var(--theme-card-border, var(--bd));
  border-radius: 999px;
  padding: 10px 18px;
  margin-bottom: 28px;
  font-size: 11.5px;
  line-height: 1.5;
  color: var(--t2);
}

.ads-page .ads-crosslink a {
  color: var(--red);
  font-weight: 800;
  text-decoration: none;
  white-space: nowrap;
}

.ads-page .ads-crosslink a:hover {
  text-decoration: underline;
}

.ads-page .ads-packages {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 14px;
}

.ads-page .ads-package-card {
  background: var(--theme-card-bg, var(--sur));
  border: 1px solid var(--theme-card-border, var(--bd));
  border-radius: 10px;
  padding: 20px;
  transition: .2s;
}

.ads-page .ads-package-card:hover {
  border-color: var(--theme-accent, #E02020);
}

.ads-page .ads-package-card-full {
  grid-column: 1 / -1;
}

.ads-page .ads-package-icon {
  font-size: 22px;
  margin-bottom: 10px;
}

.ads-page .ads-package-title {
  font-size: 11px;
  font-weight: 800;
  letter-spacing: .5px;
  color: var(--t1);
  margin-bottom: 6px;
}

.ads-page .ads-package-desc {
  font-size: 11px;
  color: var(--t2);
  line-height: 1.6;
}

.ads-page .ads-form-card {
  background: var(--theme-card-bg, var(--sur));
  border: 1px solid var(--theme-card-border, var(--bd));
  border-radius: 14px;
  padding: 40px;
  position: sticky;
  top: 112px;
}

.ads-page .ads-form-title {
  font-size: 20px;
  font-weight: 900;
  color: var(--t1);
  margin-bottom: 8px;
}

.ads-page .ads-form-subtitle {
  font-size: 12px;
  color: var(--t2);
  margin-bottom: 28px;
  line-height: 1.7;
}

.ads-page .ads-field {
  display: flex;
  flex-direction: column;
  gap: 6px;
  margin-bottom: 14px;
}

.ads-page .ads-field-last {
  margin-bottom: 20px;
}

.ads-page .ads-label {
  font-size: 10px;
  font-weight: 700;
  color: var(--t2);
  letter-spacing: .5px;
  text-transform: uppercase;
}

.ads-page .ads-input,
.ads-page .ads-select,
.ads-page .ads-textarea {
  background: var(--sur2);
  border: 1px solid var(--bd);
  border-radius: 8px;
  padding: 10px 14px;
  color: var(--t1);
  font-size: 13px;
  outline: none;
  font-family: inherit;
  width: 100%;
}

.ads-page .ads-select {
  cursor: pointer;
  appearance: none;
}

.ads-page .ads-textarea {
  resize: vertical;
  min-height: 80px;
}

.ads-page .ads-input:focus,
.ads-page .ads-select:focus,
.ads-page .ads-textarea:focus {
  border-color: color-mix(in srgb, var(--theme-accent, #E02020) 75%, transparent);
}

.ads-page .ads-submit {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  width: 100%;
  padding: 13px;
  background: var(--red);
  color: #fff;
  border: none;
  border-radius: 8px;
  font-size: 11px;
  font-weight: 800;
  letter-spacing: 1.5px;
  text-transform: uppercase;
  transition: .2s;
  text-decoration: none;
}

.ads-page .ads-submit:hover {
  background: color-mix(in srgb, var(--theme-primary, #E10613) 82%, #000 18%);
}

.ads-page .ads-contact-note {
  text-align: center;
  margin-top: 14px;
  font-size: 10px;
  color: var(--t2);
}

.ads-page .ads-contact-note a {
  color: var(--red);
}

/* v193: İletişim + Reklam formları — honeypot alanı (botlar için, kullanıcı görmez) ve gönderim durumu mesajı */
.v193-lead-hp {
  position: absolute;
  left: -9999px;
  width: 1px;
  height: 1px;
  overflow: hidden;
}
.v193-lead-status {
  margin-top: 10px;
  font-size: 12px;
  font-weight: 600;
  line-height: 1.5;
  min-height: 0;
  display: none;
}
.v193-lead-status.is-visible {
  display: block;
}
.v193-lead-status.is-ok {
  color: #1a8a4a;
}
.v193-lead-status.is-error {
  color: var(--red);
}
.v193-lead-form button[disabled] {
  opacity: .6;
  cursor: not-allowed;
}

@media (max-width: 768px) {
  .ads-page .ads-grid {
    grid-template-columns: 1fr;
    gap: 36px;
  }

  .ads-page .ads-packages {
    grid-template-columns: 1fr;
  }

  .ads-page .ads-package-card-full {
    grid-column: auto;
  }

  .ads-page .ads-form-card {
    position: static;
    top: auto;
    padding: 28px;
  }
}


/* v187.3 hero/player polish — final visual adjustments */
@media(max-width:1100px){
  .nav{height:auto;min-height:74px;padding:10px 22px;align-items:flex-start}
  .nav-toggle{display:flex;margin-left:auto}
  .nav-links{display:none;position:absolute;left:22px;right:22px;top:74px;padding:14px 16px;border-radius:18px;background:rgba(255,255,255,.96);border:1px solid rgba(15,23,42,.08);box-shadow:0 18px 45px rgba(15,23,42,.16);flex-wrap:wrap;justify-content:center;gap:8px;z-index:7600}
  .nav.open .nav-links{display:flex}
  .nav-links .nav-a{padding:10px 11px;font-size:12px;line-height:1.1;text-align:center}
}
.hero-app-title{margin-top:20px;margin-bottom:8px}
.hero-app-row-v100{margin-bottom:12px}
.h-contact{padding-top:18px}
.h-listen-card{padding:18px 28px}
.h-now{gap:24px}
.h-ndisk{width:88px;height:88px;flex:0 0 88px}
.h-ninfo img{width:236px;max-width:100%}
.h-eq{width:142px;height:62px;flex:0 0 142px}
.tv-head{height:86px}
.ktv-main-mark{width:150px}
.tv-status{font-size:10.5px}
@media(max-width:620px){
  .h-listen-card{padding:16px 18px}
  .h-now{gap:12px}
  .h-ndisk{width:76px;height:76px;flex:0 0 76px}
  .h-ninfo img{width:190px}
  .h-eq{width:96px;height:52px;flex:0 0 96px}
}