/* ==========================================================================
   IPTV Bilgi — "Yayın akışı" teması
   Gece yayını laciverti, test kartı renkleri, ekran üstü (OSD) tipografisi.
   ========================================================================== */

:root{
  interpolate-size: allow-keywords;
  --ink:#0d0b26; --ink-2:#14113a; --ink-3:#1c1850; --ink-4:#25205f;
  --line:#2b2766; --line-2:#3d3889;
  --text:#eeecff; --text-2:#cfccf2; --muted:#9d99cf;
  --amber:#ffc53d; --amber-hi:#ffd56e;
  --cyan:#43e5de; --magenta:#ff4fa3; --green:#5be37d; --violet:#a191ff; --red:#ff5a4e; --blue:#4d6bff; --white:#ebe9f8;
  --tg:#229ed9;
  --f-display:"Unbounded", "Instrument Sans", system-ui, sans-serif;
  --f-body:"Instrument Sans", system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
  --r-xl:28px; --r-lg:20px; --r-md:14px; --r-sm:10px;
  --wrap:1200px;
  --header-h:72px;
  --bars:linear-gradient(90deg,var(--white) 0 14.28%,var(--amber) 0 28.57%,var(--cyan) 0 42.85%,var(--green) 0 57.14%,var(--magenta) 0 71.42%,var(--red) 0 85.71%,var(--blue) 0);
}

/* ---------- Temel ---------- */
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;scroll-padding-top:calc(var(--header-h) + 24px)}
body{margin:0;background:var(--ink);color:var(--text);font:400 17px/1.7 var(--f-body);text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;overflow-x:hidden}
img,svg,video,canvas{display:block;max-width:100%}
img{height:auto}
a{color:inherit;text-decoration:none}
button{font:inherit;color:inherit}
h1,h2,h3,h4{margin:0;color:var(--text);text-wrap:balance}
p{margin:0}
ul,ol{margin:0;padding:0}
.wrap{width:min(var(--wrap),100% - 40px);margin-inline:auto}
.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.ico{width:1.15em;height:1.15em;flex:none}
:focus-visible{outline:2px solid var(--amber);outline-offset:3px;border-radius:6px}
::selection{background:var(--amber);color:var(--ink)}
.skip-link{position:fixed;left:16px;top:12px;transform:translateY(-200%);z-index:200;background:var(--amber);color:var(--ink);padding:10px 16px;border-radius:999px;font-weight:600;transition:transform .2s}
.skip-link:focus{transform:none}

