:root{--v2-bg:#020509;--v2-ink:#f8fafc;--v2-muted:#c7ced8;--v2-orange:#ff8500;--v2-orange2:#ffac22;--v2-line:rgba(255,133,0,.55)}
.v2-topbar,.v2-site,.v2-footer,.v2-player{box-sizing:border-box}
.v2-topbar *,.v2-site *,.v2-footer *,.v2-player *{box-sizing:border-box}
.v2-topbar button,.v2-site button,.v2-player select,.v2-player input{font:inherit}
.v2-topbar :focus-visible,.v2-site :focus-visible,.v2-footer :focus-visible,.v2-player :focus-visible{outline:3px solid var(--v2-orange2);outline-offset:3px}
.v2-topbar{position:sticky;top:0;z-index:40;display:flex;align-items:center;justify-content:space-between;gap:32px;height:92px;padding:0 56px;background:rgba(0,0,0,.92);border-bottom:1px solid var(--v2-line);box-shadow:0 8px 22px rgba(255,132,0,.16);font-family:Arial,Helvetica,sans-serif}
.v2-brand{display:flex;align-items:center;color:#fff;text-decoration:none;min-width:330px}
.v2-brand strong{display:block;font-size:clamp(28px,3vw,38px);font-weight:950;line-height:.95}.v2-brand b,.v2-hero h1 span,.v2-hero h2,.v2-footer b{color:var(--v2-orange)}.v2-brand em{display:block;margin-top:6px;font-size:12px;font-style:normal;font-weight:800;color:#fff}
.v2-nav{display:flex;align-items:center;gap:clamp(10px,1.55vw,24px);height:100%}.v2-nav a{font-size:clamp(12px,1vw,15px);display:grid;place-items:center;height:100%;color:#fff;text-decoration:none;font-weight:850;position:relative;white-space:nowrap}.v2-nav a.active{color:var(--v2-orange)}.v2-nav a.active:after{content:"";position:absolute;bottom:16px;width:78px;height:3px;background:var(--v2-orange);border-radius:999px;box-shadow:0 0 14px rgba(255,132,0,.8)}
.v2-site{min-height:100vh;overflow:hidden;background:radial-gradient(circle at 80% 18%,rgba(255,132,0,.22),transparent 28rem),linear-gradient(180deg,#030303 0%,#04111d 48%,#050607 100%);color:var(--v2-ink);font-family:Arial,Helvetica,sans-serif;padding-bottom:20px}
.v2-hero{min-height:528px;display:grid;grid-template-columns:minmax(360px,.95fr) minmax(520px,1.25fr);position:relative;padding:50px 56px 24px;background:linear-gradient(90deg,rgba(2,8,15,.98) 0%,rgba(2,8,15,.84) 36%,rgba(2,8,15,.13) 66%,rgba(2,8,15,.22) 100%),url("../images/hero-gediz.png") center/cover}.v2-hero:after{content:"";position:absolute;inset:auto 0 0;height:128px;background:linear-gradient(0deg,#06111b,transparent)}
.v2-copy{position:relative;z-index:2;max-width:620px}.v2-host{display:flex;align-items:center;gap:14px;margin-bottom:34px}.v2-host-icon{width:56px;height:56px;display:grid;place-items:center;border:2px solid var(--v2-orange);border-radius:50%;color:var(--v2-orange);font-size:29px;box-shadow:0 0 26px rgba(255,132,0,.42)}.v2-host b,.v2-host small{display:block}.v2-host b{font-size:24px;font-weight:950}.v2-host small{margin-top:2px;color:#fff;font-size:16px}
.v2-hero h1{margin:0;font-size:clamp(58px,8vw,92px);font-weight:1000;line-height:.92;text-shadow:0 4px 24px rgba(255,255,255,.22)}.v2-hero h2{margin:24px 0 12px;font-size:clamp(24px,3vw,33px);font-style:italic;font-weight:900}.v2-hero p{margin:0 0 28px;max-width:470px;color:#fff;font-size:18px;line-height:1.65}.v2-hero p b{color:var(--v2-orange)}
.v2-listen{display:inline-flex;align-items:center;justify-content:center;gap:14px;min-width:236px;height:54px;border:0;border-radius:8px;color:#090909;font-size:18px;font-weight:950;background:linear-gradient(135deg,#ff9800,#ff7400);box-shadow:0 0 24px rgba(255,132,0,.48);cursor:pointer}
.v2-pills{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}.v2-pills button{min-width:132px;height:44px;display:inline-flex;align-items:center;justify-content:center;gap:9px;border:1px solid rgba(148,163,184,.38);border-radius:18px;background:rgba(0,0,0,.46);color:#fff;font-size:14px;font-weight:850;cursor:pointer}.v2-pills button.active{border-color:rgba(255,132,0,.72);box-shadow:inset 0 0 18px rgba(255,132,0,.16)}.v2-pills span{color:#cf5cff;font-size:20px}
.v2-stack{position:relative;z-index:2;display:grid;gap:18px;padding:20px 30px 18px;background:#06111b}.v2-row{display:grid;grid-template-columns:250px 1fr;gap:22px;min-height:190px;padding:15px 14px 15px 22px;border:1px solid var(--v2-row);border-radius:10px;background:linear-gradient(90deg,color-mix(in srgb,var(--v2-row) 24%,transparent),rgba(1,5,10,.42) 28%,rgba(0,0,0,.62)),#05080d;box-shadow:inset 0 0 30px rgba(255,255,255,.03)}.v2-orange{--v2-row:#ff8500;--v2-button:#ff8500}.v2-blue{--v2-row:#008fe8;--v2-button:#168deb}.v2-purple{--v2-row:#8e2bd6;--v2-button:#8f2dda}.v2-green{--v2-row:#21b861;--v2-button:#21b861}
.v2-intro{display:grid;grid-template-columns:58px 1fr;align-content:center;column-gap:18px}.v2-row-icon{grid-row:span 3;color:var(--v2-row);font-size:62px;line-height:1;text-shadow:0 0 16px color-mix(in srgb,var(--v2-row) 70%,transparent)}.v2-intro h3{margin:4px 0 8px;font-size:30px;font-weight:950}.v2-intro p{margin:0 0 14px;color:var(--v2-muted);font-size:13px;line-height:1.7}
.v2-cards{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(108px,1fr);gap:8px;overflow-x:auto;padding:0 0 2px;scrollbar-width:thin}.v2-purple .v2-cards{grid-auto-columns:minmax(250px,1fr)}.v2-card{position:relative;min-height:160px;overflow:hidden;border:0;border-radius:10px;background:#050505;color:#fff;cursor:pointer;box-shadow:inset 0 -74px 42px rgba(0,0,0,.74)}.v2-card img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.85;transition:transform .2s ease}.v2-card:hover img{transform:scale(1.05)}.v2-card:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 35%,rgba(0,0,0,.88))}.v2-card span{position:absolute;z-index:1;left:8px;right:8px;bottom:11px;min-height:34px;display:grid;place-items:end center;text-align:center;color:#fff;font-size:clamp(12px,1.2vw,14px);font-weight:950}
.v2-footer{min-height:98px;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:18px;padding:0 56px;border-top:1px solid var(--v2-line);background:#020202;box-shadow:0 -8px 24px rgba(255,132,0,.12);font-family:Arial,Helvetica,sans-serif;color:#fff}.v2-footer p{margin:0;color:#fff;font-size:13px}.v2-footer p:last-child{justify-self:end}.v2-footer p a{color:#fff;text-decoration:none}.v2-footer p a:hover{color:var(--v2-orange)}.v2-socials{display:flex;gap:10px}.v2-socials a{width:34px;height:34px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.45);border-radius:50%;color:#fff;text-decoration:none;background:rgba(15,23,42,.68)}
.v2-player{position:fixed;left:50%;bottom:12px;z-index:9997;width:min(660px,calc(100vw - 28px));height:52px;display:grid;grid-template-columns:168px 42px 88px 1fr;align-items:center;gap:8px;padding:8px 10px;transform:translateX(-50%);border:1px solid rgba(255,255,255,.16);border-radius:999px;background:rgba(3,8,14,.92);backdrop-filter:blur(14px);box-shadow:0 0 28px rgba(0,0,0,.52);font-family:Arial,Helvetica,sans-serif}.v2-player select,.v2-status{min-width:0;height:34px;border:0;border-radius:999px;background:rgba(255,255,255,.08);color:#fff;padding:0 12px;font-size:13px}.v2-player select{appearance:auto}.v2-player option{color:#111;background:#fff}.v2-player .v2-play{width:36px;height:36px;border:0;border-radius:50%;color:#020202;background:var(--v2-orange);font-weight:950;cursor:pointer}.v2-status{display:flex;align-items:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.v2-volume{width:88px;height:32px;accent-color:var(--v2-orange);cursor:pointer}
@media(max-width:940px){.v2-topbar{height:auto;padding:18px 20px;align-items:flex-start}.v2-nav{gap:16px;flex-wrap:wrap;justify-content:flex-end}.v2-hero{grid-template-columns:1fr;padding:38px 24px 20px;background-position:center right}.v2-row{grid-template-columns:1fr}.v2-intro{max-width:360px}}
@media(max-width:640px){.v2-topbar{display:block}.v2-brand{min-width:0}.v2-nav{margin-top:14px;justify-content:flex-start}.v2-nav a{height:34px;font-size:13px}.v2-nav a.active:after{bottom:-2px}.v2-hero h1{font-size:54px}.v2-hero p{font-size:16px}.v2-stack{padding:16px 12px}.v2-purple .v2-cards,.v2-cards{grid-auto-columns:minmax(150px,72vw)}.v2-footer{grid-template-columns:1fr;justify-items:center;padding:22px 22px 86px}.v2-footer p:last-child{justify-self:center;text-align:center}.v2-player{grid-template-columns:1fr 38px 70px}.v2-status{display:none}.gediz-ai{bottom:76px}}

/* === v11 MOBILE UYUM DÜZELTMELERİ ===
   Sadece responsive görünüm. Player/stream motoruna dokunulmadı. */
@media (max-width:640px){
  html,body{max-width:100%;overflow-x:hidden}
  .v2-topbar{position:sticky;top:0;display:block;width:100%;padding:13px 14px 10px;gap:0}
  .v2-brand{width:100%;min-width:0}
  .v2-brand strong{font-size:28px;line-height:1}
  .v2-brand em{margin-top:5px;font-size:10px;line-height:1.25;letter-spacing:.02em}
  .v2-nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:100%;height:auto;margin-top:11px;gap:4px 8px;overflow:visible}
  .v2-nav a{height:31px;min-width:0;padding:0 4px;font-size:12px;line-height:1.15;text-align:center;white-space:normal}
  .v2-nav a.active:after{bottom:0;width:46px;height:2px}

  .v2-hero{min-height:0;display:block;padding:30px 18px 24px;background-position:86% center;background-size:cover;background-image:linear-gradient(90deg,rgba(2,8,15,.99) 0%,rgba(2,8,15,.95) 42%,rgba(2,8,15,.70) 68%,rgba(2,8,15,.34) 100%),url("../images/hero-gediz.png")}
  .v2-hero:after{height:84px}
  .v2-copy{max-width:100%}
  .v2-host{margin-bottom:22px}
  .v2-host b{font-size:20px}.v2-host small{font-size:13px}
  .v2-hero h1{font-size:clamp(40px,13vw,52px);line-height:.94}
  .v2-hero h2{margin:18px 0 10px;font-size:21px;line-height:1.15}
  .v2-hero p{max-width:78%;margin-bottom:20px;font-size:15px;line-height:1.5}
  .v2-listen{width:100%;min-width:0;height:50px;font-size:16px}
  .v2-pills{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:18px}
  .v2-pills button{width:100%;min-width:0;height:42px;padding:0 8px;border-radius:14px;font-size:12px}
  .v2-pills span{font-size:17px}

  .v2-stack{gap:12px;padding:12px 10px 16px}
  .v2-row{gap:12px;min-height:0;padding:13px 10px;border-radius:9px}
  .v2-intro{grid-template-columns:42px 1fr;column-gap:11px;max-width:none}
  .v2-row-icon{font-size:44px}
  .v2-intro h3{margin:2px 0 5px;font-size:23px}
  .v2-intro p{margin:0;color:#d4dbe4;font-size:12px;line-height:1.45}
  .v2-music .v2-intro p{font-size:15px;line-height:1.55}
  .v2-cards,.v2-purple .v2-cards{grid-auto-columns:minmax(156px,74vw);gap:8px;scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch}
  .v2-card{min-height:148px;scroll-snap-align:start}
  .v2-card span{font-size:12px}

  .v2-footer{min-height:0;gap:12px;padding:20px 16px calc(88px + env(safe-area-inset-bottom));text-align:center}
  .v2-footer p{font-size:11px;line-height:1.55}
  .v2-player{bottom:calc(8px + env(safe-area-inset-bottom));width:calc(100vw - 16px);height:50px;grid-template-columns:minmax(0,1fr) 38px 66px;gap:6px;padding:7px 8px;border-radius:18px}
  .v2-player select{width:100%;padding:0 8px;font-size:12px}
  .v2-volume{width:66px}
  .gediz-ai{right:8px;bottom:calc(70px + env(safe-area-inset-bottom))}
}

@media (max-width:390px){
  .v2-topbar{padding-left:10px;padding-right:10px}
  .v2-brand strong{font-size:25px}
  .v2-brand em{font-size:9px}
  .v2-nav a{font-size:11px}
  .v2-hero{padding-left:14px;padding-right:14px}
  .v2-hero h1{font-size:41px}
  .v2-pills{gap:6px}
  .v2-pills button{font-size:11px}
  .v2-cards,.v2-purple .v2-cards{grid-auto-columns:minmax(150px,78vw)}
}


/* v13 — mobile hamburger navigation */
.v2-menu-toggle{
  display:none;
  width:46px;
  height:42px;
  padding:9px 8px;
  border:1px solid rgba(255,132,0,.45);
  border-radius:9px;
  background:rgba(255,132,0,.06);
  cursor:pointer;
  flex:0 0 auto;
}
.v2-menu-toggle span{
  display:block;
  width:100%;
  height:3px;
  margin:4px 0;
  border-radius:999px;
  background:var(--v2-orange);
  transition:transform .2s ease, opacity .2s ease;
}

@media (max-width:640px){
  .v2-topbar{
    display:grid !important;
    grid-template-columns:minmax(0,1fr) 46px;
    align-items:center !important;
    gap:12px !important;
    padding:12px 14px !important;
    min-height:76px;
  }
  .v2-brand{
    width:auto !important;
    min-width:0 !important;
  }
  .v2-brand strong{
    font-size:27px !important;
    line-height:1 !important;
  }
  .v2-brand em{
    margin-top:5px !important;
    font-size:9px !important;
    line-height:1.2 !important;
    white-space:nowrap;
  }
  .v2-menu-toggle{
    display:block;
    justify-self:end;
  }
  .v2-nav{
    grid-column:1 / -1;
    display:none !important;
    width:100% !important;
    height:auto !important;
    margin:0 !important;
    padding:8px 0 2px;
    border-top:1px solid rgba(255,132,0,.22);
    gap:0 !important;
  }
  .v2-topbar.menu-open .v2-nav{
    display:grid !important;
    grid-template-columns:1fr !important;
  }
  .v2-nav a{
    display:flex !important;
    justify-content:flex-start !important;
    width:100%;
    min-height:42px !important;
    height:auto !important;
    padding:10px 8px !important;
    border-bottom:1px solid rgba(255,255,255,.07);
    font-size:14px !important;
    text-align:left !important;
    white-space:normal !important;
  }
  .v2-nav a:last-child{
    border-bottom:0;
  }
  .v2-nav a.active:after{
    display:none !important;
  }
  .v2-topbar.menu-open .v2-menu-toggle span:nth-child(1){
    transform:translateY(7px) rotate(45deg);
  }
  .v2-topbar.menu-open .v2-menu-toggle span:nth-child(2){
    opacity:0;
  }
  .v2-topbar.menu-open .v2-menu-toggle span:nth-child(3){
    transform:translateY(-7px) rotate(-45deg);
  }
}

@media (max-width:390px){
  .v2-brand strong{font-size:24px !important}
  .v2-brand em{font-size:8px !important}
}


/* v16 — mobile hero desktop-like composition */
@media (max-width:640px){
  .v2-hero{
    min-height:560px !important;
    display:block !important;
    padding:26px 16px 22px !important;
    background-position:76% top !important;
    background-size:cover !important;
    background-image:linear-gradient(90deg,rgba(2,8,15,.985) 0%,rgba(2,8,15,.93) 33%,rgba(2,8,15,.56) 61%,rgba(2,8,15,.24) 100%),url("../images/hero-gediz.png") !important;
  }
  .v2-copy{
    max-width:58% !important;
  }
  .v2-host{
    margin-bottom:18px !important;
  }
  .v2-host b{font-size:18px !important}
  .v2-host small{font-size:11px !important}
  .v2-hero h1{
    font-size:clamp(36px,11.2vw,46px) !important;
    line-height:.92 !important;
    max-width:100%;
    margin:0 0 14px !important;
    letter-spacing:-.02em;
  }
  .v2-hero h2{
    margin:0 0 12px !important;
    font-size:17px !important;
    line-height:1.16 !important;
    max-width:100%;
  }
  .v2-hero p{
    max-width:100% !important;
    margin-bottom:16px !important;
    font-size:13px !important;
    line-height:1.45 !important;
  }
  .v2-listen{
    width:min(248px,100%) !important;
    height:48px !important;
    font-size:15px !important;
  }
  .v2-pills{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    gap:8px !important;
    max-width:100%;
    margin-top:16px !important;
  }
  .v2-pills button{
    height:40px !important;
    padding:0 8px !important;
    font-size:11px !important;
  }
}

@media (max-width:430px){
  .v2-hero{
    min-height:540px !important;
    background-position:79% top !important;
  }
  .v2-copy{max-width:56% !important}
}

@media (max-width:390px){
  .v2-hero{
    min-height:520px !important;
    padding:24px 14px 20px !important;
    background-position:82% top !important;
  }
  .v2-copy{max-width:55% !important}
  .v2-hero h1{font-size:34px !important}
  .v2-hero h2{font-size:16px !important}
  .v2-hero p{font-size:12.5px !important}
  .v2-listen{width:min(232px,100%) !important}
}


/* v17 — mobile hero text lower + Gediz clearer */
@media (max-width:640px){
  .v2-hero{
    min-height:590px !important;
    padding:40px 16px 22px !important;
    background-position:80% 10px !important;
    background-size:cover !important;
    background-image:linear-gradient(90deg,rgba(2,8,15,.988) 0%,rgba(2,8,15,.935) 31%,rgba(2,8,15,.48) 59%,rgba(2,8,15,.14) 100%),url("../images/hero-gediz.png") !important;
  }
  .v2-copy{
    max-width:54% !important;
    padding-top:8px !important;
  }
  .v2-host{
    margin-bottom:22px !important;
  }
  .v2-host b{
    font-size:22px !important;
    letter-spacing:.01em;
    text-shadow:0 2px 10px rgba(0,0,0,.45);
  }
  .v2-host small{
    font-size:12px !important;
    text-shadow:0 2px 8px rgba(0,0,0,.45);
  }
  .v2-hero h1{
    font-size:clamp(35px,10.8vw,44px) !important;
    margin:0 0 16px !important;
  }
  .v2-hero h2{
    margin:0 0 12px !important;
    font-size:17px !important;
  }
  .v2-hero p{
    max-width:100% !important;
    font-size:13px !important;
    line-height:1.5 !important;
    margin-bottom:18px !important;
  }
  .v2-listen{
    width:min(236px,100%) !important;
    margin-bottom:2px;
  }
}

@media (max-width:430px){
  .v2-hero{
    min-height:575px !important;
    padding-top:38px !important;
    background-position:81% 12px !important;
  }
  .v2-copy{max-width:53% !important}
}

@media (max-width:390px){
  .v2-hero{
    min-height:560px !important;
    padding:36px 14px 20px !important;
    background-position:83% 14px !important;
  }
  .v2-copy{max-width:52% !important}
  .v2-host b{font-size:20px !important}
  .v2-host small{font-size:11px !important}
  .v2-hero h1{font-size:33px !important}
}


/* v18 — dedicated mobile Gediz hero artwork */
@media (max-width:640px){
  .v2-hero{
    min-height:600px !important;
    padding:42px 16px 22px !important;
    background-image:
      linear-gradient(90deg,rgba(2,8,15,.96) 0%,rgba(2,8,15,.88) 32%,rgba(2,8,15,.42) 58%,rgba(2,8,15,.10) 100%),
      url("../images/hero-gediz-mobile.png") !important;
    background-position:center top !important;
    background-size:cover !important;
    background-repeat:no-repeat !important;
  }
  .v2-copy{
    max-width:54% !important;
    padding-top:8px !important;
  }
  .v2-host{margin-bottom:22px !important}
  .v2-host b{font-size:21px !important}
  .v2-host small{font-size:11px !important}
  .v2-hero h1{font-size:clamp(34px,10.4vw,43px) !important;line-height:.92 !important;margin:0 0 16px !important}
  .v2-hero h2{font-size:17px !important;line-height:1.15 !important;margin:0 0 12px !important}
  .v2-hero p{max-width:100% !important;font-size:13px !important;line-height:1.48 !important;margin-bottom:18px !important}
  .v2-listen{width:min(236px,100%) !important;height:48px !important}
}

@media (max-width:430px){
  .v2-hero{min-height:585px !important;padding-top:40px !important;background-position:center top !important}
  .v2-copy{max-width:53% !important}
}

@media (max-width:390px){
  .v2-hero{min-height:565px !important;padding:38px 14px 20px !important}
  .v2-copy{max-width:52% !important}
  .v2-hero h1{font-size:32px !important}
  .v2-host b{font-size:20px !important}
  .v2-host small{font-size:10.5px !important}
}


/* v19 — multilingual language menu */
.v2-lang-wrap{position:relative;margin-left:auto}
.v2-lang-toggle{
  width:54px;height:42px;display:flex;align-items:center;justify-content:center;gap:5px;
  border:1px solid rgba(255,132,0,.5);border-radius:9px;
  background:rgba(255,132,0,.06);color:#fff;cursor:pointer;font-weight:900
}
.v2-lang-globe{color:var(--v2-orange);font-size:18px}
.v2-lang-code{font-size:12px}
.v2-lang-menu{
  position:absolute;top:48px;right:0;z-index:10050;display:none;
  width:170px;padding:7px;border:1px solid rgba(255,132,0,.42);border-radius:10px;
  background:rgba(3,8,14,.98);box-shadow:0 16px 34px rgba(0,0,0,.46)
}
.v2-lang-wrap.open .v2-lang-menu{display:flex;flex-direction:column}
.v2-lang-menu button{
  width:100%;min-height:38px;padding:8px 10px;border:0;border-bottom:1px solid rgba(255,255,255,.06);
  background:transparent;color:#fff;text-align:left;font:700 13px Arial,Helvetica,sans-serif;cursor:pointer
}
.v2-lang-menu button:last-child{border-bottom:0}
.v2-lang-menu button:hover,.v2-lang-menu button.active{background:rgba(255,132,0,.14);color:var(--v2-orange)}

@media(min-width:641px){
  .v2-lang-wrap{margin-left:12px}
}

@media(max-width:640px){
  .v2-topbar{
    grid-template-columns:minmax(0,1fr) 54px 46px !important;
  }
  .v2-lang-wrap{
    grid-column:2;grid-row:1;justify-self:end;margin:0;
  }
  .v2-menu-toggle{
    grid-column:3;grid-row:1;
  }
  .v2-nav{
    grid-column:1 / -1;
  }
  .v2-lang-menu{
    right:0;top:48px;width:176px;
  }
}

/* === Ayvalık FM V3 sabit alt player / 2026-08-21 === */
body{padding-bottom:118px}
.v2-player{display:none!important}
.afm-dock{position:fixed;left:0;right:0;bottom:0;z-index:9998;background:#061321;color:#fff;border-top:1px solid rgba(255,255,255,.08);box-shadow:0 -12px 36px rgba(0,0,0,.30);font-family:Arial,Helvetica,sans-serif}
.afm-playerbar{height:72px;display:grid;grid-template-columns:minmax(360px,1.25fr) minmax(270px,.9fr) minmax(300px,1fr);align-items:center;gap:22px;padding:8px clamp(18px,3vw,54px);background:linear-gradient(180deg,#0b2032 0%,#091a2a 100%)}
.afm-now{display:flex;align-items:center;min-width:0;gap:12px}
.afm-now-cover{width:48px;height:48px;object-fit:cover;border-radius:4px;flex:0 0 auto}
.afm-now-text{display:flex;flex-direction:column;min-width:0;line-height:1.28}
.afm-now-text strong{font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.afm-now-text .afm-track{font-size:12px;color:#e5edf4;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.afm-now-text small{font-size:11px;color:#a8bac8;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.afm-live{margin-left:8px;padding:4px 8px;border-radius:12px;background:rgba(255,53,53,.09);border:1px solid rgba(255,74,74,.28);font-size:10px;font-weight:800;color:#ff4545;white-space:nowrap}
.afm-heart,.afm-icon-btn,.afm-main-play{border:0;background:transparent;color:#c8d4de;cursor:pointer;display:grid;place-items:center}
.afm-heart{font-size:28px;color:#40d9e7;width:36px;height:36px}
.afm-heart.is-fav{color:#40d9e7;font-weight:900}
.afm-controls{display:flex;align-items:center;justify-content:center;gap:15px}
.afm-icon-btn{width:36px;height:36px;font-size:17px;opacity:.88}
.afm-icon-btn:hover,.afm-heart:hover{color:#fff;opacity:1}
.afm-icon-btn.is-on{color:#31dbea}
.afm-main-play{width:48px;height:48px;border-radius:50%;background:#49dceb;color:#06202a;font-size:19px;font-weight:900;box-shadow:0 0 0 4px rgba(73,220,235,.08)}
.afm-main-play:hover{transform:scale(1.03)}
.afm-volume-wrap{display:flex;align-items:center;justify-content:flex-end;gap:12px;min-width:0}
.afm-volume{width:min(150px,38%);accent-color:#35d6e6;cursor:pointer}
.afm-schedule{margin-left:16px;color:#dce7ef;text-decoration:none;font-size:12px;white-space:nowrap}
.afm-schedule span{margin-left:5px;color:#9eb2c1}
.afm-channel-select{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}
.afm-bottom-nav{height:38px;display:flex;align-items:center;justify-content:flex-end;background:#04111d;border-top:1px solid rgba(255,255,255,.05);padding:0 clamp(18px,3vw,54px)}
.afm-legal-inline{margin-left:auto;display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:0;color:#9fb1bf;font-size:12px;line-height:1.25;text-align:right;white-space:normal}
.afm-legal-inline a{display:inline!important;height:auto!important;padding:0 4px;color:#c0d0da!important;font-size:12px!important;text-decoration:none;white-space:nowrap}
.afm-legal-inline a:hover{color:#36d8e6!important}
.afm-legal-inline a:before{display:none!important}
@media(max-width:900px){
  body{padding-bottom:94px}
  .afm-playerbar{height:58px;grid-template-columns:minmax(0,1fr) auto auto;gap:8px;padding:5px 10px}
  .afm-now-cover{width:42px;height:42px}.afm-now-text .afm-track{display:none}.afm-live{display:none}.afm-heart{display:none}
  .afm-controls{gap:4px}.afm-controls .afm-icon-btn{display:none}.afm-main-play{width:42px;height:42px}
  .afm-volume-wrap>span,.afm-volume,.afm-schedule{display:none}
  .afm-bottom-nav{height:auto;min-height:30px;justify-content:flex-end;padding:5px 10px}
  .afm-legal-inline{font-size:9px;line-height:1.2;justify-content:flex-end}
  .afm-legal-inline a{font-size:9px!important;padding:0 2px}
}