/* canliradyo.live — 2026-10-20 eklemeleri (style.css / mobile.css'in üstüne): kalıcı oynatıcı, sayfa içi geçiş,
   favoriler, anlık arama, yayın durumu rozeti, erişilebilirlik */

/* erişilebilirlik */
.atla{position:absolute;left:-9999px;top:0;z-index:1000;background:#fff;color:#5647DB;padding:8px 14px;font-size:14px;font-weight:bold;border-radius:0 0 8px 0}
.atla:focus{left:0}
a:focus-visible,button:focus-visible,[role=button]:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #fdde09;outline-offset:2px}
[tabindex="-1"]:focus{outline:none}
#Player[hidden]{display:none}

/* masaüstü arama düğmesi artık <button> */
button#find-button{border:0;padding:0}
#find{-webkit-appearance:none;appearance:none;font-size:14px}
#find::-webkit-search-cancel-button{cursor:pointer}

/* sayfa içi geçiş: üstte ince yükleme çubuğu */
html.cr-yukleniyor body::before{content:"";position:fixed;top:0;left:0;height:3px;width:100%;z-index:2000;
	background:linear-gradient(90deg,#fdde09 0,#fdde09 40%,transparent 40%);background-size:250% 100%;animation:cr-yuk 1s linear infinite}
@keyframes cr-yuk{from{background-position:100% 0}to{background-position:-150% 0}}

/* anlık arama önerileri */
#arama-oneri{position:fixed;z-index:1500;margin:0;padding:6px;list-style:none;background:#fff;border-radius:14px;
	border:1px solid #e6e3fb;box-shadow:0 12px 32px rgba(35,31,72,.22),0 2px 6px rgba(35,31,72,.08);
	max-height:min(480px,65vh);overflow:auto;line-height:normal;text-align:left;font-size:14px;
	animation:ao-ac .14s ease-out;transform-origin:top center}
@keyframes ao-ac{from{opacity:0;transform:translateY(-6px) scale(.98)}to{opacity:1;transform:none}}
#arama-oneri li{list-style:none}
#arama-oneri .ao-grup{padding:8px 10px 4px;font-size:11px;font-weight:bold;letter-spacing:.06em;text-transform:uppercase;color:#9a96b8}
#arama-oneri .ao-oge{display:flex;align-items:center;gap:12px;padding:7px 10px;border-radius:10px;cursor:pointer;color:#2b2840;transition:background .12s}
#arama-oneri .ao-logo{width:44px;height:44px;border-radius:10px;flex:none;background:#f3f2fb;object-fit:cover;box-shadow:0 1px 4px rgba(0,0,0,.12)}
#arama-oneri .ao-metin{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}
#arama-oneri .ao-ad{font-weight:600;font-size:15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#arama-oneri .ao-ad mark{background:none;color:#5647DB;font-weight:800;text-decoration:underline;text-decoration-color:#fdde09;text-decoration-thickness:3px;text-underline-offset:2px}
#arama-oneri .ao-fav{color:#ec3935;font-size:12px}
#arama-oneri .ao-alt{font-size:12px;color:#8a87a3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#arama-oneri .ao-oynat{flex:none;width:34px;height:34px;border-radius:50%;background:#5647DB;color:#fff;display:flex;align-items:center;justify-content:center;
	opacity:0;transform:scale(.7);transition:opacity .15s,transform .15s}
#arama-oneri .ao-oynat svg,#arama-oneri .ao-tum svg{width:18px;height:18px;fill:currentColor}
#arama-oneri .ao-oge[aria-selected=true],#arama-oneri .ao-oge:hover{background:#f1efff}
#arama-oneri .ao-oge[aria-selected=true] .ao-oynat,#arama-oneri .ao-oge:hover .ao-oynat{opacity:1;transform:none}
#arama-oneri .sorunlu .ao-logo{filter:grayscale(1);opacity:.55}
#arama-oneri .ao-tum{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:4px;padding:10px;border-radius:10px;cursor:pointer;
	color:#5647DB;font-weight:bold;background:#f7f6ff;border-top:0}
#arama-oneri .ao-tum[aria-selected=true],#arama-oneri .ao-tum:hover{background:#5647DB;color:#fff}
#arama-oneri .ao-yok{padding:14px 10px 10px;color:#6f6c86;text-align:center}
#arama-oneri .ao-ipucu{display:flex;justify-content:center;gap:14px;padding:8px 6px 2px;font-size:11px;color:#9a96b8}
#arama-oneri kbd{display:inline-block;min-width:18px;padding:1px 5px;margin-right:2px;border:1px solid #dcd9ef;border-bottom-width:2px;border-radius:4px;
	background:#fff;font:inherit;font-size:10px;color:#5d5a78;text-align:center}

/* yayın durumu rozeti */
.kanal{position:relative}
.rozet-sorun{display:inline-block;background:#fdecea;color:#a3261d;font-size:11px;line-height:16px;padding:1px 7px;border-radius:8px;font-weight:normal;white-space:nowrap}
.kanal .rozet-sorun{position:absolute;top:8px;right:10px}
.kanal-sorunlu .kanal-logo img{filter:grayscale(1);opacity:.6}
.yayin-uyari{background:#fff4e5;color:#8a4b00;border-radius:8px;padding:10px 14px;font-size:14px;text-align:left;margin:10px}

/* favori düğmesi (radyo sayfası başlığı) */
.fav-btn{vertical-align:middle;margin:8px 0 0 10px;border:1px solid #5647DB;background:#fff;color:#5647DB;border-radius:20px;
	padding:4px 14px;font-size:13px;cursor:pointer;line-height:20px}
.fav-btn span[aria-hidden]{font-size:16px}
.fav-btn.aktif{background:#5647DB;color:#fff}
.fav-btn:hover{background:#efedff}
.fav-btn.aktif:hover{background:#4336b8}

/* ana sayfa: favoriler + son dinlenenler (2026-10-20 görsel yenileme) — kart, simgeli başlık, tek satır şerit.
   Sığmayanlar grid'in 0 yükseklikli satırlarında gizli kalır; site.js son görünen kutucuğu "+N" yapar. */
#kisisel:empty{display:none}
#kisisel{text-align:left;margin:8px 5px 16px;font-size:14px}
body:not(.mobil) #kisisel.iki{display:grid;grid-template-columns:repeat(auto-fit,minmax(440px,1fr));gap:14px}
.kisisel-blok{position:relative;background:#fff;border-radius:18px;padding:14px 16px 6px;margin-bottom:12px;
	box-shadow:0 4px 18px rgba(35,31,72,.08),0 1px 3px rgba(35,31,72,.06);border:1px solid #efedfa;overflow:hidden}
body:not(.mobil) #kisisel.iki .kisisel-blok{margin-bottom:0}
.kisisel-blok::before{content:"";position:absolute;left:0;top:0;right:0;height:4px;background:linear-gradient(90deg,#5647DB,#9b8cff)}
.kisisel-fav::before{background:linear-gradient(90deg,#ec3935,#ff8a7a)}
.kisisel-baslik{display:flex;align-items:center;gap:10px;margin:2px 0 6px}
.kisisel-ikon{flex:none;width:34px;height:34px;border-radius:11px;display:flex;align-items:center;justify-content:center;color:#fff;
	background:linear-gradient(135deg,#7769F9,#5647DB);box-shadow:0 3px 8px rgba(86,71,219,.35)}
.kisisel-fav .kisisel-ikon{background:linear-gradient(135deg,#ff6b5e,#ec3935);box-shadow:0 3px 8px rgba(236,57,53,.35)}
.kisisel-ikon svg{width:18px;height:18px;fill:currentColor}
.kisisel-yazi{flex:1;min-width:0;display:flex;flex-direction:column;line-height:1.2}
.kisisel-yazi h2{margin:0;font-size:16px;color:#231f48}
.kisisel-yazi span{font-size:12px;color:#8a87a3}
.kisisel-tumu{flex:none;font-size:13px;font-weight:bold;color:#5647DB;text-decoration:none;white-space:nowrap;padding:6px 12px;border-radius:16px;
	background:#f1efff;transition:background .15s,color .15s}
.kisisel-tumu:hover{background:#5647DB;color:#fff}
.kisisel-fav .kisisel-tumu{color:#d62f2b;background:#fdecea}
.kisisel-fav .kisisel-tumu:hover{background:#ec3935;color:#fff}

.serit{display:grid;grid-template-columns:repeat(auto-fill,minmax(96px,1fr));grid-template-rows:auto;grid-auto-rows:0;overflow:hidden;
	gap:0 6px;margin:0 -6px;padding:6px 0 0;list-style:none}
.serit li{min-width:0}
.serit a{display:flex;flex-direction:column;align-items:center;gap:7px;padding:6px 4px 12px;border-radius:14px;text-decoration:none;color:#4a4760}
.serit-logo{position:relative;display:block;width:72px;height:72px;border-radius:20px;background:#fff;
	box-shadow:0 4px 12px rgba(35,31,72,.14),0 0 0 1px rgba(35,31,72,.05);transition:transform .18s,box-shadow .18s}
.serit-logo img{width:100%;height:100%;border-radius:20px;display:block;object-fit:cover}
.serit-oynat{position:absolute;right:-5px;bottom:-5px;width:28px;height:28px;border-radius:50%;background:#5647DB;color:#fff;
	display:flex;align-items:center;justify-content:center;border:2px solid #fff;box-shadow:0 2px 6px rgba(35,31,72,.3);
	opacity:0;transform:scale(.6);transition:opacity .18s,transform .18s}
.serit-oynat svg{width:15px;height:15px;fill:currentColor;margin-left:1px}
.serit a:hover .serit-logo,.serit a:focus-visible .serit-logo{transform:translateY(-3px);box-shadow:0 8px 18px rgba(35,31,72,.2),0 0 0 1px rgba(35,31,72,.05)}
.serit a:hover .serit-oynat,.serit a:focus-visible .serit-oynat{opacity:1;transform:none}
.serit a:hover .serit-ad{color:#5647DB}
.serit-ad{font-size:12.5px;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:color .15s}
/* şu an çalan */
.serit .calan .serit-logo{box-shadow:0 0 0 3px #fff,0 0 0 5px #5647DB,0 6px 16px rgba(86,71,219,.35)}
.serit .calan .serit-ad{color:#5647DB;font-weight:bold}
.serit-eq{position:absolute;left:-5px;bottom:-5px;height:22px;padding:0 5px;border-radius:11px;background:#31c75a;border:2px solid #fff;
	display:flex;align-items:flex-end;gap:2px;padding-bottom:4px;box-shadow:0 2px 6px rgba(0,0,0,.2)}
.serit-eq i{display:block;width:3px;height:10px;background:#fff;border-radius:2px;transform-origin:bottom;animation:serit-eq .9s ease-in-out infinite}
.serit-eq i:nth-child(2){animation-delay:-.4s;animation-duration:.75s}
.serit-eq i:nth-child(3){animation-delay:-.2s;animation-duration:1.05s}
@keyframes serit-eq{0%,100%{transform:scaleY(.3)}50%{transform:scaleY(1)}}
/* "+N" kutucuğu */
.serit-daha .serit-logo{display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#f1efff,#e3dfff);box-shadow:none;border:2px dashed #b8b0f5}
.serit-daha b{font-size:20px;color:#5647DB}
.kisisel-fav .serit-daha .serit-logo{background:linear-gradient(135deg,#fff1ef,#fde0dd);border-color:#f5aaa4}
.kisisel-fav .serit-daha b{color:#d62f2b}
@media (prefers-reduced-motion: reduce){.serit-eq i{animation:none;transform:scaleY(.7)}.serit-logo,.serit-oynat{transition:none}}

/* mobil */
body.mobil #kisisel{margin:10px 8px 14px}
body.mobil .kisisel-blok{padding:12px 12px 4px;border-radius:16px}
body.mobil .serit{grid-template-columns:repeat(auto-fill,minmax(76px,1fr));gap:0 2px;margin:0 -4px}
body.mobil .serit-logo,body.mobil .serit-logo img{width:60px;height:60px;border-radius:17px}
body.mobil .serit-oynat{opacity:1;transform:none;width:24px;height:24px}
body.mobil .serit-oynat svg{width:13px;height:13px}
body.mobil .serit-ad{font-size:12px}
body.mobil .kisisel-ikon{width:30px;height:30px;border-radius:10px}
body.mobil .kisisel-yazi h2{font-size:15px}

/* /favorilerim, /son-dinlediklerim */
.kisisel-sayfa{text-align:left}
.kisisel-ust{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}
.kisisel-diger{font-size:14px;font-weight:bold;color:#5647DB;text-decoration:none;margin:10px 10px 0}
#kisisel-tum{text-align:center;margin:10px 0}
.kisisel-bos{font-size:15px;color:#6f6c86;background:#f7f6ff;border-radius:12px;padding:22px 16px;margin:10px;text-align:center}
.kisisel-not{font-size:13px;color:#8a87a3;margin:4px 10px 16px}
.kisisel-arac{text-align:right;margin:0 10px 6px}
.kisisel-temizle{border:1px solid #d6d3ee;background:#fff;color:#6f6c86;border-radius:16px;padding:5px 14px;font-size:13px;cursor:pointer}
.kisisel-temizle:hover{border-color:#ec3935;color:#ec3935}
.kart-kaldir{position:absolute;top:6px;right:6px;width:26px;height:26px;border:0;border-radius:50%;background:#f1efff;color:#5647DB;
	font-size:18px;line-height:26px;padding:0;cursor:pointer;z-index:2}
.kart-kaldir:hover{background:#ec3935;color:#fff}

/* menü: kişisel listeler */
#nav li.nav-kisisel a{color:#fdde09}
#nav li.nav-kisisel a:hover{color:#fff}

/* masaüstü: oynatıcı çubuğu header'daki logo–arama genişliğine hizalı (.container 1275px, 5px iç boşluk) */
body:not(.mobil) #Player{left:50%;transform:translateX(-50%);width:calc(100% - 10px);max-width:1265px;border-radius:14px 14px 0 0;
	box-shadow:0 -4px 16px rgba(35,31,72,.18)}

/* 2026-10-20: masaüstü menü tek satır, header (.container 1275px) ile hizalı: solda kategoriler + "Daha Fazla" açılır menü, sağda kişisel listeler */
#nav{text-align:left}
#nav .nav-ic{max-width:1275px;margin:auto;padding:0 5px;display:flex;align-items:center;justify-content:space-between;gap:12px;height:34px}
#nav ul{display:flex;align-items:center;flex-wrap:nowrap;margin:0;padding:0;list-style:none}
#nav .nav-kategoriler{flex:1;min-width:0}
#nav li{flex:none;white-space:nowrap}
#nav .nav-kategoriler > li:first-child{background-image:none;padding-left:0}
#nav .nav-kisisel-liste li:first-child{background-image:none}
#nav li.nav-kisisel:last-child{padding-right:0}
#nav .nav-daha{position:relative}
#nav .nav-daha[hidden]{display:none}
#nav .nav-daha button{background:none;border:0;padding:0;height:25px;color:#fff;font:inherit;font-size:14px;cursor:pointer}
#nav .nav-daha button:hover,#nav .nav-daha.acik button{color:#fdde09}
#nav .nav-daha::after{content:"";position:absolute;left:0;right:0;top:100%;height:10px} /* fareyle menüye geçerken boşluk köprüsü */
#nav .nav-acilir{display:none;position:absolute;top:calc(100% + 6px);left:0;z-index:1600;flex-direction:column;align-items:stretch;
	min-width:200px;max-height:70vh;overflow:auto;padding:6px;background:#fff;border-radius:12px;border:1px solid #e6e3fb;
	box-shadow:0 12px 32px rgba(35,31,72,.22);animation:ao-ac .14s ease-out}
#nav .nav-daha.acik .nav-acilir,#nav .nav-daha:hover .nav-acilir{display:flex}
#nav .nav-acilir li{background:none;padding:0;height:auto;line-height:normal}
#nav .nav-acilir a{display:block;padding:8px 12px;border-radius:8px;color:#2b2840}
#nav .nav-acilir a:hover,#nav .nav-acilir a:focus-visible{background:#f1efff;color:#5647DB}

/* 2026-10-20: breadcrumb, radyo/kategori/şehir sayfası bölümleri, SSS, bilgi tabloları, footer bağlantıları */
.kirinti{font-size:13px;text-align:left;margin:4px 5px 8px;color:#8a87a3}
.kirinti ol{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:4px}
.kirinti li{display:flex;align-items:center;gap:4px}
.kirinti li+li::before{content:"›";color:#b8b4d4}
.kirinti a{color:#5647DB;text-decoration:none}
.kirinti a:hover{text-decoration:underline}
.kirinti [aria-current]{color:#4a4760}
body.mobil .kirinti{margin:8px 10px 0}

.liste-baslik{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:8px 5px 4px;font-size:14px;text-align:left}
.liste-baslik h2{margin:0;font-size:16px;color:#231f48}
.liste-baslik a{font-size:13px;font-weight:bold;color:#5647DB;text-decoration:none;white-space:nowrap}

.radyo-bolum{font-size:15px;text-align:left;margin:18px 5px 0;line-height:1.6}
.radyo-bolum > h2{display:block;font-size:19px;color:#231f48;margin:0 0 10px;padding-bottom:6px;border-bottom:2px solid #efedff}
.radyo-bolum .info{font-size:15px}
.radyo-bolum .info h2{display:block;font-size:17px;color:#231f48;margin:18px 0 6px}
.radyo-bolum .info h3{font-size:15px;color:#231f48;margin:12px 0 4px}
.radyo-bolum .info a{color:#5647DB}
body.mobil .radyo-bolum{margin:16px 10px 0;font-size:14px}

.bilgi-tablo{width:100%;max-width:720px;border-collapse:separate;border-spacing:0;background:#fff;border:1px solid #ebe9f7;border-radius:12px;overflow:hidden;font-size:14px}
.bilgi-tablo th,.bilgi-tablo td{padding:9px 14px;text-align:left;vertical-align:top;border-bottom:1px solid #f1effa}
.bilgi-tablo tr:last-child th,.bilgi-tablo tr:last-child td{border-bottom:0}
.bilgi-tablo th{width:38%;color:#6f6c86;font-weight:normal;background:#faf9ff}
.bilgi-tablo thead th{background:#5647DB;color:#fff;font-weight:bold;width:auto}
.bilgi-tablo a{color:#5647DB;text-decoration:none}
.bilgi-tablo a:hover{text-decoration:underline}
.bilgi-tablo small{color:#8a87a3}
.frekans-tablo td:first-child{white-space:nowrap}
.frekans-tablo.genis{max-width:none}
.frekans-tablo tbody tr:nth-child(even) td{background:#fbfaff}
.durum-ok{color:#1d8a3e;font-weight:bold}
.durum-uyari{color:#b06f00;font-weight:bold}
.durum-hata{color:#c4302b;font-weight:bold}
.bilgi-not{font-size:12.5px;color:#8a87a3;text-align:left;margin:8px 5px}
.bilgi-not a{color:#5647DB}
body.mobil .bilgi-not{margin:8px 10px}

.sss details{background:#fff;border:1px solid #ebe9f7;border-radius:12px;margin-bottom:8px;padding:0 14px}
.sss summary{cursor:pointer;list-style:none;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 0}
.sss summary::-webkit-details-marker{display:none}
.sss summary::after{content:"+";font-size:20px;line-height:1;color:#5647DB;flex:none;transition:transform .15s}
.sss details[open] summary::after{transform:rotate(45deg)}
.sss summary h3{display:inline;margin:0;font-size:15px;color:#231f48}
.sss details p{margin:0 0 12px;color:#4a4760}

.kategori-giris{font-size:15px;color:#4a4760;text-align:left;margin:4px 5px 10px;line-height:1.6}
.kategori-adet{display:inline-block;margin-left:6px;padding:1px 9px;border-radius:10px;background:#efedff;color:#5647DB;font-size:12px;font-weight:bold}
body.mobil .kategori-giris{margin:6px 10px 10px;font-size:14px}
.kategori-ozet{font-size:14px;text-align:left;background:#f7f6ff;border-radius:12px;padding:10px 14px;margin:14px 5px 0;line-height:1.7}
.kategori-ozet a{color:#5647DB;text-decoration:none}
.kategori-ozet-tum{float:right;font-weight:bold}
body.mobil .kategori-ozet{margin:12px 10px 0}
.diger-kategoriler ul{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:8px}
.diger-kategoriler a{display:inline-block;padding:6px 12px;border-radius:16px;background:#fff;border:1px solid #e6e3fb;color:#5647DB;text-decoration:none;font-size:13px}
.diger-kategoriler a:hover{background:#5647DB;color:#fff}

.sehir-liste{list-style:none;margin:6px 5px;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:10px;font-size:14px;text-align:left}
.sehir-liste a{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:12px 14px;background:#fff;border:1px solid #ebe9f7;border-radius:12px;color:#231f48;text-decoration:none;box-shadow:0 2px 8px rgba(35,31,72,.05)}
.sehir-liste a:hover{border-color:#5647DB;color:#5647DB}
.sehir-liste span{font-size:12px;color:#8a87a3;white-space:nowrap}
body.mobil .sehir-liste{margin:6px 10px;grid-template-columns:repeat(auto-fill,minmax(140px,1fr))}
.kanal-frekans{position:absolute;top:8px;right:10px;font-size:11px;font-weight:bold;color:#5647DB;background:#efedff;border-radius:8px;padding:1px 7px}

/* footer iç bağlantıları */
.alt-linkler{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:18px;max-width:1275px;margin:6px auto 16px;padding:10px 5px 16px;
	text-align:left;border-bottom:1px solid rgba(255,255,255,.18)}
.alt-linkler h2{display:block;margin:0 0 8px;font-size:14px;color:#fdde09;text-transform:uppercase;letter-spacing:.04em}
.alt-linkler ul{list-style:none;margin:0;padding:0}
.alt-linkler li{margin:3px 0}
#footer .alt-linkler a{font-size:13px;color:#e6e3ff;text-decoration:none}
#footer .alt-linkler a:hover{color:#fff;text-decoration:underline}
body.mobil .alt-linkler{grid-template-columns:1fr 1fr;gap:14px;margin:0 0 12px}

/* reyting dönemi değerlendirmesi + grafik (2026-10-20) */
.reyting-yazi p{margin:0 0 10px}
.reyting-yazi a,.reyting-sonuclari a{color:#5647DB;text-decoration:none}
.reyting-yazi a:hover,.reyting-sonuclari a:hover{text-decoration:underline}
.reyting-grafik{margin:12px 0;max-width:720px;background:#fff;border:1px solid #ebe9f7;border-radius:12px;padding:12px}
.reyting-grafik svg{width:100%;height:auto;display:block}
.reyting-grafik figcaption{display:flex;flex-wrap:wrap;gap:6px 14px;margin-top:8px;font-size:13px}
.reyting-grafik figcaption span{display:inline-flex;align-items:center;gap:6px}
.reyting-grafik figcaption i{width:12px;height:12px;border-radius:3px;display:inline-block}

/* 2026-10-20: reyting modülü — sıra/ad/yüzde yalnız mobilde; çubuklar dolarak gelir */
.reyting-sira,.reyting-ad,.reyting-yuzde-yazi{display:none}
body:not(.mobil) .reyting-yuzde-bar{transition:height .7s cubic-bezier(.2,.8,.2,1)}
body.mobil .reyting-modul{display:block;width:auto;margin:6px 8px 4px;padding:6px 12px;background:#fff;border-radius:18px;border:1px solid #efedfa;
	box-shadow:0 4px 18px rgba(35,31,72,.08);overflow:visible}
body.mobil .reyting-sutun{float:none;height:auto;width:auto;margin:0;padding:0;background:none;border:0;border-radius:0;border-bottom:1px solid #f1effa}
body.mobil .reyting-sutun:last-child{border-bottom:0}
body.mobil .reyting-sutun a{display:grid;grid-template-columns:24px 46px 1fr auto;grid-template-rows:auto auto;column-gap:10px;row-gap:5px;align-items:center;
	padding:9px 0;text-decoration:none;color:#231f48}
body.mobil .reyting-sira{display:flex;grid-row:1/3;align-items:center;justify-content:center;width:24px;height:24px;border-radius:50%;
	font-size:12px;font-weight:700;color:#6f6c86;background:#f1effa}
body.mobil .reyting-sutun:nth-child(1) .reyting-sira{background:linear-gradient(135deg,#ffd75e,#f5a623);color:#fff}
body.mobil .reyting-sutun:nth-child(2) .reyting-sira{background:linear-gradient(135deg,#e3e6ec,#aab2bf);color:#fff}
body.mobil .reyting-sutun:nth-child(3) .reyting-sira{background:linear-gradient(135deg,#f0b48a,#cd7f32);color:#fff}
body.mobil .reyting-sutun picture{grid-row:1/3;display:block;width:46px;height:46px}
body.mobil .reyting-logo{position:static;display:block;width:46px;height:46px;border-radius:13px;border:0;background:#fff;box-shadow:0 2px 8px rgba(35,31,72,.14)}
body.mobil .reyting-ad{display:block;font-size:14px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;align-self:end}
body.mobil .reyting-yuzde-yazi{display:block;grid-row:1/3;font-size:14px;font-weight:700;color:#5647DB;min-width:48px;text-align:right}
body.mobil .reyting-rating{display:block;position:relative;height:7px;border-radius:4px;background:#f1effa;overflow:hidden;align-self:start}
body.mobil .reyting-yuzde-bar{position:absolute;left:0;top:0;bottom:0;height:100%;width:0;border-radius:4px;background:linear-gradient(90deg,#7769F9,#5647DB);
	transition:width .8s cubic-bezier(.2,.8,.2,1);z-index:auto}
body.mobil .reyting-sutun:nth-child(1) .reyting-yuzde-bar{background:linear-gradient(90deg,#ff8a7a,#ec3935)}
body.mobil .reyting-değer{display:none}
body.mobil .reyting-sutun a:active .reyting-logo{transform:scale(.96)}

/* reytingler sayfası listesi — mobil */
body.mobil .reyting-sonuclari{margin:12px 8px;border-radius:16px;border:1px solid #efedfa;box-shadow:0 4px 18px rgba(35,31,72,.08);background:#fff}
body.mobil .reyting-sonuclari li{display:grid;grid-template-columns:34px 1fr auto;grid-template-rows:auto auto;column-gap:8px;row-gap:5px;align-items:center;
	padding:9px 12px;position:static}
body.mobil .reyting-sonuclari li span{width:auto !important;padding:0 !important;position:static !important;float:none !important}
body.mobil .reyting-sonuclari li span:nth-child(1){grid-row:1/3;font-weight:700;color:#6f6c86;text-align:center}
body.mobil .reyting-sonuclari li span:nth-child(2){font-weight:600;color:#231f48;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
body.mobil .reyting-sonuclari li span:nth-child(3){grid-row:1/3;grid-column:3;font-weight:700;color:#5647DB}
body.mobil .reyting-sonuclari li span:nth-child(4){grid-column:2;height:6px;background:#f1effa;border-radius:3px;overflow:hidden}
body.mobil .reyting-sonuclari li span em{height:6px;border-radius:3px;background:linear-gradient(90deg,#7769F9,#5647DB)}
body.mobil .reyting-sonuclari li.ust{grid-template-rows:auto;background:#5647DB;color:#fff}
body.mobil .reyting-sonuclari li.ust span{color:#fff !important}
body.mobil .reyting-sonuclari li.ust span:nth-child(4){display:none}
body.mobil .reyting-sonuclari li:nth-child(even){background:#fbfaff}
body.mobil .reyting-sonuclari li:hover{background:#f1efff !important}

/* 2026-10-20: radyo kartları (modules/kart.php) — hover, oynat simgesi, favori kalbi, çalan işareti */
.kanal{transition:transform .18s ease,box-shadow .18s ease}
body:not(.mobil) .kanal:hover{transform:translateY(-3px);box-shadow:0 10px 24px rgba(35,31,72,.16)}
.kanal .kanal-logo{position:relative}
.kanal .kanal-logo picture{display:block}
.kanal .kanal-logo img{transition:transform .18s ease,box-shadow .18s ease}
body:not(.mobil) .kanal:hover .kanal-logo img{transform:scale(1.04)}
body:not(.mobil) .kanal:hover .kanal-ad{color:#5647DB}
.kanal-oynat{position:absolute;right:4px;bottom:4px;width:30px;height:30px;border-radius:50%;background:#5647DB;color:#fff;display:flex;align-items:center;justify-content:center;
	border:2px solid #fff;box-shadow:0 2px 6px rgba(35,31,72,.3);opacity:0;transform:scale(.6);transition:opacity .18s,transform .18s;pointer-events:none}
.kanal-oynat svg{width:14px;height:14px;fill:currentColor;margin-left:1px}
.kanal:hover .kanal-oynat,.kanal a:focus-visible .kanal-oynat{opacity:1;transform:none}
.kanal.calan .kanal-oynat{display:none}
.kanal.calan .kanal-logo img{box-shadow:0 0 0 3px #fff,0 0 0 5px #5647DB,0 6px 14px rgba(86,71,219,.35)}
.kanal.calan .kanal-ad{color:#5647DB;font-weight:bold}
.kanal-eq{position:absolute;left:4px;bottom:4px;height:22px;padding:0 5px 4px;border-radius:11px;background:#31c75a;border:2px solid #fff;display:flex;align-items:flex-end;gap:2px;
	box-shadow:0 2px 6px rgba(0,0,0,.2);pointer-events:none}
.kanal-eq i{display:block;width:3px;height:10px;background:#fff;border-radius:2px;transform-origin:bottom;animation:serit-eq .9s ease-in-out infinite}
.kanal-eq i:nth-child(2){animation-delay:-.4s;animation-duration:.75s}
.kanal-eq i:nth-child(3){animation-delay:-.2s;animation-duration:1.05s}
.kart-fav{position:absolute;top:8px;right:8px;z-index:2;width:30px;height:30px;padding:0;border:0;border-radius:50%;background:#f4f3fb;color:#c9c5e3;
	display:flex;align-items:center;justify-content:center;cursor:pointer;transition:color .15s,background .15s,transform .15s}
.kart-fav svg{width:16px;height:16px;fill:currentColor}
.kart-fav:hover{color:#ec3935;background:#fdecea}
.kart-fav.aktif{color:#ec3935;background:#fdecea}
.kart-fav.vurus svg{animation:kalp-vurus .4s ease}
@keyframes kalp-vurus{0%{transform:scale(1)}40%{transform:scale(1.4)}100%{transform:scale(1)}}
.kanal .rozet-sorun,.kanal-frekans{top:auto;bottom:8px;right:10px}
body.mobil .kanal{position:relative}
body.mobil .kanal .kanal-logo{overflow:visible}
body.mobil .kanal-oynat{opacity:1;transform:none;width:26px;height:26px;right:2px;bottom:2px}
body.mobil .kanal-oynat svg{width:12px;height:12px}
body.mobil .kart-fav{top:2.5vw;right:2.5vw;width:34px;height:34px}
body.mobil .kart-fav svg{width:18px;height:18px}
body.mobil .kanal:active{transform:scale(.99)}
@media (prefers-reduced-motion: reduce){.kanal,.kanal .kanal-logo img,.kanal-oynat{transition:none}.kanal-eq i{animation:none;transform:scaleY(.7)}}

/* radyo sayfası: favori düğmesi başlıkla aynı hizada */
.baslik-radyo{display:flex;align-items:center;flex-wrap:wrap;gap:8px 18px;margin-top:12px}
.baslik-radyo h1{margin:0;line-height:1.3}
.baslik-radyo .fav-btn{margin:0;display:inline-flex;align-items:center;gap:6px;padding:6px 16px}
.baslik-radyo .fav-btn[hidden]{display:none}
body.mobil .baslik-radyo{padding:0 10px;gap:8px 14px}
body:not(.mobil) .kanal .kanal-logo{display:inline-block}
/* mobil reyting satırı: hücreler açıkça (mobile.css'teki "li span:nth-of-type(3){position:absolute}" kuralını da ezer) */
body.mobil .reyting-sutun a{text-align:left}
body.mobil .reyting-sutun a > *{position:static !important}
body.mobil .reyting-sira{grid-column:1;grid-row:1/3}
body.mobil .reyting-sutun picture{grid-column:2;grid-row:1/3}
body.mobil .reyting-ad{grid-column:3;grid-row:1}
body.mobil .reyting-rating{grid-column:3;grid-row:2;position:relative !important}
body.mobil .reyting-yuzde-yazi{grid-column:4;grid-row:1/3}
body.mobil .reyting-sutun a > .reyting-rating{position:relative !important}
body.mobil .reyting-sutun .reyting-yuzde-bar{position:absolute !important;top:0;bottom:0;left:0;height:100% !important}
.baslik-radyo{column-gap:24px}
body.mobil .baslik-radyo{column-gap:20px}

/* 2026-10-20: mobil reyting modülü — içerikten ayrışan mor panel (masaüstünde yalnız başlık; dönem/bağlantı gizli) */
.reyting-donem-ad,.reyting-tumu{display:none}
body.mobil .reyting-kutu{position:relative;overflow:hidden;margin:20px 8px 16px;padding:16px 10px 8px;border-radius:22px;color:#fff;
	background:radial-gradient(circle at 105% -10%,rgba(155,140,255,.85) 0,rgba(155,140,255,0) 45%),radial-gradient(circle at -10% 110%,rgba(236,57,53,.35) 0,rgba(236,57,53,0) 40%),linear-gradient(160deg,#5647DB 0%,#3a2fa8 55%,#231f6b 100%);
	box-shadow:0 12px 30px rgba(35,31,107,.35)}
body.mobil .reyting-kutu-ust{display:grid;grid-template-columns:1fr auto;column-gap:10px;row-gap:2px;align-items:center;margin:0 6px 12px}
body.mobil .reyting-kutu .reyting-baslik{grid-column:1;margin:0;padding-left:32px;font-size:17px;line-height:24px;color:#fff;text-align:left;
	background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23fdde09' d='M19 5h-2V3H7v2H5c-1.1 0-2 .9-2 2v1c0 2.55 1.92 4.63 4.39 4.94A5.01 5.01 0 0 0 11 15.9V19H7v2h10v-2h-4v-3.1a5.01 5.01 0 0 0 3.61-2.96C19.08 12.63 21 10.55 21 8V7c0-1.1-.9-2-2-2zM5 8V7h2v3.82C5.84 10.4 5 9.3 5 8zm14 0c0 1.3-.84 2.4-2 2.82V7h2v1z'/%3E%3C/svg%3E") left center/24px no-repeat}
body.mobil .reyting-donem-ad{display:block;grid-column:1;padding-left:32px;font-size:12px;color:rgba(255,255,255,.72);text-align:left}
body.mobil .reyting-tumu{display:inline-block;grid-column:2;grid-row:1/3;padding:7px 12px;border-radius:16px;background:#fdde09;color:#231f48;font-size:12px;font-weight:700;
	text-decoration:none;white-space:nowrap;box-shadow:0 3px 10px rgba(0,0,0,.2)}
body.mobil .reyting-kutu + .tum{display:none}
body.mobil .reyting-kutu .reyting-modul{margin:0;padding:2px 12px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.14);border-radius:16px;box-shadow:none;width:auto}
body.mobil .reyting-kutu .reyting-sutun{border-bottom-color:rgba(255,255,255,.12)}
body.mobil .reyting-kutu .reyting-sutun a{color:#fff}
body.mobil .reyting-kutu .reyting-ad{color:#fff}
body.mobil .reyting-kutu .reyting-yuzde-yazi{color:#fdde09}
body.mobil .reyting-kutu .reyting-sira{background:rgba(255,255,255,.16);color:#fff}
body.mobil .reyting-kutu .reyting-sutun:nth-child(1) .reyting-sira{background:linear-gradient(135deg,#ffd75e,#f5a623);color:#231f48}
body.mobil .reyting-kutu .reyting-sutun:nth-child(2) .reyting-sira{background:linear-gradient(135deg,#f4f6f9,#b9c1cc);color:#231f48}
body.mobil .reyting-kutu .reyting-sutun:nth-child(3) .reyting-sira{background:linear-gradient(135deg,#f6c39f,#cd7f32);color:#231f48}
body.mobil .reyting-kutu .reyting-rating{background:rgba(255,255,255,.16)}
body.mobil .reyting-kutu .reyting-yuzde-bar{background:linear-gradient(90deg,#ffe68a,#fdde09)}
body.mobil .reyting-kutu .reyting-sutun:nth-child(1) .reyting-yuzde-bar{background:linear-gradient(90deg,#ffb3a8,#ff6b5e)}
body.mobil .reyting-kutu .reyting-logo{box-shadow:0 2px 10px rgba(0,0,0,.25)}

/* mobil: liste kartlarında oynat simgesi yok */
body.mobil .kanal .kanal-oynat{display:none}
body.mobil .reyting-kutu ~ .tum{display:none}
/* oynatıcı çubuğu kart kalplerinin (z-index 2) ve hover'daki kartların üstünde kalsın */
#Player{z-index:900 !important}

/* 2026-10-20: masaüstü reyting modülü — hafif vurgu (kırmızı sütunlar ve yerleşim aynı) */
body:not(.mobil) .reyting-kutu{position:relative;overflow:hidden;margin:6px 5px 14px;padding:14px 12px 8px;border-radius:18px;text-align:left;
	background:linear-gradient(180deg,#f4f2ff 0%,#fbfaff 60%,#fff 100%);border:1px solid #e6e3fb;box-shadow:0 6px 20px rgba(86,71,219,.10)}
body:not(.mobil) .reyting-kutu::before{content:"";position:absolute;left:0;top:0;right:0;height:4px;background:linear-gradient(90deg,#5647DB,#ec3935)}
body:not(.mobil) .reyting-kutu-ust{display:grid;grid-template-columns:1fr auto;column-gap:12px;align-items:center;margin:2px 6px 10px}
body:not(.mobil) .reyting-kutu .reyting-baslik{grid-column:1;margin:0;padding-left:30px;font-size:17px;line-height:24px;color:#231f48;
	background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%235647DB' d='M19 5h-2V3H7v2H5c-1.1 0-2 .9-2 2v1c0 2.55 1.92 4.63 4.39 4.94A5.01 5.01 0 0 0 11 15.9V19H7v2h10v-2h-4v-3.1a5.01 5.01 0 0 0 3.61-2.96C19.08 12.63 21 10.55 21 8V7c0-1.1-.9-2-2-2zM5 8V7h2v3.82C5.84 10.4 5 9.3 5 8zm14 0c0 1.3-.84 2.4-2 2.82V7h2v1z'/%3E%3C/svg%3E") left center/22px no-repeat}
body:not(.mobil) .reyting-donem-ad{display:block;grid-column:1;padding-left:30px;font-size:12px;color:#8a87a3}
body:not(.mobil) .reyting-tumu{display:inline-block;grid-column:2;grid-row:1/3;padding:6px 14px;border-radius:16px;background:#efedff;color:#5647DB;font-size:13px;font-weight:bold;
	text-decoration:none;white-space:nowrap;transition:background .15s,color .15s}
body:not(.mobil) .reyting-tumu:hover{background:#5647DB;color:#fff}
body:not(.mobil) .reyting-kutu ~ .tum{display:none}
body:not(.mobil) .reyting-kutu .reyting-modul{display:block;text-align:center;background:#fff;border:1px solid #efedfa;box-shadow:0 2px 8px rgba(35,31,72,.06)}
body:not(.mobil) .reyting-kutu .reyting-sutun{transition:transform .15s,box-shadow .15s,border-color .15s}
body:not(.mobil) .reyting-kutu .reyting-sutun:hover{transform:translateY(-3px);border-color:#d6d1f5;box-shadow:0 8px 18px rgba(86,71,219,.14)}
body:not(.mobil) .reyting-kutu{padding-left:6px;padding-right:6px}
body:not(.mobil) .reyting-kutu .reyting-modul{padding-left:20px;padding-right:20px}
/* 2026-10-20 düzeltme: reytingler sayfasında sağa yaslı dönem seçicisi (float) kutuyu daraltıp sütunları iki satıra kırıyordu;
   iç içe kutu görüntüsü kaldırıldı — sütunlar doğrudan dış çerçevede */
body:not(.mobil) .reyting-kutu{clear:both}
body:not(.mobil) .reyting-kutu .reyting-modul{background:none;border:0;box-shadow:none;border-radius:0;padding:4px 0 6px;margin:0}
/* 2026-10-20: sütunlar tüm genişliğe eşit aralıkla yayılır (sağda boşluk kalmasın); dar ekranda eşit kolonlu satırlara kırılır */
body:not(.mobil) .reyting-kutu .reyting-modul{display:grid !important;grid-template-columns:repeat(auto-fit,minmax(88px,1fr));row-gap:10px;width:100%}
body:not(.mobil) .reyting-kutu .reyting-sutun{float:none;margin:0;justify-self:center}
body:not(.mobil) .reyting-kutu .reyting-modul{grid-template-columns:repeat(auto-fit,minmax(64px,1fr));column-gap:8px}
body:not(.mobil) .reyting-kutu .reyting-sutun{width:100%;max-width:88px}
body:not(.mobil) .reyting-kutu .reyting-logo{left:50%;transform:translateX(-50%);width:calc(100% - 12px);max-width:74px;height:auto;aspect-ratio:1/1}
body:not(.mobil) .reyting-kutu .reyting-yuzde-bar{left:50%;transform:translateX(-50%);width:calc(100% - 26px);max-width:60px}
body:not(.mobil) .reyting-kutu .reyting-değer{width:100%;left:0}