/* TikMax: ortak iskelet, açılış sayfası, fiyatlar, destek paneli (stil.css'ten sonra yüklenir) */
h1,h2,h3,.logo{font-family:Poppins,system-ui,sans-serif}
nav a.aktif{color:var(--yazi);font-weight:700}
.menu-ac{display:none;margin-left:auto;background:none;border:1px solid var(--cizgi);color:var(--yazi);border-radius:10px;font-size:20px;padding:4px 10px;cursor:pointer}
@media(max-width:860px){
  header .kap{flex-wrap:wrap;height:auto;min-height:60px}
  .menu-ac{display:block;order:2}
  header .logo{order:1}
  header nav{order:3;display:none;width:100%;flex-direction:column;align-items:stretch;gap:4px;padding:8px 0 14px;margin:0}
  header.acik nav{display:flex}
  header nav a{padding:10px 4px;font-size:16px}
  header nav a[href="./"]{display:block}
  header nav .btn{text-align:center;padding:11px 20px;font-size:15px}
}
.bolum{padding:64px 0}
.bolum h2{font-size:clamp(24px,3.6vw,36px);margin:0 0 10px;text-align:center}
.bolum .alt-baslik{color:var(--soluk);text-align:center;max-width:640px;margin:0 auto 34px}
.grad{background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}
/* açılış */
.giris-hero{display:grid;grid-template-columns:1.05fr 1fr;gap:40px;align-items:center;padding:56px 0 30px}
.giris-hero h1{font-size:clamp(32px,5.2vw,58px);line-height:1.05;margin:0 0 16px}
.giris-hero p.ozet{color:var(--soluk);font-size:17px;margin:0 0 24px;max-width:560px}
.cta{display:flex;gap:12px;flex-wrap:wrap}
.cta .btn{padding:14px 24px;font-size:16px}
.etiketler{display:flex;flex-wrap:wrap;gap:8px;margin-top:22px}
.etiketler span{background:rgba(255,255,255,.06);border:1px solid var(--cizgi);border-radius:99px;padding:6px 12px;font-size:13px;color:#e9dcef}
.etiketler span::before{content:'✓ ';color:var(--yesil);font-weight:800}
.kolaj{position:relative;height:440px}
.kolaj img{position:absolute;width:56%;aspect-ratio:1;object-fit:cover;border-radius:22px;border:3px solid rgba(255,255,255,.12);box-shadow:0 20px 60px rgba(0,0,0,.55)}
.kolaj img:nth-child(1){left:0;top:40px;transform:rotate(-8deg)}
.kolaj img:nth-child(2){right:0;top:0;transform:rotate(7deg)}
.kolaj img:nth-child(3){left:22%;bottom:0;transform:rotate(-1deg);z-index:2;width:58%}
@media(max-width:860px){.giris-hero{grid-template-columns:1fr;text-align:center}.giris-hero p.ozet{margin:0 auto 24px}.cta,.etiketler{justify-content:center}.kolaj{height:320px;max-width:420px;margin:0 auto;width:100%}}
.serit{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:10px}
.serit div{background:var(--kart);border:1px solid var(--cizgi);border-radius:14px;padding:16px;text-align:center}
.serit b{display:block;font-size:26px;font-family:Poppins,system-ui,sans-serif}
.serit span{color:var(--soluk);font-size:13px}
@media(max-width:700px){.serit{grid-template-columns:repeat(2,1fr)}}
.karsilastir{display:grid;grid-template-columns:1fr 1fr;gap:18px;max-width:900px;margin:0 auto}
.karsilastir .kutu h3{margin:0 0 12px}
.karsilastir ul{margin:0;padding:0;list-style:none}
.karsilastir li{padding:8px 0 8px 30px;position:relative;color:#d9cde2;border-bottom:1px dashed var(--cizgi)}
.karsilastir li:last-child{border:0}
.karsilastir .eski li::before{content:'✕';position:absolute;left:4px;color:#ff6b6b;font-weight:800}
.karsilastir .yeni{border-color:var(--vurgu);background:linear-gradient(180deg,rgba(255,45,135,.12),var(--kart))}
.karsilastir .yeni li::before{content:'✓';position:absolute;left:4px;color:var(--yesil);font-weight:800}
@media(max-width:700px){.karsilastir{grid-template-columns:1fr}}
.adimlar{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.adim{background:var(--kart);border:1px solid var(--cizgi);border-radius:16px;padding:22px 18px;position:relative}
.adim .no{width:38px;height:38px;border-radius:12px;background:var(--grad);display:grid;place-items:center;font-weight:900;font-size:18px;margin-bottom:12px}
.adim h3{margin:0 0 6px;font-size:17px}.adim p{margin:0;color:var(--soluk);font-size:14px}
@media(max-width:860px){.adimlar{grid-template-columns:1fr 1fr}}@media(max-width:520px){.adimlar{grid-template-columns:1fr}}
.ozellikler{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.oz{background:var(--kart);border:1px solid var(--cizgi);border-radius:16px;padding:20px}
.oz .ik{font-size:28px}.oz h3{margin:8px 0 6px;font-size:17px}.oz p{margin:0;color:var(--soluk);font-size:14px}
@media(max-width:860px){.ozellikler{grid-template-columns:1fr 1fr}}@media(max-width:520px){.ozellikler{grid-template-columns:1fr}}
.ortala{text-align:center;margin-top:24px}
.sss{max-width:820px;margin:0 auto}
.sss details{background:var(--kart);border:1px solid var(--cizgi);border-radius:14px;padding:4px 18px;margin-bottom:10px}
.sss summary{cursor:pointer;font-weight:700;padding:14px 28px 14px 0;list-style:none;position:relative}
.sss summary::-webkit-details-marker{display:none}
.sss summary::after{content:'+';position:absolute;right:0;top:10px;font-size:22px;color:var(--vurgu)}
.sss details[open] summary::after{content:'–'}
.sss details p{color:#d0c3d9;margin:0 0 14px}
.son-cta{text-align:center;background:linear-gradient(135deg,rgba(255,45,135,.18),rgba(255,176,58,.12));border:1px solid var(--cizgi);border-radius:24px;padding:44px 20px}
.son-cta h2{margin:0 0 10px}.son-cta p{color:var(--soluk);margin:0 0 22px}
.sayfa-baslik{text-align:center;padding:44px 0 6px}.sayfa-baslik h1{font-size:clamp(28px,4.5vw,44px);margin:0 0 8px}.sayfa-baslik p{color:var(--soluk);max-width:640px;margin:0 auto}
.bant{display:flex;align-items:center;gap:18px;background:linear-gradient(90deg,rgba(255,45,135,.16),rgba(255,176,58,.1));border:1px solid var(--vurgu);border-radius:18px;padding:18px 20px;margin:22px 0 0;text-decoration:none}
.bant img{width:84px;height:84px;border-radius:14px;object-fit:cover}
.bant div{flex:1}.bant h3{margin:0 0 4px}.bant p{margin:0;color:var(--soluk);font-size:14px}
@media(max-width:600px){.bant{flex-direction:column;text-align:center}}
/* fiyatlar */
.fiyatlar{display:grid;grid-template-columns:1fr 1fr;gap:20px;max-width:900px;margin:0 auto}
.paket{background:var(--kart);border:1px solid var(--cizgi);border-radius:20px;padding:26px;display:flex;flex-direction:column}
.paket.one{border:2px solid var(--vurgu);background:linear-gradient(180deg,rgba(255,45,135,.14),var(--kart));position:relative}
.paket.one::before{content:'EN AVANTAJLI';position:absolute;top:-13px;left:50%;transform:translateX(-50%);background:var(--grad);font-size:12px;font-weight:800;padding:4px 12px;border-radius:99px}
.paket h3{margin:0 0 4px;font-size:22px}.paket .tutar{font-size:38px;font-weight:900;font-family:Poppins,system-ui,sans-serif;margin:10px 0 2px}.paket .tutar small{font-size:15px;color:var(--soluk);font-weight:500}
.paket ul{padding-left:20px;color:#d9cde2;flex:1}.paket .btn{text-align:center}
@media(max-width:700px){.fiyatlar{grid-template-columns:1fr}}
.tek-liste{max-width:900px;margin:30px auto 0;display:grid;grid-template-columns:minmax(0,1fr);gap:10px}
.tek{display:flex;align-items:center;gap:14px;background:var(--kart);border:1px solid var(--cizgi);border-radius:14px;padding:10px 14px}
.tek img{width:56px;height:56px;border-radius:10px;object-fit:cover}
.tek .ad{flex:1;min-width:0}.tek .ad b{display:block}.tek .ad small{color:var(--soluk);display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.tek .f{font-weight:800;white-space:nowrap}.tek .btn{padding:9px 16px;font-size:14px;flex-shrink:0}
@media(max-width:560px){.tek{flex-wrap:wrap}.tek .ad{flex-basis:calc(100% - 70px)}.tek .f{margin-left:70px}}
.not-kutu{max-width:900px;margin:26px auto 0;color:#d0c3d9;font-size:14px}
.not-kutu li{margin:6px 0}
/* alt bilgi */
footer .kap{display:grid;grid-template-columns:1.4fr 1fr 1fr 1.2fr;gap:22px}
footer .alt-marka p{margin:8px 0 0;max-width:280px}
footer .alt-linkler{display:flex;flex-direction:column;gap:8px}footer .alt-linkler b{color:var(--yazi)}footer .alt-linkler a{text-decoration:none}footer .alt-linkler a:hover{color:var(--yazi)}
footer .alt-son{display:flex;justify-content:space-between;align-items:center;gap:8px 20px;flex-wrap:wrap;margin-top:20px;padding-top:16px;border-top:1px solid var(--cizgi);font-size:12px}
footer .imza-link{color:var(--soluk);text-decoration:none;white-space:nowrap}footer .imza-link:hover{color:var(--yazi)}footer .imza-link b{color:var(--yazi);font-weight:700}
@media(max-width:760px){footer .kap{grid-template-columns:1fr 1fr}}
/* destek paneli */
.destek{position:fixed;right:18px;bottom:18px;z-index:50;font-size:14px}
.destek-dugme{display:flex;align-items:center;gap:8px;border:0;cursor:pointer;background:#25d366;color:#fff;font-weight:800;border-radius:99px;padding:12px 18px 12px 14px;box-shadow:0 10px 30px rgba(37,211,102,.45);font-size:15px}
.destek-dugme .dd-ikon{font-size:20px}
.destek.acik .destek-dugme{background:#1fae54}
.destek-panel{position:absolute;right:0;bottom:64px;width:340px;max-width:calc(100vw - 36px);background:#1a0f24;border:1px solid var(--cizgi);border-radius:18px;overflow:hidden;box-shadow:0 20px 60px rgba(0,0,0,.6);animation:dpGir .25s ease-out}
@keyframes dpGir{from{opacity:0;transform:translateY(12px)}}
.dp-ust{display:flex;align-items:center;gap:10px;background:#075e54;padding:12px 14px}
.dp-av{width:38px;height:38px;border-radius:50%;background:#25d366;display:grid;place-items:center;font-size:18px}
.dp-ust b{display:block}.dp-ust small{display:flex;align-items:center;gap:5px;opacity:.9}.dp-ust small i{width:8px;height:8px;border-radius:50%;background:#7dff9b}
.dp-kapat{margin-left:auto;background:none;border:0;color:#fff;font-size:18px;cursor:pointer}
.dp-ic{padding:14px;display:flex;flex-direction:column;gap:10px}
.dp-balon{background:#2a1d36;border-radius:4px 14px 14px 14px;padding:10px 12px;color:#e9dcef}
.dp-konular{display:flex;flex-wrap:wrap;gap:6px}
.dp-konular button{background:transparent;border:1px solid var(--cizgi);color:var(--soluk);border-radius:99px;padding:5px 10px;font-size:12px;cursor:pointer}
.dp-konular button.secili{border-color:#25d366;color:#fff;background:rgba(37,211,102,.15)}
.dp-ic input,.dp-ic textarea{width:100%;background:#0f0817;border:1px solid var(--cizgi);border-radius:10px;color:var(--yazi);padding:10px;font:inherit;resize:vertical}
.dp-gonder{background:#25d366;box-shadow:none;text-align:center}
.dp-not{margin:0;color:var(--soluk);font-size:12px}
@media(max-width:520px){.destek-dugme .dd-yazi{display:none}.destek-dugme{padding:14px}}
/* Ürün sayfası: geri bağlantısı, kurulum adımları, Tam Erişim önerisi; telefonda satın alma kutusu açıklamadan önce */
.detay .geri{grid-column:1/-1;margin-bottom:-14px;color:var(--soluk);text-decoration:none;font-size:14px}.detay .geri:hover{color:var(--yazi)}
.detay .satin{align-self:start;position:sticky;top:80px}
ol.kur{padding-left:22px;color:#d0c3d9}ol.kur li{margin:6px 0}
.tam-oneri{display:flex;gap:12px;align-items:center;margin-top:14px;padding:12px 14px;border-radius:14px;border:1px solid var(--vurgu);background:linear-gradient(90deg,rgba(255,45,135,.14),rgba(255,176,58,.08));text-decoration:none}
.tam-oneri img{width:46px;height:46px;border-radius:10px;object-fit:cover}.tam-oneri span{flex:1}.tam-oneri b{display:block}.tam-oneri small{color:var(--soluk)}.tam-oneri i{font-style:normal;font-size:20px}
@media(max-width:800px){.detay{gap:16px}.detay .sol{display:contents}.detay .sol>*{order:3;margin:0}.detay .sol>.gorsel{order:1}.detay .satin{order:2;position:static}.detay .sol>h2{margin-top:10px}}
footer{padding-bottom:84px}/* sağ alttaki destek balonu son satırı kapatmasın */
/* duyuru kanalı kartı (sol alt; telefonda destek düğmesinin üstünde) */
.kanal-kart{position:fixed;left:18px;bottom:18px;z-index:49;width:320px;max-width:calc(100vw - 36px);box-sizing:border-box;background:#1a0f24;border:1px solid var(--cizgi);border-radius:18px;padding:18px 18px 16px;box-shadow:0 20px 60px rgba(0,0,0,.6);animation:dpGir .3s ease-out}
.kanal-kart b{display:block;font-size:16px;padding-right:24px}
.kanal-kart p{margin:6px 0 14px;color:var(--soluk);font-size:14px;line-height:1.45}
.kanal-kart .kk-katil{display:block;text-align:center;background:#25d366;box-shadow:none}
.kanal-kart .kk-kapat{position:absolute;top:10px;right:10px;border:0;background:none;color:var(--soluk);font-size:16px;cursor:pointer;padding:4px 6px}
.kanal-kart .kk-kapat:hover{color:var(--yazi)}
@media(max-width:520px){.kanal-kart{left:12px;right:12px;width:auto;max-width:none;bottom:84px}}