/* Almanya IPTV Plus teması. Renkler theme/palette.php'den gelir (var(--accent) vb.).
   Yazı tipleri: başlıklar Source Serif 4 600, düğme/menü/fiyat/etiket Rubik 600, gövde Nunito Sans. */
:root{
  --head:'Rubik',var(--font);
  --serif:Poppins,'Nunito Sans',system-ui,sans-serif;
  --wrap:1180px;--gut:24px;
  --ease:cubic-bezier(.2,.7,.2,1);
  --hdr:84px;
  --err:#b42318;
  --shadow:0 14px 40px color-mix(in srgb,var(--ink) 12%,transparent);
}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{margin:0;background:var(--card);color:var(--text);font-family:var(--font);font-size:17px;line-height:1.65;-webkit-font-smoothing:antialiased;overflow-x:hidden}
img,svg{max-width:100%}
img{display:block;height:auto}
a{color:var(--accent);text-underline-offset:3px}
a:hover{color:var(--accent-hover)}
h1,h2,h3,h4{font-family:var(--serif);font-weight:400;color:var(--ink);letter-spacing:-.012em;line-height:1.2;margin:0;overflow-wrap:anywhere}
h1{font-size:clamp(2rem,4.6vw,3.3rem)}
h2{font-size:clamp(1.65rem,3.2vw,2.35rem)}
h3{font-size:1.25rem}
p{margin:0}
ul,ol{margin:0;padding:0;list-style:none}
:target{scroll-margin-top:calc(var(--hdr) + 16px)}
:focus-visible{outline:3px solid var(--accent);outline-offset:3px;border-radius:4px}
.wrap{width:100%;max-width:calc(var(--wrap) + var(--gut)*2);margin:0 auto;padding:0 var(--gut)}
.wrap-read{width:100%;max-width:calc(760px + var(--gut)*2);margin:0 auto;padding:0 var(--gut)}
.ic{width:1.2em;height:1.2em;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;flex:none}
.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.skip{position:absolute;left:12px;top:-60px;z-index:999;background:var(--accent);color:var(--on-accent);padding:10px 16px;border-radius:8px;font-family:var(--head);font-weight:500}
.skip:focus{top:12px}
.hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.link-btn{background:none;border:0;padding:0;font:inherit;color:inherit;cursor:pointer;text-decoration:underline;text-underline-offset:3px}
.link-btn:hover{color:var(--accent)}
.link-btn--inline{color:var(--accent)}
.actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:24px}

/* ---------- Düğmeler ---------- */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:46px;padding:0 22px;border:1.5px solid transparent;border-radius:var(--radius);font-family:var(--head);font-weight:500;font-size:15px;line-height:1.2;text-decoration:none;cursor:pointer;transition:background-color .25s,border-color .25s,color .25s,transform .25s var(--ease),box-shadow .25s}
.btn:hover{transform:translateY(-2px)}
.btn-sm{min-height:44px;padding:0 18px;font-size:14.5px}
.btn-lg{min-height:54px;padding:0 28px;font-size:16px}
.btn-block{display:flex;width:100%}
.btn-accent{background:var(--accent);color:var(--on-accent)}
.btn-accent:hover{background:var(--accent-hover);color:var(--on-accent);box-shadow:0 8px 20px color-mix(in srgb,var(--accent) 28%,transparent)}
.btn-wa{background:var(--wa);color:var(--on-accent)}
.btn-wa:hover{background:var(--accent-hover);color:var(--on-accent)}
.btn-line{background:var(--card);border-color:var(--accent);color:var(--accent)}
.btn-line:hover{background:var(--accent);color:var(--on-accent)}
.btn-glass{background:color-mix(in srgb,var(--card) 16%,transparent);border-color:color-mix(in srgb,var(--card) 70%,transparent);color:var(--card);backdrop-filter:blur(4px)}
.btn-glass:hover{background:var(--card);color:var(--ink)}
.more{display:inline-flex;align-items:center;gap:8px;font-family:var(--head);font-weight:500;font-size:15px;color:var(--accent);text-decoration:none}
.more .ic{transition:transform .25s var(--ease)}
.more:hover .ic{transform:translateX(4px)}

/* ---------- Logo ---------- */
.brand{display:inline-flex;align-items:center;gap:11px;text-decoration:none;color:var(--ink);min-width:0}
.brand-mark{flex:none}
.brand-word{display:flex;align-items:baseline;gap:7px;font-family:var(--head);font-weight:500;font-size:21px;letter-spacing:-.01em;line-height:1;white-space:nowrap}
.brand-tag{color:var(--accent)}
.brand:hover{color:var(--ink)}












