/* Almanya IPTV EU — tema: mat gül / ahududu-toz, beyaz ve soğuk açık gri zemin; başlıklar Source Serif 4, düğme/fiyat/menü Rubik, gövde Nunito Sans.
   Yazı tipleri fonts.css ile yüklenir (palette.php > font_css). Renkler palette.php'den gelen CSS değişkenleridir. */

:root{
  --head:'Rubik',var(--font); --serif:Poppins,'Nunito Sans',system-ui,sans-serif;
  --wa-deep:#117a3f; --ease:cubic-bezier(.2,.7,.2,1);
  --shadow:0 1px 2px rgba(50,25,35,.06),0 10px 28px rgba(50,25,35,.08);
  --shadow-lg:0 2px 6px rgba(50,25,35,.07),0 24px 56px rgba(50,25,35,.16);
  --hdr:72px;
}

/* ---------- Temel ---------- */
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;scroll-padding-top:calc(var(--hdr) + 16px)}
body{margin:0;background:#fff;color:var(--text);font-family:var(--font);font-size:16px;line-height:1.65;-webkit-font-smoothing:antialiased;overflow-x:clip}
h1,h2,h3,h4{margin:0;font-family:var(--serif);font-weight:400;line-height:1.18;letter-spacing:-.012em;color:var(--ink)}
p{margin:0 0 1em}
a{color:inherit}
img,svg{max-width:100%}
img{height:auto}
ul,ol{margin:0;padding:0;list-style:none}
.container{width:100%;max-width:1180px;margin:0 auto;padding:0 20px}
.center{text-align:center}
.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.skip{position:absolute;left:-999px;top:8px;background:var(--accent);color:#fff;padding:8px 14px;border-radius:8px;z-index:4000;text-decoration:none}
.skip:focus{left:12px}
:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:6px}
.ic{width:20px;height:20px;flex:none;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.ic-lg{width:26px;height:26px}
.eyebrow{font-family:var(--head);font-weight:500;font-size:13px;letter-spacing:.08em;text-transform:uppercase;color:var(--accent);margin:0 0 12px}
body.menu-open,body.modal-open{overflow:hidden}

/* ---------- Düğmeler ---------- */
.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-family:var(--head);font-weight:500;font-size:15px;line-height:1.2;text-decoration:none;cursor:pointer;transition:background-color .2s,border-color .2s,color .2s,transform .2s,box-shadow .2s}
.btn:hover{transform:translateY(-1px)}
.btn-sm{min-height:44px;padding:0 18px;font-size:14px}
.btn-block{display:flex;width:100%}
.btn-wa{background:var(--wa-deep);color:#fff}
.btn-wa:hover{background:#0e6735}
.btn-wa .ic{fill:currentColor;stroke:none}
.btn-accent{background:var(--accent);color:var(--on-accent)}
.btn-accent:hover{background:var(--accent-hover)}
.btn-outline,.btn-line{background:#fff;border-color:#ccd2de;color:var(--ink)}
.btn-outline:hover,.btn-line:hover{border-color:var(--accent);color:var(--accent)}
.btn .ic{width:18px;height:18px}
.more-link{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-link .ic{width:18px;height:18px;transition:transform .2s}
.more-link:hover .ic{transform:translateX(4px)}

/* ---------- Bölüm iskeleti ---------- */
.section{padding:88px 0}
.section-sm{padding:56px 0}
.section-grey{background:var(--bg)}
.section-head{max-width:640px;margin-bottom:40px}
.section-head h2,.why-head h2,.faq-head h2,.process-head h2{font-size:clamp(28px,3.3vw,40px)}
.section-head p:not(.eyebrow){margin:14px 0 0;color:var(--text);font-size:17px}

/* Giriş animasyonları (JS yoksa içerik görünür kalır) */
html.js [data-reveal]{opacity:0;transition:opacity .8s var(--ease),transform .8s var(--ease),clip-path .9s var(--ease)}
html.js [data-reveal=up]{transform:translateY(26px)}
html.js [data-reveal=left]{transform:translateX(-32px)}
html.js [data-reveal=right]{transform:translateX(32px)}
html.js [data-reveal=scale]{transform:scale(.94)}
html.js [data-reveal=mask]{opacity:1;clip-path:inset(0 100% 0 0)}
html.js [data-reveal].is-revealed{opacity:1;transform:none;clip-path:inset(0 0 0 0)}

/* ---------- Header: genişleyen oval kapsül ---------- */
.site-header{position:sticky;top:0;height:0;z-index:1000}
.hdr-wrap{display:flex;flex-direction:column;align-items:center;gap:8px;padding-top:12px;pointer-events:none}
.hdr-wrap>*{pointer-events:auto}
.hdr-capsule{width:min(620px,calc(100% - 24px));overflow:hidden;border-radius:999px;background:rgba(255,255,255,.72);-webkit-backdrop-filter:blur(14px) saturate(1.3);backdrop-filter:blur(14px) saturate(1.3);border:1px solid rgba(255,255,255,.7);box-shadow:0 8px 24px rgba(50,20,30,.18);transition:border-radius .4s var(--ease),background-color .3s,width .4s var(--ease)}
.is-scrolled .hdr-capsule{background:rgba(255,255,255,.96);width:min(520px,calc(100% - 24px))}
body.menu-open .hdr-capsule{border-radius:32px;background:rgba(255,255,255,.98)}
.hdr-row{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:5px 5px 5px 9px}
.hdr-logo{display:inline-flex;align-items:center;gap:9px;text-decoration:none;min-width:0}
.logo-mark{display:block;flex:none;width:38px;height:38px}
.logo-word{font-family:var(--head);font-weight:500;font-size:17px;letter-spacing:-.005em;color:var(--ink);white-space:nowrap}
.logo-word span{color:var(--accent)}
.brand-plain{display:inline-flex;align-items:center;gap:10px;text-decoration:none}
.hdr-tools{display:flex;align-items:center;gap:6px}
.hdr-btn{width:46px;height:46px;border-radius:50%;display:grid;place-items:center;border:0;background:rgba(255,255,255,.9);cursor:pointer;padding:0;color:var(--ink);text-decoration:none;box-shadow:inset 0 0 0 1px var(--line);transition:background-color .2s}
.hdr-btn:hover{background:#fff}
.hdr-wa{color:#fff;background:var(--wa-deep);box-shadow:none}
.hdr-wa:hover{background:#0e6735}
.hdr-wa .ic{width:22px;height:22px;fill:currentColor;stroke:none}
.menu-toggle-bars{display:grid;gap:5px;width:20px}
.menu-toggle-bars span{display:block;height:2px;border-radius:2px;background:var(--ink);transition:transform .3s,opacity .2s}
body.menu-open .menu-toggle-bars span:nth-child(1){transform:translateY(7px) rotate(45deg)}
body.menu-open .menu-toggle-bars span:nth-child(2){opacity:0}
body.menu-open .menu-toggle-bars span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
.hdr-inline{display:none}
@media (scripting:none){
  .menu-toggle{display:none}
  .hdr-inline{display:block;background:rgba(255,255,255,.94);border-radius:999px;padding:4px 8px;box-shadow:0 8px 24px rgba(50,20,30,.14)}
  .hdr-inline ul{display:flex;flex-wrap:wrap;justify-content:center;gap:2px}
  .hdr-inline a{display:block;padding:8px 12px;font-family:var(--head);font-weight:500;font-size:13.5px;color:var(--ink);text-decoration:none}
  .hdr-inline a[aria-current]{color:var(--accent)}
}
.mobile-menu{position:static;display:grid;grid-template-rows:0fr;visibility:hidden;pointer-events:none;transition:grid-template-rows .45s var(--ease),visibility 0s .45s}
.mobile-menu.is-open{grid-template-rows:1fr;visibility:visible;pointer-events:auto;transition-delay:0s}
.mobile-menu-inner{position:relative;overflow:hidden;min-height:0;padding:0 22px}
.mobile-menu.is-open .mobile-menu-inner{padding-bottom:20px}
.mobile-menu-close{display:none}
.mobile-menu-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 24px;padding-top:6px;border-top:1px solid var(--line)}
.mobile-menu-list a{display:flex;align-items:center;min-height:54px;border-bottom:1px solid var(--line);font-family:var(--serif);font-weight:400;font-size:21px;color:var(--ink);text-decoration:none;transition:color .2s,padding .2s}
.mobile-menu-list a:hover{color:var(--accent);padding-left:6px}
.mobile-menu-list a[aria-current]{color:var(--accent)}
body.menu-open:not(.modal-open){overflow:visible}

/* ---------- Hero: tam genişlik fotoğraf, sağda cam kart ---------- */
.hero{position:relative;display:flex;align-items:center;min-height:clamp(640px,92vh,840px);padding:110px 0 56px}
.hero-photo{position:absolute;inset:0;background:#dcd2d6;overflow:hidden}
.hero-slide{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;z-index:0;transition:opacity .7s ease}
.hero-slide.is-prev{opacity:1;z-index:1;transition:none}
.hero-slide.is-active{opacity:1;z-index:2}
.hero-index{position:absolute;z-index:4;left:max(8px,calc((100% - 1180px)/2 + 8px));bottom:14px;display:flex}
.hero-dot{width:44px;height:44px;border:0;background:none;padding:0;cursor:pointer;display:grid;place-items:center}
.hero-dot span{display:block;width:26px;height:4px;border-radius:3px;background:rgba(255,255,255,.6);transition:background-color .3s,width .3s}
.hero-dot.is-active span{background:#fff;width:38px}
.hero-right-wrap{position:relative;z-index:3;width:100%}
.hero-right{margin-left:auto;max-width:540px;background:rgba(255,255,255,.93);border-radius:36px;padding:40px 42px 36px;box-shadow:0 28px 54px -26px rgba(45,15,25,.55)}
.hero-right h1{font-size:clamp(28px,3.2vw,42px);line-height:1.15}
.hero-texts{display:grid}
.hero-text{grid-area:1/1;opacity:0;visibility:hidden;transform:translateY(8px);transition:opacity .3s ease,transform .3s ease,visibility 0s linear .3s}
.hero-text.is-active{opacity:1;visibility:visible;transform:none;transition:opacity .4s ease .2s,transform .4s ease .2s,visibility 0s}
.hero-right .hero-title{margin:0;font-family:var(--serif);font-weight:400;letter-spacing:-.012em;font-size:clamp(28px,3.2vw,42px);line-height:1.15;color:var(--ink)}
@media (prefers-reduced-motion:reduce){.hero-text,.hero-text.is-active{transition:none;transform:none}}
.hero-lede{margin:16px 0 0;font-size:17px}
.hero-actions{display:flex;flex-wrap:wrap;gap:10px;margin:24px 0 0}

/* ---------- 3D merdiven ---------- */
.section-head--center{margin-left:auto;margin-right:auto;text-align:center}
.stairs-section{overflow-x:clip}
.stairs-scene{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.stair-card{margin:0;position:relative;border-radius:16px;overflow:hidden;background:#fff;border:1px solid var(--line)}
.stair-card img{display:block;width:100%;height:auto;aspect-ratio:1100/614;object-fit:cover}
.stair-card figcaption{display:grid;gap:3px;padding:14px 18px 16px;font-size:14.5px}
.stair-card figcaption strong{font-family:var(--head);font-weight:500;font-size:18px;color:var(--ink)}
.stairs-arrow,.stairs-dots{display:none}
@media (scripting:enabled){
  .stairs-stage{--k:1;position:relative;height:540px;perspective:1400px;perspective-origin:40% 55%;touch-action:pan-y;cursor:grab;outline-offset:6px}
  .stairs-scene{display:block;position:absolute;inset:0;transform-style:preserve-3d;transform:rotateX(7deg) rotateY(-12deg)}
  .stair-card{position:absolute;left:50%;top:50%;width:min(540px,54%);border:0;
    transform:translate(-50%,-50%) translate3d(calc(var(--x,0) * var(--k) * 1px),calc(var(--y,0) * var(--k) * 1px),calc(var(--z,0) * 1px)) rotateY(-12deg);opacity:var(--o,1);
    box-shadow:0 28px 40px -22px rgba(45,15,25,.5),0 4px 10px rgba(45,15,25,.14);
    transition:transform .85s var(--ease),opacity .6s}
  .stair-card.is-past{pointer-events:none}
  .stair-card:not(.is-active){cursor:pointer}
  .stair-card figcaption{position:absolute;left:12px;bottom:12px;max-width:calc(100% - 24px);background:#fff;border-radius:10px;padding:8px 14px;box-shadow:var(--shadow);opacity:0;transition:opacity .4s}
  .stair-card.is-active figcaption{opacity:1}
  .stairs-arrow{display:grid;place-items:center;position:absolute;bottom:10px;z-index:6;width:50px;height:50px;border-radius:50%;border:1px solid var(--line);background:#fff;color:var(--ink);cursor:pointer;box-shadow:var(--shadow);transition:border-color .2s}
  .stairs-arrow:hover{border-color:var(--accent)}
  .stairs-arrow--prev{left:0}
  .stairs-arrow--prev .ic{transform:rotate(135deg)}
  .stairs-arrow--next{right:0}
  .stairs-arrow--next .ic{transform:rotate(-45deg)}
  .stairs-dots{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin-top:14px}
  .stairs-dot{min-height:44px;padding:0 20px;border:1.5px solid var(--line);border-radius:999px;background:#fff;font-family:var(--head);font-weight:500;font-size:14px;color:var(--ink);cursor:pointer;transition:border-color .2s,background-color .2s,color .2s}
  .stairs-dot:hover{border-color:var(--accent)}
  .stairs-dot.is-active{background:var(--accent);border-color:var(--accent);color:#fff}
}
@media (scripting:enabled) and (prefers-reduced-motion:reduce){
  .stairs-scene{transform:none!important}
  .stair-card{transform:translate(-50%,-50%)!important;opacity:0!important;pointer-events:none;transition:opacity .3s}
  .stair-card.is-active{opacity:1!important;pointer-events:auto}
}

/* ---------- Ana sayfa bölümleri ---------- */
.why-cols{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0}
.why-cols li{padding:6px 28px;border-left:1px solid var(--line)}
.why-cols li:first-child{border-left:0;padding-left:0}
.why-cols .ic{color:var(--accent);margin-bottom:14px}
.why-cols h3{font-size:20px;margin-bottom:6px}
.why-cols p{margin:0;font-size:15px}
.steps3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.steps3 li{padding:28px;border:1px solid var(--line);border-radius:26px;background:#fff}
.s3-n{display:grid;place-items:center;width:46px;height:46px;border-radius:14px;background:var(--accent);color:#fff;font-family:var(--serif);font-weight:400;font-size:22px;margin-bottom:16px}
.steps3 h3{font-size:21px;margin-bottom:6px}
.steps3 p{margin:0;font-size:15.5px}
.dev-tiles{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.dev-tiles li{display:flex;flex-direction:column;align-items:center;gap:4px;padding:24px 14px;background:#fff;border:1px solid var(--line);border-radius:24px;text-align:center}
.dt-ic{display:grid;place-items:center;width:60px;height:60px;border-radius:50%;background:var(--accent-soft);color:var(--accent);margin-bottom:8px}
.dev-tiles strong{font-family:var(--head);font-weight:500;font-size:15px;color:var(--ink)}
.dev-tiles li>span:last-child{font-size:13.5px;color:var(--muted)}
.regions-grid{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:56px;align-items:center}
.regions-grid h2,.faq-split h2{font-size:clamp(28px,3.3vw,40px)}
.regions-grid header p:not(.eyebrow){margin:14px 0 0;font-size:17px}
.city-note{margin:12px 0 0;color:var(--muted);font-size:15px}
.city-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.city-grid li{display:flex;align-items:center;justify-content:center;gap:8px;min-height:72px;padding:0 12px;background:#fff;border:1.5px solid var(--line);border-radius:22px;font-family:var(--serif);font-weight:400;font-size:19px;color:var(--ink)}
.city-grid .ic{color:var(--accent)}
.guide-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.guide-cards a{display:flex;flex-direction:column;gap:8px;height:100%;padding:30px 28px;background:#fff;border:1px solid var(--line);border-radius:22px;text-decoration:none;transition:border-color .2s,transform .25s var(--ease)}
.guide-cards a:hover{border-color:var(--accent);transform:translateY(-3px)}
.guide-cards .ic-lg{color:var(--accent)}
.guide-cards h3{font-size:22px}
.guide-cards p{margin:0;font-size:15.5px;flex:1}
.reseller-line{padding:48px 0}
.reseller-row{display:flex;align-items:center;justify-content:space-between;gap:28px;flex-wrap:wrap}
.reseller-row h2{font-size:clamp(22px,2.4vw,28px)}
.reseller-row p{margin:6px 0 0}
.faq-cols{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 20px;align-items:start}
.faq-cols details,.faq-list details{background:#fff;border:1px solid var(--line);border-radius:16px}
.faq-cols summary,.faq-list summary{display:flex;justify-content:space-between;align-items:center;gap:16px;cursor:pointer;min-height:58px;padding:12px 22px;font-family:var(--head);font-weight:500;font-size:16px;color:var(--ink);list-style:none}
.faq-cols summary::-webkit-details-marker,.faq-list summary::-webkit-details-marker{display:none}
.faq-cols summary::after,.faq-list summary::after{content:"+";flex:none;font-family:var(--head);font-weight:500;font-size:22px;line-height:1;color:var(--accent);transition:transform .25s}
.faq-cols details[open] summary::after,.faq-list details[open] summary::after{transform:rotate(45deg)}
.faq-cols .answer,.faq-list .answer{margin:0;padding:0 22px 20px;font-size:15.5px}
.faq-list{display:grid;gap:10px}
.help-line{margin:28px 0 0;display:flex;flex-wrap:wrap;justify-content:center;gap:8px 20px;align-items:center;text-align:center}
.narrow{max-width:820px}

/* ---------- Sayfa başı (ortalı) ---------- */
.pg{padding:130px 0 40px;text-align:center}
.pg h1{font-size:clamp(32px,4.4vw,52px);max-width:820px;margin:0 auto}
.pg-lede{margin:14px auto 0;max-width:620px;font-size:18px}
.crumbs{display:flex;flex-wrap:wrap;justify-content:center;gap:6px;margin-bottom:18px;font-size:14px;color:var(--muted)}
.crumbs a{text-decoration:none}
.crumbs a:hover{color:var(--accent)}
.crumbs>*+*::before{content:"/";margin-right:6px;color:#c4b4bb}
.crumbs [aria-current]{color:var(--ink);font-weight:500}
.pg--article h1{font-size:clamp(28px,3.6vw,42px);max-width:880px}
.article-meta{margin:14px 0 0;color:var(--muted);font-size:14.5px}

/* ---------- Kurulum: iki ayrık bölüm (hazırlık, cihaz ailesi) ---------- */
.part-label{margin:0 0 10px;font-family:var(--head);font-weight:500;font-size:13px;letter-spacing:.08em;text-transform:uppercase;color:var(--accent)}
.prep-grid{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,8fr);gap:56px;align-items:start}
.prep-grid h2,.part-head h2{font-size:clamp(28px,3.4vw,42px)}
.prep-grid header p:not(.part-label),.part-head p:not(.part-label){margin:12px 0 0;font-size:17px}
.prep-list{display:grid}
.prep-list li{display:flex;gap:20px;align-items:flex-start;padding:24px 0;border-top:1px solid #ded5d9}
.prep-list li:last-child{border-bottom:1px solid #ded5d9}
.prep-list .ic{color:var(--accent);flex:none;margin-top:2px}
.prep-list h3{font-size:21px;margin-bottom:4px}
.prep-list p{margin:0;font-size:16px}
.family-section{padding-top:80px}
.part-head{max-width:720px;margin-bottom:36px}
.family{margin-top:44px}
.family-title{font-size:clamp(30px,3.6vw,44px);padding-bottom:14px;border-bottom:3px solid var(--accent);margin-bottom:6px}
.entry{display:grid;grid-template-columns:minmax(0,8fr) minmax(0,4fr);gap:48px;padding:30px 0;border-bottom:1px solid var(--line);scroll-margin-top:90px}
.entry-main h4{display:flex;align-items:center;gap:12px;font-size:24px;margin-bottom:12px}
.entry-main h4 .ic{color:var(--accent)}
.entry-text{margin:0;font-size:17px;line-height:1.85}
.pstep{display:inline}
.pstep b{display:inline-grid;place-items:center;width:22px;height:22px;margin:0 6px 0 0;border-radius:50%;background:var(--accent);color:#fff;font-family:var(--head);font-weight:500;font-size:12px;vertical-align:1px}
.pstep strong{font-family:var(--head);font-weight:500;color:var(--ink)}
.pstep+.pstep{margin-left:6px}
.entry-note{align-self:start;padding:2px 0 2px 20px;border-left:3px solid #ddcfd5;font-size:14.5px;line-height:1.6;color:var(--muted)}
.entry-note b{display:block;margin-bottom:4px;font-family:var(--head);font-weight:500;font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--accent)}

/* ---------- Bayilik: tabela satırları ---------- */
.sign{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:48px;padding:44px 0;border-top:1px solid var(--line)}
.sign.is-popular{border-top:3px solid var(--accent)}
.sign:last-of-type{border-bottom:1px solid var(--line)}
.sign-tag{display:flex;align-items:center;gap:10px;margin:0 0 8px;font-family:var(--head);font-weight:500;font-size:12.5px;letter-spacing:.07em;text-transform:uppercase;color:var(--muted)}
.sign-tag b{background:var(--accent);color:#fff;font-weight:500;font-size:11.5px;padding:3px 10px;border-radius:999px}
.sign h3{font-size:26px}
.sign-big{display:flex;align-items:baseline;gap:14px;margin:10px 0 4px;font-family:var(--serif);font-weight:400;font-size:clamp(56px,7vw,88px);line-height:1;letter-spacing:-.03em;color:var(--ink)}
.sign-big s{font-size:24px;color:var(--muted);font-family:var(--head);font-weight:400}
.sign-cap{margin:0 0 18px;font-size:14.5px;color:var(--muted)}
.sign-cap b{font-family:var(--head);font-weight:500;color:var(--ink)}
.sign-desc{margin:0 0 18px;font-size:17px}
.sign-feats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 32px}
.sign-feats li{display:grid;gap:2px}
.sign-feats strong{font-family:var(--serif);font-weight:400;font-size:20px;color:var(--ink)}
.sign-feats span{font-size:14.5px}
.sign-note{margin:18px 0 0;font-size:13px;color:var(--muted)}
.empty{color:var(--muted)}
.plan-footnote{margin:26px 0 0;font-size:14.5px}
.plan-footnote a{color:var(--accent);font-weight:500}
.plan-footnote.center{text-align:center}

/* ---------- İletişim: kanal seçici + tek geniş panel ---------- */
.narrow-xl{max-width:960px}
.pick-radio{position:absolute;opacity:0;pointer-events:none}
.chan-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.chan-box{display:grid;justify-items:start;gap:4px;padding:24px 24px 22px;background:#fff;border:1.5px solid var(--line);border-radius:26px;cursor:pointer;transition:border-color .2s,box-shadow .2s}
.chan-box .ic{color:var(--muted);margin-bottom:10px;width:34px;height:34px}
.chan-box strong{font-family:var(--serif);font-weight:400;font-size:24px;color:var(--ink)}
.chan-box span{font-size:14.5px;color:var(--muted)}
.chan-box:hover{border-color:#c4b0b8}
.pick-radio:checked+.chan-box{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}
.pick-radio:checked+.chan-box .ic{color:var(--accent)}
.pick-radio:focus-visible+.chan-box{outline:2px solid var(--accent);outline-offset:3px}
.chan-panels{margin-top:18px;padding:34px 38px;background:#fff;border:1px solid var(--line);border-radius:30px;box-shadow:var(--shadow)}
.chan-panel{display:none}
@supports not selector(:has(*)){.chan-panel{display:block;margin-bottom:28px;padding-bottom:28px;border-bottom:1px solid var(--line)}}
.mail-addr{display:flex;align-items:center;gap:10px;margin:0 0 20px;font-family:var(--head);font-weight:500;font-size:18px}
.mail-addr .ic{color:var(--accent)}
.mail-addr a{text-decoration:none;color:var(--ink);word-break:break-word}
.chan-foot{margin:18px 6px 0;font-size:14.5px;color:var(--muted)}
.chan-foot a{color:var(--ink);font-weight:500;text-decoration:none}
.hint{margin:8px 0 0;font-size:13.5px;color:var(--muted)}
.form-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 18px}
.field{margin-bottom:16px}
.field label{display:block;font-family:var(--head);font-weight:500;font-size:13.5px;color:var(--ink);margin-bottom:6px}
.field input,.field select,.field textarea{width:100%;min-height:50px;padding:12px 14px;border:1.5px solid var(--line);border-radius:14px;background:#fff;font:inherit;color:var(--ink);transition:border-color .2s,box-shadow .2s}
.field textarea{min-height:130px;resize:vertical}
.field input:focus,.field select:focus,.field textarea:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}
.hp{position:absolute;left:-9999px;opacity:0;height:0;overflow:hidden}
.alert{padding:14px 16px;border-radius:12px;margin-bottom:20px;font-size:14.5px}
.alert-err{background:#fdf1f1;border:1px solid #efc3c3;color:#8a2222}
.search{display:flex;gap:8px;min-width:min(100%,320px)}
.search input{width:100%;min-height:48px;padding:0 18px;border:1.5px solid var(--line);border-radius:999px;background:#fff;font:inherit;color:var(--ink)}
.search input:focus{outline:none;border-color:var(--accent)}
.search .btn{border-radius:999px}

/* ---------- Kampanyalar ---------- */
.camp-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.camp{display:flex;flex-direction:column;background:#fff;border:1px solid var(--line);border-radius:22px;overflow:hidden}
.camp-media{margin:0}
.camp-media img{display:block;width:100%;aspect-ratio:16/10;object-fit:cover}
.camp-body{padding:24px;display:flex;flex-direction:column;align-items:flex-start;gap:10px;flex:1}
.camp-body h2{font-size:22px}
.camp-body p{margin:0}
.camp-body .btn{margin-top:auto}
.camp-body .ann-pills{display:flex;flex-wrap:wrap;gap:8px 14px;font-size:14px;color:var(--muted)}
.ann-date{display:inline-flex;align-items:center;gap:6px}
.ann-date .ic{width:16px;height:16px}
.ann-countdown{font-family:var(--head);font-weight:500;font-size:12.5px;letter-spacing:.05em;text-transform:uppercase;color:var(--accent)}
.empty-state{max-width:620px;margin:0 auto;text-align:center}
.empty-state h2{font-size:30px;margin-bottom:10px}
.empty-state .hero-actions{justify-content:center;margin-top:20px}

/* ---------- 404 ---------- */
.nf{padding:150px 0 88px;text-align:center}
.nf-code{font-family:var(--serif);font-weight:400;font-size:clamp(100px,18vw,190px);line-height:1;letter-spacing:-.03em;color:#ecd5de;margin:0 0 4px}
.nf h1{font-size:clamp(28px,3.6vw,40px)}
.nf-inner>p:not(.nf-code){margin:12px auto 0;max-width:440px;font-size:17px}
.nf-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;max-width:560px;margin:32px auto 0;text-align:left}
.nf-links a{display:grid;gap:2px;padding:18px 20px;border:1px solid var(--line);border-radius:18px;text-decoration:none;transition:border-color .2s}
.nf-links a:hover{border-color:var(--accent)}
.nf-links strong{font-family:var(--head);font-weight:500;font-size:16px;color:var(--ink)}
.nf-links span{font-size:14px;color:var(--muted)}

/* ---------- Footer (CTA panelin içinde) ---------- */
.site-footer{padding:24px 0 0}
.footer-panel{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:48px;padding:48px 48px 40px;background:var(--bg);border-radius:44px}
.footer-ask h2{font-size:clamp(28px,3.4vw,42px);margin-bottom:10px}
.footer-ask p{margin:0 0 6px;font-size:16.5px;max-width:520px}
.footer-ask-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:22px!important}
.footer-cols{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px}
.footer-cols h3{font-family:var(--head);font-weight:500;font-size:13px;letter-spacing:.07em;text-transform:uppercase;color:var(--muted);margin-bottom:14px}
.footer-cols ul{display:grid;gap:9px;font-size:15px;word-break:break-word}
.footer-cols a{text-decoration:none}
.footer-cols a:hover,.footer-bottom a:hover,.link-btn:hover{color:var(--accent)}
.footer-bottom{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px 28px;padding:24px 8px 28px;font-size:13.5px;color:var(--muted)}
.footer-bottom p{margin:0;max-width:640px}
.brand-plain--sm .logo-mark{width:30px;height:30px}
.brand-plain--sm .logo-word{font-size:15px}
.footer-bottom a:not(.brand-plain){color:inherit;text-decoration:underline;text-underline-offset:3px}

/* ---------- Paketler ---------- */
.plan-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;align-items:stretch}
.plan{position:relative;display:flex;flex-direction:column;background:#fff;border:1px solid var(--line);border-radius:20px;padding:30px 28px 28px}
.plan.is-popular{border:2px solid var(--accent);box-shadow:var(--shadow-lg);padding:29px 27px 27px}
.plan-flag{position:absolute;top:-13px;left:50%;transform:translateX(-50%);background:var(--accent);color:#fff;font-family:var(--head);font-weight:500;font-size:12px;letter-spacing:.06em;text-transform:uppercase;padding:5px 14px;border-radius:999px;white-space:nowrap}
.plan-period{font-family:var(--head);font-weight:500;font-size:13px;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);margin:0 0 6px}
.plan h3{font-size:24px}
.plan-price{display:flex;align-items:baseline;gap:10px;margin:14px 0 10px}
.plan-price strong{font-family:var(--head);font-weight:400;font-size:48px;line-height:1;letter-spacing:-.025em;color:var(--accent)}
.plan-price s{color:var(--muted);font-size:17px}
.plan-desc{margin:0 0 18px;font-size:15px;padding-bottom:18px;border-bottom:1px solid var(--line)}
.plan-feats{display:grid;gap:9px;font-size:15px}
.plan-feats li{display:flex;gap:10px;align-items:flex-start}
.plan-feats .ic{width:18px;height:18px;margin-top:3px;color:var(--accent);stroke-width:2.4}
.plan-more{margin-top:10px}
.plan-more summary{cursor:pointer;font-family:var(--head);font-weight:500;font-size:14px;color:var(--accent);min-height:36px;display:flex;align-items:center;list-style:none}
.plan-more summary::-webkit-details-marker{display:none}
.plan-more[open] summary{margin-bottom:8px}
.plan-note{margin:16px 0 0;font-size:13.5px;color:var(--muted)}
.plan .btn{margin-top:auto}
.plan-feats,.plan-more,.plan-note{margin-bottom:22px}
.plan-footnote{margin:28px 0 0;font-size:14.5px;color:var(--muted)}
.plan-footnote a{color:var(--accent);font-weight:500}
.plan-footnote.center{text-align:center}

/* ---------- Blog kartları ---------- */
.post-thumb{aspect-ratio:16/9;overflow:hidden;border-radius:14px;background:#d9dde6}
.post-thumb img{width:100%;height:100%;object-fit:cover;display:block}
.post-thumb.ph{display:flex;align-items:center;justify-content:center;background:var(--bg);border:1px solid var(--line);color:var(--muted);font-family:var(--head);font-weight:500;font-size:12px;letter-spacing:.1em;text-transform:uppercase;text-align:center;padding:12px}
.tag{display:inline-block;align-self:flex-start;font-family:var(--head);font-weight:500;font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:var(--accent)}
.post-meta{display:flex;gap:14px;margin:0;font-size:13.5px;color:var(--muted)}
.post-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px 28px}
.post-card{display:flex;flex-direction:column;gap:10px;text-decoration:none;height:100%}
.post-card h2,.post-card h3{font-size:21px;line-height:1.28;transition:color .2s}
.post-card:hover h2,.post-card:hover h3{color:var(--accent)}
.post-card p{margin:0}
.post-card .post-thumb img{transition:transform .5s var(--ease)}
.post-card:hover .post-thumb img{transform:scale(1.04)}
.more-wrap{margin:28px 0 0;text-align:center}
.post-feature{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:32px;align-items:center;margin-bottom:44px;text-decoration:none}
.post-feature h2{font-size:clamp(26px,3vw,34px);margin:10px 0}
.post-feature p{margin:0 0 12px}
.post-feature:hover h2{color:var(--accent)}

/* ---------- Blog liste / yazı ---------- */
.blog-bar{display:flex;flex-wrap:wrap;gap:16px 24px;align-items:center;justify-content:space-between;margin-bottom:36px}
.cat-links{display:flex;flex-wrap:wrap;gap:4px 22px}
.cat-links a{padding:8px 0;font-family:var(--head);font-weight:500;font-size:15px;color:var(--text);text-decoration:none;border-bottom:2px solid transparent;transition:color .2s,border-color .2s}
.cat-links a:hover{color:var(--accent)}
.cat-links a[aria-current]{color:var(--accent);border-bottom-color:var(--accent)}
.search-result-note{color:var(--muted)}
.pager{display:flex;justify-content:center;gap:8px;margin-top:40px}
.pager a,.pager span{min-width:44px;height:44px;padding:0 14px;display:grid;place-items:center;border-radius:50%;border:1.5px solid var(--line);background:#fff;text-decoration:none;font-family:var(--head);font-weight:500;font-size:14px}
.pager [aria-current]{background:var(--accent);color:#fff;border-color:var(--accent)}
.pager a:hover{border-color:var(--accent);color:var(--accent)}
.article-wrap{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:56px;align-items:start;max-width:1100px}
.post-aside{position:sticky;top:calc(var(--hdr) + 36px);display:grid;gap:20px}
.toc h2,.aside-cta h2{font-family:var(--head);font-weight:500;font-size:13px;letter-spacing:.07em;text-transform:uppercase;color:var(--muted);margin-bottom:12px}
.toc ul{display:grid;border-left:2px solid var(--line)}
.toc a{display:block;padding:7px 14px;font-size:14px;line-height:1.4;color:var(--text);text-decoration:none}
.toc a:hover{color:var(--accent)}
.aside-cta{padding:22px;border:1px solid var(--line);border-radius:16px}
.aside-cta h2{font-family:var(--serif);font-size:19px;letter-spacing:-.01em;text-transform:none;color:var(--ink);font-weight:400}
.aside-cta p{font-size:14.5px}
.post-cover{margin:0 0 30px}
.post-cover img{display:block;width:100%;height:auto;border-radius:16px;background:#d9dde6}
.prose{font-size:17.5px;line-height:1.8;color:var(--text)}
.prose h2{font-size:28px;margin:2em 0 .6em;scroll-margin-top:96px}
.prose h3{font-size:21px;margin:1.7em 0 .5em;scroll-margin-top:96px}
.prose p{margin:0 0 1.25em}
.prose ul,.prose ol{margin:0 0 1.4em;padding-left:1.4em}
.prose ul{list-style:disc}
.prose ol{list-style:decimal}
.prose li{margin:.45em 0}
.prose li::marker{color:var(--accent);font-weight:500}
.prose a{color:var(--accent);font-weight:500;text-underline-offset:3px}
.prose strong{color:var(--ink)}
.prose>:first-child{margin-top:0}
.prose img{max-width:100%;height:auto;border-radius:12px;display:block;margin:0 auto}
.prose figure{margin:2em 0}
.prose figcaption{text-align:center;font-size:14px;color:var(--muted);margin-top:10px}
.prose table{display:block;width:100%;overflow-x:auto;border-collapse:separate;border-spacing:0;margin:1.8em 0;font-size:15px;line-height:1.5;border:1px solid var(--line);border-radius:12px;background:#fff}
.prose th,.prose td{padding:12px 16px;text-align:left;vertical-align:top;border-bottom:1px solid var(--line)}
.prose thead th{background:var(--bg);color:var(--ink);font-family:var(--head);font-weight:500;font-size:13.5px;white-space:nowrap}
.prose tbody tr:last-child td{border-bottom:0}
.prose blockquote{margin:1.6em 0;padding:4px 0 4px 20px;border-left:3px solid var(--accent);color:var(--ink)}
.related{margin-top:72px}
.related h2{font-size:28px;margin-bottom:28px}

/* ---------- Çerez politikası ---------- */
.legal-meta{color:var(--muted);font-size:14.5px;margin-bottom:20px;text-align:center}
.legal-item{background:#fff;border:1px solid var(--line);border-radius:14px;margin-bottom:12px;padding:0 24px}
.legal-item summary{cursor:pointer;min-height:60px;display:flex;align-items:center;font-family:var(--serif);font-weight:400;font-size:20px;color:var(--ink);list-style:none}
.legal-item summary::-webkit-details-marker{display:none}
.legal-item[open] summary{margin-bottom:6px}
.legal-item p,.legal-item li{font-size:16px}
.legal-item ul{list-style:disc;padding-left:1.3em;margin-bottom:1em}
.legal-item>:last-child{margin-bottom:24px}
.cookie-list{display:grid;gap:14px;margin:10px 0 20px}
.cookie-item{border-top:1px solid var(--line);padding-top:14px}
.cookie-item dt{display:flex;flex-wrap:wrap;align-items:center;gap:10px;font-weight:500;margin-bottom:6px}
.cookie-item dt code{background:var(--bg);padding:2px 8px;border-radius:6px;font-size:13px}
.cookie-item dt b{font-family:var(--head);font-weight:500;font-size:11.5px;letter-spacing:.05em;text-transform:uppercase;color:var(--accent)}
.cookie-item dd{margin:0;font-size:15px}
.cookie-item dd i{display:block;font-style:normal;color:var(--muted);font-size:13.5px;margin-top:4px}
.link-btn{background:none;border:0;padding:0;font:inherit;cursor:pointer;color:var(--accent);text-decoration:underline;text-underline-offset:3px}

/* ---------- Çerez kartı: beyaz, alt orta ---------- */
.cookie-bar{left:50%;right:auto;bottom:24px;transform:translateX(-50%);width:min(460px,calc(100% - 24px));max-width:none;background:#fff;color:var(--text);border:1px solid var(--line);border-radius:16px;padding:18px 20px;box-shadow:0 12px 36px rgba(50,25,35,.18)}
.cookie-bar a{color:var(--accent)}
.cookie-bar .ck-btn{border-color:#ccd2de;color:var(--ink);font-family:var(--head)}
.cookie-bar .ck-btn:hover{border-color:var(--accent);color:var(--accent)}
.cookie-bar .ck-btn--primary{background:var(--accent);border-color:var(--accent);color:#fff}
.cookie-bar .ck-btn--primary:hover{background:var(--accent-hover);color:#fff}
@media (max-width:640px){.cookie-bar{left:12px;right:12px;bottom:12px;width:auto;transform:none}}

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


/* ---------- Duyarlı ---------- */
@media (max-width:1000px){
  .regions-grid{grid-template-columns:1fr;gap:28px}
  .why-cols{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 0}
  .why-cols li:nth-child(3){border-left:0;padding-left:0}
  .dev-tiles{grid-template-columns:repeat(2,minmax(0,1fr))}
  .footer-panel{grid-template-columns:1fr;gap:32px}
}
@media (max-width:900px){
  .section{padding:64px 0}
  .guide-cards{grid-template-columns:1fr}
  .post-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .post-feature{grid-template-columns:1fr}
  .article-wrap{grid-template-columns:1fr;gap:32px}
  .post-aside{position:static}
  .camp-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .steps3{grid-template-columns:1fr}
  .sign{grid-template-columns:1fr;gap:24px}
  .prep-grid,.entry{grid-template-columns:1fr;gap:20px}
  .entry-note{padding-left:16px}
  .faq-cols{grid-template-columns:1fr}
  .city-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:767px){
  :root{--hdr:64px}
  .container{padding:0 16px}
  .hero{display:block;min-height:0;padding:0}
  .hero-photo{position:relative;height:clamp(380px,104vw,480px)}
  .hero-index{bottom:40px}
  .hero-right-wrap{margin-top:-30px;padding:0}
  .hero-right{max-width:none;border-radius:30px 30px 0 0;padding:26px 20px 28px;box-shadow:none}
  .hero-actions .btn{flex:1 1 100%}
  .plan-grid,.post-grid,.camp-grid{grid-template-columns:1fr}
  .plan-grid{gap:28px}
  .why-cols{grid-template-columns:1fr}
  .why-cols li,.why-cols li:nth-child(3){border-left:0;padding:0}
  .dev-tiles{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
  .form-row{grid-template-columns:1fr;gap:0}
  .chan-row{grid-template-columns:1fr}
  .chan-panels{padding:22px 18px}
  .chan-box{grid-template-columns:auto 1fr;grid-template-rows:auto auto;align-items:center;column-gap:16px;padding:18px 20px}
  .chan-box .ic{grid-row:1/3;margin:0}
  .sign-feats{grid-template-columns:1fr}
  .mobile-menu-list{grid-template-columns:1fr}
  .nf-links{grid-template-columns:1fr}
  .footer-panel{padding:30px 22px 26px;border-radius:30px}
  .footer-cols{grid-template-columns:1fr 1fr}
  .reseller-row .btn{width:100%}
  .prose{font-size:16.5px}
  .prose h2{font-size:24px}
  .search{min-width:100%}
  .pg{padding-top:96px}
  .nf{padding-top:110px}
  html.js [data-reveal=left]{transform:translateX(-16px)}
  html.js [data-reveal=right]{transform:translateX(16px)}
  @media (scripting:enabled){
    .stairs-stage{--k:.42;height:380px}
    .stair-card{width:76%}
    .stair-card figcaption{left:8px;bottom:8px;max-width:calc(100% - 16px);padding:5px 9px;gap:1px;font-size:11px;line-height:1.3}
    .stair-card figcaption strong{font-size:14px}
    .stairs-arrow{display:none}
  }
}
@media (max-width:420px){
  .logo-word{font-size:15.5px}
  .hdr-row{gap:10px}
}

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

/* ---------- Tema eklemeleri: WhatsApp yüzen düğme (çekirdek bileşeni, tema paletiyle) ---------- */
body .wa-float{--c-wa:var(--accent);gap:10px}
body .wa-float .wa-btn{width:58px;height:58px;border-radius:18px;background:var(--accent);color:var(--on-accent);box-shadow:0 10px 26px rgba(50,25,35,.28);animation:none;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:18px;border-color:var(--accent)}
body .wa-float .wa-btn .ic{width:30px;height:30px;fill:#fff}
body .wa-float:hover .wa-btn,body .wa-float:focus-visible .wa-btn{background:var(--accent-hover);transform:translateY(-3px);box-shadow:0 14px 30px rgba(50,25,35,.34)}
body .wa-float:focus-visible{outline:none}
body .wa-float:focus-visible .wa-btn{outline:3px solid var(--ink);outline-offset:3px}
body .wa-float .wa-bubble{font-family:var(--head);font-weight:500;font-size:14px;color:var(--ink);background:#fff;border:1px solid var(--line);border-radius:12px;box-shadow:var(--shadow)}
body .wa-float .wa-bubble::after{background:#fff;border-right:1px solid var(--line);border-top:1px solid var(--line)}
body .wa-float .wa-bubble b{color:var(--accent);font-weight:500}
@media (max-width:480px){body .wa-float .wa-btn{width:54px;height:54px;border-radius:16px}body .wa-float .wa-bubble{font-size:13px}}

/* ---------- Paket bölgesi anahtarı ---------- */
.region-switch{display:flex;width:max-content;max-width:100%;margin:0 0 30px;padding:5px;gap:4px;background:var(--bg);border:1px solid var(--line);border-radius:999px}
.rs-btn{appearance:none;border:0;background:transparent;color:var(--ink);font-family:var(--head);font-weight:500;font-size:15px;min-height:44px;padding:0 28px;border-radius:999px;cursor:pointer;transition:background-color .25s,color .25s,box-shadow .25s}
.rs-btn:hover{color:var(--accent)}
.rs-btn.is-active{background:var(--accent);color:var(--on-accent);box-shadow:0 4px 12px rgba(163,58,95,.28)}
.rs-btn.is-active:hover{color:var(--on-accent)}
.plan-region{transition:opacity .35s var(--ease),transform .35s var(--ease)}
.plan-region.is-leaving{opacity:0;transform:translateY(8px)}
.plan-region[hidden]{display:none}
.plan-region-title{font-size:22px;margin:0 0 18px}
.plan-region+.plan-region{margin-top:40px}
html.js .plan-region-title{display:none}
html:not(.js) .region-switch{display:none}
.plan-grid--single{grid-template-columns:minmax(0,420px);justify-content:center}
.plan-gift{display:flex;align-items:center;gap:8px;margin:0 0 16px;padding:9px 12px;border-radius:10px;background:var(--accent-soft);color:var(--accent-hover);font-family:var(--head);font-weight:500;font-size:13.5px;line-height:1.3}
.plan-gift .ic{width:17px;height:17px}

/* ---------- Kampanya şeridi (ana sayfa) ---------- */
.promo-strip{padding:44px 0;background:var(--accent-soft);border-top:1px solid #efd9e0;border-bottom:1px solid #efd9e0}
.promo-row{display:flex;align-items:center;justify-content:space-between;gap:28px;flex-wrap:wrap}
.promo-txt{max-width:640px}
.promo-txt .eyebrow{margin-bottom:8px}
.promo-txt h2{font-size:clamp(22px,2.6vw,30px)}
.promo-txt p:last-child{margin:8px 0 0}

/* ---------- Kampanyalar sayfası: öne çıkan kampanya ---------- */
.camp-feature{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:0;background:#fff;border:2px solid var(--accent);border-radius:22px;overflow:hidden;box-shadow:var(--shadow-lg)}
.cf-head{padding:36px 34px;display:flex;flex-direction:column;align-items:flex-start;gap:10px;background:var(--accent-soft)}
.cf-head h2{font-size:clamp(26px,3vw,34px)}
.cf-head p{margin:0}
.cf-sub{font-family:var(--head);font-weight:500;color:var(--accent)}
.cf-head .btn{margin-top:14px}
.cf-badge{display:inline-flex;align-items:center;gap:7px;background:var(--accent);color:var(--on-accent);font-family:var(--head);font-weight:500;font-size:12.5px;letter-spacing:.05em;text-transform:uppercase;padding:5px 13px;border-radius:999px}
.cf-badge .ic{width:15px;height:15px;stroke-width:2.6}
.cf-terms{padding:34px}
.cf-terms h3{font-size:21px;margin-bottom:16px}
.cf-terms ul{display:grid;gap:11px;font-size:15px}
.cf-terms li{display:flex;gap:10px;align-items:flex-start}
.cf-terms .ic{width:18px;height:18px;margin-top:3px;color:var(--accent);stroke-width:2.4}
.camp-grid--more{margin-top:32px}

/* ---------- Desteklenen cihazlar: logo ızgarası ---------- */
.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;gap:12px;padding:22px 12px 18px;background:#fff;border:1px solid var(--line);border-radius:20px;text-align:center;transition:transform .25s var(--ease),box-shadow .25s,border-color .25s}
.dev-logos li:hover{transform:translateY(-4px);box-shadow:var(--shadow);border-color:#d9bcc7}
.dev-logos img{display:block;width:100%;max-width:120px;height:auto;aspect-ratio:2/1;object-fit:contain}
.dev-logos strong{font-family:var(--head);font-weight:500;font-size:14.5px;color:var(--ink)}

/* ---------- Sayılarla Biz: ikonlu + çubuk ---------- */
.num-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}
.num-card{display:flex;flex-direction:column;align-items:flex-start;gap:6px;padding:28px 24px 24px;background:#fff;border:1px solid var(--line);border-radius:20px}
.num-ic{display:grid;place-items:center;width:52px;height:52px;border-radius:14px;background:var(--accent-soft);color:var(--accent);margin-bottom:10px}
.num-ic .ic{stroke-width:1.9}
.num-val{display:block;min-width:0;max-width:100%;font-family:var(--head);font-weight:400;font-size:clamp(30px,3.2vw,40px);line-height:1.1;letter-spacing:-.02em;color:var(--ink);font-variant-numeric:tabular-nums}
.num-label{font-size:15px;color:var(--muted)}
.num-bar{display:block;width:100%;height:5px;margin-top:14px;border-radius:99px;background:var(--line);overflow:hidden}
.num-bar i{display:block;width:100%;height:100%;border-radius:99px;background:var(--accent);transform-origin:left center}
html.js .num-bar i{transform:scaleX(0)}

@media (max-width:1000px){.dev-logos{grid-template-columns:repeat(3,minmax(0,1fr))}.num-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.camp-feature{grid-template-columns:1fr}}
@media (max-width:767px){.dev-logos{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.num-grid{gap:12px}.num-card{padding:22px 18px 20px}.cf-head,.cf-terms{padding:26px 20px}.region-switch{width:100%}.rs-btn{flex:1;padding:0 12px}.promo-row .btn{width:100%}.plan-grid--single{grid-template-columns:minmax(0,1fr)}}
@media (prefers-reduced-motion:reduce){.dev-logos li:hover{transform:none}.plan-region{transition:none}}

/* ===== Yazı stili: ince hatlı, kalın yazı yok (güvenlik bloğu) ===== */
html body b,html body strong,html body th,html body dt,html body dd,html body label,html body summary,html body button,html body input,html body select,html body textarea,html body .btn,html body nav a,html body a,
html body h1,html body h2,html body h3,html body h4,html body h5,html body h6,html body .prose strong,html body .prose b,html body .prose a,
html body .ck-btn,html body .wa-float .wa-bubble,html body .wa-float .wa-bubble b,html body .ann-btn,html body [class*="announce"] *,html body [class*="cookie"] *,html body [class*="ck-"] *,html body .field label{font-weight:500}
html body h1,html body h2,html body h3,html body .hero-title,html body .nf-code,html body .sign-big,html body .num-val,html body .plan-price strong{font-weight:400}
html body .prose strong,html body .prose b{color:var(--ink)}

/* rozet-kirpma: açılış animasyonu bitince kırpma kalkar (Önerilen rozeti taşabilsin) */
html.js [data-reveal]:not([data-reveal=mask]).is-revealed{clip-path:none}

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

/* ---------- Hero: beyaz kart yerine sağdan koyulaşan şarap-kahve perde, yazı doğrudan fotoğraf üstünde ---------- */
@media (min-width:861px){
  .hero-photo::after{content:"";position:absolute;inset:0;z-index:3;background:linear-gradient(270deg,rgba(38,12,24,.88) 0%,rgba(38,12,24,.72) 36%,rgba(38,12,24,.3) 64%,rgba(38,12,24,0) 84%)}
  .hero-right{background:none;box-shadow:none;border-radius:0;padding:0 0 0 20px;max-width:560px}
  .hero-right .eyebrow{color:#f0b8c9}
  .hero-right h1,.hero-right .hero-title{color:#fff;font-size:clamp(34px,4vw,54px);text-shadow:0 2px 16px rgba(0,0,0,.3)}
  .hero-right .hero-lede{color:rgba(255,255,255,.9);font-size:18.5px}
  .hero-right .btn-line,.hero-right .btn-outline{background:rgba(255,255,255,.12);border-color:rgba(255,255,255,.7);color:#fff}
  .hero-right .btn-line:hover,.hero-right .btn-outline:hover{background:#fff;color:var(--ink)}
}