/* IPTV rehber sitesi: tema "Yayın Odası". Beyaz/nötr gri zemin, koyu pembe-kırmızı vurgu, tek yazı tipi ailesi (Barlow), keskin 4px köşeler.
   Sol altta metinli fotoğraf geçişli hero, TV duvarı (mini televizyonlar), solda dikey cihaz menülü kurulum. */

:root{
  --head:'Rubik',var(--font);--font-head:var(--head);--serif:Poppins,'Nunito Sans',system-ui,sans-serif;
  --link:var(--accent);
  --ok:#0f8a5c;
  --radius-lg:4px;
  --hh:72px;
  --shadow:0 1px 2px rgba(24,32,44,.05);
  --shadow-lg:0 14px 34px rgba(24,32,44,.10);
  
}
/* ---------- Temel ---------- */
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;scroll-padding-top:calc(var(--hh) + 12px)}
body{margin:0;background:#fff;color:var(--text);font-family:var(--font);font-size:17px;line-height:1.6;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
h1,h2,h3,h4{font-family:var(--serif);margin:0;line-height:1.2;font-weight:500;letter-spacing:-.015em}
p{margin:0 0 1em}
a{color:inherit}
img,svg{max-width:100%}
ul,ol{margin:0;padding:0;list-style:none}
button{font:inherit;color:inherit}
:focus-visible{outline:3px solid var(--accent);outline-offset:2px;border-radius:4px}
.container{width:100%;max-width:1180px;margin:0 auto;padding:0 24px}
.center{text-align:center;margin-top:36px}
.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.skip{position:absolute;left:-999px;top:8px;background:var(--accent);color:var(--on-accent);padding:10px 16px;border-radius:4px;z-index:2000;text-decoration:none;font-weight:500}
.skip:focus{left:12px}
.ic{width:20px;height:20px;flex:none;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.btn-wa .ic{fill:currentColor;stroke:none}
[hidden]{display:none!important}

/* ---------- Düğmeler ---------- */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:48px;padding:0 24px;border-radius:4px;border:1.5px solid transparent;font:500 14.5px/1.2 var(--font-head);text-decoration:none;cursor:pointer;transition:background-color .2s,border-color .2s,transform .2s,filter .2s;text-align:center}
.btn:hover{transform:translateY(-1px)}
.btn-sm{min-height:44px;padding:0 18px;font-size:13.5px}
.btn-lg{min-height:54px;padding:0 28px;font-size:15px}
.btn-red{background:var(--accent);color:var(--on-accent)}
.btn-red:hover{background:color-mix(in srgb,var(--accent) 86%,#fff)}
.btn-wa{background:var(--wa);color:#04210f}
.btn-wa:hover{filter:brightness(.95)}
.btn-outline,.btn-ghost-light{background:#fff;border-color:#c9ced6;color:var(--text)}
.btn-outline:hover,.btn-ghost-light:hover{border-color:var(--text)}
.btn-hero{border-color:rgba(255,255,255,.75);color:#fff;background:rgba(255,255,255,.06)}
.btn-hero:hover{background:rgba(255,255,255,.16);border-color:#fff}
.btn-block{width:100%}
.hero-actions{display:flex;flex-wrap:wrap;gap:12px}

/* ---------- Header ---------- */
.site-header{position:sticky;top:0;z-index:1000;height:var(--hh);background:#fff;border-bottom:1px solid var(--line)}
.header-row{height:100%;display:flex;align-items:center;gap:28px}
.logo{display:inline-flex;align-items:center;gap:11px;text-decoration:none;flex:none}
.logo-mark{display:block;line-height:0}
.logo-mark svg{display:block;width:42px;height:42px}
.lm-bg{fill:var(--accent)}
.lm-fill{fill:#fff}
.lm-bar{fill:var(--accent)}
.logo-word{font:500 18px/1 var(--font-head);letter-spacing:.02em;color:var(--text);white-space:nowrap}
.logo-word span{color:var(--link)}
.nav{display:flex;align-items:center;gap:2px;margin-left:auto}
.nav a:not(.btn){position:relative;display:flex;align-items:center;min-height:44px;padding:0 13px;text-decoration:none;font:500 14px var(--font-head);color:#3b424d;transition:color .2s}
.nav a:not(.btn)::after{content:"";position:absolute;left:13px;right:13px;bottom:6px;height:2px;background:var(--accent);transform:scaleX(0);transform-origin:left;transition:transform .25s}
.nav a:not(.btn):hover{color:var(--text)}
.nav a:not(.btn):hover::after,.nav a[aria-current]::after{transform:scaleX(1)}
.nav a[aria-current]{color:var(--text)}
.nav-head,.nav-wa{display:none}
.header-actions{display:flex;align-items:center;gap:10px}
.menu-btn{display:none;width:46px;height:46px;border:1.5px solid var(--line);border-radius:4px;background:#fff;align-items:center;justify-content:center;cursor:pointer}
.menu-btn .ic{width:22px;height:22px}
.nav-close{width:44px;height:44px;border:0;background:none;display:grid;place-items:center;cursor:pointer;border-radius:4px}

/* ---------- Hero ---------- */
.hero{position:relative;height:clamp(560px,88vh,940px);overflow:hidden;background:#3a4250;color:#fff}
.hero-slides,.hero-scrim{position:absolute;inset:0}
.hero-slide{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;z-index:0;transition:opacity .7s ease-in-out;will-change:opacity}
.hero-slide.is-prev{opacity:1;z-index:1}
.hero-slide.is-active{opacity:1;z-index:2}
.hero-scrim{z-index:3;background:linear-gradient(to top,rgba(11,15,22,.80) 0%,rgba(11,15,22,.52) 34%,rgba(11,15,22,.14) 68%,rgba(11,15,22,0) 100%),linear-gradient(to right,rgba(11,15,22,.38) 0%,rgba(11,15,22,0) 62%)}
.hero-dots-wrap{position:absolute;z-index:4;top:14px;left:0;right:0;margin:0 auto;display:flex;justify-content:flex-end;pointer-events:none}
.hero-dots{display:flex;pointer-events:auto;margin-right:-10px}
.hero-dot{width:30px;height:44px;border:0;background:none;padding:0;display:grid;place-items:center;cursor:pointer}
.hero-dot i{display:block;width:8px;height:8px;border-radius:4px;background:rgba(255,255,255,.55);box-shadow:0 0 0 1px rgba(0,0,0,.18);transition:width .35s,background-color .35s}
.hero-dot.is-active i{width:26px;background:#fff}
.hero .hero-content{position:absolute;z-index:4;left:0;right:0;bottom:0;margin:0 auto;padding-bottom:clamp(170px,26vh,260px)}
.hero h1{font-size:clamp(36px,5.6vw,72px);line-height:1.04;letter-spacing:-.025em;max-width:13ch;text-wrap:balance;text-shadow:0 2px 24px rgba(0,0,0,.25)}
.hero-lede{max-width:44ch;margin:20px 0 30px;font-size:clamp(16px,1.5vw,19px);color:rgba(255,255,255,.92)}

/* ---------- Bölümler ---------- */
.section{padding:92px 0}
.section-gray{background:var(--bg)}
.section-head{margin-bottom:42px}
.section-head h2{font-size:clamp(26px,3vw,36px)}
.section-head p{margin:12px 0 0;color:var(--muted);max-width:52ch}
.more-link{display:inline-flex;align-items:center;gap:8px;min-height:44px;font:500 15px var(--font-head);color:var(--link);text-decoration:none}
.more-link .ic{transition:transform .2s}
.more-link:hover .ic{transform:translateX(4px)}
.section-head .more-link{margin-top:10px}

/* ---------- Paketler ---------- */
.plans{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;align-items:stretch}
.plan{display:flex;flex-direction:column;position:relative;padding:32px 28px 28px;background:#fff;border:1px solid var(--line);border-radius:var(--radius-lg)}
.plan.is-popular{border:2px solid var(--accent);padding:31px 27px 27px;box-shadow:var(--shadow-lg)}
.plan-top{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}
.plan h3{font-size:21px}
.plan-flag{font:500 12.5px var(--font-head);color:var(--on-accent);background:var(--accent);padding:5px 10px;border-radius:3px}
.plan-period{display:block;margin-top:4px;color:var(--muted);font-size:15px}
.price{display:flex;align-items:baseline;gap:10px;margin:22px 0 16px;flex-wrap:wrap}
.price-now{font:500 clamp(38px,4vw,48px)/1 var(--font-head);letter-spacing:-.02em}
.price-now .cur{font-size:.5em;margin-right:3px;vertical-align:top;position:relative;top:.18em}
.price-old{font-size:16px;color:#7b828d}
.plan-desc{color:var(--muted);font-size:15.5px;margin:0 0 16px}
.plan-feats li{display:flex;gap:10px;align-items:flex-start;padding:6px 0;font-size:15.5px;line-height:1.45}
.plan-feats .ic{width:18px;height:18px;margin-top:2px;color:var(--link);stroke-width:2.4}
.plan-feats{margin-bottom:4px}
.plan-more{margin-bottom:12px}
.plan-more summary{display:flex;align-items:center;gap:8px;min-height:44px;cursor:pointer;list-style:none;font:500 14.5px var(--font-head);color:var(--link)}
.plan-more summary::-webkit-details-marker{display:none}
.plan-more summary::after{content:"";width:8px;height:8px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg) translateY(-2px);transition:transform .2s}
.plan-more[open] summary::after{transform:rotate(-135deg)}
.plan-more .when-open{display:none}
.plan-more[open] .when-open{display:inline}
.plan-more[open] .when-closed{display:none}
.plan-note{font-size:13.5px;color:var(--muted);margin:8px 0 0}
.plan > .btn{margin-top:auto}
.plan > :nth-last-child(2){margin-bottom:22px}
.pricing-note{text-align:center;margin:30px 0 0;color:var(--muted);font-size:15.5px}
.pricing-note a{color:var(--link);font-weight:500}

/* ---------- Adımlar ---------- */
.steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.step{padding:28px 26px;border:1px solid var(--line);border-radius:var(--radius);background:#fff}
.step-n{display:grid;place-items:center;width:42px;height:42px;border-radius:4px;background:var(--accent);color:var(--on-accent);font:500 18px var(--font-head);margin-bottom:18px}
.step h3{font-size:19px;margin-bottom:8px}
.step p{color:var(--muted);margin:0;max-width:34ch}

/* ---------- Blog kartları ---------- */
.post-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.post-card{display:flex;flex-direction:column;background:#fff;border:1px solid var(--line);border-radius:var(--radius-lg);overflow:hidden;text-decoration:none;transition:box-shadow .25s,border-color .25s}
.post-card:hover{box-shadow:var(--shadow-lg);border-color:#cfd4db}
.post-thumb{aspect-ratio:16/9;overflow:hidden;background:#eceff3}
.post-thumb img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .5s cubic-bezier(.2,.7,.2,1)}
.post-card:hover .post-thumb img{transform:scale(1.04)}
.post-thumb.ph{display:flex;align-items:center;justify-content:center;color:var(--muted);font:500 14px var(--font-head)}
.post-body{display:flex;flex-direction:column;flex:1;padding:22px 22px 20px}
.tag{align-self:flex-start;font:500 12.5px var(--font-head);color:var(--link);background:var(--bg);padding:5px 10px;border-radius:3px;margin-bottom:12px}
.post-body h3{font-size:18px;line-height:1.4;margin-bottom:10px}
.post-body p{color:var(--muted);font-size:15.5px;margin-bottom:16px}
.post-meta{display:flex;gap:16px;margin-top:auto;font-size:13.5px;color:var(--muted)}

/* ---------- Sayfa sonu bandı ve footer ---------- */
.cta-band{border-top:1px solid var(--line);padding:60px 0;background:#fff}
.cta-row{display:flex;align-items:center;justify-content:space-between;gap:28px;flex-wrap:wrap}
.cta-band h2{font-size:clamp(22px,2.6vw,30px)}
.cta-band p{margin:8px 0 0;color:var(--muted)}
.cta-actions{display:flex;flex-wrap:wrap;gap:12px}
.site-footer{background:var(--bg);border-top:1px solid var(--line);padding:60px 0 0;font-size:15.5px}
.footer-top{display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:48px}
.footer-brand p{color:var(--muted);margin:16px 0 14px;max-width:38ch}
.footer-contact li a{display:inline-flex;align-items:center;gap:10px;min-height:36px;text-decoration:none;color:var(--text)}
.footer-contact .ic{width:18px;height:18px;color:var(--link)}
.footer-contact li a:hover{color:var(--link)}
.footer-col h3{font-size:15px;margin-bottom:12px}
.footer-col li a{display:inline-block;padding:6px 0;text-decoration:none;color:var(--muted)}
.footer-col li a:hover{color:var(--link)}
.footer-bottom{position:relative;display:flex;flex-wrap:wrap;gap:8px 28px;justify-content:space-between;margin-top:44px;padding-top:22px;padding-bottom:28px;font-size:13.5px;color:var(--muted)}
.footer-bottom::before{content:"";position:absolute;top:0;left:24px;right:24px;height:1px;background:var(--line)}
.footer-bottom p{margin:0}
.footer-legal{display:flex;gap:18px;flex-wrap:wrap}
.footer-legal a,.link-btn{color:inherit;text-decoration:underline;text-underline-offset:3px}
.link-btn{background:none;border:0;padding:0;font:inherit;cursor:pointer}

/* ---------- Alt sayfa başlığı ---------- */
.page-hero{padding:44px 0 48px;border-bottom:1px solid var(--line);background:#fff}
.page-hero h1{font-size:clamp(30px,4vw,46px);letter-spacing:-.02em}
.page-hero .lede{margin:14px 0 0;color:var(--muted);max-width:56ch;font-size:18px}
.breadcrumb{display:flex;flex-wrap:wrap;gap:8px;font-size:13.5px;color:var(--muted);margin-bottom:18px}
.breadcrumb li+li::before{content:"/";margin-right:8px;opacity:.5}
.breadcrumb a{text-decoration:none}
.breadcrumb a:hover{color:var(--link)}

/* ---------- Kurulum: cihaz sekmeleri + satır satır adımlar ---------- */
.setup{padding:44px 0 96px}
.setup-wrap{max-width:900px}
.tabs{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:40px}
.tab{display:inline-flex;align-items:center;gap:10px;min-height:48px;padding:0 18px;border:1.5px solid var(--line);border-radius:var(--radius);background:#fff;cursor:pointer;font:500 16px var(--font-head);color:#3b424d;transition:background-color .2s,border-color .2s,color .2s}
.tab:hover{border-color:#aab1bb}
.tab[aria-selected="true"]{background:var(--accent);border-color:var(--accent);color:var(--on-accent)}
.panel:not([hidden]){animation:fade-in .35s ease}
@keyframes fade-in{from{opacity:0}to{opacity:1}}
.panel:focus-visible{outline-offset:10px}
.rows{border-top:2px solid var(--text)}
.rows li{display:grid;grid-template-columns:72px minmax(0,1fr);gap:8px;padding:26px 0;border-bottom:1px solid var(--line)}
.row-n{font:500 44px/1 var(--font-head);color:var(--accent)}
.rows strong{display:block;font:500 21px/1.3 var(--font-head)}
.rows p{margin:6px 0 0;color:var(--muted);max-width:62ch}
.share{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-top:36px;padding:24px 26px;border:1.5px dashed #b9bdc6;border-radius:var(--radius-lg)}
.share>div{flex:1 1 240px}
.share strong{display:block;font:500 18px var(--font-head)}
.share p{margin:2px 0 0;color:var(--muted)}

/* ---------- İletişim ---------- */
.tiles-sec{padding-top:48px}
.tiles{list-style:none;display:grid;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);gap:16px;margin-bottom:56px}
.tiles a{display:flex;flex-direction:column;gap:6px;height:100%;padding:24px 24px 22px;border:1px solid var(--line);border-top:4px solid var(--accent);border-radius:var(--radius-lg);text-decoration:none;background:#fff;transition:box-shadow .25s,transform .25s;overflow-wrap:anywhere}
.tiles a:hover{box-shadow:var(--shadow-lg);transform:translateY(-3px)}
.tiles .ic{width:30px;height:30px;color:var(--accent);margin-bottom:8px}
.tiles li:first-child .ic{fill:var(--wa);stroke:none;color:var(--wa)}
.tiles strong{font:500 19px var(--font-head)}
.tiles span{color:var(--muted);font-size:17px}
.contact-split{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:56px;align-items:start}
.form-card{background:#fff;border:1px solid var(--line);border-radius:var(--radius-lg);padding:34px;box-shadow:var(--shadow-lg);position:sticky;top:calc(var(--hh) + 20px)}
.form-card h2,.faq-side h2{font-size:24px;margin-bottom:22px}
.form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.field{margin-bottom:18px}
.field label{display:block;font:500 15px var(--font-head);margin-bottom:7px}
.field input,.field select,.field textarea{width:100%;min-height:50px;padding:12px 14px;border:1.5px solid #cfd4db;border-radius:var(--radius);font:400 17px var(--font);color:var(--text);background:#fff;transition:border-color .2s,box-shadow .2s}
.field textarea{min-height:140px;resize:vertical}
.field input:focus,.field select:focus,.field textarea:focus{outline:0;border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 22%,transparent)}
.hint{font-size:14px;color:var(--muted);margin:8px 0 0}
.hp{position:absolute;left:-9999px;opacity:0;height:0;overflow:hidden}
.alert{padding:15px 17px;border-radius:var(--radius);margin-bottom:20px;font-size:15px}
.alert-ok{background:#eafaf2;border:1px solid #b8ecd2;color:#0a5c39}
.alert-err{background:#fdecee;border:1px solid #f4c1c9;color:#7a1530}
.faq details{border-bottom:1px solid #d9dde3}
.faq details:first-child{border-top:1px solid #d9dde3}
.faq summary{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:62px;padding:12px 0;cursor:pointer;list-style:none;font:500 17px/1.4 var(--font-head)}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"";flex:none;width:9px;height:9px;border-right:2px solid var(--link);border-bottom:2px solid var(--link);transform:rotate(45deg) translateY(-2px);transition:transform .25s}
.faq details[open] summary::after{transform:rotate(-135deg)}
.answer-wrap{overflow:hidden;transition:height .3s ease}
.answer{padding:0 30px 20px 0;color:var(--muted);max-width:64ch}

/* ---------- Bayilik ve kampanyalar ---------- */
.dealer-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;max-width:1000px;margin:0 auto}
.dealer-grid.single{grid-template-columns:1fr;max-width:520px}
.dealer-card{display:flex;flex-direction:column;position:relative;padding:32px 30px;background:#fff;border:1px solid var(--line);border-radius:var(--radius-lg)}
.dealer-card.popular{border:2px solid var(--accent);padding:31px 29px}
.badge{align-self:flex-start;font:500 12.5px var(--font-head);color:var(--on-accent);background:var(--accent);padding:5px 10px;border-radius:3px;margin-bottom:12px}
.price-code{font:500 14px var(--font-head);color:var(--muted)}
.dealer-card h3{font-size:24px;margin:4px 0 8px}
.dealer-desc{color:var(--muted);font-size:15.5px;margin:0}
.dealer-price{margin:20px 0 22px;padding:18px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.dealer-price small{display:block;font-size:13.5px;color:var(--muted)}
.dealer-price .price{margin:8px 0 0}
.dealer-feats{display:grid;grid-template-columns:1fr 1fr;gap:12px;flex:1;margin-bottom:26px}
.dealer-feat{background:var(--bg);border-radius:4px;padding:15px}
.dealer-feat .ic{color:var(--link);margin-bottom:9px}
.dealer-feat strong{display:block;font-size:14.5px}
.dealer-feat span{font-size:13.5px;color:var(--muted)}
.empty{text-align:center;color:var(--muted);padding:56px 0}
.camp-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
.camp-card{background:#fff;border:1px solid var(--line);border-radius:var(--radius-lg);overflow:hidden;display:flex;flex-direction:column}
.camp-media{aspect-ratio:1200/630;background:#eceff3}
.camp-media img{width:100%;height:100%;object-fit:cover;display:block}
.camp-body{padding:24px 24px 26px;display:flex;flex-direction:column;align-items:flex-start;gap:10px;flex:1}
.camp-body .ann-pills{justify-content:flex-start;margin:0}
.camp-body h2{font-size:21px;line-height:1.3;margin:0}
.camp-body p{color:var(--muted);margin:0 0 6px}
.camp-body .btn{margin-top:auto}
.camp-empty{max-width:640px;margin:0 auto;text-align:center;border:1px solid var(--line);border-radius:var(--radius-lg);padding:40px 26px}
.camp-empty h2{font-size:22px;margin:0 0 10px}
.camp-empty p{color:var(--muted)}
.camp-empty .hero-actions{justify-content:center;margin-top:18px}
.notfound{text-align:center;padding:110px 0}
.notfound .code{font:400 clamp(80px,16vw,160px)/1 var(--font-head);color:var(--accent);letter-spacing:-.04em}
.notfound h1{font-size:28px;margin:12px 0}
.notfound p{color:var(--muted);margin-bottom:28px}

/* ---------- Blog ---------- */
.blog-tools{display:flex;flex-wrap:wrap;gap:16px 24px;align-items:center;justify-content:space-between;margin-bottom:32px}
.chips{display:flex;flex-wrap:wrap;gap:8px}
.chip{display:inline-flex;align-items:center;min-height:44px;padding:0 16px;border-radius:4px;border:1.5px solid var(--line);background:#fff;font:500 13.5px var(--font-head);text-decoration:none;transition:border-color .2s,background-color .2s}
.chip:hover{border-color:#aab1bb}
.chip[aria-current]{background:var(--accent);border-color:var(--accent);color:var(--on-accent)}
.search{display:flex;gap:8px}
.search input{min-height:44px;padding:0 16px;border:1.5px solid var(--line);border-radius:4px;font:400 15px var(--font);min-width:0;flex:1;background:#fff}
.search input:focus{outline:0;border-color:var(--accent)}
.pager{display:flex;justify-content:center;gap:8px;margin-top:42px}
.pager a,.pager span{min-width:44px;height:44px;padding:0 13px;display:grid;place-items:center;border-radius:4px;border:1.5px solid var(--line);background:#fff;text-decoration:none;font:500 14px var(--font-head)}
.pager [aria-current]{background:var(--accent);color:var(--on-accent);border-color:var(--accent)}
.pager a:hover{border-color:var(--text)}
.article-wrap{display:grid;grid-template-columns:minmax(0,760px) 300px;gap:56px;justify-content:center;align-items:start}
.article-meta{display:flex;flex-wrap:wrap;gap:8px 14px;margin-top:20px;font-size:14px;color:var(--muted)}
.prose{font-size:17.5px;line-height:1.8;color:#22262d}
.prose h2{font-size:27px;margin:2.1em 0 .7em;scroll-margin-top:96px}
.prose h3{font-size:21px;margin:1.8em 0 .5em;scroll-margin-top:96px}
.prose p{margin:0 0 1.25em}
.prose ul,.prose ol{margin:0 0 1.4em;padding-left:1.4em}
.prose ul{list-style:disc}
.prose ol{list-style:decimal}
.prose li{margin:.45em 0}
.prose li::marker{color:var(--link);font-weight:500}
.prose a{color:var(--link);font-weight:500;text-underline-offset:3px}
.prose>:first-child{margin-top:0}
.prose img{max-width:100%;height:auto;border-radius:4px;display:block;margin:0 auto}
.prose figure{margin:2em 0}
.prose figcaption{text-align:center;font-size:14px;color:var(--muted);margin-top:10px}
.prose table{display:block;width:100%;overflow-x:auto;border-collapse:separate;border-spacing:0;margin:1.8em 0;font-size:15px;line-height:1.5;border:1px solid var(--line);border-radius:4px}
.prose th,.prose td{padding:12px 15px;text-align:left;vertical-align:top;border-bottom:1px solid var(--line)}
.prose thead th{background:var(--bg);font-weight:500;white-space:nowrap}
.prose tbody tr:last-child td{border-bottom:0}
.post-cover{margin:0 0 38px}
.post-cover img{display:block;width:100%;height:auto;border-radius:var(--radius-lg);background:var(--bg)}
.post-cta{margin-top:56px;padding:30px;border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--bg)}
.post-cta h2{font-size:22px;margin-bottom:8px}
.post-cta p{color:var(--muted)}
.post-cta .cta-actions{margin-top:18px}
.aside-card{position:sticky;top:calc(var(--hh) + 24px);display:grid;gap:16px}
.toc,.aside-cta{background:#fff;border:1px solid var(--line);border-radius:var(--radius-lg);padding:22px}
.toc h2,.aside-cta h2{font:500 15px var(--serif);margin-bottom:12px}
.toc ol{display:grid;gap:2px;font-size:14.5px}
.toc a{display:block;padding:7px 9px;border-radius:3px;text-decoration:none;color:#3b424d;line-height:1.4}
.toc a:hover{background:var(--bg);color:var(--link)}
.aside-cta p{color:var(--muted);font-size:15px}
.related{margin-top:72px}
.related>h2{font-size:24px;margin-bottom:24px}

/* ---------- Yasal sayfa ---------- */
.legal{max-width:820px}
.legal h2{font-size:22px;margin:34px 0 10px}
.legal p,.legal li{color:#3b424d}
.legal ul{list-style:disc;padding-left:1.3em;margin-bottom:1em}
.legal table{width:100%;border-collapse:collapse;margin:14px 0 8px;font-size:14.5px;border:1px solid var(--line);border-radius:4px}
.legal th,.legal td{text-align:left;padding:11px 13px;border-bottom:1px solid var(--line);vertical-align:top}
.legal th{font:500 13px var(--font-head);color:var(--muted);background:var(--bg)}
.legal a{color:var(--link)}
.legal-meta{color:var(--muted);font-size:14px}

/* ---------- Teşekkür penceresi ---------- */
body.modal-open{overflow:hidden}
.modal-backdrop{position:fixed;inset:0;z-index:3000;display:grid;place-items:center;padding:20px;background:rgba(40,46,56,.35);animation:m-fade .25s ease}
.modal-backdrop.is-closing{animation:m-fade .2s ease reverse forwards}
.modal{width:100%;max-width:440px;background:#fff;border-radius:4px;padding:38px 32px 28px;text-align:center;box-shadow:0 24px 60px rgba(24,32,44,.22);animation:m-pop .4s cubic-bezier(.2,.9,.3,1.1)}
.modal h2{font-size:22px;margin-bottom:10px}
.modal p{color:var(--muted);font-size:15.5px;margin:0 0 24px}
.modal-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:10px}
.modal-actions .btn{flex:1 1 150px}
.modal-check{width:80px;height:80px;margin:0 auto 20px}
.modal-check svg{width:100%;height:100%;fill:none;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}
.modal-check circle{stroke:#c9ecd9;fill:#eafaf2}
.modal-check circle.ring{stroke:var(--ok);fill:none;stroke-dasharray:151;stroke-dashoffset:151;animation:m-draw .7s .15s ease forwards}
.modal-check path{stroke:#0a6b46;stroke-dasharray:44;stroke-dashoffset:44;animation:m-draw .45s .7s ease forwards}
@keyframes m-fade{from{opacity:0}to{opacity:1}}
@keyframes m-pop{from{opacity:0;transform:translateY(18px) scale(.94)}to{opacity:1;transform:none}}
@keyframes m-draw{to{stroke-dashoffset:0}}

/* ---------- Çerez kartı: alt orta, beyaz, perdesiz (bu çekirdekte kart .cookie-bar'ın kendisi) ---------- */
.cookie-bar{left:50%;right:auto;bottom:24px;width:min(460px,calc(100vw - 32px));max-width:none;transform:translateX(-50%);background:#fff;color:var(--text);border:1px solid var(--line);border-radius:4px;padding:18px 20px;box-shadow:0 10px 32px rgba(24,32,44,.14);font-size:14.5px;line-height:1.5}
.cookie-bar a{color:var(--link)}
.cookie-bar .ck-btn{min-height:44px;border:1.5px solid #c9ced6;color:var(--text);background:#fff;font:500 14px var(--font-head)}
.cookie-bar .ck-btn:hover{border-color:var(--text)}
.cookie-bar .ck-btn--primary{background:var(--accent);border-color:var(--accent);color:var(--on-accent)}
.cookie-bar .cookie-actions{justify-content:flex-end}
html body:has(.cookie-bar:not([hidden])) .wa-bubble{display:none}

/* ---------- Duyarlı ---------- */
@media (max-width:1100px){
  .nav a:not(.btn){padding:0 9px}
  .nav a:not(.btn)::after{left:9px;right:9px}
  .footer-top{gap:32px}
}
@media (max-width:900px){
  :root{--hh:64px}
  .logo-mark svg{width:40px;height:40px}
  .header-wa{display:none}
  .header-actions{margin-left:auto}
  .menu-btn{display:inline-flex}
  .nav{position:fixed;top:0;right:0;bottom:0;z-index:1200;width:min(86vw,330px);margin:0;flex-direction:column;align-items:stretch;gap:0;padding:0 22px 28px;background:#fff;border-left:1px solid var(--line);box-shadow:-14px 0 36px rgba(24,32,44,.10);transform:translateX(100%);visibility:hidden;transition:transform .3s ease,visibility 0s linear .3s;overflow-y:auto}
  .nav.open{transform:none;visibility:visible;transition:transform .3s ease,visibility 0s}
  .nav-head{display:flex;align-items:center;justify-content:space-between;height:var(--hh);flex:none}
  .nav-title{font:500 14px var(--font-head);color:var(--muted)}
  .nav a:not(.btn){min-height:54px;padding:0 4px;font-size:16.5px;border-bottom:1px solid var(--line)}
  .nav a:not(.btn)::after{display:none}
  .nav a[aria-current]{color:var(--link)}
  .nav-wa{display:inline-flex;margin-top:24px}
  .article-wrap{grid-template-columns:1fr}
  .aside-card{position:static}
  .footer-top{grid-template-columns:1fr 1fr}
  .footer-brand{grid-column:1/-1}
  .setup{padding-top:0}
  .setup-layout{grid-template-columns:minmax(0,1fr);gap:0}
  .setup-menu{top:var(--hh);z-index:20;margin:0 -24px;background:#fff;border-bottom:1px solid var(--line)}
  .setup-menu-title{display:none}
  .tabs{flex-direction:row;gap:8px;overflow-x:auto;padding:10px 24px;border-left:0;scrollbar-width:none}
  .tabs::-webkit-scrollbar{display:none}
  .tab{flex:none;min-height:46px;margin:0;padding:0 16px;border:1.5px solid var(--line);border-radius:4px;white-space:nowrap;background:#fff}
  .tab[aria-selected="true"]{background:var(--accent);border-color:var(--accent);color:var(--on-accent)}
  .tab[aria-selected="true"] .ic{color:var(--on-accent)}
  .setup-main{padding-top:28px}
  .req-list{grid-template-columns:1fr;gap:16px}
}
@media (max-width:767px){
  body{font-size:16.5px}
  .section{padding:60px 0}
  .section-head{margin-bottom:30px}
  .plans{grid-template-columns:1fr;gap:16px}
  .plan{padding:26px 22px 22px}
  .plan.is-popular{padding:25px 21px 21px}
  .post-grid,.camp-grid,.dealer-grid{grid-template-columns:1fr}
  .dealer-grid{max-width:560px}
  .form-row{grid-template-columns:1fr;gap:0}
  .form-card{padding:24px 20px}
  .cta-actions .btn{flex:1 1 100%}
  .cta-band{padding:44px 0}
  .page-hero{padding:32px 0 36px}
  .page-hero .lede{font-size:17px}
  .footer-top{grid-template-columns:1fr}
  .footer-bottom{flex-direction:column}
  .prose{font-size:17px}
  .prose h2{font-size:24px}
  .legal table,.legal thead,.legal tbody,.legal tr,.legal th,.legal td{display:block}
  .legal thead{display:none}
  .legal td{border:0;padding:4px 13px}
  .legal tr{border-bottom:1px solid var(--line);padding:8px 0}
  .dealer-feats{grid-template-columns:1fr}
  .hero-actions .btn,.guide-help .btn{flex:1 1 100%}
}
@media (max-width:640px){
  .cookie-bar{left:0;right:0;bottom:0;width:auto;transform:none;border-radius:4px 4px 0 0;border-bottom:0;padding:16px 16px 18px}
  .cookie-bar .cookie-actions .ck-btn{flex:1}
  html body:has(.cookie-bar:not([hidden])) .wa-float{bottom:204px}
  .hero .hero-content{padding-bottom:max(228px,34svh)}
  .hero h1{font-size:clamp(34px,10.5vw,44px)}
  .hero-lede{margin:14px 0 22px;font-size:16px}
  .hero-actions{gap:10px}
}
@media (max-width:380px){
  .logo-word{font-size:16px}
  .container{padding:0 20px}
  .setup-menu{margin:0 -20px}
  .tabs{padding:10px 20px}
}
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}
}
@media (max-width:640px) and (max-height:700px){.hero-lede{display:none}.hero h1{margin-bottom:22px}}
@media (max-width:900px){
  .hero .hero-content{padding-bottom:12vh;align-items:flex-start;text-align:left}
  .hero .hero-actions{justify-content:flex-start}
  .hero-scrim{background:linear-gradient(to top,rgba(11,15,22,.78) 0%,rgba(11,15,22,.5) 45%,rgba(11,15,22,.1) 80%)}
  .contact-split{grid-template-columns:minmax(0,1fr);gap:40px}
  .form-card{position:static}
  .tiles{grid-auto-flow:row;grid-template-columns:minmax(0,1fr);gap:12px;margin-bottom:40px}
}
@media (max-width:767px){
  .steps{grid-template-columns:minmax(0,1fr);gap:14px}
  .step{padding:22px 20px}
  .rows li{grid-template-columns:48px minmax(0,1fr);padding:20px 0}
  .row-n{font-size:34px}
  .tabs{flex-wrap:nowrap;overflow-x:auto;margin:0 -24px 28px;padding:0 24px 4px;scrollbar-width:none}
  .tabs::-webkit-scrollbar{display:none}
  .tab{flex:none}
  .share{padding:20px 18px}
  .share .btn{flex:1 1 100%}
  .form-card{padding:22px 18px}
  .form-row{grid-template-columns:1fr;gap:0}
  .tiles-sec{padding-top:32px}
}
@media (max-width:380px){.tabs{margin:0 -20px 28px;padding:0 20px 4px}}
body{font-size:18px}
@media (max-width:640px){.hero .hero-content{padding-bottom:max(210px,31svh)}}

/* ================= Yayın Odası: hero, TV duvarı, adımlar, footer, sayfa başlıkları ================= */
:root{--gap:24px;--gap-sm:12px;--card-pad:28px;--section-y:92px}
.hero{background:#2b2f38}
.hero-scrim{background:linear-gradient(to top,rgba(11,13,18,.82) 0%,rgba(11,13,18,.5) 38%,rgba(11,13,18,.08) 72%,rgba(11,13,18,0) 100%),linear-gradient(to right,rgba(11,13,18,.46) 0%,rgba(11,13,18,0) 60%)}
.hero .hero-content{top:0;display:flex;flex-direction:column;justify-content:flex-end;align-items:flex-start;text-align:left;padding-bottom:clamp(150px,22vh,230px)}
.hero h1{max-width:15ch;font-weight:400;font-size:clamp(40px,6vw,80px);line-height:1;letter-spacing:-.02em}
.hero-lede{max-width:40ch}
.hero .hero-actions{justify-content:flex-start}
.btn{letter-spacing:.01em}
.wall-head{display:flex;justify-content:space-between;align-items:flex-end;gap:12px 40px;flex-wrap:wrap;margin-bottom:48px}
.wall-head h2{font-size:clamp(32px,4vw,52px);line-height:1.05}
.wall-head p{margin:0;color:var(--muted);font-size:18px;max-width:30ch}
.tv-wall{list-style:none;display:flex;flex-wrap:wrap;justify-content:center;gap:40px 32px}
.tv-wall.is-four{max-width:780px;margin-inline:auto}
.tv{width:calc((100% - 64px) / 3);outline:0;cursor:pointer}
.tv-wall.is-four .tv{width:calc((100% - 32px) / 2)}
.tv-set{display:flex;flex-direction:column;align-items:center}
.tv-bezel{display:block;width:100%;padding:14px 14px 16px;background:#252932;border-radius:4px;box-shadow:inset 0 0 0 2px #3b414d;transition:box-shadow .25s}
.tv:hover .tv-bezel,.tv:focus .tv-bezel{box-shadow:inset 0 0 0 2px var(--accent)}
.tv:focus-visible .tv-bezel{outline:3px solid var(--accent);outline-offset:3px}
.tv-screen{position:relative;display:block;aspect-ratio:16/10;overflow:hidden;background:#1b1e25}
.tv:not(.tv-photo) .tv-screen{background:repeating-linear-gradient(0deg,rgba(255,255,255,.11) 0 1px,transparent 1px 4px),linear-gradient(150deg,var(--accent),color-mix(in srgb,var(--accent) 60%,#10131a))}
.tv-screen img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}
.tv-face,.tv-desc{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff;transition:opacity .12s .12s}
.tv-face{gap:10px}
.tv-face strong{font:500 clamp(22px,2.4vw,30px)/1 var(--font-head)}
.tv-ic{width:42px;height:42px;stroke-width:1.5}
.tv-photo .tv-face{align-items:flex-start;justify-content:flex-end;padding:14px 16px;background:linear-gradient(to top,rgba(11,13,18,.72),rgba(11,13,18,0) 55%)}
.tv-desc{padding:0 12%;text-align:center;opacity:0;gap:6px}
.tv-photo .tv-desc{background:rgba(11,13,18,.74)}
.tv-desc strong{font:500 21px/1.1 var(--font-head)}
.tv-desc span{font-size:16px;line-height:1.35}
.tv-glitch{position:absolute;inset:-10% 0;pointer-events:none;opacity:0;background:repeating-linear-gradient(0deg,rgba(255,255,255,.9) 0 2px,rgba(255,255,255,0) 2px 8px)}
.tv:hover .tv-face,.tv:focus .tv-face{opacity:0}
.tv:hover .tv-desc,.tv:focus .tv-desc{opacity:1}
.tv:hover .tv-glitch,.tv:focus .tv-glitch{animation:tv-flick .3s steps(4) 1}
@keyframes tv-flick{0%{opacity:.85;transform:translateY(-6%)}100%{opacity:0;transform:translateY(6%)}}
.tv-neck{width:13%;height:18px;background:#3b414d;clip-path:polygon(14% 0,86% 0,100% 100%,0 100%)}
.tv-foot{width:40%;height:8px;background:#252932;border-radius:2px}
.steps-row{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:64px;align-items:center}
.steps-row .section-head{margin:0}
.steps-row .section-head .btn{margin-top:26px}
.steps-row .steps{grid-template-columns:minmax(0,1fr);gap:var(--gap-sm)}
.step-n{border-radius:4px}
.steps-row .step{display:flex;gap:20px;align-items:flex-start;padding:24px 26px}
.steps-row .step-n{flex:none;margin:0}
.steps-row .step h3{font-size:20px;margin:0 0 4px}
.steps-row .step p{max-width:44ch}
.page-hero{background:var(--bg);border-bottom:0;padding:56px 0 52px}
.page-hero h1{border-left:5px solid var(--accent);padding-left:20px;font-size:clamp(34px,4.6vw,54px);line-height:1.05}
.page-hero .lede{padding-left:25px;max-width:50ch}
.page-hero .breadcrumb{margin-bottom:22px}
.cta-band{background:#fff}
.site-footer{background:var(--bg);padding-top:64px}
.footer-top{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:56px;align-items:start}
.footer-brand{padding:30px;background:#fff;border:1px solid var(--line);border-radius:4px}
.footer-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--gap)}
.setup{padding:56px 0 96px}
.setup-wrap{max-width:1180px;display:grid;grid-template-columns:250px minmax(0,1fr);gap:64px;align-items:start}
.setup-side{position:sticky;top:calc(var(--hh) + 24px)}
.tabs{flex-direction:column;flex-wrap:nowrap;gap:2px;margin:0}
.tab{width:100%;justify-content:flex-start;min-height:52px;border:0;border-left:3px solid var(--line);border-radius:0;background:none;padding:0 16px}
.tab:hover{border-left-color:var(--muted);background:var(--bg)}
.tab[aria-selected="true"]{background:var(--bg);color:var(--text);border-left-color:var(--accent)}
.tab[aria-selected="true"] .ic{color:var(--accent)}
@media (min-width:901px){.contact-split{grid-template-columns:minmax(0,1.05fr) minmax(0,1fr)}}
.form-card{order:-1;box-shadow:none}
html.js [data-reveal]{opacity:0;transform:translateY(24px);transition:opacity .85s cubic-bezier(.2,.7,.2,1),transform .85s cubic-bezier(.2,.7,.2,1)}
html.js [data-reveal].is-in{opacity:1;transform:none}
@media (max-width:1100px){.tv-wall{gap:32px 24px}.tv{width:calc((100% - 48px) / 3)}.tv-desc span{font-size:14.5px}.setup-wrap{gap:40px}}
@media (max-width:900px){
  :root{--section-y:64px}
  .hero .hero-content{padding-bottom:max(190px,24vh)}
  .tv{width:calc((100% - 24px) / 2)}
  .tv-wall.is-odd:not(.is-four) .tv{width:100%;max-width:440px}
  .tv-wall.is-four .tv{width:calc((100% - 24px) / 2)}
  .tv-wall{gap:28px 24px}
  .steps-row{grid-template-columns:minmax(0,1fr);gap:32px}
  .footer-top{grid-template-columns:minmax(0,1fr);gap:32px}
  .footer-brand{grid-column:auto}
  .setup-wrap{grid-template-columns:minmax(0,1fr);gap:0}
  .setup-side{position:static;margin:0 -24px 28px;overflow:hidden}
  .tabs{flex-direction:row;overflow-x:auto;gap:8px;padding:0 24px 4px;margin:0;scrollbar-width:none}
  .tabs::-webkit-scrollbar{display:none}
  .tab{width:auto;flex:none;border:1.5px solid var(--line);border-radius:4px;background:#fff;padding:0 16px}
  .tab[aria-selected="true"]{background:var(--accent);border-color:var(--accent);color:var(--on-accent)}
  .tab[aria-selected="true"] .ic{color:var(--on-accent)}
}
@media (max-width:767px){
  .wall-head{margin-bottom:32px}
  .tv-bezel{padding:8px 8px 10px}
  .tv-neck{height:12px}
  .tv-foot{height:6px}
  .tv-ic{width:28px;height:28px}
  .tv-face{gap:6px}
  .tv-face strong{font-size:20px}
  .tv-desc{padding:0 8%}
  .tv-desc strong{display:none}
  .tv-desc span{font-size:13.5px;line-height:1.3}
  .steps-row .step{padding:20px 18px;gap:16px}
  .footer-links{grid-template-columns:minmax(0,1fr);gap:20px}
  .footer-brand{padding:24px 20px}
  .page-hero{padding:36px 0 36px}
  .page-hero h1{padding-left:16px}
  .page-hero .lede{padding-left:21px}
  .setup-side{margin:0 -24px 24px}
}
@media (max-width:380px){.setup-side{margin:0 -20px 24px}.tabs{padding:0 20px 4px}}
@media (max-width:640px){.hero .hero-content{padding-bottom:max(290px,40svh)}}

/* Çerez kartı açıkken dar ekranda yüzen WhatsApp balonu hero butonlarını kapatmasın */
@media (max-width:640px){body:has(.cookie-bar:not([hidden])) .wa-float{display:none}}

/* bayilik notu */
.dealer-note{font-size:13px;line-height:1.5;color:var(--muted);margin:10px 0 14px}

/* Yazı tipi: düğme, fiyat, rozet, menü, etiket = Rubik 600 */
.btn,.logo-word,.nav a,.nav-main a,.nav-wa,.mobile-menu-list a,.nav-title,.header-phone,.plan-badge,.plan-flag,.pkg-flag,.badge,.tag,.plan-tag,.price-now,.plan-price-now,.plan-now,.plan-price,.price-code,.step-n,.flow-n,.how-n,.track-n,.row-n,.stepper-n,.chip,.pager a,.pager span,.pager strong,.ck-btn,.more-link,.field label,.tab,.side-tab,.s2tab,.quick-btn,.hero-strip li,.ann-date,.ann-countdown,.notfound-code,.notfound .code,.cur,.step-list li::before,.guide-steps li::before,.s2steps li::before,.step-grid li::before,.cnode-btn span.lbl,.tv-tile,.devcard,.menu-btn,.nav-close{font-family:var(--head);font-weight:500}

/* Hero: her fotoğrafla değişen metin (yumuşak geçiş), kategori ızgarası 5x2 */
.hero-texts{display:grid;align-items:end;max-width:100%}
.hero-text{grid-area:1/1;opacity:0;visibility:hidden;transition:opacity .3s ease,visibility 0s linear .3s}
.hero-text.is-active{opacity:1;visibility:visible;transition:opacity .4s ease .3s,visibility 0s}
.hero .hero-title{margin:0;font-family:var(--serif);font-size:clamp(40px,6vw,80px);font-weight:400;line-height:1;letter-spacing:-.02em;max-width:15ch;text-wrap:balance;text-shadow:0 2px 24px rgba(0,0,0,.25)}
@media (max-width:767px){.hero .hero-title{font-size:clamp(34px,10.5vw,44px);line-height:1.04}}
@media (prefers-reduced-motion:reduce){.hero-text,.hero-text.is-active{transition:none}}
.tv-wall.is-ten{gap:32px 20px}
.tv-wall.is-ten .tv{width:calc((100% - 80px) / 5)}
.tv-wall.is-ten .tv-bezel{padding:10px 10px 12px}
.tv-wall.is-ten .tv-face strong{font-size:clamp(18px,1.6vw,22px)}
.tv-wall.is-ten .tv-desc{padding:0 8%;gap:4px}
.tv-wall.is-ten .tv-desc strong{font-size:17px}
.tv-wall.is-ten .tv-desc span{font-size:13px;line-height:1.3}
@media (max-width:1179px){
  .tv-wall.is-ten{gap:32px 24px}
  .tv-wall.is-ten .tv{width:calc((100% - 24px) / 2)}
  .tv-wall.is-ten .tv-desc span{font-size:15px}
  .tv-wall.is-ten .tv-face strong{font-size:24px}
  .tv-wall.is-ten .tv-bezel{padding:12px 12px 14px}
}
@media (max-width:640px){
  .tv-wall.is-ten{gap:22px 14px}
  .tv-wall.is-ten .tv{width:calc((100% - 14px) / 2)}
  .tv-wall.is-ten .tv-bezel{padding:6px 6px 8px}
  .tv-wall.is-ten .tv-face strong{font-size:16px}
  .tv-wall.is-ten .tv-desc{padding:0 6%}
  .tv-wall.is-ten .tv-desc strong{display:none}
  .tv-wall.is-ten .tv-desc span{font-size:12px;line-height:1.3}
}

/* ---------- WhatsApp yüzen buton: site temasına uyarlandı (vurgu rengi, 4px köşe, Rubik) ---------- */
.wa-float{--c-wa:var(--accent);bottom:24px;right:24px}
.wa-float .wa-btn{width:58px;height:58px;border-radius:var(--radius-lg);background:var(--accent);color:var(--on-accent);box-shadow:var(--shadow-lg);animation:none;transition:transform .2s,background .2s,box-shadow .2s}
.wa-float .wa-btn::before,.wa-float .wa-btn::after{border-radius:var(--radius-lg);border:1.5px solid var(--accent)}
.wa-float .wa-btn .ic{width:30px;height:30px;fill:var(--on-accent)}
.wa-float:hover .wa-btn,.wa-float:focus-visible .wa-btn{transform:translateY(-2px);background:var(--accent-hover);box-shadow:0 18px 38px rgba(24,32,44,.18)}
.wa-float:focus-visible{outline:none}
.wa-float:focus-visible .wa-btn{outline:3px solid var(--ink);outline-offset:3px}
.wa-float .wa-bubble{background:#fff;color:var(--text);border:1px solid var(--line);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);padding:12px 16px;font:500 14.5px/1.2 var(--font-head)}
.wa-float .wa-bubble::after{background:#fff;border-right:1px solid var(--line);border-top:1px solid var(--line);border-radius:0;right:-7px;width:12px;height:12px}
.wa-float .wa-bubble b{color:var(--accent);font:inherit}
.wa-float:hover .wa-bubble{border-color:var(--accent)}
@media (max-width:480px){.wa-float{right:16px;bottom:16px}.wa-float .wa-btn{width:54px;height:54px}.wa-float .wa-bubble{font-size:13.5px;padding:10px 13px}}

/* ---------- Paketler: Türkiye / Avrupa anahtarı ---------- */
.region{display:flex;width:max-content;max-width:100%;margin:0 auto 34px;padding:4px;gap:4px;background:var(--bg);border:1px solid var(--line);border-radius:var(--radius-lg)}
.region-tab{appearance:none;border:0;cursor:pointer;min-height:46px;padding:0 34px;border-radius:3px;background:transparent;color:var(--muted);font:500 15px/1 var(--font-head);transition:background .2s,color .2s,box-shadow .2s}
.region-tab:hover{color:var(--text)}
.region-tab[aria-selected="true"]{background:var(--accent);color:var(--on-accent);box-shadow:var(--shadow)}
.region-tab:focus-visible{outline:3px solid var(--ink);outline-offset:2px}
.region-title{font-size:20px;margin:0 0 16px}
html.js .region-title{display:none}
html:not(.js) .region{display:none}
html:not(.js) .region-panel + .region-panel{margin-top:44px}
html.js .region-panel.is-off{display:none}
html.js .region-panel.is-enter{animation:region-in .45s cubic-bezier(.2,.7,.2,1)}
@keyframes region-in{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}
.plans.plans-one{grid-template-columns:minmax(0,400px);justify-content:center}
.cur-after{margin-left:4px}
.plan-gift{display:flex;align-items:center;gap:8px;margin:12px 0 16px;padding:8px 12px;background:var(--accent-soft);color:var(--accent-hover);border-radius:3px;font:500 13.5px/1.3 var(--font-head)}
.plan-gift .ic{width:18px;height:18px;stroke-width:2}
@media (max-width:480px){.region{width:100%}.region-tab{flex:1;padding:0 12px}}

/* ---------- Arkadaşını getir: ana sayfa şeridi ---------- */
.friend-strip{padding:0 0 92px}
.friend-in{display:flex;align-items:center;gap:24px;padding:28px 32px;background:var(--accent-soft);border:1px solid color-mix(in srgb,var(--accent) 22%,#fff);border-left:4px solid var(--accent);border-radius:var(--radius-lg)}
.friend-ic{flex:none;display:grid;place-items:center;width:56px;height:56px;border-radius:var(--radius-lg);background:var(--accent);color:var(--on-accent)}
.friend-ic .ic{width:28px;height:28px}
.friend-txt{flex:1;min-width:0}
.friend-txt h2{font-size:clamp(21px,2.4vw,26px)}
.friend-txt p{margin:6px 0 0;color:var(--muted)}
@media (max-width:767px){.friend-strip{padding-bottom:60px}.friend-in{flex-direction:column;align-items:flex-start;gap:16px;padding:24px 20px}.friend-in .btn{width:100%}}

/* ---------- Arkadaşını getir: kampanyalar sayfası kartı ---------- */
.friend-card{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);background:#fff;border:1px solid var(--line);border-top:4px solid var(--accent);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);margin-bottom:40px}
.friend-main{padding:36px 36px 40px;display:flex;flex-direction:column;align-items:flex-start;gap:6px}
.friend-main h2{font-size:clamp(26px,3vw,34px);margin:6px 0 0}
.friend-sub{font:500 17px var(--font-head);color:var(--accent);margin:0 0 8px}
.friend-main p{color:var(--muted)}
.friend-main .btn{margin-top:12px}
.friend-badge{display:inline-flex;align-items:center;gap:8px;font:500 12.5px var(--font-head);color:var(--on-accent);background:var(--accent);padding:5px 11px;border-radius:3px}
.friend-badge i{width:7px;height:7px;border-radius:50%;background:#fff}
.friend-terms{padding:36px;background:var(--bg);border-left:1px solid var(--line)}
.friend-terms h3{font-size:19px;margin-bottom:12px}
.friend-terms li{display:flex;gap:10px;align-items:flex-start;padding:6px 0;font-size:15.5px;line-height:1.45}
.friend-terms .ic{width:18px;height:18px;margin-top:2px;color:var(--link);stroke-width:2.4}
.camp-grid--more{margin-top:0}
@media (max-width:900px){.friend-card{grid-template-columns:1fr}.friend-terms{border-left:0;border-top:1px solid var(--line)}}
@media (max-width:767px){.friend-main,.friend-terms{padding:26px 20px}.friend-main .btn{width:100%}}

/* ---------- Desteklenen cihazlar: yörünge ---------- */
.orbit{position:relative;width:min(100%,680px);height:680px;margin:0 auto}
.orb-core{position:absolute;left:50%;top:50%;width:108px;height:108px;margin:-54px 0 0 -54px;display:grid;place-items:center;border-radius:50%;background:var(--accent);color:var(--on-accent);font:500 22px var(--font-head);letter-spacing:.06em;box-shadow:0 0 0 14px var(--accent-soft),var(--shadow-lg)}
.orb-ring{position:absolute;left:50%;top:50%;width:0;height:0;animation:orb-spin 90s linear infinite}
.orb-inner{animation-duration:70s;animation-direction:reverse;--r:150px}
.orb-outer{--r:268px}
.orb-ring::before{content:"";position:absolute;left:calc(var(--r) * -1);top:calc(var(--r) * -1);width:calc(var(--r) * 2);height:calc(var(--r) * 2);border:1px dashed var(--line);border-radius:50%;box-sizing:border-box}
.orb-item{position:absolute;left:0;top:0;transform:rotate(var(--a)) translateX(var(--r)) rotate(calc(var(--a) * -1))}
.orb-spin{position:absolute;left:-52px;top:-46px;width:104px;display:block;animation:orb-spin 90s linear infinite reverse}
.orb-inner .orb-spin{animation-duration:70s;animation-direction:normal}
.orb-card{display:flex;flex-direction:column;align-items:center;gap:6px;padding:10px 6px 9px;background:#fff;border:1px solid var(--line);border-radius:var(--radius-lg);box-shadow:var(--shadow);transition:transform .25s,box-shadow .25s,border-color .25s}
.orb-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg);border-color:var(--accent)}
.orb-card img{width:64px;height:40px;object-fit:contain;display:block}
.orb-card span{font:500 12px/1.2 var(--font-head);color:var(--text);text-align:center}
.orbit:hover .orb-ring,.orbit:hover .orb-spin{animation-play-state:paused}
@keyframes orb-spin{to{transform:rotate(360deg)}}
@media (prefers-reduced-motion:reduce){.orb-ring,.orb-spin{animation:none}}
@media (max-width:767px){
  .orbit{height:auto;width:100%;display:block}
  .orb-core,.orb-ring::before{display:none}
  .orb-ring{position:static;width:auto;height:auto;animation:none;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
  .orb-inner{margin-top:10px}
  .orb-item{position:static;transform:none}
  .orb-spin{position:static;width:auto;animation:none!important}
  .orb-card{height:100%}
  .orb-card img{width:56px}
}

/* ---------- Sayılarla Biz: simgeli kartlar + ilerleme çubuğu ---------- */
.stats{background:#fff;border-top:1px solid var(--line)}
.stat-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px}
.stat{padding:28px 26px 26px;background:#fff;border:1px solid var(--line);border-radius:var(--radius-lg);border-top:3px solid var(--accent)}
.stat-ic{width:34px;height:34px;color:var(--accent);stroke-width:1.6}
.stat-val{display:flex;align-items:baseline;margin:16px 0 2px;font:500 clamp(32px,3.4vw,42px)/1.1 var(--font-head);color:var(--ink)}
.stat-val b{font-weight:inherit;font-variant-numeric:tabular-nums}
.stat-plus{font-style:normal;color:var(--accent)}
html.js .stat:not(.is-done) .stat-plus{visibility:hidden}
.stat-lbl{margin:0 0 18px;color:var(--muted);font-size:16px}
.stat-bar{display:block;height:4px;background:var(--bg);border-radius:2px;overflow:hidden}
.stat-bar span{display:block;height:100%;width:var(--t);background:var(--accent);border-radius:2px}
@media (max-width:1000px){.stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:480px){.stat-grid{gap:14px}.stat{padding:22px 18px 20px}.stat-val{font-size:30px}}
.price-now .cur.cur-after{margin:0 0 0 4px;top:.18em}

/* === İnce yazı stili: güvenlik bloğu (hiçbir yerde 500 üstü ağırlık yok) === */
html body b,html body strong,html body th,html body dt,html body h1,html body h2,html body h3,html body h4,html body h5,html body h6,html body button,html body .btn,html body input,html body select,html body textarea,html body label,html body summary,html body nav a,html body a,html body .ck-btn,html body .cookie-bar *,html body .wa-bubble,html body .wa-bubble b,html body .wa-float *,html body .ann,html body .ann *,html body [class*="announce"] *,html body .field label,html body legend,html body th *,html body caption{font-weight:500}
html body .hero h1,html body .hero .hero-title,html body .notfound .code,html body .stat-val,html body .stat-val b{font-weight:400}
html body .prose strong,html body .prose b{font-weight:500;color:var(--ink,#1a1f27)}
html body h1,html body h2,html body h3{letter-spacing:-.01em}

/* poppins-baslik */
h1,h2,h3,h4,.hero-title{font-weight:500;letter-spacing:-.01em}

/* poppins-baslik-2 */
body h1,body h2,body h3,body h4,body .hero-title,body .section-head h2{font-weight:500}