/* TEMA: turkiyeiptvbayilik.com
   Kurumsal, sade, açık. Vurgu: kraliyet mavisi (palette.php > --accent). Yazı tipi: Source Serif 4 (başlık), Rubik (düğme, fiyat, menü), Nunito Sans (gövde).
   Renkler yalnızca var(--…) ile; zeminler beyaz ve nötr soğuk gri. */

:root{--head:'Rubik',var(--font);--serif:Poppins,'Nunito Sans',system-ui,sans-serif}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{margin:0;font-family:var(--font);font-size:16px;line-height:1.6;color:var(--text);background:#fff;-webkit-font-smoothing:antialiased;overflow-x:hidden}
img{max-width:100%;height:auto}
h1,h2,h3,h4{margin:0;line-height:1.15;color:var(--text);font-family:var(--serif);font-weight:400;letter-spacing:-.012em}
p{margin:0}
ul,ol{margin:0;padding:0;list-style:none}
a{color:var(--accent);text-underline-offset:3px}
:focus-visible{outline:2px solid var(--accent);outline-offset:3px}
button{font-family:inherit}

.container{width:100%;max-width:1200px;margin:0 auto;padding:0 24px}
.skip{position:absolute;left:-999px;top:8px;background:var(--accent);color:#fff;padding:8px 14px;border-radius:6px;z-index:2000;text-decoration:none}
.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}
.ic-lg{width:24px;height:24px}
.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.center{text-align:center}

/* ---------- Butonlar ---------- */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:46px;padding:0 24px;border-radius:6px;border:1.5px solid transparent;font:500 15.5px/1 var(--font);text-decoration:none;cursor:pointer;transition:background-color .2s,border-color .2s,color .2s}
.btn-sm{min-height:44px;padding:0 20px;font-size:15px}
.btn-lg{min-height:54px;padding:0 34px;font-size:16.5px}
.btn-block{width:100%}
.btn-primary{background:var(--accent);color:var(--on-accent);border-color:var(--accent)}
.btn-primary:hover{background:var(--accent-hover);border-color:var(--accent-hover)}
.btn-outline{background:#fff;color:var(--text);border-color:var(--line)}
.btn-outline:hover{border-color:var(--accent);color:var(--accent)}
.btn-outline-dark{background:#fff;color:var(--accent);border-color:var(--accent)}
.btn-outline-dark:hover{background:var(--accent);color:#fff}
.btn-glass{background:rgba(255,255,255,.12);color:#fff;border-color:rgba(255,255,255,.75)}
.btn-glass:hover{background:#fff;color:var(--text);border-color:#fff}
.btn .ic{width:19px;height:19px}
.nav-wa .ic,.btn .ic[data-fill]{fill:currentColor;stroke:none}
.more-link{font-weight:500;text-decoration:none;border-bottom:1.5px solid currentColor;padding-bottom:2px}
.more-link:hover{color:var(--accent-hover)}

/* ---------- Logo ---------- */
.brand{display:inline-flex;align-items:center;gap:12px;text-decoration:none;color:var(--text);min-height:44px}
.logo-mark{display:block;flex:none;width:42px;height:42px}
.logo-word{font-weight:500;font-size:18px;letter-spacing:.02em;line-height:1;white-space:nowrap;color:var(--text);font-family:var(--head)}
.logo-word span{color:var(--accent)}

/* ---------- Üst çubuk ---------- */
.site-header{position:sticky;top:0;z-index:300;background:#fff;border-bottom:1px solid var(--line);transition:box-shadow .25s}
.site-header.is-scrolled{box-shadow:0 4px 18px rgba(20,32,46,.08)}
.header-row{display:flex;align-items:center;height:72px;gap:28px}
.nav{display:flex;align-items:center;gap:2px;margin-left:auto}
.nav a{position:relative;display:inline-flex;align-items:center;min-height:44px;padding:0 14px;color:var(--text);font-weight:500;font-size:15px;text-decoration:none}
.nav a::after{content:"";position:absolute;left:14px;right:14px;bottom:6px;height:2px;background:var(--accent);transform:scaleX(0);transform-origin:left;transition:transform .25s}
.nav a:hover::after,.nav a[aria-current=page]::after{transform:scaleX(1)}
.nav a[aria-current=page]{color:var(--accent)}
.nav .nav-wa{display:none}
.menu-btn{display:none;position:relative;z-index:420;margin-left:auto;width:46px;height:46px;border:0;background:none;color:var(--text);cursor:pointer;align-items:center;justify-content:center}
.menu-btn .ic{width:26px;height:26px;stroke-width:2}
.menu-btn .ic-close{display:none}
.menu-btn[aria-expanded=true] .ic-open{display:none}
.menu-btn[aria-expanded=true] .ic-close{display:block}

/* ---------- Hero ---------- */
.hero{position:relative;display:flex;flex-direction:column;min-height:max(600px,88svh);color:#fff;background:#1a2430;overflow:hidden;isolation:isolate}
.hero-bg{position:absolute;inset:0;z-index:0}
.hero-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 35%}
.hero-slide{opacity:0;transition:opacity .7s ease-in-out}
.hero-slide.is-active{opacity:1;z-index:1}
.hero-slide:first-child{opacity:1}
.js-hero .hero-slide:first-child:not(.is-active){opacity:0}
.hero-copy{display:grid;justify-items:center}
.hero-text{grid-area:1/1;display:flex;flex-direction:column;align-items:center;opacity:0;visibility:hidden;transform:translateY(8px);transition:opacity .5s ease,transform .5s ease,visibility 0s linear .5s}
.hero-text.is-active{opacity:1;visibility:visible;transform:none;transition:opacity .6s ease .15s,transform .6s ease .15s,visibility 0s}
.hero-title{color:#fff;font-size:clamp(36px,5.6vw,68px);font-weight:400;letter-spacing:-.025em;line-height:1.08;max-width:15ch;text-shadow:0 2px 24px rgba(10,18,30,.45);font-family:var(--serif);margin:0}
.hero-dots{display:flex;gap:10px;margin-top:26px}
.hero-dot{width:10px;height:10px;padding:0;border-radius:50%;border:1px solid rgba(255,255,255,.85);background:transparent;cursor:pointer;transition:background .3s,width .3s}
.hero-dot.is-active{background:#fff;width:26px;border-radius:6px}
.cat-tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:14px}
.cat-tags li{font-size:13px;padding:4px 11px;border:1px solid var(--line);border-radius:999px;color:var(--muted)}
.hero-scrim{position:absolute;inset:0;z-index:3;background:radial-gradient(ellipse 75% 85% at 50% 46%,rgba(10,18,30,.62) 0%,rgba(10,18,30,.46) 55%,rgba(10,18,30,.28) 100%),linear-gradient(to top,rgba(10,18,30,.55) 0%,rgba(10,18,30,0) 34%)}
.hero-main{position:relative;z-index:4;flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding-top:56px;padding-bottom:44px}
.hero h1{color:#fff;font-size:clamp(36px,5.6vw,68px);font-weight:400;letter-spacing:-.025em;line-height:1.08;max-width:15ch;text-shadow:0 2px 24px rgba(10,18,30,.45)}
.hero-lede{margin-top:22px;max-width:44ch;font-size:clamp(17px,1.7vw,20px);line-height:1.55;color:rgba(255,255,255,.92);text-shadow:0 1px 14px rgba(10,18,30,.5)}
.hero-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:14px;margin-top:36px}
.hero-perks-wrap{position:relative;z-index:4}
.hero-perks{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid rgba(255,255,255,.28)}
.hero-perks li{display:flex;flex-direction:column;gap:3px;padding:20px 28px 24px;text-align:center}
.hero-perks li+li{border-left:1px solid rgba(255,255,255,.28)}
.hero-perks strong{font-size:16px;font-weight:500;color:#fff;font-family:var(--head)}
.hero-perks span{font-size:14px;color:rgba(255,255,255,.85)}

/* ---------- Bölümler ---------- */
.section{padding:96px 0}
.section-alt{background:var(--bg)}
.section-head{max-width:640px;margin-bottom:48px}
.section-head h2{font-size:clamp(28px,3.4vw,40px)}
.section-head p{margin-top:12px;color:var(--muted);font-size:17px}
.pricing-note{margin-top:28px;color:var(--muted);font-size:15px}
.pricing-note a{font-weight:500}

/* Bayilik programı */
.program{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,6fr);gap:72px;align-items:center}
.program-intro h2{font-size:clamp(28px,3.4vw,40px)}
.program-intro p{margin:14px 0 28px;color:var(--muted);font-size:17px;max-width:46ch}
.program-points li{display:flex;gap:18px;padding:22px 0;border-top:1px solid var(--line)}
.program-points li:last-child{border-bottom:1px solid var(--line)}
.program-points .ic{color:var(--accent);margin-top:2px}
.program-points strong{display:block;font-size:18px;font-weight:500;font-family:var(--head)}
.program-points span{display:block;margin-top:3px;color:var(--muted)}
.flow-title{margin:72px 0 28px;font-size:20px;font-weight:500;font-family:var(--head)}
.flow{display:grid;grid-template-columns:repeat(4,1fr);gap:28px}
.flow li{position:relative;padding-top:22px;border-top:2px solid var(--line)}
.flow li::before{content:"";position:absolute;left:0;top:-2px;width:44px;height:2px;background:var(--accent)}
.flow-n{display:block;margin-bottom:6px;font-size:14px;font-weight:500;color:var(--accent);font-family:var(--head)}
.flow strong{display:block;font-size:18px;font-weight:500;font-family:var(--head)}
.flow p{margin-top:8px;color:var(--muted);font-size:15.5px}
.flow-3{grid-template-columns:repeat(3,1fr);gap:36px}

/* Kategori galerisi: satır bazlı büyük başlık + mini galeri */
.cat-list{border-top:1px solid var(--line)}
.cat-row{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:48px;align-items:center;padding:34px 0;border-bottom:1px solid var(--line)}
.cat-text h3{font-size:clamp(32px,4.2vw,54px);font-weight:400;letter-spacing:-.025em;line-height:1.05}
.cat-text p{margin-top:10px;color:var(--muted);font-size:17px}
.cat-photos{display:flex;justify-content:flex-end;gap:14px}
.cat-row--text{grid-template-columns:minmax(0,1fr)}
.cat-ph{display:block;flex:0 0 calc((100% - 28px) / 3);aspect-ratio:4/3;overflow:hidden;border-radius:6px;background:var(--line)}
.cat-photos .cat-ph:only-child{flex-basis:62%;aspect-ratio:16/7}
.cat-ph--solid{position:relative;background:color-mix(in srgb,var(--accent) calc(100% - var(--i) * 6%),#fff)}
.cat-glyph{position:absolute;left:50%;top:50%;width:clamp(44px,6vw,64px);height:clamp(44px,6vw,64px);transform:translate(-50%,-50%);opacity:.9}
.cat-ph-img{display:block;width:100%;height:100%;object-fit:cover}

/* Paketler */
.pkg-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;align-items:stretch}
.pkg{display:flex;flex-direction:column;padding:32px 28px 28px;background:#fff;border:1px solid var(--line);border-radius:8px}
.pkg.popular{border:2px solid var(--accent);padding:31px 27px 27px}
.pkg-top{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px}
.pkg-top h3{font-size:22px}
.pkg-flag{font-size:13px;font-weight:500;color:var(--accent)}
.pkg-period{margin-top:4px;color:var(--muted);font-size:15px}
.price{display:flex;align-items:baseline;flex-wrap:wrap;gap:4px 12px;margin-top:22px}
.price-now{font-size:46px;font-weight:400;letter-spacing:-.03em;line-height:1;color:var(--text);font-family:var(--head)}
.price-now .cur{font-size:.55em;font-weight:500;margin-right:3px;letter-spacing:0}
.price-old{font-size:17px;color:var(--muted)}
.pkg-desc{margin-top:14px;color:var(--muted);font-size:15px}
.pkg-list{margin-top:18px;display:grid;gap:11px}
.pkg-list li{display:flex;gap:11px;align-items:flex-start;font-size:15px;line-height:1.45}
.pkg-list .ic{width:18px;height:18px;margin-top:2px;color:var(--accent);stroke-width:2.4}
.pkg-more{margin-top:10px}
.pkg-more summary{display:inline-flex;align-items:center;min-height:44px;cursor:pointer;font-size:15px;font-weight:500;color:var(--accent);list-style:none}
.pkg-more summary::-webkit-details-marker{display:none}
.pkg-more summary::after{content:"";width:7px;height:7px;margin:-3px 0 0 10px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg);transition:transform .25s}
.pkg-more[open] summary::after{transform:rotate(-135deg);margin-top:3px}
.pkg-more .pkg-list{margin-top:4px}
.price-note{margin-top:16px;font-size:14px;color:var(--muted)}
.pkg .btn{margin-top:auto}
.pkg .pkg-list+.btn,.pkg .pkg-more+.btn,.pkg .price-note+.btn{margin-top:26px}

#blog .center{margin-top:36px}

/* Blog kartları */
.post-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.post-card{display:flex;flex-direction:column;background:#fff;border:1px solid var(--line);border-radius:8px;overflow:hidden;color:inherit;text-decoration:none;transition:border-color .2s}
.post-card:hover{border-color:var(--accent)}
.post-thumb{aspect-ratio:16/9;overflow:hidden;background:var(--bg)}
.post-thumb img{width:100%;height:100%;object-fit:cover;display:block}
.post-thumb.ph{display:flex;align-items:center;justify-content:center;background:var(--bg);color:var(--muted);font-size:14px;font-weight:500}
.post-body{display:flex;flex-direction:column;flex:1;padding:22px 22px 20px}
.tag{align-self:flex-start;margin-bottom:10px;font-size:13.5px;font-weight:500;color:var(--accent)}
.post-body h3,.post-title{font-size:19px;font-weight:500;line-height:1.35;letter-spacing:-.01em;font-family:var(--head)}
.post-body p{margin:10px 0 18px;color:var(--muted);font-size:15px}
.post-meta{margin-top:auto;display:flex;flex-wrap:wrap;gap:6px 16px;font-size:13.5px;color:var(--muted)}
.post-card:hover h3,.post-card:hover .post-title{color:var(--accent)}

/* ---------- CTA satırı ve footer ---------- */
.cta-line{border-top:1px solid var(--line);padding:44px 0}
.cta-row{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:24px}
.cta-row h2{font-size:clamp(22px,2.6vw,28px)}
.cta-row p{margin-top:6px;color:var(--muted)}
.cta-actions{display:flex;flex-wrap:wrap;gap:12px}
.site-footer{background:var(--bg);border-top:1px solid var(--line);padding-top:60px;font-size:15px}
.footer-top{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,8fr);gap:56px}
.footer-brand p{margin-top:18px;color:var(--muted);max-width:36ch}
.footer-cols{display:grid;grid-template-columns:repeat(3,1fr);gap:32px}
.footer-cols h3{font-size:15px;font-weight:500;margin-bottom:14px}
.footer-cols ul{display:grid;gap:2px}
.footer-cols a,.footer-cols span{display:inline-block;padding:5px 0;color:var(--muted);text-decoration:none;overflow-wrap:anywhere}
.footer-cols a:hover{color:var(--accent)}
.footer-bottom{display:flex;flex-wrap:wrap;gap:8px 28px;margin-top:48px;padding-top:22px;padding-bottom:28px;border-top:1px solid var(--line);color:var(--muted);font-size:14px}
.footer-bottom .footer-legal{margin-left:auto}
.footer-legal a,.link-btn{color:inherit;text-decoration:underline;text-underline-offset:3px}
.footer-legal .link-btn{margin-left:18px}
.link-btn{background:none;border:0;padding:0;font:inherit;cursor:pointer}
.link-btn:hover,.footer-legal a:hover{color:var(--accent)}

/* ---------- İç sayfa başlığı ---------- */
.page-hero{padding:56px 0 48px;background:var(--bg);border-bottom:1px solid var(--line)}
.page-hero h1{font-size:clamp(30px,4.2vw,46px);max-width:22ch}
.page-hero .lede{margin-top:14px;max-width:56ch;color:var(--muted);font-size:18px}
.breadcrumb{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:22px;font-size:14px;color:var(--muted)}
.breadcrumb li+li::before{content:"/";margin-right:8px;opacity:.55}
.breadcrumb a{color:var(--muted);text-decoration:none}
.breadcrumb a:hover{color:var(--accent)}

/* ---------- Bayilik sayfası ---------- */
.dealer-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,340px),1fr));gap:28px;align-items:stretch}
.dealer-grid.single{max-width:560px}
.dealer-card{display:flex;flex-direction:column;padding:34px 32px 32px;background:#fff;border:1px solid var(--line);border-radius:8px}
.dealer-card.popular{border:2px solid var(--accent);padding:33px 31px 31px}
.dealer-top{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px;min-height:24px;font-size:14px}
.dealer-region{font-weight:500;color:var(--muted)}
.dealer-card h3{margin-top:10px;font-size:28px}
.dealer-desc{margin-top:8px;color:var(--muted)}
.dealer-price{margin-top:24px;padding:20px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.dealer-price small{font-size:14px;color:var(--muted)}
.dealer-price .price{margin-top:8px}
.dealer-feats{margin:4px 0 28px}
.dealer-feats li{display:grid;grid-template-columns:24px 1fr;column-gap:14px;align-items:center;padding:14px 0;border-bottom:1px solid var(--line)}
.dealer-feats .ic{grid-row:1/3;color:var(--accent);align-self:center}
.dealer-feats strong{font-weight:500;font-size:16px;line-height:1.3;font-family:var(--head)}
.dealer-feats span{color:var(--muted);font-size:14.5px;line-height:1.3}
.dealer-card .btn{margin-top:auto}
.empty{text-align:center;color:var(--muted);padding:60px 0}

/* ---------- Kurulum ---------- */
.tabs{display:grid;grid-template-columns:repeat(6,1fr);border:1px solid var(--line);border-radius:8px;overflow:hidden;background:#fff}
.tab{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;min-height:88px;padding:12px 8px;border:0;border-right:1px solid var(--line);background:#fff;color:var(--text);font:500 14.5px/1.25 var(--font);cursor:pointer;text-align:center;transition:background-color .2s,color .2s}
.tab:last-child{border-right:0}
.tab .ic{width:26px;height:26px;color:var(--muted)}
.tab:hover{background:var(--bg)}
.tab[aria-selected=true]{background:var(--accent);color:#fff}
.tab[aria-selected=true] .ic{color:#fff}
.setup{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,4fr);gap:64px;margin-top:48px;align-items:start}
.panel h2{font-size:clamp(24px,2.8vw,32px);margin-bottom:28px}
.panel:not([hidden]){animation:panel-in .35s ease}
@keyframes panel-in{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
.step-list{counter-reset:s}
.step-list li{position:relative;padding:0 0 30px 64px;counter-increment:s}
.step-list li::before{content:counter(s);position:absolute;left:0;top:0;width:40px;height:40px;display:grid;place-items:center;border-radius:6px;background:var(--accent);color:#fff;font-weight:500;font-size:17px;font-family:var(--head)}
.step-list li::after{content:"";position:absolute;left:19px;top:48px;bottom:8px;width:2px;background:var(--line)}
.step-list li:last-child{padding-bottom:0}
.step-list li:last-child::after{display:none}
.step-list strong{display:block;font-size:18px;font-weight:500;line-height:1.35;padding-top:7px;font-family:var(--head)}
.step-list span{display:block;margin-top:5px;color:var(--muted)}
.setup-side{position:sticky;top:100px;padding:28px;border:1px solid var(--line);border-radius:8px}
.setup-side h2{font-size:20px;margin-bottom:6px}
.setup-side li{display:flex;gap:14px;padding:16px 0;border-bottom:1px solid var(--line)}
.setup-side li .ic{color:var(--accent);margin-top:2px}
.setup-side li strong{display:block;font-weight:500;font-size:16px;font-family:var(--head)}
.setup-side li span{display:block;margin-top:2px;color:var(--muted);font-size:14.5px}
.setup-help{margin:20px 0 16px;color:var(--muted);font-size:15px}

/* ---------- İletişim ---------- */
.channels-wrap{border-bottom:1px solid var(--line)}
.channels{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}
.channels li{display:flex;gap:14px;align-items:flex-start;padding:28px 24px;border-left:1px solid var(--line)}
.channels li:first-child{border-left:0;padding-left:0}
.channels .ic{color:var(--accent);margin-top:2px}
.channels strong{display:block;font-weight:500}
.channels a,.channels span{display:block;margin-top:2px;color:var(--muted);text-decoration:none;overflow-wrap:anywhere}
.channels a:hover{color:var(--accent)}
.contact-grid{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:64px;align-items:start}
.form-card h2,.faq-col h2{font-size:24px;margin-bottom:24px}
.form-row{display:grid;grid-template-columns:1fr 1fr;gap:0 18px}
.field{margin-bottom:18px}
.field label{display:block;font-size:14.5px;font-weight:500;margin-bottom:7px}
.field input,.field select,.field textarea{width:100%;padding:13px 14px;border:1px solid #c3ccd7;border-radius:6px;font:400 16px var(--font);color:var(--text);background:#fff;transition:border-color .2s,box-shadow .2s}
.field textarea{min-height:150px;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) 16%,transparent)}
.hint{margin-top:7px;font-size:13.5px;color:var(--muted)}
.hp{position:absolute;left:-9999px;opacity:0;height:0;overflow:hidden}
.alert{padding:14px 16px;border-radius:6px;margin-bottom:22px;font-size:15px}
.alert-ok{background:#eaf6ef;border:1px solid #b8dfc7;color:#155d38}
.alert-err{background:#fbeceb;border:1px solid #f0c4c0;color:#8a2a20}
.faq{border-top:1px solid var(--line)}
.faq details{border-bottom:1px solid var(--line)}
.faq summary{display:flex;justify-content:space-between;align-items:center;gap:16px;min-height:56px;padding:12px 0;cursor:pointer;font-weight:500;list-style:none}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"";flex:none;width:8px;height:8px;border-right:2px solid var(--muted);border-bottom:2px solid var(--muted);transform:rotate(45deg);transition:transform .25s}
.faq details[open] summary::after{transform:rotate(-135deg)}
.faq details[open] summary{color:var(--accent)}
.faq .answer{padding:0 0 18px;color:var(--muted);font-size:15.5px}

/* ---------- Blog listesi / yazı ---------- */
.blog-tools{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px;margin-bottom:36px}
.chips{display:flex;flex-wrap:wrap;gap:8px}
.chip{display:inline-flex;align-items:center;min-height:44px;padding:0 18px;border:1px solid var(--line);border-radius:6px;background:#fff;color:var(--text);font-size:14.5px;font-weight:500;text-decoration:none;transition:border-color .2s,color .2s}
.chip:hover{border-color:var(--accent);color:var(--accent)}
.chip[aria-current=page]{background:var(--accent);border-color:var(--accent);color:#fff}
.search{display:flex;gap:8px}
.search input{padding:0 14px;min-height:44px;border:1px solid #c3ccd7;border-radius:6px;font:400 15px var(--font);min-width:0;flex:1;background:#fff}
.search input:focus{outline:0;border-color:var(--accent)}
.search-info{margin-bottom:24px;color:var(--muted)}
.pager{display:flex;justify-content:center;gap:8px;margin-top:44px}
.pager a,.pager span{min-width:44px;height:44px;padding:0 14px;display:grid;place-items:center;border-radius:6px;border:1px solid var(--line);background:#fff;text-decoration:none;font-weight:500;font-size:14.5px;color:var(--text)}
.pager [aria-current]{background:var(--accent);color:#fff;border-color:var(--accent)}
.pager a:hover{border-color:var(--accent)}
.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:6px 22px;margin-top:20px;font-size:14.5px;color:var(--muted)}
.post-section{padding-top:56px}
.post-cover{margin:0 0 40px}
.post-cover img{display:block;width:100%;height:auto;border-radius:8px;background:var(--bg)}
.prose{font-size:17px;line-height:1.8;color:#27323f}
.prose h2{font-size:27px;margin:2em 0 .6em;scroll-margin-top:96px}
.prose h3{font-size:21px;margin:1.7em 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(--accent)}
.prose a{font-weight:500}
.prose strong{color:var(--text)}
.prose>:first-child{margin-top:0}
.prose img{max-width:100%;height:auto;border-radius:8px;display:block;margin:0 auto}
.prose table{display:block;width:100%;overflow-x:auto;border-collapse:collapse;margin:1.8em 0;font-size:15px;line-height:1.5}
.prose th,.prose td{padding:12px 14px;border:1px solid var(--line);text-align:left;vertical-align:top}
.prose th{background:var(--bg);font-weight:500;font-family:var(--head)}
.prose blockquote{margin:1.6em 0;padding:4px 0 4px 20px;border-left:3px solid var(--accent);color:var(--muted)}
.post-cta{margin-top:48px;padding:30px;border:1px solid var(--line);border-radius:8px}
.post-cta h2{font-size:22px}
.post-cta p{margin:8px 0 20px;color:var(--muted)}
.aside-card{position:sticky;top:100px;display:grid;gap:18px}
.toc,.aside-cta{border:1px solid var(--line);border-radius:8px;padding:22px}
.toc h2,.aside-cta h2{font-size:17px;margin-bottom:12px}
.toc ol{display:grid;gap:2px;font-size:14.5px}
.toc a{display:block;padding:7px 10px;border-radius:6px;text-decoration:none;color:var(--text);line-height:1.4}
.toc a:hover{background:var(--bg);color:var(--accent)}
.aside-cta p{font-size:15px;color:var(--muted);margin-bottom:16px}
.related{margin-top:72px}
.related h2{font-size:26px;margin-bottom:24px}

/* ---------- Kampanyalar ---------- */
.camp-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}
.camp-card{display:flex;flex-direction:column;background:#fff;border:1px solid var(--line);border-radius:8px;overflow:hidden}
.camp-media{aspect-ratio:1200/630;background:var(--bg)}
.camp-media img{width:100%;height:100%;object-fit:cover;display:block}
.camp-body{padding:24px 26px 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:22px;line-height:1.3}
.camp-body p{color:var(--muted);margin-bottom:6px}
.camp-body .btn{margin-top:auto}
.ann-date,.ann-countdown--inline{border-radius:6px}
.camp-empty{max-width:640px;margin:0 auto;text-align:center;border:1px solid var(--line);border-radius:8px;padding:40px 28px}
.camp-empty h2{font-size:24px;margin-bottom:10px}
.camp-empty p{color:var(--muted)}
.camp-empty .hero-actions{margin-top:24px}

/* ---------- Yasal / 404 / pencere ---------- */
.container.legal>*{max-width:820px}
.legal h2{font-size:22px;margin:36px 0 10px}
.legal p,.legal li{color:#3a4654}
.legal ul{list-style:disc;padding-left:1.3em}
.legal table{width:100%;border-collapse:collapse;margin:14px 0 8px;font-size:14.5px}
.legal th,.legal td{text-align:left;padding:12px 14px;border:1px solid var(--line);vertical-align:top}
.legal th{background:var(--bg);font-weight:500;font-family:var(--head)}
.legal code{font-size:13.5px;background:var(--bg);padding:2px 6px;border-radius:4px}
.legal-meta{color:var(--muted);font-size:14.5px}
.notfound{text-align:center;padding:110px 0}
.notfound .code{font-size:clamp(76px,15vw,150px);font-weight:400;color:var(--accent);letter-spacing:-.04em;line-height:1;font-family:var(--head)}
.notfound h1{font-size:30px;margin:14px 0 10px}
.notfound p{color:var(--muted);margin-bottom:30px}
.notfound .hero-actions{margin-top:0}
body.modal-open{overflow:hidden}
.modal-backdrop{position:fixed;inset:0;z-index:3000;display:grid;place-items:center;padding:20px;background:rgba(20,32,46,.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:8px;padding:38px 32px 30px;text-align:center;box-shadow:0 24px 60px rgba(20,32,46,.25)}
.modal h2{font-size:24px;margin-bottom:10px}
.modal p{color:var(--muted);margin:0 0 26px}
.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:#cdeadb;fill:#eaf6ef}
.modal-check circle.ring{stroke:#1a7a52;fill:none;stroke-dasharray:151;stroke-dashoffset:151;animation:m-draw .7s .15s ease forwards}
.modal-check path{stroke:#155d38;stroke-dasharray:44;stroke-dashoffset:44;animation:m-draw .45s .7s ease forwards}
@keyframes m-fade{from{opacity:0}to{opacity:1}}
@keyframes m-draw{to{stroke-dashoffset:0}}

/* ---------- Çerez kartı: alt orta, beyaz, perdesiz (çekirdeği ezer) ---------- */
.cookie-bar{padding:0 12px 24px}
.cookie-bar .cookie-card{box-sizing:border-box;max-width:460px;background:#fff;color:var(--text);border:1px solid var(--line);border-radius:8px;padding:18px 20px;box-shadow:0 10px 32px rgba(20,32,46,.14);font-size:14px;line-height:1.5}
.cookie-bar a{color:var(--accent)}
.cookie-bar .cookie-actions{justify-content:flex-end}
.cookie-bar .ck-btn{min-height:44px;border-radius:6px;border:1px solid #c3ccd7;color:var(--text);background:#fff;font-weight:500}
.cookie-bar .ck-btn:hover{border-color:var(--accent);color:var(--accent)}
.cookie-bar .ck-btn--primary{background:var(--accent);border-color:var(--accent);color:#fff}
.cookie-bar .ck-btn--primary:hover{background:var(--accent-hover);border-color:var(--accent-hover);color:#fff;filter:none}

/* ---------- Kaydırınca beliren öğeler (yalnız JS varken) ---------- */
html.js .reveal{opacity:0;transform:translateY(14px);transition:opacity .55s ease,transform .55s ease}
html.js .reveal.is-visible{opacity:1;transform:none}

/* ---------- Duyarlı ---------- */
@media (max-width:1099px){
  .header-row{gap:0}
  .menu-btn{display:inline-flex}
  .header-cta{display:none}
  .nav{position:fixed;top:0;right:0;bottom:0;z-index:410;width:min(86vw,340px);margin:0;flex-direction:column;align-items:stretch;gap:0;padding:84px 24px 28px;background:#fff;border-left:1px solid var(--line);box-shadow:-12px 0 32px rgba(20,32,46,.1);transform:translateX(105%);visibility:hidden;transition:transform .3s cubic-bezier(.3,.8,.3,1),visibility 0s .3s;overflow-y:auto}
  .nav.open{transform:none;visibility:visible;transition:transform .3s cubic-bezier(.3,.8,.3,1),visibility 0s}
  .nav a{min-height:54px;padding:0 4px;font-size:17px;border-bottom:1px solid var(--line)}
  .nav a::after{display:none}
  .nav .nav-wa{display:inline-flex;gap:10px;justify-content:center;margin-top:24px;min-height:50px;border:0;border-radius:6px;background:var(--accent);color:#fff;font-weight:500;font-size:16px}
}
@media (max-width:1023px){
  .section{padding:80px 0}
  .program{grid-template-columns:1fr;gap:40px}
  .flow{grid-template-columns:repeat(2,1fr)}
  .flow-3{grid-template-columns:1fr}
  .post-grid{grid-template-columns:repeat(2,1fr)}
  .footer-top{grid-template-columns:1fr;gap:36px}
  .setup{grid-template-columns:1fr;gap:40px}
  .setup-side{position:static}
  .contact-grid{grid-template-columns:1fr;gap:48px}
  .article-wrap{grid-template-columns:minmax(0,1fr)}
  .aside-card{position:static}
  .tabs{grid-template-columns:repeat(3,1fr)}
  .tab:nth-child(3){border-right:0}
  .tab:nth-child(-n+3){border-bottom:1px solid var(--line)}
  .pkg{padding:26px 20px 22px}
  .pkg.popular{padding:25px 19px 21px}
  .price-now{font-size:38px}
  .pkg-top h3{font-size:20px}
}
@media (max-width:767px){
  .container{padding:0 20px}
  .header-row{height:64px}
  .logo-mark{width:38px;height:38px}
  .logo-word{font-size:16px}
  .hero{min-height:max(600px,86svh)}
  .hero-main{padding-top:44px;padding-bottom:32px}
  .hero-actions{width:100%;flex-direction:column;align-items:center;gap:12px}
  .hero-actions .btn{width:100%;max-width:340px}
  .hero-perks li{padding:16px 6px 18px}
  .hero-perks strong{font-size:14px}
  .hero-perks span{display:none}
  .section{padding:64px 0}
  .section-head{margin-bottom:32px}
  .flow-title{margin-top:56px}
  .flow{grid-template-columns:1fr;gap:0}
  .flow li{padding:18px 0 20px 56px;border-top:0;border-bottom:1px solid var(--line)}
  .flow li::before{display:none}
  .flow-n{position:absolute;left:0;top:18px;width:36px;height:36px;margin:0;display:grid;place-items:center;border-radius:6px;background:var(--accent);color:#fff;font-size:16px}
  .flow li:last-child{border-bottom:0}
  .flow strong{padding-top:6px}
  .cat-row{grid-template-columns:1fr;gap:18px;padding:26px 0}
  .cat-photos{gap:8px}
  .cat-ph{flex:0 0 calc((100% - 16px) / 3);aspect-ratio:1/1}
  .cat-photos .cat-ph:only-child{flex-basis:100%;aspect-ratio:16/8}
  .cat-photos{justify-content:flex-start}
  .pkg-grid{grid-template-columns:1fr;gap:20px}
  .pkg{padding:28px 24px 24px}
  .pkg.popular{padding:27px 23px 23px}
  .price-now{font-size:44px}
  .post-grid{grid-template-columns:1fr}
  .footer-cols{grid-template-columns:1fr 1fr}
  .footer-cols>div:last-child{grid-column:1/-1}
  .footer-bottom .footer-legal{margin-left:0}
  .page-hero{padding:40px 0 36px}
  .page-hero .lede{font-size:17px}
  .dealer-card{padding:28px 22px 24px}
  .dealer-card.popular{padding:27px 21px 23px}
  .form-row{grid-template-columns:1fr}
  .channels li{border-left:0;padding:18px 0;border-top:1px solid var(--line)}
  .channels li:first-child{border-top:0}
  .camp-grid{grid-template-columns:1fr}
  .tab{min-height:80px;font-size:13.5px}
  .setup{margin-top:36px}
  .blog-tools{flex-direction:column;align-items:stretch}
  .prose{font-size:16.5px}
  .prose h2{font-size:23px}
  .cta-actions{width:100%}
  .cta-actions .btn{flex:1}
  .cookie-bar{padding:0}
  .cookie-bar .cookie-card{max-width:none;border-radius:8px 8px 0 0;border-width:1px 0 0;padding:16px 16px 18px}
  .cookie-bar .ck-btn{flex:1}
}
@media (max-width:420px){
  .logo-word{font-size:15px}
}

@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}
  .hero-slide,.hero-text{transition:none!important}
  html.js .reveal{opacity:1;transform:none}
}

@media (max-width:767px){
  .legal table,.legal thead,.legal tbody,.legal tr,.legal th,.legal td{display:block}
  .legal thead{display:none}
  .legal table{border:0}
  .legal td{border:0;padding:3px 0}
  .legal tr{border:1px solid var(--line);border-radius:6px;padding:10px 14px;margin-bottom:10px}
}

/* Küçük ekran: çerez kartı açıkken hero eylemleri görünür kalsın */
@media (max-width:640px){
  html body:has(.cookie-bar:not([hidden])) .wa-float{display:none}
  .hero{min-height:calc(100svh - var(--header-h,64px))}
  .hero-main{justify-content:flex-start;padding-top:26px}
}
@media (max-width:640px) and (max-height:700px){.hero-lede{display:none}.hero-main .hero-actions{margin-top:22px}}

/* Bayilik paket notu */
.th-bayi-note{margin:14px 0 0;font-size:13px;line-height:1.5;color:#667085;order:99}
/* Yazı tipi: düğme, menü, etiket ve rozetler Rubik 600 */
.btn,.nav a,.nav .nav-wa,.pkg-flag,.tag,.tab,.chip,body .cookie-bar .ck-btn,.cookie-bar .ck-btn{font-family:var(--head);font-weight:500}

/* ================================================================ Bayilik odaklı yeniden tasarım (8021) ================================================================ */
:root{--oval:clamp(48px,9vw,140px);--top-gap:14px}

/* ---------- Oval üst kapsül: tam yuvarlak uçlu cam; hero üstünde yarı saydam, kaydırınca opak; iç sayfalarda baştan opak ---------- */
.site-header{position:fixed;top:var(--top-gap);left:0;right:0;width:min(1180px,calc(100% - 28px));margin-inline:auto;background:transparent;border:0;border-radius:999px;box-shadow:0 12px 28px -16px rgba(20,32,46,.55),0 0 0 1px rgba(20,32,46,.06)}
.site-header::before{content:"";position:absolute;inset:0;z-index:-1;border-radius:999px;background:rgba(255,255,255,.96);transition:background-color .35s ease}
.top-over .site-header:not(.is-scrolled)::before{background:rgba(255,255,255,.62);-webkit-backdrop-filter:blur(14px) saturate(1.3);backdrop-filter:blur(14px) saturate(1.3)}
.site-header.is-scrolled{box-shadow:0 16px 32px -16px rgba(20,32,46,.6),0 0 0 1px rgba(20,32,46,.06)}
.site-header .header-row{height:64px;padding:0 10px 0 20px;max-width:none}
.header-cta{border-radius:999px;min-height:44px}
.nav a{border-radius:999px}
.nav a::after{left:18px;right:18px;bottom:7px}
main{padding-top:calc(var(--top-gap) + 64px + 10px)}
body.top-over main{padding-top:0}
@media (max-width:1099px){.site-header .header-row{padding-left:16px}.menu-btn{background:var(--accent);color:#fff;border-radius:50%;width:46px;height:46px;margin-left:auto}}

/* ---------- Hero: alt kenar oval; sonraki bölüm ovalin altından devam eder ---------- */
.hero{z-index:2;margin-bottom:calc(var(--oval) * -1);border-radius:0 0 50% 50% / 0 0 var(--oval) var(--oval);min-height:max(620px,92svh)}
.hero-main{padding-top:120px;padding-bottom:36px}
.hero-perks-wrap{padding-bottom:calc(var(--oval) * .55)}
.hero+.dsec{padding-top:calc(var(--oval) + clamp(40px,6vw,80px))}
@media (max-width:767px){.hero-perks{grid-template-columns:1fr}.hero-perks li{padding:10px 16px}.hero-perks li+li{border-left:0;border-top:1px solid rgba(255,255,255,.2)}}

/* ---------- Omurga D: her bölüm yaklaşık bir ekran, sol/sağ split, yapışkan başlık ---------- */
.dsec{padding:clamp(56px,8vw,104px) 0}
.dsec-alt{background:var(--bg)}
@media (min-width:900px){.dsec{min-height:min(100svh,900px);display:flex;align-items:center}.dsec>.container{width:100%}}
.dsplit{display:grid;gap:clamp(28px,5vw,80px);align-items:start}
@media (min-width:900px){.dsplit{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr)}.dsec-flip .dsplit{grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr)}.dsec-flip .dside{order:2}.dside{position:sticky;top:110px}}
.deyebrow{font:500 14px var(--head);letter-spacing:.08em;text-transform:uppercase;color:var(--accent);margin-bottom:12px}
.dside h2{font-size:clamp(32px,4vw,52px);line-height:1.08}
.dlead{margin:16px 0 26px;font-size:18px;color:var(--muted);max-width:40ch}
.dlist{display:grid;gap:14px}
.dlist li{display:flex;gap:18px;padding:26px 28px;border:1px solid var(--line);border-radius:14px;background:#fff}
.dlist .ic{color:var(--accent);margin-top:3px}
.dlist h3{font-size:22px;margin-bottom:6px}
.dlist p{color:var(--muted)}
.dqs{display:grid;list-style:none;counter-reset:none}
.dqs li{padding:clamp(22px,3vw,34px) 0;border-top:1px solid var(--line)}
.dqs li:last-child{border-bottom:1px solid var(--line)}
.dqs h3{font-size:clamp(24px,2.8vw,34px);margin-bottom:10px}
.dqs p{max-width:48ch;font-size:17px;color:var(--muted)}
.dsplit-plan{align-items:center}
.plan-kick{font:500 14px var(--head);color:var(--muted);margin-bottom:6px;display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.plan-kick span{padding:3px 10px;border-radius:999px;background:var(--accent);color:var(--on-accent);font-size:12px}
.plan-big{padding:clamp(26px,3.4vw,44px);border:2px solid var(--accent);border-radius:18px;background:#fff;box-shadow:0 30px 60px -40px rgba(20,32,46,.45)}
.plan-big h3,.bplan h2{font-size:clamp(30px,3.4vw,42px)}
.plan-big-price{display:flex;flex-direction:column;margin:16px 0 8px}
.plan-big-price small{font-size:14px;color:var(--muted)}
.plan-big-price>span{font:400 clamp(54px,6vw,80px)/1 var(--head);letter-spacing:-.03em}
.plan-big-price .cur{font-size:.46em;vertical-align:.9em;margin-right:4px;letter-spacing:0}
.plan-big-price s{font-size:20px;font-weight:500;color:var(--muted)}
.plan-big-price em{font-style:normal;font-size:14.5px;color:var(--muted)}
.plan-desc{color:var(--muted);margin-bottom:16px}
.plan-feats{display:grid;grid-template-columns:1fr 1fr;gap:12px 24px;margin:18px 0 20px}
.plan-feats li{display:flex;gap:10px}
.plan-feats .ic{width:18px;height:18px;margin-top:3px;color:var(--accent);stroke-width:2.4}
.plan-feats b{font-family:var(--head);font-weight:500;display:block}
.plan-feats small{display:block;color:var(--muted);font-size:14.5px}
.plan-more summary{cursor:pointer;min-height:44px;display:inline-flex;align-items:center;font:500 15px var(--head);color:var(--accent)}
.plan-big .btn{margin-top:14px}
@media (max-width:560px){.plan-feats{grid-template-columns:1fr}}
.plan-mini{margin-top:26px;padding:22px 24px;border:1px solid var(--line);border-radius:14px;background:#fff}
.plan-mini h3{font-size:24px;margin-bottom:8px}
.plan-mini-price{display:flex;flex-direction:column;font:400 44px/1.05 var(--head);margin-bottom:14px}
.plan-mini-price .cur{font-size:.46em;vertical-align:.9em;margin-right:3px}
.plan-mini-price em{font-style:normal;font:400 14.5px var(--font);color:var(--muted);margin-top:4px}
.dqa{display:grid}
.dqa>div{padding:20px 0;border-top:1px solid var(--line)}
.dqa>div:last-child{border-bottom:1px solid var(--line)}
.dqa dt{font:500 19px var(--head)}
.dqa dd{margin:6px 0 0;color:var(--muted)}
.ddev{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.ddev li{display:flex;align-items:center;gap:14px;padding:18px 20px;border:1px solid var(--line);border-radius:12px;background:#fff;font:500 16px var(--head)}
.ddev .ic{color:var(--accent)}
.dcity-t{margin:36px 0 14px;font-size:24px}
.dcity{display:flex;flex-wrap:wrap;gap:4px 0;font:400 clamp(22px,3vw,34px)/1.3 var(--serif)}
.dcity li:not(:last-child)::after{content:"";display:inline-block;width:8px;height:8px;margin:0 clamp(10px,1.6vw,20px);border-radius:50%;background:var(--accent);vertical-align:middle}
@media (max-width:560px){.ddev{grid-template-columns:1fr}}
.apply{padding:clamp(48px,6vw,84px) 0;background:var(--accent);color:var(--on-accent)}
.apply-in{display:flex;align-items:center;justify-content:space-between;gap:28px;flex-wrap:wrap}
.apply h2{color:#fff;font-size:clamp(28px,3.6vw,44px)}
.apply p{margin-top:10px;max-width:46ch;font-size:18px;color:rgba(255,255,255,.92)}
.apply .btn-light{background:#fff;color:var(--accent);border-color:#fff}
.apply .btn-light:hover{background:var(--bg)}

/* ---------- Bayilik sayfası: Türkiye planı büyük ---------- */
.bplans{display:grid;gap:24px;align-items:start}
@media (min-width:960px){.bplans{grid-template-columns:minmax(0,1.5fr) minmax(0,1fr)}}
.bplan{padding:clamp(24px,3vw,38px);border:1px solid var(--line);border-radius:18px;background:#fff}
.bplan-big{border:2px solid var(--accent);box-shadow:0 30px 60px -40px rgba(20,32,46,.45)}
.bplan-feats{margin:20px 0 18px;display:grid;gap:14px 24px}
@media (min-width:560px){.bplan-big .bplan-feats{grid-template-columns:1fr 1fr}}
.bplan-feats dt{display:flex;align-items:center;gap:8px;font:500 16px var(--head)}
.bplan-feats dt .ic{width:18px;height:18px;color:var(--accent)}
.bplan-feats dd{margin:2px 0 0 26px;font-size:14.5px;color:var(--muted)}
.bplan .btn{margin-top:10px}

/* ---------- Kurulum: merdiven ---------- */
.prereq{display:grid;gap:20px}
@media (min-width:800px){.prereq{grid-template-columns:repeat(3,1fr);gap:32px}}
.prereq li{display:flex;gap:14px;align-items:flex-start}
.prereq .ic{color:var(--accent);margin-top:3px}
.prereq h2{font-size:19px;margin-bottom:4px;font-family:var(--head)}
.prereq p{font-size:15.5px;color:var(--muted)}
.stairs{position:relative;display:grid;gap:18px;list-style:none}
.stair{display:grid;grid-template-columns:96px minmax(0,1fr);gap:0 20px;margin-left:calc(var(--k) * clamp(0px,4.2vw,56px));padding:22px 26px 22px 0;background:#fff;border:1px solid var(--line);border-left:5px solid var(--accent);border-radius:0 14px 14px 0;position:relative}
.stair-cap{display:flex;flex-direction:column;align-items:center;gap:8px;padding-left:14px}
.stair-n{font:400 44px/1 var(--head);color:var(--accent)}
.stair-cap .ic{color:var(--muted)}
.stair h3{font-size:clamp(24px,2.6vw,32px);margin-bottom:12px}
.stair-steps{display:grid;gap:12px;counter-reset:s}
.stair-steps li{padding-left:26px;position:relative;counter-increment:s}
.stair-steps li::before{content:counter(s);position:absolute;left:0;top:1px;font:500 14px var(--head);color:var(--accent)}
.stair-steps strong{font-family:var(--head);font-weight:500}
.stair-steps p{color:var(--muted);font-size:15.5px}
@media (max-width:640px){.stair{grid-template-columns:1fr;margin-left:calc(var(--k) * 6px);padding:18px 16px}.stair-cap{flex-direction:row;padding-left:0;margin-bottom:8px}.stair-n{font-size:34px}}
.narrow-c{max-width:860px}
.faq-t{margin-bottom:24px}

/* ---------- İletişim: mesaj önizlemeli form ---------- */
.preview-grid{display:grid;gap:28px;align-items:start}
@media (min-width:960px){.preview-grid{grid-template-columns:minmax(0,1.25fr) minmax(0,.75fr)}.preview{position:sticky;top:110px}.channels-col{grid-column:1/-1}}
.preview{padding:22px;border:1px solid var(--line);border-radius:16px;background:var(--bg)}
.preview[hidden]{display:none}
.preview-t{font:500 14px var(--head);color:var(--muted);margin-bottom:12px}
.phone{border:6px solid color-mix(in srgb,var(--text) 45%,#fff);border-radius:26px;background:#e9eef4;overflow:hidden;margin-bottom:16px}
.phone-bar{height:26px;background:var(--accent)}
.phone-body{min-height:200px;padding:18px 14px;display:flex;align-items:flex-start;justify-content:flex-end}
.bubble{max-width:88%;padding:12px 14px;border-radius:14px 14px 4px 14px;background:#fff;box-shadow:0 2px 6px rgba(20,32,46,.12);font-size:15px;white-space:pre-wrap;overflow-wrap:anywhere}
.channels-col{display:grid;gap:14px;margin:0}
@media (min-width:700px){.channels-col{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}}
.top-over .site-header:not(.is-scrolled)::before{background:rgba(255,255,255,.82)}
@media (max-width:1099px){.nav a{border-radius:0}}
.plan-mini-price{display:block}.plan-mini-price em{display:block}

/* ===== Düzenleme 2: WhatsApp, Sayılarla Biz, cihaz logoları ===== */

/* WhatsApp yüzen buton: sitenin vurgu rengi, keskin kurumsal köşe, Rubik yazı */
.wa-float{--c-wa:var(--accent);font-family:var(--head)}
.wa-btn{border-radius:12px;background:var(--accent);box-shadow:0 8px 22px rgba(20,32,46,.22);transition:transform .2s,background-color .2s,box-shadow .2s}
.wa-btn::before,.wa-btn::after{border-radius:12px;border-color:var(--accent)}
.wa-float:hover .wa-btn,.wa-float:focus-visible .wa-btn{background:var(--accent-hover);transform:translateY(-3px);box-shadow:0 12px 26px rgba(20,32,46,.28)}
.wa-float:focus-visible{outline:2px solid var(--accent);outline-offset:4px;border-radius:12px}
.wa-bubble{border-radius:8px;border:1px solid var(--line);box-shadow:0 10px 28px rgba(20,32,46,.14);font:500 14.5px/1.3 var(--head);color:var(--text)}
.wa-bubble::after{background:#fff;border-right:1px solid var(--line);border-top:1px solid var(--line);border-radius:0 2px 0 0}
.wa-bubble b{color:var(--accent);font-weight:500}
.wa-float:hover .wa-bubble{border-color:var(--accent)}

/* Sayılarla Biz: halka göstergeler */
.stats{padding:clamp(56px,7vw,96px) 0;background:var(--bg);border-top:1px solid var(--line)}
.stats-head{text-align:center;margin-bottom:clamp(28px,4vw,48px)}
.stats-head h2{font-size:clamp(30px,3.8vw,46px)}
.stats-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}
.stat{display:flex;flex-direction:column;align-items:center;padding:28px 16px 24px;background:#fff;border:1px solid var(--line);border-radius:var(--radius,8px);text-align:center}
.stat-ring{position:relative;width:min(100%,176px);aspect-ratio:1}
.stat-ring svg{width:100%;height:100%;transform:rotate(-90deg);display:block}
.stat-ring circle{fill:none;stroke-width:7}
.ring-bg{stroke:var(--line)}
.ring-fg{stroke:var(--accent);stroke-linecap:round;stroke-dasharray:100;stroke-dashoffset:100}
html:not(.js) .ring-fg{stroke-dashoffset:15}
.stat-num{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font:400 clamp(20px,2.2vw,27px)/1 var(--head);letter-spacing:-.02em;color:var(--text);font-variant-numeric:tabular-nums}
.stat-num b{font-weight:500}
.stat-label{margin-top:16px;font:500 16px var(--head);color:var(--muted)}
@media (max-width:899px){.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:420px){.stats-grid{gap:12px}.stat{padding:20px 8px 18px}.stat-num{font-size:19px}}

/* Desteklenen cihazlar: süzülen logo kartları */
.ddev-logo{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;position:relative}
.ddev-logo::before,.ddev-logo::after{content:"";position:absolute;border-radius:50%;background:var(--accent);opacity:.07;z-index:0;pointer-events:none}
.ddev-logo::before{width:220px;height:220px;left:-60px;top:-50px}
.ddev-logo::after{width:160px;height:160px;right:-30px;bottom:-40px}
@media (max-width:899px){.ddev-logo::before{left:0}.ddev-logo::after{right:0}}
.ddev-logo li{position:relative;z-index:1;flex-direction:column;justify-content:center;gap:10px;padding:18px 12px 14px;text-align:center;border-radius:var(--radius,8px);animation:dev-float 5.5s ease-in-out infinite;animation-delay:calc(var(--d,0) * -.7s);transition:border-color .2s,box-shadow .2s;will-change:transform}
.ddev-logo img{width:96px;height:48px;max-width:100%;object-fit:contain;display:block;transition:transform .25s}
.ddev-logo span{font:500 14px/1.3 var(--head);color:var(--text)}
.ddev-logo li:hover{border-color:var(--accent);box-shadow:0 10px 24px rgba(20,32,46,.12)}
.ddev-logo li:hover img{transform:scale(1.12)}
@keyframes dev-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}
@media (max-width:560px){.ddev-logo{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.ddev-logo li{padding:14px 8px 12px}}
@media (prefers-reduced-motion:reduce){.ddev-logo li{animation:none!important}}

/* ===== 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 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 .ck-btn,html body .cookie-bar *,html body .wa-bubble,html body .wa-bubble *,html body .wa-bubble b,html body .notice,html body .notice *,html body .announce,html body .announce *,html body .prose strong,html body .prose b,html body .prose th,html body .prose h2,html body .prose h3,html body .prose h4,html body .field label{font-weight:500}
html body h1,html body h2,html body h3,html body h4{font-weight:400;letter-spacing:-.015em}
html body .hero-title,html body .hero h1{font-weight:400;letter-spacing:-.02em;line-height:1.1}
html body .prose strong,html body .prose b{color:var(--text)}
html body .tag,html body .pkg-flag,html body .deyebrow{letter-spacing:.06em}

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