/* ---------- Butonlar ---------- */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:.55em;padding:.78em 1.3em;border-radius:999px;border:1px solid transparent;font:600 .97rem/1.1 var(--f-body);cursor:pointer;transition:transform .18s ease,background-color .18s,border-color .18s,color .18s,box-shadow .18s;white-space:nowrap}
.btn:active{transform:translateY(1px)}
.btn .ico{width:1em;height:1em}
.btn-amber{background:var(--amber);color:var(--ink);box-shadow:0 10px 30px -10px rgba(255,197,61,.55)}
.btn-amber:hover{background:var(--amber-hi);transform:translateY(-2px)}
.btn-ghost{border-color:var(--line-2);color:var(--text);background:rgba(255,255,255,.02)}
.btn-ghost:hover{border-color:var(--text-2);background:rgba(255,255,255,.06)}
.btn-tg{background:var(--tg);color:#fff}
.btn-tg:hover{background:#2eb2f0}
.btn-lg{padding:1em 1.6em;font-size:1.02rem}
.btn-sm{padding:.6em 1em;font-size:.9rem}

/* ---------- Marka ---------- */
.brand{display:inline-flex;align-items:center;gap:12px;font:700 1.08rem/1 var(--f-display);letter-spacing:-.01em;color:var(--text)}
.brand-mark{display:grid;grid-template-columns:repeat(5,1fr);width:34px;height:26px;border-radius:7px;overflow:hidden;box-shadow:0 0 0 2px var(--ink),0 0 0 3.5px var(--line-2)}
.brand-mark i:nth-child(1){background:var(--white)}
.brand-mark i:nth-child(2){background:var(--amber)}
.brand-mark i:nth-child(3){background:var(--cyan)}
.brand-mark i:nth-child(4){background:var(--green)}
.brand-mark i:nth-child(5){background:var(--magenta)}
.brand:hover .brand-mark i{animation:barFlick .5s steps(2) 1}
.brand:hover .brand-mark i:nth-child(2n){animation-delay:.08s}
@keyframes barFlick{50%{filter:brightness(1.6) saturate(.4)}}

/* ---------- Telegram şeridi ---------- */
.tg-strip{background:linear-gradient(90deg,rgba(34,158,217,.18),rgba(34,158,217,.06) 60%,transparent);border-bottom:1px solid var(--line);font-size:.86rem;color:var(--text-2)}
.tg-strip-in{display:flex;align-items:center;gap:12px;min-height:40px}
.tg-strip p{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.tg-strip strong{color:var(--text);font-weight:600}
.tg-ico{color:#5cc4f2}
.tg-strip a{color:#7fd3f7;font-weight:600;white-space:nowrap}
.tg-strip a:hover{color:#fff}

/* ---------- Üst menü ---------- */
.site-header{position:sticky;top:0;z-index:60;background:rgba(13,11,38,.78);backdrop-filter:saturate(1.4) blur(14px);-webkit-backdrop-filter:saturate(1.4) blur(14px);border-bottom:1px solid transparent;transition:border-color .2s,background-color .2s}
.site-header.is-scrolled{border-bottom-color:var(--line);background:rgba(13,11,38,.92)}
.nav{display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:var(--header-h)}
.main-nav{display:flex;align-items:center;gap:22px}
.main-nav ul{display:flex;align-items:center;gap:2px;list-style:none}
.main-nav li a{display:inline-flex;align-items:center;gap:6px;padding:8px 11px;border-radius:999px;color:var(--text-2);font-weight:500;font-size:.95rem;transition:color .15s,background-color .15s}
.main-nav li a:hover{color:var(--text);background:rgba(255,255,255,.05)}
.main-nav li a[aria-current="page"]{color:var(--amber);background:rgba(255,197,61,.08)}
.nav-tg a{color:#7fd3f7!important}
.nav-tg .ico{width:1em;height:1em}
.menu-btn{display:none;width:46px;height:46px;border-radius:14px;border:1px solid var(--line-2);background:var(--ink-2);cursor:pointer;place-items:center}
.menu-btn .ico{width:22px;height:22px}
.menu-btn-close{display:none}
.menu-btn[aria-expanded="true"] .menu-btn-open{display:none}
.menu-btn[aria-expanded="true"] .menu-btn-close{display:block}

/* ---------- Bölüm başlıkları ---------- */
.section{padding:clamp(56px,7vw,96px) 0}
.section-tight{padding:48px 0 96px}
.sec-head{max-width:720px;margin:0 auto 44px;text-align:center}
.sec-head h2,.signoff h2{font:700 clamp(1.6rem,3vw,2.45rem)/1.15 var(--f-display);letter-spacing:-.02em}
.sec-head p{margin-top:14px;color:var(--muted);font-size:1.05rem}
.sec-head-left{margin:0;text-align:left}
.sec-head-row{display:flex;align-items:end;justify-content:space-between;gap:24px;max-width:none;text-align:left}
.sec-head-row p{max-width:560px}
.link-more{display:inline-flex;align-items:center;gap:8px;color:var(--amber);font-weight:600;white-space:nowrap}
.link-more .ico{transition:transform .2s}
.link-more:hover .ico{transform:translateX(4px)}

/* ==========================================================================
   Ana sayfa: hero + kumanda
   ========================================================================== */
.hero{position:relative;padding:clamp(48px,7vw,96px) 0 clamp(56px,7vw,104px);overflow:hidden;isolation:isolate}
.hero-glow{position:absolute;inset:-20% -10% auto auto;width:900px;height:700px;z-index:-1;background:radial-gradient(closest-side,rgba(161,145,255,.32),transparent 70%),radial-gradient(closest-side at 70% 60%,rgba(67,229,222,.18),transparent 70%);filter:blur(10px)}
.hero-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:clamp(32px,5vw,72px);align-items:center}
.hero h1{font:800 clamp(2.1rem,4.4vw,3.55rem)/1.06 var(--f-display);letter-spacing:-.03em}
.hero .lead{margin-top:22px;max-width:56ch;font-size:1.12rem;color:var(--text-2)}
.hero-cta{display:flex;flex-wrap:wrap;gap:12px;margin-top:30px}
.hero-searches{margin-top:40px;padding-top:22px;border-top:1px solid var(--line)}
.hero-searches p{font-size:.88rem;color:var(--muted);margin-bottom:12px}
.hero-searches ul{display:flex;flex-wrap:wrap;gap:8px;list-style:none}
.hero-searches a{display:inline-block;padding:6px 13px;border-radius:999px;border:1px solid var(--line);font-size:.9rem;color:var(--text-2);transition:border-color .15s,color .15s}
.hero-searches a:hover{border-color:var(--amber);color:var(--amber)}

/* TV */
.tuner{perspective:1600px}
.tv{position:relative;padding:12px;border-radius:26px;background:linear-gradient(160deg,#2a2563,#120f33 60%);box-shadow:0 0 0 1px var(--line-2),0 40px 90px -30px rgba(0,0,0,.8),0 0 120px -30px rgba(161,145,255,.45);transform:rotateY(-9deg) rotateX(3deg);transform-style:preserve-3d;transition:transform .8s cubic-bezier(.2,.8,.2,1)}
.tuner:hover .tv{transform:rotateY(-3deg) rotateX(1deg)}
.tv::after{content:"";position:absolute;left:12%;right:12%;bottom:-34px;height:40px;border-radius:50%;background:var(--bars);filter:blur(36px);opacity:.35;z-index:-1}
.tv-screen{position:relative;aspect-ratio:16/9;border-radius:16px;overflow:hidden;background:#05040f;isolation:isolate}
.scene{position:absolute;inset:0;opacity:0;transition:opacity .25s}
.tv-screen[data-scene="0"] .scene-bars,.tv-screen[data-scene="1"] .scene-list,.tv-screen[data-scene="2"] .scene-signal{opacity:1}

/* Sahne 1: test kartı */
.scene-bars{display:grid;grid-template-rows:66% 9% 25%}
.scene-bars>div{display:grid}
.bars-top{grid-template-columns:repeat(7,1fr)}
.bars-top i:nth-child(1){background:#d9d7e6}.bars-top i:nth-child(2){background:#e8c64a}.bars-top i:nth-child(3){background:#3fd0cb}.bars-top i:nth-child(4){background:#4ccf6b}.bars-top i:nth-child(5){background:#e04b95}.bars-top i:nth-child(6){background:#e2554a}.bars-top i:nth-child(7){background:#4a62e6}
.bars-mid{grid-template-columns:repeat(7,1fr)}
.bars-mid i:nth-child(1){background:#4a62e6}.bars-mid i:nth-child(2){background:#0b0a1c}.bars-mid i:nth-child(3){background:#e04b95}.bars-mid i:nth-child(4){background:#0b0a1c}.bars-mid i:nth-child(5){background:#3fd0cb}.bars-mid i:nth-child(6){background:#0b0a1c}.bars-mid i:nth-child(7){background:#d9d7e6}
.bars-low{grid-template-columns:1.25fr 1.25fr 1.25fr 2fr 1.25fr}
.bars-low i:nth-child(1){background:#1a2a6b}.bars-low i:nth-child(2){background:#f2f1fa}.bars-low i:nth-child(3){background:#3b1b6e}.bars-low i:nth-child(4){background:linear-gradient(90deg,#05040f,#1d1b33)}.bars-low i:nth-child(5){background:#05040f}
.bars-circle{position:absolute;left:50%;top:44%;width:40%;aspect-ratio:1;border-radius:50%;border:2px solid rgba(255,255,255,.55);transform:translate(-50%,-50%);box-shadow:inset 0 0 0 1px rgba(0,0,0,.25)}
.bars-circle::before,.bars-circle::after{content:"";position:absolute;background:rgba(255,255,255,.55)}
.bars-circle::before{left:50%;top:-12%;bottom:-12%;width:2px;transform:translateX(-50%)}
.bars-circle::after{top:50%;left:-12%;right:-12%;height:2px;transform:translateY(-50%)}

/* Sahne 2: kanal listesi */
.scene-list{display:flex;flex-direction:column;justify-content:center;gap:7%;padding:9% 10% 18%;background:radial-gradient(120% 90% at 0% 0%,#2a2167,#0b0920 70%)}
.list-row{display:flex;align-items:center;gap:5%;height:10%;padding:0 3%;border-radius:8px}
.list-row b{width:7%;aspect-ratio:1;border-radius:4px;background:var(--line-2)}
.list-row i{height:36%;width:var(--w);border-radius:99px;background:rgba(207,204,242,.35)}
.list-row.is-on{background:rgba(255,197,61,.12);box-shadow:inset 0 0 0 2px var(--amber)}
.list-row.is-on b{background:var(--amber)}
.list-row.is-on i{background:var(--text)}
.tv-screen[data-scene="1"] .list-row i{animation:rowIn .5s cubic-bezier(.2,.8,.2,1) both}
.tv-screen[data-scene="1"] .list-row:nth-child(2) i{animation-delay:.06s}.tv-screen[data-scene="1"] .list-row:nth-child(3) i{animation-delay:.12s}.tv-screen[data-scene="1"] .list-row:nth-child(4) i{animation-delay:.18s}.tv-screen[data-scene="1"] .list-row:nth-child(5) i{animation-delay:.24s}
@keyframes rowIn{from{transform:scaleX(0);transform-origin:left}}
.list-row:nth-child(1) b{background:var(--cyan)}.list-row:nth-child(3) b{background:var(--magenta)}.list-row:nth-child(4) b{background:var(--green)}.list-row:nth-child(5) b{background:var(--violet)}

/* Sahne 3: sinyal */
.scene-signal{display:grid;place-items:center;background:radial-gradient(circle at 50% 46%,#1e3a6b,#070614 70%)}
.ring{position:absolute;left:50%;top:46%;width:18%;aspect-ratio:1;border-radius:50%;border:2px solid var(--cyan);transform:translate(-50%,-50%) scale(.4);opacity:0}
.tv-screen[data-scene="2"] .ring{animation:ring 2.4s ease-out infinite}
.tv-screen[data-scene="2"] .ring:nth-child(2){animation-delay:.8s}
.tv-screen[data-scene="2"] .ring:nth-child(3){animation-delay:1.6s}
@keyframes ring{0%{transform:translate(-50%,-50%) scale(.4);opacity:.9}100%{transform:translate(-50%,-50%) scale(4);opacity:0}}
.meter{position:absolute;left:50%;top:46%;transform:translate(-50%,-50%);display:flex;align-items:flex-end;gap:5px;height:16%}
.meter i{width:9px;border-radius:2px;background:var(--green);transform-origin:bottom}
.meter i:nth-child(1){height:30%}.meter i:nth-child(2){height:48%}.meter i:nth-child(3){height:66%}.meter i:nth-child(4){height:84%}.meter i:nth-child(5){height:100%}
.tv-screen[data-scene="2"] .meter i{animation:meter 1.6s ease-in-out infinite alternate}
.tv-screen[data-scene="2"] .meter i:nth-child(5){animation-name:meterLast}
@keyframes meter{from{transform:scaleY(.6)}to{transform:scaleY(1)}}
@keyframes meterLast{0%,60%{opacity:.25}100%{opacity:1}}

/* Parazit, tarama çizgileri, OSD */
.tv-noise{position:absolute;inset:0;width:100%;height:100%;image-rendering:pixelated;opacity:0;pointer-events:none;mix-blend-mode:screen;transition:opacity .12s}
.tv-screen.is-switching .tv-noise{opacity:.95}
.tv-screen.is-booting .tv-noise{opacity:1}
.tv-screen.is-booting .scene,.tv-screen.is-booting .osd,.tv-screen.is-booting .osd-title{opacity:0}
.tv-screen.is-on{animation:powerOn .7s cubic-bezier(.2,.8,.2,1)}
@keyframes powerOn{0%{transform:scale(1,.006);filter:brightness(4)}45%{transform:scale(1,.006);filter:brightness(4)}70%{transform:scale(1,1.02);filter:brightness(1.6)}100%{transform:none;filter:none}}
.scanlines{position:absolute;inset:0;pointer-events:none;background:repeating-linear-gradient(0deg,rgba(0,0,0,.16) 0 1px,transparent 1px 3px),radial-gradient(120% 120% at 50% 50%,transparent 55%,rgba(0,0,0,.55));z-index:3}
.osd{position:absolute;inset:4.5% 4.5% auto;display:flex;justify-content:space-between;align-items:center;z-index:4;transition:opacity .2s}
.osd-ch{padding:6px 10px;border-radius:8px;background:rgba(7,6,20,.72);font:700 clamp(.8rem,1.7vw,1.1rem)/1 var(--f-display);color:var(--green);text-shadow:0 0 12px rgba(91,227,125,.8),0 2px 0 rgba(0,0,0,.6);letter-spacing:.02em}
.osd-live{display:inline-flex;align-items:center;gap:7px;padding:5px 10px;border-radius:999px;background:rgba(7,6,20,.72);font-size:.78rem;font-weight:600;color:#fff}
.osd-live i{width:7px;height:7px;border-radius:50%;background:var(--red);box-shadow:0 0 0 0 rgba(255,90,78,.7);animation:live 1.6s infinite}
@keyframes live{70%{box-shadow:0 0 0 7px rgba(255,90,78,0)}100%{box-shadow:0 0 0 0 rgba(255,90,78,0)}}
.osd-title{position:absolute;left:4.5%;max-width:82%;bottom:6%;z-index:4;display:flex;flex-direction:column;gap:2px;padding:10px 14px;border-radius:12px;background:rgba(7,6,20,.82);backdrop-filter:blur(6px);border-left:4px solid var(--amber);transition:opacity .2s,transform .2s}
.osd-title small{font-size:.75rem;color:var(--amber);font-weight:600}
.osd-title span{font:600 clamp(.95rem,1.7vw,1.15rem)/1.25 var(--f-body);color:#fff}
.osd-title:hover span{text-decoration:underline;text-underline-offset:3px}
.tv-screen.is-switching .osd-title{opacity:0;transform:translateY(6px)}

.remote{display:flex;align-items:center;justify-content:center;gap:16px;margin-top:30px}
.remote-btn{display:inline-flex;align-items:center;gap:6px;padding:10px 16px;border-radius:999px;border:1px solid var(--line-2);background:var(--ink-2);font:700 .8rem/1 var(--f-display);color:var(--text);cursor:pointer;transition:border-color .15s,background-color .15s,transform .1s}
.remote-btn:hover{border-color:var(--amber);color:var(--amber)}
.remote-btn:active{transform:scale(.95)}
.remote-btn .ico{width:16px;height:16px}
.remote-label{min-width:110px;text-align:center;font-size:.88rem;color:var(--muted);font-variant-numeric:tabular-nums}

/* ==========================================================================
   Rehber akışı (EPG)
   ========================================================================== */
.guide{background:linear-gradient(180deg,transparent,rgba(20,17,58,.6) 30%,transparent)}
.epg{--lane-w:228px;position:relative;border:1px solid var(--line);border-radius:var(--r-xl);background:var(--ink-2);padding:6px 18px 18px;overflow:hidden}
.epg-ruler{display:grid;grid-template-columns:var(--lane-w) repeat(5,1fr);padding:12px 0 10px;border-bottom:1px solid var(--line);font-size:.8rem;color:var(--muted);font-variant-numeric:tabular-nums}
.epg-ruler span{border-left:1px dashed var(--line);padding-left:8px}
.epg-ruler span:first-child{border:0}
.epg-row{--lane:var(--violet);display:grid;grid-template-columns:var(--lane-w) minmax(0,1fr);gap:16px;padding:14px 0;border-bottom:1px solid var(--line)}
.epg-row:last-of-type{border-bottom:0}
.lane-amber{--lane:var(--amber)}.lane-cyan{--lane:var(--cyan)}.lane-violet{--lane:var(--violet)}.lane-green{--lane:var(--green)}.lane-magenta{--lane:var(--magenta)}
.epg-lane{display:flex;align-items:flex-start;gap:12px;padding:12px 14px;border-radius:var(--r-md);background:var(--ink-3);border-left:4px solid var(--lane);font:600 1rem/1.25 var(--f-body);align-self:start;position:sticky;top:calc(var(--header-h) + 12px)}
.epg-lane .ico{color:var(--lane);width:22px;height:22px;margin-top:1px}
.epg-lane small{display:block;margin-top:3px;font-weight:400;font-size:.82rem;color:var(--muted)}
.epg-track{position:relative;z-index:1;display:flex;flex-wrap:wrap;gap:8px;list-style:none}
.epg-lane{z-index:1}
.epg-track li{flex:var(--grow,1) 1 190px;min-width:0}
.epg-track a{display:flex;flex-direction:column;gap:4px;height:100%;padding:12px 14px;border-radius:var(--r-sm);background:#1d1950;border:1px solid var(--line);transition:border-color .18s,background-color .18s,transform .18s}
.epg-track a:hover{border-color:var(--lane);background:color-mix(in srgb,var(--lane) 12%,var(--ink-3));transform:translateY(-2px)}
.epg-track strong{font-weight:600;font-size:.98rem;line-height:1.3;color:var(--text)}
.epg-track span{font-size:.85rem;line-height:1.45;color:var(--muted);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.epg-now{position:absolute;z-index:0;top:8px;bottom:18px;left:calc(18px + var(--lane-w) + 16px);right:18px;pointer-events:none}
.epg-now::before{content:"";position:absolute;top:22px;bottom:0;left:var(--now,38%);width:2px;background:var(--red);box-shadow:0 0 14px rgba(255,90,78,.7);opacity:.85}
.epg-now span{position:absolute;top:2px;left:var(--now,38%);transform:translateX(-50%);padding:2px 8px;border-radius:999px;background:var(--red);color:#fff;font-size:.72rem;font-weight:600}
.epg.is-live .epg-now::before,.epg.is-live .epg-now span{animation:playhead 48s linear infinite}
@keyframes playhead{from{left:0%}to{left:100%}}

/* ==========================================================================
   Adımlar
   ========================================================================== */
.steps-grid{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(32px,6vw,96px);align-items:start}
.steps .sec-head{position:sticky;top:calc(var(--header-h) + 32px)}
.steps .sec-head .btn{margin-top:26px}
.step-list{list-style:none;counter-reset:step;display:grid;gap:14px}
.step-list li{counter-increment:step;position:relative;padding:24px 24px 24px 84px;border-radius:var(--r-lg);background:var(--ink-2);border:1px solid var(--line)}
.step-list li::before{content:counter(step);position:absolute;left:22px;top:22px;display:grid;place-items:center;width:42px;height:42px;border-radius:12px;background:var(--ink-3);border:1px solid var(--line-2);font:700 1.05rem/1 var(--f-display);color:var(--amber)}
.step-list li:not(:last-child)::after{content:"";position:absolute;left:42px;top:70px;bottom:-16px;width:2px;background:linear-gradient(var(--line-2),transparent)}
.step-list h3{font:600 1.15rem/1.3 var(--f-body)}
.step-list p{margin-top:6px;color:var(--muted)}
.step-list a{color:var(--amber);text-decoration:underline;text-underline-offset:3px}

/* ==========================================================================
   Paketler
   ========================================================================== */
.pack-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px}
.pack{display:flex;flex-direction:column;gap:10px;padding:26px;border-radius:var(--r-lg);background:var(--ink-2);border:1px solid var(--line)}
.pack.is-pick{border-color:var(--amber);background:linear-gradient(180deg,rgba(255,197,61,.08),var(--ink-2) 50%)}
.pack-dur{font:700 .85rem/1 var(--f-display);color:var(--amber)}
.pack h3{font:600 1.2rem/1.3 var(--f-body)}
.pack-desc{color:var(--muted);font-size:.95rem}
.pack-price{margin-top:auto;padding-top:8px;font:700 1.6rem/1.1 var(--f-display)}
.pack .btn{margin-top:10px}

/* ==========================================================================
   Yazı kartları
   ========================================================================== */
.post-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.post-card{display:flex;flex-direction:column;border-radius:var(--r-lg);background:var(--ink-2);border:1px solid var(--line);overflow:hidden;transition:border-color .2s}
.post-card:hover{border-color:var(--line-2)}
.post-card-media{display:block;aspect-ratio:16/9;overflow:hidden;background:var(--ink-3)}
.post-card-media:has(.post-card-art){aspect-ratio:21/9}
.post-card-media img{width:100%;height:100%;object-fit:cover;transition:transform .5s}
.post-card:hover .post-card-media:has(.post-card-art){aspect-ratio:21/9}
.post-card-media img{transform:scale(1.04)}
.post-card-art{--lane:var(--violet);position:relative;display:grid;place-items:center;height:100%;background:radial-gradient(90% 120% at 100% 0%,color-mix(in srgb,var(--lane) 40%,transparent),transparent 60%),repeating-linear-gradient(90deg,transparent 0 22px,rgba(255,255,255,.03) 22px 23px),var(--ink-3)}
.post-card-art .ico{width:46px;height:46px;color:var(--lane);stroke-width:1.4;transition:transform .4s}
.post-card:hover .post-card-art .ico{transform:scale(1.12) rotate(-4deg)}
.post-card-art::after{content:"";position:absolute;left:0;right:0;bottom:0;height:5px;background:var(--bars);opacity:.8}
.post-card-body{display:flex;flex-direction:column;gap:10px;padding:20px 22px 24px;flex:1}
.post-meta{display:flex;flex-wrap:wrap;gap:6px 14px;font-size:.84rem;color:var(--muted)}
.post-cat{color:var(--cyan);font-weight:600}
.post-card h3{font:600 1.14rem/1.35 var(--f-body)}
.post-card h3 a{background:linear-gradient(currentColor,currentColor) 0 100%/0 1px no-repeat;transition:background-size .3s}
.post-card h3 a:hover{background-size:100% 1px}
.post-card h3 a::after{content:"";position:absolute;inset:0}
.post-card{position:relative}
.post-excerpt{color:var(--muted);font-size:.95rem}
.post-card.is-featured{grid-column:span 2;flex-direction:row}
.post-card.is-featured .post-card-media{flex:0 0 46%;aspect-ratio:auto;min-height:240px}
.post-card.is-featured .post-card-body{justify-content:center;padding:32px}
.post-card.is-featured h3{font:700 clamp(1.25rem,2vw,1.6rem)/1.25 var(--f-display);letter-spacing:-.015em}
.post-grid-home{grid-template-columns:repeat(3,minmax(0,1fr))}

/* Sayfalama */
.pager{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin-top:48px}
.pager a,.pager span{display:inline-grid;place-items:center;min-width:44px;height:44px;padding:0 14px;border-radius:999px;border:1px solid var(--line-2);font-weight:600}
.pager a:hover{border-color:var(--amber);color:var(--amber)}
.pager .is-current{background:var(--amber);border-color:var(--amber);color:var(--ink)}
.empty{padding:48px;text-align:center;border:1px dashed var(--line-2);border-radius:var(--r-lg);color:var(--muted)}
.empty .btn{margin-top:18px}

/* ==========================================================================
   SSS
   ========================================================================== */
.faq-grid{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:clamp(32px,6vw,96px);align-items:start}
.faq-list{display:grid;gap:10px}
.faq-item{border-radius:var(--r-md);background:var(--ink-2);border:1px solid var(--line);transition:border-color .2s}
.faq-item[open]{border-color:var(--line-2)}
.faq-item summary{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px 22px;cursor:pointer;list-style:none}
.faq-item summary::-webkit-details-marker{display:none}
.faq-item summary h3{font:600 1.05rem/1.4 var(--f-body)}
.faq-sign{position:relative;flex:none;width:28px;height:28px;border-radius:50%;border:1px solid var(--line-2)}
.faq-sign::before,.faq-sign::after{content:"";position:absolute;left:50%;top:50%;width:11px;height:2px;border-radius:2px;background:var(--amber);transform:translate(-50%,-50%);transition:transform .25s}
.faq-sign::after{transform:translate(-50%,-50%) rotate(90deg)}
.faq-item[open] .faq-sign::after{transform:translate(-50%,-50%) rotate(0)}
.faq-item::details-content{block-size:0;overflow:hidden;transition:block-size .3s ease,content-visibility .3s allow-discrete}
.faq-item[open]::details-content{block-size:auto}
.faq-a{padding:0 22px 20px;color:var(--text-2)}

/* ==========================================================================
   Kapanış bandı
   ========================================================================== */
.signoff{position:relative;margin:0 auto clamp(64px,8vw,110px);width:min(var(--wrap),100% - 40px);border-radius:var(--r-xl);overflow:hidden;background:radial-gradient(80% 140% at 50% 0%,#2c2470,var(--ink-2) 70%);border:1px solid var(--line-2)}
.signoff-bars{display:grid;grid-template-columns:repeat(7,1fr);height:10px}
.signoff-bars i:nth-child(1),.foot-bars i:nth-child(1),.test-box-bars i:nth-child(1),.cta-inline-bars i:nth-child(1){background:var(--white)}
.signoff-bars i:nth-child(2),.foot-bars i:nth-child(2),.test-box-bars i:nth-child(2),.cta-inline-bars i:nth-child(2){background:var(--amber)}
.signoff-bars i:nth-child(3),.foot-bars i:nth-child(3),.test-box-bars i:nth-child(3),.cta-inline-bars i:nth-child(3){background:var(--cyan)}
.signoff-bars i:nth-child(4),.foot-bars i:nth-child(4),.test-box-bars i:nth-child(4),.cta-inline-bars i:nth-child(4){background:var(--green)}
.signoff-bars i:nth-child(5),.foot-bars i:nth-child(5),.test-box-bars i:nth-child(5),.cta-inline-bars i:nth-child(5){background:var(--magenta)}
.signoff-bars i:nth-child(6),.foot-bars i:nth-child(6),.test-box-bars i:nth-child(6),.cta-inline-bars i:nth-child(6){background:var(--red)}
.signoff-bars i:nth-child(7),.foot-bars i:nth-child(7),.test-box-bars i:nth-child(7),.cta-inline-bars i:nth-child(7){background:var(--blue)}
.signoff-in{padding:clamp(48px,7vw,88px) 24px;text-align:center}
.signoff p{max-width:560px;margin:16px auto 0;color:var(--text-2);font-size:1.08rem}
.signoff .hero-cta{justify-content:center}

/* ==========================================================================
   İç sayfalar
   ========================================================================== */
.doc-head{--lane:var(--violet);position:relative;padding:40px 0 48px;border-bottom:1px solid var(--line);background:radial-gradient(42% 80% at 86% 45%,color-mix(in srgb,var(--lane) 20%,transparent),transparent 100%);overflow:hidden}
.doc-head::after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:3px;background:var(--bars);opacity:.5;transform-origin:left;animation:barsIn 1.1s .15s cubic-bezier(.2,.8,.2,1) both}
@keyframes barsIn{from{transform:scaleX(0)}}
.doc-head .wrap>*{max-width:860px}
.doc-head h1{margin-top:14px;font:700 clamp(1.9rem,4vw,3rem)/1.12 var(--f-display);letter-spacing:-.025em}
.doc-head .lead{margin-top:18px;font-size:1.12rem;color:var(--text-2);max-width:64ch}
.doc-head .hero-cta{margin-top:26px}
.crumbs ol{display:flex;flex-wrap:wrap;gap:6px;list-style:none;font-size:.88rem;color:var(--muted)}
.crumbs li{display:inline-flex;align-items:center;gap:6px}
.crumbs li+li::before{content:"";width:6px;height:6px;border-top:1.5px solid var(--line-2);border-right:1.5px solid var(--line-2);transform:rotate(45deg);margin-right:4px}
.crumbs a:hover{color:var(--text)}
.crumbs [aria-current]{color:var(--text-2);display:inline-block;max-width:40ch;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;vertical-align:bottom}
.lane-chip{display:inline-flex;margin-top:22px}
.lane-chip,.lane-chip a{align-items:center;gap:8px;font-size:.88rem;font-weight:600;color:var(--lane)}
.lane-chip a{display:inline-flex}
.lane-chip{padding:6px 12px 6px 10px;border-radius:999px;background:color-mix(in srgb,var(--lane) 12%,transparent);border:1px solid color-mix(in srgb,var(--lane) 35%,transparent)}
.lane-chip .ico{width:16px;height:16px}
.doc-meta{display:flex;flex-wrap:wrap;gap:8px 22px;margin-top:20px;font-size:.9rem;color:var(--muted)}
.doc-meta span{display:inline-flex;align-items:center;gap:7px}
.doc-meta .ico{width:16px;height:16px}
.cat-pills{display:flex;flex-wrap:wrap;gap:8px;margin-top:24px;list-style:none}
.cat-pills a{display:inline-flex;align-items:center;gap:8px;padding:7px 14px;border-radius:999px;border:1px solid var(--line-2);font-size:.92rem;color:var(--text-2)}
.cat-pills a:hover{border-color:var(--lane);color:var(--text)}
.cat-pills small{color:var(--muted)}

.doc-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:clamp(32px,5vw,64px);padding:48px 0 96px;align-items:start}
.doc-main{min-width:0}
.doc-figure{margin:0 0 32px;border-radius:var(--r-lg);overflow:hidden;border:1px solid var(--line)}
.doc-figure img{width:100%;aspect-ratio:1200/630;object-fit:cover}
.doc-side{position:sticky;top:calc(var(--header-h) + 24px);display:grid;gap:16px}
.side-title{font:700 .82rem/1.2 var(--f-display);color:var(--text);margin-bottom:12px}
.toc,.side-links,.side-cta{padding:20px;border-radius:var(--r-lg);background:var(--ink-2);border:1px solid var(--line)}
.toc ol{list-style:none;display:grid;gap:2px;max-height:46vh;overflow:auto}
.toc a{display:block;padding:6px 10px 6px 12px;border-left:2px solid var(--line);font-size:.9rem;line-height:1.4;color:var(--muted);transition:color .15s,border-color .15s}
.toc a:hover{color:var(--text)}
.toc a.is-active{color:var(--amber);border-left-color:var(--amber)}
.side-links ul{list-style:none;display:grid;gap:2px}
.side-links a{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px 0;border-bottom:1px solid var(--line);font-size:.93rem;color:var(--text-2)}
.side-links li:last-child a{border-bottom:0}
.side-links a:hover{color:var(--amber)}
.side-cta p:not(.side-title){font-size:.92rem;color:var(--muted);margin-bottom:14px}

/* Test kutusu ve içerik CTA'sı */
.test-box{position:relative;margin-top:48px;padding:30px 28px 28px;border-radius:var(--r-lg);background:radial-gradient(90% 140% at 100% 0%,rgba(255,197,61,.12),transparent 60%),var(--ink-2);border:1px solid var(--line-2);overflow:hidden}
.test-box-bars,.cta-inline-bars{position:absolute;left:0;right:0;top:0;display:grid;grid-template-columns:repeat(7,1fr);height:5px}
.test-box-title{font:700 1.2rem/1.3 var(--f-display);margin-bottom:8px}
.test-box p:not(.test-box-title){color:var(--text-2);margin-bottom:20px;max-width:56ch}
.test-box .btn{margin:0 8px 8px 0}

/* Okuma ilerleme çubuğu */
.read-progress{position:fixed;left:0;right:0;top:0;height:3px;z-index:80;pointer-events:none}
.read-progress span{display:block;height:100%;background:var(--bars);transform-origin:left;transform:scaleX(var(--p,0))}

/* ---------- Yazı içeriği (TinyMCE çıktısı) ---------- */
.prose{max-width:72ch;color:var(--text-2);font-size:1.07rem;line-height:1.8}
.prose>*+*{margin-top:1.15em}
.prose h2{margin-top:2.2em;font:700 clamp(1.35rem,2.4vw,1.75rem)/1.25 var(--f-display);letter-spacing:-.015em;color:var(--text)}
.prose h3{margin-top:1.8em;font:600 1.25rem/1.35 var(--f-body);color:var(--text)}
.prose h4{margin-top:1.6em;font:600 1.08rem/1.4 var(--f-body);color:var(--text)}
.prose h2+*,.prose h3+*,.prose h4+*{margin-top:.6em}
.prose>:first-child{margin-top:0}
.prose a{color:var(--amber);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px}
.prose a:hover{color:var(--amber-hi);text-decoration-thickness:2px}
.prose strong,.prose b{color:var(--text);font-weight:600}
.prose ul,.prose ol{padding-left:1.4em}
.prose li+li{margin-top:.45em}
.prose ul{list-style:none;padding-left:1.3em}
.prose ul>li{position:relative}
.prose ul>li::before{content:"";position:absolute;left:-1.15em;top:.72em;width:.5em;height:.5em;border-radius:2px;background:var(--cyan)}
.prose ol>li::marker{color:var(--amber);font-weight:700}
.prose blockquote{margin-left:0;margin-right:0;padding:16px 22px;border-left:4px solid var(--cyan);background:rgba(67,229,222,.06);border-radius:0 var(--r-md) var(--r-md) 0;color:var(--text)}
.prose img{border-radius:var(--r-md);border:1px solid var(--line)}
.prose figure{margin-left:0;margin-right:0}
.prose figcaption{margin-top:8px;font-size:.88rem;color:var(--muted)}
.prose hr{border:0;height:1px;background:var(--line);margin:2.4em 0}
.prose code{padding:.15em .4em;border-radius:6px;background:var(--ink-3);font-size:.9em;color:var(--text)}
.prose pre{padding:18px;border-radius:var(--r-md);background:#08071a;border:1px solid var(--line);overflow:auto}
.prose pre code{background:none;padding:0}
.table-scroll{overflow-x:auto;border:1px solid var(--line);border-radius:var(--r-md)}
.prose table{width:100%;border-collapse:collapse;font-size:.95rem}
.prose th,.prose td{padding:12px 14px;text-align:left;border-bottom:1px solid var(--line);vertical-align:top}
.prose th{background:var(--ink-3);color:var(--text);font-weight:600}
.prose tr:last-child td{border-bottom:0}
.prose iframe{width:100%;aspect-ratio:16/9;height:auto;border:0;border-radius:var(--r-md)}
.cta-inline{position:relative;display:flex;align-items:center;gap:20px;margin:2em 0;padding:24px 24px 22px;border-radius:var(--r-lg);background:var(--ink-2);border:1px solid var(--line-2);overflow:hidden}
.cta-inline-text{flex:1}
.cta-inline-title{font:700 1.05rem/1.3 var(--f-display);color:var(--text)}
.cta-inline-text p+p{margin-top:4px;font-size:.96rem;color:var(--muted)}
.prose .cta-inline .btn{text-decoration:none;color:var(--ink)}

/* ---------- 404 ---------- */
.nosignal{padding:clamp(56px,9vw,120px) 0}
.nosignal-in{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:56px;align-items:center}
.nosignal-screen{position:relative;aspect-ratio:4/3;border-radius:22px;overflow:hidden;border:12px solid #1f1a52;background:#05040f}
.nosignal-screen .bars-top{display:grid;height:100%;filter:saturate(.7) brightness(.8);animation:jitter 3s steps(1) infinite}
@keyframes jitter{0%,92%{transform:none}93%{transform:translateX(-6px)}95%{transform:translateX(4px)}97%{transform:none}}
.nosignal-tag{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);padding:12px 22px;background:#05040f;color:#fff;font:700 1.1rem/1 var(--f-display);border-radius:8px;border:2px solid #fff}
.nosignal-code{font:700 .9rem/1 var(--f-display);color:var(--red)}
.nosignal h1{margin-top:14px;font:800 clamp(2rem,4.4vw,3.2rem)/1.08 var(--f-display);letter-spacing:-.03em}
.nosignal .lead{margin-top:18px;color:var(--text-2);font-size:1.08rem}
.nosignal-links{display:flex;flex-wrap:wrap;gap:8px;margin-top:28px;list-style:none}
.nosignal-links a{display:inline-block;padding:6px 13px;border-radius:999px;border:1px solid var(--line);font-size:.9rem;color:var(--text-2)}
.nosignal-links a:hover{border-color:var(--amber);color:var(--amber)}

/* ==========================================================================
   Alt bilgi
   ========================================================================== */
.site-footer{border-top:1px solid var(--line);background:#09081d}
.foot-bars{display:grid;grid-template-columns:repeat(7,1fr);height:4px;opacity:.8}
.foot-grid{display:grid;grid-template-columns:1.4fr repeat(3,1fr);gap:40px;padding:64px 0 40px}
.foot-about p{margin-top:18px;max-width:40ch;color:var(--muted);font-size:.95rem}
.foot-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:22px}
.foot-title{font:700 .85rem/1.2 var(--f-display);margin-bottom:16px}
.foot-col ul{list-style:none;display:grid;gap:9px}
.foot-col a{font-size:.93rem;color:var(--muted)}
.foot-col a:hover{color:var(--text)}
.foot-bottom{display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px;padding:22px 0 28px;border-top:1px solid var(--line);font-size:.86rem;color:var(--muted)}
.foot-bottom p:last-child{display:flex;gap:18px}
.foot-bottom a:hover{color:var(--text)}

/* Şerit renkleri (varsayılanları ezer) */
.lane-amber.lane-amber{--lane:var(--amber)}.lane-cyan.lane-cyan{--lane:var(--cyan)}.lane-violet.lane-violet{--lane:var(--violet)}.lane-green.lane-green{--lane:var(--green)}.lane-magenta.lane-magenta{--lane:var(--magenta)}

/* Yüzen Telegram ve mobil çubuk */
.tg-float{position:fixed;right:22px;bottom:22px;z-index:50;display:inline-flex;align-items:center;gap:9px;padding:12px 18px 12px 14px;border-radius:999px;background:var(--tg);color:#fff;font-weight:600;font-size:.92rem;box-shadow:0 16px 40px -12px rgba(34,158,217,.7);transition:transform .2s}
.tg-float:hover{transform:translateY(-3px)}
.tg-float .ico{width:20px;height:20px}
.m-bar{display:none}

/* Kaydırınca beliren öğeler (yalnızca JS varsa) */
.js [data-reveal]{opacity:0;transform:translateY(18px);transition:opacity .6s ease,transform .6s cubic-bezier(.2,.8,.2,1);transition-delay:var(--d,0s)}
.js [data-reveal].is-in{opacity:1;transform:none}

/* ==========================================================================
   Duyarlı düzen
   ========================================================================== */
@media (max-width:1140px){
  .site-header{backdrop-filter:none;-webkit-backdrop-filter:none;background:rgba(13,11,38,.97)}
  .menu-btn{display:grid}
  .main-nav{position:fixed;inset:var(--nav-top,112px) 0 0 0;z-index:59;flex-direction:column;align-items:stretch;gap:20px;padding:24px 20px calc(110px + env(safe-area-inset-bottom));background:var(--ink);overflow:auto;opacity:0;visibility:hidden;transform:translateY(-8px);transition:opacity .22s,transform .22s,visibility 0s .22s}
  .main-nav.is-open{opacity:1;visibility:visible;transform:none;transition:opacity .22s,transform .22s}
  .main-nav ul{flex-direction:column;align-items:stretch;gap:0}
  .main-nav li a{display:flex;padding:16px 4px;border-radius:0;border-bottom:1px solid var(--line);font-size:1.12rem;color:var(--text)}
  .main-nav li a:hover{background:none}
  .nav-cta{align-self:stretch;padding:1em}
  body.menu-open{overflow:hidden}
}
@media (max-width:980px){
  .hero-grid,.steps-grid,.faq-grid,.nosignal-in{grid-template-columns:1fr}
  .tuner{order:-1;max-width:620px;width:100%;margin-inline:auto}
  .tv{transform:none}
  .steps .sec-head{position:static}
  .doc-layout{grid-template-columns:1fr}
  .doc-side{position:static}
  .toc{display:none}
  .post-grid,.post-grid-home{grid-template-columns:repeat(2,minmax(0,1fr))}
  .post-card.is-featured{grid-column:1/-1}
  .foot-grid{grid-template-columns:1fr 1fr}
  .foot-about{grid-column:1/-1}
  .epg{--lane-w:190px}
  .nosignal-screen{max-width:420px}
}
@media (max-width:899px){
  .tg-float{display:none}
  .m-bar{position:fixed;left:10px;right:10px;bottom:calc(10px + env(safe-area-inset-bottom));z-index:55;display:grid;grid-template-columns:1fr 1.35fr 1fr;gap:6px;padding:6px;border-radius:20px;background:rgba(20,17,58,.92);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border:1px solid var(--line-2);box-shadow:0 18px 40px -10px rgba(0,0,0,.7)}
  .m-bar a{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;padding:8px 4px;border-radius:14px;font-size:.78rem;font-weight:600;color:var(--text-2)}
  .m-bar a .ico{width:20px;height:20px}
  .m-bar .m-bar-main{flex-direction:row;gap:8px;background:var(--amber);color:var(--ink);font-size:.92rem}
  body:has(.m-bar){padding-bottom:84px}
}
@media (max-width:720px){
  body{font-size:16px}
  .wrap{width:calc(100% - 32px)}
  .tg-desc{display:none}
  .tg-strip-in{min-height:36px;font-size:.82rem}
  .hero{padding-top:28px}
  .hero-cta .btn{flex:1 1 auto}
  .hero-searches{margin-top:28px}
  .remote{margin-top:18px}
  .sec-head{text-align:left;margin-bottom:28px}
  .sec-head-row{flex-direction:column;align-items:flex-start}
  .epg{padding:0;border:0;background:none;border-radius:0;overflow:visible}
  .epg-ruler,.epg-now{display:none}
  .epg-row{grid-template-columns:1fr;gap:10px;padding:12px 0;border:0}
  .epg-lane{position:static;padding:10px 12px}
  .epg-track{flex-wrap:nowrap;overflow-x:auto;scroll-snap-type:x mandatory;margin-inline:-16px;padding:2px 16px 8px;scrollbar-width:none}
  .epg-track::-webkit-scrollbar{display:none}
  .epg-track li{flex:0 0 76%;scroll-snap-align:start}
  .step-list li{padding:20px 18px 20px 72px}
  .step-list li::before{left:16px;top:18px;width:38px;height:38px}
  .step-list li:not(:last-child)::after{left:34px;top:62px}
  .post-grid,.post-grid-home{grid-template-columns:1fr}
  .post-card.is-featured{flex-direction:column}
  .post-card.is-featured .post-card-media{flex:none;aspect-ratio:21/9;min-height:0}
  .post-card.is-featured .post-card-body{padding:20px 22px 24px}
  .doc-head{padding:24px 0 36px}
  .doc-head .hero-cta .btn{flex:1 1 auto}
  .doc-layout{padding-top:32px}
  .cta-inline{flex-direction:column;align-items:flex-start}
  .foot-grid{grid-template-columns:1fr;gap:32px;padding-top:48px}
  .signoff{border-radius:var(--r-lg);width:calc(100% - 32px)}
  .crumbs [aria-current]{max-width:22ch}
}

@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}
  .tv{transform:none}
  .js [data-reveal]{opacity:1;transform:none}
}