/* Azerbaycan IPTV teması. Renkler palette.php'den (--accent, --ink, --text, --muted, --line, --bg, --card).
   Yazı tipleri: başlık Source Serif 4 600, düğme/fiyat/menü/logo Rubik 600, gövde Nunito Sans. */
:root{
  --head:'Rubik',var(--font);
  --serif:Poppins,'Nunito Sans',system-ui,sans-serif;
  --r:12px;--r-lg:20px;
  --shadow:0 1px 2px rgba(56,61,82,.06),0 10px 28px rgba(56,61,82,.08);
  --hd:72px;
  --ease:cubic-bezier(.2,.7,.2,1);
}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;scroll-padding-top:84px}
body{margin:0;font-family:var(--font);font-size:17px;line-height:1.65;color:var(--text);background:#fff;overflow-x:hidden}
img,svg{max-width:100%}
img{display:block;height:auto}
a{color:var(--accent);text-underline-offset:3px}
ul,ol{margin:0;padding:0;list-style:none}
h1,h2,h3,h4{margin:0;font-family:var(--serif);font-weight:400;letter-spacing:-.012em;line-height:1.18;color:var(--ink)}
p{margin:0}
button{font-family:inherit}
.skip{position:absolute;left:-999px;top:8px;background:var(--accent);color:#fff;padding:8px 14px;border-radius:8px;z-index:4000;text-decoration:none;font-family:var(--head);font-weight:500}
.skip:focus{left:12px}
.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.hp{position:absolute;left:-9999px;opacity:0;height:0;overflow:hidden}
:focus-visible{outline:3px solid var(--accent);outline-offset:3px;border-radius:4px}
body.menu-open,body.modal-open{overflow:hidden}
.ic{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;flex:none}
.wrap{width:100%;max-width:1200px;margin:0 auto;padding:0 24px}
.wrap-mid{max-width:880px}
.wrap-read{max-width:820px}
.center{text-align:center}
.link-btn{background:none;border:0;padding:0;font:inherit;color:inherit;text-decoration:underline;text-underline-offset:3px;cursor:pointer}

/* ---------- Düğmeler ---------- */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:48px;padding:0 24px;border-radius:999px;border:1.5px solid transparent;font:500 .95rem/1 var(--head);text-decoration:none;cursor:pointer;transition:background-color .25s,border-color .25s,color .25s,transform .25s var(--ease)}
.btn:hover{transform:translateY(-2px)}
.btn-sm{min-height:44px;padding:0 18px;font-size:.9rem}
.btn-lg{min-height:54px;padding:0 28px;font-size:1rem}
.btn-block{display:flex;width:100%}
.btn-accent{background:var(--accent);color:var(--on-accent)}
.btn-accent:hover{background:var(--accent-hover)}
.btn-line{background:#fff;color:var(--ink);border-color:color-mix(in srgb,var(--ink) 28%,#fff)}
.btn-line:hover{border-color:var(--accent);color:var(--accent)}
.btn-light{background:#fff;color:var(--ink)}
.btn-light:hover{background:#f1f3f7}
.btn-outline-w{background:transparent;color:#fff;border-color:rgba(255,255,255,.75)}
.btn-outline-w:hover{background:rgba(255,255,255,.16);border-color:#fff}

/* ---------- Logo ---------- */
.brand{display:inline-flex;align-items:center;gap:11px;text-decoration:none;color:var(--ink)}
.logo-mark{width:34px;height:34px;flex:none}
.lm-fill{fill:var(--accent)}
.logo-word{font:500 1rem/1 var(--head);letter-spacing:.08em;color:var(--ink);white-space:nowrap}
.logo-word span{color:var(--accent)}

/* ---------- Header: üstte yapışkan, sade ---------- */
.hd{position:sticky;top:0;z-index:1000;height:var(--hd);background:#fff;border-bottom:1px solid var(--line)}
.hd-row{height:100%;display:flex;align-items:center;gap:24px}
.hd-logo{flex:none}
.hd-nav{display:flex;align-items:center;gap:2px;margin:0 auto}
.hd-nav a:not(.btn){position:relative;display:flex;align-items:center;min-height:44px;padding:0 14px;text-decoration:none;font:500 .93rem/1 var(--head);color:var(--ink);transition:color .2s}
.hd-nav a:not(.btn)::after{content:"";position:absolute;left:14px;right:14px;bottom:8px;height:2px;background:var(--accent);transform:scaleX(0);transform-origin:left;transition:transform .25s var(--ease)}
.hd-nav a:not(.btn):hover{color:var(--accent)}
.hd-nav a:not(.btn):hover::after,.hd-nav a[aria-current]::after{transform:scaleX(1)}
.hd-nav a[aria-current]{color:var(--accent)}
.nav-head,.nav-wa,.nav-scrim{display:none}
.hd-right{display:flex;align-items:center;gap:10px;flex:none}
.hd-wa{min-height:42px}
.menu-btn{display:none;place-items:center;width:44px;height:44px;border:0;border-radius:10px;background:none;color:var(--ink);cursor:pointer;padding:0}
.menu-btn .ic{width:26px;height:26px}
.nav-close{width:44px;height:44px;display:grid;place-items:center;border:0;background:none;color:var(--ink);cursor:pointer;border-radius:10px}
.nav-title{font:500 .9rem/1 var(--head);color:var(--muted)}
body{padding-bottom:0}

/* ---------- Bölüm iskeleti ---------- */
.sec{padding:96px 0}
.sec-tight{padding:64px 0}
.sec-grey{background:var(--bg)}
.sec-head{max-width:640px;margin-bottom:44px}
.sec-head h2{font-size:clamp(1.8rem,3.2vw,2.5rem)}
.sec-head p{margin-top:12px;color:var(--muted)}
.sec-head--c{margin-left:auto;margin-right:auto;text-align:center}
.sec-head--row{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;max-width:none}
.more{display:inline-flex;align-items:center;gap:8px;min-height:44px;font:500 .95rem/1 var(--head);color:var(--accent);text-decoration:none}
.more .ic{transition:transform .3s var(--ease)}
.more:hover .ic{transform:translateX(4px)}
.empty{padding:28px;border:1px dashed var(--line);border-radius:var(--r-lg);text-align:center}

/* ---------- Hero: metin sağa hizalı, dikey ortalı; hap noktalar sol altta ---------- */
.hero{position:relative;display:flex;align-items:center;min-height:clamp(600px,100svh,860px);color:#fff;background:#2c3142;overflow:hidden;isolation:isolate}
.hero-slides{position:absolute;inset:0;z-index:-2}
.hero-slide{position:absolute;inset:0;opacity:0;z-index:0}
.hero-slide.is-active{opacity:1;z-index:1}
.hero-slide.is-in{z-index:2;opacity:0;transition:opacity .7s ease}
.hero-slide.is-in.go{opacity:1}
.hero-slide img{width:100%;height:100%;object-fit:cover}
.hero::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(270deg,rgba(24,28,42,.8) 0%,rgba(24,28,42,.56) 55%,rgba(24,28,42,.22) 100%)}
.hero-in{padding-top:72px;padding-bottom:120px}
.hero-text{margin-left:auto;max-width:620px;text-align:right}
.hero-copies{display:grid}
.hero-copy{grid-area:1/1;opacity:0;visibility:hidden;transition:opacity .2s ease,visibility 0s .2s}
.hero-copy.is-active{opacity:1;visibility:visible;transition:opacity .4s ease .25s,visibility 0s .25s}
.no-js .hero-copy,.hero-copies:not(.is-ready) .hero-copy.is-active{transition:none}
.hero-title{color:#fff;font-size:clamp(2.2rem,5vw,4.1rem);line-height:1.08;text-shadow:0 2px 22px rgba(10,12,24,.35)}
.hero-lede{margin-top:20px;font-size:clamp(1.02rem,1.5vw,1.2rem);color:rgba(255,255,255,.95);text-shadow:0 1px 14px rgba(10,12,24,.4)}
.hero-act{margin-top:32px;display:flex;flex-wrap:wrap;gap:12px;justify-content:flex-end}
.hero-dots{position:absolute;left:max(24px,calc((100% - 1200px) / 2 + 24px));bottom:56px;display:flex;gap:8px}
.hero-dots li{width:10px;height:10px;border-radius:999px;background:rgba(255,255,255,.55);transition:width .4s var(--ease),background-color .4s;position:relative;box-shadow:0 0 0 1px rgba(20,24,38,.25)}
.hero-dots button{position:absolute;inset:-12px -4px;padding:0;border:0;background:none;cursor:pointer;border-radius:999px}
.hero-dots button:focus-visible{outline:2px solid #fff;outline-offset:2px}
.hero-dots li.is-active{width:32px;background:#fff}

/* ---------- Paketler ---------- */
.plans{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;align-items:stretch}
.plan{position:relative;display:flex;flex-direction:column;padding:34px 28px 28px;border:1px solid var(--line);border-radius:var(--r-lg);background:#fff;box-shadow:var(--shadow)}
.plan.is-pop{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent),0 20px 44px rgba(56,61,82,.14)}
.plan-flag{position:absolute;top:-14px;left:28px;padding:6px 14px;border-radius:999px;background:var(--accent);color:var(--on-accent);font:500 .75rem/1 var(--head);letter-spacing:.04em}
.plan-per{font:500 .85rem/1 var(--head);color:var(--muted);letter-spacing:.03em}
.plan h3{margin-top:12px;font-size:1.5rem}
.plan-price{display:flex;align-items:baseline;gap:6px;margin:16px 0 14px;font-family:var(--head);font-weight:500;color:var(--ink)}
.plan-price .cur{font-size:1.4rem}
.plan-price strong{font-size:3.1rem;line-height:1;font-weight:400;letter-spacing:-.02em}
.plan-price s{margin-left:6px;font-size:1.05rem;color:var(--muted);font-weight:400}
.plan-desc{margin-bottom:18px;font-size:.95rem;color:var(--muted)}
.plan-feats{display:grid;gap:11px}
.plan-feats li{display:flex;gap:10px;align-items:flex-start;font-size:.98rem}
.plan-feats .ic{width:18px;height:18px;margin-top:3px;color:var(--accent);stroke-width:2.6}
.plan-more{margin-top:12px}
.plan-more summary{cursor:pointer;display:inline-flex;align-items:center;min-height:44px;font:500 .9rem/1 var(--head);color:var(--accent);list-style:none}
.plan-more summary::-webkit-details-marker{display:none}
.plan-more summary::after{content:"+";margin-left:8px;font-size:1.2rem;line-height:1}
.plan-more[open] summary::after{content:"\2212"}
.plan-more .plan-feats{padding-top:6px}
.plan-note{margin-top:16px;font-size:.84rem;line-height:1.5;color:var(--muted)}
.plan .btn{margin-top:auto}
.plan-feats+.btn,.plan-note+.btn,.plan-more+.btn{margin-top:26px}
.plans-note{margin-top:24px;font-size:.95rem;color:var(--muted)}
.plans-note a{font-weight:500}

/* ---------- Kepenk dilimleri (kategoriler) ---------- */
.sh-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:22px 18px}
.shutter{display:block;width:100%;padding:0;border:0;background:none;text-align:left;color:inherit;font:inherit;cursor:pointer;border-radius:var(--r-lg)}
.sh-media img{width:100%;aspect-ratio:16/9;object-fit:cover;border-radius:var(--r-lg);background:#d9dde6;box-shadow:0 18px 30px -18px rgba(56,61,82,.45)}
.sh-back{display:block;padding:14px 4px 0}
.sh-back b{display:block;font:500 1.25rem/1.2 var(--serif);color:var(--ink)}
.sh-back span{display:block;margin-top:2px;font-size:.92rem;color:var(--muted)}
.sh-back .sh-tags{font-size:.84rem;line-height:1.4}
.shutter--plain .sh-media{display:block;aspect-ratio:16/9;border-radius:var(--r-lg);background:var(--accent)}
.shutter.is-sliced{position:relative;aspect-ratio:16/9;border-radius:var(--r-lg);overflow:hidden;background:#fff;box-shadow:0 22px 34px -20px rgba(56,61,82,.5),0 3px 8px rgba(56,61,82,.1)}
.is-sliced .sh-media{position:absolute;inset:0}
.is-sliced .sh-media img{height:100%;aspect-ratio:auto;box-shadow:none;border-radius:0;opacity:0}
.is-sliced .sh-back{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:20px;background:#fff}
.is-sliced .sh-back b{font-size:clamp(1.15rem,1.7vw,1.4rem)}
.is-sliced .sh-back span{max-width:30ch;margin-top:6px}
@media (max-width:1100px){.is-sliced .sh-back b{font-size:clamp(1.3rem,3vw,1.7rem)}.sh-back .sh-tags{font-size:.92rem}}
.sh-slices{position:absolute;inset:0;z-index:2;display:grid;grid-template-columns:repeat(var(--n),minmax(0,1fr));pointer-events:none}
.sl{background-image:var(--img);background-repeat:no-repeat;background-size:calc(var(--n) * 100%) 100%;background-position:calc(var(--i) / (var(--n) - 1) * 100%) 50%;transform:perspective(900px) rotateY(0);backface-visibility:hidden;transition:transform .8s var(--ease) calc(var(--i) * 65ms),box-shadow .8s;box-shadow:inset -1px 0 0 rgba(255,255,255,.18)}
.shutter.is-sliced.is-open .sl,.shutter.is-sliced:focus-visible .sl{transform:perspective(900px) rotateY(100deg);box-shadow:none}
@media (hover:hover) and (pointer:fine){.shutter.is-sliced:hover .sl{transform:perspective(900px) rotateY(100deg);box-shadow:none}}
.shutter.is-sliced:focus-visible{outline:3px solid var(--accent);outline-offset:3px}
.shutter--plain.is-sliced .sh-slices{display:none}
.shutter--plain.is-sliced .sh-back{background:var(--accent)}
.shutter--plain.is-sliced .sh-back b,.shutter--plain.is-sliced .sh-back span{color:#fff}

/* ---------- Büyük rakamlı adımlar, cihaz çizgisi, şehir dizini ---------- */
.two{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.3fr);gap:64px;align-items:start}
.two .sec-head{margin:0}
.bignum{display:grid}
.bignum li{display:grid;grid-template-columns:72px minmax(0,1fr);gap:22px;align-items:start;padding:26px 0;border-top:1px solid var(--line)}
.bignum li:last-child{border-bottom:1px solid var(--line)}
.bignum b{font:400 3.2rem/1 var(--serif);color:var(--accent)}
.bignum h3{font-size:1.35rem}
.bignum p{margin-top:6px;color:var(--muted)}
.dline{display:flex;flex-wrap:wrap;justify-content:center;gap:0}
.dline li{display:flex;flex-direction:column;align-items:center;gap:12px;width:calc(100% / 7);min-width:130px;padding:20px 10px;font:500 .95rem/1.3 var(--head);color:var(--ink);text-align:center}
.dline li+li{border-left:1px solid var(--line)}
.dline .ic{width:34px;height:34px;color:var(--accent)}
.cdir{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-top:1px solid var(--line)}
.cdir li{padding:22px 4px;border-bottom:1px solid var(--line);font:500 1.5rem/1.2 var(--serif);color:var(--ink)}
.cdir li:nth-child(4n+2),.cdir li:nth-child(4n+3),.cdir li:nth-child(4n){padding-left:20px}
.faq-list{display:grid;gap:12px}
.faq-list details{border:1px solid var(--line);border-radius:var(--r);background:#fff}
.faq-list summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;align-items:center;gap:16px;min-height:62px;padding:12px 24px;font:500 1.05rem/1.35 var(--serif);color:var(--ink)}
.faq-list summary::-webkit-details-marker{display:none}
.faq-list summary::after{content:"+";flex:none;font:400 1.6rem/1 var(--head);color:var(--accent)}
.faq-list details[open] summary::after{content:"\2212"}
.faq-list details p{padding:0 24px 22px;color:var(--text);font-size:.98rem}

/* ---------- Etiket, meta, görsel ---------- */
.tag{display:inline-block;padding:5px 10px;border-radius:999px;background:var(--bg);color:var(--ink);font:500 .75rem/1.2 var(--head);letter-spacing:.03em}
.meta{font-size:.88rem;color:var(--muted)}
.post-thumb{aspect-ratio:16/9;border-radius:var(--r);overflow:hidden;background:var(--line)}
.post-thumb img{width:100%;height:100%;object-fit:cover}
.post-thumb.ph{display:grid;place-items:center;background:#e5e8ef}
.post-thumb.ph span{font:500 .9rem/1 var(--head);color:var(--ink);padding:0 12px;text-align:center}

/* ---------- Ana sayfa blog ---------- */
.hblog{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}
.hblog a{display:flex;flex-direction:column;align-items:flex-start;gap:12px;text-decoration:none;color:inherit}
.hblog .post-thumb{width:100%}
.hblog h3{font-size:1.2rem;line-height:1.3;transition:color .2s}
.hblog a:hover h3{color:var(--accent)}
.hblog small{font-size:.85rem;color:var(--muted)}

/* ---------- Sayfa sonu CTA ---------- */
.cta{border-top:1px solid var(--line);background:#fff}
.cta-in{padding-top:72px;padding-bottom:72px;text-align:center}
.cta-in h2{font-size:clamp(1.7rem,3vw,2.3rem)}
.cta-in p{margin-top:10px;color:var(--muted)}
.cta-in .cta-act{margin-top:28px;display:flex;flex-wrap:wrap;gap:12px;justify-content:center}
.cta-in h2+.btn{margin-top:24px}

/* ---------- Footer ---------- */
.ft{background:var(--bg);border-top:1px solid var(--line);padding-top:56px;color:var(--text)}
.ft-grid{display:grid;grid-template-columns:1.6fr 1fr 1.2fr 1.3fr;gap:40px}
.ft-brand p{margin-top:14px;max-width:340px;font-size:.95rem}
.ft-brand .ft-cities{font-size:.86rem;color:var(--muted)}
.ft-col h2{font:500 .8rem/1 var(--head);letter-spacing:.08em;text-transform:uppercase;color:var(--ink);margin-bottom:14px}
.ft-col ul{display:grid;gap:2px}
.ft-col a{display:inline-block;padding:6px 0;color:var(--text);text-decoration:none;font-size:.95rem;overflow-wrap:anywhere}
.ft-col a:hover{color:var(--accent);text-decoration:underline}
.ft-bottom{display:flex;flex-wrap:wrap;justify-content:space-between;gap:10px 28px;margin-top:44px;padding-top:22px;padding-bottom:28px;background:linear-gradient(var(--line),var(--line)) center top/calc(100% - 48px) 1px no-repeat;font-size:.86rem;color:var(--muted)}
.ft-bottom a,.ft-bottom .link-btn{color:var(--muted)}
.ft-bottom a{margin-right:14px}

/* ---------- İç sayfa başı ---------- */
.pg{padding:56px 0 36px}
.pg h1{font-size:clamp(2rem,4.2vw,3.1rem);max-width:22ch}
.pg-lede{margin-top:16px;max-width:620px;font-size:1.12rem;color:var(--muted)}
.crumbs{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:22px;font:500 .82rem/1.3 var(--head);color:var(--muted)}
.crumbs a{color:var(--muted);text-decoration:none}
.crumbs a:hover{color:var(--accent)}
.crumbs>*+*::before{content:"/";margin-right:6px;color:#b4bbcb}

/* ---------- Kurulum: tek ekranlık cihaz bölümleri + ilerleme noktaları ---------- */
.prep{margin-top:24px;max-width:680px;padding-left:18px;border-left:3px solid var(--accent);color:var(--text)}
.kscreen{min-height:78svh;display:flex;align-items:center;border-top:1px solid var(--line);scroll-margin-top:0}
.kscreen-in{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.3fr);gap:64px;align-items:center;padding-top:64px;padding-bottom:64px}
.kscreen-h .ic{width:44px;height:44px;color:var(--accent);margin:14px 0}
.kscreen-n{font:500 .9rem/1 var(--head);letter-spacing:.08em;color:var(--muted)}
.kscreen-h h2{font-size:clamp(2.2rem,4.6vw,3.6rem);line-height:1.08}
.ksteps{display:grid;gap:0}
.ksteps li{display:grid;grid-template-columns:60px minmax(0,1fr);gap:20px;padding:22px 0;border-bottom:1px solid var(--line)}
.ksteps li:first-child{border-top:1px solid var(--line)}
.ksteps b{font:400 2.2rem/1 var(--serif);color:var(--accent)}
.ksteps strong{display:block;font:500 1.3rem/1.3 var(--serif);color:var(--ink)}
.ksteps p{margin-top:4px;color:var(--muted)}
.kdots{position:fixed;right:22px;top:50%;transform:translateY(-50%);z-index:90;display:none}
.kdots ol{display:grid;gap:14px}
.kdots a{display:flex;align-items:center;justify-content:flex-end;gap:12px;min-height:22px;text-decoration:none}
.kdots i{width:12px;height:12px;border-radius:50%;border:2px solid color-mix(in srgb,var(--ink) 40%,#fff);background:#fff;transition:background-color .25s,border-color .25s,transform .3s var(--ease)}
.kdots span{order:-1;padding:5px 12px;border-radius:999px;background:#fff;border:1px solid var(--line);box-shadow:var(--shadow);font:500 .78rem/1 var(--head);color:var(--ink);opacity:0;transform:translateX(6px);transition:opacity .25s,transform .25s;pointer-events:none;white-space:nowrap}
.kdots a:hover span,.kdots a:focus-visible span,.kdots a.is-on span{opacity:1;transform:none}
.kdots a.is-on i{background:var(--accent);border-color:var(--accent);transform:scale(1.25)}
@media (min-width:1100px){.kdots{display:block}}
.qdl{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 56px}
.qdl>div{padding:22px 0;border-top:1px solid var(--line)}
.qdl dt{font:500 1.1rem/1.35 var(--serif);color:var(--ink)}
.qdl dd{margin:8px 0 0;color:var(--text);font-size:.98rem}
.helpline{margin-top:32px;display:flex;flex-wrap:wrap;align-items:center;gap:14px 20px;font:500 1.1rem/1.4 var(--serif);color:var(--ink)}

/* ---------- Bayilik: dikey çizgiyle bölünmüş iki bölge ---------- */
.halves{display:grid;grid-template-columns:1fr 1fr}
.half{display:flex;flex-direction:column;align-items:flex-start;padding:8px 48px 8px 0}
.half+.half{padding:8px 0 8px 48px;border-left:1px solid var(--line)}
.half-region{font:500 .78rem/1 var(--head);letter-spacing:.08em;text-transform:uppercase;color:var(--accent)}
.half h2{margin-top:10px;font-size:1.9rem}
.half-desc{margin-top:8px;color:var(--muted)}
.half-price{margin:26px 0 20px}
.half-price small{display:block;font:500 .82rem/1 var(--head);color:var(--muted)}
.half-price p{display:flex;align-items:baseline;gap:6px;margin-top:8px;font-family:var(--serif);font-weight:500;color:var(--ink)}
.half-price .cur{font-size:1.8rem}
.half-price strong{font-size:4.2rem;line-height:1;letter-spacing:-.02em}
.half-price s{margin-left:8px;font:400 1.1rem/1 var(--head);color:var(--muted)}
.half-price em{display:block;margin-top:6px;font:500 .92rem/1.4 var(--head);color:var(--ink);font-style:normal}
.half-feats{display:grid;width:100%;margin-bottom:8px}
.half-feats li{position:relative;padding:11px 0 11px 22px;border-top:1px solid var(--line);font-size:.96rem}
.half-feats li::before{content:"";position:absolute;left:2px;top:20px;width:8px;height:8px;border-radius:50%;background:var(--accent)}
.half-feats strong{color:var(--ink)}
.half-feats span{color:var(--muted)}
.dealer-note{margin:6px 0 22px;font-size:.84rem;line-height:1.5;color:var(--muted)}
.half .btn{margin-top:auto}

/* ---------- İletişim: kanal kartları + hızlı mesaj çubuğu ---------- */
.chcards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-bottom:44px}
.chcards--2{grid-template-columns:repeat(2,minmax(0,1fr))}
.chcards a{display:flex;flex-direction:column;align-items:flex-start;gap:6px;height:100%;padding:28px;border:1px solid var(--line);border-radius:var(--r-lg);background:#fff;box-shadow:var(--shadow);text-decoration:none;color:inherit;transition:border-color .3s,transform .3s var(--ease)}
.chcards a:hover{border-color:var(--accent);transform:translateY(-3px)}
.chcards .ic{width:32px;height:32px;color:var(--accent);margin-bottom:8px}
.chcards small{font:500 .75rem/1 var(--head);letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}
.chcards strong{font:500 1.2rem/1.3 var(--head);color:var(--ink);overflow-wrap:anywhere}
.chcards span{font-size:.92rem;color:var(--muted)}
.quick{padding:30px;border:1px solid var(--line);border-radius:var(--r-lg);background:var(--bg)}
.quick h2{font-size:1.35rem;margin-bottom:18px}
.quick-fields{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:14px}
.qf label{display:block;margin-bottom:6px;font:500 .8rem/1.3 var(--head);color:var(--ink)}
.qf input,.qf select{width:100%;min-height:48px;padding:0 14px;border:1.5px solid color-mix(in srgb,var(--ink) 22%,#fff);border-radius:var(--r);background:#fff;font:inherit;font-size:.98rem;color:var(--ink)}
.qf input:focus,.qf select:focus,.quick-bar:focus-within{outline:0;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}
.quick-bar{display:flex;align-items:center;gap:10px;padding:6px 6px 6px 18px;border:1.5px solid color-mix(in srgb,var(--ink) 22%,#fff);border-radius:999px;background:#fff}
.quick-bar textarea{flex:1;min-width:0;min-height:44px;max-height:120px;padding:10px 0;border:0;background:transparent;font:inherit;font-size:1rem;line-height:1.5;color:var(--ink);resize:none}
.quick-bar textarea:focus{outline:0}
.hint{margin-top:12px;font-size:.84rem;color:var(--muted)}
.alert{padding:14px 18px;border-radius:var(--r);margin-bottom:20px;font-size:.95rem}
.alert-err{background:#fdeded;border:1px solid #f1b9b9;color:#8a2020}

/* ---------- Kampanyalar: yatay kaydırmalı büyük kartlar ---------- */
.cstrip{display:flex;gap:20px;overflow-x:auto;scroll-snap-type:x mandatory;padding:6px max(24px,calc((100% - 1200px) / 2 + 24px)) 24px;scroll-padding-left:max(24px,calc((100% - 1200px) / 2 + 24px))}
.ccard{flex:0 0 min(86vw,540px);scroll-snap-align:start;display:flex;flex-direction:column;align-items:flex-start;gap:12px;padding:30px;border:1px solid var(--line);border-radius:var(--r-lg);background:#fff;box-shadow:var(--shadow)}
.ccard h2{font-size:1.6rem}
.ccard .btn{margin-top:auto}
.ccard-when{display:flex;flex-wrap:wrap;gap:6px 14px;font-size:.88rem;color:var(--muted)}
.ccard-when b{font:500 .85rem/1.3 var(--head);color:var(--accent)}
.camp-img{margin:0;width:100%}
.camp-img img{width:100%;max-height:240px;object-fit:cover;border-radius:var(--r)}
.empty-card{max-width:720px;margin:0 auto;padding:48px 32px;text-align:center;border:1px solid var(--line);border-radius:var(--r-lg);background:#fff}
.empty-card h2{font-size:1.7rem}
.empty-card p{margin-top:10px;color:var(--muted)}
.empty-card .act,.post-cta .act,.modal-act{margin-top:26px;display:flex;flex-wrap:wrap;gap:12px;justify-content:center}

/* ---------- Blog: editoryal liste ---------- */
.btools{margin-top:30px;display:flex;flex-wrap:wrap;gap:16px 28px;align-items:center;justify-content:space-between}
.chips{display:flex;flex-wrap:wrap;gap:8px}
.chip{display:inline-flex;align-items:center;min-height:44px;padding:0 18px;border:1.5px solid var(--line);border-radius:999px;font:500 .88rem/1 var(--head);color:var(--ink);text-decoration:none;background:#fff;transition:border-color .25s,background-color .25s,color .25s}
.chip:hover{border-color:var(--accent)}
.chip[aria-current=page]{background:var(--accent);border-color:var(--accent);color:var(--on-accent)}
.bsearch{display:flex;gap:8px}
.bsearch input{min-height:44px;width:230px;padding:0 18px;border:1.5px solid var(--line);border-radius:999px;font:inherit;font-size:.95rem;color:var(--ink);background:#fff}
.bsearch input:focus{outline:0;border-color:var(--accent)}
.search-note{margin-bottom:24px;color:var(--muted)}
.ed{display:grid;max-width:980px;margin:0 auto}
.ed li{border-top:1px solid var(--line)}
.ed li:last-child{border-bottom:1px solid var(--line)}
.ed-i{display:grid;grid-template-columns:96px minmax(0,1fr) 200px;gap:28px;align-items:center;padding:26px 0;text-decoration:none;color:inherit}
.ed-date{display:flex;flex-direction:column;align-items:flex-start;font:500 .8rem/1.2 var(--head);color:var(--muted);text-transform:uppercase;letter-spacing:.05em}
.ed-date b{font:400 2.6rem/1 var(--serif);color:var(--accent);text-transform:none;letter-spacing:0}
.ed-body{display:grid;gap:8px;justify-items:start}
.ed h2,.ed h3{font-size:1.4rem;line-height:1.25;transition:color .2s}
.ed-i:hover h2,.ed-i:hover h3{color:var(--accent)}
.ed-ex{color:var(--muted);font-size:.96rem}
.pager{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin-top:56px}
.pager a,.pager span{display:grid;place-items:center;min-width:44px;height:44px;padding:0 12px;border:1.5px solid var(--line);border-radius:999px;font:500 .95rem/1 var(--head);color:var(--ink);text-decoration:none}
.pager a:hover{border-color:var(--accent)}
.pager span{background:var(--accent);border-color:var(--accent);color:var(--on-accent)}

/* ---------- Blog yazısı: yatay çip içindekiler ---------- */
.pg-article h1{max-width:none}
.pg-article .meta{margin-top:16px}
.toc{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:32px}
.toc a{display:inline-flex;align-items:center;min-height:40px;padding:0 16px;border-radius:999px;background:var(--bg);font:500 .85rem/1.2 var(--head);color:var(--ink);text-decoration:none;transition:background-color .2s,color .2s}
.toc a:hover{background:var(--accent);color:var(--on-accent)}
.post-cover{margin:0 0 32px}
.post-cover img{width:100%;height:auto;border-radius:var(--r-lg);background:var(--line)}
.prose{font-size:1.08rem;line-height:1.8}
.prose h2{font-size:1.75rem;margin:2em 0 .6em;scroll-margin-top:90px}
.prose h3{font-size:1.3rem;margin:1.7em 0 .5em;scroll-margin-top:90px}
.prose p{margin:0 0 1.2em}
.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:.4em 0}
.prose li::marker{color:var(--accent);font-weight:500}
.prose a{font-weight:500}
.prose strong{color:var(--ink)}
.prose>:first-child{margin-top:0}
.prose img{max-width:100%;height:auto;border-radius:var(--r);margin:0 auto}
.prose figure{margin:2em 0}
.prose figcaption{text-align:center;font-size:.88rem;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:.95rem;line-height:1.5;border:1px solid var(--line);border-radius:var(--r);background:#fff}
.prose th,.prose td{padding:12px 16px;text-align:left;vertical-align:top;border-bottom:1px solid var(--line)}
.prose thead th{background:var(--bg);color:var(--ink);font:500 .88rem/1.3 var(--head);white-space:nowrap}
.prose tbody tr:last-child td{border-bottom:0}
.post-cta{margin-top:48px;padding:34px;border:1px solid var(--line);border-radius:var(--r-lg);text-align:center;background:var(--bg)}
.post-cta h2{font-size:1.5rem}
.post-cta p{margin-top:8px;color:var(--muted)}
.related{margin-top:64px;padding-top:40px;max-width:1000px}
.related>h2{font-size:1.6rem;margin-bottom:20px}

/* ---------- Çerez politikası: belge düzeni ---------- */
.legal-meta{font-size:.88rem;color:var(--muted);margin-bottom:8px}
.legal-sec{padding:30px 0;border-top:1px solid var(--line)}
.legal-sec h2{font-size:1.4rem;margin-bottom:12px}
.legal-body p,.legal-body li{margin-bottom:12px}
.legal-body>:last-child{margin-bottom:0}
.legal-body ul{list-style:disc;padding-left:1.3em}
.cookie-list{display:grid;gap:12px;margin:0 0 16px}
.cookie-item{padding:14px 16px;border:1px solid var(--line);border-radius:var(--r);background:var(--bg)}
.cookie-item dt{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:6px;font-weight:500;color:var(--ink)}
.cookie-item dt b{padding:3px 10px;border-radius:999px;background:#fff;font:500 .72rem/1.2 var(--head)}
.cookie-item dd{margin:0;font-size:.95rem}
.cookie-item dd i{display:block;margin-top:4px;font-style:normal;color:var(--muted);font-size:.86rem}
code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.88em;background:#fff;padding:2px 6px;border-radius:5px}

/* ---------- 404 ---------- */
.nf{padding:90px 0 100px}
.nf p.nf-code{font:400 clamp(5rem,16vw,10rem)/.9 var(--serif);color:var(--accent);letter-spacing:-.04em}
.nf h1{margin-top:14px;font-size:clamp(2.2rem,5vw,3.6rem)}
.nf-text{margin-top:12px;max-width:520px;color:var(--muted)}
.nf-links{margin-top:22px;display:flex;flex-wrap:wrap;gap:6px 26px}
.nf-links a{display:inline-flex;align-items:center;min-height:44px;font:500 1.1rem/1 var(--head)}

/* ---------- Teşekkür penceresi ---------- */
.modal-backdrop{position:fixed;inset:0;z-index:3000;display:grid;place-items:center;padding:20px;background:rgba(243,245,248,.82);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:1px solid var(--line);border-radius:var(--r-lg);padding:36px 30px 30px;text-align:center;box-shadow:0 30px 70px rgba(56,61,82,.2)}
.modal h2{font-size:1.6rem}
.modal p{margin-top:10px;color:var(--muted)}
.modal .modal-act{margin-top:26px}
.modal-act .btn{flex:1 1 150px}
@keyframes m-fade{from{opacity:0}to{opacity:1}}
@keyframes pin{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}

/* ---------- Çerez kartı: alt orta, perdesiz, açık ---------- */
body .cookie-bar{background:#fff;color:var(--text);border:1px solid var(--line);border-radius:var(--r-lg);box-shadow:var(--shadow);font-size:.9rem;line-height:1.55}
body .cookie-bar p{color:var(--text)}
body .cookie-bar a{color:var(--accent)}
body .cookie-bar .ck-btn{min-height:44px;padding:0 18px;border:1.5px solid color-mix(in srgb,var(--ink) 25%,#fff);border-radius:var(--r);background:#fff;color:var(--ink);font:500 .88rem/1.2 var(--head)}
body .cookie-bar .ck-btn:hover{border-color:var(--accent);color:var(--accent)}
body .cookie-bar .ck-btn--primary{background:var(--accent);border-color:var(--accent);color:var(--on-accent)}
body .cookie-bar .ck-btn--primary:hover{filter:none;background:var(--accent-hover);border-color:var(--accent-hover);color:var(--on-accent)}
@media (min-width:821px){
  body .cookie-bar{top:auto;left:50%;right:auto;bottom:16px;width:460px;max-width:none;padding:18px 22px;transform:translateX(-50%)}
}

/* ---------- Kaydırma girişi: alttan yumuşak yükselme ---------- */
.js [data-reveal]{opacity:0;transform:translateY(26px);transition:opacity .85s var(--ease),transform .85s var(--ease)}
.js [data-reveal=left]{transform:translateX(-30px)}
.js [data-reveal=right]{transform:translateX(30px)}
.js [data-reveal].is-revealed{opacity:1;transform:none}

/* ---------- Duyarlı ---------- */
@media (max-width:1100px){
  .kscreen-in{grid-template-columns:1fr;gap:28px}
  .ft-grid{grid-template-columns:1fr 1fr;gap:32px}
  .ft-brand{grid-column:1 / -1}
}
@media (max-width:980px){
  .quick-fields{grid-template-columns:repeat(2,minmax(0,1fr))}
  .chcards{grid-template-columns:1fr}
  .menu-btn{display:grid}
  .sec{padding:72px 0}
  .plans{grid-template-columns:1fr;gap:28px}
  .plan{padding:32px 24px 26px}
  .two{grid-template-columns:1fr;gap:24px}
  .hblog{grid-template-columns:1fr}
  .dline li{width:25%;min-width:0}
  .dline li:nth-child(5){border-left:0}
  .cdir{grid-template-columns:repeat(2,minmax(0,1fr))}
  .cdir li:nth-child(n){padding-left:4px}
  .cdir li:nth-child(2n){padding-left:20px}
  .halves{grid-template-columns:1fr}
  .half,.half+.half{padding:28px 0;border-left:0}
  .half+.half{border-top:1px solid var(--line)}
  .qdl{grid-template-columns:1fr}
  .ed-i{grid-template-columns:80px minmax(0,1fr);gap:20px}
  .ed-i .post-thumb{grid-column:1 / -1}
  .hero-text{max-width:100%}
}
@media (max-width:640px){
  body{font-size:16.5px}
  .wrap{padding:0 20px}
  .hd{padding:0 12px}
  .sec{padding:56px 0}
  .sec-tight{padding:44px 0}
  .sec-head{margin-bottom:30px}
  .hero{min-height:clamp(560px,100svh,740px)}
  .hero-in{padding-top:56px;padding-bottom:100px}
  .hero-title{font-size:2.3rem}
  .hero-act .btn{flex:1 1 100%}
  .hero-dots{left:20px;bottom:44px}
  .hd-logo .logo-word{font-size:.8rem;letter-spacing:.05em}
  .hd-logo{padding:0 14px 0 8px}
  .pg{padding:40px 0 28px}
  .ksteps li{grid-template-columns:44px minmax(0,1fr);gap:14px}
  .ksteps b{font-size:1.8rem}
  .kscreen{min-height:0}
  .kscreen-in{padding-top:48px;padding-bottom:48px}
  .dline li{width:50%}
  .dline li+li{border-left:0}
  .bignum li{grid-template-columns:48px minmax(0,1fr);gap:14px}
  .bignum b{font-size:2.4rem}
  .half-price strong{font-size:3.4rem}
  .chcards,.chcards--2{grid-template-columns:1fr}
  .quick{padding:22px 16px}
  .quick-fields{grid-template-columns:1fr}
  .quick-bar{flex-direction:column;align-items:stretch;border-radius:var(--r);padding:12px}
  .quick-bar textarea{min-height:90px;border-bottom:1px solid var(--line)}
  .quick-bar .btn{width:100%}
  .ed-i{grid-template-columns:1fr;gap:12px}
  .bsearch{width:100%}
  .bsearch input{flex:1;width:auto;min-width:0}
  .ft-grid{grid-template-columns:1fr}
  .ft-bottom{flex-direction:column}
  .helpline .btn,.cta-in .btn{width:100%}
  .cdir li{font-size:1.2rem}
  .ccard{padding:24px 20px}
  .sh-grid{grid-template-columns:1fr}
}
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*::before,*::after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}
  .js [data-reveal]{opacity:1;transform:none}
  .btn:hover{transform:none}
  .shutter.is-sliced.is-open .sl,.shutter.is-sliced:focus-visible .sl{transform:none;opacity:0}
}
@media (prefers-reduced-motion:reduce){.shutter .sl{transition:opacity .35s ease!important}}
@media (prefers-reduced-motion:reduce) and (hover:hover) and (pointer:fine){.shutter.is-sliced:hover .sl{transform:none;opacity:0}}
@media (min-width:821px){}
@media (max-width:1100px){.sh-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 16px}}
@media (max-width:820px){
  body .cookie-bar{top:auto;left:12px;right:12px;bottom:16px;max-width:none;width:auto;transform:none}
}

@media (max-width:1100px){.wa-bubble{display:none}}
@media (max-width:1020px){
  .hd-wa{display:none}
  .hd-row{gap:12px}
  .hd-right{margin-left:auto}
  .menu-btn{display:inline-grid}
  .hd-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,.12);transform:translateX(100%);visibility:hidden;transition:transform .3s ease,visibility 0s linear .3s;overflow-y:auto}
  .hd-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(--hd);flex:none}
  .hd-nav a:not(.btn){min-height:54px;padding:0 4px;font-size:1.02rem;border-bottom:1px solid var(--line)}
  .hd-nav a:not(.btn)::after{display:none}
  .nav-wa{display:inline-flex;margin-top:24px}
  .nav-scrim{position:fixed;inset:0;z-index:1100;background:rgba(26,30,44,.4)}
  .nav-scrim[hidden]{display:none}
  .nav-scrim:not([hidden]){display:block}
}
main{overflow-x:clip}

/* ===== Düzenleme 2: WhatsApp butonu tema uyumu ===== */
.wa-float{--c-wa:var(--accent);--c-text:var(--ink);font-family:var(--head)}
.wa-float .wa-btn{background:var(--accent);color:var(--on-accent);box-shadow:0 10px 26px rgba(91,42,110,.38),0 1px 2px rgba(56,61,82,.12);transition:transform .25s var(--ease),background .2s,box-shadow .25s}
.wa-float .wa-bubble{background:#fff;color:var(--ink);border:1px solid var(--line);border-radius:999px;padding:11px 20px;font:500 .9rem/1.2 var(--head);box-shadow:var(--shadow)}
.wa-float .wa-bubble::after{display:none}
.wa-float .wa-bubble b{color:var(--accent);font-weight:500}
.wa-float:hover .wa-btn,.wa-float:focus-visible .wa-btn{background:var(--accent-hover);box-shadow:0 14px 30px rgba(91,42,110,.46),0 1px 2px rgba(56,61,82,.12)}
.wa-float:hover .wa-bubble,.wa-float:focus-visible .wa-bubble{border-color:var(--accent)}
.wa-float:focus-visible{outline:3px solid var(--accent);outline-offset:4px;border-radius:999px}

/* ===== Paketler: bölge anahtarı ===== */
.region-tabs{display:inline-flex;gap:4px;padding:5px;margin-bottom:34px;border:1px solid var(--line);border-radius:999px;background:#fff;box-shadow:var(--shadow)}
.region-tabs button{min-height:46px;min-width:130px;padding:0 26px;border:0;border-radius:999px;background:transparent;color:var(--ink);font:500 .95rem/1 var(--head);cursor:pointer;transition:background .25s var(--ease),color .25s}
.region-tabs button:hover{color:var(--accent)}
.region-tabs button[aria-selected=true]{background:var(--accent);color:var(--on-accent)}
.region-h{margin:0 0 20px;font-size:1.3rem}
.js .region-h{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;margin:0}
.region-panel+.region-panel{margin-top:44px}
.js .region-panel{display:none}
.js .region-panel.is-active{display:block;animation:rg-in .5s var(--ease)}
@keyframes rg-in{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}
.plans--one{grid-template-columns:minmax(0,420px);justify-content:center}
.plan-gift{display:flex;align-items:center;gap:10px;margin:0 0 16px;padding:9px 12px;border-radius:var(--r);background:var(--accent-soft,#f3edf5);color:var(--accent);font:500 .85rem/1.3 var(--head)}
.plan-gift b{flex:none;padding:3px 9px;border-radius:999px;background:var(--accent);color:var(--on-accent);font-size:.78rem}

/* ===== Kampanya şeridi (ana sayfa) ===== */
.cband{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:28px 32px;border:1px solid var(--line);border-left:4px solid var(--accent);border-radius:var(--r-lg);background:#fff;box-shadow:var(--shadow)}
.cband h2{font-size:clamp(1.3rem,2.4vw,1.75rem)}
.cband p{margin-top:6px;color:var(--muted)}
.cband .btn{flex:none}

/* ===== Sayılarla Biz (asimetrik) ===== */
.stats{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:56px;align-items:center}
.stats-head{margin:0}
.stats-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
.stats-grid li{position:relative;padding:30px 26px 26px;border:1px solid var(--line);border-radius:var(--r-lg);background:#fff}
.stats-grid li::before{content:"";position:absolute;top:-1px;left:-1px;width:44px;height:44px;border-top:3px solid var(--accent);border-left:3px solid var(--accent);border-top-left-radius:var(--r-lg)}
.stat-n{display:block;min-width:7ch;font:400 clamp(2rem,3.4vw,2.9rem)/1.05 var(--head);letter-spacing:-.02em;color:var(--ink);font-variant-numeric:tabular-nums}
.stat-l{display:block;margin-top:10px;font:500 .92rem/1.3 var(--head);color:var(--muted)}

/* ===== Desteklenen cihazlar: kayan şerit ===== */
.dmq{display:grid;gap:18px;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent);mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent)}
.dmq-row{overflow:hidden;padding:8px 0}
.dmq-track{display:flex;gap:18px;width:max-content;animation:dmq 48s linear infinite;will-change:transform}
.dmq-row.is-rev .dmq-track{animation-direction:reverse}
.dmq-row:hover .dmq-track,.dmq-row:focus-within .dmq-track{animation-play-state:paused}
.dmq-track li{flex:none;display:flex;flex-direction:column;align-items:center;gap:10px;width:168px;padding:16px 12px 14px;border:1px solid var(--line);border-radius:var(--r-lg);background:#fff;box-shadow:var(--shadow);transition:transform .3s var(--ease),border-color .3s}
.dmq-track li:hover{transform:translateY(-4px);border-color:var(--accent)}
.dmq-track img{width:96px;height:48px;object-fit:contain}
.dmq-track span{font:500 .88rem/1.3 var(--head);color:var(--ink);text-align:center}
@keyframes dmq{to{transform:translateX(calc(-50% - 9px))}}

/* ===== Kampanyalar sayfası: öne çıkan kart ===== */
.feat{display:grid;grid-template-columns:minmax(0,6fr) minmax(0,5fr);gap:40px;padding:40px;border:1px solid var(--line);border-top:4px solid var(--accent);border-radius:var(--r-lg);background:#fff;box-shadow:var(--shadow)}
.feat-badge{display:inline-flex;align-items:center;gap:8px;padding:6px 14px;border-radius:999px;background:var(--accent-soft,#f3edf5);color:var(--accent);font:500 .8rem/1 var(--head);letter-spacing:.03em}
.feat-badge span{width:8px;height:8px;border-radius:50%;background:var(--accent)}
.feat h2{margin-top:16px;font-size:clamp(1.7rem,3vw,2.3rem)}
.feat-sub{margin-top:8px;font:500 1.05rem/1.4 var(--head);color:var(--accent)}
.feat-text{margin:16px 0 26px;color:var(--text)}
.feat-terms{padding:24px;border-radius:var(--r);background:var(--bg)}
.feat-terms h3{font-size:1.2rem;margin-bottom:14px}
.feat-terms ul{display:grid;gap:11px}
.feat-terms li{display:flex;gap:10px;align-items:flex-start;font-size:.95rem;line-height:1.5}
.feat-terms .ic{width:18px;height:18px;margin-top:3px;color:var(--accent);stroke-width:2.6}

@media (max-width:980px){
  .stats{grid-template-columns:1fr;gap:32px}
  .feat{grid-template-columns:1fr;gap:28px;padding:30px 24px}
}
@media (max-width:640px){
  .region-tabs{display:flex}
  .region-tabs button{flex:1;min-width:0;padding:0 12px}
  .cband{flex-direction:column;align-items:flex-start;padding:24px 22px}
  .cband .btn{width:100%}
  .stats-grid{gap:12px}
  .stats-grid li{padding:24px 16px 20px}
  .dmq-track li{width:148px}
  .feat .btn{width:100%}
}
@media (prefers-reduced-motion:reduce){
  .dmq{-webkit-mask-image:none;mask-image:none}
  .dmq-row{overflow:visible}
  .dmq-track{animation:none;width:auto;flex-wrap:wrap;justify-content:center;padding:0 24px}
  .dmq-track li[aria-hidden=true]{display:none}
  .dmq-track li:hover{transform:none}
  .js .region-panel.is-active{animation:none}
  .wa-float .wa-btn{animation:none}
}

/* ===== Yazı stili: ince hatlı, kalın yazı yok (güvenlik bloğu) ===== */
html body b,html body strong,html body th,html body dt,html body summary,html body label,html body button,html body input,html body select,html body textarea,html body .btn,html body nav a,html body h1,html body h2,html body h3,html body h4,html body h5,html body h6{font-weight:500}
html body h1,html body h2,html body h3,html body h4{font-weight:400}
html body .prose strong,html body .prose b{font-weight:500;color:var(--ink)}
html body .prose h1,html body .prose h2,html body .prose h3,html body .prose h4{font-weight:400}
html body .plan-price strong,html body .stat-n,html body .bignum b,html body .ksteps b,html body .ed-date b,html body .nf p.nf-code{font-weight:400}
html body .wa-bubble,html body .wa-bubble b,html body .ann-countdown,html body .ann-date,html body .ann-body h2,html body .ann-cta,html body .ann-box *,html body .cookie-bar,html body .cookie-bar *,html body .ck-btn,html body .ann-close{font-weight:500}
html body .ann-body h2{font-weight:400}
html body .h-hero h1,html body .hero h1{font-weight:400}
html body h1{letter-spacing:-.018em}

/* 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}