/* ---------- Header: ilerleme halkalı cam oval ---------- */
.site-header{position:sticky;top:0;z-index:100;padding:0 var(--gut);background:var(--card);box-shadow:0 1px 0 var(--line),0 10px 26px -18px color-mix(in srgb,var(--ink) 40%,transparent);transition:background-color .25s ease,box-shadow .25s ease}
.oval{display:flex;align-items:center;gap:18px;max-width:var(--wrap);min-height:76px;margin:0 auto;padding:0}
/* Ana sayfa: sayfa başında saydam, hero'nun üstüne biner; kaydırınca (is-solid) dolu */
body.is-home .site-header{position:fixed;top:0;left:0;right:0}
html.js body.is-home .site-header:not(.is-solid):not(:has(.mcard.is-open)){background:linear-gradient(180deg,rgba(10,12,18,.46),rgba(10,12,18,0));box-shadow:none}
html.js body.is-home .site-header:not(.is-solid):not(:has(.mcard.is-open)) .brand-name{color:#fff;text-shadow:0 1px 8px rgba(0,0,0,.55)}
html.js body.is-home .site-header:not(.is-solid):not(:has(.mcard.is-open)) .brand-tag{text-shadow:0 1px 3px rgba(0,0,0,.6),0 0 8px rgba(0,0,0,.35)}
html.js body.is-home .site-header:not(.is-solid):not(:has(.mcard.is-open)) .nav a{color:#fff;text-shadow:0 1px 8px rgba(0,0,0,.55)}
html.js body.is-home .site-header:not(.is-solid):not(:has(.mcard.is-open)) .nav a:hover{background:rgba(255,255,255,.16);color:#fff}
html.js body.is-home .site-header:not(.is-solid):not(:has(.mcard.is-open)) .nav a[aria-current]{background:transparent;color:#fff;box-shadow:inset 0 -2px 0 #fff;border-radius:0}
.brand{padding:6px 14px 6px 8px;margin-left:-8px}
.brand-name,.brand-tag{transition:color .25s ease,text-shadow .25s ease}
.brand-word{display:flex;flex-direction:column;align-items:flex-start;gap:2px;font-size:20px}
.brand-tag{font-size:.7em;letter-spacing:.07em;text-transform:uppercase}
.nav{flex:1}
.nav ul{display:flex;justify-content:center;gap:2px}
.nav a{display:block;padding:10px 14px;border-radius:999px;font-family:var(--head);font-weight:500;font-size:15px;color:var(--ink);text-decoration:none;transition:background-color .2s,color .2s}
.nav a:hover{background:var(--accent-soft);color:var(--accent)}
.nav a[aria-current]{background:transparent;color:var(--accent);border-radius:0;box-shadow:inset 0 -2px 0 var(--accent)}
.oval-right{display:flex;align-items:center;gap:10px}
.oval-wa{display:inline-flex;align-items:center;gap:8px;min-height:46px;padding:0 18px;border-radius:999px;background:var(--wa);font-family:var(--head);font-weight:500;font-size:14.5px;color:var(--on-accent);text-decoration:none}
.oval-wa:hover{background:var(--accent-hover);color:var(--on-accent)}
.ring{--p:0;position:relative;display:grid;place-items:center;width:46px;height:46px;border-radius:50%;background:conic-gradient(var(--accent) calc(var(--p) * 1%),color-mix(in srgb,var(--ink) 14%,transparent) 0);color:var(--ink);text-decoration:none}
.ring::before{content:"";position:absolute;inset:4px;border-radius:50%;background:var(--card)}
.ring .ic{position:relative;font-size:18px;transform:rotate(-90deg)}
.ring:hover{color:var(--accent)}
.menu-toggle{display:none;margin-left:auto;width:48px;height:48px;border:1.5px solid var(--line);border-radius:50%;background:var(--card);cursor:pointer;align-items:center;justify-content:center}
.menu-bars{display:grid;gap:5px;width:20px}
.menu-bars i{display:block;height:2px;background:var(--ink);border-radius:2px;transition:transform .3s var(--ease),opacity .2s}
.menu-toggle[aria-expanded=true] .menu-bars i:nth-child(1){transform:translateY(7px) rotate(45deg)}
.menu-toggle[aria-expanded=true] .menu-bars i:nth-child(2){opacity:0}
.menu-toggle[aria-expanded=true] .menu-bars i:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
.mcard{pointer-events:auto;position:absolute;left:0;right:0;top:100%;margin:0;padding:6px var(--gut) 20px;background:var(--card);border-top:1px solid var(--line);border-radius:0 0 22px 22px;box-shadow:var(--shadow);visibility:hidden;opacity:0;transform:translateY(-10px);transition:opacity .22s,transform .3s var(--ease),visibility 0s .3s}
.mcard.is-open{visibility:visible;opacity:1;transform:none;transition-delay:0s}
.mcard li+li{border-top:1px solid var(--line)}
.mcard li a{display:flex;align-items:center;justify-content:space-between;min-height:54px;font-family:var(--head);font-weight:500;font-size:17px;color:var(--ink);text-decoration:none}
.mcard li a[aria-current]{color:var(--accent)}
.mcard li .ic{color:var(--muted);font-size:16px}
.mcard .btn{margin-top:14px}
@media (max-width:1180px) and (min-width:1024px){.oval{gap:12px}.nav ul{gap:0}.nav a{padding:9px 9px;font-size:14px}.oval-wa{padding:0 12px;font-size:14px}.oval-right{gap:8px}.brand-word{font-size:18px}}
@media (max-width:1023px){.nav,.oval-right{display:none}.menu-toggle{display:inline-flex}.oval{min-height:66px}}
@media (max-width:480px){:root{--gut:20px}.oval{min-height:62px}.brand-word{font-size:18px}.brand-mark{width:36px;height:36px}.brand{padding:5px 12px 5px 6px;margin-left:-6px}}

/* ---------- Hero: tam genişlik fotoğraf geçişi, metin ortada ---------- */
.hero{position:relative;display:flex;align-items:center;justify-content:center;text-align:center;min-height:clamp(600px,100vh,840px);background:var(--ink);color:var(--card);overflow:hidden}
.hero-photos{position:absolute;inset:0}
.hs{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;z-index:0;transition:opacity .7s ease}
.hs.is-cur{opacity:1;z-index:2}
.hs.is-prev{opacity:1;z-index:1}
.hero-shade{position:absolute;inset:0;z-index:3;background:color-mix(in srgb,var(--ink) 54%,transparent)}
.hero-in{position:relative;z-index:4;padding-top:130px;padding-bottom:90px}
.hero-kicker{display:inline-block;margin-bottom:18px;padding:5px 16px;border:1.5px solid color-mix(in srgb,var(--card) 70%,transparent);border-radius:999px;font-family:var(--head);font-weight:500;font-size:13px;letter-spacing:.05em}
.hero h1,.hero-title{margin:0 auto;max-width:18ch;color:var(--card);font-size:clamp(2.2rem,5.2vw,4.3rem);line-height:1.08;font-family:var(--serif);font-weight:400;letter-spacing:-.012em;overflow-wrap:anywhere;text-shadow:0 2px 24px color-mix(in srgb,var(--ink) 55%,transparent)}
.hero h1 span,.hero-title span{display:block}
.hero-texts{display:grid}
.hero-text{grid-area:1/1;opacity:0;visibility:hidden;transform:translateY(10px);transition:opacity .5s ease,transform .5s var(--ease),visibility 0s linear .5s}
.hero-text.is-cur{opacity:1;visibility:visible;transform:none;transition:opacity .6s ease .15s,transform .6s var(--ease) .15s,visibility 0s}
.hero-text .hero-lede{text-shadow:0 1px 14px color-mix(in srgb,var(--ink) 60%,transparent)}

.hero-lede{margin:22px auto 0;max-width:32em;font-size:clamp(1.05rem,1.5vw,1.2rem);color:color-mix(in srgb,var(--card) 92%,transparent)}
.hero-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;margin-top:30px}
.hero-dots{position:absolute;left:50%;bottom:30px;transform:translateX(-50%);display:flex;gap:8px;margin:0}
.hero-dots li{position:relative;width:26px;height:4px;border-radius:2px;background:color-mix(in srgb,var(--card) 45%,transparent);transition:background-color .5s,width .5s var(--ease)}
.hero-dots li.is-cur{background:var(--card);width:50px}
.hero-dots button{position:absolute;inset:-12px -3px;width:auto;height:auto;border:0;background:none;padding:0;cursor:pointer}
.hero-dots button:focus-visible{outline:2px solid var(--card);outline-offset:-4px;border-radius:4px}
.btn-glass{background:color-mix(in srgb,var(--card) 16%,transparent);border-color:color-mix(in srgb,var(--card) 70%,transparent);color:var(--card);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}
.btn-glass:hover{background:var(--card);color:var(--ink)}
.hero-kicker,.hero-texts,.hero-actions{animation:rise .9s var(--ease) both}
.hero-texts{animation-delay:.12s}.hero-actions{animation-delay:.36s}
@media (prefers-reduced-motion:reduce){.hero-text,.hero-text.is-cur{transition:none;transform:none}}
@keyframes rise{from{opacity:0;transform:translateY(22px)}to{opacity:1;transform:none}}
@media (max-width:860px){.hero{min-height:max(620px,100svh);}.hero-actions .btn{flex:1 1 100%}}

/* ---------- Bölümler ---------- */
.sec{padding:clamp(48px,6.5vw,88px) 0}
.sec-tight{padding:clamp(28px,4vw,44px) 0}
.sec-tight-top{padding-top:clamp(28px,4vw,44px)}
.sec-white{background:var(--card)}
.sec-gray{background:var(--bg)}
.sh{max-width:640px;margin-bottom:clamp(28px,4vw,48px)}
.sh--center{margin-left:auto;margin-right:auto;text-align:center}
.sh p{margin-top:12px;color:var(--muted);font-size:1.075rem}
.sh-row{max-width:none;display:flex;align-items:flex-end;justify-content:space-between;gap:24px;flex-wrap:wrap}
.sh-row>div{max-width:640px}
.mini-h{font-size:1.4rem;margin-bottom:20px}




/* ---------- Büyük numaralı adımlar ---------- */
.big-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(20px,4vw,56px)}
.big-n{display:block;font-family:var(--serif);font-weight:400;font-size:clamp(4.4rem,9vw,7.5rem);line-height:.9;color:transparent;-webkit-text-stroke:1.5px var(--accent)}
.big-steps h3{margin-top:14px;font-size:1.35rem}
.big-steps p{margin-top:6px;color:var(--muted)}
.steps-more{margin-top:34px}
@media (max-width:760px){.big-steps{grid-template-columns:1fr;gap:26px}.big-steps li{display:grid;grid-template-columns:auto 1fr;gap:0 18px;align-items:start}.big-n{grid-row:span 2;font-size:3.6rem}.big-steps h3{margin-top:0}}
.city-split{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(24px,5vw,64px);align-items:start}
.city-split .sh{margin-bottom:0}
.city-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 28px}
.city-grid li{display:flex;align-items:center;gap:12px;padding:15px 0;border-top:1px solid var(--line);font-family:var(--serif);font-weight:400;font-size:1.25rem;color:var(--ink)}
.city-grid .ic{color:var(--accent);font-size:19px}
@media (max-width:820px){.city-split{grid-template-columns:1fr}}
@media (max-width:420px){.city-grid{grid-template-columns:1fr}}
.why{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(24px,5vw,72px);align-items:start}
.why .sh{margin-bottom:0;position:sticky;top:calc(var(--hdr) + 16px)}
.why-list li{display:flex;gap:18px;padding:22px 0;border-top:1px solid var(--line)}
.why-list li:last-child{border-bottom:1px solid var(--line)}
.why-ic{flex:none;display:grid;place-items:center;width:48px;height:48px;border-radius:14px;background:var(--accent-soft);color:var(--accent)}
.why-ic .ic{font-size:24px}
.why-list h3{font-size:1.2rem}
.why-list p{margin-top:4px;color:var(--muted)}
@media (max-width:820px){.why{grid-template-columns:1fr}.why .sh{position:static}}
.dev-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.dev-grid li{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;min-height:130px;padding:18px 10px;background:var(--card);border:1px solid var(--line);border-radius:16px;text-align:center;font-family:var(--head);font-weight:500;font-size:15px;color:var(--ink)}
.dev-grid .ic{font-size:32px;color:var(--accent)}
@media (max-width:760px){.dev-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
.teaser{display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap;padding:clamp(24px,3.6vw,40px);border:1px solid var(--line);border-radius:20px}
.teaser h2{font-size:clamp(1.4rem,2.6vw,1.9rem)}
.teaser p{margin-top:6px;max-width:34em;color:var(--muted)}
.sec-tight-top{padding-top:clamp(28px,4vw,44px)}







/* ---------- Kule: beş katlı bina kesiti, katlar öne ve yana kayar ---------- */
.floors{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:22px}
.floor-btn{display:block;width:100%;padding:0;border:0;background:none;text-align:left;font:inherit;color:inherit;cursor:default}
.floor figure{margin:0;background:var(--card);border:1px solid var(--line);border-radius:12px;overflow:hidden;box-shadow:0 14px 24px -16px color-mix(in srgb,var(--ink) 45%,transparent)}
.floor img{width:100%;height:auto;aspect-ratio:1100/614;object-fit:cover}
.floor figcaption{display:grid;gap:2px;padding:12px 16px 16px}
.floor figcaption strong{font-family:var(--serif);font-weight:400;font-size:1.2rem;color:var(--ink)}
.floor figcaption span{font-size:.93rem;color:var(--muted)}
.floor-solid figure{background:var(--accent)}
.floor-solid figcaption{padding:60px 18px 20px}
.floor-solid figcaption strong,.floor-solid figcaption span{color:var(--on-accent)}
.roof,.base{display:none}
.js .tower{--fw:460px;--fh:140px}
.js .tower-scene{position:relative;perspective:2000px;display:grid;place-items:center;padding:20px 0 30px}
.js .roof{display:block;width:calc(var(--fw) + 40px);height:0;border-left:calc((var(--fw) + 40px) / 2) solid transparent;border-right:calc((var(--fw) + 40px) / 2) solid transparent;border-bottom:44px solid color-mix(in srgb,var(--ink) 55%,var(--card));margin-bottom:-2px;transform:rotateY(-24deg) rotateX(6deg);transform-origin:50% 100%;filter:drop-shadow(0 6px 6px color-mix(in srgb,var(--ink) 25%,transparent))}
.js .floors{display:block;position:relative;width:var(--fw);transform-style:preserve-3d;transform:rotateY(-24deg) rotateX(6deg)}
.js .floor{position:relative;width:var(--fw);height:var(--fh);margin:0 0 6px;transform-style:preserve-3d;transition:transform .6s var(--ease)}
.js .floor::before{content:"";position:absolute;left:-14px;right:-14px;bottom:-6px;height:6px;background:color-mix(in srgb,var(--ink) 40%,var(--card));border-radius:2px}
.js .floor-btn{height:100%;cursor:pointer}
.js .floor figure{position:relative;height:100%}
.js .floor img{height:100%;aspect-ratio:auto}
.js .floor figcaption{position:absolute;left:0;bottom:0;right:0;padding:10px 14px 12px;background:color-mix(in srgb,var(--card) 94%,transparent);opacity:0;transition:opacity .35s}
.js .floor-solid figcaption{padding:10px 14px 12px;background:var(--card)}
.js .floor-solid figcaption strong{color:var(--ink)}.js .floor-solid figcaption span{color:var(--muted)}
.js .floor-btn:focus-visible figure{outline:3px solid var(--accent);outline-offset:3px}
.js .floor.is-out{transform:translateX(110px) translateZ(120px);z-index:5}
.js .floor.is-out figure{box-shadow:0 36px 40px -24px color-mix(in srgb,var(--ink) 60%,transparent),0 8px 16px -8px color-mix(in srgb,var(--ink) 22%,transparent)}
.js .floor.is-out figcaption{opacity:1}
.js .base{display:block;width:calc(var(--fw) + 60px);height:14px;margin-top:4px;border-radius:3px;background:color-mix(in srgb,var(--ink) 45%,var(--card));box-shadow:0 16px 18px -8px color-mix(in srgb,var(--ink) 40%,transparent);transform:rotateY(-24deg) rotateX(6deg)}
@media (max-width:760px){.js .tower{--fw:260px;--fh:100px}.js .floor.is-out{transform:translateX(34px) translateZ(70px)}.js .floor figcaption span{display:none}.js .roof{border-bottom-width:30px}}
@media (prefers-reduced-motion:reduce){.js .floor{transition:none}.js .floors{transform:none;width:auto}.js .floor{width:auto;height:auto}.js .roof,.js .base{display:none}.js .floor img{height:auto;aspect-ratio:1100/614}.js .floor figcaption{position:static;opacity:1}.js .floor.is-out{transform:none}.js .floor::before{display:none}.js .floors{display:grid}.js .tower-scene{display:block;perspective:none}}
#katalog{overflow:hidden}

/* ---------- Paketler (düz) ---------- */
.plans{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;align-items:stretch}
.plan{position:relative;display:flex;flex-direction:column;background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:30px 28px 28px}
.plan.is-popular{border-color:var(--accent);box-shadow:inset 0 4px 0 var(--accent)}
.plan-top{min-height:28px;display:flex;justify-content:space-between;align-items:center;gap:10px;font-family:var(--head);font-weight:500;font-size:13px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}
.plan-top b{font-size:12px;letter-spacing:.04em;text-transform:none;color:var(--accent);border:1.5px solid var(--accent);border-radius:999px;padding:2px 11px}
.plan h3{margin-top:8px;font-size:1.5rem}
.plan-price{display:flex;align-items:baseline;gap:6px;margin-top:14px;font-family:var(--head);font-weight:500;color:var(--ink);flex-wrap:wrap}
.plan-price .cur{font-size:1.5rem}
.plan-price strong{font-size:3rem;line-height:1;letter-spacing:-.02em;font-weight:400}
.plan-price s{font-size:1.05rem;color:var(--muted);font-weight:400}
.plan-desc{margin:14px 0 18px;padding-bottom:18px;border-bottom:1px solid var(--line);color:var(--muted);font-size:.98rem}
.plan-body{flex:1;margin-bottom:26px}
.plan-list{display:grid;gap:10px}
.plan-list li{display:flex;gap:10px;align-items:flex-start;font-size:.98rem;line-height:1.45}
.plan-list .ic{color:var(--accent);margin-top:2px;width:1.05em;height:1.05em}
.plan-more{margin-top:12px}
.plan-more summary{cursor:pointer;font-family:var(--head);font-weight:500;font-size:14px;color:var(--accent);min-height:32px;display:flex;align-items:center}
.plan-more .plan-list{margin-top:8px}
.plan-note{margin-top:16px;font-size:.88rem;color:var(--muted)}
.plans-note{margin-top:28px;color:var(--muted);font-size:.98rem}
@media (max-width:900px){.plans{grid-template-columns:1fr;max-width:520px}}

/* ---------- Soru listesi ---------- */
.qa{display:grid;grid-template-columns:1fr 1fr;gap:0 40px;border-top:1px solid var(--line);align-items:start}
.qa details{border-bottom:1px solid var(--line)}
.qa summary{position:relative;list-style:none;cursor:pointer;padding:18px 40px 18px 0;font-family:var(--serif);font-weight:400;font-size:1.1rem;color:var(--ink);line-height:1.35}
.qa summary::-webkit-details-marker{display:none}
.qa summary::after{content:"";position:absolute;right:6px;top:50%;width:10px;height:10px;border-right:2px solid var(--accent);border-bottom:2px solid var(--accent);transform:translateY(-70%) rotate(45deg);transition:transform .3s var(--ease)}
.qa details[open] summary::after{transform:translateY(-30%) rotate(-135deg)}
.qa details p{padding:0 40px 20px 0;color:var(--muted)}
@media (max-width:820px){.qa{grid-template-columns:1fr}}




/* ---------- Bayilik: iki bölge yan yana ---------- */
.regions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;align-items:stretch}
.regions.is-single{grid-template-columns:minmax(0,560px)}
.region{display:flex;flex-direction:column;background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:clamp(24px,3.2vw,36px)}
.region-kicker{font-family:var(--head);font-weight:500;font-size:13px;letter-spacing:.08em;text-transform:uppercase;color:var(--accent)}
.region h3{margin-top:6px;font-size:1.7rem}
.region-desc{margin-top:8px;color:var(--muted)}
.region-price{margin:20px 0 6px;padding:16px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.region-price small{display:block;font-size:.9rem;color:var(--muted)}
.region-price .plan-price{margin-top:4px}
.region-body{flex:1;margin-bottom:22px}
.region-list li{display:flex;gap:10px;align-items:flex-start;padding:10px 0;border-bottom:1px solid var(--line);font-size:.95rem;line-height:1.45;color:var(--muted)}
.region-list strong{color:var(--ink);font-weight:500}
.region-list .ic{color:var(--accent);margin-top:2px;width:1.05em;height:1.05em}
.bayi-note{margin-top:16px;font-size:.86rem;line-height:1.5;color:var(--muted)}
.empty{color:var(--muted)}
@media (max-width:820px){.regions,.regions.is-single{grid-template-columns:1fr}}

/* ---------- İletişim ---------- */
.subj{border:0;margin:0 0 26px;padding:0}
.subj legend{padding:0;margin-bottom:10px;font-family:var(--head);font-weight:500;font-size:13px;letter-spacing:.04em;color:var(--muted)}
.subj-list{display:flex;flex-wrap:wrap;gap:8px}
.subj-item{position:relative}
.subj-item input{position:absolute;inset:0;width:100%;height:100%;opacity:0;margin:0;cursor:pointer}
.subj-item label{display:inline-flex;align-items:center;min-height:46px;padding:0 20px;border:1.5px solid var(--line);border-radius:999px;font-family:var(--head);font-weight:500;font-size:14.5px;color:var(--ink);transition:background-color .2s,border-color .2s,color .2s}
.subj-item input:checked+label{background:var(--accent);border-color:var(--accent);color:var(--on-accent)}
.subj-item input:focus-visible+label{outline:3px solid var(--accent);outline-offset:3px}
.field{margin-bottom:20px}
.field-pair{display:grid;grid-template-columns:1fr 1fr;gap:0 22px}
.field label{display:block;font-family:var(--head);font-weight:500;font-size:13px;letter-spacing:.04em;color:var(--muted);margin-bottom:6px}
.field input,.field select,.field textarea{width:100%;min-height:48px;padding:10px 14px;border:1.5px solid var(--line);border-radius:var(--radius);background:var(--card);font:inherit;color:var(--ink);transition:border-color .2s}
.field textarea{resize:vertical;min-height:130px}
.field input:focus,.field select:focus,.field textarea:focus{outline:0;border-color:var(--accent)}
.hint{margin-top:6px;font-size:.88rem;color:var(--muted)}
.alert{padding:14px 16px;border-radius:8px;margin-bottom:22px;font-size:.95rem}
.alert-err{border:1px solid var(--err);border-left-width:4px;color:var(--err);background:var(--card)}
@media (max-width:520px){.field-pair{grid-template-columns:1fr}}
.direct{margin-top:40px;padding-top:26px;border-top:1px solid var(--line)}
.direct>p{font-family:var(--head);font-weight:500;font-size:13px;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}
.direct ul{display:flex;flex-wrap:wrap;gap:12px 24px;align-items:center;margin-top:14px}
.direct-link{display:inline-flex;align-items:center;gap:8px;min-height:44px;color:var(--ink);text-decoration:none;overflow-wrap:anywhere}
.direct-link .ic{color:var(--accent)}
.direct-link:hover{color:var(--accent);text-decoration:underline}
.modal-backdrop{position:fixed;inset:0;z-index:1000;display:grid;place-items:center;padding:20px;background:color-mix(in srgb,var(--ink) 30%,transparent);animation:fade .25s both}
.modal-backdrop.is-closing{opacity:0;transition:opacity .2s}
.modal{width:min(440px,100%);background:var(--card);border-radius:14px;padding:32px 28px;box-shadow:var(--shadow);text-align:center}
.modal p{margin-top:10px;color:var(--muted)}
.modal-actions{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;margin-top:22px!important}
@keyframes fade{from{opacity:0}to{opacity:1}}

/* ---------- Kampanyalar ---------- */
.camp-list{display:grid;gap:22px}
.camp{display:grid;grid-template-columns:240px minmax(0,1fr);gap:24px;padding:22px;border:1px solid var(--line);border-radius:var(--radius);align-items:center}
.camp--plain{grid-template-columns:1fr}
.camp-media img{width:100%;aspect-ratio:16/10;object-fit:cover;border-radius:8px}
.camp-when{display:flex;flex-wrap:wrap;gap:6px 12px;align-items:center;font-size:.92rem;color:var(--muted)}
.camp-when b{font-family:var(--head);font-weight:500;font-size:12.5px;color:var(--accent);border:1.5px solid var(--accent);border-radius:999px;padding:2px 11px}
.camp-body h2{margin-top:8px;font-size:1.45rem}
.camp-body h2+p{margin-top:8px;color:var(--muted)}
.camp-body .btn{margin-top:16px}
.empty-box{padding:30px 0;text-align:center}
.empty-box h2{font-size:1.6rem}
.empty-box p{margin:10px auto 0;max-width:30em;color:var(--muted)}
.empty-box .actions{justify-content:center}
@media (max-width:640px){.camp{grid-template-columns:1fr}}

/* ---------- Çerez politikası ---------- */
.legal-meta{margin-bottom:20px;font-size:.9rem;color:var(--muted)}
.lsec+.lsec{margin-top:36px}
.lsec h2{font-size:1.45rem;margin-bottom:12px}
.lsec p+p,.lsec p+ul,.lsec dl+p{margin-top:14px}
.lsec ul{list-style:disc;padding-left:1.3em;display:grid;gap:8px}
.cookie-list{display:grid;gap:12px;margin:0 0 6px}
.cookie-list>div{padding:14px 16px;border:1px solid var(--line);border-radius:var(--radius)}
.cookie-list dt{display:flex;flex-wrap:wrap;gap:6px 10px;align-items:center}
.cookie-list code{font-size:.9em;background:var(--bg);padding:2px 7px;border-radius:5px;color:var(--ink)}
.cookie-list b{font-family:var(--head);font-weight:500;font-size:12px;letter-spacing:.04em;color:var(--accent);border:1.5px solid var(--accent);border-radius:999px;padding:1px 10px}
.cookie-list dd{margin:8px 0 0;color:var(--muted);font-size:.96rem}
.cookie-list i{font-style:normal;display:block;margin-top:4px;font-size:.88rem}









/* ---------- Sakin CTA ve ortalı footer ---------- */
.cta-quiet{background:var(--card);border-top:1px solid var(--line);padding:40px 0}
.cta-quiet-row{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap}
.cta-quiet h2{font-size:clamp(1.35rem,2.4vw,1.8rem)}
.cta-quiet p:not(.actions){margin-top:4px;color:var(--muted)}
.cta-quiet .actions{margin:0}
.site-footer{background:var(--bg);border-top:1px solid var(--line);padding-top:44px;font-size:.97rem}
.foot-c{display:flex;flex-direction:column;align-items:center;gap:14px;text-align:center}
.foot-tag{max-width:34em;color:var(--muted)}
.foot-links{display:flex;flex-wrap:wrap;justify-content:center}
.foot-links a{display:inline-flex;align-items:center;min-height:44px;padding:0 14px;font-family:var(--head);font-weight:500;color:var(--ink);text-decoration:none}
.foot-links a:hover{color:var(--accent)}
.foot-contact{display:flex;flex-wrap:wrap;justify-content:center;gap:4px 24px}
.foot-contact a{color:var(--text);text-decoration:none;min-height:36px;display:inline-flex;align-items:center;overflow-wrap:anywhere}
.foot-contact a:hover{color:var(--accent);text-decoration:underline}
.foot-bottom{display:flex;flex-wrap:wrap;gap:6px 28px;justify-content:space-between;align-items:center;margin-top:30px;padding:16px 0 24px;border-top:1px solid var(--line);font-size:.88rem;color:var(--muted)}
.foot-legal{display:flex;gap:18px}
.foot-legal a,.foot-legal .link-btn{color:var(--muted);min-height:32px}
.foot-legal a:hover,.foot-legal .link-btn:hover{color:var(--accent)}

/* ---------- İç sayfa başlığı ---------- */
.phead{margin-top:-86px;padding:calc(86px + clamp(28px,4vw,52px)) 0 clamp(26px,4vw,44px);background:var(--bg);border-bottom:1px solid var(--line)}
.crumbs{display:flex;flex-wrap:wrap;gap:6px 0;font-size:.9rem;color:var(--muted);margin-bottom:14px}
.crumbs a{color:var(--muted);text-decoration:none}
.crumbs a:hover{color:var(--accent)}
.crumbs>*+*::before{content:"/";margin:0 9px;opacity:.5}
.crumbs [aria-current]{color:var(--ink)}
.phead h1{font-size:clamp(2.1rem,4.8vw,3.4rem)}
.phead-lede{margin-top:10px;max-width:38em;font-size:1.12rem;color:var(--muted)}
.phead--article h1{max-width:28ch;font-size:clamp(1.9rem,4vw,2.8rem)}
@media (max-width:860px){.phead{margin-top:-80px;padding-top:calc(80px + 26px)}}

/* ---------- Kurulum: cihaz biletleri ---------- */
.needs{display:grid;gap:12px}
.needs li{display:flex;gap:14px;align-items:flex-start}
.needs .ic{margin-top:3px;color:var(--accent);font-size:22px}
.needs strong{font-family:var(--head);font-weight:500;color:var(--ink)}
.needs span{color:var(--muted)}
.needs--row{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
@media (max-width:820px){.needs--row{grid-template-columns:1fr}}
.ticket{position:relative;display:grid;grid-template-columns:190px minmax(0,1fr);margin-bottom:18px;background:var(--card);border:1px solid var(--line);border-radius:16px;box-shadow:0 12px 24px -16px color-mix(in srgb,var(--ink) 30%,transparent);scroll-margin-top:110px}
.ticket::before,.ticket::after{content:"";position:absolute;left:190px;width:22px;height:22px;margin-left:-11px;border-radius:50%;background:var(--bg);border:1px solid var(--line)}
.ticket::before{top:-11px}.ticket::after{bottom:-11px}
.stub{display:grid;justify-items:start;align-content:center;gap:6px;padding:22px 20px;border-right:2px dashed var(--line);background:color-mix(in srgb,var(--accent-soft) 60%,var(--card));border-radius:16px 0 0 16px}
.stub-ic{display:grid;place-items:center;width:46px;height:46px;border-radius:12px;background:var(--accent);color:var(--on-accent)}
.stub-ic .ic{font-size:24px}
.stub h2{font-size:1.2rem}
.stub-no{font-family:var(--head);font-weight:500;font-size:11.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}
.barcode{display:block;width:100%;height:22px;margin-top:4px;background:repeating-linear-gradient(90deg,var(--ink) 0 2px,transparent 2px 5px,var(--ink) 5px 6px,transparent 6px 9px,var(--ink) 9px 12px,transparent 12px 14px);opacity:.7}
.stops{display:grid;grid-template-columns:repeat(4,minmax(0,1fr))}
.stops li{position:relative;padding:20px 18px}
.stops li+li{border-left:2px dashed var(--line)}
.stop-n{display:flex;align-items:baseline;gap:6px;font-family:var(--serif);font-weight:400;font-size:2rem;line-height:1;color:var(--accent)}
.stop-n small{font-family:var(--head);font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}
.stops strong{display:block;margin-top:10px;font-family:var(--head);font-weight:500;color:var(--ink)}
.stops p{margin-top:4px;color:var(--muted);font-size:.93rem}
.kz-help{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap;margin-top:22px;padding:22px 26px;border:1px solid var(--line);border-left:4px solid var(--accent);border-radius:var(--radius);background:var(--card)}
.kz-help h2{font-size:1.25rem}
.kz-help p{margin-top:4px;color:var(--muted)}
@media (max-width:1000px){.stops{grid-template-columns:repeat(2,minmax(0,1fr))}.stops li:nth-child(3){border-left:0}.stops li:nth-child(n+3){border-top:2px dashed var(--line)}}
@media (max-width:640px){.ticket{grid-template-columns:1fr}.ticket::before,.ticket::after{left:-11px;margin:0;top:150px;bottom:auto}.ticket::after{left:auto;right:-11px}.stub{border-right:0;border-bottom:2px dashed var(--line);border-radius:16px 16px 0 0;grid-template-columns:auto 1fr;align-items:center;justify-items:start;column-gap:14px}.stub-ic{grid-row:span 2}.barcode{grid-column:1/-1}.stops{grid-template-columns:1fr}.stops li+li,.stops li:nth-child(3){border-left:0;border-top:2px dashed var(--line)}}

/* ---------- İletişim: çizgili yazı kâğıdı ---------- */
.desk{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,3.4fr);gap:clamp(28px,5vw,64px);align-items:start}
.paper{position:relative;padding:54px clamp(24px,4vw,48px) 36px clamp(40px,6vw,76px);background:var(--card);border:1px solid var(--line);border-radius:6px;box-shadow:var(--shadow),0 1px 0 color-mix(in srgb,var(--ink) 6%,transparent);transform:rotate(-.5deg);background-image:linear-gradient(90deg,transparent clamp(32px,5vw,62px),color-mix(in srgb,var(--accent) 40%,transparent) clamp(32px,5vw,62px),color-mix(in srgb,var(--accent) 40%,transparent) calc(clamp(32px,5vw,62px) + 1.5px),transparent calc(clamp(32px,5vw,62px) + 1.5px))}
.paper-rings{position:absolute;top:-12px;left:6%;right:6%;display:flex;justify-content:space-between;pointer-events:none}
.paper-rings i{display:block;width:10px;height:26px;border-radius:5px;background:color-mix(in srgb,var(--ink) 55%,var(--bg));box-shadow:0 2px 3px color-mix(in srgb,var(--ink) 30%,transparent)}
.paper h2{font-size:1.7rem;margin-bottom:14px}
.rule{display:grid;grid-template-columns:110px minmax(0,1fr);align-items:end;gap:12px;border-bottom:1.5px solid color-mix(in srgb,var(--ink) 16%,var(--card));min-height:52px}
.rule label{padding-bottom:10px;font-family:var(--head);font-weight:500;font-size:12.5px;letter-spacing:.05em;text-transform:uppercase;color:var(--muted)}
.rule input,.rule select,.rule textarea{width:100%;min-height:48px;padding:10px 4px;border:0;background:transparent;font:inherit;font-size:1.05rem;color:var(--ink)}
.rule input:focus,.rule select:focus,.rule textarea:focus{outline:0;background:color-mix(in srgb,var(--accent-soft) 70%,transparent)}
.rule--msg{align-items:start}
.rule--msg textarea{resize:vertical;min-height:170px;line-height:2.1rem;background-image:repeating-linear-gradient(0deg,transparent 0 calc(2.1rem - 1.5px),color-mix(in srgb,var(--ink) 14%,var(--card)) calc(2.1rem - 1.5px) 2.1rem);background-attachment:local}
.rule--msg label{padding-top:16px}
.paper-hint{margin:12px 0 18px;font-size:.88rem;color:var(--muted)}
.sticky-note{position:sticky;top:110px;padding:22px 20px 24px;background:color-mix(in srgb,var(--accent-soft) 85%,var(--card));border:1px solid color-mix(in srgb,var(--accent) 22%,var(--line));border-radius:4px 4px 18px 4px;box-shadow:0 18px 24px -16px color-mix(in srgb,var(--ink) 40%,transparent);transform:rotate(1.6deg)}
.sticky-note::before{content:"";position:absolute;top:-10px;left:50%;width:70px;height:20px;margin-left:-35px;background:color-mix(in srgb,var(--ink) 14%,transparent);transform:rotate(-3deg)}
.sticky-note h2{font-size:1.2rem}
.sticky-note ul{margin-top:12px;display:grid;gap:2px}
.sticky-note li{display:flex;gap:10px;align-items:flex-start;padding:8px 0;border-top:1px dashed color-mix(in srgb,var(--ink) 22%,transparent)}
.sticky-note li .ic{margin-top:3px;color:var(--accent);font-size:19px}
.sticky-note a{display:block;font-family:var(--head);font-weight:500;font-size:.95rem;color:var(--ink);text-decoration:none;overflow-wrap:anywhere}
.sticky-note a:hover{color:var(--accent);text-decoration:underline}
.sticky-note small{display:block;font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}
@media (max-width:900px){.desk{grid-template-columns:1fr}.sticky-note{position:static;transform:rotate(.6deg)}.rule{grid-template-columns:1fr;gap:0}.rule label{padding:8px 0 0}}
@media (prefers-reduced-motion:reduce){.paper,.sticky-note{transform:none}}
.qa--one{grid-template-columns:1fr}
.sec-tight-top{padding-top:clamp(28px,4vw,44px)}
/* ---------- 404 ---------- */
.nf{background:var(--bg);padding:clamp(48px,8vw,100px) 0;text-align:center;}
.nf-code{font-family:var(--serif);font-weight:400;font-size:clamp(5rem,16vw,10rem);line-height:1;color:transparent;-webkit-text-stroke:2px var(--accent);letter-spacing:-.02em}
.nf h1{margin-top:6px;font-size:clamp(1.8rem,3.6vw,2.6rem)}
.nf p{margin:12px auto 0;color:var(--muted);max-width:30em}
.nf .actions{justify-content:center}
.nf-links{display:flex;flex-wrap:wrap;justify-content:center;gap:4px 22px;margin-top:18px}
.nf-links a{display:inline-flex;align-items:center;min-height:44px;font-family:var(--head);font-weight:500;color:var(--accent);text-decoration:none}
.nf-links a:hover{text-decoration:underline}

.blog-bar{display:flex;flex-wrap:wrap;gap:16px 28px;align-items:center;justify-content:space-between;margin-bottom:28px}
.pills{display:flex;flex-wrap:wrap;gap:8px}
.pills a{display:inline-flex;align-items:center;min-height:44px;padding:0 18px;border:1.5px solid var(--line);border-radius:999px;font-family:var(--head);font-weight:500;font-size:14.5px;color:var(--ink);text-decoration:none}
.pills a:hover{border-color:var(--accent);color:var(--accent)}
.pills a[aria-current]{background:var(--accent);border-color:var(--accent);color:var(--on-accent)}
.blog-search{display:flex;gap:8px;max-width:100%}
.blog-search input{min-width:0;width:240px;max-width:100%;flex:1 1 140px;min-height:44px;padding:0 14px;border:1.5px solid var(--line);border-radius:var(--radius);font:inherit;background:var(--card);color:var(--ink)}
.blog-search input:focus{outline:0;border-color:var(--accent)}
.search-note{margin-bottom:20px;color:var(--muted)}
.pager{display:flex;gap:8px;flex-wrap:wrap;margin-top:40px}
.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:var(--radius);font-family:var(--head);font-weight:500;color:var(--ink);text-decoration:none}
.pager a:hover{border-color:var(--accent);color:var(--accent)}
.pager [aria-current]{background:var(--accent);border-color:var(--accent);color:var(--on-accent)}
/* ---------- Kartlar ---------- */
.cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px}
.cards--3{grid-template-columns:repeat(3,minmax(0,1fr))}
.card a{display:block;color:var(--text);text-decoration:none;height:100%}
.card-body{padding-top:16px}
.card-cat{font-family:var(--head);font-weight:500;font-size:12.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--accent)}
.card h2,.card h3{margin-top:6px;font-size:1.25rem;transition:color .2s}
.card a:hover h2,.card a:hover h3{color:var(--accent)}
.card-meta{margin-top:8px;font-size:.88rem;color:var(--muted)}
.post-thumb{overflow:hidden;border-radius:var(--radius);background:var(--bg)}
.post-thumb img{width:100%;aspect-ratio:16/9;object-fit:cover}
.post-thumb.ph{display:grid;place-items:center;aspect-ratio:16/9;border:1px solid var(--line);font-family:var(--head);font-weight:500;font-size:13px;color:var(--muted);text-align:center;padding:8px}
@media (max-width:900px){.cards--3{grid-template-columns:1fr 1fr}}
@media (max-width:640px){.cards,.cards--3{grid-template-columns:1fr}}

