/* Romanya IPTV — açık zemin, indigo vurgu, Source Serif 4 + Rubik + Nunito Sans. İmza: dikey fotoğraf şeridi + yuvarlak (halka) öğeler. */

:root{
  --head:'Rubik',var(--font);
  --serif:Poppins,'Nunito Sans',system-ui,sans-serif;
  --wrap:1200px;
  --gut:16px;
  --hd-h:68px;
  --deep:var(--accent);
  --shade:color-mix(in srgb,var(--text) 12%,transparent);
  --ease:cubic-bezier(.2,.7,.2,1);
}
@media (min-width:640px){:root{--gut:24px}}
@media (min-width:1100px){:root{--gut:32px;--hd-h:76px}}

*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;scroll-padding-top:calc(var(--hd-h) + 16px)}
body{margin:0;background:var(--bg);color:var(--text);font-family:var(--font);font-size:17px;line-height:1.6;-webkit-font-smoothing:antialiased;overflow-x:hidden}
body.nav-lock{overflow:hidden}
img{max-width:100%;display:block}
a{color:var(--accent);text-underline-offset:3px}
h1,h2,h3,h4{margin:0;line-height:1.12;overflow-wrap:anywhere;font-family:var(--serif);font-weight:400;letter-spacing:-.012em}
p{margin:0}
ul,ol,dl{margin:0;padding:0}
dd{margin:0}
figure{margin:0}
fieldset{margin:0;padding:0;border:0;min-width:0}
button{font:inherit;color:inherit}
:focus-visible{outline:3px solid var(--accent);outline-offset:2px;border-radius:4px}
.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.skip{position:absolute;left:-999px;top:8px;background:var(--accent);color:var(--on-accent);padding:10px 16px;border-radius:8px;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}
.wrap{max-width:calc(var(--wrap) + 2 * var(--gut));margin-inline:auto;padding-inline:var(--gut)}
.narrow{max-width:calc(860px + 2 * var(--gut))}

/* ---------------------------------------------------------------- Butonlar */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:48px;padding:0 22px;border-radius:10px;border:1.5px solid transparent;font-size:16px;font-weight:500;line-height:1.2;text-decoration:none;cursor:pointer;transition:background-color .2s,border-color .2s,color .2s;font-family:var(--head)}
.btn-ink{background:var(--accent);color:var(--on-accent)}
.btn-ink:hover{background:var(--accent-hover)}
.btn-line{background:var(--card);color:var(--text);border-color:color-mix(in srgb,var(--text) 20%,transparent)}
.btn-line:hover{border-color:var(--accent);color:var(--accent)}
.btn-sm{min-height:44px;padding:0 16px;font-size:15px}
.btn-lg{min-height:54px;padding:0 26px;font-size:17px}
.btn-block{width:100%}
.btn .ic{width:19px;height:19px}
.btn-row{display:flex;flex-wrap:wrap;gap:12px}
.btn-row-center{justify-content:center}
.link-btn{background:none;border:0;padding:0;color:inherit;text-decoration:underline;text-underline-offset:3px;cursor:pointer;font-size:inherit}
.text-link{display:inline-flex;align-items:center;gap:6px;min-height:44px;font-weight:500;text-decoration:none;color:var(--accent);font-family:var(--head)}
.text-link .ic{width:18px;height:18px;transition:transform .2s var(--ease)}
.text-link:hover .ic{transform:translateX(4px)}

/* ---------------------------------------------------------------- Logo */
.logo{display:inline-flex;align-items:center;min-height:44px;text-decoration:none;color:var(--text)}
.logo-in{display:inline-flex;align-items:center;gap:10px}
.logo-mark{width:40px;height:40px;flex:none;display:block}
.lm-b{fill:var(--accent)}
.lm-r{stroke:var(--card)}
.lm-d{fill:var(--card)}
.logo-word{font-size:21px;font-weight:500;letter-spacing:.01em;color:var(--text);transition:color .25s ease,text-shadow .25s ease;white-space:nowrap;font-family:var(--head)}
.logo-word span{color:var(--accent)}
@media (max-width:399px){.hd .logo-mark{width:36px;height:36px}.hd .logo-word{font-size:19px}}

/* ---------------------------------------------------------------- Header */
.hd{position:sticky;top:0;z-index:800;background:var(--card);border-bottom:1px solid var(--line);transition:box-shadow .25s}
.hd.is-scrolled{box-shadow:0 8px 24px -16px var(--shade)}
.hd-row{display:flex;align-items:center;gap:16px;height:var(--hd-h)}
.hd-row>.logo{margin-right:auto}
.hd-nav ul{display:flex;list-style:none;gap:2px}
.hd-nav a{position:relative;display:flex;align-items:center;min-height:44px;padding:0 12px;color:var(--text);text-decoration:none;font-size:16px;font-weight:500}
.hd-nav a::after{content:"";position:absolute;left:12px;right:12px;bottom:6px;height:2px;border-radius:2px;background:var(--accent);transform:scaleX(0);transition:transform .25s var(--ease)}
.hd-nav a:hover::after,.hd-nav a[aria-current="page"]::after{transform:scaleX(1)}
.hd-nav a[aria-current="page"]{color:var(--accent)}
.hd-menu{display:none;place-items:center;width:46px;height:46px;border:1.5px solid var(--line);border-radius:12px;background:var(--card);cursor:pointer}
.hd-menu-bars{display:grid;gap:6px;width:20px}
.hd-menu-bars i{display:block;height:2px;border-radius:2px;background:currentColor}
.hd-menu-bars i:last-child{width:13px;justify-self:end}
@media (max-width:1079px){.hd-nav{display:none}.hd-menu{display:grid}}
@media (max-width:599px){.hd-cta{display:none}}

/* Mobil menü: sağdan beyaz çekmece, arkada perde yok */
.drawer{position:fixed;inset:0;z-index:1000}
.drawer[hidden]{display:none}
.drawer-hit{position:absolute;inset:0;background:transparent}
.drawer-panel{position:absolute;top:0;right:0;bottom:0;width:min(86vw,370px);display:flex;flex-direction:column;overflow-y:auto;background:var(--card);border-left:1px solid var(--line);box-shadow:-24px 0 48px -32px var(--shade);padding:12px 20px calc(20px + env(safe-area-inset-bottom));transform:translateX(100%);transition:transform .32s var(--ease)}
.drawer.is-open .drawer-panel{transform:none}
.drawer-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-bottom:10px;border-bottom:1px solid var(--line)}
.drawer-head .logo-mark{width:34px;height:34px}
.drawer-head .logo-word{font-size:18px}
.drawer-close{display:grid;place-items:center;width:44px;height:44px;border:0;border-radius:12px;background:var(--bg);cursor:pointer;flex:none}
.drawer-list{list-style:none;margin:6px 0 20px}
.drawer-list a{display:flex;align-items:center;justify-content:space-between;min-height:54px;color:var(--text);text-decoration:none;font-size:20px;font-weight:500;border-bottom:1px solid var(--line);font-family:var(--head)}
.drawer-list a .ic{color:var(--muted)}
.drawer-list a[aria-current="page"]{color:var(--accent)}
.drawer-wa{margin-top:auto}

/* ---------------------------------------------------------------- Ortak bölüm düzeni */
.sec{padding:clamp(56px,8vw,104px) 0}
.sec-tight{padding:clamp(28px,4vw,48px) 0 clamp(48px,6vw,80px)}
.sec-white{background:var(--card)}
.head{max-width:640px;margin-bottom:clamp(28px,4vw,44px)}
.head h2{font-size:clamp(30px,3.6vw,44px);font-weight:400}
.head p{margin-top:12px;color:var(--muted);font-size:18px}
.head-center{text-align:center;margin-inline:auto}
.head-row{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;max-width:none}
.h2-sm{font-size:clamp(24px,2.8vw,32px);margin-bottom:20px}
.fine{margin-top:22px;color:var(--muted);font-size:15px;text-align:center}
.fine-left{text-align:left;margin:0 0 20px}
.lede{margin-top:14px;font-size:clamp(17px,1.5vw,19px);color:var(--muted);max-width:56ch}
.crumbs ol{display:flex;flex-wrap:wrap;list-style:none;gap:6px;font-size:14px;color:var(--muted);margin-bottom:16px}
.crumbs li+li::before{content:"/";margin-right:6px;color:var(--line)}
.crumbs a{color:var(--muted);text-decoration:none}
.crumbs a:hover{color:var(--accent);text-decoration:underline}
.ticks{list-style:none;display:grid;gap:9px}
.ticks li{display:flex;gap:10px;font-size:15.5px}
.ticks .ic{width:18px;height:18px;margin-top:3px;color:var(--accent);stroke-width:2.4}
.pm{position:relative;flex:none;width:26px;height:26px;border-radius:50%;border:1.5px solid var(--line)}
.pm::before,.pm::after{content:"";position:absolute;left:7px;right:7px;top:11px;height:2px;background:var(--text);transition:transform .25s var(--ease)}
.pm::after{transform:rotate(90deg)}
details[open]>summary .pm::after{transform:rotate(0)}

/* ---------------------------------------------------------------- Hero: tam genişlik sinematik fotoğraf sahnesi
   Fotoğraflar yumuşak çapraz geçişle değişir (önceki foto altta tam opak kalır; boşluk oluşmaz).
   Metin fotoğrafın üzerinde, sol hizalı, kartsız; okunurluk için soldan sağa hafif koyu örtü. Alt kenarda önizleme düğmeleri. */
