/* =====================================================================
   OZTEN NETWORK - site.css
   Palet: orange #fc4a2d | tan #b0a190 | teal #2e6e7e | slate #3a434e | ink #1c1a20
   ===================================================================== */

:root{
  --orange:#fc4a2d;
  --orange-d:#e23d22;
  --tan:#b0a190;
  --teal:#2e6e7e;
  --teal-d:#245663;
  --slate:#3a434e;
  --ink:#1c1a20;
  --paper:#f4f1ec;
  --card:#ffffff;
  --text:#22252b;
  --muted:#6b7178;
  --line:#e4ded4;
  --shadow:0 14px 40px rgba(28,26,32,.10);
  --shadow-sm:0 4px 16px rgba(28,26,32,.08);
  --radius:14px;
  --font:"Inter",ui-sans-serif,system-ui,-apple-system,"Segoe UI",Arial,sans-serif;
}

*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{
  margin:0;
  font-family:var(--font);
  color:var(--text);
  background:var(--paper);
  line-height:1.55;
  min-height:100vh;
}
a{color:inherit;text-decoration:none}
img{max-width:100%;display:block}
button,input,textarea,select{font:inherit}
h1,h2,h3{margin:0;line-height:1.15;color:var(--ink)}
.container{width:min(1200px,calc(100% - 34px));margin:0 auto}
.kicker{display:inline-block;color:var(--orange);font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.09em}

/* ---------------- HEADER ---------------- */
.site-header{position:sticky;top:0;z-index:40;background:var(--card);box-shadow:var(--shadow-sm)}

