:root{
  --bg:#0c0a14;--acc1:#ff8a1e;--acc2:#ff5e3a;--acc-soft:#ffd2a0;
}
html{
  overflow-anchor:none;
  --amber:var(--acc1);--amber2:var(--acc-soft);--ember:var(--acc2);
  --live:#e11d48;--ok:#34d399;
  /* okunabilir mute ? g?z yormayan kontrast */
  --mute:rgba(244,241,236,.72);--mute2:rgba(244,241,236,.55);
  --line:rgba(255,255,255,.08);--glass:rgba(255,255,255,.04);--glass2:rgba(12,10,20,.55);
  --glow:0 0 48px color-mix(in srgb,var(--acc1) 28%,transparent);
  --player:84px;
  /* Tipografi: display=geometrik ? poster=kapak ? ui ? body */
  --display:"Unbounded",system-ui,sans-serif;
  --poster:"Abril Fatface",Georgia,"Times New Roman",serif;
  --script:"Great Vibes",Georgia,cursive;
  --ui:"Outfit",system-ui,sans-serif;
  --body:"IBM Plex Sans",system-ui,sans-serif;
  /* Marka DNA ? tek sistem */
  --r-chassis:18px;
  --r-card:16px;
  --r-chip:14px;
  --r-control:11px;
  --layout-max:1420px;
  /* masa?st?: iki yanda ~2cm e?it nefes ? t?m yap? i?e daral?r */
  --page-gutter:2cm;
  --gap-brand:26px;
  --gap-ui:18px;
  --icon-stroke:1.65;
  --metal-edge:rgba(255,200,140,.42);
  --metal-edge-soft:rgba(255,190,120,.28);
  --metal-inset:inset 0 1px 0 rgba(255,236,210,.3);
  --track-brand:-.03em;
  --track-ui:.04em;
  --track-label:.3em;
  --warm:#F7EDE0;
  --warm-deep:#E8D5C0;
  --metal-rail:linear-gradient(90deg,
    transparent 0%,
    rgba(255,170,90,.38) 10%,
    var(--acc1) 30%,
    #ffc078 50%,
    var(--acc1) 70%,
    rgba(255,170,90,.32) 90%,
    transparent 100%);
  --metal-rail-glow:0 0 10px rgba(255,138,30,.42),0 1px 0 rgba(255,200,140,.18);
  color-scheme:dark;
}
*,*::before,*::after{box-sizing:border-box}
html,body{margin:0;padding:0}
body{
  display:block;
  font-family:var(--body);
  font-size:1rem;font-weight:400;line-height:1.65;letter-spacing:.005em;
  background:var(--bg);color:#f4f1ec;min-height:100vh;
  padding-bottom:calc(var(--player) + 12px + env(safe-area-inset-bottom, 0px));overflow-x:hidden;
  -webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;
  text-rendering:optimizeLegibility;
}
h1,h2,h3,h4{font-family:var(--display);font-weight:700;letter-spacing:-.03em;line-height:1.15;text-wrap:balance}
p,li,.sub,.tracks,.door p,.blog-grid p,.ev .body span{font-family:var(--body);line-height:1.65}
.k,label,.cta-chat,.cta-live,.btn-search,.live-pill,.feat-tile b,.st b,.door b,.top-box h3{font-family:var(--ui)}
img{max-width:100%;display:block}a{color:inherit;text-decoration:none}
button,input{font:inherit}
.wrap{width:100%;max-width:none;padding:0 var(--page-gutter);margin:0;box-sizing:border-box}
body::before{
  content:"";position:fixed;inset:0;z-index:9999;pointer-events:none;opacity:.028;
  background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");
}
/* NAV ? sol kenar = sohbet paneli d?? ?er?eve (padding de?il margin ile hiza) */
.nav{
  position:fixed;top:0;left:0;right:0;
  z-index:80;width:100%;height:76px;
  display:flex;align-items:center;
  padding:0 var(--page-gutter);
  background:transparent;border:0;
  box-sizing:border-box;
}
.nav-chassis{
  position:relative;isolation:isolate;overflow:visible;
  display:flex;align-items:center;gap:16px;
  box-sizing:border-box;
  min-width:0;
  /* form + hero-bg ile ayn? L/R gutter ? tek metal g?vde */
  margin-left:0;
  width:100%;
  max-width:none;
  height:68px;
  padding:0 22px;
  border-radius:var(--r-chassis);
  background:
    linear-gradient(180deg,rgba(255,220,180,.2) 0%,transparent 34%),
    radial-gradient(ellipse 50% 160% at 4% 50%,rgba(255,140,40,.22),transparent 58%),
    radial-gradient(ellipse 36% 140% at 96% 50%,rgba(140,80,255,.12),transparent 55%),
    linear-gradient(100deg,#422818 0%,#2a1a1c 30%,#1a1424 62%,#100c18 100%);
  border:1px solid var(--metal-edge);
  box-shadow:
    0 0 0 1px rgba(0,0,0,.75),
    0 0 0 3px rgba(255,138,30,.1),
    inset 0 1px 0 rgba(255,236,210,.32),
    inset 0 -2px 0 rgba(0,0,0,.45),
    0 20px 48px rgba(0,0,0,.55),
    0 0 56px rgba(255,110,40,.12);
  transition:box-shadow .25s,border-color .25s;
}
/* imza: bak?r ???k ? ?ok yava? gezer */
.nav-chassis::before{
  content:"";position:absolute;inset:0;z-index:0;pointer-events:none;border-radius:inherit;
  overflow:hidden;
  background:
    linear-gradient(90deg,rgba(255,160,60,.1),transparent 38%,transparent 62%,rgba(255,140,40,.06)),
    linear-gradient(105deg,transparent 0%,rgba(255,220,180,.07) 42%,transparent 58%);
  background-size:100% 100%, 55% 100%;
  background-repeat:no-repeat;
  animation:copperDrift 11s ease-in-out infinite;
  clip-path:inset(0 round var(--r-chassis));
}
@keyframes copperDrift{
  0%,100%{background-position:0 0, -20% 0}
  50%{background-position:0 0, 120% 0}
}
@media (prefers-reduced-motion:reduce){.nav-chassis::before{animation:none}}
.nav.is-scrolled .nav-chassis{
  border-color:rgba(255,206,150,.55);
  box-shadow:
    0 0 0 1px rgba(0,0,0,.8),
    0 0 0 3px rgba(255,138,30,.14),
    inset 0 1px 0 rgba(255,236,210,.36),
    0 24px 52px rgba(0,0,0,.6),
    0 0 60px color-mix(in srgb,var(--acc1) 18%,transparent);
}
.nav-rail{
  position:absolute;
  left:0;right:0;
  bottom:0;height:2px;z-index:2;pointer-events:none;
  background:var(--metal-rail);
  opacity:.88;box-shadow:var(--metal-rail-glow);
  animation:railBreathe 5s ease-in-out infinite;
}
@keyframes railBreathe{0%,100%{opacity:.55}50%{opacity:.95}}
@media (prefers-reduced-motion:reduce){.nav-rail{animation:none;opacity:.7}}

.nav-sep{width:1px;height:26px;flex-shrink:0;align-self:center;position:relative;z-index:1;
  background:linear-gradient(180deg,transparent,rgba(255,220,190,.28),transparent);
}

/* logo ? imza mark + nefes alan wordmark (kompozisyon) */
.logo{
  display:flex;align-items:center;gap:var(--gap-brand);flex:0 0 auto;flex-shrink:0;position:relative;z-index:1;
  margin-left:0;padding:0 4px 0 2px;
}
.logo:hover .logo-mark,.logo:hover .brand-mark{transform:scale(1.05) rotate(-2deg)}
/* imza obje ? navbar, player, footer ayn? DNA */
.logo-mark,
.brand-mark{
  position:relative;width:50px;height:50px;border-radius:var(--r-chip);flex-shrink:0;
  background:
    radial-gradient(circle at 28% 22%,rgba(255,220,170,.5),transparent 42%),
    linear-gradient(145deg,#ffc878 0%,var(--acc1) 40%,#8a3010 100%);
  border:1px solid rgba(255,230,190,.7);
  display:grid;place-items:center;
  box-shadow:
    0 0 0 1px rgba(0,0,0,.55),
    0 0 0 3px rgba(255,138,30,.22),
    0 0 0 5px rgba(0,0,0,.28),
    0 0 28px rgba(255,122,26,.52),
    inset 0 1px 0 rgba(255,255,255,.55);
  transition:transform .28s cubic-bezier(.2,.8,.2,1);
}
.logo-mark::before,
.brand-mark::before{
  content:"";position:absolute;inset:2px;border-radius:calc(var(--r-chip) - 2px);
  background:linear-gradient(165deg,#221218 0%,#0c0810 100%);
  border:1px solid rgba(255,170,90,.28);
  box-shadow:inset 0 2px 6px rgba(0,0,0,.55);
}
.logo-eq{position:relative;z-index:1;display:flex;align-items:end;gap:3.5px;height:20px;transition:transform .25s}
.logo-img{
  position:relative;z-index:1;width:78%;height:78%;object-fit:contain;display:block;
  border-radius:8px;
}
.logo-eq i{width:3.5px;border-radius:2px;background:linear-gradient(0deg,#ff5e3a,var(--acc-soft));animation:eqPulse 1.2s ease-in-out infinite;box-shadow:0 0 10px rgba(255,180,80,.75);transition:animation-duration .2s}
.logo-eq i:nth-child(1){height:38%}
.logo-eq i:nth-child(2){height:92%;animation-delay:.12s}
.logo-eq i:nth-child(3){height:58%;animation-delay:.24s}
.logo-eq i:nth-child(4){height:74%;animation-delay:.08s}
@keyframes eqPulse{0%,100%{transform:scaleY(.55)}50%{transform:scaleY(1)}}
.logo:hover .logo-eq{transform:scaleY(1.12)}
.logo:hover .logo-eq i{animation-duration:.5s}
.brand-mark--sm{width:28px;height:28px;border-radius:9px}
.brand-mark--sm::before{inset:1.5px;border-radius:7px}
.brand-mark--sm .logo-eq{height:11px;gap:2px}
.brand-mark--sm .logo-eq i{width:2px}
.brand-mark--xs{width:22px;height:22px;border-radius:7px}
.brand-mark--xs::before{inset:1px;border-radius:5px}
.brand-mark--xs .logo-eq{height:9px;gap:1.5px}
.brand-mark--xs .logo-eq i{width:1.6px}
/* wordmark ? SONARA + FM yan yana, okunur */
.logo-txt{
  display:flex;flex-direction:row;flex-wrap:wrap;align-items:baseline;justify-content:flex-start;
  gap:9px 9px;line-height:1;min-width:0;max-width:12rem;
}
.logo-txt b{
  font-family:var(--display);font-weight:800;font-size:1.7rem;
  letter-spacing:-.016em;text-transform:uppercase;line-height:.88;
  background:linear-gradient(180deg,#FFF9F2 0%,#F7EDE0 42%,#EAD7C4 100%);
  -webkit-background-clip:text;background-clip:text;
  color:transparent;-webkit-text-fill-color:transparent;
  filter:
    drop-shadow(0 0 .6px rgba(255,250,242,.7))
    drop-shadow(0 0 6px rgba(255,232,210,.28))
    drop-shadow(0 1px 0 rgba(40,16,8,.28));
}
.logo-txt small{
  font-family:var(--ui);font-size:.78rem;font-weight:700;letter-spacing:.14em;
  color:#ffb468;text-transform:uppercase;
  display:inline-block;opacity:1;line-height:1;
  text-shadow:0 0 10px rgba(255,160,80,.35);
  transform:translateY(-1px);
}
.logo-slogan{
  flex:1 0 100%;
  margin-top:3px;
  font-family:var(--ui);font-size:.68rem;font-weight:600;letter-spacing:.04em;
  color:rgba(255,236,214,.72);line-height:1.2;
  text-transform:none;-webkit-text-fill-color:rgba(255,236,214,.72);
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
}

/* men? ? 3D dilim + ~1mm aral?k + hafif cila */
.nav-shell{
  position:relative;z-index:1;
  display:flex;align-items:center;justify-content:center;
  gap:4px;
  flex:1 1 auto;flex-shrink:1;min-width:0;
  flex-wrap:nowrap;white-space:nowrap;
  padding:0 2px;
}
.nav-shell a{
  position:relative;z-index:1;
  margin:0;
  padding:8px 16px 10px;
  border:0;border-radius:0;
  font-family:var(--display);font-size:.76rem;font-weight:700;
  letter-spacing:.05em;text-transform:uppercase;
  color:rgba(255,238,220,.86);white-space:nowrap;
  display:inline-flex;align-items:center;justify-content:center;
  clip-path:polygon(10px 0,100% 0,calc(100% - 10px) 100%,0 100%);
  background:
    linear-gradient(180deg,rgba(255,230,190,.2) 0%,rgba(255,255,255,.04) 42%,transparent 58%),
    linear-gradient(145deg,rgba(255,170,90,.1),transparent 55%),
    linear-gradient(100deg,#3a281e 0%,#22181c 48%,#18141c 100%);
  box-shadow:
    inset 0 1px 0 rgba(255,236,210,.28),
    inset 0 -1px 0 rgba(0,0,0,.4),
    inset 1px 0 0 rgba(255,190,120,.16),
    inset -1px 0 0 rgba(0,0,0,.2),
    0 1px 0 rgba(255,180,100,.08),
    0 3px 10px rgba(0,0,0,.32);
  text-shadow:0 1px 0 rgba(0,0,0,.42);
  transition:color .2s,background .2s,box-shadow .2s,filter .2s,transform .2s;
}
.nav-shell a::before,
.nav-shell a::after{content:none;display:none}
.nav-shell a:hover{
  z-index:5;
  color:#fffaf2;
  filter:brightness(1.07);
  transform:translateY(-1px);
  background:
    linear-gradient(180deg,rgba(255,220,170,.32) 0%,rgba(255,160,70,.12) 46%,transparent 62%),
    linear-gradient(145deg,rgba(255,170,90,.18),transparent 55%),
    linear-gradient(100deg,#4a3224 0%,#2a1c1e 50%,#1c161c 100%);
  box-shadow:
    inset 0 1px 0 rgba(255,240,210,.4),
    inset 0 -1px 0 rgba(0,0,0,.42),
    inset 1px 0 0 rgba(255,200,130,.3),
    0 2px 0 rgba(255,180,100,.12),
    0 6px 16px rgba(0,0,0,.38),
    0 0 18px rgba(255,138,30,.16);
  text-shadow:0 0 12px rgba(255,180,90,.28),0 1px 0 rgba(0,0,0,.35);
}
.nav-shell a.on{
  z-index:6;
  color:#fff8ee;
  filter:brightness(1.1);
  background:
    linear-gradient(180deg,rgba(255,220,170,.42) 0%,rgba(255,160,70,.2) 48%,transparent 64%),
    linear-gradient(145deg,rgba(255,170,90,.26),transparent 55%),
    linear-gradient(100deg,#5c3a22 0%,#322018 50%,#22161a 100%);
  box-shadow:
    inset 0 1px 0 rgba(255,242,214,.48),
    inset 0 -1px 0 rgba(0,0,0,.45),
    inset 1px 0 0 rgba(255,200,130,.38),
    0 2px 0 rgba(255,190,110,.16),
    0 6px 18px rgba(0,0,0,.4),
    0 0 22px rgba(255,138,30,.24);
  text-shadow:0 0 14px rgba(255,180,90,.32),0 1px 0 rgba(0,0,0,.32);
}
.nav-eq{
  position:absolute;left:50%;bottom:2px;transform:translateX(-50%);
  display:flex;align-items:end;justify-content:center;gap:2px;
  height:5px;max-height:5px;opacity:0;pointer-events:none;
  transition:opacity .22s;
}
.nav-shell a.on .nav-eq{opacity:1}
.nav-shell a:hover .nav-eq{opacity:.55}
.nav-eq i{
  width:1.75px;height:40%;border-radius:1px;
  background:linear-gradient(0deg,var(--acc2),#ffd9a8);
  box-shadow:0 0 6px rgba(255,160,80,.55);
  animation:navEqPulse 2.6s ease-in-out infinite;
  transform-origin:bottom center;
}
.nav-eq i:nth-child(1){height:40%}
.nav-eq i:nth-child(2){height:100%;animation-delay:.2s}
.nav-eq i:nth-child(3){height:70%;animation-delay:.4s}
.nav-eq i:nth-child(4){height:90%;animation-delay:.1s}
.nav-eq i:nth-child(5){height:50%;animation-delay:.35s}
@keyframes navEqPulse{
  0%,100%{transform:scaleY(.45)}
  50%{transform:scaleY(1)}
}

/* hamburger ? masa?st?nde gizli; ?1100px: dolu bak?r chip (player ile ayn? e?ik) */
.nav-burger{
  display:none;
  position:relative;z-index:2;flex:0 0 auto;
  width:46px;height:46px;padding:0;border:0;cursor:pointer;border-radius:13px;
  color:#1a0800;
  background:linear-gradient(165deg,#fff2d8 0%,#ffc078 42%,var(--acc1) 78%,var(--acc2));
  border:1px solid rgba(255,235,200,.7);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.55),
    0 0 0 1px rgba(0,0,0,.35),
    0 4px 16px rgba(255,122,26,.45),
    0 0 28px rgba(255,138,30,.28);
  transition:filter .18s,box-shadow .18s,transform .18s;
}
.nav-burger:hover{
  filter:brightness(1.07);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.6),
    0 0 0 1px rgba(0,0,0,.3),
    0 6px 22px rgba(255,122,26,.55),
    0 0 34px rgba(255,138,30,.38);
}
.nav-burger:active{transform:scale(.96)}
.nav-burger-lines{
  display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;
  width:100%;height:100%;
}
.nav-burger-lines i{
  display:block;width:20px;height:2.5px;border-radius:2px;
  background:#1a0800;
  box-shadow:0 1px 0 rgba(255,255,255,.2);
  transition:transform .28s ease,opacity .2s,width .2s,background .18s;
}
body.is-nav-open .nav-burger-lines i:nth-child(1){transform:translateY(7.5px) rotate(45deg)}
body.is-nav-open .nav-burger-lines i:nth-child(2){opacity:0;width:0}
body.is-nav-open .nav-burger-lines i:nth-child(3){transform:translateY(-7.5px) rotate(-45deg)}
body.is-nav-open .nav-burger{
  color:#fff;
  filter:none;
  background:linear-gradient(145deg,#ff6b7a,#e11d48 55%,#9f1239);
  border-color:rgba(255,200,210,.55);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.28),
    0 0 0 1px rgba(0,0,0,.4),
    0 4px 18px rgba(225,29,72,.45);
}
body.is-nav-open .nav-burger-lines i{
  background:#fff;
  box-shadow:none;
}

/* ========== MOB?L MEN? ? frekans konsolu (tek kompozisyon) ========== */
.nav-scrim{
  display:none;position:fixed;inset:0;z-index:90;
  background:rgba(4,2,8,.72);backdrop-filter:blur(14px) saturate(1.15);
  -webkit-backdrop-filter:blur(14px) saturate(1.15);
  opacity:0;pointer-events:none;transition:opacity .3s ease;
}
.nav-drawer{
  display:none;flex-direction:column;position:fixed;top:0;right:0;z-index:95;
  width:min(360px,94vw);height:100dvh;max-height:100%;
  padding:0 0 env(safe-area-inset-bottom);box-sizing:border-box;
  /* men? art?nca alt wave k???l?r; ta?arsa son ?are scroll */
  overflow-x:hidden;overflow-y:auto;
  transform:translateX(104%);
  transition:transform .36s cubic-bezier(.2,.85,.2,1);
  background:
    radial-gradient(ellipse 100% 48% at 100% -5%,rgba(255,150,50,.22),transparent 55%),
    radial-gradient(ellipse 80% 40% at 0% 110%,rgba(255,70,50,.1),transparent 50%),
    linear-gradient(168deg,#342018 0%,#1a1216 42%,#0e0a12 100%);
  border-left:1px solid rgba(255,210,160,.5);
  box-shadow:
    -32px 0 80px rgba(0,0,0,.7),
    inset 1px 0 0 rgba(255,230,190,.18),
    inset 0 1px 0 rgba(255,230,190,.12);
}
.nav-drawer::before{
  content:"";position:absolute;left:0;top:0;bottom:0;width:3px;z-index:3;
  background:linear-gradient(180deg,#fff0d0,#ffc078 28%,var(--acc1) 55%,#ff4a2a 78%,transparent);
  box-shadow:0 0 20px rgba(255,138,30,.55);pointer-events:none;
}
.nav-drawer::after{
  content:"";position:absolute;inset:0;z-index:0;pointer-events:none;
  background:
    linear-gradient(105deg,transparent 40%,rgba(255,220,180,.04) 50%,transparent 60%),
    repeating-linear-gradient(180deg,transparent 0 11px,rgba(255,255,255,.012) 11px 12px);
  opacity:.7;
}
body.is-nav-open .nav-scrim{opacity:1;pointer-events:auto}
body.is-nav-open .nav-drawer{transform:translateX(0)}
/* sayfa kilidi yaln?z mobil drawer ? masa?st? scroll?u asla kilitleme */
@media (max-width:1100px){
  body.is-nav-open{overflow:hidden}
}

.nav-drawer-top{
  position:relative;z-index:1;flex:0 0 auto;
  padding:16px 14px 0 16px;
}
.nav-drawer-head{
  display:flex;align-items:center;justify-content:space-between;gap:12px;
  margin-bottom:12px;
}
.nav-drawer-brand{display:flex;align-items:center;gap:11px;min-width:0}
.nav-drawer-brand .brand-mark{width:42px;height:42px;border-radius:12px}
.nav-drawer-brand .brand-mark::before{inset:1.5px;border-radius:10px}
.nav-drawer-brand .logo-eq{height:16px;gap:2.5px}
.nav-drawer-brand .logo-eq i{width:2.5px}
.nav-drawer-brand b{
  font-family:var(--display);font-size:1.2rem;font-weight:800;
  letter-spacing:var(--track-brand);color:#fffaf4;line-height:1;
  text-shadow:0 0 22px rgba(255,160,80,.3);
}
.nav-drawer-brand small{
  display:block;margin-top:4px;
  font-family:var(--ui);font-size:.55rem;font-weight:750;letter-spacing:.18em;
  text-transform:uppercase;color:rgba(255,190,120,.78);
}
.nav-drawer-x{
  width:42px;height:42px;border:0;border-radius:50%;cursor:pointer;
  color:#ffe8c8;font-size:1.05rem;line-height:1;
  background:
    radial-gradient(circle at 35% 30%,rgba(255,200,140,.22),transparent 55%),
    linear-gradient(160deg,#2e1c1a,#121016);
  border:1px solid rgba(255,190,120,.42);
  box-shadow:inset 0 1px 0 rgba(255,230,190,.22),0 0 0 1px rgba(0,0,0,.45);
}
.nav-drawer-x:hover{border-color:rgba(255,210,150,.7);filter:brightness(1.08)}

.nav-drawer-search{
  display:flex;align-items:center;gap:10px;
  width:100%;margin:0 0 12px;padding:0 14px;min-height:48px;
  border-radius:14px;cursor:pointer;text-align:left;
  font-family:var(--ui);font-size:.8rem;font-weight:650;letter-spacing:.02em;
  color:rgba(255,230,200,.72);
  background:rgba(0,0,0,.45);
  border:1px solid rgba(255,190,120,.32);
  box-shadow:inset 0 2px 10px rgba(0,0,0,.45),inset 0 1px 0 rgba(255,230,190,.08);
}
.nav-drawer-search svg{width:18px;height:18px;flex-shrink:0;color:#ffc078}
.nav-drawer-search:hover{border-color:rgba(255,210,150,.55);color:#fff}

/* kaynak deck ? player DNA */
.nav-drawer-deck{
  margin:0 0 14px;padding:12px;
  border-radius:18px;
  background:
    linear-gradient(165deg,rgba(255,180,100,.16) 0%,rgba(20,12,14,.55) 100%);
  border:1px solid rgba(255,200,140,.38);
  box-shadow:
    inset 0 1px 0 rgba(255,230,190,.18),
    0 12px 32px rgba(0,0,0,.35),
    0 0 28px rgba(255,140,40,.08);
}
.nav-drawer-deck-lbl{
  margin:0 0 8px;padding:0 2px;
  font-family:var(--ui);font-size:.54rem;font-weight:800;letter-spacing:.16em;
  text-transform:uppercase;color:rgba(255,200,140,.72);
}
.nav-drawer-mode{
  display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:0;border-radius:0;
  background:transparent;border:0;box-shadow:none;
}
.nav-drawer-mode button{
  border:1px solid rgba(255,180,100,.22);cursor:pointer;min-height:46px;border-radius:12px;
  font-family:var(--ui);font-size:.72rem;font-weight:850;letter-spacing:.1em;
  text-transform:uppercase;color:rgba(255,230,210,.7);
  background:rgba(0,0,0,.38);
  box-shadow:inset 0 1px 0 rgba(255,230,190,.06);
  transition:color .18s,background .18s,box-shadow .18s,border-color .18s;
}
.nav-drawer-mode button:nth-child(3){grid-column:1 / -1}
.nav-drawer-mode button.is-on{
  color:#1a0800;border-color:rgba(255,230,190,.55);
  background:linear-gradient(165deg,#fff4e0,#ffc878 50%,var(--acc1));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.5),0 0 18px rgba(255,140,40,.35);
}
.nav-drawer-mode button:not(.is-on):hover{
  color:#fff6ec;border-color:rgba(255,190,120,.36);
  background:rgba(255,140,40,.1);
}
/* Player? a? ? ikincil (Canl?/Liste ile yar??mas?n) */
.nav-drawer-openpl{
  display:flex;align-items:center;justify-content:center;gap:8px;
  width:100%;margin-top:10px;min-height:42px;border:0;border-radius:12px;cursor:pointer;
  font-family:var(--ui);font-size:.7rem;font-weight:800;letter-spacing:.08em;
  text-transform:uppercase;color:#ffe8c8;
  background:rgba(0,0,0,.35);
  border:1px solid rgba(255,180,100,.32);
  box-shadow:inset 0 1px 0 rgba(255,230,190,.1);
}
.nav-drawer-openpl svg{width:14px;height:14px}
.nav-drawer-openpl:hover{
  color:#1a0800;
  background:linear-gradient(165deg,#fff2d8,#ffc078 55%,var(--acc1));
  border-color:rgba(255,220,170,.5);
}

/* men? linkleri ? liste dili; koca buton de?il */
.nav-drawer-links{
  position:relative;z-index:1;flex:0 0 auto;
  display:flex;flex-direction:column;gap:2px;
  margin:0 14px 0 16px;padding:4px 0 0;
  background:transparent;border:0;box-shadow:none;border-radius:0;
}
.nav-drawer-links a{
  position:relative;
  display:flex;align-items:center;gap:12px;
  min-height:44px;padding:0 10px 0 12px;border-radius:10px;
  font-family:var(--ui);font-size:.82rem;font-weight:700;letter-spacing:.05em;
  text-transform:uppercase;color:rgba(255,230,210,.82);text-decoration:none;
  background:transparent;
  border:1px solid transparent;
  transition:background .16s,border-color .16s,color .16s;
}
.nav-drawer-links a .ico{
  width:32px;height:32px;border-radius:9px;flex-shrink:0;
  display:grid;place-items:center;color:rgba(255,200,140,.85);
  background:rgba(0,0,0,.28);
  border:1px solid rgba(255,180,100,.18);
}
.nav-drawer-links a .ico svg{width:16px;height:16px;display:block}
.nav-drawer-links a:hover,
.nav-drawer-links a:focus-visible{
  color:#fffaf4;outline:none;
  background:rgba(255,140,40,.08);
  border-color:rgba(255,180,100,.2);
}
/* aktif: dolu amber CTA de?il ? ince bak?r ?ubuk + soft vurgu */
.nav-drawer-links a.on{
  color:#fff4e8;
  background:rgba(255,140,40,.12);
  border-color:rgba(255,180,100,.22);
  box-shadow:none;
}
.nav-drawer-links a.on::before{
  content:"";position:absolute;left:0;top:10px;bottom:10px;width:3px;border-radius:2px;
  background:linear-gradient(180deg,#ffe2b8,var(--acc1));
  box-shadow:0 0 10px rgba(255,140,40,.45);
}
.nav-drawer-links a.on .ico{
  color:#ffd8a8;
  background:rgba(255,140,40,.18);
  border-color:rgba(255,190,120,.35);
}

/* alt sahne = masa?st? .nav-endfill gibi esnek buffer
   men? 5?6? art?nca wave oran? otomatik k???l?r (WP?de de ayn?) */
.nav-drawer-foot{
  position:relative;z-index:1;
  flex:1 1 0%;
  min-height:64px;
  margin:10px 14px 14px 16px;
  padding:10px 12px 12px;
  display:flex;flex-direction:column;align-items:stretch;justify-content:flex-end;gap:10px;
  border-radius:20px;
  background:
    radial-gradient(ellipse 90% 70% at 50% 100%,rgba(255,140,40,.2),transparent 65%),
    linear-gradient(180deg,rgba(255,180,100,.06) 0%,rgba(0,0,0,.4) 100%);
  border:1px solid rgba(255,190,120,.22);
  box-shadow:
    inset 0 1px 0 rgba(255,230,190,.1),
    0 0 40px rgba(255,120,40,.06);
  overflow:hidden;
}
.nav-drawer-foot::before{
  content:"";position:absolute;left:12%;right:12%;top:14%;height:1px;
  background:linear-gradient(90deg,transparent,rgba(255,200,140,.35),transparent);
  pointer-events:none;
}
.nav-drawer-amb{
  flex:1 1 0%;
  display:flex;align-items:flex-end;justify-content:center;gap:3.5px;
  min-height:0;width:100%;height:100%;padding:4px 4px 0;
  opacity:.95;pointer-events:none;
  mask-image:linear-gradient(90deg,transparent,black 8%,black 92%,transparent);
  -webkit-mask-image:linear-gradient(90deg,transparent,black 8%,black 92%,transparent);
}
.nav-drawer-amb i{
  display:block;width:3.5px;border-radius:3px;align-self:flex-end;
  background:linear-gradient(0deg,rgba(255,100,30,.2),rgba(255,180,100,.75) 45%,#ffe8c8);
  box-shadow:0 0 14px rgba(255,150,60,.4);
  transform-origin:bottom center;
  animation:drawerAmb 2.4s ease-in-out infinite;
}
.nav-drawer-amb i:nth-child(1){height:28%;animation-delay:0s}
.nav-drawer-amb i:nth-child(2){height:48%;animation-delay:.1s}
.nav-drawer-amb i:nth-child(3){height:36%;animation-delay:.2s}
.nav-drawer-amb i:nth-child(4){height:72%;animation-delay:.05s}
.nav-drawer-amb i:nth-child(5){height:44%;animation-delay:.15s}
.nav-drawer-amb i:nth-child(6){height:88%;animation-delay:.25s}
.nav-drawer-amb i:nth-child(7){height:40%;animation-delay:.08s}
.nav-drawer-amb i:nth-child(8){height:62%;animation-delay:.18s}
.nav-drawer-amb i:nth-child(9){height:95%;animation-delay:.12s}
.nav-drawer-amb i:nth-child(10){height:52%;animation-delay:.28s}
.nav-drawer-amb i:nth-child(11){height:34%;animation-delay:.03s}
.nav-drawer-amb i:nth-child(12){height:68%;animation-delay:.22s}
.nav-drawer-amb i:nth-child(13){height:46%;animation-delay:.14s}
.nav-drawer-amb i:nth-child(14){height:80%;animation-delay:.3s}
.nav-drawer-amb i:nth-child(15){height:38%;animation-delay:.07s}
.nav-drawer-amb i:nth-child(16){height:58%;animation-delay:.19s}
.nav-drawer-amb i:nth-child(17){height:74%;animation-delay:.11s}
.nav-drawer-amb i:nth-child(18){height:42%;animation-delay:.26s}
@keyframes drawerAmb{
  0%,100%{transform:scaleY(.42);opacity:.5}
  50%{transform:scaleY(1);opacity:1}
}
.nav-drawer[data-src="live"] .nav-drawer-amb i{animation-duration:1.7s}
.nav-drawer[data-src="list"] .nav-drawer-amb i{animation-duration:3.1s;filter:saturate(.75)}
@media (prefers-reduced-motion:reduce){
  .nav-drawer-amb i{animation:none;opacity:.75;transform:none}
}
@keyframes liveBlink{
  0%{box-shadow:0 0 0 0 rgba(255,31,61,.55)}
  70%{box-shadow:0 0 0 10px rgba(255,31,61,0)}
  100%{box-shadow:0 0 0 0 rgba(255,31,61,0)}
}

/* arama ? b?y?mesin; ekstra men? gelince wave k?sal?r, arama sabit kal?r */
.nav-search{
  position:relative;z-index:1;
  display:flex;align-items:center;gap:9px;flex:0 1 200px;max-width:220px;min-width:44px;height:40px;
  padding:0 15px;border-radius:var(--r-control);cursor:pointer;border:0;
  font-family:var(--ui);color:rgba(255,236,214,.72);
  background:linear-gradient(180deg,#221820,#121018);
  border:1px solid var(--metal-edge-soft);
  box-shadow:inset 0 2px 5px rgba(0,0,0,.35),inset 0 0 0 1px rgba(255,255,255,.05);
  transition:border-color .18s,box-shadow .18s,color .18s,background .18s;
}
.nav-search svg{width:16px;height:16px;flex-shrink:0;color:#ffc078}
.nav-search span{font-size:.9rem;font-weight:500;letter-spacing:.01em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.nav-search:hover{border-color:rgba(255,190,120,.55);color:rgba(255,244,230,.92);background:linear-gradient(180deg,#2a1e28,#16121c);box-shadow:inset 0 2px 5px rgba(0,0,0,.3),0 0 18px rgba(255,138,30,.14)}
/* sohbet ? okunur chip */
.cta-chat{
  position:relative;z-index:1;
  display:inline-flex;align-items:center;gap:8px;height:38px;padding:0 14px;border-radius:10px;flex:0 0 auto;
  font-family:var(--ui);font-weight:700;font-size:.8rem;letter-spacing:.05em;text-transform:uppercase;
  color:#fff6ea;white-space:nowrap;opacity:1;
  background:rgba(255,255,255,.07);
  border:1px solid rgba(255,200,130,.42);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.1);
  transition:border-color .18s,background .18s,color .18s,box-shadow .18s;
}
.cta-chat::before{
  content:"";width:7px;height:7px;border-radius:50%;flex-shrink:0;
  background:#34d399;box-shadow:0 0 8px #34d399;
  animation:liveBlink 1.8s ease-out infinite;
}
.cta-chat:hover{color:#fff;border-color:rgba(255,200,130,.65);background:rgba(255,160,80,.14);box-shadow:0 0 16px rgba(255,140,40,.18)}

/* Canl? ? metal-amber CTA */
.cta-live{margin-right:2px;
  position:relative;z-index:1;overflow:hidden;
  display:inline-flex;align-items:center;gap:8px;height:44px;padding:0 16px;border-radius:11px;border:0;cursor:pointer;flex:0 0 auto;
  color:#1a0a00;white-space:nowrap;
  background:linear-gradient(180deg,#fff4dc 0%,#ffc878 32%,var(--acc1) 68%,var(--acc2) 100%);
  box-shadow:
    0 0 0 1px rgba(255,255,255,.3) inset,
    inset 0 -2px 0 rgba(0,0,0,.18),
    0 8px 24px color-mix(in srgb,var(--acc1) 42%,transparent);
  transition:box-shadow .2s,filter .2s;
  animation:liveScale 5.5s ease-in-out infinite;
}
@keyframes liveScale{
  0%,100%{transform:scale(1);filter:brightness(1)}
  50%{transform:scale(1.015);filter:brightness(1.04)}
}
@media (prefers-reduced-motion:reduce){.cta-live{margin-right:2px;animation:none}.cta-live .live-eq i{animation:none!important}}
.cta-live.is-playing{
  color:#fff;
  background:linear-gradient(135deg,#ff3d5a,#e11d48 55%,#9f1239);
  box-shadow:0 0 0 1px rgba(255,255,255,.15) inset,0 8px 22px rgba(225,29,72,.4);
}
/* Liste modundayken navbar Canl? = ?ayn? yay?na d?n? ? soluk bak?r, player?la ba? kopmas?n */
.cta-live.is-list-away{
  color:rgba(255,230,200,.88);
  background:linear-gradient(180deg,rgba(60,36,28,.95),rgba(28,16,14,.98));
  box-shadow:
    inset 0 1px 0 rgba(255,220,180,.18),
    0 0 0 1px rgba(255,160,90,.35),
    0 6px 18px rgba(0,0,0,.35);
  animation:none;
}
.cta-live.is-list-away .live-sub{opacity:.9;letter-spacing:.06em}
.cta-live:hover{filter:brightness(1.06);box-shadow:0 10px 30px color-mix(in srgb,var(--acc1) 50%,transparent)}
.cta-live.is-playing:hover{box-shadow:0 10px 28px rgba(225,29,72,.5)}
.cta-live.is-list-away:hover{
  filter:brightness(1.08);
  box-shadow:inset 0 1px 0 rgba(255,220,180,.22),0 0 0 1px rgba(255,180,100,.5),0 8px 22px rgba(255,120,40,.2);
}
.cta-live > *{position:relative;z-index:1}
.cta-live .live-ico{display:grid;place-items:center;width:16px;height:16px;font-size:.8rem;flex-shrink:0}
.cta-live .live-eq{
  display:none;align-items:flex-end;gap:1.5px;height:11px;width:14px;flex-shrink:0;
}
.cta-live.is-playing .live-ico{display:none}
.cta-live.is-playing .live-eq{display:inline-flex}
.cta-live .live-eq i{
  width:2px;border-radius:1px;height:40%;
  background:linear-gradient(0deg,#fff,#ffb4c0);
  box-shadow:0 0 5px rgba(255,255,255,.4);
  animation:plLiveEq 1.1s ease-in-out infinite;
  transform-origin:bottom center;
}
.cta-live .live-eq i:nth-child(1){animation-delay:0s;height:45%}
.cta-live .live-eq i:nth-child(2){animation-delay:.15s;height:85%}
.cta-live .live-eq i:nth-child(3){animation-delay:.28s;height:55%}
.cta-live .live-stack{display:flex;flex-direction:column;line-height:1.05;align-items:flex-start}
.cta-live .live-txt{font-family:var(--ui);font-weight:850;font-size:.82rem;letter-spacing:.04em}
.cta-live .live-sub{font-family:var(--ui);font-weight:700;font-size:.56rem;letter-spacing:.1em;opacity:.8}
@keyframes ctaShine{0%,55%{transform:translateX(-120%)}80%,100%{transform:translateX(120%)}}

/* ?asi dolgu ? deneme: wave kapal?, yer men?ye */
.nav-endfill{
  display:none!important;
}
.nav-wave{
  position:absolute;left:0;top:50%;
  width:max(280px,200%);height:42px;margin-top:-21px;
  display:block;opacity:.9;
  filter:drop-shadow(0 0 6px rgba(255,138,30,.22));
}
.nav-wave .w-mid{
  stroke:#ffc078;stroke-width:.55;opacity:.35;fill:none;stroke-linecap:round;stroke-linejoin:round;
}
.nav-wave .w-main{
  stroke:var(--acc1);stroke-width:.85;opacity:.72;fill:none;stroke-linecap:round;stroke-linejoin:round;
}
.nav-wave .w-soft{
  stroke:var(--acc-soft);stroke-width:.5;opacity:.28;fill:none;stroke-linecap:round;stroke-linejoin:round;
}
.nav-wave .w-fill{
  fill:url(#navWaveFill);opacity:.14;
}
.nav-endfill .nav-wave{
  animation:waveDrift 22s linear infinite;
}
@keyframes waveDrift{
  0%{transform:translateX(0)}
  100%{transform:translateX(-50%)}
}
@media (prefers-reduced-motion:reduce){.nav-endfill .nav-wave{animation:none;opacity:.55}}
@media (max-width:1200px){
  .nav-shell a{font-size:.72rem;padding:8px 14px 10px;margin:0 -4px}
  .nav-chassis{gap:10px}
}

/* navbar ? gate: ayn? metal kenar dili */
.metal-edge{
  position:absolute;left:12px;right:12px;height:2px;z-index:4;pointer-events:none;
  background:var(--metal-rail);
  box-shadow:var(--metal-rail-glow);
  opacity:.88;
}
.metal-edge--top{top:0;border-radius:0 0 1px 1px}
.metal-edge--gate{
  top:0;left:16px;right:16px;
  opacity:.9;z-index:5;
}
.gate > .metal-edge{z-index:5}

/* arama modal */
.search-modal{
  position:fixed;inset:0;z-index:120;display:grid;place-items:start center;
  padding:12vh 16px 24px;background:rgba(6,4,12,.72);backdrop-filter:blur(10px);
  opacity:0;pointer-events:none;transition:opacity .22s;
}
.search-modal.is-open{opacity:1;pointer-events:auto}
.search-panel{
  width:min(560px,100%);border-radius:20px;padding:18px;
  background:linear-gradient(165deg,rgba(28,18,32,.96),rgba(12,10,20,.98));
  border:1px solid rgba(255,180,100,.28);
  box-shadow:0 0 0 1px rgba(255,138,30,.15),0 30px 80px rgba(0,0,0,.55),0 0 60px rgba(255,100,40,.12);
}
.search-head{display:flex;align-items:center;gap:10px;margin-bottom:12px}
.search-head input{
  flex:1;min-height:48px;border-radius:12px;border:1px solid rgba(255,180,100,.25);
  background:rgba(0,0,0,.4);color:#fff;padding:12px 14px;font-size:1rem;outline:none;
}
.search-head input:focus{border-color:var(--acc1);box-shadow:0 0 0 3px color-mix(in srgb,var(--acc1) 18%,transparent)}
.search-head .x{
  width:42px;height:42px;border-radius:12px;border:1px solid rgba(255,255,255,.12);
  background:rgba(255,255,255,.05);color:#fff;cursor:pointer;font-size:1.1rem;
}
.search-hits{max-height:46vh;overflow:auto;display:flex;flex-direction:column;gap:6px}
.search-hits a,.search-hits .empty{
  display:block;padding:12px 14px;border-radius:12px;text-decoration:none;color:#f4f1ec;
  background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.06);
  transition:border-color .2s,background .2s;
}
.search-hits a:hover{border-color:rgba(255,180,100,.4);background:rgba(255,138,30,.1)}
.search-hits b{display:block;font-family:var(--ui);font-size:.9rem;margin-bottom:2px}
.search-hits span{font-size:.75rem;color:var(--mute)}
.search-hits .empty{color:var(--mute);text-align:center}
.search-panel .search-hint{
  margin:0 0 10px;font-family:var(--ui);font-size:.68rem;font-weight:650;
  letter-spacing:.06em;color:rgba(255,200,140,.65);text-transform:uppercase;
}
@media(max-width:900px){
  .search-modal{padding:max(12px, env(safe-area-inset-top)) 12px 16px;align-items:stretch;place-items:stretch}
  .search-panel{
    width:100%;max-width:none;border-radius:16px;padding:14px;
    margin-top:56px;
    background:
      linear-gradient(180deg,rgba(255,190,120,.1) 0%,transparent 30%),
      linear-gradient(165deg,#2a1a18,#121018 55%,#0c0a12);
    border-color:rgba(255,190,120,.4);
  }
  .search-head input{font-size:16px;min-height:50px} /* iOS zoom yok */
  .search-hits{max-height:min(58vh,420px)}
  .search-hits a{min-height:48px;padding:14px}
}

/* HERO ? masa?st? ilk ekran host (mobilde height/min-height media?da ezilir) */
.hero-screen{
  position:relative;
  height:calc(100dvh - var(--player));
  min-height:700px;
  /* form + yaz? + g?rsel AYNI kutuda; e?it L/R nefes (kart-only margin yok) */
  padding:86px var(--page-gutter) 10px;
  display:flex;flex-direction:column;
  box-sizing:border-box;
}
/* navbar metal ray? ? hero ?st?: ayn? bak?r sistemin devam? */
.hero-screen::before{
  content:"";position:absolute;
  left:var(--page-gutter);
  right:var(--page-gutter);
  top:70px;height:2px;z-index:3;pointer-events:none;
  background:var(--metal-rail);
  box-shadow:var(--metal-rail-glow);
  opacity:.55;
}
.hero-screen::after{
  content:"";position:absolute;left:0;right:0;top:0;height:110px;z-index:1;pointer-events:none;
  background:linear-gradient(180deg,
    rgba(70,36,16,.58) 0%,
    rgba(40,18,48,.32) 45%,
    transparent 100%);
}
/* g?rsel de ayn? gutter?da ? neon sa? kenara yap??maz; form?foto hizas? korunur */
.hero-bg{
  position:absolute;
  top:0;bottom:0;
  left:var(--page-gutter);
  right:var(--page-gutter);
  z-index:0;overflow:hidden;
  border-radius:0 0 4px 4px;
}
.hero-bg img{width:100%;height:100%;object-fit:cover;object-position:68% center;filter:saturate(1.08) contrast(1.06)}
.hero-bg .scrim{position:absolute;inset:0;background:
  linear-gradient(90deg,rgba(8,6,16,.94) 0%,rgba(8,6,16,.78) 32%,rgba(8,6,16,.2) 62%,rgba(8,6,16,.45) 100%),
  linear-gradient(180deg,rgba(8,6,16,.22) 0%,transparent 28%,rgba(8,6,16,.55) 78%,rgba(8,6,16,.92) 100%)}
.hero-layout{
  position:relative;z-index:2;flex:1 1 auto;
  display:grid;
  grid-template-columns:minmax(270px,340px) max-content;
  column-gap:0;
  /* player a??l?nca center formu yukar? ?ekiyordu ? nav ile ?st ?ste hissi */
  align-content:start;
  align-items:start;
  max-width:none;margin:0;width:100%;min-height:0;
  justify-content:start;
  overflow:visible;
}
.hero-left{
  display:flex;flex-direction:column;gap:10px;min-width:0;
  justify-content:flex-start;
  /* nav ? form: ince nefes ? fazla bo?luk yok, ?st ?ste de de?il */
  margin-top:4px;
  position:relative;z-index:5;
  margin-right:-3px; /* panel, hero g?rselinin ?st?ne 2?3px kilitlenir */
}
.sr-only{
  position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;
  clip:rect(0,0,0,0);white-space:nowrap;border:0;
}

/* FORM ? radyo konsol / frekans kap?s? ? sayfan?n 1. vitrin odak noktas? */
.gate{
  position:relative;
  border-radius:var(--r-chassis);padding:16px 16px 14px;
  background:
    linear-gradient(155deg,rgba(255,170,90,.14) 0%,transparent 28%),
    linear-gradient(165deg,#32241c 0%,#1a1218 36%,#0e0b12 72%,#0a0810 100%);
  border:1px solid rgba(255,200,130,.52);
  box-shadow:
    0 0 0 1px rgba(0,0,0,.8),
    0 0 0 4px rgba(255,138,30,.18),
    0 0 0 5px rgba(0,0,0,.4),
    0 36px 80px rgba(0,0,0,.7),
    0 0 90px color-mix(in srgb,var(--acc1) 34%,transparent),
    0 0 140px rgba(255,80,40,.14),
    inset 0 1px 0 rgba(255,230,190,.45),
    inset 0 -2px 0 rgba(0,0,0,.55),
    12px 0 28px rgba(0,0,0,.25);
  overflow:hidden;
  isolation:isolate;
  transition:border-color .35s;
}
/* canl? yay?n a??kken ? DJ kabini ????? ?ok hafif nefes al?r */
.gate.is-live{
  border-color:rgba(255,210,150,.68);
  animation:gateCabinBreath 4.5s ease-in-out infinite;
}
.gate.is-live .metal-edge{
  opacity:1;
  animation:railBreathe 3.6s ease-in-out infinite;
}
.gate.is-live .gate-onair{
  animation:onAirPulse 1.2s ease-in-out infinite;
}
@keyframes gateCabinBreath{
  0%,100%{
    box-shadow:
      0 0 0 1px rgba(0,0,0,.8),
      0 0 0 4px rgba(255,138,30,.16),
      0 0 0 5px rgba(0,0,0,.4),
      0 36px 80px rgba(0,0,0,.7),
      0 0 70px color-mix(in srgb,var(--acc1) 26%,transparent),
      0 0 110px rgba(255,80,40,.1),
      inset 0 1px 0 rgba(255,230,190,.4),
      inset 0 -2px 0 rgba(0,0,0,.55),
      12px 0 28px rgba(0,0,0,.25);
  }
  50%{
    box-shadow:
      0 0 0 1px rgba(0,0,0,.8),
      0 0 0 4px rgba(255,138,30,.3),
      0 0 0 5px rgba(0,0,0,.4),
      0 36px 80px rgba(0,0,0,.7),
      0 0 105px color-mix(in srgb,var(--acc1) 42%,transparent),
      0 0 150px rgba(255,80,40,.16),
      inset 0 1px 0 rgba(255,236,200,.55),
      inset 0 -2px 0 rgba(0,0,0,.55),
      12px 0 28px rgba(0,0,0,.25);
  }
}
@media (prefers-reduced-motion:reduce){
  .gate.is-live{animation:none;border-color:rgba(255,210,150,.62)}
  .gate.is-live .metal-edge{animation:none}
}
/* metal + kayan ???lt? + yan rim */
.gate::before{
  content:"";position:absolute;inset:0;pointer-events:none;border-radius:inherit;z-index:0;
  background:
    linear-gradient(105deg,
      transparent 0%,
      rgba(255,210,150,.1) 40%,
      rgba(255,255,255,.22) 50%,
      rgba(255,160,80,.1) 60%,
      transparent 100%),
    repeating-linear-gradient(95deg,transparent 0 2px,rgba(255,255,255,.025) 2px 3px),
    radial-gradient(ellipse 110% 60% at 50% -15%,rgba(255,160,70,.42),transparent 55%),
    radial-gradient(ellipse 40% 70% at 0% 50%,rgba(255,120,40,.12),transparent 60%),
    radial-gradient(ellipse 40% 70% at 100% 60%,rgba(255,60,120,.1),transparent 60%);
  background-size:240% 100%,auto,auto,auto,auto;
  animation:gateSheen 5.5s ease-in-out infinite;
}
@keyframes gateSheen{
  0%,100%{background-position:130% 0,0 0,0 0,0 0,0 0}
  50%{background-position:-30% 0,0 0,0 0,0 0,0 0}
}
@media (prefers-reduced-motion:reduce){
  .gate::before{animation:none;background-position:40% 0,0 0,0 0,0 0,0 0}
}
/* ?ift bezel ? derin ?ukur + i? amber glow */
.gate::after{
  content:"";position:absolute;inset:6px;pointer-events:none;border-radius:13px;z-index:0;
  border:1px solid rgba(255,200,140,.3);
  box-shadow:
    inset 0 0 0 1px rgba(0,0,0,.6),
    inset 0 0 0 5px rgba(12,8,16,.42),
    inset 0 20px 40px rgba(0,0,0,.5),
    inset 0 -8px 24px rgba(255,100,40,.07),
    0 0 32px rgba(255,130,40,.12);
}
.gate > *{position:relative;z-index:1}
/* vida / rivet ? daha g?r?n?r */
.gate-screw{
  position:absolute;z-index:3;width:12px;height:12px;border-radius:50%;pointer-events:none;
  background:radial-gradient(circle at 30% 25%,#fff0d0,#ffb86a 38%,#a05018 70%,#2a1008 100%);
  box-shadow:
    0 0 0 1px rgba(0,0,0,.75),
    0 0 12px rgba(255,150,50,.4),
    inset 0 1px 0 rgba(255,255,255,.55),
    0 2px 4px rgba(0,0,0,.55);
}
.gate-screw::after{
  content:"";position:absolute;left:50%;top:2px;bottom:2px;width:1.5px;transform:translateX(-50%) rotate(28deg);
  background:rgba(0,0,0,.55);border-radius:1px;
}
.gate-screw.tl{top:6px;left:6px}
.gate-screw.tr{top:6px;right:6px}
.gate-screw.bl{bottom:6px;left:6px}
.gate-screw.br{bottom:6px;right:6px}
.gate-tuner{
  display:flex;align-items:center;gap:8px;
  margin:4px 6px 8px;padding:10px 12px;
  border-radius:9px;
  background:
    linear-gradient(180deg,rgba(80,255,160,.07),transparent 42%),
    linear-gradient(180deg,#060a10,#0e141c 55%,#07090e);
  border:1px solid rgba(100,255,180,.3);
  box-shadow:
    inset 0 2px 12px rgba(0,0,0,.75),
    inset 0 0 28px rgba(40,200,120,.1),
    0 0 24px rgba(52,211,153,.14),
    inset 0 1px 0 rgba(180,255,210,.14);
}
.gate-freq{
  display:flex;align-items:baseline;gap:4px;flex-shrink:0;
  font-family:var(--display);font-weight:700;letter-spacing:-.03em;
  color:#7dffb8;
  text-shadow:0 0 16px rgba(52,211,153,.75),0 0 32px rgba(52,211,153,.3);
}
.gate-freq b{font-size:1.25rem;line-height:1;font-variant-numeric:tabular-nums;transition:color .2s}
.gate-freq.is-tuning b{color:#fff6c8;text-shadow:0 0 18px rgba(255,220,120,.7)}
.gate-freq small{
  font-family:var(--ui);font-size:.55rem;font-weight:800;letter-spacing:.14em;
  color:rgba(140,255,190,.7);
}
.gate-vu{
  display:flex;align-items:end;gap:2px;height:18px;flex:1;min-width:0;
  padding:0 2px 1px;
  border-left:1px solid rgba(255,255,255,.07);
  border-right:1px solid rgba(255,255,255,.07);
  margin:0 2px;
}
.gate-vu i{
  flex:1;max-width:5px;border-radius:1px;
  background:linear-gradient(0deg,#16a34a 0%,#86efac 40%,var(--acc1) 72%,#ff3d5a 100%);
  animation:eqPulse .85s ease-in-out infinite;
  transform-origin:bottom center;
  box-shadow:0 0 8px rgba(52,211,153,.45);
}
.gate-vu i:nth-child(1){height:32%}
.gate-vu i:nth-child(2){height:68%;animation-delay:.07s}
.gate-vu i:nth-child(3){height:45%;animation-delay:.14s}
.gate-vu i:nth-child(4){height:92%;animation-delay:.03s}
.gate-vu i:nth-child(5){height:58%;animation-delay:.18s}
.gate-vu i:nth-child(6){height:38%;animation-delay:.1s}
.gate-onair{
  flex-shrink:0;
  font-family:var(--ui);font-size:.56rem;font-weight:800;letter-spacing:.1em;
  color:#fff;padding:5px 8px;border-radius:4px;
  background:linear-gradient(180deg,#ff5a72,#c01030);
  box-shadow:
    0 0 16px rgba(255,40,70,.6),
    0 0 0 1px rgba(255,255,255,.2) inset,
    inset 0 -1px 0 rgba(0,0,0,.3);
  animation:onAirPulse 1.8s ease-in-out infinite;
}
@keyframes onAirPulse{
  0%,100%{filter:brightness(1)}
  50%{filter:brightness(1.18)}
}
/* FM skala ? s?r?klenen i?ne + otomatik frekans */
.gate-scale{
  --tune:48%;
  height:22px;margin:0 6px 12px;padding:6px 0 10px;border-radius:4px;position:relative;
  cursor:ew-resize;touch-action:none;user-select:none;
  background:transparent;
}
.gate-scale-track{
  position:absolute;left:0;right:0;top:8px;height:7px;border-radius:4px;pointer-events:none;
  background:
    repeating-linear-gradient(90deg,
      rgba(255,255,255,.14) 0 1px,transparent 1px 8px),
    linear-gradient(90deg,
      rgba(255,255,255,.06) 0%,
      rgba(255,180,100,.25) 25%,
      rgba(255,150,60,.55) 50%,
      rgba(255,180,100,.25) 75%,
      rgba(255,255,255,.06) 100%);
  box-shadow:inset 0 1px 3px rgba(0,0,0,.65),0 0 16px rgba(255,138,30,.22);
}
.gate-needle{
  position:absolute;left:var(--tune);top:4px;z-index:2;
  width:14px;height:18px;margin:0;padding:0;border:0;cursor:grab;
  transform:translateX(-50%);
  background:transparent;
  touch-action:none;
}
.gate-needle::before{
  content:"";position:absolute;left:50%;top:0;width:3px;height:14px;border-radius:1px;
  transform:translateX(-50%);
  background:linear-gradient(180deg,#fff6e0,#ffb347,var(--acc1));
  box-shadow:0 0 14px var(--acc1),0 0 6px #fff,0 0 24px rgba(255,140,40,.5);
}
.gate-needle:active,.gate-scale.is-dragging .gate-needle{cursor:grabbing}
.gate-scale.is-dragging .gate-needle::before{
  box-shadow:0 0 18px var(--acc1),0 0 8px #fff,0 0 28px rgba(255,180,80,.65);
}
.gate-scale-labels{
  position:absolute;left:0;right:0;top:17px;
  display:flex;justify-content:space-between;
  font-family:var(--ui);font-size:.46rem;font-weight:600;letter-spacing:.06em;
  color:rgba(244,241,236,.4);pointer-events:none;line-height:1;
}
@media (prefers-reduced-motion:reduce){
  .gate-freq b{transition:none}
}
.gate-head{margin:4px 2px 12px;padding:0 2px}
.gate .tag{
  display:inline-flex;align-items:center;gap:8px;
  font-family:var(--ui);font-size:.78rem;font-weight:700;letter-spacing:.12em;
  text-transform:uppercase;color:#ffd2a0;margin:0 0 10px;padding:0;
  background:none;box-shadow:none;border-radius:0;
  text-shadow:0 1px 2px rgba(0,0,0,.45);
}
.gate .tag::before{
  content:"";width:7px;height:7px;border-radius:50%;background:#ff3d5a;
  box-shadow:0 0 8px rgba(255,61,90,.55);animation:liveBlink 1.4s ease-out infinite;
}
.gate h2{
  margin:0 0 8px;
  font-family:var(--display);font-weight:700;
  font-size:clamp(1.85rem,3vw,2.2rem);
  letter-spacing:-.04em;line-height:1.05;
  color:#fffef8;
  -webkit-text-fill-color:#fffef8;
  text-shadow:0 1px 2px rgba(0,0,0,.5),0 0 24px rgba(255,160,80,.25);
  background:none;-webkit-background-clip:unset;background-clip:unset;filter:none;
}
.gate .sub{
  margin:0;
  font-family:var(--body);font-size:.95rem;font-weight:500;
  line-height:1.45;letter-spacing:.01em;
  color:rgba(255,248,238,.88);
  text-shadow:0 1px 2px rgba(0,0,0,.4);
}
.gate .field{position:relative;margin-bottom:10px}
.gate label:not(.sr-only){
  display:block;margin-bottom:7px;
  font-family:var(--ui);font-size:.8rem;font-weight:700;
  letter-spacing:.1em;text-transform:uppercase;
  color:#ffe0b8;
  text-shadow:0 1px 2px rgba(0,0,0,.4);
}
.gate .field-ico{
  position:absolute;left:13px;top:50%;transform:translateY(-50%);width:20px;height:20px;
  color:#ffc078;opacity:1;pointer-events:none;display:grid;place-items:center;
  filter:drop-shadow(0 0 8px rgba(255,160,80,.4));
}
.gate .field-ico svg{width:18px;height:18px;display:block}
.gate input{
  width:100%;border:0;outline:none;border-radius:9px;
  font-family:var(--body);font-size:1rem;font-weight:500;letter-spacing:.01em;
  background:linear-gradient(180deg,#1a1e28,#10131a);
  color:#fffef8;padding:15px 14px 15px 44px;min-height:50px;
  border:1px solid rgba(255,200,140,.32);
  box-shadow:
    inset 0 2px 6px rgba(0,0,0,.35),
    inset 0 0 0 1px rgba(255,255,255,.05);
  transition:border-color .2s,box-shadow .25s,background .2s;
}
.gate input::placeholder{color:rgba(255,236,210,.55);font-weight:500}
.gate input:hover{border-color:rgba(255,190,120,.55)}
.gate input:focus{
  background:linear-gradient(180deg,#1e2430,#12151c);
  border-color:var(--acc1);
  color:#fff;
  box-shadow:
    inset 0 2px 6px rgba(0,0,0,.3),
    0 0 0 3px color-mix(in srgb,var(--acc1) 20%,transparent),
    0 0 28px color-mix(in srgb,var(--acc1) 16%,transparent);
}
.gate input.hatali{
  border-color:#ff6b6b;
  box-shadow:0 0 0 2px rgba(255,80,80,.35);
}
.gate .field:focus-within .field-ico{color:#ffe9c8}
.gate .go{
  width:100%;margin-top:8px;min-height:52px;height:52px;border:0;border-radius:11px;cursor:pointer;
  font-family:var(--ui);font-weight:800;font-size:.9rem;letter-spacing:.08em;text-transform:uppercase;
  color:#1a0a00;
  background:linear-gradient(180deg,#fff0d0 0%,#ffc078 28%,var(--acc1) 58%,var(--acc2) 100%);
  display:inline-flex;align-items:center;justify-content:center;gap:10px;
  box-shadow:
    0 14px 40px color-mix(in srgb,var(--acc1) 52%,transparent),
    0 0 0 1px rgba(255,255,255,.35) inset,
    inset 0 -3px 0 rgba(0,0,0,.2),
    0 0 48px color-mix(in srgb,var(--acc1) 28%,transparent);
  transition:transform .2s,box-shadow .25s,filter .2s;position:relative;overflow:hidden;
}
.gate .go::before{
  content:"";position:absolute;inset:0;background:linear-gradient(105deg,transparent 28%,rgba(255,255,255,.4) 50%,transparent 72%);
  transform:translateX(-130%);animation:ctaShine 3.8s ease-in-out infinite;
}
.gate .go > *{position:relative;z-index:1}
.gate .go .go-ico{display:grid;place-items:center;width:22px;height:22px}
.gate .go .go-ico svg{width:20px;height:20px;display:block}
.gate .go span.arr{transition:transform .2s}
.gate .go:hover{transform:translateY(-2px);filter:brightness(1.05);box-shadow:0 18px 48px color-mix(in srgb,var(--acc1) 58%,transparent),0 0 50px color-mix(in srgb,var(--acc1) 28%,transparent)}
.gate .go:hover span.arr{transform:translateX(3px)}
.gate .ghost-row{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:11px}
.gate .ghost-row a,.gate .ghost-row button{
  display:inline-flex;align-items:center;justify-content:center;
  min-height:44px;padding:0 12px;border-radius:9px;cursor:pointer;
  font-family:var(--ui);font-size:.72rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase;
  color:#fff4e8;
  border:1px solid rgba(255,190,120,.42);
  background:linear-gradient(180deg,rgba(255,160,80,.22),rgba(40,20,12,.55));
  box-shadow:
    inset 0 1px 0 rgba(255,220,180,.18),
    0 4px 14px rgba(0,0,0,.35),
    0 0 18px rgba(255,120,40,.12);
  transition:border-color .2s,background .2s,color .2s,box-shadow .2s,transform .15s;
  -webkit-tap-highlight-color:transparent;
}
.gate .ghost-row a:hover,.gate .ghost-row button:hover,
.gate .ghost-row a:active,.gate .ghost-row button:active{
  color:#fff;border-color:rgba(255,200,120,.7);
  background:linear-gradient(180deg,rgba(255,160,80,.38),rgba(60,28,12,.65));
  box-shadow:0 0 24px rgba(255,140,40,.3),inset 0 1px 0 rgba(255,255,255,.2);
  transform:translateY(-1px);
}

.now{
  border-radius:var(--r-chip);padding:12px 14px 12px;
  background:
    linear-gradient(155deg,rgba(255,160,80,.1) 0%,transparent 40%),
    linear-gradient(165deg,#2a1c16 0%,#141018 55%,#0c0a12 100%);
  border:1px solid rgba(255,190,120,.4);
  box-shadow:
    0 0 0 1px rgba(0,0,0,.5),
    0 16px 36px rgba(0,0,0,.45),
    0 0 36px color-mix(in srgb,var(--acc1) 16%,transparent),
    var(--metal-inset);
}
.now-row{display:flex;align-items:center;gap:14px}
.now-ava{position:relative;width:96px;height:96px;flex-shrink:0}
.now-ava::before{content:"";position:absolute;inset:-4px;border-radius:50%;background:conic-gradient(from 0deg,var(--acc1),var(--acc2),var(--acc-soft),var(--acc1));animation:spinRing 6s linear infinite}
@keyframes spinRing{to{transform:rotate(360deg)}}
.now-ava img{position:relative;z-index:1;width:100%;height:100%;border-radius:50%;object-fit:cover;padding:3px;background:var(--bg);box-sizing:border-box;display:block}
.now .meta{min-width:0;flex:1;display:flex;flex-direction:column;justify-content:center;gap:3px}
.now .lbl{
  font-size:.62rem;font-weight:800;letter-spacing:.12em;
  color:#fff6ea;margin:0;text-transform:uppercase;font-family:var(--ui);
  text-shadow:0 1px 2px rgba(0,0,0,.45),0 0 12px rgba(255,255,255,.12);
  display:inline-flex;align-items:center;gap:6px;
  opacity:.95;
}
.now .lbl::before{
  content:"";width:6px;height:6px;border-radius:50%;background:#ff3d5a;
  box-shadow:0 0 8px rgba(255,61,90,.55);animation:liveBlink 1.4s ease-out infinite;
}
.now .meta b{
  display:block;font-size:1.12rem;font-weight:700;font-family:var(--ui);
  color:#fffef8;letter-spacing:-.01em;
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
  text-shadow:0 1px 2px rgba(0,0,0,.4);
}
.now .meta span{font-size:.88rem;font-weight:500;color:rgba(255,240,220,.82);font-family:var(--body)}
.now .eq{display:flex;align-items:end;gap:3px;height:22px;flex-shrink:0}
.now .eq i{width:3.5px;border-radius:2px;background:linear-gradient(0deg,var(--acc2),var(--acc1));animation:eqPulse 1s ease-in-out infinite;box-shadow:0 0 6px rgba(255,140,40,.4)}
.now .eq i:nth-child(1){height:35%}.now .eq i:nth-child(2){height:80%;animation-delay:.1s}.now .eq i:nth-child(3){height:50%;animation-delay:.2s}.now .eq i:nth-child(4){height:65%;animation-delay:.05s}.now .eq i:nth-child(5){height:40%;animation-delay:.15s}
.now.is-live .now-ava{
  animation:nowAvaBreath 3.8s ease-in-out infinite;
}
@keyframes nowAvaBreath{
  0%,100%{filter:drop-shadow(0 0 6px rgba(255,138,30,.2))}
  50%{filter:drop-shadow(0 0 14px rgba(255,138,30,.48))}
}
@media (prefers-reduced-motion:reduce){
  .now.is-live .now-ava{animation:none}
}
.prog-bar{height:4px;border-radius:4px;background:rgba(255,255,255,.1);margin-top:10px;overflow:hidden;box-shadow:inset 0 1px 2px rgba(0,0,0,.4)}
.prog-bar em{display:block;width:62%;height:100%;border-radius:4px;background:linear-gradient(90deg,var(--acc1),var(--acc2));box-shadow:0 0 10px rgba(255,138,30,.45)}

/* H1 + lead = tek tipografi blo?u (karanl?k bo?lu?u doldur, DJ?yi ezme) */
.hero-copy{
  padding:0;max-width:none;width:max-content;position:relative;z-index:2;
  display:flex;flex-direction:column;justify-content:center;justify-self:start;
  align-self:center;
  height:auto;min-height:0;box-sizing:border-box;
  /* panelin alt?na 2?3px giren kilitleme; metin panelle ?arp??mas?n */
  margin-left:-2px;
  padding-left:clamp(14px,1.6vw,22px);
  padding-right:clamp(8px,2vw,28px);
}
.live-pill{
  position:relative;top:auto;left:auto;z-index:3;
  display:inline-flex;align-items:center;gap:9px;padding:8px 14px;border-radius:999px;
  margin:0 0 14px .55cm;
  font-size:.72rem;font-weight:800;letter-spacing:.12em;font-family:var(--ui);
  color:#fff;width:fit-content;
  background:linear-gradient(135deg,rgba(220,20,60,.55),rgba(180,10,40,.4));
  border:1px solid rgba(255,60,80,.75);
  backdrop-filter:blur(10px);
  box-shadow:0 0 0 1px rgba(255,255,255,.08) inset,0 0 24px rgba(220,20,60,.45),0 8px 20px rgba(0,0,0,.35);
}
.live-pill i{
  width:8px;height:8px;border-radius:50%;background:#ff1f3d;
  box-shadow:0 0 0 0 rgba(255,31,61,.55);animation:liveBlink 1.35s ease-out infinite;
}
.hero-copy h1{
  margin:0 0 0 .55cm;padding:0;line-height:1;
  filter:none; /* filter + clip = yaz? kaybolur; g?lge text-shadow ile */
}
/* Hero H1 ? solid okunur poster (clip/filter tuza?? yok) */
.hero-copy h1 .script{
  display:block;position:relative;
  font-family:var(--poster);font-style:normal;font-weight:400;
  font-size:clamp(2.75rem,5.8vw,4.6rem);line-height:.92;letter-spacing:-.02em;
  color:#ffe6c0;-webkit-text-fill-color:#ffe6c0;
  background:none;filter:none;animation:none;
  text-shadow:
    0 0 1px rgba(255,200,140,.8),
    0 0 22px rgba(255,140,40,.4),
    0 4px 18px rgba(0,0,0,.55);
}
.hero-copy h1 .script + .script{margin-top:-.04em}
.hero-copy h1 .line{
  display:block;position:relative;margin-top:.18em;margin-left:.04em;
  font-family:var(--display);font-weight:800;font-style:normal;
  font-size:clamp(1.7rem,3.4vw,2.55rem);letter-spacing:-.035em;line-height:1;
  color:#fff8f0;-webkit-text-fill-color:#fff8f0;
  text-shadow:0 2px 18px rgba(0,0,0,.5),0 0 16px rgba(255,140,40,.18);
}
/* lead ? H1?in hemen alt?nda, kitap gibi s?k? blok (bo?luk yok) */
.hero-copy .lead{
  margin:18px 0 0 .55cm;
  padding:0;
  transform:none;
  width:fit-content;
  max-width:min(100%,36rem);
  font-family:var(--ui);
  font-size:clamp(1.12rem,1.85vw,1.35rem);
  font-weight:650;
  letter-spacing:.03em;
  line-height:1.4;
  white-space:nowrap;
  color:#ffe6c4;
  text-shadow:0 1px 3px rgba(0,0,0,.55),0 0 18px rgba(255,140,40,.2);
}
/* ince ay?r?c? ?izgi ? blok hissi */
.hero-copy .lead::before{
  content:"";display:block;width:3.2rem;height:2px;margin:0 0 12px;
  border-radius:2px;
  background:linear-gradient(90deg,var(--acc1),transparent);
  box-shadow:0 0 10px rgba(255,138,30,.45);
}

/* Atmosfer notalar? ? yaz?y? DE???T?RMEZ; form yan? + lead alt? bo? karanl?kta y?kselir */
.hero-atmos{
  position:absolute;
  left:clamp(260px, 24%, 360px);
  right:clamp(18%, 28%, 38%);
  top:42%;
  bottom:4%;
  z-index:1;
  pointer-events:none;
  overflow:hidden;
}
/* Sol bo?luk ? form art?k gutter?da; ekstra sol atmos gerekmez */
.hero-screen > .hero-atmos-left{
  display:none;
}
.hero-atmos .fn,
.hero-atmos-left .fn{
  position:absolute;
  left:var(--x, 10%);
  bottom:var(--y, 4%);
  font-size:var(--fs, 1.55rem);
  line-height:1;
  font-family:Georgia,"Times New Roman",serif;
  color:rgba(255, 186, 110, var(--op, .58));
  text-shadow:0 0 22px rgba(255,140,40,.48), 0 0 3px rgba(255,200,140,.35);
  animation:noteRise var(--dur, 5.8s) ease-out infinite;
  animation-delay:var(--d, 0s);
  will-change:transform, opacity;
  user-select:none;
}
.hero-atmos .fn.wave,
.hero-atmos-left .fn.wave{
  font-size:0;
  width:1.15rem;
  height:.55rem;
  border-radius:50%;
  border:1.5px solid rgba(255,180,100,.58);
  border-top-color:transparent;
  border-left-color:transparent;
  box-shadow:0 0 12px rgba(255,140,40,.32);
  text-shadow:none;
  background:transparent;
}
.hero-atmos .fn.wave::before,
.hero-atmos .fn.wave::after,
.hero-atmos-left .fn.wave::before,
.hero-atmos-left .fn.wave::after{
  content:"";
  position:absolute;
  inset:-5px;
  border-radius:50%;
  border:1.5px solid rgba(255,180,100,.38);
  border-top-color:transparent;
  border-left-color:transparent;
}
.hero-atmos .fn.wave::after,
.hero-atmos-left .fn.wave::after{ inset:-10px; opacity:.75; }
/* sol: geni? bo?lukta da??n?k y?ksel ? tek ?izgi de?il */
.hero-atmos-left .fn{
  left:var(--x, 50%);
  bottom:var(--y, 8%);
  margin-left:-0.5em;
  color:rgba(255, 190, 120, var(--op, .72));
  text-shadow:0 0 26px rgba(255,140,40,.55), 0 0 4px rgba(255,210,150,.4);
  animation:noteScatterLeft var(--dur, 6.5s) ease-out infinite;
  animation-delay:var(--d, 0s);
}
@keyframes noteScatterLeft{
  0%{
    transform:translate3d(0, 10px, 0) rotate(var(--r0, -8deg)) scale(.75);
    opacity:0;
  }
  10%{ opacity:var(--op, .72); }
  45%{
    transform:translate3d(calc(var(--drift, 18) * 1cqi * 0.5), -26vh, 0) rotate(calc(var(--r1, 10deg) * .45)) scale(1);
    opacity:var(--op, .72);
  }
  100%{
    transform:translate3d(calc(var(--drift, 18) * 1cqi), -58vh, 0) rotate(var(--r1, 14deg)) scale(1.12);
    opacity:0;
  }
}
@keyframes noteRise{
  0%{
    transform:translate3d(0, 18px, 0) rotate(var(--r0, -10deg)) scale(.9);
    opacity:0;
  }
  12%{ opacity:var(--op, .58); }
  55%{ opacity:calc(var(--op, .58) * .88); }
  100%{
    transform:translate3d(var(--drift, 16px), -210px, 0) rotate(var(--r1, 12deg)) scale(1.08);
    opacity:0;
  }
}
@media (prefers-reduced-motion: reduce){
  .hero-atmos .fn,
  .hero-atmos-left .fn{ animation:none; opacity:.18; transform:translateY(-50px); }
}
@media(max-width:900px){
  .hero-layout{grid-template-columns:1fr;align-items:stretch;column-gap:0}
  .hero-copy{
    padding-left:0;min-height:0;justify-content:flex-start;align-self:stretch;
    width:auto;max-width:100%;margin-top:8px;
  }
  .hero-copy h1{margin-left:0}
  .live-pill{margin-left:0}
  .hero-copy .lead{white-space:normal;margin-left:0;margin-top:14px}
  .hero-copy h1 .script{font-size:clamp(2.4rem,10vw,3.6rem)}
  .hero-copy h1 .line{font-size:clamp(1.45rem,6vw,2rem);margin-left:0}
  .hero-atmos{
    left:8%;
    right:8%;
    top:auto;
    bottom:0;
    height:110px;
  }
  .hero-atmos .fn:nth-child(n+5){ display:none; }
  .hero-screen > .hero-atmos-left{ display:none; }
}
@media(max-width:640px){
  .hero-copy .lead{font-size:.95rem;letter-spacing:.03em}
}
.hero-ctas{display:none !important}

/* soft wave melt ? sert ?izgi yok */
.hero-melt{
  position:relative;z-index:2;height:48px;margin-top:auto;flex-shrink:0;
  pointer-events:none;
  background:
    radial-gradient(ellipse 70% 120% at 50% 100%,color-mix(in srgb,var(--acc1) 35%,transparent),transparent 70%),
    linear-gradient(180deg,transparent,rgba(8,6,16,.55));
  filter:blur(0);
}
.hero-melt::before{
  content:"";position:absolute;left:5%;right:5%;bottom:8px;height:28px;
  background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1200 40' preserveAspectRatio='none'%3E%3Cpath d='M0 22 C80 8 160 32 240 22 S400 8 480 22 S640 32 720 22 S880 8 960 22 S1120 32 1200 22' fill='none' stroke='%23ff8a1e' stroke-width='2' opacity='.75'/%3E%3C/svg%3E") center/100% 100% no-repeat;
  opacity:.65;filter:blur(0.4px) drop-shadow(0 0 12px rgba(255,138,30,.55));
  -webkit-mask-image:linear-gradient(90deg,transparent,black 18%,black 82%,transparent);
  mask-image:linear-gradient(90deg,transparent,black 18%,black 82%,transparent);
}

/* BANT ? full geni?lik L taban?; konsol dilinde ?er?eve + g??l? ikon, abart?s?z */
.feat-band{
  position:relative;z-index:3;flex-shrink:0;
  margin:0;padding:0 0 14px;
}
.feat-dots{display:none} /* masa?st?: 4 kolon; noktalar ?900 */
.feat-band::before{display:none}
.feat-band::after{
  content:"";position:absolute;left:0;right:0;bottom:0;height:3px;
  background:linear-gradient(90deg,
    var(--acc1) 0%,
    #ff5e3a 28%,
    #ff2d9b 55%,
    #a06bff 78%,
    transparent 100%);
  opacity:.95;pointer-events:none;
  box-shadow:0 0 18px rgba(255,138,30,.45),0 0 28px rgba(255,45,155,.25);
}
.feat-band-row{
  position:relative;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));
  gap:clamp(10px,1.2vw,14px);
  /* parent .hero-screen zaten --page-gutter; ekstra inset = sadece kartlar? kayd?r?r */
  margin:0;
  width:100%;
  max-width:none;
  box-sizing:border-box;
  padding:0;
}
.feat-tile{
  position:relative;
  display:flex;align-items:center;gap:clamp(12px,1.4vw,18px);
  padding:clamp(15px,1.5vw,18px) clamp(14px,1.4vw,18px);
  border-radius:var(--r-card);
  border:1px solid var(--metal-edge-soft);
  backdrop-filter:blur(16px);
  overflow:hidden;
  opacity:1;
  box-shadow:
    0 0 0 1px rgba(0,0,0,.45),
    var(--metal-inset),
    0 10px 28px rgba(0,0,0,.28);
  transition:border-color .25s,box-shadow .25s,transform .2s,filter .25s;
}
/* ufak y?ld?z / k?v?lc?m ? bo?lu?u doldurur, dikkat ?almaz */
.feat-tile::before{
  content:"";position:absolute;right:14px;top:12px;width:5px;height:5px;
  border-radius:50%;background:rgba(255,200,140,.55);
  box-shadow:
    22px 10px 0 -1px rgba(255,180,100,.35),
    8px 22px 0 0 rgba(255,160,80,.28),
    -6px 16px 0 -1.5px rgba(255,220,180,.25);
  pointer-events:none;opacity:.7;
}
.feat-tile::after{
  content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;
  background:
    radial-gradient(circle at 92% 78%,rgba(255,180,100,.1),transparent 28%),
    linear-gradient(120deg,rgba(255,255,255,.06),transparent 42%);
}
.feat-tile:nth-child(1){
  background:
    radial-gradient(ellipse 90% 130% at 8% 40%,rgba(255,138,30,.32),transparent 58%),
    linear-gradient(160deg,rgba(36,22,18,.78),rgba(12,10,16,.72));
}
.feat-tile:nth-child(2){
  background:
    radial-gradient(ellipse 90% 130% at 8% 40%,rgba(255,94,58,.3),transparent 58%),
    linear-gradient(160deg,rgba(36,20,18,.78),rgba(12,10,16,.72));
}
.feat-tile:nth-child(3){
  background:
    radial-gradient(ellipse 90% 130% at 8% 40%,rgba(160,107,255,.3),transparent 58%),
    linear-gradient(160deg,rgba(28,20,36,.78),rgba(12,10,16,.72));
}
.feat-tile:nth-child(4){
  background:
    radial-gradient(ellipse 90% 130% at 8% 40%,rgba(255,45,155,.26),transparent 58%),
    linear-gradient(160deg,rgba(34,16,28,.78),rgba(12,10,16,.72));
}
.feat-tile:hover{
  border-color:rgba(255,190,120,.55);
  box-shadow:
    0 0 0 1px rgba(255,140,40,.22),
    inset 0 1px 0 rgba(255,230,190,.22),
    0 16px 40px rgba(0,0,0,.35),
    0 0 28px rgba(255,140,40,.12);
  transform:translateY(-2px);filter:brightness(1.06);
}
.feat-tile .ico{
  position:relative;z-index:1;
  width:50px;height:50px;border-radius:var(--r-chip);flex-shrink:0;display:grid;place-items:center;
  color:#ffe2b8;
  background:
    linear-gradient(160deg,rgba(255,170,90,.35),rgba(255,100,40,.12)),
    rgba(0,0,0,.35);
  border:1px solid rgba(255,200,130,.5);
  box-shadow:
    0 0 0 1px rgba(0,0,0,.4),
    inset 0 1px 0 rgba(255,230,190,.35),
    0 0 22px rgba(255,140,40,.35);
}
.feat-tile .ico svg{width:22px;height:22px;stroke-width:var(--icon-stroke)}
.feat-tile:nth-child(2) .ico{
  color:#ffd0b8;
  background:linear-gradient(160deg,rgba(255,120,70,.35),rgba(255,60,40,.12)),rgba(0,0,0,.35);
  border-color:rgba(255,160,110,.5);
  box-shadow:0 0 0 1px rgba(0,0,0,.4),inset 0 1px 0 rgba(255,220,190,.3),0 0 22px rgba(255,90,50,.32);
}
.feat-tile:nth-child(3) .ico{
  color:#e8d4ff;
  background:linear-gradient(160deg,rgba(170,120,255,.38),rgba(120,60,200,.12)),rgba(0,0,0,.35);
  border-color:rgba(190,150,255,.5);
  box-shadow:0 0 0 1px rgba(0,0,0,.4),inset 0 1px 0 rgba(230,210,255,.3),0 0 22px rgba(160,100,255,.32);
}
.feat-tile:nth-child(4) .ico{
  color:#ffd0e8;
  background:linear-gradient(160deg,rgba(255,80,160,.35),rgba(200,40,120,.12)),rgba(0,0,0,.35);
  border-color:rgba(255,140,190,.5);
  box-shadow:0 0 0 1px rgba(0,0,0,.4),inset 0 1px 0 rgba(255,210,230,.3),0 0 22px rgba(255,60,140,.3);
}
.feat-tile .ico svg{width:26px;height:26px;display:block;filter:drop-shadow(0 0 6px rgba(255,180,100,.35))}
.feat-tile .txt{position:relative;z-index:1;display:flex;flex-direction:column;gap:5px;min-width:0}
.feat-tile b{
  font-family:var(--display);
  font-size:clamp(1.02rem,1.2vw,1.14rem);
  font-weight:700;
  letter-spacing:var(--track-brand);
  color:var(--warm);
  text-shadow:0 1px 2px rgba(0,0,0,.4);
  line-height:1.15;
}
.feat-tile .txt > span{
  font-size:clamp(.82rem,.95vw,.9rem);
  font-weight:500;
  color:rgba(255,236,214,.9);
  line-height:1.35;
  letter-spacing:.01em;
}
@media(max-width:1100px){
  /* player ile ayn? e?ik: drawer chrome (s?k???k masa?st? men? yok) */
  html{--page-gutter:14px}
  .nav-shell{display:none}
  .nav-shell + .nav-sep{display:none}
  .nav-search + .nav-sep{display:none}
  .nav-burger{display:grid;place-items:center;margin-left:auto}
  .nav-scrim{display:block}
  .nav-drawer{display:flex}
  .nav-search,
  .cta-chat,
  .cta-live,
  .nav-sep,
  .nav-endfill{display:none!important}
  .nav{height:64px;padding:0 14px}
  .nav-chassis{
    margin-left:0;width:100%;padding:0 10px 0 4px;height:52px;gap:10px;
    justify-content:space-between;
  }
  .nav-rail{left:12px;right:10px}
  .logo-txt b{font-size:1.22rem;letter-spacing:var(--track-brand)}
  .logo-txt small{font-size:.68rem;letter-spacing:.12em}
  .logo{gap:12px;margin-left:2px;padding-left:4px}
  .logo-mark,.brand-mark:not(.brand-mark--sm):not(.brand-mark--xs){width:40px;height:40px}
}
@media(max-width:900px){
  html{--page-gutter:12px}
  /* 4 kart: form/DJ ?stte; kartlar ekstra ?st bo?lukla ilk bak???n alt?nda */
  .feat-band{
    display:block;padding:6px 0 18px;
    margin:clamp(72px,20vh,160px) 0 0;
    scroll-margin-top:84px;
  }
  .feat-band-row{
    display:flex;grid-template-columns:unset;
    margin-left:0;width:100%;max-width:none;gap:10px;
    padding:0 4%;box-sizing:border-box;
    overflow-x:auto;overflow-y:hidden;
    scroll-snap-type:x mandatory;
    scroll-padding-inline:4%;
    -webkit-overflow-scrolling:touch;
    scrollbar-width:none;touch-action:pan-x;
  }
  .feat-band-row::-webkit-scrollbar{display:none}
  .feat-band .feat-tile{
    flex:0 0 88%;max-width:88%;width:88%;
    scroll-snap-align:center;scroll-snap-stop:always;
    box-sizing:border-box;
  }
  .feat-dots{
    display:flex;align-items:center;justify-content:center;gap:4px;
    margin:12px 0 0;padding:0;
  }
  .feat-dots button{
    width:44px;height:44px;padding:0;border:0;border-radius:50%;cursor:pointer;
    background:transparent;position:relative;
  }
  .feat-dots button::before{
    content:"";position:absolute;left:50%;top:50%;width:10px;height:10px;
    margin:-5px 0 0 -5px;border-radius:50%;
    background:rgba(255,180,100,.28);
    box-shadow:inset 0 0 0 1px rgba(255,200,140,.3);
    transition:background .18s,transform .18s,box-shadow .18s;
  }
  .feat-dots button.is-on::before{
    background:linear-gradient(160deg,#fff2d8,var(--acc1));
    box-shadow:0 0 12px rgba(255,140,40,.45);
    transform:scale(1.25);
  }
  @media (prefers-reduced-motion:reduce){
    .feat-band-row{scroll-behavior:auto}
  }
  .hero-screen{padding-top:80px;min-height:0;height:auto}
  .hero-screen::before{left:var(--page-gutter);right:var(--page-gutter);top:64px}
  /* telefonda g?rsel kenara kadar ? gutter yaln?z masa?st? nefesi */
  .hero-bg{left:0;right:0;border-radius:0}

  /* ??? ?LK EKRAN: form ?stte kals?n; kartlar margin ile alta (form kaymaz) ??? */
  .hero-layout{
    min-height:0;
    align-content:start;
    align-items:stretch;
  }
  .hero-left{margin-top:0;margin-right:0;gap:10px;padding:0 12px 8px;width:100%;box-sizing:border-box}
  .now{margin-bottom:6px}
  .hero-melt{height:36px;margin-top:4px;flex-shrink:0}
  .sec{padding-top:28px}
  body{padding-bottom:calc(var(--player) + 20px + env(safe-area-inset-bottom, 0px))}
  .gate{
    padding:12px 12px 12px;
    border-radius:16px;
    box-shadow:
      0 0 0 1px rgba(0,0,0,.75),
      0 0 0 3px rgba(255,138,30,.16),
      0 20px 48px rgba(0,0,0,.55),
      inset 0 1px 0 rgba(255,230,190,.4);
  }
  .gate-screw{display:none} /* mobilde s?s yer yemesin; masa?st? kal?r */
  .gate-tuner{margin-bottom:6px;padding:4px 2px;gap:8px}
  .gate-freq b{font-size:1.05rem}
  .gate-scale{margin-bottom:8px;min-height:36px} /* dial kompakt */
  .gate-head{margin:2px 0 10px}
  .gate .tag{font-size:.65rem;margin:0 0 6px;letter-spacing:.1em}
  .gate h2{font-size:clamp(1.55rem,7vw,1.85rem);margin:0 0 4px}
  .gate .sub{font-size:.82rem;line-height:1.35}
  .gate .field{margin-bottom:8px}
  .gate input{min-height:48px;padding:13px 12px 13px 42px;font-size:16px} /* iOS zoom yok */
  .gate .go{min-height:48px;height:48px;margin-top:6px;font-size:.82rem}
  .gate .ghost-row{gap:8px;margin-top:8px}
  .gate .ghost-row a,.gate .ghost-row button{min-height:42px;font-size:.62rem;padding:0 8px}
  .now{padding:10px 12px}
  .now-ava{width:56px;height:56px}
  .now .meta b{font-size:.95rem}
  .now .meta span{font-size:.75rem}
  .hero-copy{
    padding:10px 14px 6px;margin:0;width:100%;max-width:100%;
    align-self:stretch;
  }
  .hero-copy h1 .script{font-size:clamp(1.6rem,8vw,2.2rem)}
  .hero-copy h1 .line{font-size:clamp(1.1rem,5vw,1.4rem)}
  .live-pill{margin:0 0 8px;padding:6px 10px;font-size:.62rem}
  .feat-tile{padding:12px 12px;gap:12px}
  .feat-tile b{font-size:1rem}
  .feat-tile .txt > span{font-size:.78rem}
}
@media(max-width:640px){
  /* telefon: ilk viewport = form. Dial + slogan ikinci planda / k?sa */
  .gate-scale{display:none} /* FM i?ne masa?st?nde kal?r; telefonda form yer kazan?r */
  .gate-tuner{
    justify-content:flex-start;gap:10px;
    padding:6px 8px;margin:0 0 8px;border-radius:10px;
    background:rgba(0,0,0,.28);border:1px solid rgba(255,180,100,.2);
  }
  .hero-copy{display:none} /* slogan masa?st? hostta; telefonda formu ezmesin */
  .now{margin-top:2px}
  .hero-melt{height:28px}
}
@media(max-width:520px){
  .feat-tile::before{opacity:.45}
  .feat-band .feat-tile{flex-basis:90%;max-width:90%;width:90%}
}
/* ========== ALT SAYFA ? bak?r?charcoal nefes (Spotify klonu de?il) ========== */
.sec{
  position:relative;
  padding:48px 0 32px;
  background:
    radial-gradient(ellipse 85% 55% at 50% -5%,rgba(255,140,40,.06),transparent 55%),
    linear-gradient(180deg,#121018 0%,#0c0a10 50%,var(--bg) 100%);
}
.sec::before{
  content:"";position:absolute;left:var(--page-gutter);right:var(--page-gutter);top:0;height:2px;pointer-events:none;
  background:linear-gradient(90deg,
    transparent 0%,
    rgba(255,170,90,.15) 12%,
    rgba(255,138,30,.55) 42%,
    #ffc078 50%,
    rgba(255,138,30,.55) 58%,
    rgba(255,170,90,.15) 88%,
    transparent 100%);
  box-shadow:0 0 14px rgba(255,138,30,.28);
  opacity:.85;
}
.sec--prog{
  padding:14px 0 16px;
  background:
    radial-gradient(ellipse 95% 55% at 14% -6%,rgba(255,150,50,.14),transparent 50%),
    radial-gradient(ellipse 60% 40% at 96% 12%,rgba(255,90,40,.06),transparent 46%),
    linear-gradient(180deg,#1c1612 0%,#121018 52%,#0a0910 100%);
}
.sec--prog::before{
  left:var(--page-gutter);right:var(--page-gutter);top:0;height:2px;
  background:linear-gradient(90deg,
    transparent 0%,
    rgba(255,190,120,.35) 10%,
    var(--acc1) 38%,
    #ffe2b0 50%,
    var(--acc1) 62%,
    rgba(255,190,120,.35) 90%,
    transparent 100%);
  box-shadow:0 0 18px rgba(255,138,30,.45),0 1px 0 rgba(255,220,180,.12);
  opacity:1;
}
/* Program masthead ? alan varken yaz? da b?y?s?n; c?l?z mikro tip yok */
.sec--prog .sec-h--prog{
  display:block;margin:0 0 12px;padding:0 0 12px;
  border-bottom:0;background:none;position:relative;
  overflow:visible;
}
.sec--prog .sec-h--prog::after{
  content:"";position:absolute;left:0;right:0;bottom:0;height:2px;pointer-events:none;
  background:linear-gradient(90deg,
    var(--acc1) 0%,
    #ffc078 28%,
    transparent 55%,
    transparent 100%);
  box-shadow:0 0 12px rgba(255,138,30,.4);
  opacity:.75;
  -webkit-mask-image:linear-gradient(90deg,black 0%,black 40%,transparent 100%);
  mask-image:linear-gradient(90deg,black 0%,black 40%,transparent 100%);
}
.sec--prog .prog-mast{
  position:relative;isolation:isolate;
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(12rem,28rem);
  grid-template-areas:
    "k tag"
    "h tag";
  column-gap:clamp(20px,4vw,48px);
  row-gap:8px;
  align-items:end;
  width:100%;min-width:0;
  padding:0;
}
.sec--prog .prog-mast-glow{
  position:absolute;z-index:0;pointer-events:none;
  inset:-10% 0 -16% 0;
  background:
    radial-gradient(ellipse 40% 90% at 8% 55%,rgba(255,138,30,.16),transparent 60%),
    radial-gradient(ellipse 34% 70% at 78% 45%,rgba(255,160,80,.1),transparent 55%);
  opacity:.8;
}
.sec--prog .prog-mast-glow::before{
  content:"";position:absolute;inset:28% 0 32%;
  background:
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1200 80' fill='none'%3E%3Cpath d='M20 45 C180 15 320 65 480 30 S780 10 960 42 S1120 60 1180 28' stroke='%23ff8a1e' stroke-width='1.5' stroke-linecap='round' opacity='.35'/%3E%3C/svg%3E")
    center / 100% auto no-repeat;
  opacity:.45;
}
.sec--prog .prog-mast-glow::after{display:none}
.sec--prog .prog-mast > *:not(.prog-mast-glow){position:relative;z-index:1}
.sec--prog .prog-mast .prog-k{grid-area:k;justify-self:start}
.sec--prog .prog-h{grid-area:h}
.sec--prog .prog-tagline{grid-area:tag;align-self:center}
/* chip ? okunur boyut */
.sec--prog .prog-mast .prog-k{
  margin:0;padding:7px 14px 7px 12px;
  display:inline-flex;align-items:center;gap:8px;
  font-family:var(--ui);font-size:.78rem;font-weight:850;
  letter-spacing:.14em;text-transform:uppercase;
  color:#1a0800;-webkit-text-fill-color:#1a0800;
  background:linear-gradient(165deg,#fff8ec 0%,#ffd694 48%,var(--acc1) 100%);
  border:1px solid rgba(255,230,190,.7);
  border-radius:999px;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.5),
    0 0 0 1px rgba(0,0,0,.28),
    0 0 18px rgba(255,138,30,.38);
}
.sec--prog .prog-mast .prog-k::before{
  content:"";display:block;width:7px;height:7px;border-radius:50%;flex-shrink:0;
  background:#1a0800;
  box-shadow:0 0 0 2px rgba(26,8,0,.14),0 0 10px rgba(255,100,40,.55);
}
/* slogan ? sa? blok, ba?l?kla ayn? g?rsel a??rl?k band? */
.sec--prog .prog-tagline{
  margin:0;padding:0;
  font-family:var(--ui);
  font-size:clamp(.95rem,1.55vw,1.2rem);
  font-weight:700;
  letter-spacing:.06em;text-transform:uppercase;
  line-height:1.35;text-align:right;
  color:#ffe2b8;
  background:linear-gradient(105deg,#fffaf0 0%,#ffd28a 42%,#ff9a3a 100%);
  -webkit-background-clip:text;background-clip:text;
  -webkit-text-fill-color:transparent;
  filter:drop-shadow(0 0 14px rgba(255,140,40,.32));
  max-width:28rem;
}
.sec--prog .prog-h{
  position:relative;margin:0;padding:0;line-height:1;
  display:flex;flex-direction:row;flex-wrap:wrap;
  align-items:baseline;justify-content:flex-start;
  gap:.28em .48em;
  filter:none;background:none;
}
.sec--prog .prog-h::before{content:none;display:none}
.sec--prog .prog-h-soft{
  display:inline-block;
  font-family:var(--script);font-weight:400;font-style:normal;
  font-size:clamp(2.15rem,3.6vw,3.1rem);
  line-height:1;letter-spacing:.02em;
  color:#ffe8c8;-webkit-text-fill-color:#ffe8c8;
  text-shadow:0 0 18px rgba(255,140,40,.32),0 2px 10px rgba(0,0,0,.4);
  margin:0;transform:none;
}
.sec--prog .prog-h-hard{
  display:inline-block;
  font-family:var(--display);font-weight:800;
  font-size:clamp(1.95rem,4vw,3rem);
  letter-spacing:-.025em;line-height:1;text-transform:uppercase;
  color:#ffc878;
  background:linear-gradient(185deg,#fffef9 0%,#ffe6b8 40%,#ffb45a 78%,#ff8a1e 100%);
  -webkit-background-clip:text;background-clip:text;
  -webkit-text-fill-color:transparent;
  filter:drop-shadow(0 2px 12px rgba(255,120,40,.24));
  margin:0;
}
@media (max-width:900px){
  .sec--prog .prog-mast{
    grid-template-columns:1fr;
    grid-template-areas:"k" "h" "tag";
    row-gap:8px;align-items:start;
  }
  .sec--prog .prog-tagline{
    text-align:left;max-width:none;
    font-size:clamp(.88rem,3.4vw,1.05rem);
    -webkit-text-fill-color:#ffd29a;color:#ffd29a;
    background:none;filter:none;
  }
}
.sec--lyrics{
  position:relative;
  padding:28px 0 32px;
  background:
    radial-gradient(ellipse 70% 55% at 78% 8%,rgba(255,150,60,.16),transparent 52%),
    radial-gradient(ellipse 55% 45% at 8% 70%,rgba(255,90,40,.09),transparent 48%),
    linear-gradient(180deg,#1a1418 0%,#120e14 42%,#0c0a10 100%);
}
.sec--lyrics::before{
  content:"";position:absolute;left:var(--page-gutter);right:var(--page-gutter);top:0;height:2px;
  background:linear-gradient(90deg,
    transparent 0%,
    rgba(255,190,120,.4) 12%,
    var(--acc1) 40%,
    #ffe2b0 50%,
    var(--acc1) 60%,
    rgba(255,190,120,.4) 88%,
    transparent 100%);
  box-shadow:0 0 20px rgba(255,138,30,.5);
  pointer-events:none;
}
.sec--lyrics::after{
  content:"";position:absolute;inset:0;pointer-events:none;z-index:0;
  background:
    radial-gradient(circle at 20% 30%,rgba(255,160,80,.05),transparent 28%),
    radial-gradient(circle at 85% 60%,rgba(255,120,40,.04),transparent 32%);
  animation:ly-ambient 14s ease-in-out infinite alternate;
}
@keyframes ly-ambient{
  from{opacity:.55;transform:translate3d(0,0,0)}
  to{opacity:1;transform:translate3d(0,-6px,0)}
}
@media (prefers-reduced-motion:reduce){
  .sec--lyrics::after{animation:none}
}
.sec--lyrics > .wrap{position:relative;z-index:1}
.sec--release{
  position:relative;
  padding:0;
  overflow:hidden;
  background:#060408;
}
.sec--release::before{
  content:"";position:absolute;left:0;right:0;top:0;height:3px;z-index:3;pointer-events:none;
  background:linear-gradient(90deg,
    #5a1808 0%,
    var(--acc2) 18%,
    var(--acc1) 42%,
    #ffc078 52%,
    var(--acc1) 62%,
    #ff5e3a 82%,
    #3a0c18 100%);
  box-shadow:0 0 28px rgba(255,120,40,.45);
}
.rel-bleed{
  position:relative;
  padding:clamp(36px,5vw,64px) 0 clamp(40px,5.5vw,68px);
  isolation:isolate;
}
.rel-aurora{
  position:absolute;inset:-28% -8%;z-index:0;pointer-events:none;
  background:
    radial-gradient(ellipse 48% 55% at 10% 40%,rgba(255,100,30,.38),transparent 58%),
    radial-gradient(ellipse 42% 48% at 90% 16%,rgba(255,50,70,.24),transparent 55%),
    radial-gradient(ellipse 50% 42% at 55% 95%,rgba(255,180,70,.18),transparent 58%),
    linear-gradient(125deg,#1c0c0a 0%,#0c0812 40%,#140810 70%,#08060c 100%);
  animation:rel-aurora 14s ease-in-out infinite alternate;
}
@keyframes rel-aurora{
  from{transform:translate3d(-2%,1%,0) scale(1)}
  to{transform:translate3d(2.5%,-1.5%,0) scale(1.03)}
}
@media (prefers-reduced-motion:reduce){
  .rel-aurora{animation:none}
}
.rel-wrap{position:relative;z-index:1}
.rel-mast{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:10px 28px;align-items:end;
  margin:0 0 clamp(20px,3vw,30px);
}
.rel-k{
  margin:0 0 8px;width:max-content;
  display:inline-flex;align-items:center;gap:8px;
  padding:6px 12px;border-radius:999px;
  font-family:var(--ui);font-size:.7rem;font-weight:850;letter-spacing:.18em;text-transform:uppercase;
  color:#1a0800;
  background:linear-gradient(165deg,#fff8ec,#ffd28a 50%,var(--acc1));
  box-shadow:0 0 22px rgba(255,120,40,.32);
}
.rel-k i{width:7px;height:7px;border-radius:50%;background:#1a0800}
.rel-h{
  margin:0;display:flex;flex-wrap:wrap;align-items:baseline;gap:.2em .45em;line-height:.95;
}
.rel-h-soft{
  font-family:var(--script);font-weight:400;
  font-size:clamp(2.3rem,4.8vw,3.4rem);
  color:#ffe8c8;text-shadow:0 0 24px rgba(255,120,40,.35);
}
.rel-h-hard{
  font-family:"Dela Gothic One",var(--display);font-weight:400;
  font-size:clamp(2rem,4.8vw,3.4rem);
  letter-spacing:.02em;text-transform:uppercase;
  background:linear-gradient(185deg,#fffef8 0%,#ffe0a8 35%,#ff9a3a 72%,#ff4d2a 100%);
  -webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;
  filter:drop-shadow(0 4px 18px rgba(255,80,30,.3));
}
.rel-lede{
  margin:0;max-width:28ch;text-align:right;align-self:center;
  font-family:var(--ui);font-size:clamp(.86rem,1.2vw,1.02rem);font-weight:700;
  letter-spacing:.03em;line-height:1.45;
  color:transparent;
  background:linear-gradient(110deg,#fff6e8,#ffc078 55%,#ff7a3a);
  -webkit-background-clip:text;background-clip:text;
}
.rel-feature{
  display:grid;
  grid-template-columns:minmax(240px,320px) minmax(0,1fr);
  gap:clamp(20px,3.5vw,40px);
  align-items:start;
  padding:clamp(16px,2.2vw,24px);
  border-radius:26px;
  position:relative;
  overflow:hidden;
  border:1px solid rgba(255,190,120,.3);
  background:
    linear-gradient(145deg,rgba(255,140,40,.1),transparent 40%),
    linear-gradient(180deg,rgba(24,14,12,.72),rgba(8,6,12,.88));
  box-shadow:
    inset 0 1px 0 rgba(255,230,190,.12),
    0 24px 56px rgba(0,0,0,.48);
  transition:opacity .22s ease,transform .22s ease;
}
.rel-feature.is-swap{animation:rel-swap .35s ease}
@keyframes rel-swap{
  from{opacity:.55;transform:translateY(6px)}
  to{opacity:1;transform:translateY(0)}
}
.rel-fx{
  position:absolute;inset:0;z-index:0;pointer-events:none;overflow:hidden;
}
.rel-fx-wave{
  position:absolute;left:-8%;right:-8%;opacity:.55;
}
.rel-fx-wave.is-a{top:8%;height:36%}
.rel-fx-wave.is-b{bottom:6%;height:32%;opacity:.4}
.rel-fx-wave path{
  fill:none;stroke:rgba(255,180,100,.32);stroke-width:1.3;stroke-linecap:round;
}
.rel-fx-glow{
  position:absolute;border-radius:50%;filter:blur(2px);
}
.rel-fx-glow.is-1{
  width:42%;height:48%;right:-8%;top:10%;
  background:radial-gradient(circle,rgba(255,140,40,.18),transparent 68%);
}
.rel-fx-glow.is-2{
  width:36%;height:40%;left:-6%;bottom:8%;
  background:radial-gradient(circle,rgba(255,80,50,.12),transparent 70%);
}
.rel-fx-note{
  position:absolute;font-family:Georgia,serif;
  color:rgba(255,190,120,.28);
  animation:rel-float 7s ease-in-out infinite;
}
.rel-fx-note.is-1{right:12%;top:28%;font-size:1.4rem}
.rel-fx-note.is-2{right:28%;bottom:18%;font-size:1.05rem;animation-delay:1.4s;opacity:.6}
.rel-fx-note.is-3{left:38%;top:62%;font-size:.95rem;animation-delay:2.2s;opacity:.45}
@keyframes rel-float{
  0%,100%{transform:translateY(0)}
  50%{transform:translateY(-8px)}
}
@media (prefers-reduced-motion:reduce){
  .rel-feature.is-swap,.rel-fx-note{animation:none}
}
.rel-art,
.rel-meta{position:relative;z-index:1}
.rel-art{
  position:relative;
  width:100%;
  aspect-ratio:1 / 1;
  border-radius:8px;
  overflow:hidden;
  box-shadow:
    0 0 0 1px rgba(255,210,160,.35),
    0 22px 48px rgba(0,0,0,.55),
    0 0 40px rgba(255,120,40,.18);
}
.rel-art img{
  width:100%;height:100%;display:block;
  object-fit:cover;object-position:center;
}
.rel-art::after{
  content:"";position:absolute;inset:0;pointer-events:none;
  background:linear-gradient(160deg,rgba(255,200,140,.1),transparent 42%);
}
.rel-meta{min-width:0;display:flex;flex-direction:column;min-height:100%}
.rel-format{
  margin:0 0 8px;
  display:inline-flex;align-items:center;gap:8px;
  width:max-content;
  font-family:var(--ui);font-size:.68rem;font-weight:850;letter-spacing:.16em;text-transform:uppercase;
  color:#ffd29a;
}
.rel-format::before{
  content:"";width:16px;height:2px;
  background:linear-gradient(90deg,var(--acc1),transparent);
}
.rel-meta h3{
  margin:0;
  font-family:var(--poster);font-weight:400;
  font-size:clamp(2rem,3.6vw,2.75rem);
  letter-spacing:.01em;line-height:1.05;
  color:transparent;
  background:linear-gradient(180deg,#fffaf4,#ffe0b0 55%,#ff9a40);
  -webkit-background-clip:text;background-clip:text;
}
.rel-by{
  margin:10px 0 0;
  font-family:var(--ui);font-size:1rem;font-weight:750;
  color:rgba(255,236,214,.92);
}
.rel-blurb{
  margin:14px 0 0;max-width:48ch;
  font-family:var(--body);font-size:.98rem;line-height:1.65;
  color:rgba(244,241,236,.78);
}
.rel-info{
  margin:0 0 2px;
  max-width:52ch;
  font-family:var(--ui);font-size:.78rem;font-weight:650;line-height:1.5;
  letter-spacing:.02em;
  color:rgba(255,220,190,.62);
}
.rel-acts{
  display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin-top:14px;
}
.rel-cta{display:none !important}
.rel-ghost{
  appearance:none;text-decoration:none;cursor:pointer;border:1.5px solid rgba(255,190,120,.4);
  display:inline-flex;align-items:center;justify-content:center;gap:7px;
  min-height:48px;padding:11px 16px;border-radius:12px;
  font-family:var(--ui);font-size:.82rem;font-weight:800;
  color:#ffe8c8;background:rgba(255,255,255,.04);
}
.rel-ghost:hover{background:rgba(255,160,80,.12)}
.rel-share{
  appearance:none;border:0;cursor:pointer;
  display:inline-flex;align-items:center;justify-content:center;gap:7px;
  min-height:48px;padding:11px 18px;border-radius:12px;
  font-family:var(--ui);font-size:.84rem;font-weight:850;
  color:#1a0800;
  background:linear-gradient(165deg,#ffe8c8,#ffc078 55%,#ff9a3a);
  box-shadow:0 6px 18px rgba(255,120,40,.28);
}
.rel-share:hover{filter:brightness(1.05)}
.rel-act-hint{
  width:100%;margin:6px 0 0;min-height:1.1em;
  font-family:var(--ui);font-size:.72rem;font-weight:650;
  color:rgba(255,220,180,.7);letter-spacing:.03em;
}

/* Alb?m payla? ? site modal? (OS native share yok) */
.rel-share-scrim{
  position:fixed;inset:0;z-index:9300;
  background:rgba(3,2,5,.82);backdrop-filter:blur(14px);
  opacity:0;pointer-events:none;visibility:hidden;
  transition:opacity .28s ease,visibility .28s;
}
.rel-share-scrim.is-open{opacity:1;pointer-events:auto;visibility:visible}
.rel-share-modal{
  position:fixed;z-index:9301;
  left:50%;top:50%;transform:translate(-50%,-48%) scale(.97);
  width:min(440px,calc(100vw - 22px));
  max-height:min(90vh,680px);overflow:auto;
  padding:20px 18px 16px;
  border-radius:24px;
  border:1px solid rgba(255,190,120,.36);
  background:
    radial-gradient(ellipse 100% 70% at 50% -20%,rgba(255,140,40,.26),transparent 55%),
    linear-gradient(175deg,#241814 0%,#120e0e 48%,#0a080a 100%);
  box-shadow:0 36px 80px rgba(0,0,0,.62),0 0 80px rgba(255,120,40,.14);
  opacity:0;pointer-events:none;visibility:hidden;
  transition:opacity .28s ease,transform .28s cubic-bezier(.2,.8,.2,1),visibility .28s;
  text-align:center;
}
.rel-share-modal.is-open{
  opacity:1;pointer-events:auto;visibility:visible;
  transform:translate(-50%,-50%) scale(1);
}
.rel-share-x{
  appearance:none;border:0;cursor:pointer;
  position:absolute;top:10px;right:10px;
  width:44px;height:44px;border-radius:12px;
  font-size:.95rem;color:rgba(255,236,214,.72);
  background:rgba(0,0,0,.28);border:1px solid rgba(255,180,100,.2);
}
.rel-share-x:hover{background:rgba(255,160,80,.18);color:#fff}
.rel-share-stage{
  margin:8px 2px 0;padding:18px 16px;border-radius:18px;text-align:left;
  border:1px solid rgba(255,180,100,.22);
  background:linear-gradient(160deg,rgba(255,160,80,.1),transparent 42%),rgba(0,0,0,.38);
}
.rel-share-stage .rel-sh-k{
  margin:0 0 12px;
  font-family:var(--ui);font-size:.58rem;font-weight:800;letter-spacing:.18em;text-transform:uppercase;
  color:rgba(255,190,120,.7);
}
.rel-share-row{
  display:grid;grid-template-columns:96px minmax(0,1fr);gap:14px;align-items:center;
}
.rel-share-row img{
  width:96px;height:96px;border-radius:12px;object-fit:cover;
  box-shadow:0 0 0 1px rgba(255,190,120,.35),0 10px 24px rgba(0,0,0,.4);
}
.rel-share-row h3{
  margin:0;font-family:var(--poster);font-size:1.25rem;font-weight:400;color:#fffaf4;line-height:1.15;
}
.rel-share-row p{
  margin:6px 0 0;font-family:var(--ui);font-size:.78rem;font-weight:650;
  color:rgba(255,220,190,.75);
}
.rel-sh-preview-lab{
  margin:14px 0 6px;
  font-family:var(--ui);font-size:.58rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase;
  color:rgba(255,190,120,.65);
}
.rel-sh-preview{
  display:block;margin:0;padding:14px 12px;border-radius:12px;text-align:left;
  max-height:11rem;overflow:auto;
  white-space:pre-wrap;word-break:break-word;overflow-wrap:anywhere;
  font-family:var(--ui);font-size:.72rem;font-weight:600;line-height:1.5;
  color:rgba(255,236,214,.88);
  background:rgba(0,0,0,.42);
  border:1px solid rgba(255,180,100,.18);
  scrollbar-width:thin;scrollbar-color:rgba(255,160,80,.4) transparent;
}
.rel-sh-hint{
  margin:10px 0 0;
  font-family:var(--ui);font-size:.68rem;font-weight:600;line-height:1.4;
  color:rgba(255,210,170,.62);
}
.rel-share-social{
  display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin:16px 0 0;
}
.rel-share-social a,
.rel-share-social button{
  appearance:none;border:0;cursor:pointer;text-decoration:none;
  width:48px;height:48px;border-radius:14px;
  display:grid;place-items:center;
  font-family:var(--ui);font-size:.78rem;font-weight:800;color:#fff6ec;
  background:rgba(255,255,255,.06);border:1px solid rgba(255,180,100,.28);
}
.rel-share-social a:hover,
.rel-share-social button:hover{
  background:rgba(255,160,80,.18);border-color:rgba(255,200,140,.45);
}
.rel-share-foot{
  display:flex;gap:8px;margin-top:14px;
}
.rel-share-foot button{
  appearance:none;border:0;cursor:pointer;flex:1;
  min-height:44px;border-radius:12px;
  font-family:var(--ui);font-size:.8rem;font-weight:800;
}
.rel-share-foot #rel-sh-copy{
  color:#1a0800;
  background:linear-gradient(165deg,#fff2d8,#ffc078 55%,var(--acc1));
}
.rel-share-foot #rel-sh-link{
  color:#ffe8c8;background:rgba(255,255,255,.05);
  border:1px solid rgba(255,180,100,.3);
}
.rel-share-modal .rel-sh-status{
  margin:10px 0 0;min-height:1.1em;
  font-family:var(--ui);font-size:.68rem;font-weight:650;
  color:rgba(255,220,180,.7);
}
.rel-tracks{
  list-style:none;margin:18px 0 0;padding:0;
  min-height:220px;
  max-height:min(380px,50vh);
  overflow-x:hidden;overflow-y:auto;
  border-top:1px solid rgba(255,180,100,.2);
  scrollbar-width:thin;scrollbar-color:rgba(255,160,80,.4) transparent;
  -webkit-overflow-scrolling:touch;
}
.rel-tracks::-webkit-scrollbar{width:5px}
.rel-tracks::-webkit-scrollbar-thumb{background:rgba(255,160,80,.4);border-radius:4px}
.rel-tracks li{
  display:grid;grid-template-columns:36px minmax(0,1fr) auto;gap:12px;align-items:center;
  padding:12px 4px 12px 0;
  border-bottom:1px solid rgba(255,180,100,.1);
  font-family:var(--ui);
}
.rel-tracks .n{
  font-size:.78rem;font-weight:800;color:rgba(255,190,120,.72);
  font-variant-numeric:tabular-nums;
}
.rel-tracks .t{
  font-size:.95rem;font-weight:700;color:#fff6ec;
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
}
.rel-tracks .d{
  font-size:.78rem;font-weight:650;color:rgba(255,220,190,.62);
  font-variant-numeric:tabular-nums;
}
.rel-rail-head{
  display:flex;align-items:center;justify-content:space-between;gap:12px;
  margin:0 0 12px;
}
.rel-rail-head span{
  font-family:var(--ui);font-size:.82rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase;
  color:rgba(255,236,214,.88);
}
.rel-rail-head b{
  font-family:var(--ui);font-size:.8rem;font-weight:800;
  color:#1a0800;padding:6px 12px;border-radius:8px;
  background:linear-gradient(165deg,#fff2d8,#ffc078 55%,var(--acc1));
}
.rel-rail-wrap{
  overflow-x:auto;overflow-y:visible;
  margin:0 0 clamp(18px,2.8vw,26px);
  padding:6px 2px 10px;
  scroll-snap-type:x proximity;
  -webkit-overflow-scrolling:touch;
  scrollbar-width:thin;scrollbar-color:rgba(255,160,80,.4) transparent;
}
.rel-rail-wrap::-webkit-scrollbar{height:5px}
.rel-rail-wrap::-webkit-scrollbar-thumb{background:rgba(255,160,80,.4);border-radius:4px}
.rel-rail{
  display:flex;align-items:flex-start;gap:14px;
  width:max-content;
  padding:2px 2px 4px;
}
.rel-tile{
  appearance:none;border:0;cursor:pointer;text-align:left;
  flex:0 0 auto;width:148px;
  display:flex;flex-direction:column;align-items:stretch;
  padding:0;background:transparent;color:#fff6ec;
  scroll-snap-align:start;
  font-family:var(--ui);
  transition:transform .15s;
  overflow:visible;
}
.rel-tile:hover{transform:translateY(-3px)}
.rel-tile.is-on .rel-tile-art{
  box-shadow:
    0 0 0 2px rgba(255,180,100,.9),
    0 0 24px rgba(255,120,40,.4);
}
.rel-tile-art{
  flex:0 0 auto;
  width:148px;height:148px;border-radius:8px;overflow:hidden;
  background:#1a100c;
  box-shadow:0 0 0 1px rgba(255,180,100,.28),0 12px 28px rgba(0,0,0,.45);
}
.rel-tile-art img{
  width:100%;height:100%;display:block;object-fit:cover;
}
.rel-tile-cap{
  flex:0 0 auto;
  margin-top:10px;
  min-height:4.1rem;
  overflow:visible;
}
.rel-tile strong{
  display:-webkit-box;margin:0;
  font-size:.9rem;font-weight:800;letter-spacing:-.015em;line-height:1.35;
  color:#fff8f0;
  -webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;
  white-space:normal;
  min-height:2.7em;
}
.rel-tile em{
  display:block;margin-top:6px;font-style:normal;
  font-size:.76rem;font-weight:700;color:rgba(255,220,190,.82);
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
}
.rel-spectrum{
  margin-top:clamp(16px,2.5vw,24px);
  height:5px;border-radius:999px;
  background:linear-gradient(90deg,
    #3a0c18 0%,#ff3d5a 16%,var(--acc2) 32%,var(--acc1) 48%,
    #ffc078 58%,#ffe8c8 68%,var(--acc1) 78%,#a06bff 92%,#1a0c28 100%);
  box-shadow:0 0 20px rgba(255,120,40,.3);
}
@media (max-width:900px){
  .rel-mast{grid-template-columns:1fr}
  .rel-lede{text-align:left;max-width:none}
  .rel-feature{grid-template-columns:minmax(180px,220px) minmax(0,1fr);gap:16px}
}
@media (max-width:640px){
  .rel-feature{grid-template-columns:1fr;padding:14px}
  .rel-art{max-width:280px;margin:0 auto}
  .rel-tracks{max-height:280px;min-height:180px}
  .rel-tile{width:132px}
  .rel-tile-art{width:132px;height:132px}
  .rel-tile-cap{min-height:3.9rem}
  .rel-tile strong{font-size:.84rem;min-height:2.6em}
  .rel-tile em{font-size:.72rem}
  /* Kopyala | Payla? yan yana ? Ar?ive d?n tam boy */
  .rel-acts{
    display:grid;grid-template-columns:1fr 1fr;gap:10px;align-items:stretch;
  }
  .rel-acts .rel-ghost,
  .rel-acts .rel-share{width:100%;min-width:0}
  .rel-acts #rel-to-archive{grid-column:1 / -1;width:100%}
}

.sec--vitrin{
  background:
    radial-gradient(ellipse 70% 40% at 20% 0%,rgba(255,150,60,.06),transparent 48%),
    linear-gradient(180deg,#0a0910 0%,#08070c 100%);
}
.sec--blog{
  background:
    radial-gradient(ellipse 60% 35% at 80% 0%,rgba(255,140,40,.05),transparent 50%),
    linear-gradient(180deg,#090810 0%,#07060a 100%);
}
.sec.is-parked{display:none!important} /* DNA d???: top / sanat?? (kap?lar kalkt? ? s?z sahnesi aktif) */
.sec-h{
  display:flex;align-items:flex-end;justify-content:space-between;gap:18px;
  margin-bottom:22px;padding-bottom:14px;flex-wrap:wrap;
  border-bottom:1px solid rgba(255,180,100,.14);
  background:linear-gradient(90deg,rgba(255,150,60,.06),transparent 42%);
}
.sec-h .k{
  font-family:var(--ui);font-size:.68rem;font-weight:800;letter-spacing:.22em;
  text-transform:uppercase;margin-bottom:8px;
  color:transparent;
  background:linear-gradient(105deg,#ffe2b8,#ffc078 40%,var(--acc1));
  -webkit-background-clip:text;background-clip:text;
  text-shadow:0 0 28px rgba(255,140,40,.2);
}
.sec-h h2{
  font-family:var(--poster);font-size:clamp(1.9rem,3.4vw,2.75rem);font-weight:400;
  letter-spacing:.01em;line-height:1.05;margin:0;
  color:transparent;
  background:linear-gradient(180deg,#fffaf6 10%,#ffe0b8 55%,#ffb45a 100%);
  -webkit-background-clip:text;background-clip:text;
  filter:drop-shadow(0 2px 18px rgba(255,120,40,.18));
}
.sec-h p{font-family:var(--body);color:var(--mute);font-size:.9rem;line-height:1.6;max-width:44ch;font-weight:400}
.sec-h a{
  font-family:var(--ui);font-size:.68rem;font-weight:800;letter-spacing:.14em;
  text-transform:uppercase;color:#ffd2a0;text-decoration:none;
  padding-bottom:3px;border-bottom:1px solid rgba(255,180,100,.45);
  transition:color .18s,border-color .18s;
}
.sec-h a:hover{color:#fff2d8;border-bottom-color:rgba(255,210,150,.75)}

/* program ? ?st bant = g?n filtresi (T?m hafta + Pzt?Paz); saat kartta */
/* kart geni?li?i sabittir ? g?n filtresinde az kart kal?nca ?i?mez */
.prog-shell{position:relative;--prog-card-w:280px}
.prog-band{
  position:relative;
  display:flex;align-items:stretch;gap:4px;margin:0 0 10px;padding:5px 7px;
  overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch;
  touch-action:manipulation;overscroll-behavior-x:contain;
  border-radius:16px;
  background:
    linear-gradient(180deg,rgba(255,190,120,.1),transparent 55%),
    linear-gradient(165deg,rgba(28,18,16,.92),rgba(10,8,12,.95));
  border:1px solid rgba(255,190,120,.32);
  box-shadow:
    inset 0 1px 0 rgba(255,230,190,.12),
    0 10px 28px rgba(0,0,0,.35);
}
.prog-band::-webkit-scrollbar{display:none}
.prog-band::after{
  content:"";position:absolute;left:8%;right:8%;bottom:0;height:2px;pointer-events:none;
  background:linear-gradient(90deg,transparent,rgba(255,180,100,.45),var(--acc1),rgba(255,180,100,.45),transparent);
  opacity:.65;
}
.prog-band button{
  flex:1 1 0;min-width:2.85rem;border:0;cursor:pointer;
  min-height:38px;padding:6px 5px;border-radius:11px;
  font-family:var(--ui);font-weight:750;letter-spacing:.04em;
  color:rgba(255,230,210,.72);
  background:transparent;
  border:1px solid transparent;
  transition:color .18s,background .18s,border-color .18s,box-shadow .18s,transform .18s;
}
.prog-band button.pb-all{flex:1.35 1 0;min-width:5.2rem}
.prog-band button .pb-day{
  display:block;font-size:.74rem;font-weight:800;
  letter-spacing:.1em;text-transform:uppercase;line-height:1.15;
  color:rgba(255,236,214,.78);
}
.prog-band button .pb-sub{
  display:block;margin-top:3px;font-size:.52rem;font-weight:700;
  letter-spacing:.1em;text-transform:uppercase;opacity:.55;
  color:rgba(255,210,170,.45);
}
.prog-band button.is-on{
  color:#1a0800;
  background:linear-gradient(165deg,#fff4e0,#ffc878 48%,var(--acc1));
  border-color:rgba(255,220,170,.45);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.5),0 0 20px rgba(255,140,40,.32);
}
.prog-band button.is-on .pb-day,
.prog-band button.is-on .pb-sub{color:inherit;opacity:1}
.prog-band button.is-today:not(.is-on){
  color:rgba(255,230,200,.78);
  box-shadow:inset 0 -2px 0 rgba(255,160,80,.55);
}
.prog-band button.is-today:not(.is-on) .pb-day{color:rgba(255,220,180,.82)}
.prog-band button:hover:not(.is-on){
  color:rgba(255,230,200,.75);
  background:rgba(255,180,100,.06);
  border-color:rgba(255,180,100,.18);
}
.dj-card.is-day-off{display:none !important}
.prog-empty{
  display:none;width:100%;padding:28px 18px;border-radius:16px;text-align:center;
  font-family:var(--ui);font-size:.84rem;font-weight:650;color:rgba(255,220,190,.55);
  border:1px dashed rgba(255,180,100,.22);
  background:rgba(20,12,14,.35);
}
.prog-shell.is-empty .prog-empty{display:block}
.prog-shell.is-empty .prog-row{display:none}

.prog-row{display:grid;grid-template-columns:repeat(auto-fill,minmax(var(--prog-card-w),var(--prog-card-w)));gap:14px;justify-content:start}
.prog-shell:not(.is-rail) .dj-card{width:var(--prog-card-w);max-width:var(--prog-card-w)}
.prog-shell.is-rail .prog-row{
  display:flex;grid-template-columns:unset;gap:14px;
  justify-content:flex-start;align-items:stretch;
  overflow-x:auto;overflow-y:hidden;
  /* snap yok ? s?r?klerken tak?lmas?n; serbest ray */
  scroll-snap-type:none;
  scroll-padding-inline:0;
  -webkit-overflow-scrolling:touch;scrollbar-width:thin;
  scrollbar-color:rgba(255,160,80,.35) transparent;
  touch-action:pan-x;cursor:grab;
  padding:4px 0 14px;margin:0;
  overscroll-behavior-x:contain;
  scroll-behavior:auto;
}
.prog-shell.is-rail .prog-row.is-dragging{
  cursor:grabbing;
  scroll-snap-type:none;
  user-select:none;
}
.prog-shell.is-rail .dj-card,
.prog-shell.is-rail .dj-face--a,
.prog-shell.is-rail .dj-face--b{
  touch-action:pan-x;
}
/* sa? spacer ? son kart sola kadar kayabilsin; sol bo?luk ?retmez */
.prog-shell.is-rail .prog-row::after{
  content:"";flex:0 0 max(16px, calc(100% - var(--prog-card-w)));
  pointer-events:none;
}
.prog-shell.is-rail .prog-row:active{cursor:grabbing}
.prog-shell.is-rail .prog-row::-webkit-scrollbar{height:4px}
.prog-shell.is-rail .prog-row::-webkit-scrollbar-thumb{
  background:rgba(255,160,80,.35);border-radius:4px;
}
.prog-shell.is-rail .dj-card{
  flex:0 0 var(--prog-card-w);width:var(--prog-card-w);max-width:var(--prog-card-w);
  scroll-snap-align:none;margin:0;
}

.dj-card{
  border-radius:var(--r-card);overflow:hidden;position:relative;
  border:1px solid var(--metal-edge-soft);
  background:linear-gradient(165deg,rgba(36,24,20,.9),rgba(12,10,16,.92));
  box-shadow:0 0 0 1px rgba(0,0,0,.5),var(--metal-inset),0 14px 36px rgba(0,0,0,.35);
  transition:transform .22s,border-color .22s,box-shadow .22s;
  aspect-ratio:3/4;
}
.prog-shell:not(.is-rail) .dj-card:hover:not(.is-open){
  transform:translateY(-5px);
  border-color:rgba(255,190,120,.45);
  box-shadow:0 0 0 1px rgba(255,140,40,.2),var(--metal-inset),0 20px 44px rgba(0,0,0,.42),0 0 32px rgba(255,140,40,.12);
}
.dj-card.live{
  border-color:rgba(255,200,140,.55);
  box-shadow:
    0 0 0 1px rgba(255,138,30,.35),
    inset 0 1px 0 rgba(255,230,190,.22),
    0 16px 40px rgba(0,0,0,.4),
    0 0 40px rgba(255,122,26,.22);
}
.dj-face{
  position:absolute;inset:0;width:100%;height:100%;
  transition:opacity .26s ease,transform .26s ease;
}
.dj-face--a{
  display:block;padding:0;border:0;cursor:pointer;text-align:left;color:inherit;
  background:transparent;opacity:1;transform:scale(1);z-index:1;
}
.dj-face--a:focus-visible{outline:2px solid rgba(255,180,100,.7);outline-offset:-2px}
.dj-card .pic{position:absolute;inset:0;background:#1a100c}
.dj-card .pic img{width:100%;height:100%;object-fit:cover;display:block}
.dj-card .pic::after{
  content:"";position:absolute;inset:0;
  background:
    linear-gradient(0deg,rgba(8,6,12,.94) 0%,rgba(8,6,12,.4) 38%,transparent 68%),
    linear-gradient(105deg,rgba(255,140,40,.08),transparent 40%);
}
.dj-card .live-b{
  position:absolute;top:12px;left:12px;z-index:2;
  font-family:var(--ui);font-size:.68rem;font-weight:850;letter-spacing:.1em;
  color:#fff;background:linear-gradient(145deg,#ff6b7a,#e11d48 55%,#9f1239);
  padding:6px 11px;border-radius:8px;
  box-shadow:0 0 16px rgba(225,29,72,.45),inset 0 1px 0 rgba(255,255,255,.25);
}
.dj-card .num{
  position:absolute;top:12px;right:12px;z-index:2;
  font-family:var(--ui);font-size:.78rem;font-weight:800;letter-spacing:.06em;
  color:rgba(255,230,200,.55);
}
.dj-card .meta{
  position:absolute;left:0;right:0;bottom:0;z-index:2;padding:16px 16px 18px;
  display:flex;flex-direction:column;gap:5px;pointer-events:none;
}
.dj-card .meta h3{
  margin:0;font-family:var(--display);font-size:clamp(1.15rem,1.7vw,1.38rem);font-weight:750;
  color:#fff8f0;letter-spacing:var(--track-brand);line-height:1.15;
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
}
.dj-card .meta time{
  font-family:var(--ui);font-size:1rem;font-weight:800;font-variant-numeric:tabular-nums;
  letter-spacing:.04em;color:#ffd8a8;
}
.dj-card .meta .show{
  font-family:var(--ui);font-size:.82rem;font-weight:650;letter-spacing:.05em;
  color:rgba(255,228,200,.78);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
}

/* y?z B ? foto zemin + bak?r detay konsol (masa?st? + mobil ayn? DNA) */
.dj-face--b{
  z-index:2;opacity:0;pointer-events:none;transform:scale(1.04);
  display:flex;flex-direction:column;justify-content:flex-end;
  padding:0;box-sizing:border-box;overflow:hidden;border:0;background:#0a080c;
}
.dj-b-pic{
  position:absolute;inset:0;z-index:0;overflow:hidden;pointer-events:none;
}
.dj-b-pic img{
  width:100%;height:100%;object-fit:cover;display:block;
  transform:scale(1.08);filter:saturate(1.05) contrast(1.05);
  transition:transform .55s ease;
}
.dj-card.is-open .dj-b-pic img{transform:scale(1.14)}
.dj-b-veil{
  position:absolute;inset:0;z-index:1;pointer-events:none;
  background:
    linear-gradient(0deg,rgba(6,4,8,.96) 0%,rgba(10,6,10,.78) 38%,rgba(12,8,14,.35) 62%,rgba(20,10,8,.45) 100%),
    linear-gradient(120deg,rgba(255,120,40,.18),transparent 45%);
}
.dj-b-veil::after{
  content:"";position:absolute;inset:0;
  background:linear-gradient(105deg,transparent 42%,rgba(255,220,180,.1) 50%,transparent 58%);
  background-size:220% 100%;
  animation:djSheen 8s ease-in-out infinite;
}
.dj-b-amb{
  position:absolute;left:16px;right:16px;top:56px;z-index:2;
  display:flex;align-items:flex-end;justify-content:center;gap:3px;height:40px;
  opacity:.9;pointer-events:none;
  mask-image:linear-gradient(90deg,transparent,black 12%,black 88%,transparent);
  -webkit-mask-image:linear-gradient(90deg,transparent,black 12%,black 88%,transparent);
}
.dj-b-amb i{
  display:block;width:3px;border-radius:2px;align-self:flex-end;
  background:linear-gradient(0deg,rgba(255,100,30,.15),rgba(255,190,120,.85) 55%,#fff4e0);
  transform-origin:bottom center;
  animation:djAmb 2.2s ease-in-out infinite;
}
.dj-b-amb i:nth-child(1){height:35%;animation-delay:0s}
.dj-b-amb i:nth-child(2){height:62%;animation-delay:.1s}
.dj-b-amb i:nth-child(3){height:44%;animation-delay:.2s}
.dj-b-amb i:nth-child(4){height:80%;animation-delay:.05s}
.dj-b-amb i:nth-child(5){height:52%;animation-delay:.15s}
.dj-b-amb i:nth-child(6){height:90%;animation-delay:.25s}
.dj-b-amb i:nth-child(7){height:46%;animation-delay:.08s}
.dj-b-amb i:nth-child(8){height:70%;animation-delay:.18s}
@keyframes djSheen{
  0%,100%{background-position:0% 0}
  50%{background-position:100% 0}
}
@keyframes djAmb{
  0%,100%{transform:scaleY(.42);opacity:.45}
  50%{transform:scaleY(1);opacity:1}
}
.dj-card.is-open{z-index:4}
.dj-card.is-open .dj-face--a{opacity:0;pointer-events:none;transform:scale(.96)}
.dj-card.is-open .dj-face--b{
  opacity:1;pointer-events:auto;transform:scale(1);cursor:pointer;
}
.dj-card.is-open{
  border-color:rgba(255,200,140,.55);
  box-shadow:
    0 0 0 1px rgba(255,140,40,.28),
    inset 0 1px 0 rgba(255,230,190,.2),
    0 22px 48px rgba(0,0,0,.5),
    0 0 40px rgba(255,120,40,.18);
}
.dj-back{
  position:absolute;top:12px;left:12px;z-index:4;
  width:38px;height:38px;border:0;border-radius:50%;cursor:pointer;
  display:grid;place-items:center;padding:0;color:#ffe8c8;
  background:
    radial-gradient(circle at 35% 30%,rgba(255,200,140,.28),transparent 55%),
    rgba(0,0,0,.55);
  border:1px solid rgba(255,190,120,.45);
  box-shadow:inset 0 1px 0 rgba(255,230,190,.2),0 0 14px rgba(255,140,40,.2);
  transition:border-color .18s,filter .18s,transform .18s;
  touch-action:manipulation;
}
.dj-back svg{width:16px;height:16px;display:block}
.dj-back:hover{border-color:rgba(255,210,150,.7);filter:brightness(1.1);transform:scale(1.04)}
.dj-b-stack{
  position:relative;z-index:3;
  display:flex;flex-direction:column;gap:8px;
  padding:56px 16px 18px;box-sizing:border-box;
  background:linear-gradient(0deg,rgba(6,4,8,.55) 0%,transparent 100%);
  pointer-events:none; /* metin alan? t?klanmaz; foto/geri kapat?r, dikey scroll ge?er */
}
.dj-b-k{
  margin:0;font-family:var(--ui);font-size:.58rem;font-weight:800;
  letter-spacing:.2em;text-transform:uppercase;
  color:transparent;
  background:linear-gradient(105deg,#ffe2b8,#ffb060);
  -webkit-background-clip:text;background-clip:text;
}
.dj-b-name{
  margin:0;font-family:var(--poster);font-size:clamp(1.45rem,2.4vw,1.75rem);
  font-weight:400;color:#fffaf4;letter-spacing:.01em;line-height:1.05;
  text-shadow:0 2px 24px rgba(255,120,40,.35);
}
.dj-b-week{
  margin:0;display:flex;flex-wrap:wrap;align-items:baseline;gap:6px 12px;
  font-family:var(--ui);font-size:.76rem;font-weight:700;
  font-variant-numeric:tabular-nums;letter-spacing:.04em;color:rgba(255,220,190,.88);
}
.dj-b-week time{
  color:#ffd8a8;font-weight:800;
  padding:2px 8px;border-radius:999px;
  background:rgba(255,140,40,.14);border:1px solid rgba(255,180,100,.28);
}
.dj-b-tag{
  margin:2px 0 0;align-self:flex-start;
  font-family:var(--ui);font-size:.58rem;font-weight:800;letter-spacing:.16em;
  text-transform:uppercase;color:#1a0800;
  padding:5px 10px;border-radius:8px;
  background:linear-gradient(165deg,#fff2d8,#ffc078 55%,var(--acc1));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.45),0 0 16px rgba(255,140,40,.22);
}
.dj-b-tracks{margin:8px 0 0;padding:0;list-style:none}
.dj-b-tracks li{
  display:grid;grid-template-columns:28px 1fr;align-items:center;gap:8px;
  font-family:var(--ui);font-size:.82rem;font-weight:650;color:#fff2e4;
  padding:9px 0;border-top:1px solid rgba(255,180,100,.18);
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
}
.dj-b-tracks li:first-child{border-top:1px solid rgba(255,180,100,.28)}
.dj-b-tracks .t-n{
  font-size:.62rem;font-weight:800;letter-spacing:.08em;color:rgba(255,190,120,.55);
}
.dj-b-tracks .t-t{overflow:hidden;text-overflow:ellipsis}
@media (prefers-reduced-motion:reduce){
  .dj-face{transition:none}
  .dj-b-veil::after,.dj-b-amb i{animation:none}
  .dj-card.is-open .dj-b-pic img{transform:none}
}

/* ========== FREKANSLAR ? radyo se?ici (t?kla ? player canl?) ========== */
.sec--freq{
  padding:20px 0 22px;
  background:
    radial-gradient(ellipse 55% 50% at 12% 0%,rgba(255,138,30,.14),transparent 55%),
    radial-gradient(ellipse 50% 40% at 88% 20%,rgba(255,100,40,.08),transparent 50%),
    linear-gradient(180deg,#161218 0%,#0e0c12 55%,#0a0910 100%);
}
.sec--freq .freq-mast{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(12rem,26rem);
  grid-template-areas:"k note" "h note";
  column-gap:clamp(18px,3.5vw,40px);row-gap:8px;
  align-items:end;margin:0 0 14px;padding:4px 0 12px;position:relative;
}
.sec--freq .freq-mast::before{
  content:"";position:absolute;z-index:0;pointer-events:none;
  left:-4%;right:20%;top:-30%;bottom:-40%;
  background:radial-gradient(ellipse 50% 70% at 20% 50%,rgba(255,138,30,.12),transparent 60%);
  opacity:.9;
}
.sec--freq .freq-mast::after{
  content:"";position:absolute;left:0;right:0;bottom:0;height:2px;z-index:1;pointer-events:none;
  background:linear-gradient(90deg,var(--acc1),#ffc078 32%,transparent 70%);
  box-shadow:0 0 16px rgba(255,138,30,.4);opacity:.8;
}
.sec--freq .freq-k{
  grid-area:k;margin:0;justify-self:start;position:relative;z-index:1;
  display:inline-flex;align-items:center;gap:8px;
  padding:7px 14px;border-radius:999px;
  font-family:var(--ui);font-size:.74rem;font-weight:850;letter-spacing:.16em;text-transform:uppercase;
  color:#1a0800;background:linear-gradient(165deg,#fffaf0,#ffd694 48%,var(--acc1));
  border:1px solid rgba(255,230,190,.7);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.5),0 0 18px rgba(255,138,30,.38);
}
.sec--freq .freq-k::before{
  content:"";width:7px;height:7px;border-radius:50%;background:#1a0800;
  box-shadow:0 0 8px rgba(255,100,40,.5);
}
.sec--freq .freq-mast h2{
  grid-area:h;margin:0;position:relative;z-index:1;
  font-family:var(--display);font-weight:800;
  font-size:clamp(1.7rem,3.6vw,2.55rem);letter-spacing:-.025em;line-height:1.02;
  color:#ffc878;
  background:linear-gradient(185deg,#fffef9,#ffe6b8 40%,#ffb45a 100%);
  -webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;
  filter:drop-shadow(0 2px 14px rgba(255,120,40,.22));
}
.sec--freq .freq-note{
  grid-area:note;margin:0;align-self:center;text-align:right;position:relative;z-index:1;
  font-family:var(--ui);
  font-size:clamp(.92rem,1.4vw,1.12rem);font-weight:700;line-height:1.35;
  letter-spacing:.04em;text-transform:uppercase;
  color:#ffe2b8;
  background:linear-gradient(105deg,#fffaf0 0%,#ffd28a 45%,#ff9a3a 100%);
  -webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;
  filter:drop-shadow(0 0 12px rgba(255,140,40,.28));
  max-width:26rem;
}
/* frekans = yatay tuner ?eridi (DJ portrait?tan ayr? dil) */
.freq-shell{position:relative;--freq-card-w:272px;--freq-card-h:98px}
.freq-band{
  display:flex;align-items:center;gap:6px;margin:0 0 14px;padding:5px 6px;
  overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch;
  border-radius:14px;
  background:
    linear-gradient(180deg,rgba(255,190,120,.08),transparent 55%),
    linear-gradient(165deg,rgba(24,16,14,.92),rgba(10,8,12,.95));
  border:1px solid rgba(255,190,120,.28);
  box-shadow:inset 0 1px 0 rgba(255,230,190,.1),0 8px 22px rgba(0,0,0,.28);
}
.freq-band::-webkit-scrollbar{display:none}
.freq-band button{
  flex:0 0 auto;border:0;cursor:pointer;min-height:44px;padding:8px 14px;border-radius:10px;
  font-family:var(--ui);font-size:.72rem;font-weight:750;letter-spacing:.06em;text-transform:uppercase;
  color:rgba(255,230,210,.7);background:transparent;border:1px solid transparent;
  transition:color .18s,background .18s,border-color .18s,box-shadow .18s;
  white-space:nowrap;
}
.freq-band button.is-on{
  color:#1a0800;
  background:linear-gradient(165deg,#fff2d8,#ffc078 55%,var(--acc1));
  border-color:rgba(255,220,170,.5);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.4),0 0 14px rgba(255,140,40,.28);
}
.freq-band button:hover:not(.is-on){color:#fff4e8;background:rgba(255,255,255,.04)}
/* istasyon tuner ray? ? yatay ?erit (DJ dikey poster?dan ayr?) */
.freq-row{
  display:flex;gap:12px;
  overflow-x:auto;overflow-y:hidden;
  scroll-snap-type:none;scroll-behavior:auto;
  -webkit-overflow-scrolling:touch;scrollbar-width:thin;
  scrollbar-color:rgba(255,160,80,.35) transparent;
  touch-action:pan-x;cursor:grab;
  padding:2px 0 12px;overscroll-behavior-x:contain;
}
.freq-row.is-dragging{cursor:grabbing;user-select:none}
.freq-row::-webkit-scrollbar{height:4px}
.freq-row::-webkit-scrollbar-thumb{
  background:rgba(255,160,80,.35);border-radius:4px;
}
.freq-row::after{
  content:"";flex:0 0 max(12px, calc(28% - var(--freq-card-w)));
  pointer-events:none;
}
.st.is-off{display:none !important}
.st{
  position:relative;isolation:isolate;
  flex:0 0 var(--freq-card-w);width:var(--freq-card-w);max-width:var(--freq-card-w);
  height:var(--freq-card-h);
  display:grid;grid-template-columns:var(--freq-card-h) minmax(0,1fr) 40px;
  align-items:stretch;gap:0;
  padding:0;border:0;cursor:pointer;text-align:left;
  border-radius:14px;overflow:hidden;
  background:
    linear-gradient(105deg,rgba(255,190,120,.07),transparent 42%),
    linear-gradient(180deg,#1c1412,#0a080c);
  box-shadow:
    inset 0 1px 0 rgba(255,230,190,.08),
    0 0 0 1px rgba(255,180,100,.22),
    0 10px 24px rgba(0,0,0,.35);
  transition:transform .18s,box-shadow .18s,background .18s;
}
.st::before{
  content:"";position:absolute;left:calc(var(--freq-card-h) + 10px);right:48px;bottom:8px;height:3px;z-index:1;
  border-radius:2px;
  background:repeating-linear-gradient(90deg,
    rgba(255,180,100,.55) 0 2px,
    transparent 2px 7px
  );
  opacity:.55;pointer-events:none;
}
.st:hover,.st.on{
  transform:translateY(-2px);
  box-shadow:
    inset 0 1px 0 rgba(255,240,210,.12),
    0 0 0 1px rgba(255,200,130,.48),
    0 0 28px rgba(255,140,40,.18),
    0 12px 28px rgba(0,0,0,.4);
}
.st.on{
  background:
    linear-gradient(105deg,rgba(255,160,60,.16),transparent 48%),
    linear-gradient(180deg,#241810,#0c0a0e);
}
.st.on{outline:0}
.st-cover{
  position:relative;display:block;width:100%;height:100%;
  background:#140e0c;overflow:hidden;
  border-right:1px solid rgba(255,180,100,.16);
}
.st-cover img{
  width:100%;height:100%;object-fit:cover;display:block;
  transition:transform .3s ease,filter .3s;
  filter:saturate(.85) brightness(.92);
}
.st:hover .st-cover img,.st.on .st-cover img{transform:scale(1.05);filter:saturate(.95) brightness(1)}
.st-cover::after{
  content:"";position:absolute;inset:0;pointer-events:none;
  background:linear-gradient(90deg,transparent 40%,rgba(8,6,10,.35));
}
.st-live{
  position:absolute;left:6px;top:6px;z-index:2;
  font-family:var(--ui);font-size:.52rem;font-weight:850;letter-spacing:.08em;
  color:#fff;padding:3px 6px;border-radius:5px;
  background:linear-gradient(145deg,#ff6b7a,#e11d48);
  box-shadow:0 0 10px rgba(225,29,72,.4);
}
.st:not(.on) .st-live{display:none}
.st-play{
  align-self:center;justify-self:center;
  width:34px;height:34px;border-radius:50%;margin-right:6px;
  display:grid;place-items:center;
  font-size:.68rem;font-weight:800;color:#1a0800;
  background:linear-gradient(165deg,#fff2d8,#ffc078 55%,var(--acc1));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.45),0 0 14px rgba(255,140,40,.32);
  opacity:.88;transition:opacity .18s,transform .18s;
}
.st:hover .st-play,.st.on .st-play{opacity:1;transform:scale(1.05)}
.st.is-playing .st-play{
  opacity:1;
  background:linear-gradient(145deg,#ff6b7a,#e11d48);
  color:#fff;
  box-shadow:0 0 18px rgba(225,29,72,.5);
  animation:stPlayPulse 1.4s ease-in-out infinite;
}
.st.is-playing .st-play::before{content:"??";font-size:.58rem;letter-spacing:.04em}
.st.is-playing .st-play{font-size:0}
@keyframes stPlayPulse{
  0%,100%{box-shadow:0 0 12px rgba(225,29,72,.35)}
  50%{box-shadow:0 0 22px rgba(225,29,72,.65)}
}
@media (prefers-reduced-motion:reduce){
  .st.is-playing .st-play{animation:none}
}
.st-info{
  display:flex;flex-direction:column;justify-content:center;gap:2px;
  padding:10px 8px 16px 12px;min-width:0;position:relative;z-index:1;
}
.st-country{
  font-family:var(--ui);font-size:.58rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase;
  color:rgba(255,200,140,.78);margin:0;
}
.st-info b{
  margin:0;
  font-family:var(--display);font-size:.92rem;font-weight:750;letter-spacing:-.01em;
  color:#fff8f0;line-height:1.15;
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
}
.st-meta{
  font-family:var(--ui);font-size:.7rem;font-weight:600;
  color:rgba(255,220,190,.62);letter-spacing:.02em;
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
}
.freq-foot{
  display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;
  margin-top:6px;padding-top:2px;
  font-family:var(--ui);font-size:.78rem;font-weight:650;
  color:rgba(255,220,180,.58);letter-spacing:.06em;
}
.freq-foot b{
  color:transparent;
  background:linear-gradient(105deg,#fff8ec,#ffd28a 50%,#ff9a3a);
  -webkit-background-clip:text;background-clip:text;
  font-weight:800;
}
@media (max-width:900px){
  .sec--freq .freq-mast{
    grid-template-columns:1fr;grid-template-areas:"k" "h" "note";row-gap:6px;
  }
  .sec--freq .freq-note{
    text-align:left;max-width:none;
    font-size:clamp(.88rem,3.2vw,1.05rem);
    -webkit-text-fill-color:#ffd29a;color:#ffd29a;
    background:none;filter:none;
  }
  .freq-shell{--freq-card-w:min(86vw,300px);--freq-card-h:92px}
}

/* albums */
.albums{display:grid;grid-template-columns:1.35fr 1fr 1fr 1fr;gap:12px}
.album-feat{
  border-radius:18px;overflow:hidden;border:1px solid var(--line);
  background:var(--glass2);display:grid;grid-template-columns:1fr 1.05fr;
}
.album-feat .cover{min-height:240px;background:#1a100c}
.album-feat .body{padding:20px;display:flex;flex-direction:column}
.album-feat h3{font-size:1.25rem;font-weight:800;margin:6px 0 4px}
.album-feat .tracks{font-size:.78rem;color:var(--mute);flex:1;margin-top:8px}
.album-feat .tracks li{display:flex;justify-content:space-between;padding:6px 0;border-bottom:1px solid var(--line)}
.album-mini{border-radius:16px;overflow:hidden;border:1px solid var(--line);background:var(--glass2);transition:transform .2s}
.album-mini:hover{transform:translateY(-3px)}
.album-mini .cover{aspect-ratio:1}
.album-mini .body{padding:12px}
.album-mini b{font-size:.88rem}
.album-mini span{font-size:.7rem;color:var(--mute)}

/* tops */
.tops{display:grid;grid-template-columns:1fr 1fr 1fr;gap:12px}
.top-box{background:var(--glass);backdrop-filter:blur(12px);border:1px solid var(--line);border-radius:18px;padding:16px 18px}
.top-box h3{font-size:.72rem;letter-spacing:.12em;text-transform:uppercase;margin-bottom:12px;color:var(--amber);font-weight:800}
.top-box li{display:grid;grid-template-columns:28px 40px 1fr auto;gap:10px;align-items:center;padding:8px 0;border-bottom:1px solid var(--line);font-size:.84rem}
.top-box li:last-child{border:0}
.top-box .rank{font-weight:800;color:var(--mute);font-variant-numeric:tabular-nums}
.top-box .th{width:40px;height:40px;border-radius:8px;overflow:hidden;background:#1a100c}
.top-box .time{font-size:.72rem;color:var(--mute)}

/* artists */
.artists{display:grid;grid-template-columns:repeat(5,1fr);gap:14px}
.artist{text-align:center}
.artist .ring{
  width:100%;aspect-ratio:1;border-radius:50%;margin-bottom:10px;overflow:hidden;
  border:2px solid rgba(255,122,26,.4);box-shadow:0 8px 28px rgba(0,0,0,.35);
  transition:border-color .2s,box-shadow .2s;
}
.artist:hover .ring{border-color:var(--amber);box-shadow:var(--glow)}
.artist b{display:block;font-size:.88rem}
.artist span{font-size:.7rem;color:var(--mute)}

/* ?? ?ark? S?zleri ?? */
.ly-mast{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(14rem,28rem);
  grid-template-areas:"k aside" "h aside";
  column-gap:clamp(18px,3.5vw,48px);row-gap:8px;
  align-items:end;margin:0 0 18px;padding:4px 0 18px;position:relative;
  overflow:hidden;
}
.ly-mast::before{
  content:"";position:absolute;z-index:0;pointer-events:none;
  left:-4%;right:18%;top:-36%;bottom:-45%;
  background:radial-gradient(ellipse 52% 70% at 18% 50%,rgba(255,138,30,.14),transparent 60%);
}
.ly-mast::after{
  content:"";position:absolute;left:0;right:0;bottom:0;height:2px;z-index:1;pointer-events:none;
  background:linear-gradient(90deg,var(--acc1),#ffc078 34%,transparent 72%);
  box-shadow:0 0 16px rgba(255,138,30,.42);opacity:.85;
}
.ly-mast .ly-k{
  grid-area:k;margin:0;justify-self:start;position:relative;z-index:1;
  display:inline-flex;align-items:center;gap:8px;
  padding:7px 14px;border-radius:999px;
  font-family:var(--ui);font-size:.74rem;font-weight:850;letter-spacing:.16em;text-transform:uppercase;
  color:#1a0800;background:linear-gradient(165deg,#fffaf0,#ffd694 48%,var(--acc1));
  border:1px solid rgba(255,230,190,.7);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.5),0 0 18px rgba(255,138,30,.38);
}
.ly-mast .ly-k::before{
  content:"";width:7px;height:7px;border-radius:50%;background:#1a0800;
  box-shadow:0 0 8px rgba(255,100,40,.5);
}
.ly-mast h2,
.ly-mast .ly-h{
  grid-area:h;margin:0;padding:0;position:relative;z-index:1;
  display:flex;flex-direction:row;flex-wrap:wrap;
  align-items:baseline;justify-content:flex-start;
  gap:.28em .48em;line-height:1;
  filter:none;background:none;-webkit-text-fill-color:unset;color:inherit;
}
.ly-mast .ly-h-soft{
  display:inline-block;
  font-family:var(--script);font-weight:400;font-style:normal;
  font-size:clamp(2.15rem,3.6vw,3.1rem);
  line-height:1;letter-spacing:.02em;
  color:#ffe8c8;-webkit-text-fill-color:#ffe8c8;
  text-shadow:0 0 18px rgba(255,140,40,.32),0 2px 10px rgba(0,0,0,.4);
}
.ly-mast .ly-h-hard{
  display:inline-block;
  font-family:var(--display);font-weight:800;
  font-size:clamp(1.95rem,4vw,3rem);
  letter-spacing:-.025em;line-height:1;text-transform:uppercase;
  color:#ffc878;
  background:linear-gradient(185deg,#fffef9 0%,#ffe6b8 40%,#ffb45a 78%,#ff8a1e 100%);
  -webkit-background-clip:text;background-clip:text;
  -webkit-text-fill-color:transparent;
  filter:drop-shadow(0 2px 12px rgba(255,120,40,.24));
}
.ly-mast-aside{
  grid-area:aside;position:relative;z-index:1;
  display:flex;flex-direction:column;align-items:flex-end;justify-content:center;
  gap:10px;min-height:4.5rem;padding:6px 0 2px;
}
.ly-mast-air{
  position:relative;width:min(100%,360px);height:72px;
  pointer-events:none;
}
.ly-mast-air .ly-air-glow{
  position:absolute;inset:-40% -8% -40% auto;width:85%;
  background:radial-gradient(ellipse at 65% 45%,rgba(255,150,60,.32),transparent 70%);
  filter:blur(3px);
  animation:ly-air-pulse 5.5s ease-in-out infinite alternate;
}
.ly-mast-air svg{
  position:relative;z-index:1;display:block;width:100%;height:100%;
  overflow:visible;
}
.ly-mast-air path{
  fill:none;stroke:rgba(255,190,120,.45);stroke-width:1.5;stroke-linecap:round;
}
.ly-mast-air path:nth-child(2){stroke:rgba(255,140,40,.28);stroke-width:1.1}
.ly-mast-air path:nth-child(3){stroke:rgba(255,220,170,.18);stroke-width:.9}
.ly-mast-air .ly-air-node{
  position:absolute;z-index:2;width:7px;height:7px;border-radius:50%;
  background:#ffb45a;box-shadow:0 0 12px rgba(255,140,40,.7);
  top:42%;right:18%;
  animation:ly-air-node 4.2s ease-in-out infinite;
}
.ly-mast .ly-note{
  margin:0;text-align:right;max-width:28ch;
  font-family:var(--ui);font-size:clamp(.88rem,1.25vw,1.05rem);font-weight:700;
  letter-spacing:.04em;line-height:1.45;
  color:transparent;
  background:linear-gradient(105deg,#fffaf0,#ffd28a 50%,#ff9a3a);
  -webkit-background-clip:text;background-clip:text;
}
@keyframes ly-air-pulse{
  from{opacity:.55;transform:translateX(0)}
  to{opacity:1;transform:translateX(-6px)}
}
@keyframes ly-air-node{
  0%,100%{transform:translate(0,0);opacity:.85}
  50%{transform:translate(-10px,-4px);opacity:1}
}
@media (prefers-reduced-motion:reduce){
  .ly-mast-air .ly-air-glow,
  .ly-mast-air .ly-air-node{animation:none}
}
@media (max-width:900px){
  .ly-mast{
    grid-template-columns:1fr;grid-template-areas:"k" "h" "aside";row-gap:10px;
  }
  .ly-mast-aside{align-items:flex-start}
  .ly-mast .ly-note{text-align:left}
  .ly-mast-air{width:min(100%,280px)}
}
.ly-shell{
  --ly-h:min(580px,68vh);
  display:grid;grid-template-columns:minmax(220px,280px) minmax(0,1fr);gap:0;
  height:var(--ly-h);min-height:460px;
  border-radius:22px;overflow:hidden;
  border:1px solid rgba(255,190,120,.3);
  background:
    linear-gradient(145deg,rgba(255,170,80,.08),transparent 42%),
    linear-gradient(165deg,#1c1412,#0a080c 72%);
  box-shadow:
    inset 0 1px 0 rgba(255,230,190,.12),
    0 24px 56px rgba(0,0,0,.42),
    0 0 48px rgba(255,120,40,.07);
}
.ly-rail{
  display:flex;flex-direction:column;min-height:0;min-width:0;
  border-right:1px solid rgba(255,180,100,.16);
  background:rgba(0,0,0,.32);
}
.ly-rail-head{
  flex:0 0 auto;display:flex;flex-direction:column;gap:10px;
  padding:14px 14px 12px;
  border-bottom:1px solid rgba(255,180,100,.14);
}
.ly-rail-head .ly-rail-title{
  display:flex;align-items:center;justify-content:space-between;gap:10px;
}
.ly-rail-head .ly-rail-title span{
  font-family:var(--ui);font-size:.78rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase;
  color:rgba(255,244,230,.88);
}
.ly-rail-head .ly-rail-title b{
  font-family:var(--ui);font-size:.8rem;font-weight:800;
  color:#1a0800;padding:5px 10px;border-radius:8px;
  background:linear-gradient(165deg,#fff2d8,#ffc078 55%,var(--acc1));
}
.ly-filter{
  display:flex;gap:5px;padding:4px;border-radius:12px;
  background:rgba(8,5,4,.55);border:1px solid rgba(255,180,100,.18);
}
.ly-filter button{
  flex:1;border:0;cursor:pointer;min-height:38px;padding:8px 10px;border-radius:9px;
  font-family:var(--ui);font-size:.72rem;font-weight:800;letter-spacing:.05em;text-transform:uppercase;
  color:rgba(255,236,214,.86);background:transparent;
  transition:color .15s,background .15s;
}
.ly-filter button.is-on{
  color:#1a0800;
  background:linear-gradient(165deg,#fff2d8,#ffc078 55%,var(--acc1));
}
.ly-rail-list{
  flex:1 1 auto;min-height:0;
  overflow-x:hidden;overflow-y:auto;
  padding:8px;display:flex;flex-direction:column;gap:4px;
  -webkit-overflow-scrolling:touch;
  scrollbar-width:thin;scrollbar-color:rgba(255,160,80,.4) transparent;
}
.ly-rail-list::-webkit-scrollbar{width:5px}
.ly-rail-list::-webkit-scrollbar-thumb{background:rgba(255,160,80,.4);border-radius:4px}
.ly-track{
  display:grid;grid-template-columns:44px minmax(0,1fr) auto;gap:10px;align-items:start;
  padding:10px;border-radius:14px;border:1px solid transparent;
  background:transparent;cursor:pointer;text-align:left;color:#fff4e8;
  font-family:var(--ui);transition:background .15s,border-color .15s,box-shadow .15s;
}
.ly-track:hover{background:rgba(255,160,80,.08);border-color:rgba(255,180,100,.2)}
.ly-track.is-on{
  background:rgba(255,140,40,.14);
  border-color:rgba(255,180,100,.38);
  box-shadow:0 0 20px rgba(255,140,40,.12);
}
.ly-track.is-off{display:none !important}
.ly-track img{display:none}
.ly-track .ly-track-txt{min-width:0;padding-top:1px}
.ly-track strong{
  display:block;font-size:.84rem;font-weight:750;letter-spacing:-.01em;
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
}
.ly-track .ly-a{
  display:block;font-size:.66rem;font-weight:600;color:rgba(255,240,228,.82);margin-top:2px;
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
}
.ly-track .ly-alb{
  display:block;font-size:.58rem;font-weight:650;color:rgba(255,228,200,.62);margin-top:3px;
  letter-spacing:.02em;
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
}
.ly-track .ly-alb:empty{display:none}
.ly-track .ly-tag{
  font-size:.6rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase;
  padding:5px 7px;border-radius:7px;color:rgba(255,240,228,.88);
  border:1px solid rgba(255,180,100,.32);background:rgba(0,0,0,.28);
  margin-top:4px;
}
.ly-track.is-on .ly-tag{
  color:#1a0800;border-color:transparent;
  background:linear-gradient(165deg,#fff2d8,#ffc078 55%,var(--acc1));
}
.ly-stage{
  display:flex;flex-direction:column;min-height:0;min-width:0;
  position:relative;
  background:
    radial-gradient(ellipse 55% 48% at 12% 42%,rgba(255,130,40,.1),transparent 60%),
    radial-gradient(ellipse 60% 50% at 92% 28%,rgba(255,160,80,.16),transparent 55%),
    radial-gradient(ellipse 70% 40% at 50% 88%,rgba(255,110,30,.08),transparent 62%),
    linear-gradient(180deg,rgba(22,16,14,.35),rgba(6,5,8,.75));
}
.ly-stage-fx{
  position:absolute;inset:0;z-index:0;pointer-events:none;overflow:hidden;
  border-radius:inherit;
}
.ly-stage-fx .ly-fx-wave{
  position:absolute;left:-10%;right:-10%;opacity:.72;
}
.ly-stage-fx .ly-fx-wave.is-bot{bottom:2%;height:48%}
.ly-stage-fx .ly-fx-wave.is-mid{top:28%;height:38%;opacity:.5}
.ly-stage-fx .ly-fx-wave.is-top{top:8%;height:28%;opacity:.38}
.ly-stage-fx .ly-fx-wave path{
  fill:none;stroke:rgba(255,170,90,.32);stroke-width:1.45;
}
.ly-stage-fx .ly-fx-wave path:nth-child(2){stroke:rgba(255,140,40,.2);stroke-width:1.15}
.ly-stage-fx .ly-fx-wave path:nth-child(3){stroke:rgba(255,200,140,.14);stroke-width:.95}
.ly-stage-fx .ly-fx-ring{
  position:absolute;border-radius:50%;
  border:1px solid rgba(255,180,100,.18);
  box-shadow:inset 0 0 28px rgba(255,140,40,.06);
}
.ly-stage-fx .ly-fx-ring.is-a{width:190px;height:190px;right:-48px;top:14%;opacity:.75}
.ly-stage-fx .ly-fx-ring.is-b{width:110px;height:110px;right:22px;top:calc(14% + 40px);opacity:.5;border-color:rgba(255,180,100,.12)}
.ly-stage-fx .ly-fx-ring.is-c{width:140px;height:140px;left:-50px;top:46%;opacity:.4;border-color:rgba(255,180,100,.12)}
.ly-stage-fx .ly-fx-bars{
  position:absolute;left:16px;bottom:16px;display:flex;align-items:flex-end;gap:4px;height:40px;opacity:.42;
}
.ly-stage-fx .ly-fx-bars.is-r{
  left:auto;right:20px;bottom:22%;opacity:.28;
}
.ly-stage-fx .ly-fx-bars i{
  display:block;width:3px;border-radius:2px;
  background:linear-gradient(180deg,rgba(255,200,140,.75),rgba(255,120,40,.28));
  animation:ly-fx-bar 1.8s ease-in-out infinite alternate;
}
.ly-stage-fx .ly-fx-bars i:nth-child(1){height:28%;animation-delay:0s}
.ly-stage-fx .ly-fx-bars i:nth-child(2){height:62%;animation-delay:.15s}
.ly-stage-fx .ly-fx-bars i:nth-child(3){height:40%;animation-delay:.3s}
.ly-stage-fx .ly-fx-bars i:nth-child(4){height:78%;animation-delay:.08s}
.ly-stage-fx .ly-fx-bars i:nth-child(5){height:48%;animation-delay:.22s}
.ly-stage-fx .ly-fx-bars i:nth-child(6){height:88%;animation-delay:.4s}
.ly-stage-fx .ly-fx-bars i:nth-child(7){height:34%;animation-delay:.18s}
.ly-stage-fx .ly-fx-note{
  position:absolute;font-family:Georgia,serif;font-size:1.35rem;
  color:rgba(255,190,120,.28);text-shadow:0 0 18px rgba(255,140,40,.18);
  animation:ly-fx-float 7s ease-in-out infinite;
}
.ly-stage-fx .ly-fx-note.is-1{right:10%;top:34%;font-size:1.7rem}
.ly-stage-fx .ly-fx-note.is-2{left:6%;top:48%;font-size:1.15rem;animation-delay:1.2s;opacity:.75}
.ly-stage-fx .ly-fx-note.is-3{right:26%;bottom:14%;font-size:1rem;animation-delay:2.1s;opacity:.6}
.ly-stage-fx .ly-fx-note.is-4{left:42%;top:58%;font-size:.9rem;animation-delay:2.8s;opacity:.4}
.ly-stage-fx .ly-fx-note.is-5{right:44%;top:22%;font-size:1.05rem;animation-delay:.7s;opacity:.35}
@keyframes ly-fx-bar{
  from{transform:scaleY(.55);opacity:.55}
  to{transform:scaleY(1);opacity:1}
}
@keyframes ly-fx-float{
  0%,100%{transform:translateY(0) rotate(-6deg)}
  50%{transform:translateY(-10px) rotate(4deg)}
}
@media (prefers-reduced-motion:reduce){
  .ly-stage-fx .ly-fx-bars i,
  .ly-stage-fx .ly-fx-note{animation:none}
}
.ly-stage-top{position:relative;z-index:1}
.ly-stage-top{
  flex:0 0 auto;display:grid;
  grid-template-columns:88px minmax(0,1fr) auto;
  gap:16px;align-items:center;
  padding:18px 22px 12px;
  border-bottom:0;
}
.ly-bridge{
  flex:0 0 auto;position:relative;z-index:1;
  display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:10px;
  margin:0 16px;padding:10px 2px 12px;
  pointer-events:none;
}
.ly-bridge::before{
  content:"";position:absolute;left:0;right:0;top:50%;height:1px;
  background:linear-gradient(90deg,
    rgba(255,180,100,.08),
    rgba(255,180,100,.4) 22%,
    rgba(255,210,150,.65) 50%,
    rgba(255,180,100,.4) 78%,
    rgba(255,180,100,.08));
  box-shadow:0 0 16px rgba(255,140,40,.28);
}
.ly-bridge-wave{
  position:relative;z-index:1;height:26px;min-width:0;
  background:linear-gradient(180deg,rgba(14,10,10,.94),rgba(14,10,10,.78));
  mask-image:linear-gradient(90deg,transparent,black 10%,black 90%,transparent);
  -webkit-mask-image:linear-gradient(90deg,transparent,black 10%,black 90%,transparent);
}
.ly-bridge-wave.is-end{
  transform:scaleX(-1);
}
.ly-bridge-wave svg{display:block;width:100%;height:100%}
.ly-bridge-wave path{
  fill:none;stroke:rgba(255,180,100,.62);stroke-width:1.4;stroke-linecap:round;
}
.ly-bridge-wave path:nth-child(2){stroke:rgba(255,140,40,.32);stroke-width:1.05}
.ly-bridge-chip{
  position:relative;z-index:1;flex:0 0 auto;
  display:inline-flex;align-items:center;gap:6px;
  padding:6px 12px;border-radius:999px;
  font-family:var(--ui);font-size:.64rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase;
  color:#ffe8c8;
  background:rgba(12,8,10,.92);
  border:1px solid rgba(255,190,120,.45);
  box-shadow:0 0 20px rgba(255,140,40,.16);
}
.ly-bridge-chip i{
  width:6px;height:6px;border-radius:50%;background:#ffb45a;
  box-shadow:0 0 8px rgba(255,140,40,.8);
  animation:ly-air-pulse 2.8s ease-in-out infinite alternate;
}
.ly-verse-wrap{
  flex:1 1 auto;min-height:0;position:relative;z-index:1;
  display:flex;flex-direction:column;
}
.ly-verse-fx{
  position:absolute;inset:0;z-index:0;pointer-events:none;overflow:hidden;
}
.ly-verse-fx .ly-vfx-glow{
  position:absolute;border-radius:50%;
  filter:blur(2px);
  animation:ly-air-pulse 6s ease-in-out infinite alternate;
}
.ly-verse-fx .ly-vfx-glow.is-1{
  width:52%;height:58%;left:-10%;top:4%;
  background:radial-gradient(circle,rgba(255,140,40,.2),transparent 68%);
}
.ly-verse-fx .ly-vfx-glow.is-2{
  width:48%;height:54%;right:-8%;top:22%;
  background:radial-gradient(circle,rgba(255,170,80,.18),transparent 70%);
  animation-delay:1.4s;
}
.ly-verse-fx .ly-vfx-glow.is-3{
  width:58%;height:48%;left:18%;bottom:-8%;
  background:radial-gradient(circle,rgba(255,120,40,.16),transparent 68%);
  animation-delay:2.2s;
}
.ly-verse-fx .ly-vfx-wave{
  position:absolute;left:-8%;right:-8%;opacity:.78;
}
.ly-verse-fx .ly-vfx-wave.is-a{top:8%;height:36%}
.ly-verse-fx .ly-vfx-wave.is-b{top:42%;height:40%;opacity:.62}
.ly-verse-fx .ly-vfx-wave.is-c{bottom:0;height:42%;opacity:.7}
.ly-verse-fx .ly-vfx-wave path{
  fill:none;stroke:rgba(255,180,100,.42);stroke-width:1.45;stroke-linecap:round;
}
.ly-verse-fx .ly-vfx-wave path:nth-child(2){stroke:rgba(255,140,40,.28);stroke-width:1.15}
.ly-verse-fx .ly-vfx-wave path.ly-vfx-fill{
  fill:rgba(255,140,40,.045);stroke:rgba(255,170,90,.22);stroke-width:1;
}
.ly-verse-fx .ly-vfx-mark{
  position:absolute;font-family:Georgia,serif;
  color:rgba(255,190,120,.34);pointer-events:none;
  animation:ly-fx-float 8s ease-in-out infinite;
}
.ly-verse-fx .ly-vfx-mark.is-1{left:46%;top:18%;font-size:1.55rem}
.ly-verse-fx .ly-vfx-mark.is-2{left:14%;top:58%;font-size:1.2rem;animation-delay:1.5s}
.ly-verse-fx .ly-vfx-mark.is-3{right:12%;top:36%;font-size:1.35rem;animation-delay:2.4s}
.ly-verse-fx .ly-vfx-mark.is-4{right:34%;bottom:14%;font-size:1.1rem;animation-delay:3.1s;opacity:.7}
.ly-verse-fx .ly-vfx-mark.is-5{left:38%;bottom:28%;font-size:1rem;animation-delay:1.9s;opacity:.45}
.ly-verse-fx .ly-vfx-grid{
  position:absolute;inset:8% 6% 6% 6%;
  opacity:.14;
  background-image:
    linear-gradient(90deg,rgba(255,180,100,.35) 1px,transparent 1px),
    linear-gradient(180deg,rgba(255,180,100,.28) 1px,transparent 1px);
  background-size:48px 48px;
  mask-image:radial-gradient(ellipse at 50% 45%,black 20%,transparent 75%);
  -webkit-mask-image:radial-gradient(ellipse at 50% 45%,black 20%,transparent 75%);
}
@media (prefers-reduced-motion:reduce){
  .ly-verse-fx .ly-vfx-glow,
  .ly-verse-fx .ly-vfx-mark{animation:none}
}
.ly-cov{
  width:88px;height:88px;border-radius:16px;overflow:hidden;flex-shrink:0;
  position:relative;
  box-shadow:
    0 0 0 1px rgba(255,190,120,.4),
    0 14px 32px rgba(0,0,0,.45),
    0 0 28px rgba(255,140,40,.22);
}
.ly-cov img{display:none}
.ly-mark{
  width:100%;height:100%;display:grid;place-items:center;position:relative;
  background:
    radial-gradient(circle at 70% 25%,rgba(255,180,100,.35),transparent 55%),
    linear-gradient(145deg,#3a1810,#0c0808 70%);
}
.ly-mark[data-tone="1"]{background:radial-gradient(circle at 30% 70%,rgba(255,140,40,.3),transparent 50%),linear-gradient(160deg,#2a120c,#0a080a)}
.ly-mark[data-tone="2"]{background:radial-gradient(circle at 80% 40%,rgba(232,160,90,.28),transparent 52%),linear-gradient(150deg,#241410,#08060a)}
.ly-mark[data-tone="3"]{background:radial-gradient(circle at 40% 20%,rgba(255,200,130,.32),transparent 50%),linear-gradient(155deg,#1e1014,#0a080c)}
.ly-mark[data-tone="4"]{background:radial-gradient(circle at 60% 80%,rgba(200,120,60,.3),transparent 48%),linear-gradient(170deg,#28160e,#0c0a08)}
.ly-mark[data-tone="5"]{background:radial-gradient(circle at 50% 50%,rgba(255,160,80,.25),transparent 55%),linear-gradient(135deg,#301810,#0a080a)}
.ly-mark::before{
  content:"";position:absolute;inset:10px;border-radius:50%;
  border:1.5px solid rgba(255,200,140,.35);opacity:.85;pointer-events:none;
}
.ly-mark::after{
  content:"";position:absolute;left:14%;right:14%;bottom:18%;height:2px;
  background:repeating-linear-gradient(90deg,rgba(255,180,100,.55) 0 2px,transparent 2px 6px);
  opacity:.5;pointer-events:none;
}
.ly-mark-letter{
  position:relative;z-index:1;
  font-family:var(--display);font-size:2rem;font-weight:800;letter-spacing:-.02em;
  color:#fff6ec;text-shadow:0 0 20px rgba(255,140,40,.35);
}
.ly-track .ly-mark{
  width:44px;height:44px;border-radius:10px;margin-top:1px;
  box-shadow:0 0 0 1px rgba(255,180,100,.22);
}
.ly-track .ly-mark-letter{font-size:1.05rem}
.ly-track .ly-mark::before{inset:5px}
.ly-track .ly-mark::after{bottom:12%;left:12%;right:12%}
.ly-stage-meta .ly-chip{
  margin:0 0 5px;
  font-family:var(--ui);font-size:.58rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase;
  color:rgba(255,220,180,.88);
}
.ly-stage-meta h3{
  margin:0;font-family:var(--display);font-size:clamp(1.2rem,2.1vw,1.55rem);font-weight:750;
  letter-spacing:-.02em;color:#fffaf4;line-height:1.15;
}
.ly-stage-meta .ly-by{
  margin:6px 0 0;font-family:var(--ui);font-size:.84rem;font-weight:650;
  color:rgba(255,244,232,.9);
}
.ly-stage-meta .ly-album{
  margin:4px 0 0;font-family:var(--ui);font-size:.72rem;font-weight:600;
  color:rgba(255,232,210,.72);letter-spacing:.03em;
}
.ly-stage-meta .ly-album:empty,
.ly-stage-meta .ly-album[hidden]{display:none !important}
.ly-lang{
  display:flex;flex-direction:row;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:10px;
  font-family:var(--ui);
}
.ly-lang .ly-lang-pill{
  padding:9px 14px;border-radius:999px;
  font-size:.78rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase;
  color:rgba(255,230,200,.82);
  background:transparent;
  border:1px solid rgba(255,190,120,.38);
  box-shadow:none;
  white-space:nowrap;
}
.ly-lang .ly-share-btn{
  appearance:none;border:0;cursor:pointer;
  display:inline-flex;align-items:center;justify-content:center;gap:8px;
  min-height:46px;padding:11px 20px;border-radius:12px;
  font-family:var(--ui);font-size:.9rem;font-weight:850;letter-spacing:.03em;
  color:#1a0800;
  background:linear-gradient(165deg,#fff2d8,#ffc078 48%,var(--acc1));
  box-shadow:0 8px 22px rgba(255,120,30,.32);
  transition:filter .15s,transform .12s;
}
.ly-lang .ly-share-btn:hover{filter:brightness(1.06)}
.ly-lang .ly-share-btn:active{transform:translateY(1px)}
.ly-lang .ly-lang-sub{display:none}
.ly-act-hint{
  position:absolute;width:1px;height:1px;padding:0;margin:-1px;
  overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0;
}
.ly-ico{width:16px;height:16px;flex-shrink:0;opacity:.92}

/* eski ?st Kopyala sat?r? kalkt? ? sadece s?tun kopyalar? */
.ly-actions{display:none !important}

.ly-verse{
  flex:1 1 auto;min-height:0;position:relative;z-index:1;
  overflow-x:hidden;overflow-y:auto;
  padding:0;
  -webkit-overflow-scrolling:touch;
  scrollbar-width:thin;scrollbar-color:rgba(255,160,80,.35) transparent;
  transition:opacity .22s ease,transform .22s ease;
  user-select:text;
  background:transparent;
}
.ly-verse.is-fade{opacity:0;transform:translateY(6px)}
.ly-verse::-webkit-scrollbar{width:5px}
.ly-verse::-webkit-scrollbar-thumb{background:rgba(255,160,80,.35);border-radius:4px}
.ly-verse::selection,
.ly-verse *::selection{
  background:rgba(255,160,80,.38);color:#fff8f0;
}

/* ?ift dil */
.ly-verse[data-mode="bi"]{padding:0 0 20px}
.ly-bi-head{
  position:sticky;top:0;z-index:2;
  display:grid;grid-template-columns:1fr 1fr;gap:0;
  background:linear-gradient(180deg,rgba(14,10,10,.97),rgba(14,10,10,.9));
  border-bottom:1px solid rgba(255,180,100,.16);
  backdrop-filter:blur(12px);
}
.ly-bi-colhead{
  display:flex;align-items:center;justify-content:space-between;gap:12px;
  padding:14px 16px 14px 20px;
  min-height:58px;
}
.ly-bi-colhead:last-child{border-left:1px solid rgba(255,180,100,.14)}
.ly-bi-colhead b{
  font-family:var(--ui);font-size:.88rem;font-weight:850;letter-spacing:.12em;text-transform:uppercase;
  color:#fffaf4;
}
.ly-bi-colhead:last-child b{color:#ffd29a}
.ly-bi-colhead .ly-col-copy{
  appearance:none;cursor:pointer;border-style:solid;
  min-height:42px;padding:10px 16px;border-radius:11px;
  font-family:var(--ui);font-size:.84rem;font-weight:800;letter-spacing:.02em;
  box-shadow:none;
  color:#fff8f0 !important;
  background:rgba(255,255,255,.07) !important;
  border:1.5px solid rgba(255,230,200,.55) !important;
  transition:background .15s,border-color .15s,color .15s,transform .12s,box-shadow .15s;
}
/* hover dolgu ? focus kal?c? dolgu YAPMA (t?klay?nca biri dolu kal?yordu) */
.ly-bi-colhead .ly-col-copy:hover{
  color:#1a0800 !important;border-color:transparent !important;
  background:linear-gradient(165deg,#fffaf0,#ffe0b0) !important;
  filter:none;box-shadow:none;
}
.ly-bi-colhead .ly-col-copy:focus{outline:none}
.ly-bi-colhead .ly-col-copy:focus-visible{
  color:#fff8f0 !important;
  background:rgba(255,255,255,.07) !important;
  border-color:rgba(255,210,150,.85) !important;
  box-shadow:0 0 0 2px rgba(255,160,80,.35);
}
.ly-bi-colhead .ly-col-copy:active{transform:translateY(1px)}
.ly-bi-colhead .ly-col-copy.is-sel{
  box-shadow:0 0 0 2px rgba(255,200,120,.55),0 0 18px rgba(255,140,40,.25);
}
.ly-bi-colhead .ly-col-copy.is-ok{
  color:#fff8f0 !important;
  border-color:rgba(255,200,140,.9) !important;
  background:rgba(255,160,80,.16) !important;
  box-shadow:0 0 16px rgba(255,140,40,.35);
}
.ly-pair{
  display:grid;grid-template-columns:1fr 1fr;gap:0;
  border-bottom:1px solid rgba(255,180,100,.07);
  transition:background .15s;
}
.ly-pair:hover{background:rgba(255,160,80,.04)}
.ly-pair.is-gap{min-height:1rem;border-bottom:0;background:transparent}
.ly-pair .ly-o,
.ly-pair .ly-t{
  margin:0;padding:15px 22px;
  font-size:clamp(1.08rem,1.65vw,1.3rem);line-height:1.72;
}
.ly-pair .ly-o{
  font-family:var(--body);font-style:italic;font-weight:400;
  color:rgba(255,246,236,.9);
  border-right:1px solid rgba(255,180,100,.1);
}
.ly-pair .ly-t{
  font-family:var(--ui);font-weight:600;font-style:normal;
  color:#fffaf4;
  letter-spacing:.01em;
}
.ly-pair.is-hot .ly-o{color:#ffe8c8}
.ly-pair.is-hot .ly-t{
  color:#ffd29a;
  text-shadow:0 0 20px rgba(255,140,40,.22);
}
.ly-home-tr .ly-pair .ly-o{
  font-style:normal;font-family:var(--ui);font-weight:600;
  color:#fffaf4;
}
.ly-home-tr .ly-pair .ly-t{
  font-style:italic;font-family:var(--body);font-weight:400;
  color:rgba(255,246,236,.9);
}
.ly-home-tr .ly-bi-colhead:first-child b{color:rgba(255,214,160,.95)}
.ly-home-tr .ly-bi-colhead:last-child b{color:rgba(255,236,214,.78)}

.ly-foot{display:none !important}

/* Payla??m ? frekans kart? */
.ly-share-scrim{
  position:fixed;inset:0;z-index:9200;
  background:rgba(3,2,5,.82);backdrop-filter:blur(14px);
  opacity:0;pointer-events:none;visibility:hidden;
  transition:opacity .28s ease,visibility .28s;
}
.ly-share-scrim.is-open{opacity:1;pointer-events:auto;visibility:visible}
.ly-share-modal{
  position:fixed;z-index:9201;
  left:50%;top:50%;transform:translate(-50%,-48%) scale(.97);
  width:min(420px,calc(100vw - 22px));
  max-height:min(90vh,680px);overflow:auto;
  padding:20px 18px 16px;
  border-radius:26px;
  border:1px solid rgba(255,190,120,.36);
  background:
    radial-gradient(ellipse 100% 70% at 50% -20%,rgba(255,140,40,.28),transparent 55%),
    radial-gradient(circle at 12% 88%,rgba(255,100,40,.1),transparent 40%),
    linear-gradient(175deg,#241814 0%,#120e0e 48%,#0a080a 100%);
  box-shadow:
    0 0 0 1px rgba(255,230,190,.1) inset,
    0 36px 80px rgba(0,0,0,.62),
    0 0 90px rgba(255,120,40,.16);
  opacity:0;pointer-events:none;visibility:hidden;
  transition:opacity .28s ease,transform .28s cubic-bezier(.2,.8,.2,1),visibility .28s;
  scrollbar-width:thin;scrollbar-color:rgba(255,160,80,.35) transparent;
  text-align:center;
}
.ly-share-modal.is-open{
  opacity:1;pointer-events:auto;visibility:visible;
  transform:translate(-50%,-50%) scale(1);
}
.ly-share-x{
  appearance:none;border:0;cursor:pointer;
  position:absolute;top:10px;right:10px;z-index:2;
  width:44px;height:44px;border-radius:12px;
  font-size:.95rem;line-height:1;color:rgba(255,236,214,.72);
  background:rgba(0,0,0,.28);border:1px solid rgba(255,180,100,.2);
}
.ly-share-x:hover{background:rgba(255,160,80,.18);color:#fff}
.ly-share-stage{
  position:relative;
  margin:6px 2px 0;padding:22px 18px 18px;
  border-radius:20px;
  text-align:left;
  border:1px solid rgba(255,180,100,.22);
  background:
    linear-gradient(160deg,rgba(255,160,80,.1),transparent 42%),
    rgba(0,0,0,.38);
  box-shadow:inset 0 1px 0 rgba(255,220,180,.08);
}
.ly-share-stage .ly-sh-freq{
  margin:0 0 14px;
  font-family:var(--ui);font-size:.58rem;font-weight:800;letter-spacing:.2em;text-transform:uppercase;
  color:rgba(255,190,120,.7);
}
.ly-share-quote{
  margin:0;padding:0;border:0;background:transparent;max-height:none;
  font-family:var(--poster),var(--display);font-size:clamp(1.15rem,3.2vw,1.42rem);
  font-style:normal;font-weight:400;line-height:1.45;letter-spacing:.01em;
  color:#fffaf4;white-space:pre-wrap;
}
.ly-share-meta{
  display:grid;grid-template-columns:48px minmax(0,1fr);gap:12px;align-items:center;
  margin-top:18px;padding-top:14px;
  border-top:1px solid rgba(255,180,100,.16);
}
.ly-share-mark{
  width:48px;height:48px;margin:0;border-radius:13px;overflow:hidden;
  box-shadow:0 0 0 1px rgba(255,190,120,.35),0 8px 18px rgba(0,0,0,.35);
}
.ly-share-mark .ly-mark{width:100%;height:100%;border-radius:13px}
.ly-share-mark .ly-mark-letter{font-size:1.2rem}
.ly-share-meta-txt h3{
  margin:0;font-family:var(--display);font-size:1rem;font-weight:750;
  color:#fffaf4;letter-spacing:-.02em;line-height:1.2;
}
.ly-share-meta-txt .ly-sh-by{
  margin:4px 0 0;
  font-family:var(--ui);font-size:.78rem;font-weight:650;
  color:rgba(255,236,214,.86);
}
.ly-share-meta-txt .ly-sh-alb{
  margin:2px 0 0;
  font-family:var(--ui);font-size:.66rem;font-weight:600;
  color:rgba(255,210,170,.55);
}
.ly-share-meta-txt .ly-sh-alb:empty{display:none}
.ly-sh-send{
  margin:14px 0 10px;
  font-family:var(--ui);font-size:.58rem;font-weight:800;letter-spacing:.16em;text-transform:uppercase;
  color:rgba(255,200,140,.55);
}
.ly-share-lang{
  display:flex;flex-wrap:wrap;justify-content:center;gap:6px;
  margin:14px 0 0;padding:4px;
  border-radius:14px;
  background:rgba(0,0,0,.28);
  border:1px solid rgba(255,180,100,.18);
}
.ly-share-lang button{
  appearance:none;border:0;cursor:pointer;
  min-height:44px;padding:8px 14px;border-radius:10px;
  font-family:var(--ui);font-size:.68rem;font-weight:750;letter-spacing:.04em;
  color:#fff6ec;
  background:transparent;
  border:1px solid transparent;
  transition:background .15s,color .15s,border-color .15s;
}
.ly-share-lang button:hover{
  border-color:rgba(255,180,100,.28);background:rgba(255,160,80,.1);
}
.ly-share-lang button.is-on{
  color:#1a0800;border-color:transparent;
  background:linear-gradient(165deg,#fff2d8,#ffc078 55%,var(--acc1));
}
.ly-share-social{
  display:flex;flex-wrap:nowrap;justify-content:center;gap:12px;
  margin:0;padding:0 4px;
}
.ly-share-social a,
.ly-share-social button{
  appearance:none;border:0;cursor:pointer;text-decoration:none;
  display:grid;place-items:center;
  width:52px;height:52px;padding:0;border-radius:50%;
  background:rgba(255,255,255,.03);
  border:1px solid rgba(255,180,100,.28);
  transition:transform .15s,border-color .15s,background .15s,box-shadow .15s;
}
.ly-share-social a:hover,
.ly-share-social button:hover{
  transform:translateY(-2px);
  border-color:rgba(255,200,140,.55);
  background:rgba(255,160,80,.12);
  box-shadow:0 10px 22px rgba(255,120,30,.2);
}
.ly-share-social .ly-sh-ico{
  width:100%;height:100%;border-radius:50%;
  display:grid;place-items:center;
  font-size:.82rem;font-weight:850;
  color:#fff6ec;
  background:transparent;
  box-shadow:none;
}
.ly-share-social .ly-sh-ico.is-x,
.ly-share-social .ly-sh-ico.is-fb,
.ly-share-social .ly-sh-ico.is-wa,
.ly-share-social .ly-sh-ico.is-tg,
.ly-share-social .ly-sh-ico.is-ig{
  background:transparent;color:#fff6ec;
}
.ly-share-foot{
  margin-top:18px;display:grid;grid-template-columns:1.35fr 1fr;gap:8px;
}
.ly-share-foot button{
  appearance:none;border:0;cursor:pointer;
  min-height:48px;border-radius:14px;
  font-family:var(--ui);font-size:.82rem;font-weight:750;
}
.ly-share-foot #ly-sh-copy{
  color:#1a0800;
  background:linear-gradient(165deg,#fff2d8,#ffc078 50%,var(--acc1));
  box-shadow:0 12px 28px rgba(255,120,30,.28);
}
.ly-share-foot .ly-sh-ghost{
  color:#fff6ec;
  background:rgba(255,255,255,.04);
  border:1px solid rgba(255,180,100,.28);
}
.ly-share-modal .ly-sh-bookmark{
  appearance:none;border:0;cursor:pointer;
  display:flex;align-items:center;justify-content:center;gap:8px;
  width:100%;margin:12px 0 0;padding:12px 14px;border-radius:12px;
  font-family:var(--ui);font-size:.8rem;font-weight:800;letter-spacing:.04em;
  color:#1a0800;
  background:linear-gradient(165deg,#fff6e8,#ffd9a0 55%,#ffb45a);
  box-shadow:0 6px 18px rgba(255,140,40,.22);
  text-decoration:none;
}
.ly-share-modal .ly-sh-bookmark:hover{filter:brightness(1.05)}
.ly-share-modal .ly-sh-bookmark:active{transform:translateY(1px)}
.ly-share-modal .ly-sh-bookmark svg{width:16px;height:16px;flex-shrink:0}
.ly-share-modal .ly-sh-status{
  margin:8px 0 0;min-height:1.1em;
  font-family:var(--ui);font-size:.64rem;font-weight:650;
  color:rgba(255,230,200,.72);letter-spacing:.04em;
}

/* Tablet: yan yana kals?n, nefes arts?n */
@media (min-width:641px) and (max-width:1100px){
  .ly-shell{
    --ly-h:min(560px,70vh);
    grid-template-columns:minmax(200px,240px) minmax(0,1fr);
  }
  .ly-stage-top{grid-template-columns:72px minmax(0,1fr);gap:14px}
  .ly-lang{grid-column:1 / -1;flex-direction:row;align-items:center;justify-content:flex-start;gap:12px;padding-top:2px}
  .ly-lang .ly-lang-sub{text-align:left;max-width:none}
  .ly-cov{width:72px;height:72px}
  .ly-pair .ly-o,.ly-pair .ly-t{padding:12px 16px}
}

@media (max-width:640px){
  .ly-shell{
    --ly-h:auto;height:auto;min-height:0;
    grid-template-columns:1fr;
    /* sahne: ekran?n b?y?k k?sm? s?zlere ? header chrome ezmesin */
    grid-template-rows:auto minmax(560px, calc(100dvh - var(--player, 84px) - 72px));
  }
  .ly-rail{border-right:0;border-bottom:1px solid rgba(255,180,100,.16)}
  .ly-rail-list{
    flex-direction:row;overflow-x:auto;overflow-y:hidden;
    padding:8px 10px;gap:8px;scroll-snap-type:x proximity;
    max-height:118px;
  }
  .ly-track{
    flex:0 0 min(72vw,250px);width:min(72vw,250px);
    scroll-snap-align:start;
    background:rgba(255,255,255,.03);
    border-color:rgba(255,180,100,.12);
    padding:8px 10px;min-height:0;
  }
  .ly-stage{
    min-height:560px;
  }
  .ly-stage-top{
    grid-template-columns:52px minmax(0,1fr);
    padding:10px 12px 4px;gap:10px;
  }
  .ly-bridge{margin:0 10px;padding:4px 0 6px;gap:6px}
  .ly-bridge-chip{font-size:.56rem;padding:4px 8px}
  .ly-verse-fx .ly-vfx-mark{opacity:.35}
  .ly-cov{width:52px;height:52px;border-radius:11px}
  .ly-stage-meta h3{font-size:1.05rem;line-height:1.2}
  .ly-stage-meta .ly-by{font-size:.78rem}
  .ly-stage-meta .ly-chip{font-size:.58rem;margin-bottom:2px}
  /* Payla? sat?r?: pill + tam boy payla? */
  .ly-lang{
    grid-column:1 / -1;
    display:grid;grid-template-columns:auto minmax(0,1fr);
    align-items:center;gap:8px;padding-top:2px;
  }
  .ly-lang .ly-share-btn{width:100%;min-height:42px;padding:10px 14px;font-size:.84rem}
  .ly-lang .ly-lang-pill{padding:7px 11px;font-size:.68rem}
  .ly-lang .ly-lang-sub{display:none}
  /* Dil ba?l?klar? kompakt; s?z alan? b?y?s?n */
  .ly-bi-head{grid-template-columns:1fr;gap:0}
  .ly-bi-colhead{
    padding:8px 12px;min-height:40px;
    justify-content:space-between;
  }
  .ly-bi-colhead:last-child{
    border-left:0;
    border-top:1px solid rgba(255,180,100,.14);
  }
  .ly-bi-colhead b{font-size:.72rem;letter-spacing:.1em}
  .ly-bi-colhead .ly-col-copy{
    min-height:36px;padding:8px 12px;font-size:.72rem;flex-shrink:0;
  }
  .ly-verse-wrap{
    flex:1 1 auto;
    min-height:min(58vh, 520px);
  }
  .ly-verse{
    min-height:min(52vh, 460px);
  }
  .ly-filter button{min-height:40px;font-size:.7rem}
  .ly-pair{
    grid-template-columns:1fr;
    padding:10px 14px 12px;gap:4px;
    border-bottom:1px solid rgba(255,180,100,.1);
  }
  .ly-pair .ly-o,
  .ly-pair .ly-t{padding:4px 0;border:0}
  .ly-pair .ly-o{font-size:.95rem;opacity:1}
  .ly-pair .ly-t{font-size:1.05rem}
  .ly-share-modal{width:min(100vw - 18px,420px);padding:16px 14px 12px}
  .ly-share-stage{padding:18px 14px 14px}
  .ly-share-quote{font-size:1.12rem}
  .ly-share-social{gap:10px}
  .ly-share-social a,
  .ly-share-social button{width:46px;height:46px}
}

/* eski doors / lyrics park ? kullan?lm?yor */
.doors,.lyrics{display:none!important}

/* blog kartlar? (WP body.blog ile ?ak??mas?n ? .blog kullan?lm?yor) */
.blog-grid{display:grid;grid-template-columns:1.45fr 1fr 1fr;gap:12px}
.blog-grid article{
  border-radius:16px;overflow:hidden;border:1px solid var(--line);background:var(--glass2);
  display:flex;flex-direction:column;transition:transform .2s;
}
.blog-grid article:hover{transform:translateY(-3px)}
.blog-grid .th{aspect-ratio:16/10;background:#1a100c}
.blog-grid .body{padding:16px;flex:1;display:flex;flex-direction:column}
.blog-grid .cat{font-size:.6rem;letter-spacing:.1em;text-transform:uppercase;color:var(--amber);font-weight:800;margin-bottom:8px}
.blog-grid h3{font-size:1.02rem;font-weight:750;letter-spacing:-.02em;line-height:1.3;margin-bottom:8px}
.blog-grid p{font-size:.8rem;color:var(--mute);flex:1}
.blog-grid .more{margin-top:12px;font-size:.76rem;font-weight:700;color:var(--amber)}
.blog-grid article:first-child h3{font-size:1.35rem}

/* eski events strip ? Yakla?an geceler kalkt? */
.events,.ev{display:none !important}

/* feats */
.feats{
  margin:28px var(--page-gutter);padding:18px 20px;border-radius:18px;border:1px solid var(--line);
  display:grid;grid-template-columns:repeat(4,1fr);gap:12px;
  background:var(--glass);backdrop-filter:blur(14px);
}
.feats div{display:flex;align-items:center;gap:12px;font-size:.84rem;font-weight:600;color:var(--mute)}
.feats i{
  width:42px;height:42px;border-radius:12px;background:rgba(255,122,26,.12);color:var(--amber);
  display:grid;place-items:center;font-style:normal;font-weight:800;font-size:.75rem;border:1px solid rgba(255,122,26,.2);
}

footer.site-foot{
  position:relative;
  width:100%;max-width:none;margin:0;padding:0;
  box-sizing:border-box;
  overflow:hidden;
  background:
    radial-gradient(ellipse 55% 60% at 12% 0%,rgba(255,138,30,.16),transparent 55%),
    radial-gradient(ellipse 40% 45% at 88% 80%,rgba(255,80,40,.07),transparent 50%),
    linear-gradient(180deg,#161218 0%,#0c0a10 45%,#08060a 100%);
  font-family:var(--ui);
}
footer.site-foot::before{
  content:"";position:absolute;left:0;right:0;top:0;height:3px;z-index:3;pointer-events:none;
  background:linear-gradient(90deg,
    #5a1808 0%,var(--acc2) 18%,var(--acc1) 42%,#ffc078 52%,var(--acc1) 62%,#ff5e3a 82%,#3a0c18 100%);
  box-shadow:0 0 28px rgba(255,120,40,.4);
}
.foot-atmos{
  position:absolute;inset:0;z-index:0;pointer-events:none;overflow:hidden;
}
.foot-atmos-wave{
  position:absolute;left:-5%;right:-5%;bottom:18%;height:42%;opacity:.4;
}
.foot-atmos-wave path{fill:none;stroke:rgba(255,180,100,.28);stroke-width:1.2;stroke-linecap:round}
.foot-atmos-eq{
  position:absolute;right:var(--page-gutter);top:28%;
  display:flex;align-items:flex-end;gap:4px;height:48px;opacity:.45;
}
.foot-atmos-eq i{
  display:block;width:3px;border-radius:2px;
  background:linear-gradient(180deg,#ffd7a8,var(--acc1));
  animation:foot-eq 1.4s ease-in-out infinite alternate;
}
.foot-atmos-eq i:nth-child(1){height:28%;animation-delay:0s}
.foot-atmos-eq i:nth-child(2){height:62%;animation-delay:.12s}
.foot-atmos-eq i:nth-child(3){height:40%;animation-delay:.24s}
.foot-atmos-eq i:nth-child(4){height:78%;animation-delay:.08s}
.foot-atmos-eq i:nth-child(5){height:34%;animation-delay:.3s}
.foot-atmos-eq i:nth-child(6){height:55%;animation-delay:.18s}
.foot-atmos-eq i:nth-child(7){height:22%;animation-delay:.36s}
@keyframes foot-eq{to{transform:scaleY(1.35);opacity:.85}}
@media (prefers-reduced-motion:reduce){
  .foot-atmos-eq i{animation:none}
}

.foot-head{
  position:relative;z-index:1;
  display:grid;
  grid-template-columns:minmax(0,1.2fr) auto;
  gap:clamp(20px,3vw,40px);
  align-items:end;
  padding:clamp(40px,5.5vw,68px) var(--page-gutter) 28px;
  box-sizing:border-box;
}
.foot-brand-block .foot-logo{
  display:inline-flex;align-items:center;gap:14px;
  text-decoration:none;color:#fff6ec;
}
.foot-brand-block .foot-logo b{
  font-family:var(--display);font-size:clamp(1.25rem,2vw,1.45rem);font-weight:800;letter-spacing:-.03em;
}
.foot-brand-block .foot-logo small{
  display:block;margin-top:3px;
  font-size:.62rem;font-weight:800;letter-spacing:.2em;text-transform:uppercase;
  color:rgba(255,190,120,.75);
}
.foot-tag{
  margin:16px 0 0;max-width:42ch;
  font-family:var(--body);font-size:.92rem;line-height:1.65;
  color:rgba(244,241,236,.66);
}
.foot-actions{
  display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:10px;
}
.foot-cta{
  display:inline-flex;align-items:center;justify-content:center;gap:8px;
  min-height:48px;padding:0 22px;border-radius:12px;
  font-family:var(--ui);font-size:.78rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;
  text-decoration:none;color:#1a0800;
  background:linear-gradient(165deg,#fff8ec,#ffd28a 42%,var(--acc1) 88%);
  border:1px solid rgba(255,230,190,.55);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.45),
    0 12px 32px rgba(255,120,40,.28),
    0 0 0 1px rgba(0,0,0,.25);
}
.foot-cta:hover{filter:brightness(1.06)}
.foot-cta-ghost{
  display:inline-flex;align-items:center;justify-content:center;
  min-height:48px;padding:0 18px;border-radius:12px;
  font-family:var(--ui);font-size:.76rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;
  text-decoration:none;color:#ffe8c8;
  background:rgba(255,255,255,.04);
  border:1px solid rgba(255,180,100,.3);
  box-shadow:inset 0 1px 0 rgba(255,230,190,.08);
}
.foot-cta-ghost:hover{
  background:rgba(255,160,80,.12);
  border-color:rgba(255,200,140,.45);
  color:#fff6ec;
}

.foot-map-wrap{
  position:relative;z-index:1;
  padding:0 var(--page-gutter) 28px;
  box-sizing:border-box;
}
.foot-map-k{
  margin:0 0 12px;
  font-family:var(--ui);font-size:.62rem;font-weight:800;letter-spacing:.18em;text-transform:uppercase;
  color:rgba(255,190,120,.65);
}
.foot-map{
  display:grid;
  grid-template-columns:repeat(6,minmax(0,1fr));
  gap:10px;
}
.foot-scene{
  position:relative;overflow:hidden;
  display:flex;flex-direction:column;gap:6px;
  min-height:108px;padding:16px 14px;
  border-radius:16px;
  text-decoration:none;color:#fff6ec;
  border:1px solid rgba(255,180,100,.22);
  background:
    linear-gradient(160deg,rgba(255,150,60,.1),transparent 48%),
    rgba(0,0,0,.32);
  box-shadow:inset 0 1px 0 rgba(255,230,190,.1);
  transition:transform .18s,border-color .18s,box-shadow .18s,background .18s;
}
.foot-scene:hover{
  transform:translateY(-3px);
  border-color:rgba(255,200,140,.45);
  box-shadow:
    inset 0 1px 0 rgba(255,230,190,.16),
    0 14px 32px rgba(0,0,0,.35),
    0 0 24px rgba(255,120,40,.12);
  background:
    linear-gradient(160deg,rgba(255,160,80,.18),transparent 50%),
    rgba(12,8,10,.55);
}
.foot-scene-n{
  font-family:var(--ui);font-size:.62rem;font-weight:800;letter-spacing:.14em;
  color:rgba(255,190,120,.55);
}
.foot-scene b{
  font-family:var(--display);font-size:.95rem;font-weight:800;letter-spacing:-.02em;
  color:#fff8f0;
}
.foot-scene span{
  font-family:var(--body);font-size:.78rem;line-height:1.4;
  color:rgba(244,241,236,.55);
}

.foot-signal{
  position:relative;z-index:1;
  display:flex;flex-wrap:wrap;align-items:center;gap:8px;
  margin:0 var(--page-gutter) 22px;
  padding:10px 12px;
  border-radius:14px;
  border:1px solid rgba(255,180,100,.2);
  background:
    linear-gradient(90deg,rgba(255,140,40,.08),transparent 40%,rgba(255,140,40,.06)),
    rgba(0,0,0,.28);
  box-shadow:inset 0 1px 0 rgba(255,230,190,.08);
}
.foot-signal-lab{
  margin-right:6px;
  font-family:var(--ui);font-size:.58rem;font-weight:800;letter-spacing:.16em;text-transform:uppercase;
  color:rgba(255,190,120,.55);
}
.foot-signal a{
  display:inline-flex;align-items:center;gap:7px;
  min-height:32px;padding:0 12px;border-radius:999px;
  font-family:var(--ui);font-size:.7rem;font-weight:750;letter-spacing:.06em;text-transform:uppercase;
  text-decoration:none;color:rgba(255,230,210,.78);
  background:rgba(255,255,255,.03);
  border:1px solid rgba(255,180,100,.16);
  transition:color .15s,background .15s,border-color .15s;
}
.foot-signal a::before{
  content:"";width:6px;height:6px;border-radius:50%;
  background:linear-gradient(145deg,#ffd7a8,var(--acc1));
  box-shadow:0 0 8px rgba(255,138,30,.5);
}
.foot-signal a:hover{
  color:#1a0800;
  background:linear-gradient(165deg,#fff2d8,#ffc078 55%,var(--acc1));
  border-color:rgba(255,220,170,.5);
}
.foot-signal a:hover::before{background:#1a0800;box-shadow:none}
.foot-pages{
  position:relative;z-index:1;
  display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:10px;
  margin:0 var(--page-gutter) 18px;
  padding:12px 14px;
  border-radius:14px;
  border:1px solid rgba(255,180,100,.18);
  background:rgba(0,0,0,.22);
}
.foot-pages a{
  display:inline-flex;align-items:center;
  min-height:36px;padding:0 14px;border-radius:999px;
  font-family:var(--ui);font-size:.72rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;
  text-decoration:none;color:#ffe8c8;
  background:rgba(255,160,80,.08);
  border:1px solid rgba(255,180,100,.28);
  transition:background .15s,color .15s,border-color .15s;
}
.foot-pages a:hover{
  color:#1a0800;
  background:linear-gradient(165deg,#fff2d8,#ffc078 55%,var(--acc1));
  border-color:rgba(255,220,170,.5);
}

/* Yukar? ??k ? sticky player ?st?nde */
.scroll-top{
  position:fixed;z-index:55;
  right:max(14px, var(--page-gutter));
  bottom:calc(var(--player) + 18px + env(safe-area-inset-bottom, 0px));
  width:48px;height:48px;padding:0;border:0;cursor:pointer;
  border-radius:14px;
  display:grid;place-items:center;
  color:#1a0800;
  background:linear-gradient(165deg,#fff8ec,#ffd28a 42%,var(--acc1) 88%);
  border:1px solid rgba(255,230,190,.6);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.5),
    0 10px 28px rgba(255,120,40,.35),
    0 0 0 1px rgba(0,0,0,.25);
  opacity:0;visibility:hidden;pointer-events:none;
  transform:translateY(10px);
  transition:opacity .22s,visibility .22s,transform .22s,filter .15s,bottom .22s;
}
.scroll-top.is-on{
  opacity:1;visibility:visible;pointer-events:auto;
  transform:translateY(0);
}
.scroll-top:hover{filter:brightness(1.06)}
.scroll-top svg{width:22px;height:22px;display:block}
@media (max-width:640px){
  .scroll-top{
    right:12px;
    bottom:calc(var(--player) + 14px + env(safe-area-inset-bottom, 0px));
    width:46px;height:46px;border-radius:13px;
  }
}

#yayin,#dj,#radyo,#sozler,#album,#yazilar,#tanitim,#sohbet,#player{
  scroll-margin-top:96px;
}

.foot-bar{
  position:relative;z-index:1;
  display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;
  padding:16px var(--page-gutter) 18px;
  border-top:1px solid rgba(255,180,100,.14);
  background:linear-gradient(180deg,rgba(255,140,40,.05),transparent);
  font-size:.72rem;font-weight:650;letter-spacing:.05em;
  color:rgba(244,241,236,.42);
}
.foot-bar a{color:rgba(255,200,140,.72);text-decoration:none}
.foot-bar a:hover{color:#ffd7a8}

@media (max-width:1200px){
  .foot-map{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media (max-width:900px){
  .foot-head{grid-template-columns:1fr;align-items:start}
  .foot-actions{justify-content:flex-start}
  .foot-atmos-eq{display:none}
}
@media (max-width:640px){
  .foot-map{grid-template-columns:1fr 1fr}
  .foot-scene{min-height:96px}
  .foot-bar{padding-bottom:14px}
}

/* Blog yaz?lar? ? e?it kapak / ?zet grid (son yaz?lar) */
.sec--notes{
  position:relative;
  padding:0;
  overflow:hidden;
  background:#08060a;
}
.sec--notes::before{
  content:"";position:absolute;left:0;right:0;top:0;height:3px;z-index:3;pointer-events:none;
  background:linear-gradient(90deg,
    #3a0c18 0%,var(--acc2) 22%,var(--acc1) 48%,#ffc078 58%,var(--acc1) 72%,#5a1808 100%);
  box-shadow:0 0 24px rgba(255,120,40,.4);
}
.sec--notes > .wrap{
  position:relative;z-index:1;
  padding:clamp(36px,5vw,64px) var(--page-gutter) clamp(40px,5.5vw,68px);
}
.notes-mast{
  position:relative;isolation:isolate;
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  grid-template-areas:"k all" "h all";
  column-gap:clamp(18px,3vw,40px);row-gap:10px;
  align-items:end;
  margin:0 0 clamp(22px,3vw,34px);
  padding:0 0 16px;
}
.notes-mast::after{
  content:"";position:absolute;left:0;right:0;bottom:0;height:2px;pointer-events:none;
  background:linear-gradient(90deg,var(--acc1),#ffc078 28%,transparent 70%);
  box-shadow:0 0 14px rgba(255,138,30,.4);opacity:.85;
}
.notes-mast-glow{
  position:absolute;z-index:0;pointer-events:none;
  inset:-20% 10% -30% -4%;
  background:
    radial-gradient(ellipse 44% 75% at 12% 50%,rgba(255,138,30,.14),transparent 58%),
    radial-gradient(ellipse 30% 50% at 70% 40%,rgba(255,100,40,.07),transparent 55%);
}
.notes-mast > *:not(.notes-mast-glow){position:relative;z-index:1}
.notes-k{
  grid-area:k;margin:0;justify-self:start;
  display:inline-flex;align-items:center;gap:8px;
  padding:7px 14px;border-radius:999px;
  font-family:var(--ui);font-size:.74rem;font-weight:850;letter-spacing:.16em;text-transform:uppercase;
  color:#1a0800;
  background:linear-gradient(165deg,#fffaf0,#ffd694 48%,var(--acc1));
  border:1px solid rgba(255,230,190,.7);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.5),0 0 18px rgba(255,138,30,.38);
}
.notes-k i{width:7px;height:7px;border-radius:50%;background:#1a0800}
.notes-h{
  grid-area:h;margin:0;
  display:flex;flex-wrap:wrap;align-items:baseline;gap:.15em .4em;line-height:.95;
}
.notes-h-soft{
  font-family:var(--script);font-weight:400;
  font-size:clamp(2.2rem,4.6vw,3.2rem);
  color:#ffe8c8;text-shadow:0 0 24px rgba(255,120,40,.35);
}
.notes-h-hard{
  font-family:"Dela Gothic One",var(--display);font-weight:400;
  font-size:clamp(1.85rem,4.4vw,3.1rem);
  letter-spacing:.02em;text-transform:uppercase;
  background:linear-gradient(185deg,#fffef8 0%,#ffe0a8 35%,#ff9a3a 72%,#ff4d2a 100%);
  -webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;
  filter:drop-shadow(0 4px 18px rgba(255,80,30,.28));
}
.notes-all{
  grid-area:all;align-self:center;justify-self:end;
  display:inline-flex;align-items:center;gap:8px;
  min-height:44px;padding:0 16px;border-radius:12px;
  font-family:var(--ui);font-size:.76rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;
  text-decoration:none;color:#ffe8c8;
  background:rgba(255,255,255,.04);
  border:1px solid rgba(255,180,100,.3);
  transition:background .15s,border-color .15s,color .15s,box-shadow .15s;
}
.notes-all:hover{
  color:#1a0800;
  background:linear-gradient(165deg,#fff2d8,#ffc078 55%,var(--acc1));
  border-color:rgba(255,220,170,.5);
  box-shadow:0 0 20px rgba(255,140,40,.28);
}
.notes-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:clamp(12px,1.8vw,18px);
}
.note-card{
  display:flex;flex-direction:column;
  min-width:0;
  border-radius:18px;overflow:hidden;
  border:1px solid rgba(255,180,100,.22);
  background:
    linear-gradient(165deg,rgba(255,150,60,.08),transparent 42%),
    rgba(10,8,12,.92);
  box-shadow:inset 0 1px 0 rgba(255,230,190,.08),0 16px 36px rgba(0,0,0,.35);
  transition:transform .2s ease,border-color .2s,box-shadow .2s;
}
.note-card:hover{
  transform:translateY(-4px);
  border-color:rgba(255,200,140,.42);
  box-shadow:
    inset 0 1px 0 rgba(255,230,190,.14),
    0 22px 48px rgba(0,0,0,.45),
    0 0 28px rgba(255,120,40,.12);
}
.note-cover{
  position:relative;display:block;overflow:hidden;
  aspect-ratio:16 / 10;
  background:#1a100c;
}
.note-cover img{
  width:100%;height:100%;object-fit:cover;display:block;
  transition:transform .45s ease;
}
.note-card:hover .note-cover img{transform:scale(1.06)}
.note-cover::after{
  content:"";position:absolute;inset:0;pointer-events:none;
  background:linear-gradient(180deg,transparent 55%,rgba(8,6,10,.55) 100%);
  opacity:.85;
}
.note-body{
  display:flex;flex-direction:column;flex:1;
  padding:16px 16px 18px;
  gap:10px;
}
.note-meta{
  display:flex;flex-wrap:wrap;align-items:center;gap:6px 8px;
  font-family:var(--ui);font-size:.68rem;font-weight:750;letter-spacing:.06em;text-transform:uppercase;
  color:rgba(255,200,140,.7);
}
.note-meta .note-sep{opacity:.45}
.note-body h3{
  margin:0;
  font-family:var(--display);font-size:1.05rem;font-weight:800;letter-spacing:-.025em;line-height:1.25;
}
.note-body h3 a{
  color:#fff8f0;text-decoration:none;
  transition:color .15s;
}
.note-body h3 a:hover{color:#ffd7a8}
.note-excerpt{
  margin:0;
  flex:1;
  font-family:var(--body);font-size:.88rem;line-height:1.55;
  color:rgba(244,241,236,.68);
  display:-webkit-box;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:3;
  overflow:hidden;
  min-height:calc(1.55em * 3);
}
.note-more{
  margin-top:auto;
  display:inline-flex;align-items:center;gap:6px;
  font-family:var(--ui);font-size:.74rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase;
  text-decoration:none;color:#ffc078;
  transition:color .15s,gap .15s;
}
.note-more:hover{color:#fff2d8;gap:10px}
@media (max-width:1200px){
  .notes-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media (max-width:900px){
  .notes-mast{grid-template-columns:1fr;grid-template-areas:"k" "h" "all"}
  .notes-all{justify-self:start}
  .notes-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:560px){
  .notes-grid{grid-template-columns:1fr}
}

/* Site tan?t?m? ? frekans notu (SEO omurgas?, sahne dili) */
.sec--seo{
  position:relative;
  padding:0;
  overflow:hidden;
  background:#070508;
}
.sec--seo::before{
  content:"";position:absolute;left:0;right:0;top:0;height:3px;z-index:3;pointer-events:none;
  background:linear-gradient(90deg,
    #5a1808 0%,var(--acc2) 18%,var(--acc1) 42%,#ffc078 52%,var(--acc1) 62%,#ff5e3a 82%,#3a0c18 100%);
  box-shadow:0 0 28px rgba(255,120,40,.45);
}
.sec--seo > .wrap{
  position:relative;z-index:1;
  padding:clamp(36px,5vw,64px) var(--page-gutter) clamp(40px,5.5vw,68px);
}
.seo-mast{
  position:relative;isolation:isolate;
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(11rem,24rem);
  grid-template-areas:"k lede" "h lede";
  column-gap:clamp(20px,4vw,48px);row-gap:10px;
  align-items:end;
  margin:0 0 clamp(22px,3vw,34px);
  padding:0 0 16px;
}
.seo-mast::after{
  content:"";position:absolute;left:0;right:0;bottom:0;height:2px;pointer-events:none;
  background:linear-gradient(90deg,var(--acc1),#ffc078 30%,transparent 68%);
  box-shadow:0 0 14px rgba(255,138,30,.4);opacity:.85;
}
.seo-mast-glow{
  position:absolute;z-index:0;pointer-events:none;
  inset:-18% -4% -28% -4%;
  background:
    radial-gradient(ellipse 42% 80% at 10% 50%,rgba(255,138,30,.16),transparent 58%),
    radial-gradient(ellipse 36% 60% at 78% 40%,rgba(255,100,40,.08),transparent 55%);
}
.seo-mast-glow::before{
  content:"";position:absolute;inset:30% 0 36%;
  background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1200 80' fill='none'%3E%3Cpath d='M20 45 C180 15 320 65 480 30 S780 10 960 42 S1120 60 1180 28' stroke='%23ff8a1e' stroke-width='1.5' stroke-linecap='round' opacity='.32'/%3E%3C/svg%3E") center / 100% auto no-repeat;
  opacity:.5;
}
.seo-mast > *:not(.seo-mast-glow){position:relative;z-index:1}
.seo-k{
  grid-area:k;margin:0;justify-self:start;
  display:inline-flex;align-items:center;gap:8px;
  padding:7px 14px;border-radius:999px;
  font-family:var(--ui);font-size:.74rem;font-weight:850;letter-spacing:.16em;text-transform:uppercase;
  color:#1a0800;
  background:linear-gradient(165deg,#fffaf0,#ffd694 48%,var(--acc1));
  border:1px solid rgba(255,230,190,.7);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.5),0 0 18px rgba(255,138,30,.38);
}
.seo-k i{width:7px;height:7px;border-radius:50%;background:#1a0800;box-shadow:0 0 8px rgba(255,100,40,.5)}
.seo-h{
  grid-area:h;margin:0;
  display:flex;flex-wrap:wrap;align-items:baseline;gap:.15em .4em;line-height:.95;
}
.seo-h-soft{
  font-family:var(--script);font-weight:400;
  font-size:clamp(2.2rem,4.6vw,3.2rem);
  color:#ffe8c8;text-shadow:0 0 24px rgba(255,120,40,.35);
}
.seo-h-hard{
  font-family:"Dela Gothic One",var(--display);font-weight:400;
  font-size:clamp(1.85rem,4.4vw,3.1rem);
  letter-spacing:.02em;text-transform:uppercase;
  background:linear-gradient(185deg,#fffef8 0%,#ffe0a8 35%,#ff9a3a 72%,#ff4d2a 100%);
  -webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;
  filter:drop-shadow(0 4px 18px rgba(255,80,30,.28));
}
.seo-lede{
  grid-area:lede;margin:0;align-self:center;text-align:right;max-width:26rem;
  font-family:var(--ui);
  font-size:clamp(.9rem,1.35vw,1.08rem);font-weight:700;line-height:1.4;
  letter-spacing:.05em;text-transform:uppercase;
  color:transparent;
  background:linear-gradient(110deg,#fff6e8,#ffc078 55%,#ff7a3a);
  -webkit-background-clip:text;background-clip:text;
}
.seo-stage{
  position:relative;overflow:hidden;
  display:grid;
  grid-template-columns:minmax(0,1.55fr) minmax(200px,0.85fr);
  gap:clamp(20px,3vw,36px);
  align-items:stretch;
  padding:clamp(20px,2.8vw,32px);
  border-radius:26px;
  border:1px solid rgba(255,190,120,.3);
  background:
    linear-gradient(145deg,rgba(255,140,40,.1),transparent 42%),
    linear-gradient(180deg,rgba(24,14,12,.78),rgba(8,6,12,.92));
  box-shadow:
    inset 0 1px 0 rgba(255,230,190,.12),
    0 24px 56px rgba(0,0,0,.48);
}
.seo-fx{position:absolute;inset:0;z-index:0;pointer-events:none;overflow:hidden}
.seo-fx-wave{
  position:absolute;left:-6%;right:-6%;height:40%;opacity:.5;
}
.seo-fx-wave.is-a{top:6%}
.seo-fx-wave.is-b{bottom:4%;opacity:.35}
.seo-fx-wave path{fill:none;stroke:rgba(255,180,100,.3);stroke-width:1.25;stroke-linecap:round}
.seo-fx-glow{
  position:absolute;border-radius:50%;
  width:40%;height:50%;right:-10%;top:5%;
  background:radial-gradient(circle,rgba(255,140,40,.16),transparent 68%);
}
.seo-body,.seo-rail{position:relative;z-index:1}
.seo-body.is-swap{animation:seo-swap .32s ease}
@keyframes seo-swap{
  from{opacity:.45;transform:translateY(8px)}
  to{opacity:1;transform:translateY(0)}
}
.seo-lead{
  margin:0 0 1.25em;
  font-family:var(--body);font-size:clamp(1.05rem,1.55vw,1.2rem);font-weight:500;line-height:1.7;
  color:#fff4ea;
}
.seo-prose{
  font-family:var(--body);font-size:1rem;font-weight:400;line-height:1.78;
  color:rgba(244,241,236,.76);
}
.seo-prose p{margin:0 0 1.1em}
.seo-prose p:last-child{margin-bottom:0}
.seo-prose strong{
  font-weight:700;color:#fff8f0;
  text-shadow:0 0 20px rgba(255,160,80,.15);
}
.seo-go{
  display:inline-flex;align-items:center;gap:8px;
  margin-top:6px;min-height:40px;padding:0 14px;border-radius:11px;
  font-family:var(--ui);font-size:.76rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase;
  text-decoration:none;color:#ffe8c8;
  background:rgba(255,160,80,.1);
  border:1px solid rgba(255,180,100,.28);
  transition:background .15s,border-color .15s,color .15s;
}
.seo-go:hover{
  color:#1a0800;
  background:linear-gradient(165deg,#fff2d8,#ffc078 55%,var(--acc1));
  border-color:rgba(255,220,170,.5);
}
.seo-rail{
  display:flex;flex-direction:column;justify-content:space-between;gap:20px;
  padding:18px 16px;
  border-radius:18px;
  border:1px solid rgba(255,180,100,.22);
  background:
    linear-gradient(165deg,rgba(255,160,80,.1),transparent 50%),
    rgba(0,0,0,.35);
  box-shadow:inset 0 1px 0 rgba(255,230,190,.08);
}
.seo-rail-k{
  margin:0 0 12px;
  font-family:var(--ui);font-size:.62rem;font-weight:800;letter-spacing:.18em;text-transform:uppercase;
  color:rgba(255,190,120,.7);
}
.seo-signals{
  list-style:none;margin:0;padding:0;display:grid;gap:8px;
}
.seo-signals button{
  appearance:none;width:100%;cursor:pointer;text-align:left;
  display:flex;align-items:center;gap:10px;
  min-height:42px;padding:8px 12px;border-radius:11px;
  font-family:var(--ui);font-size:.82rem;font-weight:700;
  color:#ffe8c8;
  background:rgba(255,255,255,.03);
  border:1px solid rgba(255,180,100,.16);
  transition:background .15s,border-color .15s,box-shadow .15s,color .15s,transform .15s;
}
.seo-signals button::before{
  content:"";width:7px;height:7px;border-radius:50%;flex-shrink:0;
  background:linear-gradient(145deg,#ffd7a8,var(--acc1));
  box-shadow:0 0 10px rgba(255,138,30,.55);
}
.seo-signals button:hover{
  color:#fff6ec;
  background:rgba(255,160,80,.1);
  border-color:rgba(255,190,120,.32);
}
.seo-signals button.is-on{
  color:#1a0800;
  background:linear-gradient(165deg,#fff8ec,#ffd28a 48%,var(--acc1));
  border-color:rgba(255,230,190,.65);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.45),
    0 0 18px rgba(255,138,30,.35);
}
.seo-signals button.is-on::before{
  background:#1a0800;
  box-shadow:0 0 0 2px rgba(26,8,0,.12);
}
.seo-rail-quote{
  margin:0;
  font-family:var(--poster);font-weight:400;font-size:1.15rem;line-height:1.35;
  color:#fff6ec;
  transition:opacity .2s;
}
.seo-rail-quote span{
  display:block;margin-top:8px;
  font-family:var(--ui);font-size:.68rem;font-weight:750;letter-spacing:.12em;text-transform:uppercase;
  color:rgba(255,190,120,.65);
}
@media (max-width:900px){
  .seo-mast{grid-template-columns:1fr;grid-template-areas:"k" "h" "lede"}
  .seo-lede{text-align:left;max-width:none}
  .seo-stage{grid-template-columns:1fr}
  .seo-body{scroll-margin-top:88px}
  .seo-lead{scroll-margin-top:88px}
  .seo-signals button{min-height:48px;padding:12px 14px;border-radius:14px;font-size:.86rem}
}

/* sticky player ? yay?n konsolu: canl? stream + kendi liste (Velora tarz? ?ift kaynak) */
.player{
  --vol:72%;
  --wave-w:46%;
  position:fixed;left:0;right:0;bottom:0;z-index:60;height:var(--player);
  padding:0 clamp(16px,3vw,32px) env(safe-area-inset-bottom, 0px);
  display:grid;
  /* meta | play | wave(nefesli) | Canl?/Frekans/Liste | ses */
  grid-template-columns:minmax(200px,1.15fr) auto minmax(160px,.9fr) auto auto;
  grid-template-areas:"meta play wave mode vol";
  gap:14px;align-items:center;
  background:
    linear-gradient(180deg,rgba(255,190,120,.1) 0%,transparent 38%),
    linear-gradient(120deg,#2c1c1a 0%,#1a1214 32%,#141016 68%,#0e0a10 100%);
  backdrop-filter:blur(30px) saturate(1.25);
  -webkit-backdrop-filter:blur(30px) saturate(1.25);
  border-top:1px solid rgba(255,200,150,.28);
  box-shadow:
    0 -24px 60px rgba(0,0,0,.68),
    inset 0 1px 0 rgba(255,230,190,.16),
    inset 0 -1px 0 rgba(0,0,0,.4);
  transition:height .28s ease,box-shadow .22s ease;
}
.player::before{
  content:"";position:absolute;left:0;right:0;top:0;height:2px;z-index:2;pointer-events:none;
  background:var(--metal-rail);
  box-shadow:var(--metal-rail-glow);
}
.player::after{
  content:"";position:absolute;top:12px;right:18px;width:5px;height:5px;border-radius:50%;
  background:radial-gradient(circle at 35% 30%,#ffd7a8,#8a5a30 55%,#2a1810);
  box-shadow:
    inset 0 1px 1px rgba(255,240,210,.45),
    0 0 0 1px rgba(0,0,0,.45),
    18px 0 0 0 radial-gradient(circle at 35% 30%,#ffd7a8,#8a5a30 55%,#2a1810);
  opacity:.5;pointer-events:none;z-index:2;
}
.player.is-playing{
  border-top-color:rgba(255,200,140,.55);
  box-shadow:
    0 -24px 60px rgba(0,0,0,.68),
    0 -1px 0 rgba(255,138,30,.22),
    0 0 52px rgba(255,110,40,.12),
    inset 0 1px 0 rgba(255,230,190,.2);
}

.pl{display:flex;align-items:center;gap:14px;min-width:0;grid-area:meta}

/* k???lt/a? ? absolute; a??k=amber (belirgin) ? kapal?=k?rm?z? ? masa?st? hostu bozmaz */
.pl-fold{
  position:absolute;left:50%;top:0;z-index:8;
  transform:translate(-50%,-100%);
  width:64px;height:32px;padding:0;border:0;cursor:pointer;
  display:grid;place-items:center;border-radius:16px 16px 0 0;
  color:#1a0800;
  background:linear-gradient(165deg,#fff8ec,#ffd9a0 40%,var(--acc1) 78%,var(--acc2));
  border:1px solid rgba(255,230,190,.65);border-bottom:0;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.55),
    0 -8px 22px rgba(255,122,26,.45),
    0 0 0 2px rgba(255,138,30,.2),
    0 0 0 1px rgba(0,0,0,.3);
  transition:background .22s,color .22s,box-shadow .22s,width .22s,height .22s;
}
.pl-fold svg{
  width:20px;height:20px;display:block;
  transition:transform .28s ease;
  transform:rotate(180deg);
}
.pl-fold:hover{
  filter:brightness(1.1);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.6),
    0 -10px 28px rgba(255,122,26,.55),
    0 0 0 3px rgba(255,138,30,.25);
}
.player.is-folded .pl-fold{
  width:56px;height:30px;color:#fff;
  background:linear-gradient(145deg,#ff7a88,#e11d48 52%,#9f1239);
  border-color:rgba(255,180,190,.55);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.3),
    0 -10px 28px rgba(225,29,72,.55),
    0 0 0 2px rgba(225,29,72,.25);
}
.player.is-folded .pl-fold svg{transform:rotate(0deg)}
/* masa?st? kapal? = ince gizli ?erit; mobil folded @media(max-width:1100) i?inde */
.player.is-folded{
  height:46px;
  padding-top:0;padding-bottom:0;
  grid-template-columns:minmax(0,1fr) auto;
  grid-template-areas:"meta play";
  gap:10px;
  background:
    linear-gradient(180deg,rgba(255,200,140,.1) 0%,transparent 50%),
    linear-gradient(120deg,#241610 0%,#141016 55%,#0e0a10 100%);
  border-top-color:rgba(255,180,100,.28);
  box-shadow:
    0 -10px 28px rgba(0,0,0,.65),
    inset 0 1px 0 rgba(255,230,190,.1);
}
.player.is-folded::before{
  height:2px;
  background:linear-gradient(90deg,transparent 8%,rgba(255,180,100,.45) 50%,transparent 92%);
  box-shadow:0 0 8px rgba(255,138,30,.25);
}
.player.is-folded.is-playing{
  border-top-color:rgba(255,180,100,.4);
  box-shadow:
    0 -10px 28px rgba(0,0,0,.65),
    0 -1px 0 rgba(255,138,30,.2),
    inset 0 1px 0 rgba(255,230,190,.14);
}
.player.is-folded .wave-wrap,
.player.is-folded .pl-tools,
.player.is-folded .pl-live{display:none!important}
.player.is-folded .pl-track span{display:none}
.player.is-folded .pl{gap:0}
.player.is-folded .pl .cov{
  width:0;height:0;opacity:0;overflow:hidden;margin:0;border:0;
  padding:0;pointer-events:none;box-shadow:none;
}
.player.is-folded .ctrls .play{
  width:36px;height:36px;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.4),
    0 0 0 1px rgba(255,200,140,.3),
    0 4px 14px rgba(255,110,30,.35);
}
.player.is-folded .ctrls .skip{width:0!important;opacity:0!important;pointer-events:none!important}
.player.is-folded .ctrls{padding:0;border:0;background:transparent;box-shadow:none}
.player.is-folded .ctrls::before{display:none}
.player.is-folded .pl-track b{
  font-size:.72rem;opacity:.88;
  text-shadow:none;
}
.player.is-folded .pl-fold{width:48px;height:24px}

/* DESKTOP: contents ? mode|vol ayr? kolon. MOB?L: flex (media i?inde) ? birbirini bozmaz */
.pl-tools{display:contents}
.pl .cov{
  position:relative;width:60px;height:60px;border-radius:50%;overflow:hidden;flex-shrink:0;
  background:
    radial-gradient(circle at 50% 50%,transparent 18%,rgba(0,0,0,.35) 19%,transparent 22%),
    linear-gradient(145deg,rgba(255,210,160,.4),rgba(40,22,14,.95));
  padding:3px;
  box-shadow:
    inset 0 1px 0 rgba(255,230,190,.4),
    inset 0 -1px 0 rgba(0,0,0,.5),
    0 0 0 1px rgba(255,180,100,.32),
    0 0 0 5px rgba(255,138,30,.1),
    0 10px 28px rgba(0,0,0,.5),
    0 0 32px rgba(255,122,26,.22);
}
.pl .cov::before{
  content:"";position:absolute;inset:3px;border-radius:50%;z-index:1;pointer-events:none;
  box-shadow:
    inset 0 0 0 1px rgba(255,220,170,.2),
    inset 0 0 22px rgba(0,0,0,.4);
  background:radial-gradient(circle at 50% 50%,transparent 14%,rgba(0,0,0,.25) 15%,transparent 20%);
}
.pl .cov::after{
  content:"";position:absolute;left:50%;top:50%;z-index:2;width:10px;height:10px;
  margin:-5px 0 0 -5px;border-radius:50%;pointer-events:none;
  background:radial-gradient(circle at 35% 30%,#ffe2b8,#c47830 50%,#1a0e08);
  box-shadow:0 0 0 2px rgba(0,0,0,.55),0 0 10px rgba(255,140,40,.35);
}
.pl .cov img{
  width:100%;height:100%;object-fit:cover;display:block;border-radius:50%;
  position:relative;z-index:0;
  transform-origin:center;
  animation:covBreath 8s ease-in-out infinite;
}
@keyframes covBreath{0%,100%{transform:scale(1) rotate(0deg)}50%{transform:scale(1.02) rotate(1.5deg)}}
.player.is-playing .pl .cov img{animation:covSpin 22s linear infinite}
@keyframes covSpin{to{transform:rotate(360deg)}}
.pl .cov .brand-mark{display:none}
.pl-meta{min-width:0;display:flex;flex-direction:column;gap:3px;flex:1;justify-content:center}
.pl-live{
  display:inline-flex;align-items:center;gap:6px;align-self:flex-start;
  padding:2px 9px 2px 6px;border-radius:999px;
  font-family:var(--ui);font-size:.52rem;font-weight:800;letter-spacing:.14em;
  text-transform:uppercase;color:#ffd8b0;
  background:linear-gradient(165deg,rgba(255,90,100,.18),rgba(20,10,6,.55));
  border:1px solid rgba(255,120,130,.35);
  box-shadow:inset 0 1px 0 rgba(255,230,190,.15),0 0 12px rgba(255,60,80,.15);
}
.player[data-mode="list"] .pl-live{
  color:#ffe0b8;
  background:linear-gradient(165deg,rgba(255,160,80,.16),rgba(20,10,6,.55));
  border-color:rgba(255,180,100,.3);
  box-shadow:inset 0 1px 0 rgba(255,230,190,.15),0 0 10px rgba(255,140,40,.12);
}
.pl-live .pl-live-eq{
  display:inline-flex;align-items:flex-end;gap:1.5px;height:9px;
}
.pl-live .pl-live-eq i{
  width:2px;border-radius:1px;height:40%;
  background:linear-gradient(0deg,#ff3d5a,#ff8a5a);
  box-shadow:0 0 6px rgba(255,61,90,.55);
  animation:plLiveEq 1.1s ease-in-out infinite;
  transform-origin:bottom center;
}
.player[data-mode="list"] .pl-live .pl-live-eq i{
  background:linear-gradient(0deg,var(--acc2),var(--acc-soft));
  box-shadow:0 0 6px rgba(255,140,40,.45);
}
.pl-live .pl-live-eq i:nth-child(1){animation-delay:0s;height:45%}
.pl-live .pl-live-eq i:nth-child(2){animation-delay:.15s;height:80%}
.pl-live .pl-live-eq i:nth-child(3){animation-delay:.28s;height:55%}
@keyframes plLiveEq{
  0%,100%{transform:scaleY(.55);opacity:.55}
  50%{transform:scaleY(1);opacity:1}
}
.pl-track{min-width:0}
.pl-track b,.pl-track span{
  display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
  transition:opacity .45s ease;
}
.pl-track b{
  font-family:var(--display);font-size:.88rem;font-weight:700;
  letter-spacing:var(--track-brand);color:var(--warm);line-height:1.15;
}
.pl-track span{
  font-size:.72rem;font-weight:600;color:rgba(255,236,214,.82);
  font-family:var(--ui);letter-spacing:.02em;
}
.pl-track.is-fade b,.pl-track.is-fade span{opacity:0}

.pl-deck{display:flex;align-items:center;gap:12px;flex-shrink:0;grid-area:play}
.pl-mode{
  grid-area:mode;align-self:center;
  display:inline-flex;padding:3px;border-radius:999px;gap:2px;flex-shrink:0;
  background:rgba(8,5,4,.7);
  border:1px solid rgba(255,180,100,.32);
  box-shadow:inset 0 1px 3px rgba(0,0,0,.45),inset 0 1px 0 rgba(255,230,190,.1),0 0 18px rgba(255,140,40,.08);
}
.pl-mode button{
  border:0;cursor:pointer;padding:8px 14px;border-radius:999px;
  font-family:var(--ui);font-size:.68rem;font-weight:800;letter-spacing:.07em;
  text-transform:uppercase;color:rgba(255,220,190,.5);
  background:transparent;
  transition:color .18s,background .18s,box-shadow .18s,transform .15s;
  min-height:44px;white-space:nowrap;
}
.pl-mode button.is-on{
  color:#1a0800;
  background:linear-gradient(165deg,#fff2d8,#ffc078 55%,var(--acc1));
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.45),
    0 0 16px rgba(255,140,40,.4);
  transform:translateY(-0.5px);
}
.pl-mode button:not(.is-on):hover{color:rgba(255,236,214,.88);background:rgba(255,255,255,.04)}
.pl-mode button[data-mode="freq"].is-on{
  background:linear-gradient(165deg,#ffe8c8,#ffb060 50%,#e87820);
}
.pl-mode button[data-mode="list"].is-on{
  background:linear-gradient(165deg,#fff0d8,#ffc898 50%,#e89040);
}

/* Frekans se?ici ? player ?st?, sayfa yenilemeden ge?i? */
.freq-picker{
  position:fixed;z-index:92;
  left:50%;bottom:calc(var(--player,92px) + 14px + env(safe-area-inset-bottom, 0px));
  transform:translateX(-50%) translateY(8px);
  width:min(420px,calc(100vw - 24px));
  max-height:min(52vh,420px);
  display:flex;flex-direction:column;
  border-radius:16px;overflow:hidden;
  background:linear-gradient(165deg,#1c1410,#0a080c 70%);
  border:1px solid rgba(255,190,120,.35);
  box-shadow:0 20px 50px rgba(0,0,0,.55),0 0 0 1px rgba(0,0,0,.4),0 0 40px rgba(255,140,40,.12);
  opacity:0;pointer-events:none;visibility:hidden;
  transition:opacity .2s,transform .2s,visibility .2s;
}
.freq-picker.is-open{
  opacity:1;pointer-events:auto;visibility:visible;
  transform:translateX(-50%) translateY(0);
}
.freq-picker-head{
  flex:0 0 auto;
  display:flex;align-items:center;justify-content:space-between;gap:10px;
  padding:12px 14px 10px;
  border-bottom:1px solid rgba(255,180,100,.18);
}
.freq-picker-head b{
  font-family:var(--display);font-size:.95rem;font-weight:750;color:#fff6ec;
}
.freq-picker-head span{
  display:block;font-family:var(--ui);font-size:.68rem;font-weight:600;
  color:rgba(255,210,170,.55);margin-top:2px;
}
.freq-picker-x{
  border:0;cursor:pointer;width:44px;height:44px;border-radius:12px;
  background:rgba(255,255,255,.05);color:#ffe8c8;font-size:1rem;
}
.freq-picker-x:hover{background:rgba(255,160,80,.18)}
/* 3?4 sat?rdan fazlas?: panel ?i?mez, liste kendi i?inde dikey kayar */
.freq-picker-list{
  flex:1 1 auto;min-height:0;
  max-height:min(280px,calc(52vh - 72px));
  overflow-x:hidden;overflow-y:auto;
  padding:8px;display:flex;flex-direction:column;gap:6px;
  -webkit-overflow-scrolling:touch;
  scrollbar-width:thin;scrollbar-color:rgba(255,160,80,.45) rgba(0,0,0,.2);
}
.freq-picker-list::-webkit-scrollbar{width:6px}
.freq-picker-list::-webkit-scrollbar-thumb{
  background:rgba(255,160,80,.4);border-radius:6px;
}
.freq-picker-list::-webkit-scrollbar-track{background:rgba(0,0,0,.2);border-radius:6px}
.freq-picker-item{
  display:grid;grid-template-columns:44px 1fr auto;gap:10px;align-items:center;
  padding:8px 10px;border-radius:12px;border:0;cursor:pointer;text-align:left;
  background:rgba(255,255,255,.03);
  border:1px solid transparent;
  color:#fff4e8;font-family:var(--ui);
  transition:background .15s,border-color .15s;
}
.freq-picker-item:hover{background:rgba(255,160,80,.1);border-color:rgba(255,180,100,.25)}
.freq-picker-item.is-on{
  background:rgba(255,140,40,.14);
  border-color:rgba(255,180,100,.4);
}
.freq-picker-item img{
  width:44px;height:44px;border-radius:10px;object-fit:cover;display:block;
  box-shadow:0 0 0 1px rgba(255,180,100,.25);
}
.freq-picker-item strong{
  display:block;font-size:.84rem;font-weight:750;letter-spacing:-.01em;
}
.freq-picker-item small{
  display:block;font-size:.68rem;font-weight:600;color:rgba(255,210,170,.6);margin-top:2px;
}
.freq-picker-item .fp-go{
  width:30px;height:30px;border-radius:50%;display:grid;place-items:center;
  font-size:.65rem;color:#1a0800;
  background:linear-gradient(165deg,#fff2d8,#ffc078 55%,var(--acc1));
}
.freq-picker-item.is-on .fp-go{box-shadow:0 0 12px rgba(255,140,40,.45)}
.freq-picker-scrim{
  position:fixed;inset:0;z-index:91;border:0;padding:0;margin:0;
  background:rgba(0,0,0,.35);cursor:pointer;
  opacity:0;pointer-events:none;visibility:hidden;transition:opacity .2s,visibility .2s;
}
.freq-picker-scrim.is-open{opacity:1;pointer-events:auto;visibility:visible}

.player[data-mode="freq"] .pl-live{
  /* frekans kayna?? ? canl? rozeti bak?r kal?r, metin JS?te ?Frekans? */
}
.player[data-mode="freq"] .ctrls .skip,
.player[data-mode="list"] .ctrls .skip{
  width:36px;opacity:1;pointer-events:auto;
}

/* Canl? ? Liste: k?sa net flash ? layout bozmaz */
.player.is-mode-flash .pl-live,
.player.is-mode-flash .wave-t,
.player.is-mode-flash .pl-mode{
  animation:modeFlash .28s ease-out;
}
.player.is-mode-flash .wave{
  box-shadow:
    inset 0 2px 6px rgba(0,0,0,.55),
    inset 0 1px 0 rgba(255,220,180,.12),
    0 0 0 1px rgba(255,180,100,.35),
    0 0 22px rgba(255,138,30,.28);
}
@keyframes modeFlash{
  0%{filter:brightness(1.35);transform:scale(1.02)}
  100%{filter:brightness(1);transform:scale(1)}
}
@media (prefers-reduced-motion:reduce){
  .player.is-mode-flash .pl-live,
  .player.is-mode-flash .wave-t,
  .player.is-mode-flash .pl-mode{animation:none}
}

.ctrls{
  display:flex;align-items:center;justify-content:center;
  gap:0;padding:6px 8px;border-radius:999px;position:relative;
  background:
    linear-gradient(180deg,rgba(255,200,150,.12),rgba(10,6,5,.7)),
    rgba(16,10,8,.85);
  border:1px solid rgba(255,190,120,.32);
  box-shadow:
    inset 0 1px 0 rgba(255,230,190,.22),
    inset 0 -3px 10px rgba(0,0,0,.45),
    0 10px 28px rgba(0,0,0,.4),
    0 0 28px rgba(255,122,26,.12);
}
.ctrls::before{
  content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;
  background:radial-gradient(80% 140% at 50% 40%,rgba(255,160,80,.12),transparent 58%);
}
.ctrls .skip{
  width:0;height:36px;opacity:0;overflow:hidden;pointer-events:none;
  border:0;padding:0;margin:0;border-radius:50%;cursor:pointer;z-index:1;
  display:grid;place-items:center;
  color:rgba(255,230,200,.82);
  background:transparent;
  transition:width .28s cubic-bezier(.2,.8,.2,1),opacity .22s,transform .15s,background .18s,color .18s;
}
.player[data-mode="list"] .ctrls .skip,
.player[data-mode="freq"] .ctrls .skip{
  width:36px;opacity:1;pointer-events:auto;
}
.ctrls .skip svg{width:14px;height:14px;display:block;flex-shrink:0}
.ctrls .skip:hover{
  color:#fff8f0;
  background:rgba(255,180,100,.14);
  transform:scale(1.06);
}
.ctrls .play{
  width:56px;height:56px;margin:0;color:#1a0800;border:0;cursor:pointer;border-radius:50%;
  display:grid;place-items:center;padding:0;z-index:2;position:relative;
  background:linear-gradient(165deg,#fff8ec 0%,#ffd9a0 28%,var(--acc1) 62%,var(--acc2) 100%);
  box-shadow:
    inset 0 2px 3px rgba(255,255,255,.58),
    inset 0 -4px 12px rgba(0,0,0,.32),
    0 0 0 1px rgba(255,230,190,.5),
    0 0 0 5px rgba(255,138,30,.14),
    0 0 0 8px rgba(255,138,30,.06),
    0 12px 32px rgba(255,110,30,.48),
    0 0 42px rgba(255,122,26,.3);
  transition:transform .22s cubic-bezier(.2,.8,.2,1),box-shadow .22s,filter .22s;
}
.player[data-mode="list"] .ctrls .play{margin:0 2px;width:52px;height:52px}
.ctrls .play svg{width:18px;height:18px;display:block;margin-left:1px}
.ctrls .play:hover{
  transform:translateY(-2px) scale(1.05);
  filter:brightness(1.05);
  box-shadow:
    inset 0 2px 3px rgba(255,255,255,.62),
    inset 0 -4px 10px rgba(0,0,0,.28),
    0 0 0 1px rgba(255,236,200,.55),
    0 0 0 6px rgba(255,138,30,.18),
    0 16px 38px rgba(255,110,30,.55),
    0 0 52px rgba(255,122,26,.38);
}
.ctrls .play:active{transform:translateY(0) scale(1.01)}
.player.is-playing .ctrls{
  border-color:rgba(255,120,130,.38);
  box-shadow:
    inset 0 1px 0 rgba(255,230,190,.18),
    inset 0 -3px 10px rgba(0,0,0,.45),
    0 10px 28px rgba(0,0,0,.4),
    0 0 32px rgba(225,29,72,.18);
}
.player.is-playing .ctrls .play{
  background:linear-gradient(145deg,#ff6b7a,#e11d48 55%,#9f1239);
  color:#fff;
  box-shadow:
    inset 0 1px 2px rgba(255,255,255,.28),
    0 0 0 5px rgba(225,29,72,.16),
    0 0 0 8px rgba(225,29,72,.06),
    0 12px 30px rgba(225,29,72,.42);
}
.player.is-playing .pl .cov{
  box-shadow:
    inset 0 1px 0 rgba(255,230,190,.45),
    0 0 0 1px rgba(255,180,100,.45),
    0 0 0 6px rgba(255,138,30,.16),
    0 10px 28px rgba(0,0,0,.5),
    0 0 40px rgba(255,122,26,.45);
}

.wave-wrap{display:flex;flex-direction:column;gap:5px;min-width:0;grid-area:wave}
.wave-row{display:flex;align-items:center;gap:10px;min-width:0}
.pl-eq{display:flex;align-items:end;gap:2.5px;height:18px;flex-shrink:0}
.pl-eq i{
  width:2px;border-radius:1px;height:40%;opacity:.3;
  background:linear-gradient(0deg,var(--acc2),var(--acc-soft));
  transform-origin:bottom center;
}
.player.is-playing .pl-eq i{
  opacity:1;
  animation:plEqPulse 1.35s ease-in-out infinite;
  box-shadow:0 0 6px rgba(255,160,80,.4);
}
.pl-eq i:nth-child(1){height:28%;animation-delay:0s}
.pl-eq i:nth-child(2){height:52%;animation-delay:.1s}
.pl-eq i:nth-child(3){height:78%;animation-delay:.18s}
.pl-eq i:nth-child(4){height:42%;animation-delay:.06s}
.pl-eq i:nth-child(5){height:92%;animation-delay:.22s}
.pl-eq i:nth-child(6){height:58%;animation-delay:.14s}
.pl-eq i:nth-child(7){height:36%;animation-delay:.28s}
@keyframes plEqPulse{0%,100%{transform:scaleY(.42)}50%{transform:scaleY(1)}}

.wave{
  position:relative;flex:1;min-width:0;height:26px;border-radius:9px;overflow:hidden;
  background:
    linear-gradient(180deg,rgba(0,0,0,.5),rgba(255,140,60,.07)),
    rgba(8,5,4,.8);
  border:1px solid rgba(255,180,100,.2);
  box-shadow:
    inset 0 2px 6px rgba(0,0,0,.55),
    inset 0 1px 0 rgba(255,220,180,.08);
  cursor:default;
}
.player[data-mode="list"] .wave{cursor:pointer}
.wave::before{
  content:"";position:absolute;left:0;top:4px;bottom:4px;width:var(--wave-w);
  opacity:.55;transform-origin:left center;
  background:linear-gradient(90deg,#ff5e3a,var(--acc1),#ffd2a0);
  clip-path:polygon(0 55%,1% 35%,2% 70%,3% 25%,4% 60%,5% 20%,6% 65%,7% 40%,8% 50%,9% 30%,10% 55%,12% 25%,14% 70%,16% 35%,18% 60%,20% 20%,22% 65%,24% 40%,26% 50%,28% 30%,30% 55%,100% 55%,100% 100%,0 100%);
}
.wave-glow{
  position:absolute;top:50%;z-index:2;width:12px;height:12px;margin-top:-6px;
  border-radius:50%;pointer-events:none;opacity:.35;
  background:radial-gradient(circle,rgba(255,230,190,.9) 0%,rgba(255,140,40,.4) 42%,transparent 72%);
  filter:blur(1.2px);
}
.wave-glow--l{left:2px}
.wave-glow--r{left:calc(var(--wave-w) - 8px)}
.player.is-playing .wave::before{
  opacity:.92;
  animation:waveBeat 3s ease-in-out infinite,waveCrawl 18s ease-in-out infinite;
}
.player.is-playing .wave-glow{opacity:.8}
.player.is-playing .wave-glow--r{animation:waveGlowR 18s ease-in-out infinite}
.player.is-playing .wave-glow--l{animation:waveGlowL 3s ease-in-out infinite}
@keyframes waveBeat{
  0%,100%{transform:scaleY(.98);filter:brightness(1);opacity:.88}
  50%{transform:scaleY(1.025);filter:brightness(1.05);opacity:1}
}
@keyframes waveCrawl{0%,100%{width:40%}50%{width:52%}}
@keyframes waveGlowR{
  0%,100%{left:calc(40% - 7px);filter:blur(1.2px) brightness(1)}
  50%{left:calc(52% - 7px);filter:blur(1.8px) brightness(1.12)}
}
@keyframes waveGlowL{
  0%,100%{opacity:.4}
  50%{opacity:.9;filter:blur(1.6px) brightness(1.1)}
}
@media (prefers-reduced-motion:reduce){
  .pl .cov img,.pl-live .pl-live-eq i,.player.is-playing .wave::before,.player.is-playing .wave-glow--l,.player.is-playing .wave-glow--r,.player.is-playing .pl-eq i{animation:none!important}
  .player.is-playing .wave::before{opacity:.85;width:48%}
  .ctrls .play:hover,.ctrls .skip:hover{transform:none}
}
.wave-t{
  display:flex;justify-content:space-between;align-items:center;padding:0 2px;gap:8px;
  font-size:.6rem;font-family:var(--ui);font-variant-numeric:tabular-nums;font-weight:650;
  color:rgba(255,232,205,.78);letter-spacing:.05em;
}
.wave-t .wave-mid{
  opacity:1;flex:1;text-align:center;
  letter-spacing:.12em;text-transform:uppercase;font-size:.55rem;font-weight:800;
  color:rgba(255,210,160,.92);
}
#pl-t0,#pl-t1{color:rgba(255,240,220,.88);font-weight:700}
.pr{
  grid-area:vol;
  display:flex;align-items:center;gap:8px;flex-shrink:0;
  padding:4px 8px 4px 4px;border-radius:999px;
  background:rgba(8,5,4,.45);
  border:1px solid rgba(255,180,100,.16);
  box-shadow:inset 0 1px 0 rgba(255,230,190,.08);
}
.pr .vol-ico-wrap{
  width:26px;height:26px;border-radius:50%;flex-shrink:0;
  display:grid;place-items:center;
  background:linear-gradient(160deg,rgba(255,180,100,.14),rgba(18,10,6,.7));
  border:1px solid rgba(255,190,120,.28);
  box-shadow:inset 0 1px 0 rgba(255,230,190,.18);
  color:rgba(255,200,140,.82);
}
.pr .vol-ico{width:12px;height:12px;display:block}
.pr .vol{position:relative;width:72px;height:18px;display:flex;align-items:center}
.pr .vol::before{
  content:"";position:absolute;left:0;right:0;height:3px;border-radius:999px;
  background:rgba(255,255,255,.08);
}
.pr .vol::after{
  content:"";position:absolute;left:0;height:3px;border-radius:999px;width:var(--vol);pointer-events:none;
  background:linear-gradient(90deg,var(--acc2),var(--acc1),#ffd2a0);
  box-shadow:0 0 10px rgba(255,138,30,.35);
}
.pr input[type=range]{
  position:relative;z-index:1;width:100%;height:18px;margin:0;
  -webkit-appearance:none;appearance:none;background:transparent;cursor:pointer;
}
.pr input[type=range]::-webkit-slider-runnable-track{height:3px;background:transparent}
.pr input[type=range]::-webkit-slider-thumb{
  -webkit-appearance:none;width:12px;height:12px;border-radius:50%;margin-top:-4.5px;
  background:linear-gradient(145deg,#fff8f0,#ffc078);
  box-shadow:0 0 0 2px rgba(20,12,10,.85),0 0 12px rgba(255,138,30,.5);
}
.pr input[type=range]::-moz-range-track{height:3px;background:transparent;border:0}
.pr input[type=range]::-moz-range-thumb{
  width:12px;height:12px;border-radius:50%;border:0;
  background:linear-gradient(145deg,#fff8f0,#ffc078);
  box-shadow:0 0 0 2px rgba(20,12,10,.85),0 0 12px rgba(255,138,30,.5);
}
@media(max-width:1100px){
  html{--player:118px}
  html:has(.player.is-folded){--player:72px}
  .cta-chat{display:none}
  .prog-shell{--prog-card-w:min(240px,42vw)}
  .prog-shell:not(.is-rail) .prog-row{grid-template-columns:repeat(auto-fill,minmax(var(--prog-card-w),var(--prog-card-w)))}
  .albums,.tops,.artists,.doors,.blog-grid,.feats{grid-template-columns:1fr 1fr}
  .album-feat{grid-template-columns:1fr}
  .lyrics{grid-template-columns:1fr}
  .player{
    grid-template-columns:minmax(0,1fr) auto;
    grid-template-areas:
      "meta play"
      "wave wave"
      "tools tools";
    height:auto;min-height:0;
    padding:10px 12px calc(10px + env(safe-area-inset-bottom, 0px));gap:6px 10px;
  }
  /* mobil kapal?: tamamen gizlenmez ? t?klan?r bar (masa?st? ince folded?? ezer) */
  .player.is-folded{
    height:auto;
    padding:10px 12px calc(10px + env(safe-area-inset-bottom, 0px));
    grid-template-areas:"meta play";
    gap:8px 10px;
    background:
      linear-gradient(180deg,rgba(255,200,140,.16) 0%,transparent 42%),
      linear-gradient(120deg,#322018 0%,#1e1412 40%,#141016 100%);
    border-top-color:rgba(255,190,120,.42);
    box-shadow:
      0 -18px 48px rgba(0,0,0,.72),
      0 -1px 0 rgba(255,138,30,.18),
      inset 0 1px 0 rgba(255,230,190,.22);
  }
  .player.is-folded .pl{gap:10px}
  .player.is-folded .pl .cov{
    width:44px;height:44px;opacity:1;overflow:hidden;margin:0;padding:3px;
    pointer-events:auto;
    box-shadow:
      inset 0 1px 0 rgba(255,230,190,.45),
      0 0 0 1px rgba(255,180,100,.38),
      0 0 0 4px rgba(255,138,30,.14),
      0 8px 20px rgba(0,0,0,.5);
  }
  .player.is-folded .ctrls .play{
    width:48px;height:48px;
    box-shadow:
      inset 0 2px 3px rgba(255,255,255,.5),
      inset 0 -3px 8px rgba(0,0,0,.28),
      0 0 0 1px rgba(255,230,190,.38),
      0 0 0 4px rgba(255,138,30,.14),
      0 8px 22px rgba(255,110,30,.42);
  }
  .player.is-folded .pl-track b{font-size:.84rem;opacity:1;text-shadow:0 0 18px rgba(255,140,40,.25)}
  .player.is-folded .pl-fold{width:56px;height:30px}
  .pl-fold{width:56px;height:30px}
  .pl{grid-area:meta;gap:10px;min-width:0}
  .pl .cov{width:46px;height:46px}
  .pl-deck{grid-area:play;gap:0;align-self:center}
  .wave-wrap{display:flex!important;grid-area:wave;min-width:0;gap:4px;
    padding:5px 8px 4px;border-radius:12px;
    background:rgba(8,5,4,.4);border:1px solid rgba(255,180,100,.16);
    box-shadow:inset 0 1px 0 rgba(255,230,190,.08);
  }
  .wave-row{gap:8px}
  .wave-row .pl-eq{display:flex;height:16px}
  .pl-eq i{width:2px}
  .wave{height:26px;border-radius:9px}
  .wave-t{
    font-size:.52rem;letter-spacing:.06em;
    color:rgba(255,236,214,.85);
  }
  .wave-t .wave-mid{
    font-size:.5rem;font-weight:800;letter-spacing:.1em;
    color:rgba(255,200,140,.95);
  }
  .ctrls{padding:0;border:0;background:transparent;box-shadow:none}
  .ctrls::before{display:none}
  .ctrls .play{
    width:48px;height:48px;
    box-shadow:
      inset 0 2px 3px rgba(255,255,255,.55),
      inset 0 -3px 8px rgba(0,0,0,.3),
      0 0 0 1px rgba(255,230,190,.4),
      0 0 0 4px rgba(255,138,30,.12),
      0 8px 20px rgba(255,110,30,.4);
  }
  .player[data-mode="list"] .ctrls .play{width:46px;height:46px;margin:0}
  .player[data-mode="list"] .ctrls .skip,
  .player[data-mode="freq"] .ctrls .skip{
    width:44px;height:44px;opacity:1;pointer-events:auto;
  }
  .player[data-mode="list"] .ctrls .skip svg,
  .player[data-mode="freq"] .ctrls .skip svg{width:18px;height:18px}
  /* mobil tools sat?r? ? desktop display:contents'i burada ezer; desktop'a dokunmaz */
  .pl-tools{
    display:flex;grid-area:tools;align-items:center;gap:8px;
    width:100%;padding:3px 6px;border-radius:999px;
    background:rgba(8,5,4,.45);border:1px solid rgba(255,180,100,.16);
  }
  .pl-mode{grid-area:auto;flex-shrink:0}
  .pl-mode button{padding:7px 10px;min-height:44px;font-size:.58rem;letter-spacing:.05em}
  .pr{
    grid-area:auto;flex:1;width:auto;max-width:none;justify-content:flex-end;
    padding:0;gap:6px;background:transparent;border:0;box-shadow:none;
  }
  .pr .vol{width:56px;flex:0 0 56px}
  .pl-track b{font-size:.78rem}
  .pl-track span{font-size:.64rem;color:rgba(255,236,214,.8)}
  .pl-live{padding:2px 7px 2px 5px;font-size:.48rem}
}
@media(max-width:640px){
  html{--player:112px}
  html:has(.player.is-folded){--player:68px}
  .sec{padding:36px 0 24px}
  .sec-h{margin-bottom:14px}
  .sec--prog{padding:14px 0 16px}
  .sec--prog .sec-h--prog{margin-bottom:10px;padding-bottom:10px}
  .sec--prog .prog-mast .prog-k{font-size:.72rem;padding:6px 12px;letter-spacing:.12em}
  .sec--prog .prog-h-soft{font-size:clamp(1.75rem,7vw,2.25rem)}
  .sec--prog .prog-h-hard{font-size:clamp(1.6rem,7.2vw,2.2rem)}
  .sec--prog .prog-mast-glow{opacity:.5}
  .dj-card{aspect-ratio:3/4}
  .dj-card .meta h3{font-size:1.12rem}
  .dj-card .meta time{font-size:.95rem}
  .prog-shell{--prog-card-w:min(78vw,290px)}
  .prog-shell:not(.is-rail) .prog-row{grid-template-columns:repeat(auto-fill,minmax(var(--prog-card-w),var(--prog-card-w)))}
  .prog-shell.is-rail .prog-row::after{flex-basis:max(16px, calc(100% - var(--prog-card-w)))}
  .prog-band{padding:6px;gap:3px;border-radius:14px}
  .prog-band button{min-height:44px;min-width:2.6rem;padding:6px 4px;border-radius:10px}
  .prog-band button.pb-all{min-width:4.4rem}
  .prog-band button .pb-day{font-size:.64rem;letter-spacing:.08em}
  .prog-band button .pb-sub{display:none}
  .sec-h h2{font-size:clamp(1.7rem,8vw,2.2rem)}
  .albums,.tops,.artists,.doors,.blog-grid,.feats{grid-template-columns:1fr}
  .player{padding:4px 10px calc(9px + env(safe-area-inset-bottom, 0px));gap:5px 8px}
  .pl .cov{width:42px;height:42px}
  .ctrls .play{width:46px;height:46px}
  .player[data-mode="list"] .ctrls .skip,
  .player[data-mode="freq"] .ctrls .skip{width:44px;height:44px}
  .pl-meta{gap:2px}
  .pl-track b{font-size:.74rem;line-height:1.2}
  .pl-track span{font-size:.62rem;font-weight:600;color:rgba(255,232,205,.84)}
  .pr .vol{width:48px;flex-basis:48px}
}

/* ========== TABLET (iPad ~641?900) ? telefon + masa?st? bozulmaz ========== */
@media (min-width:641px) and (max-width:900px){
  .nav{height:72px;padding:0 22px}
  .nav-chassis{height:58px;padding:0 16px 0 8px}
  .nav-rail{left:18px;right:16px}
  .nav-burger{width:52px;height:52px;border-radius:14px}
  .nav-burger-lines{gap:6px}
  .nav-burger-lines i{width:22px;height:3px}
  .logo{gap:14px}
  .logo-txt b{font-size:1.38rem}
  .logo-txt small{font-size:.74rem}
  .logo-mark,
  .brand-mark:not(.brand-mark--sm):not(.brand-mark--xs){width:48px;height:48px}
  .hero-screen{padding-top:92px}
  .hero-left{
    max-width:620px;margin:0 auto;gap:14px;
    padding:0 28px 18px;box-sizing:border-box;
  }
  .gate{padding:18px 20px;border-radius:20px}
  .gate-tuner{margin-bottom:10px;padding:6px 4px;gap:12px}
  .gate-freq b{font-size:1.28rem}
  .gate-scale{min-height:42px;margin-bottom:12px}
  .gate-head{margin:4px 0 14px}
  .gate .tag{font-size:.72rem;margin:0 0 8px;letter-spacing:.12em}
  .gate h2{font-size:clamp(1.9rem,3.6vw,2.25rem);margin:0 0 6px}
  .gate .sub{font-size:.95rem;line-height:1.4}
  .gate .field{margin-bottom:12px}
  .gate input{min-height:54px;padding:15px 14px 15px 46px;font-size:17px}
  .gate .field-ico{left:14px}
  .gate .field-ico svg{width:20px;height:20px}
  .gate .go{min-height:54px;height:54px;margin-top:8px;font-size:.92rem;letter-spacing:.06em}
  .gate .ghost-row{gap:12px;margin-top:12px}
  .gate .ghost-row a,
  .gate .ghost-row button{
    min-height:48px;font-size:.74rem;letter-spacing:.06em;padding:0 14px;
  }
  .now{padding:14px 16px;margin-bottom:10px}
  .now-ava{width:72px;height:72px}
  .now .meta b{font-size:1.12rem}
  .now .meta span{font-size:.86rem}
  .now .eq{height:26px}
  .hero-copy{padding:14px 28px 10px}
  .hero-copy h1 .script{font-size:clamp(2.1rem,4.5vw,2.7rem)}
  .hero-copy h1 .line{font-size:clamp(1.3rem,3vw,1.65rem)}
  .live-pill{padding:8px 14px;font-size:.7rem}
  .nav-drawer{width:min(400px,78vw)}
  .nav-drawer-search{min-height:52px;font-size:.88rem}
  .nav-drawer-mode button{min-height:48px;font-size:.8rem}
  .nav-drawer-openpl{min-height:48px;font-size:.78rem}
  .nav-drawer-links a{min-height:50px;font-size:.9rem}
}
/* tablet player ? daha okunur / t?klan?r (telefon ?640 ayn? kal?r) */
@media (min-width:641px) and (max-width:1100px){
  html{--player:136px}
  html:has(.player.is-folded){--player:78px}
  .player{padding:12px 18px calc(14px + env(safe-area-inset-bottom, 0px));gap:8px 14px}
  .player.is-folded{padding:12px 18px calc(12px + env(safe-area-inset-bottom, 0px))}
  .pl{gap:12px}
  .pl .cov{width:56px;height:56px}
  .pl-track b{font-size:.95rem}
  .pl-track span{font-size:.76rem}
  .ctrls .play{
    width:56px;height:56px;
    box-shadow:
      inset 0 2px 3px rgba(255,255,255,.55),
      inset 0 -3px 8px rgba(0,0,0,.3),
      0 0 0 1px rgba(255,230,190,.45),
      0 0 0 5px rgba(255,138,30,.14),
      0 10px 24px rgba(255,110,30,.42);
  }
  .player[data-mode="list"] .ctrls .play{width:52px;height:52px}
  .player[data-mode="list"] .ctrls .skip,
  .player[data-mode="freq"] .ctrls .skip{width:48px;height:48px}
  .wave-wrap{padding:7px 12px 6px;gap:8px}
  .wave{height:28px}
  .wave-t{font-size:.62rem;letter-spacing:.08em}
  .wave-t .wave-mid{font-size:.6rem}
  .wave-row .pl-eq{height:18px}
  .pl-tools{padding:5px 10px;gap:12px}
  .pl-mode button{padding:8px 16px;min-height:44px;font-size:.68rem;letter-spacing:.08em}
  .pr{gap:10px}
  .pr .vol{width:96px;flex:0 0 96px}
  .pl-fold{width:64px;height:34px}
  .pl-live{padding:4px 10px 4px 7px;font-size:.58rem}
}

/* ?? Kurulum ?ncesi ana sayfa iskeleti ?? */
.sonara-setup-shell{max-width:1200px;margin:0 auto;padding:24px 20px 120px}
.sonara-setup-hero{
  position:relative;border-radius:24px;overflow:hidden;min-height:320px;
  background:linear-gradient(135deg,#0f172a 0%,#1e293b 55%,#0f172a 100%);
  border:1px solid rgba(251,191,36,.18);box-shadow:0 24px 60px rgba(15,23,42,.35);
}
.sonara-setup-hero::after{
  content:"";position:absolute;inset:0;background-image:var(--setup-bg);
  background:center/cover no-repeat;opacity:.22;mix-blend-mode:soft-light;
}
.sonara-setup-hero__inner{position:relative;z-index:1;padding:48px 40px;max-width:640px}
.sonara-setup-kicker{margin:0 0 8px;font-size:.72rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:#fdba74}
.sonara-setup-title{margin:0 0 8px;font-family:var(--fd,Outfit,sans-serif);font-size:clamp(2rem,4vw,2.75rem);font-weight:700;color:#fff;letter-spacing:-.03em}
.sonara-setup-slogan{margin:0 0 12px;font-size:1.05rem;color:rgba(255,255,255,.75)}
.sonara-setup-lead{margin:0 0 24px;font-size:1rem;line-height:1.6;color:rgba(255,255,255,.62);max-width:46ch}
.sonara-setup-actions{display:flex;flex-wrap:wrap;gap:12px}
.sonara-setup-btn{
  display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 20px;border-radius:12px;
  font-weight:650;font-size:.92rem;text-decoration:none;transition:transform .15s,box-shadow .15s;
}
.sonara-setup-btn--primary{background:#f97316;color:#fff;box-shadow:0 8px 24px rgba(249,115,22,.35)}
.sonara-setup-btn--primary:hover{color:#fff;transform:translateY(-1px)}
.sonara-setup-btn--ghost{border:1px solid rgba(255,255,255,.22);color:#fff;background:rgba(255,255,255,.06)}
.sonara-setup-btn--ghost:hover{color:#fff;border-color:rgba(253,186,116,.5)}
.sonara-setup-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:20px}
.sonara-setup-slot{
  padding:20px 16px;border-radius:16px;border:1px dashed rgba(148,163,184,.35);
  background:rgba(255,255,255,.03);text-align:center;color:rgba(255,255,255,.55);
}
.sonara-setup-slot__ic{display:block;margin:0 auto 8px;font-size:1rem;opacity:.5}
.sonara-setup-slot b{display:block;color:rgba(255,255,255,.88);font-size:.92rem;margin-bottom:4px}
.sonara-setup-slot span{font-size:.78rem;line-height:1.35}
body.sonara-setup-pending .pl-live-txt{color:rgba(255,255,255,.65)}
@media(max-width:900px){.sonara-setup-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:560px){
  .sonara-setup-hero__inner{padding:32px 24px}
  .sonara-setup-grid{grid-template-columns:1fr}
  .sonara-setup-actions{flex-direction:column;align-items:stretch}
}
/* Mod?l kapatma (body.mod-*-off) ? PANEL-VE-MARKA data-modules */
body.gate-off .gate,
body.gate-off #sohbet,
body.mod-chat-off .cta-chat,
body.mod-chat-off [data-cta="chat"]{display:none!important}
body.player-off #player,
body.player-off .pl-fold,
body.mod-radio-off #radyo{display:none!important}
body.mod-dj-off #yayin{display:none!important}
body.mod-music-off #sozler,
body.mod-music-off #album{display:none!important}
body.mod-blog-off #yazilar{display:none!important}

/* Studio polish toggles ? chrome / hero / sahneler */
body.chrome-search-off .nav-search,
body.chrome-search-off #btn-drawer-search,
body.chrome-search-off .nav-drawer-search{display:none!important}
body.chrome-chat-off .cta-chat{display:none!important}
body.chrome-live-off .cta-live,
body.chrome-live-off #btn-live{display:none!important}
body.hero-pill-off .live-pill{display:none!important}
body.hero-now-off .now{display:none!important}
body.hero-gate-off .gate,
body.hero-gate-off #sohbet{display:none!important}
body.prog-filter-off #prog-band{display:none!important}
body.freq-filter-off #freq-band{display:none!important}
body.ly-share-off #ly-share,
body.ly-share-off .ly-share-btn{display:none!important}
body.ly-fx-off .ly-stage-fx,
body.ly-fx-off .ly-verse-fx,
body.ly-fx-off .ly-mast-air{display:none!important}
body.fx-off .eq,
body.fx-off .gate-vu,
body.fx-off .live-eq{opacity:.15;animation:none!important}
body.foot-scenes-off .foot-map-wrap{display:none!important}
body.foot-ctas-off .foot-actions{display:none!important}