/* ---------- Yazı ---------- */
.article-meta{display:flex;flex-wrap:wrap;gap:4px 18px;margin-bottom:22px;font-size:.92rem;color:var(--muted)}
.post-cover img{width:100%;border-radius:var(--radius);margin-bottom:28px}
.prose{font-size:1.08rem;line-height:1.8;overflow-wrap:anywhere}
.prose>*+*{margin-top:1.15em}
.prose h2{font-size:1.75rem;margin-top:2em}
.prose h3{font-size:1.3rem;margin-top:1.7em}
.prose ul,.prose ol{padding-left:1.4em;list-style:revert}
.prose li+li{margin-top:.4em}
.prose img{border-radius:var(--radius)}
.prose blockquote{margin-left:0;padding:4px 0 4px 20px;border-left:3px solid var(--accent);color:var(--muted)}
.prose table{display:block;overflow-x:auto;border-collapse:collapse;max-width:100%}
.prose th,.prose td{padding:10px 14px;border:1px solid var(--line);text-align:left}
.prose th{background:var(--bg);font-family:var(--head);font-weight:500;color:var(--ink)}
.prose pre,.prose code{font-size:.92em;background:var(--bg);border-radius:6px}
.prose code{padding:2px 6px}
.prose pre{padding:14px;overflow-x:auto}
.post-end{display:flex;flex-wrap:wrap;gap:20px 32px;align-items:center;justify-content:space-between;margin-top:56px;padding:26px 0;border-top:2px solid var(--ink);border-bottom:1px solid var(--line)}
.post-end h2{font-size:1.4rem}
.post-end p{color:var(--muted);margin-top:6px}
.post-end .actions{margin:0}
.related{margin-top:72px}
.related h2{font-size:1.6rem;margin-bottom:24px}
@media (max-width:900px){.art--toc{display:block}.art-toc{position:static;margin-bottom:28px}}