.topbar{background:var(--ink);color:#cfd3d8;font-size:12.5px}
.topbar-inner{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:40px}
.topbar-links{display:flex;gap:18px;flex-wrap:wrap}
.topbar-links a{text-transform:uppercase;font-weight:700;letter-spacing:.04em;color:#c7ccd2;transition:color .15s}
.topbar-links a:hover{color:var(--orange)}
.topbar-right{display:flex;align-items:center;gap:16px}
.weather-widget{display:inline-flex;align-items:center;gap:7px;color:#d7dbe0;font-weight:600}
.weather-widget .tw-ico{width:16px;height:16px;fill:none;stroke:var(--tan);stroke-width:1.8}
.weather-widget .weather-city{color:#fff;font-weight:800}
.topbar-socials{display:flex;gap:8px}
.topbar-admin{color:#c7ccd2;font-weight:700;text-transform:uppercase;font-size:11.5px;border:1px solid rgba(255,255,255,.16);padding:5px 10px;border-radius:20px;transition:.15s}
.topbar-admin:hover{background:var(--orange);border-color:var(--orange);color:#fff}

/* Sosyal ikonlar (marka renkleri) */
.soc{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:#2a2830;transition:transform .15s,filter .15s}
.soc svg{width:15px;height:15px;fill:none;stroke:#fff;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.soc:hover{transform:translateY(-2px)}
.soc-instagram{background:radial-gradient(circle at 30% 107%,#fdf497 0%,#fd5949 45%,#d6249f 60%,#285AEB 90%)}
.soc-x{background:#000}
.soc-facebook{background:#1877f2}
.soc-youtube{background:#ff0000}
.soc-mail{background:var(--teal)}

/* Masthead: logo + arama */
.masthead{background:var(--card)}
.masthead-inner{display:flex;align-items:center;gap:26px;min-height:76px}
.brand{display:flex;align-items:center;gap:13px}
.brand img{width:50px;height:50px;object-fit:contain}
.brand-text strong{display:block;font-size:22px;font-weight:900;letter-spacing:.02em;color:var(--ink)}
.brand-text small{display:block;font-size:12px;font-weight:800;letter-spacing:.32em;color:var(--orange)}
.search-form{flex:0 1 340px;margin-left:auto;display:flex;align-items:center;background:var(--paper);border:1.5px solid var(--line);border-radius:30px;overflow:hidden;height:42px;transition:border-color .15s}
.search-form:focus-within{border-color:var(--teal)}
.search-form input{flex:1;min-width:0;border:0;background:transparent;padding:0 16px;height:100%;color:var(--text);outline:none;font-size:14px}
.search-form button{width:46px;height:100%;border:0;background:var(--orange);color:#fff;display:grid;place-items:center;cursor:pointer;transition:background .15s;flex:0 0 auto}
.search-form button:hover{background:var(--orange-d)}
.search-form svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round}

.hamburger{display:none;width:46px;height:44px;border:1.5px solid var(--line);background:var(--card);border-radius:10px;cursor:pointer;padding:0}
.hamburger span{display:block;width:20px;height:2px;background:var(--ink);margin:4px auto;transition:.2s}
.hamburger.is-active span:nth-child(1){transform:translateY(6px) rotate(45deg)}
.hamburger.is-active span:nth-child(2){opacity:0}
.hamburger.is-active span:nth-child(3){transform:translateY(-6px) rotate(-45deg)}

/* Ana menu */
.mainnav{background:var(--teal)}
.mainnav-inner{display:flex;align-items:center;gap:2px;min-height:48px}
.mainnav a{display:inline-flex;align-items:center;gap:6px;padding:14px 16px;color:#eaf1f2;font-size:13.5px;font-weight:700;position:relative;transition:.15s}
.mainnav a:hover{background:var(--orange);color:#fff}
.mainnav a.active{background:var(--orange);color:#fff}
.mainnav .nav-home svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}

/* Nav sag meta: tarih + hava */
.nav-meta{margin-left:auto;display:flex;align-items:center;gap:16px;padding-right:2px}
.nav-date{color:#cfe4e6;font-size:13px;font-weight:600;text-transform:capitalize}
.nav-weather{display:inline-flex;align-items:center;gap:7px;color:#fff;font-weight:700;font-size:13.5px}
.nav-weather .tw-ico{width:17px;height:17px;fill:none;stroke:var(--tan);stroke-width:1.9}
.nav-weather [data-weather-desc]{color:#cfe4e6;font-weight:600}
.nav-weather b{font-weight:800}

/* ---------------- ANA SAYFA GRID ---------------- */
.home-grid{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:26px;padding:26px 0 46px;align-items:start}

.news-board{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden}
.news-board-head{padding:18px 22px 4px}
.live-heading{display:inline-flex;align-items:center;gap:9px;font-family:Georgia,"Times New Roman",serif;font-style:italic;font-size:22px;font-weight:700;color:var(--ink);letter-spacing:.01em}
.live-heading i{width:9px;height:9px;border-radius:50%;background:var(--orange);box-shadow:0 0 0 4px rgba(252,74,45,.16);animation:pulse 1.6s infinite}

/* Elit acili + yuvarlak koseli sekmeler (gorsel 2 - with round corners) */
.news-tabs{display:flex;gap:2px;flex-wrap:nowrap;overflow-x:auto;padding:12px 12px 0;border-bottom:2px solid var(--ink);scrollbar-width:none}
.news-tabs::-webkit-scrollbar{display:none}
.news-tab{position:relative;flex:0 0 auto;border:0;background:transparent;color:#8b9097;padding:11px 12px;font-size:11.5px;font-weight:800;letter-spacing:.02em;cursor:pointer;transition:color .15s;z-index:1}
.news-tab::before{content:"";position:absolute;left:0;right:0;top:0;bottom:0;background:#eef1f0;border-radius:12px 12px 0 0;transform:skewX(-15deg);transition:background .15s;z-index:-1}
.news-tab:hover{color:var(--ink)}
.news-tab:hover::before{background:#e2e6e5}
.news-tab.active{color:#fff;z-index:2}
.news-tab.active::before{background:var(--ink)}
.news-frame{position:relative;width:100%;height:520px;background:var(--paper);display:block;font-size:0}
.news-frame iframe{width:100%;height:100%;border:0;display:block}

/* Piyasa seridi (frame altinda yatay) */
.news-col{display:flex;flex-direction:column;min-width:0}
.market-strip{margin-top:18px;background:var(--card);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-sm);padding:10px 14px;display:flex;align-items:center;gap:14px;overflow:hidden}
.strip-badge{flex:0 0 auto;display:inline-flex;align-items:center;gap:7px;font-size:12px;font-weight:900;text-transform:uppercase;letter-spacing:.05em;color:var(--orange)!important}
.market-strip .rate-list{display:flex;flex-direction:row;gap:8px;flex:1;min-width:0;overflow:hidden;margin:0}
.market-strip .rate-row{flex:1 1 0;min-width:0;justify-content:center;gap:6px;padding:7px 10px}
.market-strip .rate-row>span{flex:0 1 auto;min-width:0}
.market-strip .rate-row strong{font-size:11.5px;white-space:nowrap}
.market-strip .rate-row small{display:none}
.market-strip .rate-values{text-align:left;flex:0 0 auto}
.market-strip .rate-values b{font-size:11.5px;color:var(--teal);white-space:nowrap}
.market-strip .data-source{flex:0 0 auto;margin:0;white-space:nowrap;font-size:11px}

/* ---------------- SIDEBAR WIDGET'LARI ---------------- */
.side-rail{display:grid;gap:18px;position:sticky;top:150px}
.widget-panel{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-sm);padding:18px}
.panel-title{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px;padding-bottom:12px;border-bottom:1px solid var(--line)}
.panel-title span{color:var(--muted);font-size:11.5px;text-transform:uppercase;font-weight:800;letter-spacing:.06em}
.panel-title b{font-size:15px;color:var(--ink);text-transform:uppercase;letter-spacing:.02em}
.live-badge{display:inline-flex;align-items:center;gap:7px;color:var(--orange)!important}
.live-badge i{width:8px;height:8px;border-radius:50%;background:var(--orange);box-shadow:0 0 0 4px rgba(252,74,45,.16);animation:pulse 1.6s infinite}
@keyframes pulse{50%{box-shadow:0 0 0 8px rgba(252,74,45,0)}}

.weather-current{display:flex;gap:14px;align-items:center;padding:16px;background:linear-gradient(135deg,rgba(46,110,126,.10),rgba(176,161,144,.14));border:1px solid var(--line);border-radius:12px}
.weather-symbol{display:grid;place-items:center;width:60px;height:60px;border-radius:12px;background:var(--ink);color:var(--tan);font-size:12px;font-weight:800}
.weather-symbol svg{width:46px;height:46px}
.weather-current strong{display:block;font-size:34px;font-weight:900;line-height:1;color:var(--ink)}
.weather-current p{color:var(--muted);margin:5px 0 0}
.mini-stats{display:grid;gap:8px;margin-top:12px}
.mini-stats span{display:flex;justify-content:space-between;gap:12px;border:1px solid var(--line);border-radius:10px;padding:9px 12px;color:var(--muted);font-size:13px;background:var(--paper)}
.mini-stats b{color:var(--ink)}
.data-source{display:block;margin-top:12px;color:var(--muted);font-size:11.5px}

.rate-list{display:grid;gap:9px}
.rate-row{display:flex;align-items:center;justify-content:space-between;gap:12px;border:1px solid var(--line);border-radius:10px;padding:11px 13px;background:var(--paper)}
.rate-row strong{display:block;color:var(--ink);font-size:14px}
.rate-row small{color:var(--muted);font-size:11px}
.rate-values{text-align:right}
.rate-values small{color:var(--muted);font-size:10.5px;display:block}
.rate-values b{display:block;color:var(--teal);font-weight:800}
.loading-line{color:var(--muted);font-size:13px}

/* Blog mini liste */
.blog-mini-list{display:grid;gap:12px}
.blog-mini{display:flex;gap:11px;align-items:center}
.blog-mini-img{flex:0 0 58px;width:58px;height:58px;border-radius:10px;overflow:hidden;background:var(--paper)}
.blog-mini-img img{width:100%;height:100%;object-fit:cover}
.blog-mini-body strong{display:block;font-size:13.5px;color:var(--ink);line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.blog-mini-body small{color:var(--muted);font-size:11.5px}
.blog-mini:hover strong{color:var(--orange)}
.blog-all{display:inline-block;margin-top:14px;color:var(--teal);font-weight:800;font-size:13px}
.blog-all:hover{color:var(--orange)}

/* Blog kartlari (buyuk resim) */
.blog-cards{display:grid;gap:16px}
.blog-card{display:block;border:1px solid var(--line);border-radius:12px;overflow:hidden;background:var(--paper);transition:transform .15s,box-shadow .15s}
.blog-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-sm)}
.blog-card-img{display:block;aspect-ratio:16/10;background:linear-gradient(135deg,var(--tan),var(--slate));overflow:hidden}
.blog-card-img img{width:100%;height:100%;object-fit:cover;display:block}
.blog-card-body{display:block;padding:12px 13px 14px}
.blog-card-body strong{display:block;font-size:14.5px;line-height:1.32;color:var(--ink);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.blog-card-body small{display:block;margin-top:6px;color:var(--muted);font-size:11.5px;font-weight:600}
.blog-card:hover .blog-card-body strong{color:var(--orange)}

/* ---------------- IC SAYFALAR ---------------- */
.page-board{padding:38px 0 8px}
.page-board h1{font-size:clamp(30px,5vw,50px);margin:10px 0 12px}
.page-board p{color:var(--muted);max-width:680px}

.policy-stack{display:grid;gap:16px;padding:22px 0 54px;max-width:920px}
.policy-block{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-sm);padding:22px}
.policy-block h2{font-size:19px;margin-bottom:8px}
.policy-block p{color:var(--muted);margin:0}

/* Iletisim */
.contact-layout{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:24px;padding:22px 0 54px}
.contact-list{display:grid;gap:14px;align-content:start}
.info-row{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:18px;box-shadow:var(--shadow-sm)}
.info-row span{display:block;color:var(--orange);font-weight:800;text-transform:uppercase;font-size:12px;letter-spacing:.05em;margin-bottom:6px}
.info-row p{margin:0;color:var(--text)}
.map-frame{overflow:hidden;border-radius:var(--radius);border:1px solid var(--line);min-height:260px}
.map-frame iframe{width:100%;height:260px;border:0;display:block}
.contact-form{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-sm);padding:22px;display:grid;gap:15px}
label{color:var(--slate);font-size:13px;font-weight:700;display:grid;gap:7px}
input,textarea,select{width:100%;border:1.5px solid var(--line);background:var(--paper);color:var(--text);border-radius:10px;padding:12px;outline:none;transition:border-color .15s}
input:focus,textarea:focus,select:focus{border-color:var(--teal)}
textarea{min-height:130px;resize:vertical}
.form-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.contact-form button{border:0;border-radius:10px;background:var(--orange);color:#fff;padding:13px 16px;font-weight:800;cursor:pointer;transition:background .15s}
.contact-form button:hover{background:var(--orange-d)}
.form-message{margin:0;color:var(--teal);min-height:20px;font-weight:600}

/* TV / Radio Box */
.media-box{padding:22px 0 56px}
.media-frame{position:relative;border-radius:var(--radius);overflow:hidden;border:1px solid var(--line);box-shadow:var(--shadow);background:var(--ink);aspect-ratio:16/9}
.media-frame iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.media-frame-audio{aspect-ratio:auto;min-height:180px}
.media-empty{display:grid;place-items:center;gap:12px;text-align:center;padding:70px 24px;background:var(--card);border:1px dashed var(--line);border-radius:var(--radius);box-shadow:var(--shadow-sm)}
.media-empty svg{width:56px;height:56px;fill:none;stroke:var(--tan);stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.media-empty h2{font-size:22px}
.media-empty p{color:var(--muted);margin:0;max-width:420px}

/* TV Box HLS oynatici */
.tv-page-dark{color-scheme:dark;background:#090b0f;color:#e7eaf0;background-image:radial-gradient(circle at 50% 24%,rgba(46,110,126,.13),transparent 38%)}
.tv-page-dark .site-header{background:#11141a;box-shadow:0 5px 22px rgba(0,0,0,.38)}
.tv-page-dark .topbar{background:#07080b;border-bottom:1px solid rgba(255,255,255,.06)}
.tv-page-dark .masthead{background:#11141a}
.tv-page-dark .brand-text strong{color:#f3f5f7}
.tv-page-dark .brand-text small{color:#ff6a50}
.tv-page-dark .search-form{background:#191d24;border-color:#303640}
.tv-page-dark .search-form:focus-within{border-color:#43899a}
.tv-page-dark .search-form input{color:#eef1f5}
.tv-page-dark .search-form input::placeholder{color:#7e8792}
.tv-page-dark .hamburger{background:#171a21;border-color:#303640}
.tv-page-dark .hamburger span{background:#eef1f5}
.tv-page-dark .mainnav{background:#1f5966;border-top:1px solid rgba(255,255,255,.04)}
.tv-page-dark .page-board h1{color:#f6f7f9}
.tv-page-dark .page-board p{color:#9ba4af}
.tv-page-dark .tv-channel-count{background:#15181f;border-color:#2a3039;color:#c5cbd3}
.tv-page-dark .media-empty{background:#13161c;border-color:#303640}
.tv-page-dark .media-empty h2{color:#f3f5f7}
.tv-page-dark .media-empty p{color:#949da8}
.tv-page-dark .site-footer{margin-top:0;border-top:1px solid rgba(255,255,255,.07)}
.tv-page-dark .cookie-popup{background:#171a21;border-color:#303640}
.tv-page-dark .cookie-popup p{color:#aab1bb}
.tv-page-dark .cookie-popup a{color:#72b7c5}
.tv-page-head{display:flex;align-items:end;justify-content:space-between;gap:20px}
.tv-channel-count{margin-bottom:18px;border:1px solid var(--line);background:var(--card);border-radius:999px;padding:8px 13px;color:var(--slate);font-size:12px;font-weight:800}
.tv-box-wrap{padding-top:12px}
.tv-studio{display:grid;grid-template-columns:minmax(0,1fr) 310px;min-height:560px;background:#0b0c10;border:1px solid rgba(255,255,255,.08);border-radius:18px;overflow:hidden;box-shadow:0 24px 70px rgba(28,26,32,.22);outline:none}
.tv-studio:focus-visible{box-shadow:0 0 0 3px rgba(46,110,126,.35),0 24px 70px rgba(28,26,32,.22)}
.tv-screen{position:relative;min-width:0;min-height:560px;display:grid;place-items:center;background:radial-gradient(circle at 50% 45%,#222936 0,#11141a 45%,#08090c 100%);overflow:hidden;cursor:default}
.tv-screen video{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;background:#050608}
.tv-youtube{position:absolute;inset:0;display:none;background:#050608}
.tv-youtube.is-active{display:block}
.tv-youtube>div,.tv-youtube iframe{width:100%;height:100%;border:0}
.tv-screen-shade{position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,rgba(0,0,0,.55),transparent 20%,transparent 62%,rgba(0,0,0,.78));opacity:.88;transition:opacity .25s}
.tv-now-playing{position:absolute;left:20px;top:18px;display:flex;align-items:center;gap:10px;color:#fff;font-size:13px;font-weight:800;text-shadow:0 2px 10px rgba(0,0,0,.6);transition:opacity .25s,transform .25s}
.tv-live-dot{display:inline-flex;align-items:center;gap:6px;background:var(--orange);border-radius:5px;padding:5px 8px;font-size:9px;letter-spacing:.08em}
.tv-live-dot::before{content:"";width:5px;height:5px;border-radius:50%;background:#fff;box-shadow:0 0 0 3px rgba(255,255,255,.2);animation:pulse 1.6s infinite}
.tv-big-play{position:relative;z-index:2;display:grid;place-items:center;width:78px;height:78px;border:1px solid rgba(255,255,255,.34);border-radius:50%;background:rgba(11,12,16,.7);backdrop-filter:blur(9px);color:#fff;font-size:29px;cursor:pointer;transition:transform .18s,background .18s,opacity .2s}
.tv-big-play span{transform:translateX(3px)}
.tv-big-play:hover{transform:scale(1.06);background:var(--orange)}
.tv-screen.is-playing .tv-big-play{opacity:0;pointer-events:none;transform:scale(.85)}
.tv-message{position:absolute;z-index:2;left:50%;top:calc(50% + 72px);transform:translateX(-50%);display:none;min-width:220px;text-align:center;color:#fff}
.tv-message.is-visible{display:grid;gap:3px}
.tv-message strong{font-size:15px}
.tv-message span{color:#aeb5bf;font-size:12px}
.tv-controls{position:absolute;z-index:4;left:0;right:0;bottom:0;padding:0 20px 17px;color:#fff;transition:opacity .24s,transform .24s}
.tv-controls-hotspot{position:absolute;z-index:3;left:0;right:0;bottom:0;height:18px}
.tv-progress-line{height:3px;background:rgba(255,255,255,.22);border-radius:3px;margin-bottom:12px;overflow:hidden}
.tv-progress-line i{display:block;width:100%;height:100%;background:linear-gradient(90deg,var(--orange),#ff8b72);transform-origin:left;animation:tvLiveProgress 2.2s ease-in-out infinite}
@keyframes tvLiveProgress{0%,100%{transform:scaleX(.35);opacity:.55}50%{transform:scaleX(1);opacity:1}}
.tv-control-row{display:flex;align-items:center;gap:9px}
.tv-control-btn{display:grid;place-items:center;width:40px;height:40px;border:1px solid rgba(255,255,255,.18);border-radius:10px;background:rgba(16,18,23,.72);color:#fff;font-size:16px;cursor:pointer;transition:background .15s,border-color .15s}
.tv-control-btn:hover,.tv-control-btn:focus-visible{background:var(--orange);border-color:var(--orange);outline:none}
.tv-volume{display:flex;align-items:center;gap:8px}
.tv-volume input[type="range"]{-webkit-appearance:none;appearance:none;width:76px;height:4px;padding:0;border:0;border-radius:999px;background:rgba(255,255,255,.28);cursor:pointer;outline:none}
.tv-volume input[type="range"]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:14px;height:14px;border:2px solid #fff;border-radius:50%;background:var(--orange);box-shadow:0 2px 8px rgba(0,0,0,.3)}
.tv-volume input[type="range"]::-moz-range-thumb{width:11px;height:11px;border:2px solid #fff;border-radius:50%;background:var(--orange);box-shadow:0 2px 8px rgba(0,0,0,.3)}
.tv-volume input[type="range"]:focus-visible{box-shadow:0 0 0 3px rgba(252,74,45,.3)}
.tv-volume-btn{font-size:15px}
.tv-control-status{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#c9ced5;font-size:11px;font-weight:700;margin-left:2px}
.tv-quality{margin-left:auto;display:flex;align-items:center;gap:8px;color:#c9ced5;font-size:11px;font-weight:700}
.tv-quality select{width:auto;min-width:106px;height:40px;padding:0 30px 0 11px;border:1px solid rgba(255,255,255,.18);border-radius:10px;background-color:rgba(16,18,23,.88);color:#fff;font-size:12px;font-weight:700;cursor:pointer}
.tv-quality select:focus{border-color:var(--orange)}
.tv-fullscreen-btn{font-size:23px;line-height:1}
.tv-studio.tv-controls-hidden .tv-controls,.tv-studio.tv-controls-hidden .tv-now-playing{opacity:0;transform:translateY(8px);pointer-events:none}
.tv-studio.tv-controls-hidden .tv-screen-shade{opacity:0}
.tv-channel-rail{display:flex;min-width:0;flex-direction:column;background:#14171d;border-left:1px solid rgba(255,255,255,.08);color:#fff}
.tv-channel-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:22px 19px 16px;border-bottom:1px solid rgba(255,255,255,.08)}
.tv-channel-head span{display:block;color:var(--orange);font-size:9px;font-weight:900;letter-spacing:.13em}
.tv-channel-head h2{margin:4px 0 0;color:#fff;font-size:21px}
.tv-channel-head .tv-channel-total{display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:rgba(255,255,255,.08);color:#fff;font-size:11px;letter-spacing:0}
.tv-channel-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;padding:9px 8px 7px;border-bottom:1px solid rgba(255,255,255,.08)}
.tv-channel-tab{display:flex;align-items:center;justify-content:center;gap:5px;min-width:0;border:0;border-radius:8px;padding:9px 4px;background:transparent;color:#8f97a2;font-size:10px;font-weight:900;letter-spacing:.04em;cursor:pointer;transition:background .15s,color .15s}
.tv-channel-tab small{display:grid;place-items:center;min-width:17px;height:17px;padding:0 4px;border-radius:999px;background:rgba(255,255,255,.08);color:#aab1ba;font-size:9px;letter-spacing:0}
.tv-channel-tab:hover{background:rgba(255,255,255,.06);color:#fff}
.tv-channel-tab.is-active{background:var(--orange);color:#fff}
.tv-channel-tab.is-active small{background:rgba(0,0,0,.2);color:#fff}
.tv-channel-list{flex:1;max-height:445px;overflow-y:auto;padding:8px}
.tv-channel-list::-webkit-scrollbar{width:6px}
.tv-channel-list::-webkit-scrollbar-thumb{background:#363b45;border-radius:10px}
.tv-channel{width:100%;display:grid;grid-template-columns:45px minmax(0,1fr) 16px;align-items:center;gap:11px;border:0;border-radius:11px;padding:11px;background:transparent;color:#fff;text-align:left;cursor:pointer;transition:background .15s,transform .15s}
.tv-channel[hidden]{display:none}
.tv-channel:hover{background:rgba(255,255,255,.07)}
.tv-channel.is-active{background:linear-gradient(90deg,rgba(252,74,45,.2),rgba(252,74,45,.07));box-shadow:inset 3px 0 var(--orange)}
.tv-channel-logo{position:relative;display:grid;place-items:center;width:45px;height:45px;border-radius:10px;overflow:hidden;background:#242832;border:1px solid rgba(255,255,255,.09)}
.tv-channel-logo img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;background:#fff;padding:4px;z-index:1}
.tv-channel-logo b{color:#9ca4af;font-size:16px;text-transform:uppercase}
.tv-channel-copy{min-width:0}
.tv-channel-copy strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px}
.tv-channel-copy small{display:flex;align-items:center;gap:6px;margin-top:4px;color:#8d949e;font-size:10px;font-weight:700}
.tv-channel-copy small i{width:5px;height:5px;border-radius:50%;background:#68707b}
.tv-channel.is-active .tv-channel-copy small{color:#f4a496}
.tv-channel.is-active .tv-channel-copy small i{background:var(--orange);box-shadow:0 0 0 3px rgba(252,74,45,.15)}
.tv-channel-arrow{color:#666e79;font-size:24px;line-height:1}
.tv-channel.is-active .tv-channel-arrow{color:var(--orange)}
.tv-channel-empty{padding:30px 15px;text-align:center;color:#858d98;font-size:12px;font-weight:700}
.tv-keyboard-hint{margin:12px 4px 0;color:var(--muted);font-size:11.5px;text-align:right}

/* Tam ekranda kanal listesi sag kenardan acilir */
.tv-studio:fullscreen{position:relative;display:block;width:100vw;height:100vh;border:0;border-radius:0;background:#000}
.tv-studio:fullscreen .tv-screen{width:100%;height:100%;min-height:100%;aspect-ratio:auto}
.tv-studio:fullscreen .tv-channel-rail{position:absolute;z-index:10;top:0;right:0;bottom:0;width:min(330px,86vw);border:0;border-left:1px solid rgba(255,255,255,.12);box-shadow:-20px 0 50px rgba(0,0,0,.42);transform:translateX(calc(100% - 7px));transition:transform .28s ease}
.tv-studio:fullscreen .tv-channel-rail::before{content:"";position:absolute;left:-23px;top:0;width:30px;height:100%;background:linear-gradient(90deg,transparent,rgba(252,74,45,.34));opacity:.7;transition:opacity .2s}
.tv-studio:fullscreen.tv-playlist-visible .tv-channel-rail{transform:translateX(0)}
.tv-studio:fullscreen.tv-playlist-visible .tv-channel-rail::before{opacity:0}
.tv-studio:fullscreen .tv-channel-list{max-height:none}

.tv-studio:-webkit-full-screen{position:relative;display:block;width:100vw;height:100vh;border:0;border-radius:0;background:#000}
.tv-studio:-webkit-full-screen .tv-screen{width:100%;height:100%;min-height:100%;aspect-ratio:auto}
.tv-studio:-webkit-full-screen .tv-channel-rail{position:absolute;z-index:10;top:0;right:0;bottom:0;width:min(330px,86vw);border:0;border-left:1px solid rgba(255,255,255,.12);box-shadow:-20px 0 50px rgba(0,0,0,.42);transform:translateX(calc(100% - 7px));transition:transform .28s ease}
.tv-studio:-webkit-full-screen.tv-playlist-visible .tv-channel-rail{transform:translateX(0)}
.tv-studio:-webkit-full-screen .tv-channel-list{max-height:none}

@media (max-width:980px){
  .tv-studio{grid-template-columns:1fr;min-height:0}
  .tv-screen{min-height:auto;aspect-ratio:16/9}
  .tv-channel-rail{border-left:0;border-top:1px solid rgba(255,255,255,.08)}
  .tv-channel-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));max-height:290px}
}
@media (max-width:620px){
  .tv-page-head{align-items:start}.tv-channel-count{margin-top:18px;white-space:nowrap}
  .tv-studio{border-radius:13px}
  .tv-screen{aspect-ratio:16/10}
  .tv-now-playing{left:13px;top:12px}
  .tv-controls{padding:0 10px 10px}
  .tv-control-row{gap:4px}
  .tv-control-btn{width:34px;height:36px;border-radius:9px}
  .tv-volume{gap:5px}
  .tv-volume input[type="range"]{width:44px}
  .tv-control-status,.tv-quality>span{display:none}
  .tv-quality select{height:36px;min-width:88px;padding-left:7px}
  .tv-channel-list{grid-template-columns:1fr;max-height:320px}
  .tv-keyboard-hint{display:none}
}

/* ---------------- FOOTER (ince) ---------------- */
.site-footer{background:var(--ink);color:#cfd3d8;margin-top:20px}
.footer-bar{display:flex;align-items:center;gap:22px;flex-wrap:wrap;padding:16px 0}
.footer-brand{display:inline-flex;align-items:center;gap:10px;color:#fff}
.footer-brand img{width:32px;height:32px;object-fit:contain}
.footer-brand span{font-size:17px;font-weight:900}
.footer-nav{display:flex;gap:18px;flex-wrap:wrap}
.footer-nav a{color:#c7ccd2;font-weight:600;font-size:13.5px;transition:color .15s}
.footer-nav a:hover{color:var(--orange)}
.footer-socials{display:flex;gap:9px;margin-left:auto}
.footer-bottom{border-top:1px solid rgba(255,255,255,.10);padding:12px 0;font-size:12px;color:#8b9198}

/* Cerez */
.cookie-popup{position:fixed;left:50%;bottom:18px;transform:translateX(-50%);width:min(680px,calc(100% - 28px));display:none;align-items:center;justify-content:space-between;gap:14px;padding:16px 18px;background:var(--card);border:1px solid var(--line);border-radius:14px;z-index:60;box-shadow:var(--shadow)}
.cookie-popup.is-visible{display:flex}
.cookie-popup p{color:var(--muted);margin:0;font-size:13px}
.cookie-popup a{color:var(--teal);font-weight:700}
.cookie-popup button{border:0;border-radius:10px;background:var(--orange);color:#fff;padding:11px 18px;font-weight:800;cursor:pointer;white-space:nowrap}

/* ---------------- RESPONSIVE ---------------- */
@media (max-width:1000px){
  .home-grid{grid-template-columns:1fr}
  .side-rail{position:static}
  .news-frame{height:560px}
}
@media (max-width:820px){
  .hamburger{display:block;margin-left:auto}
  .masthead-inner{flex-wrap:wrap;gap:14px;min-height:auto;padding:14px 0}
  .search-form{order:3;flex:1 1 100%;margin:0}
  .mainnav-inner{display:none;flex-direction:column;align-items:stretch;gap:0;padding:6px 0}
  .mainnav.is-open .mainnav-inner{display:flex}
  .mainnav a{border-bottom:1px solid rgba(255,255,255,.10)}
  .nav-meta{margin:0;padding:12px 16px;justify-content:space-between}
  .contact-layout{grid-template-columns:1fr}
  .footer-bar{justify-content:center;text-align:center}
  .footer-socials{margin-left:0}
}
@media (max-width:560px){
  .topbar-links{display:none}
  .form-row{grid-template-columns:1fr}
  .news-tabs{padding:12px 14px}
  .news-board-head{padding:16px 16px 4px}
  .cookie-popup{flex-direction:column;align-items:stretch}
}