:root{
  /* Kurumsal kimlik kılavuzu v1.0 (Ekim 2026) paleti */
  --lacivert:#0B2447;--lacivert-2:#143463;--gece:#06162E;
  --mavi:#1E5AA8;--mavi-koyu:#174A8B;--mavi-acik:#8CC2FF;--mavi-zemin:#E8F0FA;
  --yesil:#12B886;--yesil-koyu:#0E9F73;--yesil-zemin:#E3F7F0;--yesil-acik:#5FE0B5;
  --kirmizi:#dc2626;--bayrak:#E30A17;
  --metin:#0F172A;--metin-2:#5B6B82;--metin-3:#8A99AD;
  --cizgi:#DCE3EE;--zemin:#ffffff;--zemin-2:#F3F6FB;--golge:0 10px 30px -12px rgba(11,36,71,.18);
  --yaricap:16px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{margin:0;font-family:Inter,system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;color:var(--metin);background:var(--zemin);line-height:1.6;font-size:16px}
img,svg{max-width:100%}
a{color:var(--mavi);text-decoration:none}
a:hover{text-decoration:underline}
h1,h2,h3,h4{line-height:1.2;margin:0 0 .5em;letter-spacing:-.02em}
h1{font-size:clamp(2.1rem,4.6vw,3.4rem);font-weight:800}
h2{font-size:clamp(1.6rem,3.2vw,2.3rem);font-weight:700}
h3{font-size:1.15rem;font-weight:700}
p{margin:0 0 1em}
.kap{width:100%;max-width:1180px;margin:0 auto;padding:0 20px}
.kap-dar{max-width:820px}

/* Butonlar */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5em;background:var(--yesil);color:#fff;font-weight:600;padding:.75em 1.4em;border-radius:10px;border:2px solid var(--yesil);cursor:pointer;font:inherit;font-weight:600;transition:transform .15s,background .15s,box-shadow .15s;text-decoration:none!important;white-space:nowrap}
.btn:hover{background:var(--yesil-koyu);border-color:var(--yesil-koyu);transform:translateY(-1px);box-shadow:0 8px 20px -8px rgba(18,184,134,.6)}
.btn-buyuk{padding:.95em 1.8em;font-size:1.05rem}
.btn-kucuk{padding:.5em 1em;font-size:.95rem}
.btn-tam{width:100%}
.btn-hayalet{background:transparent;color:var(--lacivert);border-color:var(--cizgi)}
.btn-hayalet:hover{background:var(--zemin-2);border-color:var(--metin-3);box-shadow:none}
.btn-ikincil{background:var(--mavi-zemin);color:var(--mavi);border-color:var(--mavi-zemin)}
.btn-ikincil:hover{background:var(--mavi-zemin);border-color:var(--mavi-zemin);box-shadow:none}
.btn-acik{background:#fff;color:var(--lacivert);border-color:#fff}
.btn-acik:hover{background:var(--mavi-zemin);border-color:var(--mavi-zemin)}
.btn[disabled]{opacity:.6;cursor:not-allowed;transform:none}

/* Üst menü */
.ust{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.92);backdrop-filter:saturate(1.6) blur(10px);border-bottom:1px solid var(--cizgi)}
.ust-ic{display:flex;align-items:center;justify-content:space-between;height:68px}
.logo{display:flex;align-items:center;gap:.45em;font-family:Poppins,Inter,sans-serif;font-size:1.32rem;font-weight:400;color:var(--lacivert);letter-spacing:-.01em;text-decoration:none!important;--logo-zemin:#fff}
.logo b{font-weight:700;color:inherit}
.logo-ikon{width:34px;height:34px;color:var(--lacivert)}
.logo-acik{color:#fff}.logo-acik b{color:inherit}.logo-acik .logo-ikon{color:#fff}
.menu{display:flex;align-items:center;gap:1.6em}
.menu a{color:var(--metin-2);font-weight:500;font-size:.97rem}
.menu a:hover{color:var(--metin);text-decoration:none}
.menu a.btn{color:#fff}
.menu-dugme{display:none;background:none;border:0;padding:8px;cursor:pointer}
.menu-dugme span{display:block;width:24px;height:2px;background:var(--metin);margin:5px 0;border-radius:2px;transition:.2s}
@media (max-width:960px){
  .menu-dugme{display:block}
  .menu{position:fixed;inset:68px 0 auto 0;background:#fff;flex-direction:column;align-items:stretch;gap:0;padding:8px 20px 20px;border-bottom:1px solid var(--cizgi);box-shadow:var(--golge);transform:translateY(-120%);transition:transform .25s;z-index:-1}
  .menu a{padding:.8em 0;border-bottom:1px solid var(--cizgi)}
  .menu a.btn{margin-top:12px;border-bottom:0}
  .menu-acik .menu{transform:none}
  .menu-acik .menu-dugme span:nth-child(1){transform:translateY(7px) rotate(45deg)}
  .menu-acik .menu-dugme span:nth-child(2){opacity:0}
  .menu-acik .menu-dugme span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
}

/* Hero */
.rozet{display:inline-flex;align-items:center;gap:.5em;background:#fff;border:1px solid var(--cizgi);padding:.35em .9em;border-radius:99px;font-size:.88rem;font-weight:500;color:var(--metin-2);margin-bottom:1.2em;box-shadow:0 2px 6px rgba(15,23,42,.05)}
.nokta{width:8px;height:8px;border-radius:50%;background:var(--yesil);box-shadow:0 0 0 4px rgba(18,184,134,.18)}
.vurgu{background:linear-gradient(90deg,var(--mavi),var(--mavi));-webkit-background-clip:text;background-clip:text;color:transparent}
.hero-dugmeler{display:flex;gap:12px;flex-wrap:wrap;margin:1.8em 0}
.hero-dugmeler.merkez{justify-content:center}
.hero-liste{list-style:none;padding:0;margin:0;display:grid;gap:.4em;color:var(--metin-2)}
.hero-liste li::before{content:"✓";color:var(--yesil);font-weight:800;margin-right:.6em}

.hero{position:relative;overflow:hidden;color:#e2e8f0;padding:96px 0 104px;
  background:radial-gradient(900px 520px at 78% 18%,rgba(30,90,168,.55),transparent 62%),radial-gradient(700px 420px at 8% 100%,rgba(30,90,168,.28),transparent 60%),linear-gradient(160deg,var(--gece) 0%,#0a1f40 55%,#0b2447 100%)}
.hero::before{content:"";position:absolute;inset:0;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180' viewBox='0 0 64 64'%3E%3Cpath d='M8 30 L56 10 L44 54 L31 38 Z' fill='%23fff' fill-opacity='.035' transform='translate(20 20) scale(.38) rotate(-8 32 32)'/%3E%3C/svg%3E"),linear-gradient(rgba(140,194,255,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(140,194,255,.07) 1px,transparent 1px);background-size:180px 180px,60px 60px,60px 60px;
  -webkit-mask-image:radial-gradient(ellipse 75% 70% at 50% 40%,#000 30%,transparent 80%);mask-image:radial-gradient(ellipse 75% 70% at 50% 40%,#000 30%,transparent 80%)}
.hero::after{content:"";position:absolute;left:0;right:0;bottom:0;height:120px;background:linear-gradient(transparent,rgba(5,15,36,.5))}
.hero-isik span{position:absolute;border-radius:50%;filter:blur(60px);opacity:.55;animation:isik 14s ease-in-out infinite}
.hero-isik .i1{width:380px;height:380px;background:var(--mavi);top:-120px;right:8%}
.hero-isik .i2{width:300px;height:300px;background:var(--mavi);bottom:-140px;left:30%;animation-delay:-5s;opacity:.35}
.hero-isik .i3{width:220px;height:220px;background:var(--yesil);top:30%;right:-60px;animation-delay:-9s;opacity:.16}
@keyframes isik{50%{transform:translate(-30px,24px) scale(1.08)}}
.hero-ic{position:relative;z-index:1;display:grid;grid-template-columns:1.12fr .88fr;gap:72px;align-items:center}
.hero .bolme{white-space:nowrap}
.hero .btn-buyuk{padding:.9em 1.45em;font-size:1rem}
.hero h1{color:#fff;font-size:clamp(2.3rem,4.3vw,3.7rem);line-height:1.05;letter-spacing:-.035em;margin:.35em 0 .45em}
.hero .vurgu{background:linear-gradient(92deg,#8CC2FF 0%,#6FD3E8 50%,var(--yesil-acik) 100%);-webkit-background-clip:text;background-clip:text;color:transparent}
.hero-rozet{display:inline-flex;align-items:center;gap:.6em;padding:.4em .5em .4em .9em;border-radius:99px;font-size:.88rem;font-weight:600;color:#e2e8f0;
  background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.14);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}
.hero-rozet em{font-style:normal;font-weight:500;color:var(--mavi-acik);background:rgba(30,90,168,.28);border-radius:99px;padding:.15em .7em}
.hero-rozet .tr-rozet{height:20px;min-width:28px;font-size:.62rem}
.hero-rozet .nokta{background:var(--yesil);box-shadow:0 0 0 4px rgba(18,184,134,.2);animation:nabiz 2s ease-out infinite}
@keyframes nabiz{0%{box-shadow:0 0 0 0 rgba(18,184,134,.55)}100%{box-shadow:0 0 0 10px rgba(18,184,134,0)}}
.hero-alt{font-size:1.15rem;color:#b6c3d9;max-width:34em;margin:0}
.hero .hero-dugmeler{margin:2em 0 2.4em}
.btn-parlak{background:linear-gradient(135deg,#1CCB97,var(--yesil-koyu));border-color:transparent;box-shadow:0 12px 32px -10px rgba(18,184,134,.75),inset 0 1px 0 rgba(255,255,255,.25)}
.btn-parlak:hover{background:linear-gradient(135deg,#25D9A4,var(--yesil));box-shadow:0 16px 38px -10px rgba(18,184,134,.95)}
.btn-parlak span{transition:transform .2s}.btn-parlak:hover span{transform:translateX(4px)}
.btn-cam{background:rgba(255,255,255,.08);color:#fff;border-color:rgba(255,255,255,.22)}
.btn-cam:hover{background:rgba(255,255,255,.16);border-color:rgba(255,255,255,.4);color:#fff;box-shadow:none}
.hero-artilar{list-style:none;padding:0;margin:0;display:flex;gap:0;flex-wrap:wrap}
.hero-artilar li{padding:0 26px;border-left:1px solid rgba(255,255,255,.14)}
.hero-artilar li:first-child{padding-left:0;border-left:0}
.hero-artilar b{display:block;font-size:1.6rem;font-weight:800;color:#fff;letter-spacing:-.02em;line-height:1.2}
.hero-artilar span{font-size:.85rem;color:#94a3b8}

.hero-gorsel{position:relative;perspective:1600px}
.uyg{position:relative;background:#fff;border-radius:18px;overflow:hidden;color:var(--metin);
  box-shadow:0 0 0 1px rgba(255,255,255,.08),0 40px 80px -24px rgba(0,0,0,.7),0 0 120px -30px rgba(30,90,168,.6);
  transform:rotateY(-9deg) rotateX(4deg);transition:transform .6s cubic-bezier(.2,.8,.2,1)}
.hero-gorsel:hover .uyg{transform:rotateY(-3deg) rotateX(1deg)}
.uyg-ust{display:flex;align-items:center;gap:6px;padding:12px 16px;background:#f1f5f9;border-bottom:1px solid var(--cizgi)}
.uyg-ust span{width:11px;height:11px;border-radius:50%;background:#f87171}
.uyg-ust span:nth-child(2){background:#fbbf24}.uyg-ust span:nth-child(3){background:#34d399}
.uyg-ust b{display:inline-flex;align-items:center;gap:6px;margin:0 auto;font-size:.8rem;font-weight:500;color:var(--metin-2);background:#fff;border:1px solid var(--cizgi);border-radius:8px;padding:.25em 1.6em}
.uyg-ust .kilit{font-style:normal;font-size:.75rem;width:33px}
.uyg-govde{display:grid;grid-template-columns:150px 1fr;min-height:330px}
.uyg-yan{background:#f8fafc;border-right:1px solid var(--cizgi);padding:14px 10px;display:flex;flex-direction:column;gap:2px;font-size:.82rem}
.uyg-yaz{background:var(--mavi);color:#fff;border-radius:9px;padding:.55em .8em;font-weight:600;margin-bottom:8px;text-align:center}
.uyg-yan a{display:flex;justify-content:space-between;padding:.45em .7em;border-radius:7px;color:var(--metin-2);font-weight:500}
.uyg-yan a.aktif{background:var(--mavi-zemin);color:var(--mavi);font-weight:700}
.uyg-yan a em{font-style:normal;font-size:.72rem;background:var(--mavi);color:#fff;border-radius:99px;padding:0 .5em}
.uyg-yan a.spam em{background:#5B6B82}
.uyg-kota{margin-top:auto;padding:10px 6px 2px}
.uyg-kota small{display:block;font-size:.7rem;color:var(--metin-3)}
.uyg-kota div{height:5px;border-radius:9px;background:#e2e8f0;margin:5px 0 4px;overflow:hidden}
.uyg-kota i{display:block;height:100%;width:14%;background:linear-gradient(90deg,var(--mavi-acik),var(--mavi));border-radius:9px}
.uyg-liste{min-width:0;height:354px;overflow:hidden}
.uyg-satir{display:flex;align-items:center;gap:12px;padding:13px 16px;border-bottom:1px solid #f1f5f9}
.uyg-satir i{width:36px;height:36px;border-radius:50%;color:#fff;display:grid;place-items:center;font-style:normal;font-weight:700;flex:none;font-size:.9rem}
.uyg-satir div{flex:1;min-width:0}
.uyg-satir b{display:block;font-size:.9rem;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.uyg-satir small{display:block;color:var(--metin-3);font-size:.8rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.uyg-satir em{font-style:normal;font-size:.75rem;color:var(--metin-3);flex:none}
.uyg-satir.okunmamis b{font-weight:700}
.uyg-satir.okunmamis{box-shadow:inset 3px 0 0 var(--mavi)}
.uyg-satir{transition:background .8s,box-shadow .8s}
.uyg-satir.yeni{background:linear-gradient(90deg,var(--mavi-zemin),#fff);box-shadow:inset 3px 0 0 var(--mavi)}
.uyg-satir.giris{animation:gelen .7s cubic-bezier(.2,.8,.2,1) both}
.uyg-satir.yeni b{font-weight:700}.uyg-satir.yeni em{color:var(--mavi);font-weight:700}
@keyframes gelen{0%{opacity:0;transform:translateY(-12px);max-height:0;padding-top:0;padding-bottom:0}100%{opacity:1;transform:none;max-height:80px;padding-top:13px;padding-bottom:13px}}
.uyg-satir.karantina{background:var(--zemin-2)}
.uyg-satir.karantina i{background:linear-gradient(135deg,#5B6B82,var(--lacivert))}
.uyg-satir.karantina small{color:var(--metin-2)}

.yuzen{position:absolute;z-index:2;display:flex;align-items:center;gap:10px;background:rgba(255,255,255,.96);color:var(--metin);border-radius:14px;padding:.7em 1em;font-size:.85rem;
  box-shadow:0 18px 40px -14px rgba(0,0,0,.55),0 0 0 1px rgba(255,255,255,.6);animation:yuz 6s ease-in-out infinite}
.yuzen b{display:block;font-weight:700;font-size:.85rem}
.yuzen small{display:block;color:var(--metin-2);font-size:.76rem}
.y-guvenlik{flex-direction:column;align-items:flex-start;gap:8px;left:-56px;bottom:-62px}
.y-baslik{display:flex!important;align-items:center;gap:6px}
.y-guvenlik ul{list-style:none;margin:0;padding:0;display:flex;gap:6px}
.y-guvenlik li{font-size:.72rem;font-weight:700;color:var(--yesil-koyu);background:var(--yesil-zemin);border-radius:6px;padding:.2em .55em}
.y-guvenlik li::before{content:"✓ "}
.y-konum{right:-22px;top:-22px;animation-delay:-2s}
.bayrak{width:34px;height:34px;border-radius:10px;background:#e30a17;color:#fff;font-weight:800;font-size:.75rem;display:grid;place-items:center}
@keyframes yuz{50%{transform:translateY(-10px)}}
@media (prefers-reduced-motion:reduce){.hero-isik span,.yuzen,.uyg-satir.giris,.hero-rozet .nokta{animation:none}}
@media (max-width:1100px){.y-guvenlik{left:-10px}.y-konum{right:-6px}}
@media (max-width:900px){
  .hero{padding:48px 0 64px}
  .hero-ic{grid-template-columns:1fr;gap:48px}
  .uyg{transform:none}.hero-gorsel:hover .uyg{transform:none}
  .uyg-govde{grid-template-columns:1fr;min-height:0}.uyg-yan{display:none}
  .y-guvenlik{left:8px;bottom:-80px}.y-konum{right:-4px;top:-26px}
  .hero-gorsel{margin-bottom:64px}
  .hero-rozet em{display:none}
  .hero-artilar{display:grid;grid-template-columns:repeat(3,1fr)}
  .hero-artilar li{padding:0 10px}.hero-artilar b{font-size:1.2rem}.hero-artilar span{font-size:.75rem;line-height:1.3;display:block}
}

/* Güven şeridi */

/* Bölümler */
.bolum{padding:88px 0}

.bolum-gri{background:var(--zemin-2)}
.bolum-koyu{background:var(--lacivert) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120' viewBox='0 0 64 64'%3E%3Cpath d='M8 30 L56 10 L44 54 L31 38 Z' fill='%23fff' fill-opacity='.04' transform='translate(16 16) scale(.5)'/%3E%3C/svg%3E");color:#fff}
.bolum-koyu p{color:#cbd5e1}
.bolum-baslik{text-align:center;max-width:720px;margin:0 auto 48px}
.bolum-baslik p{color:var(--metin-2);font-size:1.08rem}
.ust-etiket{display:inline-block;font-size:12px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--yesil-koyu);margin-bottom:.8em}
.ust-etiket.acik{color:var(--yesil-acik)}
@media (max-width:700px){.bolum{padding:60px 0}}

.ozellik-izgara{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
.ozellik{background:#fff;border:1px solid var(--cizgi);border-radius:var(--yaricap);padding:26px;transition:.2s}
.ozellik:hover{border-color:var(--mavi-zemin);box-shadow:var(--golge);transform:translateY(-3px)}
.ozellik-ikon{display:grid;place-items:center;width:48px;height:48px;border-radius:12px;background:var(--zemin-2);color:var(--lacivert);margin-bottom:14px}
.s-ikon{width:24px;height:24px}
.tr-rozet{display:inline-grid;place-items:center;min-width:30px;height:22px;padding:0 6px;border-radius:99px;background:var(--bayrak);color:#fff;font-size:.68rem;font-weight:800;letter-spacing:.04em}
.tesekkur-ikon{color:var(--yesil);display:flex;justify-content:center}.tesekkur-ikon .s-ikon{width:64px;height:64px;stroke-width:1.6}
.ozellik p{color:var(--metin-2);font-size:.95rem;margin:0}
@media (max-width:1000px){.ozellik-izgara{grid-template-columns:1fr 1fr}}
@media (max-width:560px){.ozellik-izgara{grid-template-columns:1fr}}

/* Fiyatlar */

/* Form öğeleri */
label{display:block;font-weight:600;font-size:.9rem;color:var(--metin)}
input[type=text],input[type=email],input[type=tel],input[type=number],input[type=password],select,textarea{display:block;width:100%;margin-top:.4em;font:inherit;font-weight:400;padding:.7em .9em;border:1px solid #cbd5e1;border-radius:10px;background:#fff;color:var(--metin);transition:border-color .15s,box-shadow .15s}
input:focus,select:focus,textarea:focus{outline:0;border-color:var(--mavi-acik);box-shadow:0 0 0 4px rgba(30,90,168,.15)}
textarea{min-height:120px;resize:vertical}
.adet{display:flex;margin-top:.4em}
.adet button{width:44px;border:1px solid #cbd5e1;background:var(--zemin-2);font-size:1.2rem;cursor:pointer;color:var(--metin)}
.adet button:first-child{border-radius:10px 0 0 10px}.adet button:last-child{border-radius:0 10px 10px 0}
.adet input{margin:0;border-radius:0;border-left:0;border-right:0;text-align:center;-moz-appearance:textfield}
.adet input::-webkit-inner-spin-button{-webkit-appearance:none}
.onay{display:flex;gap:.7em;align-items:flex-start;font-weight:400;font-size:.92rem;color:var(--metin-2)}
.onay input{margin-top:.3em;width:18px;height:18px;flex:none;accent-color:var(--mavi)}
.ipucu{font-size:.82rem;color:var(--metin-3);font-weight:400;margin-top:.3em;display:block}
.hata-kutu{background:#fef2f2;border:1px solid #fecaca;color:#991b1b;border-radius:12px;padding:1em 1.2em;margin-bottom:1.5em}
.hata-kutu ul{margin:.3em 0 0;padding-left:1.2em}
.basari-kutu{background:#f0fdf4;border:1px solid #bbf7d0;color:#166534;border-radius:12px;padding:1em 1.2em;margin-bottom:1.5em}
.bilgi-kutu{background:var(--mavi-zemin);border:1px solid var(--mavi-zemin);color:#1e3a8a;border-radius:12px;padding:1em 1.2em;margin-bottom:1.5em}

/* Taşıma */
.tasima-ic{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center}
.tasima-ic p{color:var(--metin-2);font-size:1.05rem}
.adimlar{list-style:none;counter-reset:a;padding:0;margin:0;display:grid;gap:14px}
.adimlar li{counter-increment:a;background:var(--zemin-2);border:1px solid var(--cizgi);border-radius:var(--yaricap);padding:18px 20px 18px 70px;position:relative}
.adimlar li::before{content:counter(a);position:absolute;left:20px;top:18px;width:34px;height:34px;border-radius:50%;background:var(--mavi);color:#fff;display:grid;place-items:center;font-weight:800}
.adimlar b{display:block}.adimlar span{color:var(--metin-2);font-size:.95rem}
@media (max-width:900px){.tasima-ic{grid-template-columns:1fr}}

.bayi-bant{display:flex;align-items:center;justify-content:space-between;gap:40px}
.bayi-bant>div{max-width:720px}

/* SSS */
.sss{border:1px solid var(--cizgi);border-radius:var(--yaricap);margin-bottom:12px;background:#fff}
.sss summary{cursor:pointer;padding:18px 22px;font-weight:600;list-style:none;display:flex;justify-content:space-between;gap:1em}
.sss summary::-webkit-details-marker{display:none}
.sss summary::after{content:"+";font-size:1.4rem;line-height:1;color:var(--mavi);transition:.2s}
.sss[open] summary::after{transform:rotate(45deg)}
.sss p{padding:0 22px 18px;margin:0;color:var(--metin-2)}
.cta{text-align:center}.cta p{color:var(--metin-2);font-size:1.1rem}

/* İç sayfalar */
.sayfa-ust{background:linear-gradient(180deg,var(--mavi-zemin),#fff);padding:56px 0 28px;border-bottom:1px solid var(--cizgi)}
.sayfa-ust p{color:var(--metin-2);font-size:1.08rem;max-width:44em;margin:0}
.sayfa-govde{padding:48px 0 88px}
.kart{background:#fff;border:1px solid var(--cizgi);border-radius:18px;padding:28px}
.kart h3{margin-top:0}
.izgara-2{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.izgara-3{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.form-satir{margin-bottom:18px}
@media (max-width:700px){.izgara-2,.izgara-3{grid-template-columns:1fr}}

.siparis-duzen{display:grid;grid-template-columns:1fr 380px;gap:32px;align-items:start}
.ozet{position:sticky;top:90px}
.ozet-satir{display:flex;justify-content:space-between;padding:.55em 0;border-bottom:1px dashed var(--cizgi);font-size:.95rem}
.ozet-satir span{color:var(--metin-2)}
.ozet-toplam{display:flex;justify-content:space-between;align-items:baseline;padding-top:.9em;font-weight:800;font-size:1.35rem}
.ozet-guvence{list-style:none;padding:0;margin:1.2em 0 0;font-size:.88rem;color:var(--metin-2);display:grid;gap:.35em}
.ozet-guvence li::before{content:"✓ ";color:var(--yesil);font-weight:800}
.paket-secim{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.paket-secim label{border:2px solid var(--cizgi);border-radius:12px;padding:14px;cursor:pointer;font-weight:400;transition:.15s}
.paket-secim label:has(input:checked){border-color:var(--mavi);background:var(--mavi-zemin)}
.paket-secim input{position:absolute;opacity:0;pointer-events:none}
.paket-secim b{display:block;font-size:1rem}
.paket-secim small{color:var(--metin-2)}
.donem-secim{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.donem-secim label{border:2px solid var(--cizgi);border-radius:12px;padding:12px 14px;cursor:pointer;font-weight:600;display:flex;align-items:center;gap:.6em}
.donem-secim label:has(input:checked){border-color:var(--mavi);background:var(--mavi-zemin)}
.donem-secim em{font-style:normal;font-size:.75rem;background:var(--yesil-zemin);color:var(--yesil-koyu);padding:.1em .5em;border-radius:99px;margin-left:auto}
.alan-tur{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:16px}
.alan-tur label{border:2px solid var(--cizgi);border-radius:12px;padding:12px 14px;cursor:pointer;font-weight:400;display:flex;gap:.6em;align-items:flex-start}
.alan-tur label:has(input:checked){border-color:var(--mavi);background:var(--mavi-zemin)}
.alan-tur input{margin-top:.3em;accent-color:var(--mavi)}
.alan-tur b{display:block}.alan-tur small{color:var(--metin-2)}
.domain-ara{display:flex;gap:10px}
.domain-ara input{flex:1;min-width:0}
.domain-sonuc{display:grid;gap:8px;margin-top:12px}
.domain-satir{display:flex;align-items:center;gap:.7em;border:1px solid var(--cizgi);border-radius:10px;padding:10px 14px;cursor:pointer;font-weight:400;margin:0}
.domain-satir:has(input:checked){border-color:var(--mavi);background:var(--mavi-zemin)}
.domain-satir input{accent-color:var(--mavi);margin:0}
.domain-satir b{font-weight:700;word-break:break-all}
.domain-satir small{color:var(--metin-2);margin-left:auto;white-space:nowrap}
.domain-fiyat{font-weight:800;white-space:nowrap;min-width:80px;text-align:right;color:var(--yesil-koyu)}
.domain-satir.dolu{opacity:.55;cursor:not-allowed}
.domain-satir.dolu .domain-fiyat{color:var(--metin-2);font-weight:600}
.hata-yazi{color:#C92A2A;font-weight:600;margin:0}
@media (max-width:640px){.alan-tur{grid-template-columns:1fr}.domain-satir{flex-wrap:wrap}.domain-satir small{margin-left:1.9em;order:3;width:100%}}
.bolum-ara{font-size:1.05rem;margin:28px 0 14px;padding-top:24px;border-top:1px solid var(--cizgi)}
.bolum-ara:first-child{margin-top:0;padding-top:0;border:0}
@media (max-width:960px){.siparis-duzen{grid-template-columns:1fr}.ozet{position:static}}
@media (max-width:600px){.paket-secim{grid-template-columns:1fr}}

.metin-sayfa{line-height:1.75}
.metin-sayfa h2{font-size:1.35rem;margin-top:1.8em}
.metin-sayfa h3{font-size:1.1rem;margin-top:1.4em}
.metin-sayfa li{margin-bottom:.35em}

.paytr-cerceve{width:100%;border:0;min-height:600px}

/* Alt bilgi */
.alt{--logo-zemin:var(--gece);background:var(--gece);color:#94a3b8;padding:64px 0 0;font-size:.94rem}
.alt-ic{display:grid;grid-template-columns:1.6fr 1fr 1.2fr 1fr;gap:36px}
.alt h4{color:#fff;font-size:.95rem;margin-bottom:1em}
.alt a{color:#cbd5e1;display:block;margin-bottom:.55em}
.alt a:hover{color:#fff}
.alt .logo{display:flex;margin-bottom:1em}
.alt-kucuk{font-size:.85rem}.alt-kucuk a{display:inline}
.alt-son{display:flex;justify-content:space-between;gap:1em;flex-wrap:wrap;border-top:1px solid #1e293b;margin-top:44px;padding:22px 20px;font-size:.85rem}
@media (max-width:900px){.alt-ic{grid-template-columns:1fr 1fr}}
@media (max-width:520px){.alt-ic{grid-template-columns:1fr}}

/* Yönetim */
.tablo-sar{overflow-x:auto}
table.tablo{width:100%;border-collapse:collapse;font-size:.92rem;background:#fff}
.tablo th,.tablo td{padding:.7em .8em;border-bottom:1px solid var(--cizgi);text-align:left;vertical-align:top}
.tablo th{background:var(--zemin-2);font-size:.8rem;text-transform:uppercase;letter-spacing:.04em;color:var(--metin-2)}
.durum{display:inline-block;padding:.15em .6em;border-radius:99px;font-size:.78rem;font-weight:700;background:#f1f5f9;color:#334155}
.durum-odendi{background:var(--yesil-zemin);color:#166534}.durum-odeme_bekliyor{background:#fef9c3;color:#854d0e}
.durum-basarisiz,.durum-iptal{background:#fee2e2;color:#991b1b}.durum-kuruldu{background:var(--mavi-zemin);color:var(--mavi-koyu)}

/* Panel */
.panel .sayfa-ust.panel-ust{padding:36px 0 22px}
.panel .sayfa-ust.panel-ust h1{font-size:clamp(1.6rem,3vw,2.2rem)}
.panel .sayfa-govde{padding:32px 0 72px}
.menu a.aktif{color:var(--mavi);font-weight:700}
.yonetici-serit{background:#fef9c3;border-bottom:1px solid #fde047;text-align:center;padding:.5em 1em;font-size:.9rem}
.giris-kutu{max-width:440px;margin:0 auto}
.istatistik{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:28px}
.istatistik .kart{padding:18px 20px}
.istatistik span{display:block;font-size:.85rem;color:var(--metin-2)}
.istatistik b{display:block;font-size:1.6rem;font-weight:800;color:var(--lacivert)}
.istatistik a{font-size:.85rem}
@media (max-width:800px){.istatistik{grid-template-columns:1fr 1fr}}
.baslik-satir{display:flex;justify-content:space-between;align-items:center;gap:1em;flex-wrap:wrap;margin:32px 0 12px}
.baslik-satir h2{font-size:1.3rem;margin:0}
.baslik-satir h2 small{font-size:.9rem;color:var(--metin-3);font-weight:600}
.satir-form{margin-top:16px}
.satir-form h3{font-size:1.05rem}
.ekli{display:flex;align-items:stretch;margin-top:.4em}
.ekli input{margin:0;border-radius:10px 0 0 10px;min-width:0}
.ekli span{display:flex;align-items:center;padding:0 .8em;border:1px solid #cbd5e1;border-left:0;border-radius:0 10px 10px 0;background:var(--zemin-2);font-weight:500;color:var(--metin-2);white-space:nowrap;max-width:55%;overflow:hidden;text-overflow:ellipsis}
.cubuk{height:6px;background:#e2e8f0;border-radius:99px;overflow:hidden;margin:.4em 0 .2em}
.cubuk i{display:block;height:100%;background:var(--mavi-acik)}
.cubuk i.dolu{background:var(--kirmizi)}
.islemler{white-space:nowrap;text-align:right}
.islemler form,.islemler details{display:inline-block;vertical-align:top;margin-left:4px}
.islemler summary{list-style:none}
.islemler summary::-webkit-details-marker{display:none}
.islemler details[open]{display:block;margin:6px 0 0}
.acilir{white-space:normal;text-align:left;background:var(--zemin-2);border:1px solid var(--cizgi);border-radius:12px;padding:12px;margin-top:8px;min-width:260px;display:grid;gap:8px}
.acilir p{margin:0;font-size:.85rem}
.btn-sil{background:var(--kirmizi);border-color:var(--kirmizi)}
.btn-sil:hover{background:#b91c1c;border-color:#b91c1c}
.yazi-kirmizi{color:var(--kirmizi)}.yazi-yesil{color:var(--yesil)}
.durum-aktif{background:var(--yesil-zemin);color:#166534}.durum-askida{background:#fee2e2;color:#991b1b}.durum-isleniyor{background:var(--mavi-zemin);color:#3730a3}
code{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.85em;background:var(--zemin-2);border:1px solid var(--cizgi);border-radius:6px;padding:.1em .4em;word-break:break-all}
code.kopyala{cursor:copy;display:inline-block;max-width:520px}
code.kopyala.kopyalandi{background:var(--yesil-zemin);border-color:#86efac}
code.sifre{font-size:1em;background:#fff;user-select:all}
.tablo.dns td:last-child{min-width:280px}
.kurulum b{color:var(--lacivert)}

/* Sipariş: yeni / kayıtlı müşteri sekmeleri */
.hesap-sekme{display:grid;grid-template-columns:1fr 1fr;gap:6px;background:var(--zemin-2);border:1px solid var(--cizgi);border-radius:12px;padding:5px;margin-bottom:18px}
.hesap-sekme button{border:0;background:none;font:inherit;font-weight:600;padding:.7em 1em;border-radius:9px;cursor:pointer;color:var(--metin-2)}
.hesap-sekme button.aktif{background:#fff;color:var(--mavi);box-shadow:0 1px 4px rgba(15,23,42,.12)}
.donem-secim em,.donem-sec button em{white-space:nowrap}

/* Hızlı iletişim: WhatsApp düğmesi (masaüstü) ve sabit alt çubuk (mobil) */
.wa-yuzen{position:fixed;right:22px;bottom:22px;z-index:60;display:flex;align-items:center;gap:.55em;background:#25d366;color:#fff!important;font-weight:700;padding:.75em 1.1em .75em .9em;border-radius:99px;box-shadow:0 12px 28px -10px rgba(37,211,102,.7);text-decoration:none!important;transition:transform .15s}
.wa-yuzen:hover{transform:translateY(-2px)}
.wa-yuzen svg{width:26px;height:26px}
.mobil-bar{display:none}
@media (max-width:760px){
  .wa-yuzen{display:none}
  .mobil-bar{display:grid;grid-template-columns:1fr 1fr 1.3fr;position:fixed;left:0;right:0;bottom:0;z-index:60;background:#fff;border-top:1px solid var(--cizgi);box-shadow:0 -6px 20px -10px rgba(15,23,42,.25);padding:8px 10px calc(8px + env(safe-area-inset-bottom));gap:8px}
  .mobil-bar a{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;font-size:.78rem;font-weight:700;color:var(--lacivert);text-decoration:none!important;padding:6px 4px;border-radius:12px}
  .mobil-bar svg{width:22px;height:22px}
  .mobil-bar .mb-wa{color:#128c4b;background:#e9fbf0}
  .mobil-bar .mb-ana{background:var(--yesil);color:#fff;flex-direction:row;gap:8px;font-size:.92rem}
  body{padding-bottom:76px}
}
/* Açılış sayfaları */
.inis-ust h1{font-size:clamp(1.9rem,4vw,2.8rem);max-width:22em}
.inis-ust p{font-size:1.12rem}
.kirinti-yol{font-size:.85rem;color:var(--metin-3);margin-bottom:1em}
.kirinti-yol a{color:var(--metin-2)}
.inis-guvence{list-style:none;padding:0;margin:0;display:flex;flex-wrap:wrap;gap:8px 18px;color:var(--metin-2);font-size:.92rem}
.inis-guvence li::before{content:"✓ ";color:var(--yesil);font-weight:800}
.tik-liste{list-style:none;padding:0}
.tik-liste li{padding-left:1.7em;position:relative;margin-bottom:.55em}
.tik-liste li::before{content:"✓";position:absolute;left:0;top:0;color:var(--yesil);font-weight:800}
.inis-govde .adimlar{margin:1em 0 1.5em}
.inis-paketler{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:1em 0 1.5em}
.inis-paket{display:grid;gap:2px;border:1.5px solid var(--cizgi);border-radius:14px;padding:16px 18px;color:var(--metin);text-decoration:none!important;background:#fff;transition:.15s}
.inis-paket:hover{border-color:var(--mavi);transform:translateY(-2px)}
.inis-paket.one-cikan{border-color:var(--mavi);background:var(--mavi-zemin)}
.inis-paket span,.inis-paket small{color:var(--metin-2);font-size:.85rem}
.inis-paket strong{font-size:1.6rem;font-weight:800;color:var(--lacivert);margin-top:6px}
@media (max-width:640px){.inis-paketler{grid-template-columns:1fr}}
.inis-cta{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap;background:linear-gradient(135deg,var(--lacivert),var(--lacivert-2));color:#fff;border-radius:16px;padding:22px 24px;margin:2em 0}
.inis-cta b{display:block;font-size:1.2rem}
.inis-cta span{color:#cbd5e1;font-size:.95rem}
.inis-cta .btn-hayalet{background:transparent;color:#fff;border-color:rgba(255,255,255,.4)}
.inis-ilgili{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.inis-ilgili a{display:grid;gap:4px;border:1px solid var(--cizgi);border-radius:12px;padding:14px;color:var(--metin);text-decoration:none!important;font-size:.9rem}
.inis-ilgili a:hover{border-color:var(--mavi)}
.inis-ilgili span{color:var(--metin-2);font-size:.82rem}
@media (max-width:760px){.inis-ilgili{grid-template-columns:1fr}}
.alt-ic{grid-template-columns:1.5fr 1fr 1.2fr 1.2fr 1fr}
@media (max-width:1000px){.alt-ic{grid-template-columns:1fr 1fr}}

.btn-wa{background:#25d366;border-color:#25d366;color:#fff}
.btn-wa:hover{background:#1ebe5a;border-color:#1ebe5a;box-shadow:0 8px 20px -8px rgba(37,211,102,.7)}

/* Alt bilgi: masaüstünde sütunlar, mobilde açılır kapanır başlıklar */
.alt-baslik{display:flex;justify-content:space-between;align-items:center;width:100%;background:none;border:0;padding:0;margin:0 0 1em;font:inherit;font-weight:700;font-size:.95rem;color:#fff;cursor:default;text-align:left}
.alt-baslik svg{width:18px;height:18px;display:none;transition:transform .2s}
@media (max-width:760px){
  .alt{padding-top:36px}
  .alt-ic{grid-template-columns:1fr;gap:0}
  .alt-marka{padding-bottom:18px}
  .alt-marka p{font-size:.9rem;margin:0}
  .alt-sutun{border-top:1px solid #1e293b}
  .alt-baslik{cursor:pointer;margin:0;padding:15px 0}
  .alt-baslik svg{display:block}
  .alt-linkler{display:none;padding:0 0 12px}
  .alt-sutun.acik .alt-linkler{display:block}
  .alt-sutun.acik .alt-baslik svg{transform:rotate(180deg)}
  .alt-linkler a{padding:.35em 0;margin:0}
  .alt-son{flex-direction:column;gap:4px;margin-top:0;padding:16px 20px;text-align:center}
}

/* Mobil alt çubuk (yeniden tasarım): üç eşit, net düğme */
@media (max-width:760px){
  .mobil-bar{grid-template-columns:1fr 1fr 1fr;gap:8px;padding:10px 12px calc(10px + env(safe-area-inset-bottom));background:rgba(255,255,255,.97);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border-top:1px solid var(--cizgi);box-shadow:0 -8px 24px -12px rgba(15,23,42,.22)}
  .mobil-bar a{flex-direction:row;gap:7px;height:46px;padding:0 6px;border-radius:12px;font-size:.88rem;font-weight:700;letter-spacing:-.01em;border:1.5px solid var(--cizgi);background:#fff;color:var(--lacivert);white-space:nowrap}
  .mobil-bar a:active{transform:scale(.97)}
  .mobil-bar svg{width:19px;height:19px;flex:none}
  .mobil-bar .mb-wa{background:#25d366;border-color:#25d366;color:#fff}
  .mobil-bar .mb-ana{background:var(--yesil);border-color:var(--yesil);color:#fff;font-size:.88rem;gap:7px}
  body{padding-bottom:72px}
}
@media (min-width:761px){.alt-son{padding-right:210px}}

.odeme-logolari{display:flex;align-items:center;gap:14px;flex-wrap:wrap}
.odeme-logolari img{height:26px;width:auto;opacity:.9}
.odeme-logolari small{font-size:.8rem}
@media (max-width:760px){.odeme-logolari{justify-content:center;flex-direction:column;gap:8px}}

/* Güven kartı: hero'nun alt kenarına biner */
.guven{position:relative;z-index:2;margin-top:-46px}
.guven-kart{display:grid;grid-template-columns:repeat(4,1fr);background:#fff;border:1px solid var(--cizgi);border-radius:var(--yaricap);box-shadow:0 24px 60px -24px rgba(11,36,71,.35)}
.guven-kart>div{display:flex;align-items:center;gap:14px;padding:22px 24px;position:relative}
.guven-kart>div+div::before{content:"";position:absolute;left:0;top:22%;bottom:22%;width:1px;background:var(--cizgi)}
.guven-ikon{flex:none;width:48px;height:48px;border-radius:12px;display:grid;place-items:center;background:var(--zemin-2);color:var(--lacivert)}
.guven-ikon .tr-rozet{min-width:32px;height:22px}
.guven-kart p{margin:0;line-height:1.25}
.guven-kart b{display:block;font-size:1.15rem;font-weight:800;color:var(--lacivert);letter-spacing:-.01em}
.guven-kart small{font-size:.85rem;color:var(--metin-2)}
@media (max-width:900px){.guven{margin-top:-32px}.guven-kart{grid-template-columns:1fr 1fr}.guven-kart>div:nth-child(3)::before{display:none}.guven-kart>div:nth-child(n+3){border-top:1px solid var(--cizgi)}.guven-kart>div{padding:16px}}
@media (max-width:520px){.guven-kart>div{padding:14px 12px;gap:10px}.guven-ikon{width:38px;height:38px;border-radius:10px}.guven-ikon .s-ikon{width:20px;height:20px}.guven-ikon .tr-rozet{min-width:28px;height:19px;font-size:.6rem}.guven-kart b{font-size:1rem}.guven-kart small{font-size:.75rem;display:block;line-height:1.3}}

/* Tecrübemiz */
.tecrube{padding:96px 0 40px;overflow:hidden}
.tecrube-ic{display:grid;grid-template-columns:1.05fr .95fr;gap:64px;align-items:center}
.tecrube-metin h2{font-size:clamp(1.8rem,3.4vw,2.6rem);line-height:1.12;letter-spacing:-.03em;margin:.25em 0 .5em}
.vurgu-yazi{color:var(--mavi)}
.tecrube-metin>p{color:var(--metin-2);font-size:1.05rem;margin-bottom:1.4em}
.tecrube-liste{list-style:none;padding:0;margin:0 0 28px;display:grid;gap:12px}
.tecrube-liste li{display:flex;gap:12px;align-items:flex-start;color:var(--metin-2)}
.tecrube-liste .s-ikon{flex:none;width:22px;height:22px;color:var(--yesil);margin-top:2px}
.tecrube-liste b{color:var(--metin);font-weight:600}
.vaat{margin:0;display:flex;gap:16px;align-items:flex-start;background:var(--zemin-2);border-left:3px solid var(--yesil);border-radius:0 var(--yaricap) var(--yaricap) 0;padding:18px 22px}
.vaat .logo-ikon{flex:none;width:30px;height:30px;color:var(--lacivert);--logo-zemin:var(--zemin-2)}
.vaat p{margin:0;font-weight:600;color:var(--lacivert);line-height:1.5}
.tecrube-sayilar{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.sayi-kart{position:relative;overflow:hidden;background:#fff;border:1px solid var(--cizgi);border-radius:var(--yaricap);padding:22px 24px;box-shadow:var(--golge);transition:transform .25s,box-shadow .25s}
.sayi-kart:hover{transform:translateY(-3px);box-shadow:0 20px 40px -18px rgba(11,36,71,.3)}
.sayi-kart small{display:block;font-size:.85rem;font-weight:600;color:var(--metin-2)}
.sayi-kart b{display:block;font-size:2.6rem;font-weight:800;letter-spacing:-.04em;line-height:1.1;color:var(--lacivert);margin-top:6px;font-variant-numeric:tabular-nums}
.sayi-kart b.kucuk{font-size:1.5rem;margin:0}
.sayi-kart.buyuk{grid-column:1/-1;color:#fff;border:0;padding:30px 30px 28px;
  background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120' viewBox='0 0 64 64'%3E%3Cpath d='M8 30 L56 10 L44 54 L31 38 Z' fill='%23fff' fill-opacity='.05' transform='translate(16 16) scale(.5)'/%3E%3C/svg%3E"),radial-gradient(420px 220px at 100% 0,rgba(30,90,168,.7),transparent 70%),linear-gradient(150deg,var(--gece),var(--lacivert))}
.sayi-kart.buyuk small{color:#b6c3d9}
.sayi-kart.buyuk b{color:#fff;font-size:4.2rem}
.sayi-kart.buyuk p{margin:.3em 0 0;color:#b6c3d9}
.sayi-kart.buyuk::after{content:"";position:absolute;right:-30px;bottom:-40px;width:180px;height:180px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='6 6 52 52'%3E%3Cpath d='M8 30 L56 10 L44 54 L31 38 Z' fill='%23fff' fill-opacity='.08'/%3E%3Cpath d='M31 38 L56 10 L26 52 Z' fill='%2312B886' fill-opacity='.35'/%3E%3C/svg%3E") no-repeat center/contain;transform:rotate(-8deg)}
.sayi-kart.genis{grid-column:1/-1;display:flex;align-items:center;gap:14px}
.sayi-kart.genis .tr-rozet{min-width:40px;height:28px;font-size:.78rem}
.sayi-kart.genis em{margin-left:auto;font-style:normal;font-size:.85rem;font-weight:600;color:var(--yesil-koyu);background:var(--yesil-zemin);border-radius:99px;padding:.35em .9em}
.sektor-serit{margin-top:64px;padding:18px 0;border-top:1px solid var(--cizgi);border-bottom:1px solid var(--cizgi);background:var(--zemin-2);
  -webkit-mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)}
.sektor-ic{display:flex;gap:14px;width:max-content;animation:serit 48s linear infinite}
.sektor-serit:hover .sektor-ic{animation-play-state:paused}
.sektor-ic span{white-space:nowrap;font-weight:600;font-size:.92rem;color:var(--metin-2);background:#fff;border:1px solid var(--cizgi);border-radius:99px;padding:.45em 1.1em}
.sektor-ic span::before{content:"";display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--yesil);margin-right:.6em;vertical-align:1px}
@keyframes serit{to{transform:translateX(-50%)}}
@media (prefers-reduced-motion:reduce){.sektor-ic{animation:none;flex-wrap:wrap;width:auto;justify-content:center}.sektor-ic span[aria-hidden]{display:none}}
@media (max-width:900px){.tecrube{padding:64px 0 32px}.tecrube-ic{grid-template-columns:1fr;gap:36px}.sayi-kart.buyuk b{font-size:3.2rem}.sayi-kart b{font-size:2.1rem}.sayi-kart.genis{flex-wrap:wrap}.sayi-kart.genis em{margin-left:0}.sektor-serit{margin-top:44px}}

/* Özellikler: bento düzen */
.bento{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.bk{position:relative;overflow:hidden;background:#fff;border:1px solid var(--cizgi);border-radius:var(--yaricap);padding:24px;display:flex;flex-direction:column;transition:transform .25s,box-shadow .25s,border-color .25s}
.bk:hover{transform:translateY(-4px);box-shadow:0 22px 44px -22px rgba(11,36,71,.3);border-color:#c9d6e8}
.bk h3{font-size:1.08rem;margin:14px 0 6px;color:var(--metin)}
.bk p{color:var(--metin-2);font-size:.93rem;margin:0}
.bk-ikon{width:44px;height:44px;border-radius:12px;display:grid;place-items:center;background:var(--zemin-2);color:var(--lacivert);flex:none}
.bk-ikon .s-ikon{width:22px;height:22px}
.bk-ikon.yesil{background:var(--yesil-zemin);color:var(--yesil-koyu)}
.bk-ikon.koyu{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.14)}
.bk-hap{list-style:none;padding:0;margin:16px 0 0;display:flex;flex-wrap:wrap;gap:6px}
.bk-hap li{font-size:.78rem;font-weight:600;padding:.3em .8em;border-radius:99px;background:rgba(255,255,255,.1);color:#dbe6f5;border:1px solid rgba(255,255,255,.14)}
.bk-hap.acik{margin-top:auto;padding-top:16px}
.bk-hap.acik li{background:var(--zemin-2);color:var(--lacivert);border-color:var(--cizgi)}

/* Büyük kart: Veriniz Türkiye'de */
.bk-tr{grid-column:span 2;grid-row:span 2;color:#fff;border:0;padding:32px;justify-content:space-between;
  background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120' viewBox='0 0 64 64'%3E%3Cpath d='M8 30 L56 10 L44 54 L31 38 Z' fill='%23fff' fill-opacity='.04' transform='translate(16 16) scale(.5)'/%3E%3C/svg%3E"),radial-gradient(520px 320px at 85% 80%,rgba(30,90,168,.65),transparent 70%),linear-gradient(155deg,var(--gece),var(--lacivert))}
.bk-tr:hover{border-color:transparent}
.bk-tr h3{color:#fff;font-size:1.7rem;letter-spacing:-.02em;margin-top:18px}
.bk-tr p{color:#b6c3d9;font-size:1.02rem;max-width:30em}
.bk-radar{position:relative;height:200px;margin-top:20px}
.bk-radar i{position:absolute;left:62%;top:50%;width:26px;height:26px;margin:-13px 0 0 -13px;border-radius:50%;border:1.5px solid rgba(95,224,181,.55);animation:radar 3.6s ease-out infinite}
.bk-radar i:nth-child(2){animation-delay:1.2s}.bk-radar i:nth-child(3){animation-delay:2.4s}
@keyframes radar{from{transform:scale(1);opacity:1}to{transform:scale(9);opacity:0}}
.bk-nokta{position:absolute;left:62%;top:50%;width:14px;height:14px;margin:-7px 0 0 -7px;border-radius:50%;background:var(--yesil);box-shadow:0 0 0 5px rgba(18,184,134,.25),0 0 24px rgba(18,184,134,.8)}
.bk-radar b{position:absolute;left:calc(62% + 18px);top:calc(50% - 12px);font-size:.9rem;font-weight:700;color:#fff;background:rgba(6,22,46,.6);border:1px solid rgba(255,255,255,.16);border-radius:8px;padding:.15em .6em}

/* Spam kartı */
.bk-spam{grid-column:span 2}
.bk-ui{margin-top:16px;border:1px solid var(--cizgi);border-radius:12px;overflow:hidden}
.bk-satir{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 14px;font-size:.86rem;color:var(--metin)}
.bk-satir+.bk-satir{border-top:1px solid var(--cizgi)}
.bk-satir span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.bk-satir em{flex:none;font-style:normal;font-size:.74rem;font-weight:700;border-radius:99px;padding:.2em .7em}
.bk-satir .temiz{background:var(--yesil-zemin);color:var(--yesil-koyu)}
.bk-satir .karantina{background:var(--zemin-2);color:var(--lacivert);border:1px solid var(--cizgi)}
.bk-satir .spam{background:#eef1f6;color:var(--metin-2)}

/* İmza, teslimat, taşıma, grup görselleri */
.bk-imza{list-style:none;padding:0;margin:auto 0 0;padding-top:16px;display:flex;gap:6px}
.bk-imza li{flex:1;text-align:center;font-size:.78rem;font-weight:800;color:var(--yesil-koyu);background:var(--yesil-zemin);border-radius:8px;padding:.45em 0}
.bk-imza li::before{content:"✓ "}
.bk-akis{list-style:none;padding:0;margin:auto 0 0;padding-top:16px;display:grid;gap:8px;position:relative}
.bk-akis li{position:relative;padding-left:20px;font-size:.82rem;font-weight:600;color:var(--metin)}
.bk-akis li::before{content:"";position:absolute;left:0;top:.42em;width:9px;height:9px;border-radius:50%;background:var(--mavi)}
.bk-akis li:not(:last-child)::after{content:"";position:absolute;left:4px;top:1.1em;bottom:-.75em;width:1px;background:var(--cizgi)}
.bk-akis li.son::before{background:var(--yesil);box-shadow:0 0 0 3px var(--yesil-zemin)}
.bk-akis small{float:right;color:var(--metin-3);font-weight:500}
.bk-gecis{margin-top:auto;padding-top:16px;font-size:.78rem;font-weight:600;color:var(--metin-2)}
.bk-gecis-ust{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}
.bk-gecis .hedef{display:flex;align-items:center;gap:5px;color:var(--lacivert)}
.bk-gecis .logo-ikon{width:18px;height:18px;color:var(--lacivert);--logo-zemin:#fff}
.bk-cubuk{height:6px;border-radius:99px;background:var(--zemin-2);overflow:hidden}
.bk-cubuk i{display:block;height:100%;width:40%;border-radius:99px;background:linear-gradient(90deg,var(--mavi),var(--yesil));animation:tasi 2.8s ease-in-out infinite}
@keyframes tasi{0%{transform:translateX(-100%)}100%{transform:translateX(250%)}}
.bk-grup{margin-top:auto;padding-top:16px;display:flex;align-items:center;gap:10px;font-size:.82rem}
.bk-grup b{background:var(--lacivert);color:#fff;border-radius:8px;padding:.35em .7em}
.bk-grup span{color:var(--metin-3);font-weight:700}
.bk-grup div{display:grid;gap:4px}
.bk-grup em{font-style:normal;font-weight:600;color:var(--lacivert);background:var(--zemin-2);border:1px solid var(--cizgi);border-radius:8px;padding:.2em .6em}
@media (prefers-reduced-motion:reduce){.bk-radar i,.bk-cubuk i{animation:none}}
@media (max-width:1000px){.bento{grid-template-columns:1fr 1fr}.bk-tr,.bk-spam{grid-column:span 2}.bk-tr{grid-row:auto}.bk-radar{height:150px}}
@media (max-width:600px){.bento{grid-template-columns:1fr}.bk-tr,.bk-spam{grid-column:auto}.bk-tr{padding:26px}.bk-tr h3{font-size:1.4rem}}

.bk-rota{flex:1;display:flex;align-items:flex-end;margin-top:18px;min-height:170px}
.bk-rota svg{width:100%;height:auto;overflow:visible}
.bk-rota text{fill:#cbd5e1;font:600 13px Inter,sans-serif}
.rota-dalga{transform-origin:392px 104px;animation:dalga 3s ease-out infinite}
.rota-dalga.d2{animation-delay:1.5s}
@keyframes dalga{from{transform:scale(.4);opacity:1}to{transform:scale(2.2);opacity:0}}
@media (prefers-reduced-motion:reduce){.rota-dalga{animation:none}}

/* Türkiye haritası: illerden İstanbul'a posta akışı */
.bk-harita{margin-top:auto;padding-top:18px}
.tr-harita{width:100%;height:auto;display:block;overflow:visible}
.hr-ulke{fill:rgba(140,194,255,.1);stroke:rgba(140,194,255,.7);stroke-width:1.4;stroke-linejoin:round;filter:drop-shadow(0 0 12px rgba(30,90,168,.6))}
.hr-sehir{fill:#8CC2FF;opacity:.85}
.hr-ist{fill:#12B886;filter:drop-shadow(0 0 6px rgba(18,184,134,.9))}
.hr-dalga{fill:none;stroke:rgba(95,224,181,.6);stroke-width:1.5;transform-box:fill-box;transform-origin:center;animation:hdalga 2.6s ease-out infinite}
.hr-dalga.d2{animation-delay:1.3s}
@keyframes hdalga{from{transform:scale(.5);opacity:1}to{transform:scale(3.2);opacity:0}}
.hr-ist-ad{fill:#fff;font:700 13px Inter,sans-serif;paint-order:stroke;stroke:rgba(6,22,46,.8);stroke-width:4px}
.hr-yol{fill:none;stroke:rgba(140,194,255,.55);stroke-width:1.4;stroke-dasharray:4 4;transition:opacity .8s}
.hr-yol.kr{stroke:rgba(239,68,68,.6)}
.hr-paket{fill:#BFE0FF;filter:drop-shadow(0 0 5px rgba(140,194,255,1))}
.hr-paket.kr{fill:#EF4444;filter:drop-shadow(0 0 6px rgba(239,68,68,1))}
.hr-rozet rect{fill:#DC2626;stroke:rgba(255,255,255,.5);stroke-width:1;filter:drop-shadow(0 4px 10px rgba(220,38,38,.6))}
.hr-rozet text{fill:#fff;font:700 10px Inter,sans-serif}
.hr-rozet{transition:opacity .6s}
.hr-lejant{display:flex;gap:18px;margin-top:12px;font-size:.8rem;color:#b6c3d9}
.hr-lejant i{display:inline-block;width:9px;height:9px;border-radius:50%;margin-right:7px;vertical-align:0}
.hr-lejant i.ok{background:#8CC2FF;box-shadow:0 0 6px #8CC2FF}
.hr-lejant i.kr{background:#EF4444;box-shadow:0 0 6px #EF4444}
@media (prefers-reduced-motion:reduce){.hr-dalga{animation:none}}

.bk-tr{background:radial-gradient(520px 320px at 30% 85%,rgba(30,90,168,.6),transparent 70%),linear-gradient(155deg,var(--gece),var(--lacivert))}

/* Ücretsiz taşıma bölümü */
.tasima{background:linear-gradient(180deg,#fff 0%,var(--zemin-2) 100%)}
.tasima-kampanya{display:inline-flex;align-items:center;gap:8px;margin-top:6px;background:var(--yesil-zemin);color:var(--yesil-koyu);font-weight:700;border-radius:99px;padding:.5em 1.1em;border:1px solid #bdebd9}
.tasima-kampanya .s-ikon{width:18px;height:18px}
.tsm{position:relative;display:grid;grid-template-columns:1fr 90px 1fr;align-items:center;gap:0;padding:30px 28px 26px;border-radius:20px;color:#fff;
  background:radial-gradient(500px 280px at 80% 0%,rgba(30,90,168,.6),transparent 70%),linear-gradient(155deg,var(--gece),var(--lacivert));box-shadow:0 40px 80px -30px rgba(11,36,71,.55)}
.tsm-kutu{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12);border-radius:14px;padding:14px}
.tsm-yeni{background:#fff;color:var(--metin);border-color:#fff;box-shadow:0 18px 40px -16px rgba(0,0,0,.6)}
.tsm-bas{display:flex;align-items:center;gap:8px;padding:2px 2px 10px;border-bottom:1px solid rgba(255,255,255,.12);margin-bottom:8px;font-size:.88rem}
.tsm-yeni .tsm-bas{border-color:var(--cizgi)}
.tsm-yeni .logo-ikon{width:18px;height:18px;color:var(--lacivert);--logo-zemin:#fff}
.tsm-nokta{width:9px;height:9px;border-radius:50%;background:#94a3b8}
.tsm-kaynak{transition:opacity .3s}
.tsm ul{list-style:none;margin:0;padding:0;display:grid;gap:4px}
.tsm-eski li{font-size:.82rem;color:#cbd5e1;padding:6px 8px;border-radius:7px;background:rgba(255,255,255,.04);transition:opacity .4s}
.tsm-eski li.bitti{opacity:.35}
.tsm-yeni li{display:grid;grid-template-columns:1fr 54px 34px;align-items:center;gap:8px;font-size:.82rem;padding:6px 6px;border-radius:7px}
.tsm-yeni li.simdi{background:var(--zemin-2)}
.tsm-yeni li span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:600}
.tsm-yeni li i{height:5px;border-radius:99px;background:var(--zemin-2);overflow:hidden;display:block}
.tsm-yeni li.simdi i{background:#e2e8f0}
.tsm-yeni li em{display:block;height:100%;width:0;background:linear-gradient(90deg,var(--mavi),var(--yesil));border-radius:99px}
.tsm-yeni li small{font-size:.72rem;font-weight:700;color:var(--metin-3);text-align:right;font-variant-numeric:tabular-nums}
.tsm-yeni li.tamam small{color:var(--yesil-koyu)}
.tsm-akis{position:relative;height:120px}
.tsm-cizgi{position:absolute;left:8px;right:8px;top:50%;border-top:2px dashed rgba(140,194,255,.4)}
.tsm-akis span{position:absolute;top:calc(50% - 8px);left:0;width:20px;height:15px;border-radius:3px;background:#BFE0FF;box-shadow:0 0 10px rgba(140,194,255,.8);animation:zarf 1.6s linear infinite;opacity:0}
.tsm-akis span::after{content:"";position:absolute;inset:0;background:linear-gradient(135deg,transparent 46%,#1E5AA8 47%,#1E5AA8 53%,transparent 54%),linear-gradient(45deg,transparent 46%,#1E5AA8 47%,#1E5AA8 53%,transparent 54%);background-size:100% 200%;background-position:0 0;opacity:.6;border-radius:3px}
.tsm-akis span:nth-child(2){animation-delay:.53s}.tsm-akis span:nth-child(3){animation-delay:1.06s}
.tsm.durdu .tsm-akis span{animation-play-state:paused;visibility:hidden}
@keyframes zarf{0%{left:4px;opacity:0;transform:translateY(0)}15%{opacity:1}50%{transform:translateY(-10px)}85%{opacity:1}100%{left:calc(100% - 24px);opacity:0;transform:translateY(0)}}
.tsm-durum{grid-column:1/-1;margin-top:18px;display:grid;grid-template-columns:auto 1fr;gap:14px;align-items:center;font-size:.86rem;font-weight:600;color:#dbe6f5}
.tsm-genel{height:6px;border-radius:99px;background:rgba(255,255,255,.12);overflow:hidden}
.tsm-genel i{display:block;height:100%;width:0;background:linear-gradient(90deg,#8CC2FF,var(--yesil));border-radius:99px;transition:width .25s linear}
.tsm.bitti .tsm-durum-metin{color:var(--yesil-acik)}
@media (prefers-reduced-motion:reduce){.tsm-akis span{animation:none;opacity:1;left:calc(50% - 10px)}}
@media (max-width:1000px){.tasima-ana{max-width:none}}
/* Taşıma: sade, animasyon odaklı */
.tasima-ana{max-width:860px;margin:8px auto 0}
.tsm{padding:34px 34px 28px}
.tasima-rozet{list-style:none;padding:0;margin:28px 0 0;display:flex;justify-content:center;flex-wrap:wrap;gap:10px 22px}
.tasima-rozet li{display:flex;align-items:center;gap:8px;font-weight:600;color:var(--lacivert)}
.tasima-rozet .s-ikon{width:20px;height:20px;color:var(--yesil)}
.tasima-adim{list-style:none;padding:0;margin:44px auto 0;max-width:640px;display:grid;grid-template-columns:repeat(4,1fr);position:relative;--ilerleme:0%}
.tasima-adim::before,.tasima-adim::after{content:"";position:absolute;left:12.5%;top:23px;height:3px;border-radius:3px}
.tasima-adim::before{right:12.5%;background:var(--cizgi)}
.tasima-adim::after{width:calc(75% * var(--ilerleme) / 100%);background:linear-gradient(90deg,var(--mavi),var(--yesil));transition:width .8s ease}
.tasima-adim li{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;gap:10px;font-weight:700;font-size:.92rem;color:var(--metin-3);transition:color .4s}
.tasima-adim li>span{display:grid;place-items:center;width:48px;height:48px;border-radius:50%;background:#fff;border:2px solid var(--cizgi);color:var(--metin-3);transition:all .4s}
.tasima-adim li>span .s-ikon{width:22px;height:22px}
.tasima-adim li.gecti{color:var(--lacivert)}
.tasima-adim li.gecti>span{border-color:var(--yesil);color:var(--yesil-koyu)}
.tasima-adim li.simdi>span{background:var(--yesil);border-color:var(--yesil);color:#fff;box-shadow:0 0 0 7px var(--yesil-zemin);transform:scale(1.08)}
.tasima-dugmeler{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:12px 24px;margin-top:40px}
.tasima-wa{font-weight:600;color:var(--yesil-koyu)}
@media (max-width:560px){.tsm{grid-template-columns:1fr;padding:22px 18px}.tasima-adim li{font-size:.8rem}.tasima-adim li>span{width:42px;height:42px}.tasima-adim::before,.tasima-adim::after{top:20px}}
@media (max-width:560px){.tsm-akis{height:64px;width:40px;margin:0 auto}.tsm-cizgi{left:50%;right:auto;top:6px;bottom:6px;border-top:0;border-left:2px dashed rgba(140,194,255,.4)}.tsm-akis span{left:10px!important;top:0;animation-name:zarfAsagi}}
@keyframes zarfAsagi{0%{top:0;opacity:0}20%{opacity:1}80%{opacity:1}100%{top:calc(100% - 15px);opacity:0}}

/* Fiyatlar (yeniden tasarım) */
.donem-sec{position:relative;display:flex;gap:0;background:#fff;border:1px solid var(--cizgi);border-radius:14px;padding:5px;width:max-content;margin:0 auto 44px;box-shadow:var(--golge)}
.donem-sec button{position:relative;z-index:1;border:0;background:none;font:inherit;font-weight:600;padding:.65em 1.5em;border-radius:10px;cursor:pointer;color:var(--metin-2);transition:color .3s;white-space:nowrap}
.donem-sec button.aktif{color:#fff}
.donem-sec button em{font-style:normal;font-size:.74rem;background:var(--yesil-zemin);color:var(--yesil-koyu);padding:.15em .55em;border-radius:99px;margin-left:.4em}
.donem-isaret{position:absolute;top:5px;bottom:5px;left:5px;width:0;border-radius:10px;background:var(--lacivert);transition:transform .35s cubic-bezier(.2,.8,.2,1),width .35s}
.fiyat-izgara{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;align-items:center;max-width:1000px;margin:0 auto}
.fk{position:relative;background:#fff;border:1px solid var(--cizgi);border-radius:20px;padding:30px 28px;display:flex;flex-direction:column;transition:transform .25s,box-shadow .25s}
.fk:hover{transform:translateY(-4px);box-shadow:0 24px 50px -24px rgba(11,36,71,.35)}
.fk h3{font-size:1.2rem;margin:0}
.fk-acik{color:var(--metin-2);font-size:.9rem;margin:.2em 0 .6em}
.fk-fiyat{display:flex;align-items:flex-end;gap:6px;position:relative;padding-top:22px}
.fk-tutar{font-size:3.4rem;font-weight:800;letter-spacing:-.045em;line-height:.95;font-variant-numeric:tabular-nums}
.fk-fiyat span{font-weight:700;line-height:1.1;padding-bottom:4px}
.fk-fiyat small{display:block;font-weight:500;font-size:.78rem;color:var(--metin-3)}
.fk-eski{position:absolute;top:0;left:2px;font-size:.88rem;font-weight:600;color:var(--metin-3);opacity:0;transform:translateY(6px);transition:all .35s}
.yillik .fk-eski{opacity:1;transform:none}
.fk-not{font-size:.82rem;color:var(--metin-3);margin:.5em 0 1.2em;min-height:1.3em}
.not-yillik{display:none}.yillik .not-yillik{display:inline}.yillik .not-aylik{display:none}
.fk-alan{background:var(--zemin-2);border-radius:12px;padding:12px 14px;margin-bottom:22px}
.fk-alan-ust{display:flex;align-items:baseline;gap:6px;margin-bottom:8px}
.fk-alan-ust b{font-size:1.25rem;font-weight:800;color:var(--lacivert)}
.fk-alan-ust small{color:var(--metin-2);font-size:.82rem}
.fk-cubuk{height:7px;border-radius:99px;background:#e2e8f0;overflow:hidden}
.fk-cubuk i{display:block;height:100%;width:0;border-radius:99px;background:linear-gradient(90deg,var(--mavi),var(--yesil));transition:width 1.2s cubic-bezier(.2,.8,.2,1)}
.gorundu .fk-cubuk i{width:var(--oran)}
.fk .btn{margin-top:auto}
.fk-one{padding:40px 30px;color:#fff;border:0;transform:scale(1.04);box-shadow:0 40px 80px -30px rgba(11,36,71,.6);
  background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120' viewBox='0 0 64 64'%3E%3Cpath d='M8 30 L56 10 L44 54 L31 38 Z' fill='%23fff' fill-opacity='.04' transform='translate(16 16) scale(.5)'/%3E%3C/svg%3E"),radial-gradient(360px 220px at 100% 0,rgba(30,90,168,.7),transparent 70%),linear-gradient(160deg,var(--gece),var(--lacivert))}
.fk-one:hover{transform:scale(1.04) translateY(-4px)}
.fk-one .fk-acik,.fk-one .fk-fiyat small,.fk-one .fk-not,.fk-one .fk-eski{color:#b6c3d9}
.fk-one .fk-alan{background:rgba(255,255,255,.08)}
.fk-one .fk-alan-ust b{color:#fff}.fk-one .fk-alan-ust small{color:#b6c3d9}
.fk-one .fk-cubuk{background:rgba(255,255,255,.14)}
.fk-rozet{position:absolute;top:-14px;left:50%;transform:translateX(-50%);background:var(--yesil);color:#fff;font-size:.78rem;font-weight:700;padding:.35em 1.1em;border-radius:99px;white-space:nowrap;box-shadow:0 8px 20px -8px rgba(18,184,134,.8)}
.tum-paket{margin:44px auto 0;max-width:1000px;display:flex;align-items:center;gap:18px;flex-wrap:wrap;justify-content:center}
.tum-paket>span{font-size:12px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--metin-3)}
.tum-paket ul{list-style:none;padding:0;margin:0;display:flex;flex-wrap:wrap;gap:8px;justify-content:center}
.tum-paket li{display:flex;align-items:center;gap:7px;background:#fff;border:1px solid var(--cizgi);border-radius:99px;padding:.4em .9em .4em .7em;font-size:.86rem;font-weight:600;color:var(--lacivert)}
.tum-paket .s-ikon{width:17px;height:17px;color:var(--yesil-koyu)}
/* Ofisinizi kurun */
.ofis{margin:56px auto 0;max-width:1000px;display:grid;grid-template-columns:.9fr 1.1fr;background:#fff;border:1px solid var(--cizgi);border-radius:22px;overflow:hidden;box-shadow:0 30px 60px -36px rgba(11,36,71,.4)}
.ofis-sol{padding:30px 32px;display:flex;flex-direction:column;gap:22px}
.ofis-sol h3{margin:0;font-size:1.35rem}
.ofis-paket{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;background:var(--zemin-2);border-radius:12px;padding:5px}
.ofis-paket label{cursor:pointer}
.ofis-paket input{position:absolute;opacity:0;pointer-events:none}
.ofis-paket span{display:block;text-align:center;font-weight:600;font-size:.9rem;padding:.6em .4em;border-radius:9px;color:var(--metin-2);transition:all .25s}
.ofis-paket input:checked+span{background:#fff;color:var(--lacivert);box-shadow:0 2px 8px rgba(11,36,71,.12)}
.ofis-paket input:focus-visible+span{outline:2px solid var(--mavi)}
.ofis-kutu{display:grid;gap:12px}
.ofis-kutu>span{font-size:1rem;color:var(--metin-2)}
.ofis-kutu b{font-size:2.4rem;font-weight:800;color:var(--lacivert);letter-spacing:-.03em;font-variant-numeric:tabular-nums;margin-right:4px}
.ofis-kutu input[type=range]{-webkit-appearance:none;appearance:none;width:100%;height:8px;border-radius:99px;outline:none;cursor:pointer;
  background:linear-gradient(90deg,var(--mavi) 0,var(--yesil) var(--dolu,8%),#e2e8f0 var(--dolu,8%))}
.ofis-kutu input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:26px;height:26px;border-radius:50%;background:#fff;border:3px solid var(--yesil);box-shadow:0 4px 12px rgba(11,36,71,.25)}
.ofis-kutu input[type=range]::-moz-range-thumb{width:22px;height:22px;border-radius:50%;background:#fff;border:3px solid var(--yesil);box-shadow:0 4px 12px rgba(11,36,71,.25)}
.ofis-sag{padding:28px 30px;color:#fff;display:flex;flex-direction:column;gap:18px;background:radial-gradient(400px 240px at 100% 0,rgba(30,90,168,.6),transparent 70%),linear-gradient(160deg,var(--gece),var(--lacivert))}
.ofis-kisiler{display:flex;flex-wrap:wrap;gap:7px;min-height:100px;align-content:flex-start}
.ofis-kisiler i{width:28px;height:28px;border-radius:7px;background:rgba(140,194,255,.18);border:1px solid rgba(140,194,255,.35);position:relative;animation:kisiGel .3s cubic-bezier(.2,.8,.2,1)}
.ofis-kisiler i::after{content:"";position:absolute;inset:0;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%238CC2FF' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='4' y='6' width='16' height='12' rx='2'/%3E%3Cpath d='m4.5 7 7.5 6 7.5-6'/%3E%3C/svg%3E") center/16px no-repeat}
@keyframes kisiGel{from{transform:scale(.3);opacity:0}}
.ofis-havuz{display:grid;gap:8px}
.ofis-havuz>div:first-child{display:flex;justify-content:space-between;align-items:baseline}
.ofis-havuz small{color:#b6c3d9;font-size:.85rem}
.ofis-havuz b{font-size:1.2rem}
.ofis-havuz-cubuk{height:8px;border-radius:99px;background:rgba(255,255,255,.12);overflow:hidden}
.ofis-havuz-cubuk i{display:block;height:100%;width:10%;border-radius:99px;background:linear-gradient(90deg,#8CC2FF,var(--yesil));transition:width .4s}
.ofis-toplam{margin-top:auto;display:flex;align-items:flex-end;justify-content:space-between;gap:16px;border-top:1px solid rgba(255,255,255,.12);padding-top:18px}
.ofis-toplam small{display:block;color:#b6c3d9;font-size:.82rem}
.ofis-toplam b{font-size:2.2rem;font-weight:800;letter-spacing:-.03em;font-variant-numeric:tabular-nums}
@media (max-width:900px){.fiyat-izgara{grid-template-columns:1fr;max-width:440px;gap:28px}.fk-one{transform:none}.fk-one:hover{transform:translateY(-4px)}.ofis{grid-template-columns:1fr}}
@media (max-width:520px){.ofis-sol,.ofis-sag{padding:22px 20px}.ofis-toplam{flex-direction:column;align-items:stretch}.ofis-toplam .btn{width:100%}.donem-sec button{padding:.6em 1em}}
@media (max-width:520px){.ofis-kisiler{min-height:40px}}

/* Ana sayfa bayilik bandı: kazanç ağı animasyonu */
.bayi-bolum{position:relative;overflow:hidden;background-color:var(--gece)}
.bayi-bolum::before{content:"";position:absolute;inset:0;background:radial-gradient(600px 380px at 78% 45%,rgba(18,184,134,.18),transparent 65%),radial-gradient(700px 400px at 10% 0%,rgba(30,90,168,.35),transparent 60%);pointer-events:none}
.bayi-bolum .kap{position:relative}
.bayi-bant{display:grid;grid-template-columns:1fr 1.05fr;gap:48px}
.bayi-bant>.bayi-metin{max-width:540px}
.bayi-metin h2{font-size:clamp(1.7rem,3vw,2.35rem);line-height:1.15;margin:.35em 0 .45em}
.vurgu-yesil{color:var(--yesil-acik)}
.bayi-cip{list-style:none;padding:0;margin:22px 0 26px;display:flex;flex-wrap:wrap;gap:10px}
.bayi-cip li{display:inline-flex;align-items:center;gap:7px;padding:8px 14px;border-radius:999px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1);font-size:.9rem;color:#e2e8f0}
.bayi-cip li b{color:var(--yesil-acik);font-size:1rem}
.bayi-cip svg{width:16px;height:16px;color:var(--yesil-acik)}
.bayi-dugme{display:flex;align-items:center;gap:22px;flex-wrap:wrap}
.bayi-hesap{color:#cbd5e1;font-weight:600;text-decoration:none}
.bayi-hesap:hover{color:#fff}
.bayi-dipnot{margin-top:18px;font-size:.78rem;color:#7f8ea6!important;text-align:right}
.bayi-sahne{position:relative;width:100%;max-width:520px;aspect-ratio:440/360;justify-self:end}
.bayi-hat{position:absolute;inset:0;width:100%;height:100%;overflow:visible}
.bayi-hat path{fill:none;stroke:rgba(140,194,255,.14);stroke-width:1.5;stroke-dasharray:4 6;transition:stroke .5s}
.bayi-hat path.acik{stroke:rgba(95,224,181,.6);animation:bayiAkis 1s linear infinite}
@keyframes bayiAkis{to{stroke-dashoffset:-20}}
.bayi-musteri{position:absolute;transform:translate(-50%,-50%) scale(.85);opacity:.35;padding:9px 13px;min-width:104px;border-radius:12px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);text-align:center;transition:opacity .5s,transform .5s,background .5s,border-color .5s;backdrop-filter:blur(4px)}
.bayi-musteri b{display:block;font-size:.86rem;color:#fff;font-weight:600;white-space:nowrap}
.bayi-musteri span{font-size:.74rem;color:#94a3b8}
.bayi-musteri.acik{opacity:1;transform:translate(-50%,-50%) scale(1);background:rgba(18,184,134,.1);border-color:rgba(95,224,181,.45);box-shadow:0 10px 30px -12px rgba(18,184,134,.6)}
.bayi-para{position:absolute;left:50%;top:-8px;transform:translate(-50%,0);font-style:normal;font-size:.8rem;font-weight:700;color:var(--yesil-acik);white-space:nowrap;opacity:0;pointer-events:none}
.bayi-musteri.para .bayi-para{animation:bayiPara 1.4s ease-out}
@keyframes bayiPara{0%{opacity:0;transform:translate(-50%,6px)}20%{opacity:1}100%{opacity:0;transform:translate(-50%,-26px)}}
.bayi-musteri.m0{left:15.91%;top:17.22%}.bayi-musteri.m1{left:84.09%;top:17.22%}.bayi-musteri.m2{left:6.82%;top:50.00%}.bayi-musteri.m3{left:93.18%;top:50.00%}.bayi-musteri.m4{left:15.91%;top:82.78%}.bayi-musteri.m5{left:84.09%;top:82.78%}
.bayi-merkez{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}
.bayi-siz{width:74px;height:74px;border-radius:50%;display:grid;place-items:center;font-weight:800;font-size:1.05rem;color:#fff;background:linear-gradient(145deg,var(--yesil),var(--mavi));box-shadow:0 0 0 8px rgba(18,184,134,.12),0 0 0 18px rgba(18,184,134,.05),0 18px 40px -10px rgba(18,184,134,.7)}
.bayi-merkez.vurus .bayi-siz{animation:bayiVurus .5s ease-out}
@keyframes bayiVurus{50%{transform:scale(1.12)}}
.bayi-sayac{position:absolute;left:50%;top:calc(100% + 72px);transform:translateX(-50%);background:#fff;color:var(--lacivert);border-radius:12px;padding:8px 16px;text-align:center;box-shadow:0 18px 40px -16px rgba(0,0,0,.7);white-space:nowrap}
.bayi-sayac small{display:block;font-size:.68rem;font-weight:600;color:#5B6B82;text-transform:uppercase;letter-spacing:.06em}
.bayi-sayac strong{font-size:1.35rem;font-weight:800;font-variant-numeric:tabular-nums}
@media (max-width:900px){.bayi-bant{grid-template-columns:1fr}.bayi-sahne{justify-self:center}.bayi-dipnot{text-align:left}}
@media (max-width:480px){.bayi-musteri{min-width:0;padding:6px 8px}.bayi-musteri b{font-size:.74rem}.bayi-musteri span{font-size:.66rem}.bayi-siz{width:58px;height:58px;font-size:.92rem}.bayi-sayac strong{font-size:1.1rem}.bayi-sayac{top:calc(100% + 44px);padding:6px 12px}}

/* Ana sayfa "Kimler için": geçiş / sektör / rehber panelleri */
.kimler-izgara{display:grid;grid-template-columns:1.15fr 1fr 1fr;gap:20px;align-items:stretch}
.kimler-panel{background:#fff;border:1px solid var(--cizgi);border-radius:16px;padding:22px;display:grid;gap:10px;align-content:start;box-shadow:0 18px 40px -30px rgba(11,36,71,.35)}
.kimler-panel h3{margin:0 0 6px;font-size:.78rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#5B6B82}
.kimler-gecis{background:linear-gradient(160deg,var(--lacivert),var(--gece));border:0;color:#fff;box-shadow:0 30px 60px -30px rgba(6,22,46,.8)}
.kimler-gecis h3{color:var(--yesil-acik)}
.kimler-yol,.kimler-kart{display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:12px;text-decoration:none!important;transition:transform .25s,background .25s,border-color .25s,box-shadow .25s}
.kimler-yol{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.08);color:#fff}
.kimler-yol:hover{background:rgba(18,184,134,.12);border-color:rgba(95,224,181,.45);transform:translateX(4px)}
.kimler-kaynak,.kimler-hedef{flex:none;width:36px;height:36px;border-radius:10px;display:grid;place-items:center}
.kimler-kaynak{background:rgba(255,255,255,.1);color:#cbd5e1;font-weight:800;font-size:1rem}
.kimler-kaynak svg{width:18px;height:18px}
.kimler-hedef{background:linear-gradient(145deg,var(--mavi),var(--yesil))}
.kimler-hedef svg{width:20px;height:20px}
.kimler-ok{flex:none;width:34px;height:2px;position:relative;background:repeating-linear-gradient(90deg,rgba(140,194,255,.35) 0 4px,transparent 4px 8px);overflow:hidden}
.kimler-ok i{position:absolute;top:-2px;left:-8px;width:6px;height:6px;border-radius:50%;background:var(--yesil-acik);box-shadow:0 0 8px var(--yesil-acik);animation:kimlerAkis 1.6s ease-in-out infinite}
.kimler-yol:nth-of-type(2) .kimler-ok i{animation-delay:.5s}
.kimler-yol:nth-of-type(3) .kimler-ok i{animation-delay:1s}
@keyframes kimlerAkis{0%{left:-8px;opacity:0}20%{opacity:1}80%{opacity:1}100%{left:36px;opacity:0}}
.kimler-yazi{display:grid;gap:2px;min-width:0}
.kimler-yazi b{font-size:.98rem;font-weight:700}
.kimler-yazi small{font-size:.8rem;line-height:1.4}
.kimler-yol small{color:var(--yesil-acik);font-weight:600}
.kimler-kart{border:1px solid transparent;color:var(--metin)}
.kimler-kart:hover{background:var(--sis,#F3F6FB);border-color:var(--cizgi);transform:translateY(-2px)}
.kimler-kart small{color:var(--metin-2)}
.kimler-ikon{flex:none;width:44px;height:44px;border-radius:12px;display:grid;place-items:center;background:var(--mavi-zemin);color:var(--mavi);transition:background .25s,color .25s}
.kimler-ikon svg{width:22px;height:22px}
.kimler-kart:hover .kimler-ikon{background:var(--mavi);color:#fff}
.kimler-git{margin-left:auto;color:var(--mavi);font-weight:700;opacity:0;transform:translateX(-6px);transition:opacity .25s,transform .25s}
.kimler-kart:hover .kimler-git{opacity:1;transform:none}
@media (max-width:1000px){.kimler-izgara{grid-template-columns:1fr 1fr}.kimler-gecis{grid-column:1/-1}}
@media (max-width:640px){.kimler-izgara{grid-template-columns:1fr}.kimler-git{opacity:1;transform:none}.kimler-yol{gap:8px}.kimler-ok{width:18px}@keyframes kimlerAkis{0%{left:-8px;opacity:0}20%{opacity:1}80%{opacity:1}100%{left:20px;opacity:0}}}
@media (prefers-reduced-motion:reduce){.kimler-ok i{animation:none;left:14px}}

/* Ana sayfa SSS: WhatsApp sohbeti görünümünde; soruya dokunulunca cevap "yazılır" */
.sss-bolum{position:relative;overflow:hidden;background:linear-gradient(180deg,#fff,var(--sis,#F3F6FB))}
.sss-duzen{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,520px);gap:56px;align-items:start}
.wa-pencere{position:sticky;top:96px}
.sss-yan h2{font-size:clamp(1.8rem,3.2vw,2.6rem);line-height:1.12;margin:.35em 0 .45em}
.sss-yan>p{color:var(--metin-2);font-size:1.05rem;margin:0 0 20px}
.sss-wa{display:inline-flex;align-items:center;gap:10px;background:#25D366;border-color:#25D366}
.sss-wa:hover{background:#1EBE5A;border-color:#1EBE5A}
.sss-wa svg{width:22px;height:22px}
.wa-pencere{display:flex;flex-direction:column;height:640px;border-radius:24px;overflow:hidden;background:#EFEAE2;box-shadow:0 0 0 8px #fff,0 0 0 9px var(--cizgi),0 50px 90px -40px rgba(11,36,71,.55)}
.wa-ust{flex:none;display:flex;align-items:center;gap:12px;padding:12px 16px;background:#075E54;color:#fff}
.wa-avatar{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(145deg,var(--lacivert),var(--mavi))}
.wa-avatar svg{width:22px;height:22px}
.wa-kim{display:grid;line-height:1.25}
.wa-kim b{font-size:1rem}
.wa-kim small{font-size:.8rem;color:#c9e9e3}
.wa-akis{flex:1;overflow-y:auto;padding:14px 16px 8px;display:flex;flex-direction:column;gap:6px;scroll-behavior:smooth;
  background-color:#EFEAE2;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='90' height='90' viewBox='0 0 64 64'%3E%3Cpath d='M8 30 L56 10 L44 54 L31 38 Z' fill='%23000' fill-opacity='.035' transform='translate(18 18) scale(.42) rotate(-12 32 32)'/%3E%3C/svg%3E")}
.wa-gun{align-self:center;margin:2px 0 6px}
.wa-gun span{display:inline-block;background:#fff;color:#54656F;font-size:.74rem;padding:4px 10px;border-radius:8px;box-shadow:0 1px .5px rgba(0,0,0,.13)}
.wa-mesaj{position:relative;max-width:82%;padding:7px 10px 8px;border-radius:9px;font-size:.93rem;line-height:1.45;color:#111B21;box-shadow:0 1px .5px rgba(0,0,0,.13);animation:waGel .28s ease-out}
.wa-mesaj.gelen{align-self:flex-start;background:#fff;border-top-left-radius:0}
.wa-mesaj.giden{align-self:flex-end;background:#D9FDD3;border-top-right-radius:0}
.wa-mesaj.gelen::before,.wa-mesaj.giden::before{content:"";position:absolute;top:0;width:8px;height:13px}
.wa-mesaj.gelen::before{left:-8px;background:linear-gradient(225deg,#fff 50%,transparent 50%)}
.wa-mesaj.giden::before{right:-8px;background:linear-gradient(135deg,#D9FDD3 50%,transparent 50%)}
.wa-saat{float:right;margin:8px 0 -4px 10px;font-size:.68rem;color:#667781;display:inline-flex;align-items:center;gap:3px}
.wa-tik{width:16px;height:11px;color:#8696A0;transition:color .3s}
.wa-mesaj.okundu .wa-tik{color:#53BDEB}
.wa-yaziyor{display:inline-flex;gap:4px;padding:4px 2px}
.wa-yaziyor i{width:7px;height:7px;border-radius:50%;background:#8696A0;animation:sssNokta 1s infinite}
.wa-yaziyor i:nth-child(2){animation-delay:.15s}.wa-yaziyor i:nth-child(3){animation-delay:.3s}
@keyframes sssNokta{0%,60%,100%{opacity:.35;transform:none}30%{opacity:1;transform:translateY(-3px)}}
@keyframes waGel{from{opacity:0;transform:translateY(8px) scale(.97)}}
.wa-sorular{display:grid;gap:8px;margin:0 0 24px}
.wa-sorular button{display:flex;align-items:center;gap:12px;width:100%;text-align:left;font:inherit;font-size:.95rem;font-weight:600;color:var(--metin);background:#fff;border:1px solid var(--cizgi);border-radius:12px;padding:9px 14px 9px 9px;cursor:pointer;transition:border-color .2s,box-shadow .2s,transform .2s}
.wa-sorular button:hover{border-color:#00A884;transform:translateX(4px);box-shadow:0 10px 24px -18px rgba(0,128,105,.7)}
.wa-sorular button:active{transform:scale(.98)}
.wa-soru-ikon{flex:none;width:34px;height:34px;border-radius:10px;display:grid;place-items:center;background:var(--mavi-zemin);color:var(--mavi);transition:background .2s,color .2s}
.wa-soru-ikon svg{width:18px;height:18px}
.wa-soru-ikon .tr-rozet{transform:scale(.8)}
.wa-sorular button.soruldu{color:var(--metin-2)}
.wa-sorular button.soruldu .wa-soru-ikon{background:#D9FDD3;color:#008069}
.wa-sorular button:disabled{cursor:wait}
.wa-alt{flex:none;display:flex;align-items:center;gap:8px;padding:8px 12px 10px;background:#F0F2F5}
.wa-giris{flex:1;background:#fff;border-radius:20px;padding:9px 16px;font-size:.9rem;color:#8696A0}
.wa-gonder{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;background:#00A884;color:#fff}
.wa-gonder svg{width:20px;height:20px}
.wa-devam{display:inline-block;margin-top:6px;font-weight:700;color:#008069;text-decoration:none!important}
@media (max-width:900px){.sss-duzen{grid-template-columns:1fr;gap:28px}.wa-pencere{height:560px;position:static}}
@media (max-width:560px){.wa-pencere{height:540px;border-radius:18px;box-shadow:0 0 0 1px var(--cizgi),0 30px 60px -30px rgba(11,36,71,.5)}.wa-mesaj{max-width:88%;font-size:.9rem}.sss-wa{width:100%;justify-content:center}}

/* Ana sayfa son çağrı: koyu kart + canlı kurulum listesi */
.son-cta{position:relative;overflow:hidden;display:grid;grid-template-columns:1.1fr 1fr;gap:48px;align-items:center;padding:56px;border-radius:28px;color:#fff;
  background:radial-gradient(600px 360px at 85% 20%,rgba(18,184,134,.25),transparent 65%),radial-gradient(700px 420px at 0% 100%,rgba(30,90,168,.55),transparent 60%),linear-gradient(150deg,var(--gece),var(--lacivert));
  box-shadow:0 50px 100px -50px rgba(6,22,46,.9)}
.son-cta::before{content:"";position:absolute;inset:0;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120' viewBox='0 0 64 64'%3E%3Cpath d='M8 30 L56 10 L44 54 L31 38 Z' fill='%23fff' fill-opacity='.035' transform='translate(16 16) scale(.5)'/%3E%3C/svg%3E");pointer-events:none}
.son-cta>*{position:relative}
.son-cta h2{font-size:clamp(1.8rem,3.4vw,2.7rem);line-height:1.12;margin:.35em 0 .45em;color:#fff}
.son-cta p{color:#cbd5e1;font-size:1.08rem;margin:0 0 28px}
.son-cta-dugme{display:flex;gap:12px;flex-wrap:wrap}
.son-cta-ikinci{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.2);color:#fff}
.son-cta-ikinci:hover{background:rgba(255,255,255,.16);border-color:rgba(255,255,255,.35);color:#fff}
.son-cta-guven{list-style:none;padding:0;margin:26px 0 0;display:flex;flex-wrap:wrap;gap:8px 20px;font-size:.9rem;color:#cbd5e1}
.son-cta-guven li{display:inline-flex;align-items:center;gap:7px}
.son-cta-guven svg{width:17px;height:17px;color:var(--yesil-acik)}
.kurulum{position:relative;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12);border-radius:18px;padding:18px 20px 20px;backdrop-filter:blur(6px);box-shadow:0 30px 60px -30px rgba(0,0,0,.6)}
.kurulum-ust{display:flex;align-items:center;gap:6px;margin-bottom:12px}
.kurulum-ust span{width:9px;height:9px;border-radius:50%;background:rgba(255,255,255,.18)}
.kurulum-ust b{margin-left:8px;font-size:.85rem;font-weight:600;color:#cbd5e1}
.kurulum-yuzde{margin-left:auto;font-style:normal;font-weight:800;color:var(--yesil-acik);font-variant-numeric:tabular-nums}
.kurulum-cubuk{height:6px;border-radius:6px;background:rgba(255,255,255,.1);overflow:hidden;margin-bottom:16px}
.kurulum-cubuk i{display:block;height:100%;width:0;border-radius:6px;background:linear-gradient(90deg,var(--mavi),var(--yesil));transition:width .6s ease}
.kurulum ol{list-style:none;padding:0;margin:0;display:grid;gap:10px}
.kurulum li{display:flex;align-items:center;gap:12px;font-size:.95rem;color:#94a3b8;opacity:.45;transition:opacity .4s,color .4s}
.kurulum li code{font-family:inherit;font-size:.85rem;font-weight:600;background:rgba(255,255,255,.1);border:0;padding:2px 7px;border-radius:6px;color:var(--yesil-acik);white-space:nowrap}
.kurulum li>span:last-child{line-height:1.7}
.kurulum-isaret{flex:none;width:22px;height:22px;border-radius:50%;border:2px solid rgba(255,255,255,.2);position:relative;transition:background .3s,border-color .3s}
.kurulum li.suruyor{opacity:1;color:#fff}
.kurulum li.suruyor .kurulum-isaret{border-color:rgba(95,224,181,.3);border-top-color:var(--yesil-acik);animation:kurDon .7s linear infinite}
.kurulum li.tamam{opacity:1;color:#e2e8f0}
.kurulum li.tamam .kurulum-isaret{background:var(--yesil);border-color:var(--yesil)}
.kurulum li.tamam .kurulum-isaret::after{content:"";position:absolute;left:6px;top:2px;width:5px;height:10px;border:solid #fff;border-width:0 2px 2px 0;transform:rotate(45deg)}
@keyframes kurDon{to{transform:rotate(360deg)}}
.kurulum-hazir{display:flex;align-items:center;justify-content:center;gap:10px;margin-top:16px;padding:12px;border-radius:12px;background:rgba(18,184,134,.15);border:1px solid rgba(95,224,181,.4);font-weight:700;color:#fff;opacity:0;transform:translateY(8px);transition:opacity .4s,transform .4s}
.kurulum-hazir svg{width:22px;height:22px}
.kurulum.bitti .kurulum-hazir{opacity:1;transform:none}
.kurulum.bitti .kurulum-hazir svg{animation:kurUc 1.2s ease-in-out .3s}
@keyframes kurUc{40%{transform:translate(14px,-10px) rotate(-8deg)}100%{transform:none}}
@media (max-width:900px){.son-cta{grid-template-columns:1fr;padding:36px 24px;gap:32px}}
@media (max-width:480px){.son-cta-dugme .btn{flex:1;text-align:center}.kurulum li{font-size:.88rem}}
/* Bayilik ile alt bilgi arasında ayraç: ortada logo rozeti, iki yana sönen çizgi */
.bayi-bolum::after{content:"";position:absolute;left:0;right:0;bottom:0;height:1px;background:linear-gradient(90deg,transparent,rgba(140,194,255,.35) 25%,rgba(95,224,181,.6) 50%,rgba(140,194,255,.35) 75%,transparent)}
.bayi-ayrac{position:absolute;left:50%;bottom:0;transform:translate(-50%,50%);z-index:2;width:44px;height:44px;border-radius:50%;display:grid;place-items:center;background:var(--gece);border:1px solid rgba(95,224,181,.5);box-shadow:0 0 0 6px var(--gece),0 0 24px rgba(18,184,134,.35)}
.bayi-ayrac svg{width:22px;height:22px}
.bayi-bolum{overflow:visible}
.bayi-bolum::before{overflow:hidden}

/* ================= İç sayfalar: ana sayfa tasarım dili ================= */
.ic-ust{position:relative;overflow:hidden;color:#fff;padding:64px 0 72px;
  background:radial-gradient(800px 460px at 85% 0%,rgba(30,90,168,.55),transparent 62%),radial-gradient(600px 380px at 0% 100%,rgba(18,184,134,.14),transparent 60%),linear-gradient(160deg,var(--gece) 0%,#0a1f40 55%,var(--lacivert) 100%)}
.ic-ust::before{content:"";position:absolute;inset:0;pointer-events:none;
  background:linear-gradient(rgba(140,194,255,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(140,194,255,.05) 1px,transparent 1px);background-size:56px 56px;
  -webkit-mask-image:radial-gradient(ellipse at 70% 30%,#000 20%,transparent 75%);mask-image:radial-gradient(ellipse at 70% 30%,#000 20%,transparent 75%)}
.ic-ust::after{content:"";position:absolute;right:-60px;bottom:-90px;width:380px;height:380px;pointer-events:none;opacity:.07;
  background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='6 6 52 52'%3E%3Cpath d='M8 30 L56 10 L44 54 L31 38 Z' fill='%23fff'/%3E%3C/svg%3E") no-repeat center/contain;transform:rotate(-8deg)}
.ic-ust-ic{position:relative;z-index:1}
.ic-ust-iki .ic-ust-ic{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:48px;align-items:center}
.ic-ust-metin{max-width:760px}
.ic-ust h1{color:#fff;font-size:clamp(2rem,4.2vw,3rem);line-height:1.1;letter-spacing:-.02em;margin:.3em 0 .4em}
.ic-ust p{color:#cbd5e1;font-size:1.12rem;line-height:1.6;margin:0;max-width:40em}
.ic-ust .kirinti-yol{display:flex;flex-wrap:wrap;gap:8px;align-items:center;font-size:.85rem;color:#7f8ea6;margin-bottom:18px}
.ic-ust .kirinti-yol a{color:#cbd5e1;text-decoration:none}
.ic-ust .kirinti-yol a:hover{color:#fff}
.ic-ust .hero-dugmeler{margin-top:28px}
.ic-ust .btn-hayalet{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.22);color:#fff}
.ic-ust .btn-hayalet:hover{background:rgba(255,255,255,.16);border-color:rgba(255,255,255,.35);color:#fff}
.ic-ust .inis-guvence{margin-top:24px;color:#cbd5e1}
.ic-ust .inis-guvence li::before{color:var(--yesil-acik)}
@media (max-width:900px){.ic-ust{padding:44px 0 52px}.ic-ust-iki .ic-ust-ic{grid-template-columns:1fr;gap:32px}}

.sayfa-govde{padding:64px 0 88px}
.metin-sayfa{font-size:1.04rem;line-height:1.8;color:#1e293b}
.metin-sayfa h2{font-size:clamp(1.35rem,2.4vw,1.65rem);line-height:1.25;color:var(--lacivert);margin:2em 0 .6em;scroll-margin-top:96px;letter-spacing:-.01em}
.metin-sayfa h2:first-child{margin-top:0}
.metin-sayfa h3{color:var(--lacivert);scroll-margin-top:96px}
.metin-sayfa a{color:var(--mavi);text-decoration:underline;text-decoration-color:rgba(30,90,168,.3);text-underline-offset:3px}
.metin-sayfa a:hover{text-decoration-color:var(--mavi)}
.metin-sayfa a.btn{text-decoration:none;color:#fff}
.metin-sayfa a.btn-hayalet{color:#fff}
.metin-sayfa code{font-size:.88em;background:var(--mavi-zemin);color:var(--lacivert);padding:2px 6px;border-radius:6px;word-break:break-word}
.metin-sayfa pre{background:var(--gece);color:#e2e8f0;border-radius:14px;padding:18px 20px;overflow-x:auto;font-size:.88rem;line-height:1.6}
.metin-sayfa pre code{background:none;color:inherit;padding:0}
.metin-sayfa ul:not([class]),.metin-sayfa ol:not([class]){padding-left:1.3em}
.metin-sayfa ul:not([class]) li::marker{color:var(--yesil)}
.metin-sayfa ol:not([class]) li::marker{color:var(--mavi);font-weight:700}
.metin-sayfa .tablo-sar{border:1px solid var(--cizgi);border-radius:14px;margin:1.2em 0;background:#fff}
.metin-sayfa .tablo{font-size:.94rem;line-height:1.55}
.metin-sayfa .tablo tr:last-child td{border-bottom:0}
.tik-liste li{padding-left:2em}
.tik-liste li::before{content:"";top:.38em;width:20px;height:20px;border-radius:50%;background:var(--yesil-zemin) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230E9F73' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 12 4 4 8-8'/%3E%3C/svg%3E") no-repeat center/13px}
.metin-sayfa details.sss{border-radius:14px;margin-bottom:10px}
.metin-sayfa details.sss[open]{border-color:transparent;box-shadow:0 0 0 1.5px var(--mavi),0 16px 32px -24px rgba(30,90,168,.45)}
.metin-sayfa details.sss p{margin:0}

/* İç sayfa son çağrısı */
.ic-cagri{position:relative;overflow:hidden;display:flex;justify-content:space-between;align-items:center;gap:20px 32px;flex-wrap:wrap;margin:56px 0 0;padding:32px 36px;border-radius:22px;color:#fff;
  background:radial-gradient(500px 300px at 90% 0%,rgba(18,184,134,.25),transparent 65%),linear-gradient(150deg,var(--gece),var(--lacivert));box-shadow:0 40px 80px -45px rgba(6,22,46,.9)}
.ic-cagri::before{content:"";position:absolute;inset:0;pointer-events:none;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120' viewBox='0 0 64 64'%3E%3Cpath d='M8 30 L56 10 L44 54 L31 38 Z' fill='%23fff' fill-opacity='.035' transform='translate(16 16) scale(.5)'/%3E%3C/svg%3E")}
.ic-cagri>*{position:relative}
.ic-cagri b{display:block;font-size:1.35rem;line-height:1.25;margin-bottom:4px}
.ic-cagri span{color:#cbd5e1}
.ic-cagri-dugme{display:flex;gap:10px;flex-wrap:wrap}
.metin-sayfa .ic-cagri a.btn{color:#fff}
@media (max-width:560px){.ic-cagri{padding:26px 22px}.ic-cagri-dugme .btn{flex:1;text-align:center}}

/* Kartlar ve özellik ızgarası (iç sayfalar) */
.kart{border-radius:16px;box-shadow:0 18px 40px -32px rgba(11,36,71,.35)}
.ozellik{border-radius:16px}
.ozellik-ikon{background:var(--mavi-zemin);color:var(--mavi);transition:background .25s,color .25s}
.ozellik:hover .ozellik-ikon{background:var(--mavi);color:#fff}
.ozellik h3{font-size:1.08rem;margin:0 0 6px}

/* Açılış sayfaları */
.inis-ilgili a{border-radius:14px;padding:16px 18px;background:#fff;transition:transform .25s,border-color .25s,box-shadow .25s;text-decoration:none!important}
.inis-ilgili a:hover{transform:translateY(-3px);box-shadow:0 18px 36px -26px rgba(30,90,168,.6)}
.inis-ilgili b{color:var(--lacivert)}
.inis-cta{border-radius:18px;padding:24px 28px;background:radial-gradient(400px 240px at 90% 0%,rgba(18,184,134,.25),transparent 65%),linear-gradient(150deg,var(--gece),var(--lacivert))}
.inis-cta .btn-hayalet{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.25)}
.inis-cta a{text-decoration:none!important}

/* ================= Blog ================= */
.blog-kategoriler{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 32px}
.blog-kategoriler a{padding:8px 16px;border-radius:999px;border:1px solid var(--cizgi);background:#fff;color:var(--metin-2);font-weight:600;font-size:.92rem;text-decoration:none!important;transition:.2s}
.blog-kategoriler a:hover{border-color:var(--mavi);color:var(--mavi)}
.blog-kategoriler a.aktif{background:var(--lacivert);border-color:var(--lacivert);color:#fff}
.blog-izgara{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.blog-kart{display:flex;flex-direction:column;background:#fff;border:1px solid var(--cizgi);border-radius:18px;overflow:hidden;color:var(--metin);text-decoration:none!important;transition:transform .3s,box-shadow .3s,border-color .3s}
.blog-kart:hover{transform:translateY(-4px);border-color:#c4d2e6;box-shadow:0 28px 50px -34px rgba(11,36,71,.55)}
.blog-kapak{position:relative;display:block;aspect-ratio:16/8;overflow:hidden;background:linear-gradient(150deg,var(--gece),var(--lacivert))}
.blog-kapak::before{content:"";position:absolute;inset:0;background:linear-gradient(rgba(140,194,255,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(140,194,255,.07) 1px,transparent 1px);background-size:28px 28px}
.blog-kapak i{position:absolute;right:-18px;bottom:-26px;width:58%;aspect-ratio:1;opacity:.9;transition:transform .5s;
  background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='6 6 52 52'%3E%3Cpath d='M8 30 L56 10 L44 54 L31 38 Z' fill='%23fff' fill-opacity='.14'/%3E%3Cpath d='M31 38 L56 10 L26 52 Z' fill='%235FE0B5' fill-opacity='.35'/%3E%3C/svg%3E") no-repeat center/contain}
.blog-kart:hover .blog-kapak i{transform:translate(10px,-8px) rotate(-4deg)}
.blog-kapak em{position:absolute;left:18px;top:16px;font-style:normal;font-size:.75rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#fff;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.2);padding:4px 10px;border-radius:999px;backdrop-filter:blur(4px)}
.blog-kapak.k-guvenlik{background:radial-gradient(300px 200px at 20% 100%,rgba(18,184,134,.4),transparent 70%),linear-gradient(150deg,var(--gece),#0d3b4a)}
.blog-kapak.k-kurulum{background:radial-gradient(300px 200px at 20% 100%,rgba(30,90,168,.7),transparent 70%),linear-gradient(150deg,var(--gece),var(--lacivert))}
.blog-kapak.k-tasima{background:radial-gradient(300px 200px at 80% 0%,rgba(18,184,134,.45),transparent 70%),linear-gradient(150deg,#0a1f40,var(--mavi))}
.blog-kapak.k-sektorel{background:radial-gradient(300px 200px at 30% 0%,rgba(140,194,255,.35),transparent 70%),linear-gradient(150deg,var(--gece),#143463)}
.blog-kart-govde{display:flex;flex-direction:column;gap:8px;padding:20px 22px 22px;flex:1}
.blog-kart-govde small{color:var(--metin-3);font-size:.8rem;font-weight:500}
.blog-kart-govde b{font-size:1.12rem;line-height:1.35;color:var(--lacivert)}
.blog-kart-govde>span{color:var(--metin-2);font-size:.93rem;line-height:1.55;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.blog-devam{margin-top:auto;padding-top:6px;font-style:normal;font-weight:700;font-size:.9rem;color:var(--yesil-koyu)}
.blog-kart.buyuk{grid-column:1/-1;flex-direction:row}
.blog-kart.buyuk .blog-kapak{flex:0 0 50%;aspect-ratio:auto;min-height:280px}
.blog-kart.buyuk .blog-kart-govde{padding:36px 40px;justify-content:center}
.blog-kart.buyuk b{font-size:clamp(1.35rem,2.4vw,1.8rem)}
.blog-kart.buyuk .blog-devam{margin-top:10px}
.blog-bos{padding:40px;text-align:center;color:var(--metin-2);border:1px dashed var(--cizgi);border-radius:16px}
@media (max-width:1000px){.blog-izgara{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:640px){.blog-izgara{grid-template-columns:1fr}.blog-kart.buyuk{flex-direction:column}.blog-kart.buyuk .blog-kapak{min-height:0;aspect-ratio:16/8}.blog-kart.buyuk .blog-kart-govde{padding:22px}}

.blog-yazi-ust h1{font-size:clamp(1.9rem,3.8vw,2.7rem);max-width:22em}
.blog-bilgi{display:flex;flex-wrap:wrap;align-items:center;gap:8px 18px;margin-top:24px;font-size:.9rem;color:#94a3b8}
.blog-bilgi span+span::before{content:"·";margin-right:18px;color:#5b6b82}
.blog-yazar{display:inline-flex;align-items:center;gap:8px;color:#e2e8f0;font-weight:600}
.blog-yazar svg{width:22px;height:22px;--logo-zemin:var(--gece)}
.blog-onizleme{display:inline-block;margin-top:16px;padding:6px 12px;border-radius:8px;background:#fef3c7;color:#92400e;font-weight:600;font-size:.88rem}
.blog-duzen{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:56px;align-items:start}
.blog-icerik{max-width:740px}
.blog-not{position:relative;margin:1.4em 0;padding:16px 18px 16px 52px;border-radius:14px;background:var(--mavi-zemin);border:1px solid #cfe0f5;color:#1e3a5f;font-size:.98rem;line-height:1.65}
.blog-not::before{content:"i";position:absolute;left:16px;top:16px;width:24px;height:24px;border-radius:50%;background:var(--mavi);color:#fff;font-weight:800;font-size:.85rem;display:grid;place-items:center;font-style:italic;font-family:Georgia,serif}
.blog-cta{display:flex;align-items:center;gap:16px;margin:2em 0;padding:20px 22px;border-radius:16px;color:#fff;background:radial-gradient(360px 200px at 100% 0%,rgba(18,184,134,.3),transparent 65%),linear-gradient(150deg,var(--gece),var(--lacivert))}
.blog-cta div{flex:1;line-height:1.45}
.blog-cta b{display:block;font-size:1.05rem}
.blog-cta span{color:#cbd5e1;font-size:.92rem}
.blog-cta-ikon{flex:none;width:44px;height:44px;border-radius:12px;display:grid;place-items:center;background:rgba(95,224,181,.15);color:var(--yesil-acik)}
.blog-cta-ikon svg{width:22px;height:22px}
.blog-cta .btn{flex:none}
.blog-yan{position:sticky;top:96px;display:grid;gap:18px}
.blog-icindekiler{display:grid;gap:2px;padding:18px;border:1px solid var(--cizgi);border-radius:16px;background:#fff}
.blog-icindekiler b{font-size:.78rem;letter-spacing:.08em;text-transform:uppercase;color:var(--metin-3);margin-bottom:8px}
.blog-icindekiler a{display:block;padding:7px 10px;border-left:2px solid var(--cizgi);color:var(--metin-2);font-size:.9rem;line-height:1.4;text-decoration:none!important;transition:.2s}
.blog-icindekiler a:hover{color:var(--mavi);border-left-color:var(--mavi)}
.blog-icindekiler a.aktif{color:var(--lacivert);font-weight:600;border-left-color:var(--yesil);background:linear-gradient(90deg,var(--yesil-zemin),transparent)}
.blog-yan-kart{display:grid;gap:10px;padding:22px;border-radius:16px;color:#fff;background:radial-gradient(300px 200px at 100% 0%,rgba(18,184,134,.28),transparent 65%),linear-gradient(150deg,var(--gece),var(--lacivert))}
.blog-yan-kart .tr-rozet{justify-self:start}
.blog-yan-kart b{font-size:1.05rem;line-height:1.3}
.blog-yan-kart>span:not(.tr-rozet){color:#cbd5e1;font-size:.9rem;line-height:1.5}
.blog-yan-kart .btn{text-align:center;margin-top:4px}
.blog-yan-wa{color:var(--yesil-acik);font-weight:600;font-size:.9rem;text-decoration:none!important;text-align:center}
.blog-ilgili{margin-top:72px}
.blog-ilgili h2{font-size:1.5rem;color:var(--lacivert);margin:0 0 22px}
@media (max-width:1000px){.blog-duzen{grid-template-columns:minmax(0,1fr)}.blog-yan{position:static;grid-template-columns:1fr 1fr}.blog-icindekiler{display:none}.blog-yan{grid-template-columns:1fr}}
@media (max-width:560px){.blog-cta{flex-direction:column;align-items:flex-start}.blog-cta .btn{width:100%;text-align:center}}

/* İç sayfa başlık varyantları */
.ic-ust-kisa{padding:48px 0 52px}
.ic-ust-kisa h1{font-size:clamp(1.8rem,3.4vw,2.4rem)}
.ic-ust-sag{display:flex;justify-content:flex-end}
.ic-ust-sag .bayi-sahne{max-width:500px}
.ic-ust .bayi-cip{margin:24px 0 0}
.ic-sayilar{width:100%;max-width:480px}
.ic-sayilar .sayi-kart{background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.12);box-shadow:none;backdrop-filter:blur(6px)}
.ic-sayilar .sayi-kart small{color:#94a3b8}
.ic-sayilar .sayi-kart b{color:#fff}
.ic-sayilar .sayi-kart.buyuk{background:linear-gradient(145deg,rgba(18,184,134,.22),rgba(30,90,168,.25));border:1px solid rgba(95,224,181,.3)}
.ic-sayilar .sayi-kart.genis em{background:rgba(95,224,181,.15);color:var(--yesil-acik)}

/* Sipariş adımları (başlıkta) */
.siparis-adim{list-style:none;padding:0;margin:26px 0 0;display:flex;flex-wrap:wrap;gap:10px 28px;font-size:.92rem;color:#94a3b8}
.siparis-adim li{display:inline-flex;align-items:center;gap:10px}
.siparis-adim i{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;font-style:normal;font-weight:700;font-size:.85rem;border:1.5px solid rgba(255,255,255,.25)}
.siparis-adim li.aktif{color:#fff;font-weight:600}
.siparis-adim li.aktif i{background:var(--yesil);border-color:var(--yesil);box-shadow:0 0 0 5px rgba(18,184,134,.2)}

/* Hakkımızda */
.hakkinda-ust{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:56px;align-items:center}
.hakkinda-ust .vaat{padding:28px 30px;border-radius:0 16px 16px 0}
.hakkinda-ust .vaat p{font-size:1.15rem}
.deger-izgara .ozellik{display:flex;flex-direction:column}
.ozellik-koyu{background:linear-gradient(150deg,var(--gece),var(--lacivert));border:0;color:#fff}
.ozellik-koyu h3{color:#fff}
.ozellik-koyu p{color:#cbd5e1}
.ozellik-koyu .ozellik-ikon{background:rgba(95,224,181,.15);color:var(--yesil-acik)}
.ozellik-koyu a{margin-top:auto;padding-top:12px;color:var(--yesil-acik);font-weight:700;text-decoration:none}
@media (max-width:900px){.hakkinda-ust{grid-template-columns:1fr;gap:28px}}
@media (max-width:1000px) and (min-width:701px){.izgara-3{grid-template-columns:1fr 1fr}}

/* İletişim */
.iletisim-kanallar{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-top:-104px;position:relative;z-index:2}
.iletisim-kanal{display:flex;flex-direction:column;gap:2px;padding:22px;border-radius:16px;background:#fff;border:1px solid var(--cizgi);box-shadow:0 24px 50px -30px rgba(11,36,71,.45);color:var(--metin);text-decoration:none!important;transition:transform .25s,box-shadow .25s,border-color .25s}
.iletisim-kanal:hover{transform:translateY(-4px);border-color:#c4d2e6;box-shadow:0 30px 60px -30px rgba(11,36,71,.55)}
.ik-ikon{width:46px;height:46px;border-radius:12px;display:grid;place-items:center;background:var(--mavi-zemin);color:var(--mavi);margin-bottom:12px;transition:.25s}
.ik-ikon svg{width:22px;height:22px}
.iletisim-kanal:hover .ik-ikon{background:var(--mavi);color:#fff}
.iletisim-kanal small{font-size:.78rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--metin-3)}
.iletisim-kanal b{font-size:1.05rem;color:var(--lacivert);word-break:break-word}
.iletisim-kanal span:last-child{font-size:.88rem;color:var(--metin-2)}
.iletisim-kanal.wa .ik-ikon{background:#E7F8EE;color:#1EBE5A}
.iletisim-kanal.wa:hover .ik-ikon{background:#25D366;color:#fff}
.iletisim-govde{padding-top:0}
.iletisim-govde .kap{padding-top:0}
body:has(.iletisim-kanallar) .ic-ust{padding-bottom:140px}
.iletisim-baslik{font-size:1.5rem;color:var(--lacivert);margin:0 0 16px}
.iletisim-firma h3{color:var(--lacivert)}
@media (max-width:1000px){.iletisim-kanallar{grid-template-columns:1fr 1fr}}
@media (max-width:520px){.iletisim-kanallar{grid-template-columns:1fr;margin-top:-80px}body:has(.iletisim-kanallar) .ic-ust{padding-bottom:110px}}

/* Teşekkürler */
.tesekkur-bolum{padding:72px 0 96px;background:radial-gradient(700px 400px at 50% 0%,rgba(30,90,168,.5),transparent 65%),linear-gradient(160deg,var(--gece),var(--lacivert))}
.tesekkur-kart{text-align:center;color:#fff}
.tesekkur-kart h1{color:#fff;font-size:clamp(2rem,4.5vw,3rem);margin:.25em 0 .35em}
.tesekkur-kart>p{color:#cbd5e1;font-size:1.1rem;max-width:34em;margin:0 auto}
.tesekkur-ikon{display:flex;justify-content:center;margin-bottom:12px}
.tesekkur-ikon svg{width:84px;height:84px;fill:none;stroke-linecap:round;stroke-linejoin:round}
.tesekkur-ikon circle{stroke:rgba(95,224,181,.35);stroke-width:2;fill:rgba(18,184,134,.12)}
.tesekkur-ikon path{stroke:var(--yesil-acik);stroke-width:4;stroke-dasharray:40;stroke-dashoffset:40;animation:tskCiz .7s .3s ease-out forwards}
@keyframes tskCiz{to{stroke-dashoffset:0}}
.tesekkur-adim{list-style:none;counter-reset:t;padding:0;margin:36px 0 32px;display:grid;grid-template-columns:repeat(3,1fr);gap:14px;text-align:left}
.tesekkur-adim li{counter-increment:t;position:relative;padding:18px 18px 18px 58px;border-radius:14px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12)}
.tesekkur-adim li::before{content:counter(t);position:absolute;left:16px;top:18px;width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:var(--yesil);font-weight:800;font-size:.9rem}
.tesekkur-adim b{display:block;margin-bottom:2px}
.tesekkur-adim span{color:#cbd5e1;font-size:.9rem;line-height:1.5}
.tesekkur-kart .btn-hayalet{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.22);color:#fff}
@media (max-width:760px){.tesekkur-adim{grid-template-columns:1fr}}
@media (prefers-reduced-motion:reduce){.tesekkur-ikon path{animation:none;stroke-dashoffset:0}}
/* Ana sayfa: blogdan son yazılar */
.ana-blog-bas{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:28px}
.ana-blog-bas .bolum-baslik{margin:0;text-align:left}
.ana-blog-tum{font-weight:700;color:var(--mavi);text-decoration:none;white-space:nowrap}
.ana-blog-tum:hover{color:var(--lacivert)}
.metin-sayfa pre code{display:block;border:0;box-shadow:none;border-radius:0;white-space:pre;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.9rem;line-height:1.7}
/* Ödeme (iyzico) */
.odeme-kart{display:grid;gap:18px;padding:30px}
.odeme-ozet{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:20px 22px;border-radius:14px;color:#fff;background:radial-gradient(300px 180px at 100% 0%,rgba(18,184,134,.3),transparent 65%),linear-gradient(150deg,var(--gece),var(--lacivert))}
.odeme-ozet small{display:block;font-size:.8rem;color:#94a3b8;font-weight:600;text-transform:uppercase;letter-spacing:.06em}
.odeme-ozet b{display:block;font-size:2rem;font-weight:800;letter-spacing:-.02em;margin:2px 0}
.odeme-ozet span{color:#cbd5e1;font-size:.9rem}
.odeme-kilit{flex:none;width:52px;height:52px;border-radius:14px;display:grid;place-items:center;background:rgba(95,224,181,.15);color:var(--yesil-acik)}
.odeme-kilit svg{width:26px;height:26px}
.odeme-dugme{width:100%;font-size:1.08rem}
.odeme-not{margin:0;color:var(--metin-2);font-size:.88rem;text-align:center}
.odeme-logolar{display:block;margin:0 auto;max-width:300px;width:100%;height:auto;opacity:.85}
.odeme-bilgi{display:flex;align-items:center;gap:14px;flex-wrap:wrap;padding:16px 18px;border:1px solid var(--cizgi);border-radius:14px;background:var(--zemin-2)}
.odeme-bilgi .odeme-kilit{width:44px;height:44px;background:var(--yesil-zemin);color:var(--yesil-koyu)}
.odeme-bilgi div{flex:1;min-width:200px;line-height:1.45}
.odeme-bilgi b{display:block}
.odeme-bilgi span{color:var(--metin-2);font-size:.9rem}
.odeme-bilgi img{height:22px;width:auto}
.odeme-ozet b{white-space:nowrap}@media (max-width:480px){.odeme-kart{padding:18px}.odeme-ozet{padding:18px}.odeme-ozet b{font-size:1.6rem}.odeme-kilit{width:44px;height:44px}}
#iyzipay-checkout-form:empty::before{content:"Güvenli ödeme formu yükleniyor…";display:block;text-align:center;padding:40px 0;color:#5B6B82}

/* Reklam ziyaretçisi: telefon yok, iki geniş düğme */
@media (max-width:760px){
  .mobil-bar.iki{grid-template-columns:1fr 1.15fr}
  .mobil-bar.iki a{font-size:.95rem}
}

/* Ücretsiz araçlar (mail DNS kontrol) */
.arac-form{display:flex;gap:10px;margin-top:22px;max-width:560px}
.arac-form input{flex:1;min-width:0;font:inherit;padding:.8em 1em;border-radius:10px;border:1px solid rgba(255,255,255,.25);background:#fff;color:var(--metin)}
.arac-ozet{display:flex;gap:24px;align-items:center;margin-bottom:20px}
.arac-ozet h2{margin:0 0 .2em;font-size:1.5rem;word-break:break-all}
.arac-ozet p{margin:0;color:var(--metin-2)}
.arac-puan{flex:0 0 auto;width:108px;height:108px;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#fef2f2;color:#b91c1c;border:6px solid #fecaca}
.arac-puan.p2,.arac-puan.p3{background:#fffbeb;color:#b45309;border-color:#fde68a}
.arac-puan.p4{background:var(--yesil-zemin);color:var(--yesil-koyu);border-color:#a7f3d0}
.arac-puan b{font-size:1.9rem;line-height:1}
.arac-puan small{font-size:.72rem}
.arac-liste{display:grid;gap:12px}
.arac-satir{display:flex;gap:16px;background:#fff;border:1px solid var(--cizgi);border-left:5px solid #dc2626;border-radius:14px;padding:18px 20px}
.arac-satir.iyi{border-left-color:var(--yesil)}
.arac-satir.uyari{border-left-color:#f59e0b}
.arac-satir small{font-weight:700;color:var(--metin-3);letter-spacing:.06em}
.arac-satir h3{margin:.1em 0 .3em}
.arac-satir p{margin:0;color:var(--metin-2);font-size:.95rem}
.arac-satir pre{margin:.7em 0 0;background:var(--zemin-2);border-radius:8px;padding:.6em .8em;font-size:.8rem;white-space:pre-wrap;word-break:break-all}
.arac-satir > div{min-width:0}
.arac-isaret{flex:0 0 30px;height:30px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:800;color:#fff;background:#dc2626}
.arac-satir.iyi .arac-isaret{background:var(--yesil)}
.arac-satir.uyari .arac-isaret{background:#f59e0b}
@media (max-width:600px){.arac-form{flex-direction:column}.arac-ozet{flex-direction:column;text-align:center}}

/* Ücretsiz araçlar (e-posta imza oluşturucu) */
.imza-duzen{display:grid;grid-template-columns:1fr 460px;gap:28px;align-items:start}
.imza-sag{position:sticky;top:90px;display:grid;gap:18px}
.imza-baslik{font-weight:700;color:var(--metin-3);letter-spacing:.06em;text-transform:uppercase;font-size:.75rem}
.imza-posta{margin-top:12px;background:var(--zemin-2);border-radius:12px;padding:18px;overflow-x:auto;font-family:Arial,Helvetica,sans-serif;font-size:13px;color:#333}
.imza-posta > span{display:block;margin-bottom:14px}
.imza-dugmeler{display:flex;flex-wrap:wrap;gap:10px;margin-top:16px}
.imza-renkler{display:flex;flex-wrap:wrap;gap:8px;margin-top:.6em}
.imza-renk{cursor:pointer}
.imza-renk input{position:absolute;opacity:0;pointer-events:none}
.imza-renk span{display:block;width:30px;height:30px;border-radius:50%;background:var(--r);box-shadow:0 0 0 2px #fff,0 0 0 3px var(--cizgi)}
.imza-renk input:checked + span{box-shadow:0 0 0 2px #fff,0 0 0 4px var(--r)}
.imza-renk input:focus-visible + span{outline:2px solid var(--mavi);outline-offset:4px}
.imza-nasil details{border-top:1px solid var(--cizgi);padding:.7em 0}
.imza-nasil summary{cursor:pointer;font-weight:600}
.imza-nasil p{margin:.5em 0 0;font-size:.92rem;color:var(--metin-2)}
@media (max-width:980px){.imza-duzen{grid-template-columns:1fr}.imza-sag{position:static}}
.etiket-yazi{display:block;font-weight:600;font-size:.9rem}
.imza-dosya{font-weight:400;font-size:.82rem;color:var(--metin-3);margin-top:.6em}.imza-dosya input{display:block;margin-top:.3em;font-size:.85rem}

/* Ücretsiz araçlar (kurumsal mail fiyat hesaplama) */
.hesap-form{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:28px;align-items:end}
.hesap-kisi label{font-size:1rem}
.hesap-kisi-giris{display:flex;gap:14px;align-items:center;margin-top:.6em}
.hesap-kisi-giris input[type=range]{flex:1;accent-color:var(--yesil)}
.hesap-kisi-giris input[type=number]{width:96px;margin:0;font-size:1.2rem;font-weight:700;text-align:center}
.hesap-dugmeler{display:flex;gap:6px;margin-top:.5em;background:var(--zemin-2);padding:4px;border-radius:12px}
.hesap-dugmeler label{flex:1;cursor:pointer;font-weight:500}
.hesap-dugmeler input{position:absolute;opacity:0;pointer-events:none}
.hesap-dugmeler span{display:block;text-align:center;padding:.55em .6em;border-radius:9px;font-size:.9rem;color:var(--metin-2)}
.hesap-dugmeler input:checked + span{background:#fff;color:var(--lacivert);font-weight:700;box-shadow:0 2px 6px rgba(15,23,42,.1)}
.hesap-dugmeler input:focus-visible + span{outline:2px solid var(--mavi)}
.hesap-kartlar{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:24px}
.hesap-kart{background:#fff;border:1px solid var(--cizgi);border-radius:16px;padding:20px;display:flex;flex-direction:column}
.hesap-kart.biz{border:2px solid var(--yesil);box-shadow:var(--golge)}
.hesap-kart-ust b{display:block;font-size:1.05rem}
.hesap-kart-ust small{color:var(--metin-3)}
.hesap-yil{margin:14px 0 8px}
.hesap-yil strong{font-size:1.7rem;letter-spacing:-.02em;color:var(--lacivert)}
.hesap-kart.biz .hesap-yil strong{color:var(--yesil-koyu)}
.hesap-yil span{color:var(--metin-3);margin-left:4px}
.hesap-cubuk{height:8px;background:var(--zemin-2);border-radius:99px;overflow:hidden}
.hesap-cubuk i{display:block;height:100%;background:#94a3b8;border-radius:99px;transition:width .3s}
.hesap-kart.biz .hesap-cubuk i{background:var(--yesil)}
.hesap-detay{font-size:.86rem;color:var(--metin-2);margin-top:12px;line-height:1.5}
.hesap-not{font-size:.8rem;color:var(--metin-3);margin:10px 0 0;flex:1}
.hesap-fark{display:block;margin-top:12px;font-size:.82rem;font-weight:700;color:var(--yesil-koyu);background:var(--yesil-zemin);border-radius:8px;padding:.45em .7em}
.hesap-dipnot{margin-top:18px}
@media (max-width:980px){.hesap-form{grid-template-columns:1fr}.hesap-kartlar{grid-template-columns:1fr 1fr}}
@media (max-width:560px){.hesap-kartlar{grid-template-columns:1fr}}

/* Ücretsiz araçlar (kara liste kontrol) */
.kl-baslik{margin:28px 0 12px;font-size:1.1rem;word-break:break-all}
.kl-baslik small{font-weight:500;color:var(--metin-3);font-size:.85rem;margin-left:6px}
.kl-izgara{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.kl-satir{display:flex;align-items:center;gap:12px;background:#fff;border:1px solid var(--cizgi);border-radius:12px;padding:12px 14px}
.kl-satir > div{flex:1;min-width:0}
.kl-satir b{display:block;font-size:.95rem}
.kl-satir small{color:var(--metin-2);font-size:.82rem}
.kl-satir a{font-size:.82rem;white-space:nowrap}
.kl-satir.kotu{border-color:#fecaca;background:#fef2f2}
.kl-satir.iyi .arac-isaret{background:var(--yesil)}
.kl-satir.uyari .arac-isaret{background:#f59e0b}
@media (max-width:600px){.kl-izgara{grid-template-columns:1fr}}

/* Ücretsiz araçlar (SPF / DMARC oluşturucu) */
.kayit-baslik{margin:8px 0 14px;font-size:1.05rem}
.kayit-secim{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:22px}
.kayit-secim label{display:flex;gap:10px;align-items:flex-start;border:1px solid var(--cizgi);border-radius:10px;padding:10px 12px;cursor:pointer;font-weight:600}
.kayit-secim label:has(input:checked){border-color:var(--yesil);background:var(--yesil-zemin)}
.kayit-secim input{margin-top:4px;accent-color:var(--yesil)}
.kayit-secim small{display:block;font-weight:400;color:var(--metin-3);font-family:ui-monospace,monospace;font-size:.75rem;word-break:break-all}
.kayit-mevcut{background:var(--zemin-2);border-radius:10px;padding:12px 14px;margin-bottom:22px;font-size:.88rem;display:grid;gap:4px}
.kayit-mevcut code,.kayit-kutu code{font-size:.82rem;word-break:break-all}
.kayit-mevcut em{color:#b45309}
.kayit-kutu{border:1px solid var(--cizgi);border-radius:12px;padding:14px 16px;margin-top:12px}
.kayit-kutu dl{display:grid;grid-template-columns:auto 1fr;gap:4px 12px;margin:10px 0 12px;font-size:.88rem}
.kayit-kutu dt{color:var(--metin-3)}
.kayit-kutu dd{margin:0;min-width:0}
.kayit-deger{display:block;background:var(--zemin-2);border-radius:6px;padding:6px 8px}
.kayit-uyari{margin:8px 0 0;font-size:.85rem;color:#b91c1c;font-weight:600}
.kayit-bilgi{margin:8px 0 0;font-size:.8rem;color:var(--metin-3)}
@media (max-width:600px){.kayit-secim{grid-template-columns:1fr}}
.arac-bag{display:inline-block;margin-top:.6em;font-size:.9rem;font-weight:600}
.alt-ic{grid-template-columns:1.3fr repeat(5,1fr);gap:28px}
@media (max-width:1100px){.alt-ic{grid-template-columns:1fr 1fr 1fr}}
@media (max-width:900px){.alt-ic{grid-template-columns:1fr 1fr}}
@media (max-width:520px){.alt-ic{grid-template-columns:1fr}}

/* Bayi ödeme linki sayfası */
.ode-aciklama{margin:0;padding:14px 16px;background:var(--zemin-2);border-radius:12px;color:var(--metin-2);font-size:.95rem}
.ode-onay{display:flex;gap:10px;align-items:flex-start;font-weight:400;font-size:.9rem;margin-top:6px}
.ode-onay input{margin-top:4px;accent-color:var(--yesil)}
/* Sipariş sihirbazı */
.sihirbaz-adim{list-style:none;padding:0 0 18px;margin:0 0 22px;display:flex;gap:8px;border-bottom:1px solid var(--cizgi);counter-reset:a}
.sihirbaz-adim li{flex:1;display:flex;align-items:center;gap:8px;font-size:.88rem;font-weight:600;color:var(--metin-2);cursor:default;min-width:0}
.sihirbaz-adim li::after{content:"";flex:1;height:2px;background:var(--cizgi);border-radius:2px;margin-left:4px}
.sihirbaz-adim li:last-child::after{display:none}
.sihirbaz-adim i{width:28px;height:28px;flex:none;border-radius:50%;display:grid;place-items:center;font-style:normal;font-weight:800;font-size:.82rem;border:2px solid var(--cizgi);background:#fff}
.sihirbaz-adim span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sihirbaz-adim li.aktif{color:var(--lacivert)}
.sihirbaz-adim li.aktif i{background:var(--yesil);border-color:var(--yesil);color:#fff;box-shadow:0 0 0 4px rgba(18,184,134,.18)}
.sihirbaz-adim li.tamam{cursor:pointer;color:var(--yesil-koyu)}
.sihirbaz-adim li.tamam i{border-color:var(--yesil);color:var(--yesil-koyu);background:var(--yesil-zemin)}
.sihirbaz-adim li.tamam::after{background:var(--yesil)}
.adim-baslik{font-size:1.35rem;margin:0 0 .25em}
.adim-alt{color:var(--metin-2);margin:0 0 20px;font-size:.95rem}
.adim-nav{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:28px;padding-top:20px;border-top:1px solid var(--cizgi)}
.adim-nav .btn{min-width:140px;justify-content:center}
.adim-uyari{margin-bottom:18px}
.kontrol-liste{display:grid;grid-template-columns:auto 1fr;gap:0;margin:0 0 20px;border:1px solid var(--cizgi);border-radius:12px;overflow:hidden}
.kontrol-liste dt,.kontrol-liste dd{margin:0;padding:12px 14px;border-bottom:1px solid var(--cizgi);font-size:.93rem}
.kontrol-liste dt{color:var(--metin-2);background:var(--sis,#F3F6FB)}
.kontrol-liste dd{display:flex;justify-content:space-between;gap:10px;font-weight:600;word-break:break-word}
.kontrol-liste dt:nth-last-of-type(1),.kontrol-liste dd:last-child{border-bottom:0}
.kontrol-duzelt{background:none;border:0;color:var(--mavi);font:inherit;font-size:.85rem;font-weight:600;cursor:pointer;padding:0;flex:none}
@media (max-width:640px){.sihirbaz-adim span{display:none}.sihirbaz-adim li.aktif span{display:inline}.adim-nav .btn{min-width:0;flex:1}.kontrol-liste{grid-template-columns:1fr}.kontrol-liste dt{border-bottom:0;padding-bottom:4px}}
.ozet-satir[hidden]{display:none}
.transfer-fiyat{margin:4px 0 12px;font-size:.95rem}
.transfer-fiyat.var{font-weight:700;color:var(--yesil-koyu)}
.transfer-adim{margin:8px 0 0;padding-left:1.2em;color:var(--metin-2);font-size:.92rem;display:grid;gap:.35em}
.transfer-kart{padding:28px}
.arac-form-acik input{border:1px solid var(--cizgi)}