.stage{position:relative;isolation:isolate;overflow:hidden;display:flex;min-height:max(520px,calc(100svh - var(--hd-h) - 4svh));background:var(--text)}
.stage-media{position:absolute;inset:0;z-index:-1;background:var(--text) center/cover no-repeat}
.st-slide{position:absolute;inset:0;opacity:0;z-index:0}
.st-slide img{width:100%;height:100%;object-fit:cover;object-position:60% 40%}
.st-slide.was-on{opacity:1;z-index:1}
.st-slide.is-on{opacity:1;z-index:2;transition:opacity .7s ease}
.stage-media::after{content:"";position:absolute;inset:0;z-index:3;background:linear-gradient(90deg,color-mix(in srgb,var(--text) 80%,transparent) 0%,color-mix(in srgb,var(--text) 55%,transparent) 38%,transparent 72%),linear-gradient(to top,color-mix(in srgb,var(--text) 55%,transparent) 0%,transparent 30%)}
.stage-in{position:relative;display:flex;flex-direction:column;justify-content:space-between;width:100%;padding-block:clamp(40px,11vh,140px) clamp(20px,3vh,32px)}
.stage-copy{max-width:620px;color:#fff}
.stage-eyebrow{display:inline-flex;align-items:center;gap:10px;font-size:16px;font-weight:500;color:color-mix(in srgb,white 85%,transparent);margin-bottom:16px;font-family:var(--head)}
.stage-eyebrow::before{content:"";width:28px;height:2px;background:color-mix(in srgb,white 70%,transparent)}
.stage h1{font-size:min(clamp(40px,5.4vw,80px),9vh);font-weight:400;line-height:1.02;letter-spacing:-.015em;color:#fff}
.stage h1 span{display:block}
.stage-lede{margin:20px 0 28px;font-size:clamp(17px,1.5vw,20px);line-height:1.55;color:color-mix(in srgb,white 88%,transparent);max-width:44ch}
.btn-ghost{background:transparent;color:#fff;border-color:color-mix(in srgb,white 60%,transparent)}
.btn-ghost:hover{background:color-mix(in srgb,white 12%,transparent);border-color:#fff}
.stage-thumbs{display:flex;gap:8px;margin-top:32px}
.st-thumb{position:relative;width:clamp(64px,6vw,86px);aspect-ratio:16/10;padding:0;border:0;border-radius:8px;overflow:hidden;background:color-mix(in srgb,white 20%,transparent);cursor:pointer;opacity:.6;transition:opacity .25s,transform .25s var(--ease)}
.st-thumb img{width:100%;height:100%;object-fit:cover}
.st-thumb:hover{opacity:.9}
.st-thumb[aria-current="true"]{opacity:1;box-shadow:0 0 0 2px #fff}
.st-bar{position:absolute;left:0;right:0;bottom:0;height:3px;background:color-mix(in srgb,white 30%,transparent)}
.st-bar::after{content:"";position:absolute;inset:0;background:#fff;transform:scaleX(0);transform-origin:left}
.st-thumb[aria-current="true"] .st-bar::after{animation:stBar var(--hero-ms,7s) linear forwards}
.stage.is-paused .st-bar::after{animation-play-state:paused}
@keyframes stBar{to{transform:scaleX(1)}}
html:not(.js) .stage-thumbs{display:none}
@media (max-width:767px){
  .stage{min-height:max(500px,calc(100svh - var(--hd-h) - 6svh))}
  .stage-media::after{background:linear-gradient(to bottom,color-mix(in srgb,var(--text) 70%,transparent) 0%,color-mix(in srgb,var(--text) 50%,transparent) 55%,color-mix(in srgb,var(--text) 70%,transparent) 100%)}
  .st-slide img{object-position:72% 40%}
  .stage-in{padding-block:clamp(28px,7vh,64px) 20px}
  .stage h1{font-size:clamp(32px,9vw,44px)}
  .stage-lede{font-size:16px;margin:14px 0 22px}
  .stage .btn-row .btn{flex:1 1 auto;min-height:50px;padding:0 16px;font-size:15px}
}

/* ---------------------------------------------------------------- Katalog: halka sekmeleri */
.rings-tabs{display:flex;justify-content:center;gap:clamp(2px,1.4vw,28px);margin-bottom:clamp(20px,3vw,32px)}
.ring{display:flex;flex-direction:column;align-items:center;gap:8px;min-width:44px;padding:4px 2px;border:0;background:none;cursor:pointer;color:var(--muted)}
.ring-img{display:block;width:clamp(56px,9vw,104px);aspect-ratio:1;border-radius:50%;overflow:hidden;background:var(--line);box-shadow:0 0 0 3px var(--bg),0 0 0 4px var(--line);transition:box-shadow .25s,transform .25s var(--ease)}
.sec-white .ring-img{box-shadow:0 0 0 3px var(--card),0 0 0 4px var(--line)}
.ring-img img{width:100%;height:100%;object-fit:cover}
.ring-name{font-size:clamp(13px,1.3vw,16px);font-weight:500;text-align:center;font-family:var(--head)}
.ring:hover .ring-img{transform:translateY(-3px)}
.ring[aria-selected="true"]{color:var(--text)}
.ring[aria-selected="true"] .ring-img{box-shadow:0 0 0 3px var(--bg),0 0 0 6px var(--accent)}
.rings-stage{position:relative;isolation:isolate;overflow:hidden;border-radius:22px;aspect-ratio:21/9;background:var(--line)}
@media (max-width:767px){.rings-stage{aspect-ratio:4/3}}
.ring-panel{position:absolute;inset:0;opacity:0;transition:opacity .6s ease}
.ring-panel.is-on{opacity:1;z-index:1}
.ring-panel img{width:100%;height:100%;object-fit:cover}
.ring-panel--solid{background:color-mix(in srgb,var(--accent) calc(100% - var(--i) * 6%),#fff)}
.ring-glyph{position:absolute;right:clamp(24px,8vw,120px);top:50%;width:clamp(96px,16vw,220px);height:clamp(96px,16vw,220px);transform:translateY(-50%);opacity:.9}
.ring-panel.ring-panel--solid::after{background:none}
.ring-panel::after{content:"";position:absolute;inset:0;background:linear-gradient(to top,color-mix(in srgb,var(--text) 72%,transparent),transparent 55%)}
.ring-cap{position:absolute;z-index:1;left:clamp(18px,3vw,40px);right:18px;bottom:clamp(16px,3vw,36px);color:white;max-width:520px}
.ring-cap h3{font-size:clamp(26px,3vw,40px);font-weight:400}
.ring-cap p{margin-top:6px;font-size:clamp(15px,1.4vw,18px);color:color-mix(in srgb,white 88%,transparent)}
html:not(.js) .rings-tabs{display:none}
html:not(.js) .rings-stage{aspect-ratio:auto;display:grid;gap:12px;background:none;overflow:visible}
html:not(.js) .ring-panel{position:relative;opacity:1;aspect-ratio:21/9;border-radius:22px;overflow:hidden}

/* ---------------------------------------------------------------- Paketler: masaüstü/tablet yan yana, mobilde alt alta */
.plans{list-style:none;display:grid;gap:16px}
@media (min-width:768px){.plans{grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);gap:clamp(14px,2vw,24px)}}
.plan{display:flex;flex-direction:column;padding:clamp(22px,2.4vw,30px);border:1px solid var(--line);border-radius:16px;background:var(--card);border-top:4px solid var(--line)}
.plan.is-pop{border-color:var(--accent);border-top-color:var(--accent);box-shadow:0 22px 44px -30px var(--shade)}
.plan-top{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px;min-height:28px}
.plan-period{font-size:14px;font-weight:500;color:var(--muted);font-family:var(--head)}
.plan-flag{padding:3px 10px;border-radius:999px;background:var(--accent-soft);color:var(--accent);font-size:13px;font-weight:500;font-family:var(--head)}
.plan h3{font-size:22px;margin-top:6px}
.plan-price{margin:14px 0 20px;font-size:clamp(48px,4.8vw,58px);font-weight:400;line-height:1;letter-spacing:-.04em;font-family:var(--head)}
.plan-price .cur{font-size:.45em;vertical-align:.9em;margin-right:4px;letter-spacing:0}
.plan-price s{font-size:17px;font-weight:400;color:var(--muted);letter-spacing:0;margin-left:6px}
.plan .ticks{margin-top:22px}
.plan-more{margin-top:auto;padding-top:14px}
.plan-more summary{display:flex;align-items:center;justify-content:space-between;min-height:48px;margin-top:8px;border-top:1px solid var(--line);cursor:pointer;list-style:none;font-weight:500;font-size:15px;color:var(--accent);font-family:var(--head)}
.plan-more summary::-webkit-details-marker{display:none}
.plan-more .ticks{margin-top:6px}
.plan-more[open]>*:not(summary){animation:fadeUp .3s var(--ease)}
.plan-note{margin-top:12px;font-size:14px;color:var(--muted)}

/* ---------------------------------------------------------------- Nasıl başlanır: solda başlık, sağda çizgili adımlar */
.how{display:grid;gap:clamp(24px,4vw,64px);align-items:start}
@media (min-width:900px){.how{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr)}.how .head{position:sticky;top:calc(var(--hd-h) + 32px)}}
.how .text-link{margin-top:12px}
.line-steps{list-style:none;display:grid}
.line-steps li{position:relative;display:grid;grid-template-columns:52px 1fr;gap:18px;padding-bottom:28px}
.line-steps li:not(:last-child)::before{content:"";position:absolute;left:25px;top:54px;bottom:6px;width:2px;background:var(--line)}
.ls-n{display:grid;place-items:center;width:52px;height:52px;border-radius:50%;background:var(--card);border:2px solid var(--accent);color:var(--accent);font-size:20px;font-weight:500;font-family:var(--head)}
.sec-white .ls-n{background:var(--bg)}
.line-steps h3{font-size:21px;margin-top:12px}
.line-steps p{margin-top:4px;color:var(--muted)}

/* ---------------------------------------------------------------- Blog kartları */
.posts,.cards-3{list-style:none;display:grid;gap:clamp(20px,2.4vw,32px);grid-template-columns:repeat(auto-fill,minmax(min(100%,280px),1fr))}
.post,.pcard{display:flex;flex-direction:column;gap:8px;height:100%;color:var(--text);text-decoration:none}
.post h3,.pcard h2,.pcard h3{font-size:20px;line-height:1.25;transition:color .2s}
.post:hover h3,.pcard:hover h2,.pcard:hover h3{color:var(--accent)}
.post time,.pcard time,.meta{font-size:14px;color:var(--muted)}
.meta{display:flex;flex-wrap:wrap;gap:4px 16px}
.post-cat,.pcard-cat{margin-top:8px;font-size:13px;font-weight:500;color:var(--accent);font-family:var(--head)}
.post-thumb{aspect-ratio:16/10;border-radius:14px;overflow:hidden;background:var(--line)}
.post-thumb img{width:100%;height:100%;object-fit:cover;transition:transform .5s var(--ease)}
.post:hover .post-thumb img,.pcard:hover .post-thumb img,.feature:hover .post-thumb img{transform:scale(1.04)}
.post-thumb.ph{display:grid;place-items:center;color:var(--muted);font-weight:500;background:var(--bg);border:1px solid var(--line);font-family:var(--head)}

/* ---------------------------------------------------------------- Sayfa sonu: sade satır */
.outro{padding:clamp(48px,6vw,80px) 0;border-top:1px solid var(--line)}
.sec-white+.outro{background:var(--bg)}
.outro-row{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:20px 40px}
.outro h2{font-size:clamp(26px,3vw,38px)}
.outro p{margin-top:8px;color:var(--muted);font-size:17px}

/* ---------------------------------------------------------------- Footer (açık) */
.ft{background:var(--card);border-top:1px solid var(--line);font-size:15px}
.ft-top{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:20px;padding:clamp(36px,5vw,56px) 0 28px;border-bottom:1px solid var(--line)}
.ft-tag{margin-top:10px;color:var(--muted);max-width:44ch}
.ft-grid{display:grid;gap:28px;padding:28px 0}
@media (min-width:640px){.ft-grid{grid-template-columns:repeat(3,1fr)}}
.ft h2{font-size:14px;font-weight:500;color:var(--muted);margin-bottom:8px}
.ft ul{list-style:none}
.ft-grid a,.ft-contact span{display:inline-flex;align-items:center;min-height:40px;color:var(--text);text-decoration:none;overflow-wrap:anywhere}
.ft-grid a:hover{color:var(--accent);text-decoration:underline}
.ft-base{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:6px 24px;padding:14px 0 20px;border-top:1px solid var(--line);color:var(--muted);font-size:14px}
.ft-legal{display:flex;flex-wrap:wrap;gap:0 18px}
.ft-legal a,.ft-legal .link-btn{display:inline-flex;align-items:center;min-height:44px;color:var(--muted)}

/* ---------------------------------------------------------------- İç sayfa başlığı (pg-head ve önceki şablonlardaki ptop) */
.pg-head,.ptop{background:var(--card);border-bottom:1px solid var(--line);padding:clamp(24px,4vw,48px) 0 clamp(32px,5vw,56px)}
.pg-head h1,.ptop h1{font-size:clamp(34px,4.6vw,58px);font-weight:400;letter-spacing:-.015em;max-width:20ch}
.pg-act,.ptop .btn-row{margin-top:24px}
.ptop-row{display:grid;gap:24px;align-items:center}
@media (min-width:860px){.ptop-row:has(.ptop-photo){grid-template-columns:minmax(0,1fr) auto}}
.ptop-photo{width:clamp(140px,18vw,230px);aspect-ratio:1;border-radius:50%;overflow:hidden;background:var(--line);box-shadow:0 0 0 6px var(--card),0 0 0 7px var(--line)}
.ptop-photo img{width:100%;height:100%;object-fit:cover}
@media (max-width:859px){.ptop-photo{display:none}}

/* ---------------------------------------------------------------- Kurulum: cihaz sekmeleri + sade adımlar */
.dev-tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-bottom:24px}
@media (min-width:640px){.dev-tabs{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (min-width:1000px){.dev-tabs{grid-template-columns:repeat(6,minmax(0,1fr))}}
html:not(.js) .dev-tabs{display:none}
.dev-tab{display:flex;align-items:center;gap:9px;min-height:54px;padding:8px 12px;border:1.5px solid var(--line);border-radius:12px;background:var(--card);cursor:pointer;font-size:15px;font-weight:500;text-align:left;transition:border-color .2s,color .2s;font-family:var(--head)}
.dev-tab .ic{color:var(--muted)}
.dev-tab:hover{border-color:color-mix(in srgb,var(--accent) 50%,transparent)}
.dev-tab[aria-selected="true"]{border-color:var(--accent);color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent)}
.dev-tab[aria-selected="true"] .ic{color:var(--accent)}
.dev-panel{padding:clamp(22px,3.4vw,40px);border:1px solid var(--line);border-radius:18px;background:var(--card)}
html:not(.js) .dev-panel+.dev-panel{margin-top:16px}
.dev-panel:not([hidden]){animation:fadeUp .35s var(--ease)}
.dev-title{font-size:clamp(21px,2.4vw,26px);margin-bottom:22px}
.num-steps{list-style:none;display:grid;gap:20px;counter-reset:s}
.num-steps li{display:grid;grid-template-columns:40px 1fr;gap:16px}
.num{display:grid;place-items:center;width:40px;height:40px;border-radius:50%;background:var(--accent);color:var(--on-accent);font-weight:500;font-family:var(--head)}
.num-steps h4{font-size:18px;margin-top:8px}
.num-steps p{margin-top:4px;color:var(--muted)}
.dev-help{margin-top:24px;padding-top:18px;border-top:1px solid var(--line);color:var(--muted);font-size:15px}
.dev-help a{font-weight:500;font-family:var(--head)}
.faq{border-top:1px solid var(--line)}
.faq-item{border-bottom:1px solid var(--line)}
.faq-item summary{display:flex;align-items:center;justify-content:space-between;gap:18px;min-height:62px;padding:14px 0;cursor:pointer;list-style:none;font-weight:500;font-size:17px;font-family:var(--head)}
.faq-item summary::-webkit-details-marker{display:none}
.faq-item p{padding:0 40px 18px 0;color:var(--muted)}
.faq-item[open] p{animation:fadeUp .3s var(--ease)}

/* ---------------------------------------------------------------- İletişim: WhatsApp mesaj hazırlayıcı + form */
.contact{display:grid;gap:clamp(20px,3vw,32px);align-items:start}
@media (min-width:960px){.contact{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}}
.composer,.form{padding:clamp(22px,3.2vw,36px);border:1px solid var(--line);border-radius:18px;background:var(--card)}
.composer{border-top:4px solid var(--accent)}
.composer h2,.form h2{font-size:24px}
.composer-hint{margin:6px 0 18px;color:var(--muted)}
fieldset.chips{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:18px}
fieldset.chips legend{width:100%;margin-bottom:8px;font-size:14px;font-weight:500;font-family:var(--head)}
fieldset.chips legend small{font-weight:400;color:var(--muted)}
.chip{position:relative;display:inline-flex}
.chip input{position:absolute;opacity:0;width:1px;height:1px}
.chip span{display:inline-flex;align-items:center;min-height:44px;padding:0 14px;border:1.5px solid var(--line);border-radius:999px;font-size:15px;cursor:pointer;transition:border-color .2s,background-color .2s,color .2s}
.chip span:hover{border-color:var(--accent)}
.chip input:checked+span{background:var(--accent);border-color:var(--accent);color:var(--on-accent)}
.chip input:focus-visible+span{outline:3px solid var(--accent);outline-offset:2px}
.composer-preview{margin:4px 0 16px;padding:14px 16px;border-radius:14px 14px 14px 4px;background:var(--bg);font-size:16px}
.composer-num{margin-top:10px;text-align:center;color:var(--muted);font-size:14px}
.form-row{display:grid;gap:0 16px}
@media (min-width:600px){.form-row{grid-template-columns:1fr 1fr}}
.form h2{margin-bottom:20px}
.field{display:flex;flex-direction:column;gap:6px;margin-bottom:16px;min-width:0}
.field label{font-size:14px;font-weight:500;font-family:var(--head)}
.field small{font-weight:400;color:var(--muted)}
.field input,.field select,.field textarea{width:100%;min-height:50px;padding:12px 14px;border:1.5px solid var(--line);border-radius:10px;background:var(--bg);font:inherit;font-size:16px;color:var(--text);transition:border-color .2s,background-color .2s}
.field textarea{min-height:130px;resize:vertical}
.field input:focus,.field select:focus,.field textarea:focus{outline:none;border-color:var(--accent);background:var(--card);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 20%,transparent)}
.hint{font-size:14px;color:var(--muted);margin-bottom:18px}
.hp{position:absolute;left:-9999px;opacity:0;height:0;overflow:hidden;margin:0}
.alert{padding:14px 16px;border-radius:10px;margin-bottom:20px;font-size:15px}
.alert-err{background:var(--card);border:1.5px solid color-mix(in srgb,#b42318 45%,transparent);color:#8f1d14}
.reach{list-style:none;display:flex;flex-wrap:wrap;gap:6px 28px;margin-top:24px;padding-top:20px;border-top:1px solid var(--line)}
.reach li{display:inline-flex;align-items:center;gap:8px;min-height:44px;min-width:0}
.reach .ic{color:var(--accent)}
.reach a,.reach span{color:var(--text);text-decoration:none;overflow-wrap:anywhere}
.reach a:hover{color:var(--accent);text-decoration:underline}
.modal-backdrop{position:fixed;inset:0;z-index:1100;display:grid;place-items:center;padding:16px;background:color-mix(in srgb,var(--text) 30%,transparent);animation:fadeIn .25s}
.modal-backdrop.is-closing{opacity:0;transition:opacity .2s}
.modal{width:100%;max-width:440px;background:var(--card);border-radius:18px;padding:32px 26px;text-align:center;animation:fadeUp .35s var(--ease)}
.modal-mark .logo-mark{width:56px;height:56px;margin:0 auto 14px}
.modal h2{font-size:24px}
.modal p{margin:10px 0 22px;color:var(--muted)}

/* ---------------------------------------------------------------- Bayilik bölge kartları */
.regions{list-style:none;display:grid;gap:16px}
@media (min-width:768px){.regions{grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);gap:clamp(14px,2vw,24px)}}
.region{display:flex;flex-direction:column;padding:clamp(22px,3vw,34px);border:1px solid var(--line);border-top:4px solid var(--line);border-radius:16px;background:var(--card)}
.region.is-pop{border-color:var(--accent);border-top-color:var(--accent)}
.region h3{font-size:clamp(24px,2.6vw,30px);margin-top:6px}
.region-desc{margin-top:8px;color:var(--muted)}
.region-price{display:flex;flex-direction:column;margin:18px 0 20px;padding:14px 0;border-block:1px solid var(--line)}
.region-price small{font-size:14px;color:var(--muted)}
.region-price>span{font-size:clamp(44px,4.4vw,54px);font-weight:400;letter-spacing:-.04em;line-height:1.05;font-family:var(--head)}
.region-price .cur{font-size:.45em;vertical-align:.9em;margin-right:3px;letter-spacing:0}
.region-price s{font-size:17px;font-weight:400;color:var(--muted);letter-spacing:0}
.region-feats{display:grid;gap:14px 22px;margin-bottom:24px}
@media (min-width:520px){.region-feats{grid-template-columns:1fr 1fr}}
.region-feats dt{display:flex;align-items:center;gap:8px;font-weight:500;font-family:var(--head)}
.region-feats dt .ic{width:18px;height:18px;color:var(--accent)}
.region-feats dd{margin:2px 0 0 26px;font-size:14px;color:var(--muted)}
.region .btn{margin-top:auto}
.empty-note{margin-bottom:20px}

/* ---------------------------------------------------------------- Kampanyalar ve boş durumlar */
.camps{list-style:none;display:grid;gap:22px}
.camp{display:grid;background:var(--card);border:1px solid var(--line);border-radius:18px;overflow:hidden}
@media (min-width:760px){.camp{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr)}.camp-plain{grid-template-columns:1fr}}
.camp-img img{width:100%;height:100%;min-height:220px;object-fit:cover}
.camp-body{padding:clamp(22px,3vw,40px);display:flex;flex-direction:column;align-items:flex-start;gap:12px}
.camp-body h2{font-size:clamp(23px,2.4vw,28px)}
.camp-body>p:not(.camp-meta){color:var(--muted)}
.camp-meta{display:flex;flex-wrap:wrap;gap:8px 16px;font-size:14px;color:var(--muted)}
.camp-meta span{display:inline-flex;align-items:center;gap:6px}
.camp-meta .ic{width:16px;height:16px}
.camp-left{padding:2px 10px;border-radius:999px;background:var(--accent-soft);color:var(--accent);font-weight:500;font-family:var(--head)}
.camp-body .btn{margin-top:8px}
.blank{max-width:560px;margin:0 auto;text-align:center;padding:clamp(20px,4vw,48px) 20px}
.blank-mark .logo-mark{width:56px;height:56px;margin:0 auto 18px}
.blank h2{font-size:clamp(24px,2.6vw,30px)}
.blank p{margin:10px 0 24px;color:var(--muted)}

/* ---------------------------------------------------------------- Blog listesi */
.toolbar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px;margin-bottom:32px}
ul.chips{list-style:none;display:flex;flex-wrap:wrap;gap:8px}
ul.chips .chip{display:inline-flex;align-items:center;min-height:44px;padding:0 16px;border-radius:999px;border:1.5px solid var(--line);background:var(--card);color:var(--text);text-decoration:none;font-weight:500}
ul.chips .chip:hover{border-color:var(--accent)}
ul.chips .chip[aria-current="page"]{background:var(--accent);border-color:var(--accent);color:var(--on-accent)}
.search{display:flex;align-items:center;width:100%;max-width:340px;border:1.5px solid var(--line);border-radius:10px;background:var(--card);overflow:hidden}
.search:focus-within{border-color:var(--accent)}
.search input{flex:1;min-width:0;min-height:46px;padding:0 14px;border:0;background:none;font:inherit;color:var(--text)}
.search input:focus{outline:none}
.search-btn{display:grid;place-items:center;width:48px;height:46px;border:0;background:none;color:var(--accent);cursor:pointer}
.feature{display:grid;gap:22px;margin-bottom:clamp(36px,5vw,56px);color:var(--text);text-decoration:none}
@media (min-width:860px){.feature{grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);align-items:center;gap:44px}}
.feature .post-thumb{border-radius:18px}
.feature h2{font-size:clamp(24px,2.8vw,34px);margin:8px 0 12px}
.feature:hover h2{color:var(--accent)}
.feature-body>p:not(.meta){color:var(--muted);margin-bottom:14px}
.pager{list-style:none;display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin-top:44px}
.pager a,.pager span{display:grid;place-items:center;min-width:44px;height:44px;border-radius:10px;border:1.5px solid var(--line);background:var(--card);color:var(--text);text-decoration:none;font-weight:500;font-family:var(--head)}
.pager [aria-current]{background:var(--accent);border-color:var(--accent);color:var(--on-accent)}

/* ---------------------------------------------------------------- Blog yazısı */
.wrap-read{max-width:calc(760px + 2 * var(--gut));margin-inline:auto;padding-inline:var(--gut)}
.wrap-wide{max-width:calc(1100px + 2 * var(--gut));margin-inline:auto;padding-inline:var(--gut)}
.read{background:var(--card);padding-bottom:clamp(56px,8vw,96px)}
.read-head{padding-top:clamp(28px,5vw,64px);padding-bottom:28px}
.read-head h1{font-size:clamp(30px,4vw,50px);margin-bottom:16px}
.read-cover{margin-bottom:36px}
.read-cover img{width:100%;height:auto;border-radius:18px}
.toc{margin-bottom:32px;border:1px solid var(--line);border-radius:14px;background:var(--bg)}
.toc summary{display:flex;align-items:center;gap:10px;min-height:56px;padding:0 18px;cursor:pointer;list-style:none;font-weight:500;font-family:var(--head)}
.toc summary::-webkit-details-marker{display:none}
.toc summary small{font-weight:400;color:var(--muted);margin-right:auto}
.toc ol{padding:0 22px 18px 40px;display:grid;gap:6px}
.toc a{color:var(--text)}
.acc-pm{position:relative;flex:none;width:26px;height:26px;border-radius:50%;border:1.5px solid var(--line)}
.acc-pm::before,.acc-pm::after{content:"";position:absolute;left:7px;right:7px;top:11px;height:2px;background:var(--text);transition:transform .25s var(--ease)}
.acc-pm::after{transform:rotate(90deg)}
details[open]>summary .acc-pm::after{transform:rotate(0)}
.prose{font-size:18px;line-height:1.75}
.prose>*+*{margin-top:1.1em}
.prose h2{font-size:clamp(24px,2.6vw,30px);margin-top:1.9em;scroll-margin-top:calc(var(--hd-h) + 20px)}
.prose h3{font-size:21px;margin-top:1.6em;scroll-margin-top:calc(var(--hd-h) + 20px)}
.prose ul,.prose ol{padding-left:1.4em}
.prose li+li{margin-top:.4em}
.prose img{border-radius:14px;height:auto}
.prose blockquote{margin-inline:0;padding:4px 0 4px 20px;border-left:3px solid var(--accent);color:var(--muted)}
.prose table{width:100%;border-collapse:collapse;font-size:16px;display:block;overflow-x:auto}
.prose th,.prose td{padding:10px 12px;border-bottom:1px solid var(--line);text-align:left}
.prose code{font-size:.9em;background:var(--bg);padding:2px 6px;border-radius:6px}
.prose a{overflow-wrap:anywhere}
.read-cta{display:flex;gap:20px;align-items:flex-start;margin-top:48px;padding:clamp(22px,3vw,32px);border-radius:18px;border:1px solid var(--line);background:var(--bg)}
.read-cta-mark .logo-mark{width:44px;height:44px}
.read-cta h2{font-size:22px}
.read-cta p{margin:8px 0 18px;color:var(--muted)}
@media (max-width:520px){.read-cta{flex-direction:column}}

/* ---------------------------------------------------------------- 404 */
.lost{display:grid;gap:24px;align-items:center;justify-items:start;background:var(--card);padding:clamp(28px,5vw,64px) var(--gut);min-height:calc(76svh - var(--hd-h))}
@media (min-width:860px){.lost{grid-template-columns:auto minmax(0,1fr);gap:56px;padding-inline:max(var(--gut),calc((100% - var(--wrap)) / 2))}}
.lost-photo{width:clamp(180px,26vw,340px);aspect-ratio:1;border-radius:50%;overflow:hidden;background:var(--line);box-shadow:0 0 0 8px var(--card),0 0 0 9px var(--line)}
.lost-photo img{width:100%;height:100%;object-fit:cover}
.lost-copy{max-width:540px}
.lost-code{font-weight:500;color:var(--accent);margin-bottom:12px;font-family:var(--head)}
.lost h1{font-size:clamp(36px,5vw,60px)}
.lost-copy>p:not(.lost-code){margin:14px 0 28px;color:var(--muted);font-size:18px}

/* ---------------------------------------------------------------- Çerez politikası */
.legal-head{background:var(--card);border-bottom:1px solid var(--line);padding:clamp(28px,5vw,64px) 0 clamp(28px,4vw,44px)}
.legal-head h1{font-size:clamp(32px,4.2vw,52px)}
.legal-head .lede{margin-bottom:16px}
.legal-grid{display:grid;gap:28px}
@media (min-width:900px){.legal-grid{grid-template-columns:220px minmax(0,1fr);gap:64px;align-items:start}}
.legal-nav ol{list-style:none;display:grid;gap:2px;border-left:2px solid var(--line)}
.legal-nav a{display:flex;align-items:center;min-height:44px;padding-left:16px;margin-left:-2px;border-left:2px solid transparent;color:var(--muted);text-decoration:none;font-size:15px}
.legal-nav a:hover{color:var(--accent);border-left-color:var(--accent)}
@media (min-width:900px){.legal-nav{position:sticky;top:calc(var(--hd-h) + 32px)}}
.legal{max-width:760px}
.legal section+section{margin-top:44px}
.legal h2{font-size:clamp(22px,2.4vw,28px);margin-bottom:14px;scroll-margin-top:calc(var(--hd-h) + 20px)}
.legal p,.legal li{font-size:17px;line-height:1.7}
.legal p+p,.legal ul{margin-top:14px}
.legal ul{padding-left:1.2em}
.cookie-list{list-style:none;padding:0!important;display:grid;gap:12px;margin-bottom:18px}
.cookie-list li{padding:18px 20px;border:1px solid var(--line);border-radius:14px;background:var(--card)}
.cookie-name code{font-size:15px;font-weight:500;color:var(--accent);overflow-wrap:anywhere;font-family:var(--head)}
.cookie-list dl{display:grid;gap:6px;margin:10px 0 0}
.cookie-list dl div{display:grid;grid-template-columns:70px 1fr;gap:12px;font-size:15px}
.cookie-list dt{color:var(--muted)}



/* ---------------------------------------------------------------- Çekirdek çerez bandı: masaüstünde ekranın ALT ORTASINDA küçük beyaz kart
   (alttan 24px, perde yok, sayfa tıklanabilir), mobilde (≤767px) alt kenarda tam genişlik. Yalnızca görünüm ezilir.
   Yüzen WhatsApp düğmesiyle çakışmaz: kart genişliği iki yandan düğme payı bırakır; dar masaüstünde balon kart açıkken gizlenir. */
.cookie-bar{background:var(--card);color:var(--text);border:1px solid var(--line);box-shadow:0 18px 44px -20px color-mix(in srgb,var(--text) 40%,transparent)}
.cookie-bar a{color:var(--accent)}
.cookie-bar .ck-btn{min-height:44px;border-color:var(--line);color:var(--text);border-radius:10px}
.cookie-bar .ck-btn:hover{border-color:var(--text)}
.cookie-bar .ck-btn--primary{background:var(--accent);border-color:var(--accent);color:var(--on-accent)}
@media (min-width:768px){
  .cookie-bar{left:50%;right:auto;top:auto;bottom:24px;width:min(460px,calc(100vw - 220px));max-width:none;transform:translateX(-50%);border-radius:18px;padding:18px 20px}
  .cookie-bar .cookie-actions .ck-btn{flex:1}
}
@media (min-width:768px) and (max-width:1279px){body:has(.cookie-bar:not([hidden])) .wa-bubble{display:none}}
@media (max-width:767px){
  .cookie-bar{left:0;right:0;bottom:0;top:auto;width:auto;max-width:none;transform:none;border-radius:18px 18px 0 0;border-width:1px 0 0;padding:16px 16px calc(16px + env(safe-area-inset-bottom))}
  .cookie-bar .cookie-actions .ck-btn{flex:1}
  html body:has(.cookie-bar:not([hidden])) .wa-float{display:none}
}

/* ---------------------------------------------------------------- Kaydırma girişi: hafif ölçekle belirme (ilk ekrandakiler anında görünür) */
@keyframes fadeUp{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
@keyframes fadeIn{from{opacity:0}}
html.js [data-reveal]:not(.is-visible){opacity:0;transform:scale(.97) translateY(12px)}
html.js [data-reveal]{transition:opacity .7s ease,transform .8s var(--ease)}
html.js [data-reveal].no-anim{transition:none}

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

/* Kategori sekmeleri fotoğrafsız metin düğmeleridir (her fotoğraf yalnızca bir yuvada kullanılır) */
.rings-tabs{flex-wrap:wrap;gap:8px 10px}
.ring{flex-direction:row;min-height:44px;padding:8px 18px;border:1.5px solid var(--line);border-radius:999px;background:var(--card);transition:border-color .2s,color .2s}
.ring:hover{border-color:var(--accent)}
.ring[aria-selected="true"]{border-color:var(--accent)}
.ring-name{font-size:15px}
/* Hero önizleme düğmeleri fotoğrafsız ilerleme çubuklarıdır (fotoğraf tekrarı yok) */
.st-thumb{aspect-ratio:auto;height:6px;width:clamp(36px,4vw,56px);border-radius:3px}

/* 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 */
.hd-nav a,.chip,body .cookie-bar .ck-btn,.cookie-bar .ck-btn{font-family:var(--head);font-weight:500}

/* Hero: her fotoğrafla değişen metin (üst üste yığılır, yalnızca etkin olan görünür) */
.stage-texts{display:grid}
.stage-text{grid-area:1/1;opacity:0;visibility:hidden;transform:translateY(8px);transition:opacity .4s ease,transform .4s ease,visibility 0s linear .4s}
.stage-text.is-on{opacity:1;visibility:visible;transform:none;transition:opacity .45s ease .2s,transform .45s ease .2s,visibility 0s}
.stage .hero-title{font-family:var(--serif);font-size:min(clamp(40px,5.4vw,80px),9vh);font-weight:400;line-height:1.02;letter-spacing:-.015em;color:#fff;margin:0}
.stage .hero-title span{display:block}
.stage-lede{min-height:0}
@media (max-width:767px){.stage .hero-title{font-size:clamp(32px,9vw,44px)}}
@media (prefers-reduced-motion:reduce){.stage-text,.stage-text.is-on{transition:none;transform:none}}
html:not(.js) .stage-text:not(.is-on){display:none}
/* Kategori sekmeleri: simge + ad; 11 sekme sarılır */
.ring-ic{width:18px;height:18px;flex:none}
.ring-tags{list-style:none;display:flex;flex-wrap:wrap;gap:6px;margin-top:12px}
.ring-tags li{padding:4px 12px;border-radius:999px;font-size:13px;font-weight:500;font-family:var(--head);color:#fff;background:color-mix(in srgb,white 18%,transparent);border:1px solid color-mix(in srgb,white 30%,transparent)}
.ring-cap{max-width:640px}
.ring-panel::after{background:linear-gradient(to top,color-mix(in srgb,var(--text) 82%,transparent),transparent 65%)}
@media (max-width:767px){.ring{padding:8px 14px}.ring-tags li{font-size:12px;padding:3px 10px}.ring-cap p{font-size:14px}}

/* ================================================================ Yeni bölümler (tema ile uyumlu) */

/* Yüzen WhatsApp: sitenin vurgu rengi, köşe ve gölge dili (çekirdek yalnızca görünümde ezilir) */
body .wa-float{--c-wa:var(--accent);bottom:20px;gap:10px}
body .wa-float .wa-btn{width:58px;height:58px;border-radius:16px;background:var(--accent);color:var(--on-accent);box-shadow:0 18px 38px -16px color-mix(in srgb,var(--accent) 70%,transparent);transition:transform .2s var(--ease),background-color .2s,box-shadow .2s}
body .wa-float .wa-btn::before,body .wa-float .wa-btn::after{border-radius:inherit;border-color:var(--accent)}
body .wa-float .wa-btn .ic{fill:currentColor;width:30px;height:30px}
body .wa-float:hover .wa-btn,body .wa-float:focus-visible .wa-btn{background:var(--accent-hover);transform:translateY(-3px);box-shadow:0 22px 40px -16px color-mix(in srgb,var(--accent) 80%,transparent)}
body .wa-float:focus-visible{outline:none}
body .wa-float:focus-visible .wa-btn{outline:3px solid var(--text);outline-offset:3px}
body .wa-float .wa-bubble{background:var(--card);color:var(--text);border:1.5px solid var(--line);border-radius:10px;padding:10px 16px;font-family:var(--head);font-size:15px;font-weight:500;box-shadow:0 18px 44px -22px color-mix(in srgb,var(--text) 45%,transparent)}
body .wa-float .wa-bubble::after{background:var(--card);border-right:1.5px solid var(--line);border-top:1.5px solid var(--line);border-radius:0 2px 0 0;right:-7px}
body .wa-float .wa-bubble b{color:var(--text);font-weight:500}
body .wa-float:hover .wa-bubble{border-color:var(--accent);color:var(--accent)}
body .wa-float:hover .wa-bubble b{color:var(--accent)}
@media (max-width:480px){body .wa-float .wa-btn{width:54px;height:54px}body .wa-float .wa-bubble{font-size:14px;padding:8px 12px}}

/* Paketler: Türkiye / Avrupa anahtarı */
.pk-switch{display:flex;width:fit-content;max-width:100%;margin-inline:auto;justify-content:center;gap:4px;padding:4px;margin-bottom:26px;border:1.5px solid var(--line);border-radius:999px;background:var(--bg)}
.pk-tab{min-height:44px;padding:0 26px;border:0;border-radius:999px;background:transparent;color:var(--text);font-family:var(--head);font-size:16px;font-weight:500;cursor:pointer;transition:background-color .25s,color .25s,box-shadow .25s}
.pk-tab:hover{color:var(--accent)}
.pk-tab[aria-selected="true"]{background:var(--accent);color:var(--on-accent);box-shadow:0 10px 22px -14px var(--accent)}
html:not(.js) .pk-switch{display:none}
html.js .pk-group-h{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}
.pk-group-h{font-size:24px;margin:0 0 16px}
.pk-group+.pk-group{margin-top:36px}
html.js .pk-group+.pk-group{margin-top:0}
.pk-group[hidden]{display:none}
.pk-in{animation:fadeUp .45s var(--ease)}
.plans-one{display:block;max-width:420px;margin-inline:auto}
@media (min-width:768px){.plans-one{display:block}}
.plan-gift{display:flex;align-items:center;gap:8px;margin:-6px 0 18px;padding:7px 12px;border-radius:10px;background:var(--accent-soft);color:var(--accent);font-size:14px;font-weight:500;font-family:var(--head);line-height:1.3}
.plan-gift .ic{width:17px;height:17px;stroke-width:2.4}

/* Kampanya şeridi (ana sayfa, paketlerin altında) */
.promo{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:18px 28px;margin-top:clamp(28px,4vw,44px);padding:clamp(20px,3vw,28px) clamp(20px,3vw,32px);border:1px solid var(--line);border-left:4px solid var(--accent);border-radius:16px;background:var(--bg)}
.promo-copy{max-width:60ch}
.promo-tag{display:inline-block;padding:3px 10px;border-radius:999px;background:var(--accent-soft);color:var(--accent);font-size:13px;font-weight:500;font-family:var(--head)}
.promo h3{margin-top:8px;font-size:clamp(21px,2.2vw,26px)}
.promo-copy>p:last-child{margin-top:6px;color:var(--muted);font-size:16px}

/* Sayılarla Biz: asimetrik, solda başlık sağda 2x2 ızgara; kenar çizgisi ve köşe vurgusu */
.nums{display:grid;gap:28px;align-items:center}
@media (min-width:900px){.nums{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:clamp(40px,6vw,88px)}}
.nums-head h2{font-size:clamp(30px,3.6vw,44px)}
.nums-head p{margin-top:14px;color:var(--muted);font-size:18px;max-width:34ch}
.nums-grid{list-style:none;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
@media (min-width:640px){.nums-grid{gap:20px}}
.nums-grid li{position:relative;display:flex;flex-direction:column;gap:6px;padding:clamp(18px,2.4vw,28px);background:var(--card);border:1px solid var(--line);border-left:4px solid var(--accent);border-radius:4px 16px 16px 16px}
.nums-grid li::after{content:"";position:absolute;right:12px;top:12px;width:18px;height:18px;border-top:2px solid var(--accent);border-right:2px solid var(--accent);border-radius:0 6px 0 0;opacity:.45}
.num-v{display:block;min-width:6ch;font-family:var(--head);font-size:clamp(28px,4.2vw,50px);font-weight:400;line-height:1.05;letter-spacing:-.03em;color:var(--text);font-variant-numeric:tabular-nums}
.num-l{font-size:15px;font-weight:500;color:var(--muted);font-family:var(--head)}

/* Desteklenen cihazlar: süzülen logo kartları, arkada yumuşak vurgu daireleri */
.devs{position:relative;overflow:hidden;isolation:isolate}
.devs::before,.devs::after{content:"";position:absolute;z-index:-1;border-radius:50%;background:var(--accent-soft);opacity:.7}
.devs::before{width:340px;height:340px;left:-120px;top:12%}
.devs::after{width:260px;height:260px;right:-80px;bottom:6%}
.dev-logos{list-style:none;display:grid;align-items:start;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px 12px}
@media (min-width:640px){.dev-logos{grid-template-columns:repeat(5,minmax(0,1fr));gap:26px 18px}}
.dev-logo{display:flex;flex-direction:column;align-items:center;gap:10px;text-align:center;animation:devFloat 6s ease-in-out infinite;animation-delay:calc(var(--d) * -.83s);will-change:transform}
.dev-logo:nth-child(3n){animation-duration:7.2s}
.dev-logo:nth-child(4n+1){animation-duration:5.4s}
.dev-card{position:relative;display:block;width:100%;height:84px;padding:12px 16px;background:var(--card);border:1px solid var(--line);border-radius:14px;box-shadow:0 14px 30px -24px var(--shade);transition:transform .3s var(--ease),border-color .2s,box-shadow .3s}
.dev-card img{position:absolute;left:12px;top:10px;width:calc(100% - 24px);height:calc(100% - 20px);max-width:none;object-fit:contain}
.dev-logo:hover .dev-card{transform:scale(1.08);border-color:var(--accent);box-shadow:0 20px 36px -22px var(--shade)}
.dev-name{font-size:14px;font-weight:500;color:var(--text);font-family:var(--head);line-height:1.25}
@keyframes devFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-9px)}}

/* Kampanyalar sayfası: öne çıkan kampanya */
.fcamp{display:grid;gap:clamp(24px,3vw,40px);padding:clamp(22px,3.4vw,44px);background:var(--card);border:1px solid var(--line);border-top:4px solid var(--accent);border-radius:18px;box-shadow:0 22px 44px -34px var(--shade)}
@media (min-width:900px){.fcamp{grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);align-items:start}}
.fcamp-main{display:flex;flex-direction:column;align-items:flex-start;gap:12px}
.fcamp-badge{display:inline-flex;align-items:center;gap:8px;padding:4px 12px;border-radius:999px;background:var(--accent-soft);color:var(--accent);font-size:14px;font-weight:500;font-family:var(--head)}
.fcamp-badge i{width:8px;height:8px;border-radius:50%;background:var(--accent)}
.fcamp h2{font-size:clamp(26px,3vw,36px)}
.fcamp-sub{font-size:19px;font-weight:500;color:var(--accent);font-family:var(--head)}
.fcamp-text{color:var(--muted)}
.fcamp-main .btn{margin-top:10px}
.fcamp-terms{padding:clamp(18px,2.4vw,26px);background:var(--bg);border:1px solid var(--line);border-radius:14px}
.fcamp-terms h3{font-size:20px;margin-bottom:14px}
.camps-more{margin-top:clamp(22px,3vw,32px)}
@media (max-width:639px){.dev-card{height:66px;padding:8px 10px}.dev-name{font-size:13px}}

/* Yazı stili: ince hatlı tipografi, güvenlik bloğu (500 üstü yok) */
html body b,html body strong,html body th,html body dt,html body h1,html body h2,html body h3,html body h4,html body h5,html body h6,html body button,html body .btn,html body input,html body label,html body summary,html body nav a,html body .ck-btn,html body .cookie-bar *,html body .wa-float *,html body .prose strong,html body .prose b,html body legend,html body select,html body textarea{font-weight:500}
html body h1,html body h2{font-weight:400}
html body .prose strong,html body .prose b{color:var(--text)}
html body h1,html body .stage h1{letter-spacing:-.01em}

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

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

/* v3 ana sayfa: kampanya şeridi paketlerin üstünde */
.promo{margin-top:0;margin-bottom:clamp(24px,3.5vw,40px)}

/* v3 kurulum: /kurulum üst üste binen kart destesi */
.kz-h{font-size:clamp(26px,3.2vw,38px);font-weight:500;letter-spacing:-.015em}
.kz-sub{margin:10px 0 clamp(24px,4vw,40px);color:var(--muted);font-size:17px;max-width:60ch}
.kz-sec{background:linear-gradient(180deg,var(--bg),color-mix(in srgb,var(--accent-soft) 70%,var(--bg)));overflow:hidden}
.kz-deck{list-style:none;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding:0 0 8px}
.kz-card{display:flex;flex-direction:column;align-items:flex-start;gap:14px;height:100%;min-height:190px;padding:22px 20px;background:var(--card);border:1px solid var(--line);border-radius:20px;color:var(--text);text-decoration:none;box-shadow:0 6px 22px -10px color-mix(in srgb,var(--text) 35%,transparent);transition:transform .35s var(--ease),box-shadow .35s var(--ease),border-color .25s}
.kz-ic{display:grid;place-items:center;width:64px;height:64px;border-radius:50%;background:var(--accent-soft);color:var(--accent);transition:background .25s,color .25s}
.kz-ic .ic{width:30px;height:30px;stroke-width:1.6}
.kz-ic-s{width:48px;height:48px}.kz-ic-s .ic{width:22px;height:22px}
.kz-name{font-family:var(--head);font-size:20px;font-weight:500;line-height:1.2}
.kz-more{display:inline-flex;align-items:center;gap:6px;margin-top:auto;font-size:14px;color:var(--accent);font-weight:500}
.kz-more .ic{width:16px;height:16px;transition:transform .25s}
.kz-card:hover,.kz-card:focus-visible{border-color:var(--accent);transform:translateY(-10px);box-shadow:0 22px 40px -14px color-mix(in srgb,var(--accent) 55%,transparent)}
.kz-card:hover .kz-ic,.kz-card:focus-visible .kz-ic{background:var(--accent);color:var(--on-accent)}
.kz-card:hover .kz-more .ic{transform:translateX(4px)}
@media (min-width:640px){.kz-deck{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}}
@media (min-width:1024px){
  .kz-deck{display:flex;gap:0;padding:28px 0 20px}
  .kz-deck li{position:relative;flex:1 1 0;min-width:0;margin-left:-34px;z-index:1;transition:z-index 0s .3s}
  .kz-deck li:first-child{margin-left:0}
  .kz-deck li:hover,.kz-deck li:focus-within{z-index:10;transition-delay:0s}
  .kz-card{min-height:260px;padding:26px 22px 22px 52px}
  .kz-deck li:first-child .kz-card{padding-left:22px}
  .kz-deck:hover li:not(:hover){filter:saturate(.85)}
}
.kz-prep{list-style:none;display:grid;gap:16px}
@media (min-width:800px){.kz-prep{grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}}
.kz-prep li{padding:26px;background:var(--bg);border:1px solid var(--line);border-radius:20px}
.kz-prep h3{margin:16px 0 8px;font-size:20px}
.kz-prep p{color:var(--muted)}
.kz-how{list-style:none;display:grid;gap:16px;counter-reset:z}
@media (min-width:700px){.kz-how{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (min-width:1024px){.kz-how{grid-template-columns:repeat(4,minmax(0,1fr))}}
.kz-how li{position:relative;padding:26px 24px 28px;background:var(--card);border:1px solid var(--line);border-radius:20px}
.kz-n{display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:var(--accent);color:var(--on-accent);font-family:var(--head);font-size:20px;font-weight:500}
.kz-how h3{margin:16px 0 8px;font-size:19px}
.kz-how p{color:var(--muted)}

/* v3 kurulum: WhatsApp yardım bandı (hem /kurulum hem cihaz sayfası) */
.kx-wa{background:linear-gradient(120deg,var(--accent),var(--accent-hover));color:var(--on-accent);padding:clamp(36px,5vw,60px) 0}
.kx-wa-in{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:20px 32px}
.kx-wa h2{font-size:clamp(24px,3vw,34px);font-weight:500;color:inherit}
.kx-wa p{margin-top:6px;opacity:.9;font-size:17px}
.kx-wa-btn{background:var(--card);color:var(--accent)}
.kx-wa-btn:hover{background:var(--accent-soft)}

/* v3 kurulum: cihaz sayfası, dikey büyük adım kartları */
.kx-hero{padding:clamp(24px,4vw,48px) 0 clamp(40px,6vw,76px);background:radial-gradient(circle at 85% 0,var(--accent-soft),transparent 55%),var(--card);border-bottom:1px solid var(--line)}
.kx-hero-in{display:flex;flex-direction:column;gap:20px;align-items:flex-start}
@media (min-width:700px){.kx-hero-in{flex-direction:row;gap:36px;align-items:center}}
.kx-badge-ic{display:grid;place-items:center;flex:none;width:96px;height:96px;border-radius:28px;background:var(--accent);color:var(--on-accent);box-shadow:0 18px 34px -14px var(--accent)}
.kx-badge-ic .ic{width:46px;height:46px;stroke-width:1.5}
.kx-hero h1{font-size:clamp(32px,4.6vw,56px);font-weight:500;letter-spacing:-.02em;line-height:1.1}
.kx-time{display:inline-flex;align-items:center;gap:8px;margin-top:14px;padding:6px 14px;border-radius:999px;background:var(--accent-soft);color:var(--accent);font-size:15px;font-weight:500}
.kx-time .ic{width:18px;height:18px}
.kx-lede{margin-top:14px;max-width:62ch;color:var(--muted);font-size:18px}
.kx-hero-cta{display:flex;flex-wrap:wrap;gap:12px;margin-top:22px}
.kx-h{font-size:clamp(26px,3.2vw,38px);font-weight:500;letter-spacing:-.015em}
.kx-h-sm{font-size:clamp(22px,2.6vw,28px)}
.kx-sub{margin:10px 0 clamp(24px,4vw,40px);color:var(--muted);font-size:17px}
.kx-need-list{list-style:none;display:grid;gap:14px}
@media (min-width:800px){.kx-need-list{grid-template-columns:repeat(3,minmax(0,1fr))}}
.kx-need-list li{display:flex;gap:14px;align-items:flex-start;padding:22px;background:var(--card);border:1px solid var(--line);border-radius:16px}
.kx-tick{display:grid;place-items:center;flex:none;width:34px;height:34px;border-radius:50%;background:var(--accent-soft);color:var(--accent)}
.kx-tick .ic{width:18px;height:18px}
.kx-stack{list-style:none;display:flex;flex-direction:column}
.kx-step{display:flex;flex-direction:column;align-items:center}
.kx-card{display:flex;flex-direction:column;gap:6px;width:100%;padding:clamp(20px,3vw,32px);background:var(--bg);border:1px solid var(--line);border-radius:24px;box-shadow:0 14px 30px -20px color-mix(in srgb,var(--text) 40%,transparent)}
@media (min-width:640px){.kx-card{flex-direction:row;align-items:center;gap:clamp(24px,4vw,48px)}}
.kx-num{flex:none;min-width:2ch;font-family:var(--head);font-size:clamp(64px,10vw,120px);font-weight:500;line-height:.9;letter-spacing:-.04em;color:var(--accent);opacity:.9;font-variant-numeric:tabular-nums}
.kx-body{padding-left:0}
@media (min-width:640px){.kx-body{padding-left:clamp(20px,3vw,40px);border-left:2px solid var(--line)}}
.kx-body h3{font-size:clamp(20px,2.2vw,26px);margin-bottom:8px}
.kx-body p{color:var(--muted);font-size:17px}
.kx-arrow{display:grid;place-items:center;width:34px;height:34px;margin:10px 0;border-radius:50%;border:1px solid var(--line);background:var(--card);color:var(--accent)}
.kx-arrow .ic{width:16px;height:16px;transform:rotate(90deg)}
.kx-tip-list{list-style:none;display:grid;gap:16px}
@media (min-width:800px){.kx-tip-list{grid-template-columns:repeat(2,minmax(0,1fr))}}
.kx-tip-list li{display:flex;gap:16px;padding:22px 24px;background:var(--accent-soft);border-left:4px solid var(--accent);border-radius:6px 16px 16px 6px}
.kx-tip-ic{flex:none;color:var(--accent)}
.kx-tip-list p{color:var(--text)}
.kx-check{list-style:none;display:grid;gap:12px}
.kx-check li{display:flex;align-items:center;gap:16px;padding:16px 20px;background:var(--card);border:1px solid var(--line);border-radius:14px;font-size:17px}
.kx-box{display:grid;place-items:center;flex:none;width:30px;height:30px;border-radius:8px;background:var(--accent);color:var(--on-accent)}
.kx-box .ic{width:16px;height:16px;stroke-width:2.4}
.kx-devs{list-style:none;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
@media (min-width:800px){.kx-devs{grid-template-columns:repeat(5,minmax(0,1fr))}}
.kx-devs a{display:flex;align-items:center;gap:10px;padding:14px 16px;border:1px solid var(--line);border-radius:14px;background:var(--card);color:var(--text);text-decoration:none;font-weight:500;transition:border-color .2s,color .2s}
.kx-devs a span{flex:1;min-width:0}
.kx-devs a:hover{border-color:var(--accent);color:var(--accent)}
.kx-devs .kx-go{width:16px;height:16px;color:var(--accent)}
@media (prefers-reduced-motion:reduce){.kz-card{transition:none}}
@media (min-width:1024px){.kz-card{padding-right:44px}.kz-deck li:last-child .kz-card{padding-right:22px}.kz-name{font-size:18px}}

/* 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 cihazda (.hc-) */
.hc{position:relative;isolation:isolate;overflow:hidden;padding:clamp(40px,4vw,56px) 0 clamp(28px,3.5vw,48px);background:#161536;color:#fff}
.hc::before{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(60% 55% at 50% 100%,color-mix(in srgb,var(--accent) 55%,transparent),transparent 70%),linear-gradient(180deg,rgba(18,17,48,.82),rgba(26,24,76,.7) 60%,rgba(18,17,48,.9))}
.hc-bg{position:absolute;inset:-24px;z-index:-2;width:calc(100% + 48px);height:calc(100% + 48px);object-fit:cover;filter:blur(7px) saturate(1.1)}
.hc-in{display:flex;flex-direction:column;align-items:center;gap:clamp(14px,2vw,20px);text-align:center}
.hc-txt{max-width:640px;display:flex;flex-direction:column;align-items:center}
.hc-txt h2{font-size:clamp(28px,3.4vw,40px);color:#fff}
.hc-lede{margin:12px 0 0;color:rgba(255,255,255,.82);font-size:clamp(16px,1.4vw,18px);max-width:54ch}
.hc-chips{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin-top:14px}
.hc-chips span{padding:4px 14px;border:1px solid rgba(255,255,255,.28);border-radius:999px;background:rgba(255,255,255,.1);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);font-size:14px;line-height:1.6;color:#fff}
.hc .text-link{margin-top:14px;color:#fff;text-decoration-color:rgba(255,255,255,.5)}
.hc .text-link:hover{color:#fff}
.hc-art{width:100%;display:flex;justify-content:center;margin-top:clamp(0px,1vw,10px)}
.hc-rig{--u:min(10px,calc((100vw - 32px) / 60));position:relative;font-size:var(--u);width:60em;height:30em;margin-bottom:0;flex:none}
.hc-floor{position:absolute;left:2%;right:2%;bottom:3em;height:5em;background:radial-gradient(50% 50% at 50% 50%,rgba(0,0,0,.5),transparent 72%);filter:blur(.8em)}
.hc-dev{position:absolute;filter:drop-shadow(0 1.2em 1.4em rgba(4,3,20,.5)) drop-shadow(0 .3em .4em rgba(4,3,20,.35))}
.hc-body{position:relative;border-radius:.9em;background:linear-gradient(145deg,#4a4d5c,#15161d 40%,#2c2e3a);padding:.55em;box-shadow:inset 0 0 0 .1em rgba(255,255,255,.22),inset 0 .1em .2em rgba(255,255,255,.3)}
.scr{position:relative;overflow:hidden;border-radius:.5em;background:#05050c;aspect-ratio:var(--ar,16/10)}
.scr img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:saturate(1.1) contrast(1.04)}
.scr::after{content:"";position:absolute;inset:0;background:linear-gradient(115deg,rgba(255,255,255,.28),rgba(255,255,255,.05) 34%,transparent 35%),radial-gradient(90% 60% at 20% 0%,rgba(255,255,255,.14),transparent)}
.hc-cam{position:absolute;width:.5em;height:.5em;border-radius:50%;background:#0a0a12;box-shadow:inset 0 0 0 .1em #2b2d3c,0 0 0 .08em rgba(0,0,0,.4)}
/* televizyon */
.hc-tv{left:0;top:4em;width:22em}
.hc-tv .hc-body{padding:.4em;border-radius:.6em;--ar:16/9}
.hc-tv .scr{--ar:16/9;border-radius:.3em}
.hc-neck{width:3.6em;height:1.6em;margin:0 auto;background:linear-gradient(90deg,#272935,#6b6f80 50%,#272935)}
.hc-foot{width:10em;height:.7em;margin:0 auto;border-radius:.4em .4em .6em .6em;background:linear-gradient(180deg,#8a8e9f,#383a48)}
/* dizüstü */
.hc-lap{left:23em;top:6em;width:26em}
.hc-lap .hc-body{padding:.6em .6em .5em;border-radius:1em 1em .3em .3em;background:linear-gradient(160deg,#c9ccd6,#8c909f 45%,#b8bbc7);box-shadow:inset 0 0 0 .1em rgba(255,255,255,.55),inset 0 -.15em .3em rgba(0,0,0,.2)}
.hc-lap .hc-body::before{content:"";position:absolute;inset:.35em;border-radius:.7em .7em .2em .2em;background:#0b0b13;box-shadow:inset 0 0 0 .1em rgba(255,255,255,.1)}
.hc-lap .scr{--ar:16/10;border-radius:.3em;margin-top:.25em}
.hc-lap .hc-cam{left:50%;top:.52em;margin-left:-.25em;width:.35em;height:.35em;z-index:2}
.hc-base{position:relative;height:1.5em;margin:0 -2.6em;border-radius:0 0 1.6em 1.6em/0 0 1em 1em;background:linear-gradient(180deg,#e3e5ec,#a9adbb 55%,#7c8092);box-shadow:inset 0 .12em 0 rgba(255,255,255,.85),inset 0 -.2em .3em rgba(0,0,0,.25),0 .1em 0 rgba(0,0,0,.3)}
.hc-base::before{content:"";position:absolute;left:0;right:0;top:-.15em;height:.35em;background:linear-gradient(180deg,rgba(0,0,0,.45),transparent)}
.hc-notch{position:absolute;left:50%;top:0;width:7em;height:.7em;margin-left:-3.5em;border-radius:0 0 1em 1em;background:linear-gradient(180deg,#7b7f90,#b3b6c3);box-shadow:inset 0 .12em .2em rgba(0,0,0,.35)}
/* tablet */
.hc-tab{right:0;top:9em;width:14em}
.hc-tab .hc-body{border-radius:1.3em;padding:.9em;background:linear-gradient(150deg,#d4d6df,#8e92a1 50%,#c0c3cf);box-shadow:inset 0 0 0 .1em rgba(255,255,255,.6)}
.hc-tab .hc-body::before{content:"";position:absolute;inset:.45em;border-radius:1em;background:#0b0b13}
.hc-tab .scr{--ar:4/3;border-radius:.5em}
.hc-tab .hc-cam{left:.35em;top:50%;margin-top:-.25em;z-index:2}
/* telefon */
.hc-pho{left:15em;top:13em;width:6.5em}
.hc-pho .hc-body{border-radius:1.6em;padding:.45em;background:linear-gradient(150deg,#d9dbe3,#7d8191 50%,#c3c6d1);box-shadow:inset 0 0 0 .1em rgba(255,255,255,.6)}
.hc-pho .hc-body::before{content:"";position:absolute;inset:.25em;border-radius:1.35em;background:#05050c}
.hc-pho .scr{--ar:9/18;border-radius:1.15em}
.hc-pho .hc-body::after{content:"";position:absolute;right:-.2em;top:5em;width:.2em;height:3em;border-radius:0 .1em .1em 0;background:#9da1b0;box-shadow:-6.75em 1.6em 0 0 #9da1b0,-6.75em -.4em 0 0 #9da1b0}
.hc-isl{position:absolute;left:50%;top:1em;width:2.4em;height:.7em;margin-left:-1.2em;border-radius:1em;background:#05050c;z-index:2;box-shadow:0 0 0 .08em #1c1d28}
@media (max-width:760px){.hc-rig{margin-bottom:0}}

/* Desteklenen cihazlar: daktilo başlık */
.head h2.tw-h{max-width:none;font-size:clamp(24px,3.6vw,40px);line-height:1.25;min-height:2.5em;display:flex;align-items:center;justify-content:center}
.head-center:has(.tw-h){max-width:1000px}
.tw-h>span{display:block;text-align:center;white-space:nowrap}
.tw-w{display:inline-block;min-width:7.5ch;font-weight:500;color:var(--accent);text-align:left}
.tw-c{display:inline-block;width:2px;height:1em;margin-left:2px;vertical-align:-.12em;background:var(--accent);animation:twBlink 1s steps(1) infinite}
@keyframes twBlink{50%{opacity:0}}
@media (max-width:760px){.head h2.tw-h{min-height:3.75em}.tw-h>span{white-space:normal}.tw-w{min-width:0}}
@media (prefers-reduced-motion:reduce){.tw-c{animation:none}}

/* ---------------------------------------------------------------- Üst menü: logo solda, menü ortada, WhatsApp sağda; hero'lu sayfada saydam -> dolu */
.hd-row{display:grid;grid-template-columns:1fr auto 1fr;gap:16px}
.hd-row>.logo{margin-right:0;justify-self:start}
.hd-cta{justify-self:end;grid-column:3}
.hd-menu{justify-self:end;grid-column:3}
@media (max-width:1079px){.hd-row{display:flex}.hd-row>.logo{margin-right:auto}}
.hd{transition:background-color .25s ease,box-shadow .25s ease,border-color .25s ease}
body:has(.stage) .hd{position:fixed;left:0;right:0;top:0;width:100%}
html.js body:has(.stage):not(.nav-lock) .hd:not(.is-solid){background:transparent;border-bottom-color:transparent;box-shadow:none}
html.js body:has(.stage):not(.nav-lock) .hd:not(.is-solid)::before{content:"";position:absolute;inset:0 0 -24px;z-index:-1;pointer-events:none;background:linear-gradient(to bottom,rgba(10,10,30,.45),transparent)}
html.js body:has(.stage):not(.nav-lock) .hd:not(.is-solid) .hd-nav a{color:#fff;text-shadow:0 1px 8px rgba(0,0,0,.55)}
html.js body:has(.stage):not(.nav-lock) .hd:not(.is-solid) .hd-nav a::after{background:#fff}
html.js body:has(.stage):not(.nav-lock) .hd:not(.is-solid) .hd-nav a[aria-current="page"]{color:#fff}
html.js body:has(.stage):not(.nav-lock) .hd:not(.is-solid) .logo-word{color:#fff;text-shadow:0 1px 6px rgba(0,0,0,.5)}
html.js body:has(.stage):not(.nav-lock) .hd:not(.is-solid) .hd-menu{background:rgba(255,255,255,.16);border-color:rgba(255,255,255,.55);color:#fff;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}
body:has(.stage).nav-lock .hd{background:var(--card)}
body:has(.stage) .stage{min-height:max(560px,calc(100svh - 4svh))}
body:has(.stage) .stage-in{padding-top:calc(var(--hd-h) + clamp(32px,9vh,120px))}
@media (max-width:767px){body:has(.stage) .stage{min-height:max(540px,calc(100svh - 6svh))}body:has(.stage) .stage-in{padding-top:calc(var(--hd-h) + clamp(20px,6vh,56px))}}
@media (prefers-reduced-motion:reduce){.hd{transition:none}}