.toc{margin-bottom:30px;border:1px solid var(--line);border-radius:var(--radius);padding:4px 18px}
.toc summary{cursor:pointer;min-height:48px;display:flex;align-items:center;font-family:var(--head);font-weight:500;color:var(--ink)}
.toc ul{display:grid;gap:2px;padding:0 0 14px}
.toc a{display:block;padding:6px 0;color:var(--text);text-decoration:none;font-size:.97rem}
.toc a:hover{color:var(--accent)}
.card-ex{margin-top:8px;color:var(--muted);font-size:.97rem}
.search-note{margin-bottom:20px;color:var(--muted)}
/* ---------- Çerez kartı: alt orta, perdesiz ---------- */
body .cookie-bar{left:50%;right:auto;bottom:24px;transform:translateX(-50%);width:min(460px,calc(100vw - 32px));max-width:none;background:var(--card);color:var(--text);border:1px solid var(--line);border-radius:14px;box-shadow:var(--shadow);padding:18px 20px;font-family:var(--font)}
body .cookie-bar a{color:var(--accent)}
body .cookie-bar .ck-btn{border:1.5px solid var(--line);color:var(--ink);background:var(--card);font-family:var(--head);font-weight:500}
body .cookie-bar .ck-btn:hover{border-color:var(--accent)}
body .cookie-bar .ck-btn--primary{background:var(--accent);border-color:var(--accent);color:var(--on-accent)}
@media (max-width:640px){
  body .cookie-bar{left:12px;right:12px;bottom:12px;transform:none;width:auto;padding:16px}
}

/* ---------- Kaydırma girişi ---------- */
.js [data-reveal]{opacity:0;transition:opacity .9s var(--ease),transform .9s var(--ease)}
.js [data-reveal=up]{transform:translateY(26px)}
.js [data-reveal=left]{transform:translateX(-34px)}
.js [data-reveal=right]{transform:translateX(34px)}
.js [data-reveal=scale]{transform:scale(.95)}
.js [data-reveal=mask]{clip-path:inset(0 0 100% 0);transition:clip-path 1s var(--ease),opacity .6s}
.js [data-reveal].is-revealed{opacity:1;transform:none}
.js [data-reveal=mask].is-revealed{clip-path:inset(0)}
/* hover'da yükselen zirve kartı: giriş geçişinin yanında translate da animasyonlu */
.js .peak[data-reveal]{transition:opacity .9s var(--ease),transform .9s var(--ease),translate .35s var(--ease)}
@media (max-width:760px){.js [data-reveal=left],.js [data-reveal=right]{transform:translateY(22px)}}

@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*::before,*::after{animation:none!important;transition:none!important}
  .js [data-reveal]{opacity:1;transform:none;clip-path:none}
  .hs{transition:none}
}

.qa--one{grid-template-columns:1fr}

/* ---------- WhatsApp yüzen düğme: sitenin vurgu rengi ve köşe dili ---------- */
.wa-float{--c-wa:var(--accent);--c-text:var(--ink);gap:10px;font-family:var(--head)}
.wa-float .wa-btn{width:58px;height:58px;border-radius:18px;background:var(--accent);color:var(--on-accent);box-shadow:0 14px 30px -10px color-mix(in srgb,var(--accent) 70%,transparent),0 0 0 4px color-mix(in srgb,var(--card) 85%,transparent);transition:transform .25s var(--ease),background-color .25s,box-shadow .25s}
.wa-float .wa-btn::before,.wa-float .wa-btn::after{border-radius:22px;border-color:var(--accent);inset:-2px}
.wa-float .wa-btn .ic{width:30px;height:30px;fill:currentColor}
.wa-float:hover .wa-btn{transform:translateY(-3px);background:var(--accent-hover);box-shadow:0 18px 34px -10px color-mix(in srgb,var(--accent) 80%,transparent),0 0 0 4px color-mix(in srgb,var(--card) 85%,transparent)}
.wa-float:focus-visible{outline:none}
.wa-float:focus-visible .wa-btn{outline:3px solid var(--ink);outline-offset:4px}
.wa-float .wa-bubble{background:var(--card);color:var(--ink);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);font-family:var(--head);font-weight:500;font-size:14px;padding:10px 15px}
.wa-float .wa-bubble::after{background:var(--card);border-right:1px solid var(--line);border-top:1px solid var(--line);border-radius:2px;right:-7px}
.wa-float .wa-bubble b{color:var(--accent);font-weight:500}
.wa-float:hover .wa-bubble{border-color:var(--accent)}
@media (max-width:480px){.wa-float .wa-btn{width:54px;height:54px;border-radius:16px}.wa-float .wa-bubble{font-size:13px;padding:8px 12px}}

/* ---------- Paketler: bölge anahtarı ---------- */
.region-tabs{display:inline-flex;gap:4px;padding:4px;margin-bottom:28px;background:var(--bg);border:1px solid var(--line);border-radius:999px}
.region-tabs button{appearance:none;border:0;background:transparent;color:var(--muted);font-family:var(--head);font-weight:500;font-size:15px;min-height:44px;padding:0 26px;border-radius:999px;cursor:pointer;transition:background-color .25s,color .25s,box-shadow .25s}
.region-tabs button:hover{color:var(--ink)}
.region-tabs button[aria-selected=true]{background:var(--accent);color:var(--on-accent);box-shadow:0 6px 16px -6px color-mix(in srgb,var(--accent) 60%,transparent)}
.plan-group-title{margin:0 0 16px;font-size:1.3rem}
.plan-group+.plan-group{margin-top:40px}
.js .region-tabs{display:inline-flex}
.region-tabs{display:none}
.js .plan-group-title{display:none}
.js .plan-group+.plan-group{margin-top:0}
.plan-group[hidden]{display:none}
.js .plan-group.is-in{animation:grpIn .45s var(--ease)}
@keyframes grpIn{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}
.plans--single{grid-template-columns:minmax(0,420px);justify-content:center}
.plan-gift{display:flex;align-items:center;gap:8px;margin-top:14px;padding:8px 12px;border:1px dashed var(--accent);border-radius:var(--radius);background:var(--accent-soft);color:var(--accent);font-family:var(--head);font-weight:500;font-size:13.5px;line-height:1.3}
.plan-gift .ic{width:1.15em;height:1.15em}
@media (max-width:900px){.plans--single{max-width:520px;grid-template-columns:minmax(0,1fr)}}
@media (max-width:420px){.region-tabs button{padding:0 20px}}

/* ---------- Kampanya şeridi (ana sayfa) ---------- */
.camp-strip{position:relative;overflow:hidden;background:linear-gradient(120deg,color-mix(in srgb,var(--accent) 14%,var(--card)),var(--card) 70%);border:1px solid color-mix(in srgb,var(--accent) 35%,var(--line));border-left:6px solid var(--accent);box-shadow:0 18px 36px -24px color-mix(in srgb,var(--accent) 60%,transparent)}
.camp-strip::after{content:"+1";position:absolute;right:190px;top:50%;transform:translateY(-50%);font-family:var(--serif);font-size:7rem;line-height:1;color:color-mix(in srgb,var(--accent) 12%,transparent);pointer-events:none}
.camp-strip>*{position:relative;z-index:1}
.camp-strip h2{margin:0}
.camp-strip p{margin-top:8px}
@media (max-width:640px){.camp-strip{border-left-width:4px}.camp-strip::after{display:none}.camp-strip .btn{width:100%}}

/* ---------- Desteklenen cihazlar: logo kartları ---------- */
.dev-logos{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:16px}
.dev-logos li{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:18px 10px 14px;background:var(--card);border:1px solid var(--line);border-radius:16px;text-align:center;font-family:var(--head);font-weight:500;font-size:14.5px;color:var(--ink);transition:opacity .9s var(--ease),transform .35s var(--ease),box-shadow .35s var(--ease),border-color .35s}
.dev-logos li:hover{transform:translateY(-5px);border-color:var(--accent);box-shadow:0 16px 30px -14px color-mix(in srgb,var(--accent) 55%,transparent),0 0 0 3px color-mix(in srgb,var(--accent) 12%,transparent)}
.js .dev-logos li[data-reveal]{transition:opacity .9s var(--ease),transform .9s var(--ease),box-shadow .35s var(--ease),border-color .35s}
.js .dev-logos li.is-revealed:hover{transform:translateY(-5px)}
.dev-logos img{width:100%;max-width:110px;height:auto;aspect-ratio:2/1;object-fit:contain}
@media (max-width:900px){.dev-logos{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:480px){.dev-logos{gap:10px}.dev-logos li{padding:14px 6px 12px;font-size:13px}}

/* ---------- Kampanyalar sayfası: öne çıkan kart ---------- */
.feat-camp{padding:clamp(22px,4vw,36px);border:1px solid var(--accent);border-radius:var(--radius);box-shadow:inset 0 4px 0 var(--accent);background:var(--card);margin-bottom:36px}
.feat-badge{display:inline-flex;align-items:center;gap:8px;font-family:var(--head);font-weight:500;font-size:12.5px;color:var(--accent);border:1.5px solid var(--accent);border-radius:999px;padding:2px 12px}
.feat-dot{width:8px;height:8px;border-radius:50%;background:var(--accent)}
.feat-camp h2{margin-top:14px;font-size:clamp(1.6rem,3vw,2rem)}
.feat-sub{margin-top:6px;font-family:var(--head);font-weight:500;color:var(--accent)}
.feat-text{margin-top:14px;color:var(--text)}
.feat-camp h3{margin-top:24px;font-size:1.15rem}
.feat-terms{display:grid;gap:10px;margin-top:12px}
.feat-terms li{display:flex;gap:10px;align-items:flex-start;font-size:.98rem;line-height:1.5;color:var(--muted)}
.feat-terms .ic{color:var(--accent);margin-top:3px;width:1.05em;height:1.05em}
.camp-more-title{font-size:1.4rem;margin-bottom:18px}

/* ---------- Sayılarla Biz: halka göstergeler ---------- */
.stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}
.stat{display:flex;flex-direction:column;align-items:center;gap:14px;padding:26px 12px 22px;background:var(--card);border:1px solid var(--line);border-radius:16px;text-align:center}
.stat-ring{position:relative;width:min(100%,150px);aspect-ratio:1}
.stat-ring svg{position:absolute;inset:0;width:100%;height:100%;transform:rotate(-90deg)}
.stat-ring circle{fill:none;stroke-width:7}
.stat-track{stroke:var(--line)}
.stat-bar{stroke:var(--accent);stroke-linecap:round}
.stat-n{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-family:var(--head);font-weight:500;font-size:1.45rem;color:var(--ink);font-variant-numeric:tabular-nums;letter-spacing:-.01em}
.stat-n b{font-weight:500}
.stat-n i{font-style:normal;color:var(--accent);transition:opacity .3s}
.js .stat-n i{opacity:0}
.js .stat.is-counted .stat-n i{opacity:1}
.stat-l{font-family:var(--head);font-weight:500;color:var(--ink);font-size:1rem}
@media (max-width:900px){.stats{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:420px){.stats{gap:12px}.stat{padding:20px 8px 18px}.stat-n{font-size:1.2rem}}

/* ===== GÜVENLİK BLOĞU: kalın yazı yok (en çok 500) ===== */
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 label,html body summary,html body nav a,html body legend,html body optgroup{font-weight:500}
html body h1,html body h2,html body h3,html body h4{font-weight:400}
html body .cookie-bar .ck-btn,html body .cookie-bar *,html body .wa-float .wa-bubble,html body .wa-float .wa-bubble b,html body .announce *,html body [class*="announce"] *,html body [class*="ann-"] *,html body .field label,html body .prose strong,html body .prose b{font-weight:500}
html body .prose strong,html body .prose b{color:var(--ink)}
html body .plan-price strong,html body .big-n,html body .nf-code,html body .stop-n{font-weight:400}

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

/* poppins-baslik-3: ağırlık 500 ve hero genişliği */
html body h1,html body h2,html body h3,html body h4,html body .hero-title{font-weight:500}
html body .hero h1,html body .hero-title{max-width:26ch;font-size:clamp(1.85rem,4.4vw,3.6rem);line-height:1.15}
@media (max-width:480px){html body .hero h1,html body .hero-title{font-size:1.6rem;max-width:100%}}

/* ---------- Kategoriler: genişleyen fotoğraf şeritleri (kule yerine) ---------- */
.js .roof,.js .base{display:none}
.js .tower-scene{perspective:none;display:block;padding:8px 0}
.js .floors{display:flex;gap:10px;width:100%;height:clamp(380px,46vw,500px);transform:none}
.js .floor{flex:1 1 0;min-width:0;width:auto;height:auto;margin:0;transform:none;transition:flex-grow .6s var(--ease)}
.js .floor::before{display:none}
.js .floor.is-out{flex-grow:7;transform:none}
.js .floor figure{border-radius:18px;box-shadow:0 18px 28px -20px color-mix(in srgb,var(--ink) 55%,transparent)}
.js .floor img{width:100%;height:100%;object-fit:cover;filter:saturate(.85) brightness(.82);transition:filter .5s}
.js .floor.is-out img{filter:none}
.js .floor figure::after{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(12,14,22,.72),rgba(12,14,22,0) 55%);pointer-events:none}
.js .floor figcaption{z-index:1;background:none;padding:0;left:0;right:0;bottom:0;opacity:1;display:block}
.js .floor figcaption strong,.js .floor-solid figcaption strong{color:#fff;font-size:1.25rem;position:absolute;left:18px;bottom:18px;transform-origin:left bottom;white-space:nowrap}
.js .floor:not(.is-out) figcaption strong{left:50%;bottom:18px;transform:translateX(-12px) rotate(-90deg);transform-origin:left bottom;font-size:1.1rem}
.js .floor figcaption span,.js .floor-solid figcaption span{position:absolute;left:18px;bottom:50px;right:18px;color:rgba(255,255,255,.9);opacity:0;transition:opacity .35s .15s;font-size:.95rem}
.js .floor.is-out figcaption span{opacity:1}
@media (max-width:760px){
  .js .floors{flex-direction:column;height:auto;gap:10px}
  .js .floor{flex:none;height:86px;transition:height .5s var(--ease)}
  .js .floor.is-out{height:230px}
  .js .floor:not(.is-out) figcaption strong{left:18px;bottom:18px;transform:none;font-size:1.15rem}
  .js .floor figcaption span{display:block}
}
@media (prefers-reduced-motion:reduce){.js .floor{transition:none}}


/* ---------- Kurulum: dalgalı yol haritası (/kurulum) ---------- */
.kz-road{position:relative;height:340px;margin-top:8px}
.kz-wave{position:absolute;inset:0;width:100%;height:100%;overflow:visible}
.kz-wave path{fill:none;vector-effect:non-scaling-stroke;stroke-linecap:round}
.kz-wave-bg{stroke:color-mix(in srgb,var(--accent) 16%,var(--card));stroke-width:14}
.kz-wave-dash{stroke:var(--accent);stroke-width:3;stroke-dasharray:2 10}
.kz-stops{position:absolute;inset:0}
.kz-stop{position:absolute;left:var(--x);top:var(--y);width:0;height:0}
.kz-stop a{position:absolute;left:0;top:0;transform:translate(-50%,-38px);display:flex;flex-direction:column;align-items:center;gap:10px;width:170px;text-decoration:none;color:var(--ink)}
.kz-node{position:relative;display:grid;place-items:center;width:76px;height:76px;border-radius:50%;background:var(--card);border:3px solid var(--accent);color:var(--accent);box-shadow:0 10px 24px -10px color-mix(in srgb,var(--accent) 60%,transparent),0 0 0 7px var(--card);transition:transform .3s var(--ease),background-color .25s,color .25s}
.kz-node .ic{width:32px;height:32px;stroke-width:1.7}
.kz-node b{position:absolute;top:-6px;right:-6px;display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:var(--ink);color:#fff;font:600 12px/1 var(--head)}
.kz-stop a:hover .kz-node,.kz-stop a:focus-visible .kz-node{transform:scale(1.12);background:var(--accent);color:var(--on-accent)}
.kz-lab{display:grid;gap:0;text-align:center;line-height:1.3}
.kz-lab strong{font-family:var(--head);font-weight:500;font-size:1.02rem}
.kz-lab small{font-size:.82rem;color:var(--muted)}
@media (max-width:860px){
  .kz-road{height:auto}
  .kz-wave{display:none}
  .kz-stops{position:relative;display:grid;gap:14px;padding-left:44px}
  .kz-stops::before{content:"";position:absolute;left:36px;top:36px;bottom:36px;border-left:3px dashed var(--accent);opacity:.55}
  .kz-stop{position:relative;left:auto;top:auto;width:auto;height:auto}
  .kz-stop:nth-child(even){margin-left:34px}
  .kz-stop a{position:relative;transform:none;flex-direction:row;width:auto;gap:16px;padding:10px 16px 10px 10px;margin-left:-44px;background:var(--card);border:1px solid var(--line);border-radius:999px;box-shadow:0 10px 22px -16px color-mix(in srgb,var(--ink) 40%,transparent)}
  .kz-node{flex:none;width:58px;height:58px;box-shadow:0 0 0 5px var(--card)}
  .kz-node .ic{width:26px;height:26px}
  .kz-lab{text-align:left}
}
@media (max-width:420px){.kz-stop:nth-child(even){margin-left:18px}.kz-stops{padding-left:40px}.kz-stop a{margin-left:-40px}}
.kz-prep{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.kz-prep li{display:flex;gap:16px;align-items:flex-start;padding:24px 22px;background:var(--card);border:1px solid var(--line);border-radius:16px}
.kz-prep-ic{display:grid;place-items:center;flex:none;width:48px;height:48px;border-radius:14px;background:var(--accent-soft);color:var(--accent)}
.kz-prep-ic .ic{width:24px;height:24px}
.kz-prep h3{font-size:1.1rem}
.kz-prep p{margin-top:6px;color:var(--muted);font-size:.95rem}
@media (max-width:900px){.kz-prep{grid-template-columns:1fr 1fr}}
@media (max-width:600px){.kz-prep{grid-template-columns:1fr}}
.kz-how{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:26px;counter-reset:none}
.kz-how li{position:relative;padding-top:12px}
.kz-how li+li::before{content:"";position:absolute;top:34px;left:-18px;width:10px;height:10px;border-top:3px solid var(--accent);border-right:3px solid var(--accent);transform:rotate(45deg);opacity:.5}
.kz-how-n{display:block;font-family:var(--serif);font-size:3.4rem;line-height:1;color:color-mix(in srgb,var(--accent) 45%,var(--card))}
.kz-how h3{margin-top:10px;font-size:1.15rem}
.kz-how p{margin-top:6px;color:var(--muted);font-size:.96rem}
@media (max-width:900px){.kz-how{grid-template-columns:1fr 1fr}.kz-how li:nth-child(odd)::before{display:none}}
@media (max-width:520px){.kz-how{grid-template-columns:1fr;gap:18px}.kz-how li::before{display:none}.kz-how li{display:grid;grid-template-columns:auto 1fr;column-gap:16px}.kz-how-n{grid-row:span 2;font-size:2.8rem}.kz-how h3{margin-top:0}}
.kz-band{display:flex;align-items:center;justify-content:space-between;gap:22px;flex-wrap:wrap;padding:clamp(24px,4vw,40px);border-radius:20px;background:var(--ink);color:#fff}
.kz-band h2{color:#fff;font-size:clamp(1.4rem,2.6vw,1.9rem)}
.kz-band p{margin-top:6px;color:color-mix(in srgb,#fff 78%,transparent);max-width:34em}
@media (max-width:560px){.kz-band .btn{width:100%}}

/* ---------- Kurulum: cihaz sayfası, iki panel (/kurulum/<cihaz>) ---------- */
.kc-hero{margin-top:-86px;padding:calc(86px + clamp(28px,4vw,52px)) 0 clamp(32px,5vw,56px);background:radial-gradient(1000px 320px at 85% 0,color-mix(in srgb,var(--accent) 14%,transparent),transparent 70%),var(--bg);border-bottom:1px solid var(--line)}
@media (max-width:860px){.kc-hero{margin-top:-80px;padding-top:calc(80px + 26px)}}
.kc-hero-in{display:grid;grid-template-columns:auto minmax(0,1fr);gap:clamp(20px,4vw,48px);align-items:center}
.kc-big-ic{display:grid;place-items:center;width:clamp(84px,12vw,148px);aspect-ratio:1;border-radius:32px;background:var(--accent);color:var(--on-accent);box-shadow:0 22px 40px -18px color-mix(in srgb,var(--accent) 70%,transparent);transform:rotate(-4deg)}
.kc-big-ic .ic{width:52%;height:52%;stroke-width:1.6}
.kc-badge{display:inline-flex;align-items:center;gap:8px;padding:6px 14px;border-radius:999px;background:var(--card);border:1px solid var(--line);font-family:var(--head);font-weight:500;font-size:.88rem;color:var(--ink)}
.kc-badge .ic{color:var(--accent)}
.kc-hero h1{margin-top:12px;font-size:clamp(1.9rem,4.2vw,3rem)}
.kc-lede{margin-top:12px;max-width:42em;font-size:1.08rem;color:var(--muted)}
.kc-hero-act{margin-top:20px;display:flex;flex-wrap:wrap;gap:12px}
@media (max-width:640px){.kc-hero-in{grid-template-columns:1fr}.kc-big-ic{width:84px;border-radius:24px}.kc-hero-act .btn{width:100%}}
.kc-h{font-size:clamp(1.5rem,2.8vw,2.1rem);margin-bottom:22px}
.kc-sub{margin:-12px 0 24px;color:var(--muted)}
.kc-needs{display:grid;gap:12px}
.kc-needs li{display:flex;gap:14px;align-items:flex-start;padding:14px 18px;border:1px solid var(--line);border-radius:12px;background:var(--bg)}
.kc-needs .ic{margin-top:4px;color:var(--accent)}
.kc-cols{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(0,1fr);gap:clamp(24px,4vw,56px);align-items:start}
.kc-steps{display:grid;gap:12px}
.kc-step label{position:relative;display:grid;grid-template-columns:auto auto 1fr;gap:14px;align-items:start;padding:18px 20px;background:var(--card);border:1px solid var(--line);border-radius:14px;cursor:pointer;transition:border-color .2s,box-shadow .2s,background-color .2s}
.kc-step label:hover{border-color:var(--accent);box-shadow:0 12px 26px -18px color-mix(in srgb,var(--accent) 60%,transparent)}
.kc-step input{position:absolute;opacity:0;pointer-events:none}
.kc-tick{display:grid;place-items:center;width:26px;height:26px;margin-top:1px;border:2px solid var(--line);border-radius:8px;color:transparent;background:var(--card);transition:all .2s}
.kc-tick .ic{width:16px;height:16px;stroke-width:3}
.kc-step-n{font-family:var(--serif);font-size:1.9rem;line-height:1;color:color-mix(in srgb,var(--accent) 55%,var(--card));min-width:1.3em}
.kc-step-t{display:grid;gap:4px}
.kc-step-t strong{font-family:var(--head);font-weight:500;font-size:1.08rem;color:var(--ink)}
.kc-step-t span{color:var(--muted);font-size:.98rem}
.kc-step input:focus-visible+.kc-tick{outline:3px solid var(--accent);outline-offset:2px}
.kc-step input:checked+.kc-tick{background:var(--accent);border-color:var(--accent);color:var(--on-accent)}
.kc-step label:has(input:checked){background:color-mix(in srgb,var(--accent-soft) 70%,var(--card));border-color:color-mix(in srgb,var(--accent) 30%,var(--line))}
.kc-step label:has(input:checked) .kc-step-t strong{text-decoration:line-through;text-decoration-color:color-mix(in srgb,var(--accent) 50%,transparent)}
.kc-right{position:sticky;top:calc(var(--hdr) + 18px)}
.kc-panel{padding:24px;background:var(--card);border:1px solid var(--line);border-radius:20px;box-shadow:var(--shadow)}
.kc-panel h2{font-size:1.25rem;margin:18px 0 12px}
.kc-screen{position:relative;display:grid;place-items:center;height:130px;border-radius:14px;border:6px solid var(--ink);background:linear-gradient(160deg,color-mix(in srgb,var(--accent) 22%,var(--card)),var(--card));color:var(--accent)}
.kc-screen::after{content:"";position:absolute;left:50%;bottom:-20px;width:84px;height:8px;margin-left:-42px;border-radius:0 0 8px 8px;background:var(--ink)}
.kc-screen-ic .ic{width:46px;height:46px;stroke-width:1.5}
.kc-screen i{position:absolute;left:14px;height:5px;border-radius:3px;background:color-mix(in srgb,var(--accent) 35%,transparent);bottom:12px}
.kc-screen i:nth-of-type(1){width:30%}.kc-screen i:nth-of-type(2){left:auto;right:14px;width:20%}.kc-screen i:nth-of-type(3){display:none}
.kc-chips{display:flex;flex-wrap:wrap;gap:8px 4px;align-items:center}
.kc-chips li{display:inline-flex;align-items:center;padding:6px 12px;border-radius:999px;background:var(--accent-soft);border:1px solid color-mix(in srgb,var(--accent) 22%,var(--line));font-family:var(--head);font-weight:500;font-size:.84rem;color:var(--ink)}
.kc-chips li:not(:last-child)::after{content:"\203A";margin-left:10px;margin-right:-6px;color:var(--accent);font-size:1.2em;line-height:1}
.kc-chips li:last-child{background:var(--accent);color:var(--on-accent);border-color:var(--accent)}
.kc-prog{margin:20px 0 16px}
.kc-prog-bar{height:8px;border-radius:99px;background:var(--line);overflow:hidden}
.kc-prog-bar i{display:block;height:100%;background:var(--accent);border-radius:99px;transition:width .35s var(--ease)}
.kc-prog p{margin-top:8px;font-size:.9rem;color:var(--muted)}
@media (max-width:900px){.kc-cols{grid-template-columns:1fr}.kc-right{position:static;order:-1}.kc-screen{display:none}.kc-panel h2{margin-top:0}}
@media (max-width:480px){.kc-step label{grid-template-columns:auto 1fr;padding:16px}.kc-step-n{display:none}.kc-panel{padding:20px}}
.kc-tips{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.kc-tips li{padding:22px;border:1px solid color-mix(in srgb,var(--accent) 28%,var(--line));border-left:5px solid var(--accent);border-radius:12px;background:color-mix(in srgb,var(--accent-soft) 55%,var(--card))}
.kc-tips .ic{color:var(--accent);font-size:24px;margin-bottom:8px}
.kc-tips p{font-size:.98rem;color:var(--text)}
@media (max-width:900px){.kc-tips{grid-template-columns:1fr 1fr}}
@media (max-width:600px){.kc-tips{grid-template-columns:1fr}}
.kc-qa{grid-template-columns:1fr}
.kc-after{display:grid;gap:12px}
.kc-after li{display:flex;gap:14px;align-items:center;padding:16px 20px;border:1px solid var(--line);border-radius:14px;background:var(--card);box-shadow:0 10px 22px -18px color-mix(in srgb,var(--ink) 40%,transparent)}
.kc-box{display:grid;place-items:center;flex:none;width:28px;height:28px;border-radius:8px;background:var(--accent);color:var(--on-accent)}
.kc-box .ic{width:16px;height:16px;stroke-width:3}
.kc-others{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px}
.kc-others a{display:flex;align-items:center;gap:12px;padding:14px 16px;border:1px solid var(--line);border-radius:14px;background:var(--card);font-family:var(--head);font-weight:500;font-size:.95rem;color:var(--ink);text-decoration:none;transition:border-color .2s,transform .25s var(--ease)}
.kc-others a:hover{border-color:var(--accent);transform:translateY(-3px)}
.kc-o-ic{display:grid;place-items:center;flex:none;width:38px;height:38px;border-radius:10px;background:var(--accent-soft);color:var(--accent)}
.kc-o-arr{margin-left:auto;color:var(--accent);font-size:16px}
@media (max-width:1100px){.kc-others{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:640px){.kc-others{grid-template-columns:1fr 1fr}.kc-o-arr{display:none}}
@media (max-width:380px){.kc-others{grid-template-columns:1fr}}

/* Menü bağlantıları tek satırda (Ana Sayfa alt alta kırılmasın) */
header nav a,header .nav a,header [class*="nav"] a,header [class*="menu"] a{white-space:nowrap}

/* ---------- Her ekranda (hc-): perspektifli cihaz kümesi, gradyan zemin ---------- */
.hc{position:relative;overflow:hidden;padding:36px 0;color:#fff;background:radial-gradient(120% 90% at 85% 10%,color-mix(in srgb,var(--accent) 62%,var(--ink-2)) 0,transparent 60%),linear-gradient(135deg,var(--ink-2),color-mix(in srgb,var(--accent) 28%,var(--ink)) 62%,color-mix(in srgb,var(--accent) 55%,var(--ink-2)))}
.hc-in{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,35em);align-items:center;gap:40px;font-size:16px}
.hc-copy{max-width:520px}
.hc-copy h2{color:#fff;font-size:clamp(2.1rem,4.2vw,3.3rem);line-height:1.08;letter-spacing:-.015em;margin:0}
.hc-copy>p{margin:18px 0 0;color:rgba(255,255,255,.82);font-size:1.06rem;line-height:1.6}
.hc-copy>.hc-chips{margin:22px 0 0;display:flex;flex-wrap:wrap;gap:8px}
.hc-chips span{padding:5px 14px;border-radius:99px;font-size:.85rem;line-height:1.4;color:#fff;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.28)}
.hc-copy .more{margin-top:22px;color:#fff;border-bottom:1.5px solid rgba(255,255,255,.55)}
.hc-copy .more:hover{color:#fff;border-bottom-color:#fff}
.hc-stage{position:relative;width:35em;height:27.6em;perspective:1500px;perspective-origin:30% 40%}
.hc-floor{position:absolute;left:2%;right:-4%;bottom:-1.2em;height:7em;border-radius:50%;background:radial-gradient(ellipse at center,rgba(0,0,0,.5),transparent 68%);filter:blur(10px);transform:rotateX(60deg)}
.hc-rig{position:absolute;inset:0;transform-style:preserve-3d;transform:rotateX(9deg) rotateY(-24deg) rotateZ(1deg)}
.hc-dev{--z:0em;--d:0s;position:absolute;margin:0;transform-style:preserve-3d;transform:translate3d(0,0,var(--z));animation:hc-float 7s ease-in-out var(--d) infinite;filter:drop-shadow(0 2px 3px rgba(0,0,0,.35)) drop-shadow(0 14px 18px rgba(0,0,0,.32)) drop-shadow(0 34px 40px rgba(0,0,0,.28))}
@keyframes hc-float{0%,100%{transform:translate3d(0,0,var(--z))}50%{transform:translate3d(0,-.55em,var(--z))}}
.hc-frame,.hc-lid{position:relative;background:linear-gradient(145deg,#3b3f49,#14161b 55%,#23262d);border-radius:.55em;padding:.38em;box-shadow:inset 0 0 0 1px rgba(255,255,255,.16),inset 0 1px 0 rgba(255,255,255,.28)}
.hc-scr{position:relative;display:block;overflow:hidden;background:#07080b;border-radius:.2em;box-shadow:inset 0 0 1.4em rgba(255,255,255,.12),inset 0 0 0 1px rgba(0,0,0,.6)}
.hc-scr img{display:block;width:100%;height:100%;object-fit:cover;filter:saturate(1.05) contrast(1.04)}
.hc-scr::before{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(180deg,rgba(8,10,16,.55),rgba(8,10,16,0) 34%,rgba(8,10,16,0) 58%,rgba(8,10,16,.7))}
.hc-ui{position:absolute;inset:0;z-index:2;display:block}
.hc-ui-bar{position:absolute;left:5%;right:5%;top:6%;display:flex;gap:4%;align-items:center}
.hc-ui-bar i{display:block;height:.28em;border-radius:1em;background:rgba(255,255,255,.7);width:14%}
.hc-ui-bar i:first-child{background:var(--accent);filter:brightness(1.5);width:18%}
.hc-ui-bar i:last-child{margin-left:auto;width:10%;background:rgba(255,255,255,.4)}
.hc-ui-card{position:absolute;left:5%;bottom:17%;display:grid;gap:.3em;width:34%}
.hc-ui-card b{display:block;height:.34em;border-radius:1em;background:rgba(255,255,255,.88)}
.hc-ui-card b+b{width:62%;height:.24em;background:rgba(255,255,255,.5)}
.hc-ui-prog{position:absolute;left:5%;right:5%;bottom:8%;height:.24em;border-radius:1em;background:rgba(255,255,255,.28)}
.hc-ui-prog b{display:block;height:100%;width:46%;border-radius:inherit;background:var(--accent);filter:brightness(1.5)}
.hc-glass{position:absolute;inset:0;z-index:3;pointer-events:none;background:linear-gradient(115deg,rgba(255,255,255,.26) 0,rgba(255,255,255,.07) 30%,rgba(255,255,255,0) 31%),linear-gradient(180deg,rgba(255,255,255,.1),transparent 40%)}
.hc-cam{position:absolute;z-index:2;width:.34em;height:.34em;border-radius:50%;background:radial-gradient(circle at 35% 35%,#34506e,#05060a 70%);box-shadow:0 0 0 1px rgba(255,255,255,.18)}
/* Televizyon */
.hc-tv{left:0;top:.6em;width:20.5em}
.hc-tv .hc-scr{aspect-ratio:16/9}
.hc-neck{width:3em;height:1.5em;margin:0 auto;background:linear-gradient(90deg,#16181d,#3a3e47 45%,#15171b);clip-path:polygon(12% 0,88% 0,100% 100%,0 100%)}
.hc-foot{width:9em;height:.45em;margin:0 auto;border-radius:.3em;background:linear-gradient(180deg,#4a4e58,#14161a);box-shadow:0 1px 0 rgba(255,255,255,.2) inset}
/* Bilgisayar */
.hc-pc{left:7.6em;top:11.2em;width:20.5em}
.hc-lid{border-radius:.7em .7em .2em .2em;padding:.42em .42em .5em}
.hc-lid .hc-cam{left:50%;top:.14em;margin-left:-.17em;width:.2em;height:.2em}
.hc-pc .hc-scr{aspect-ratio:16/10}
.hc-deck{position:relative;height:.85em;width:112%;margin:0 -6%;border-radius:0 0 1.1em 1.1em/0 0 .8em .8em;background:linear-gradient(180deg,#e3e5ea,#b4b8c1 55%,#8c909a);box-shadow:inset 0 1px 0 #fff,0 .35em .7em rgba(0,0,0,.35)}
.hc-hinge{position:absolute;left:0;right:0;top:0;height:.18em;background:linear-gradient(90deg,#6c707a,#2a2c33 50%,#6c707a)}
.hc-notch{position:absolute;left:50%;top:0;width:18%;height:.32em;margin-left:-9%;border-radius:0 0 .5em .5em;background:linear-gradient(180deg,#7f838d,#aeb2bb)}
/* Tablet */
.hc-tb{left:26.4em;top:5.2em;width:9em}
.hc-tb .hc-frame{border-radius:.9em;padding:.42em}
.hc-tb .hc-scr{aspect-ratio:3/4;border-radius:.5em}
.hc-tb .hc-cam{left:50%;top:.12em;margin-left:-.17em;width:.2em;height:.2em}
/* Telefon */
.hc-ph{left:1em;top:14.8em;width:5.8em}
.hc-ph .hc-frame{border-radius:1.15em;padding:.3em}
.hc-ph .hc-scr{aspect-ratio:9/19;border-radius:.85em}
.hc-island{position:absolute;z-index:4;left:50%;top:.62em;width:1.7em;height:.5em;margin-left:-.85em;border-radius:1em;background:#020305;box-shadow:0 0 0 1px rgba(255,255,255,.05)}
.hc-btn{position:absolute;width:.14em;border-radius:.1em;background:linear-gradient(90deg,#5a5e68,#23262c)}
.hc-btn-a{left:-.1em;top:3.2em;height:.9em}.hc-btn-b{left:-.1em;top:4.4em;height:1.4em}.hc-btn-c{right:-.1em;top:4em;height:1.9em}
.hc-ph .hc-ui-bar{top:12%}.hc-ph .hc-ui-card{width:60%;bottom:20%}
.hc-tb .hc-ui-card{width:48%}
@media (max-width:980px){
  .hc{padding:44px 0}
  .hc-in{grid-template-columns:1fr;gap:34px}
  .hc-copy{max-width:640px}
  .hc-stage{margin:0 auto}
}
@media (max-width:620px){
  .hc-in{font-size:calc((100vw - 2 * var(--gut)) / 35)}
  .hc-copy{font-size:16px}
  .hc-stage{margin:0}
}
@media (prefers-reduced-motion:reduce){.hc-dev{animation:none}}

/* Desteklenen cihazlar: daktilo başlık */
.cz-head{margin-left:auto;margin-right:auto;text-align:center;max-width:1100px}
.cz-typing{line-height:1.3;min-height:2.6em}
.cz-word{display:inline-block;min-width:8.6em;text-align:left;font-weight:800;color:var(--accent);white-space:nowrap}
.cz-caret{display:inline-block;width:2px;height:1em;margin-left:2px;vertical-align:-.12em;background:var(--accent);animation:cz-blink 1s steps(1) infinite}
@keyframes cz-blink{50%{opacity:0}}
@media (max-width:600px){.cz-word{min-width:0;display:inline}.cz-typing{min-height:3.9em}}
@media (prefers-reduced-motion:reduce){.cz-caret{animation:none;display:none}}

/* Paketler başlık bloğu: yatayda tam ortala */
#paketler .sh{margin-left:auto;margin-right:auto;text-align:center}
#paketler .region-tabs,.js #paketler .region-tabs{display:flex;width:fit-content;max-width:100%;margin-left:auto;margin-right:auto;flex-wrap:wrap;justify-content:center}