/* Norevo renk sistemi (v19: açık + karanlık tema)
   Beyaz zemin + tek renk ailesinde (soğuk-nötr gri, ton ~220°) griler ve çizgiler.
   Tek marka rengi: güneş sarısı (sadece dolgu: logo, ana düğme, sayaç, seçili durum).
   Yazı vurgusu (link, etiket, "siz"): koyu mürekkep laciverti; grilerle aynı ton ailesi.
   Durum renkleri (iyi/orta/zayıf) aynı açıklık ailesinde: açık zemin + koyu yazı.
   Karanlık tema: <html data-tema="koyu"> (assets/tema.js ve her sayfanın <head>'indeki küçük betik ayarlar).
   Aynı tokenler koyu değerlerle yeniden tanımlanır; sarı dolgu ve üstündeki siyah yazı iki temada da aynı kalır.
   Sarı zeminli bekleme listesi kutusu (.liste-kutu) koyu temada koyu zemin ve turuncu kenarla durur (v40). */
:root{
  color-scheme:light;
  --zemin:#FFFFFF; --zemin2:#F6F7F9; --kart:#FFFFFF; --kart2:#F8F9FB; --kart3:#EEF0F4;
  --cizgi:#ECEEF2; --cizgi2:#E2E5EB; --cizgi3:#D0D5DD;
  --yazi:#161A22; --yazi2:#343B48; --yazi3:#4A5263; --soluk:#5B6375; --soluk2:#6A7385;
  --amber:#155E75; --amber2:#0F4C5F; --amberorta:#9CC7D4; --amberkoyu:#D5E9EF; --amberkenar:#A9CFDA; --amberzemin:#EEF6F8; --amberyazi:#155E75;
  --amberustu:#FFFFFF; --amberustu2:rgba(255,255,255,.85); --logo:#155E75; --mercan:#EE6C55; --mercanustu:#111318; --amberrgb:21,94,117; --yukselisyazi:#63CBE4;
  --amberortayazi:#111318; --cizgiturunc:#155E75; --logoyazi:#17253B; --uyari:#FFBD14; --uyarizemin:#FFF1C9; --uyarikenar:#F5D77F; --uyariyazi:#6B4E00;
  --vurgu:#1E3A64; --vurgu2:#132A4C;
  --yesil:#17703F; --yesilzemin:#E3F4E9; --kirmizi:#B42318; --kirmizi2:#8F1B13; --kirmizizemin:#FDECEA; --kirmizikenar:#F3C7C2;
  --siyah:#111318; --siyah2:#262B35;
  --vurgudolgu:#1E3A64; --murekkep:#111318; --murekkepyazi:#FFFFFF; --murekkepkenar:transparent;
  --golge:rgba(var(--golgerenk),.06); --golgerenk:22,26,34;
  --ustzemin:rgba(255,255,255,.92); --altmenu:rgba(255,255,255,.97); --perde:rgba(17,19,24,.58);
  --promo1:#1E3A64; --promo2:#132A4C; --promo3:#111318; --promokenar:transparent;
  --nokta-lacivert:rgba(30,58,100,.26); --nokta-lacivert2:rgba(30,58,100,.32); --nokta-amber:rgba(21,94,117,.4); --nokta-yesil:rgba(23,112,63,.38);
  --harita:var(--zemin2); --yol:var(--kart);
  --wa-zemin:#F1EEE8; --wa-desen:rgba(30,58,100,.08); --wa-gelen:#FFFFFF; --wa-giden:#D5E9EF; --wa-okundu:#1C82C9;
  --tel-govde:#1B1F27; --tel-kenar:#4A5160;
  --parkzemin:#DDEFE3; --suzemin:#DCE9F6;
  --baslik:'Bricolage Grotesque',system-ui,sans-serif; --govde:'Manrope',system-ui,sans-serif;
  --r:18px;
}
/* Karanlık tema: koyu mürekkep zemin (saf siyah değil), kartlar bir kademe açık; kırık beyaz yazı.
   Lacivert yazı vurgusu koyu zeminde okunmadığı için yumuşak açık maviye döner; lacivert dolgu (--vurgudolgu) kalır. */
:root[data-tema="koyu"]{
  color-scheme:dark;
  --zemin:#0F1217; --zemin2:#13171D; --kart:#171B22; --kart2:#1E232C; --kart3:#262C36;
  --cizgi:#232832; --cizgi2:#2A303B; --cizgi3:#3B4351;
  --yazi:#E9ECF1; --yazi2:#CDD2DB; --yazi3:#B2B9C5; --soluk:#9AA2B0; --soluk2:#8B93A2;
  --amber:#63CBE4; --amber2:#86D8EB; --amberorta:#22566A; --amberkoyu:#142C35; --amberkenar:#25505F; --amberzemin:#0F1D22; --amberyazi:#86D8EB;
  --amberustu:#111318; --amberustu2:#262B35; --logo:#63CBE4; --mercan:#63CBE4; --mercanustu:#111318; --amberrgb:99,203,228; --yukselisyazi:#63CBE4;
  --amberortayazi:#FFFFFF; --cizgiturunc:#63CBE4; --logoyazi:#F3F5F8; --uyari:#FFBD14; --uyarizemin:#3A2F12; --uyarikenar:#6E5823; --uyariyazi:#F6CB57;
  --vurgu:#A9C7F7; --vurgu2:#CFE0FB;
  --yesil:#6BD69B; --yesilzemin:#13301F; --kirmizi:#FF948A; --kirmizi2:#FFB4AC; --kirmizizemin:#3A1B19; --kirmizikenar:#70302B;
  --siyah:#111318; --siyah2:#262B35;
  --vurgudolgu:#2F4C7C; --murekkep:#262C37; --murekkepyazi:#F3F5F8; --murekkepkenar:#3B4351;
  --golge:rgba(0,0,0,.28); --golgerenk:0,0,0;
  --ustzemin:rgba(15,18,23,.86); --altmenu:rgba(23,27,34,.97); --perde:rgba(4,5,8,.72);
  --promo1:#27467A; --promo2:#1B3258; --promo3:#141A26; --promokenar:rgba(169,199,247,.22);
  --nokta-lacivert:rgba(169,199,247,.16); --nokta-lacivert2:rgba(169,199,247,.2); --nokta-amber:rgba(99,203,228,.3); --nokta-yesil:rgba(107,214,155,.24);
  --harita:#232934; --yol:#363E4C;
  --wa-zemin:#0B0E12; --wa-desen:rgba(169,199,247,.06); --wa-gelen:#1E232C; --wa-giden:#142C35; --wa-okundu:#5DBDF0;
  --tel-govde:#2A303B; --tel-kenar:#58616F;
  --parkzemin:#16291D; --suzemin:#15243A;
}
*{box-sizing:border-box}
[hidden]{display:none!important}
html{scroll-behavior:smooth}
body{margin:0;background:var(--zemin);color:var(--yazi);font-family:var(--govde);line-height:1.5;-webkit-font-smoothing:antialiased}
a{color:var(--vurgu)} a:hover{color:var(--vurgu2)}
img,svg{display:block}
button,input{font:inherit}
:focus-visible{outline:3px solid var(--vurgu);outline-offset:2px;border-radius:6px}
.kap{max-width:1200px;margin:0 auto;padding:0 24px}
.gizli{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
h1,h2,h3{margin:0}
.etiket{font-size:13px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--vurgu)}
.h2{font-family:var(--baslik);font-weight:800;font-size:clamp(32px,4.4vw,46px);line-height:1.08;letter-spacing:-.03em;margin-top:12px}
.alt{font-size:18px;color:var(--yazi3);line-height:1.6;margin:20px 0 0;max-width:500px}
.bolum{padding-top:96px;padding-bottom:96px}
.bolum-koyu{background:var(--zemin2);border-top:1px solid var(--cizgi);border-bottom:1px solid var(--cizgi)}
.iki{display:flex;flex-wrap:wrap;gap:56px;align-items:center}
.iki>*{flex:1 1 400px;min-width:0}

/* Butonlar */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;text-decoration:none;font-weight:800;font-size:16px;padding:15px 24px;border-radius:14px;border:0;cursor:pointer;min-height:48px}
.btn-amber{background:var(--amber);color:var(--amberustu)} .btn-amber:hover{background:var(--amber2);color:var(--amberustu)}
.btn-cizgi{background:transparent;color:var(--yazi);border:1.5px solid var(--cizgi3)} .btn-cizgi:hover{border-color:var(--yazi3);color:var(--yazi)}
.btn-siyah{background:var(--siyah);color:var(--yukselisyazi)} .btn-siyah:hover{color:var(--amber2)}
.btn[disabled]{background:var(--kart3);color:var(--soluk);cursor:not-allowed}

/* Üst menü */
.ust{border-bottom:1px solid var(--cizgi);position:sticky;top:0;z-index:20;background:var(--ustzemin);backdrop-filter:blur(8px)}
.ust .kap{display:flex;align-items:center;justify-content:space-between;gap:16px;padding-top:16px;padding-bottom:16px;flex-wrap:wrap}
.logo{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--yazi)}
.logo:hover{color:var(--yazi)}
.logo-isaret{width:34px;height:34px;display:flex;align-items:center;justify-content:center}
.logo-isaret svg{width:100%;height:100%}
.logo-ad{font-family:'Fredoka',var(--baslik);font-weight:600;font-size:24px;letter-spacing:-.01em;color:var(--logoyazi)}
.menu{display:flex;align-items:center;gap:26px;flex-wrap:wrap;font-size:15px;font-weight:600}
.menu a{color:var(--yazi3);text-decoration:none} .menu a:hover{color:var(--yazi)}
.menu .erken{color:var(--vurgu);border:1.5px solid var(--amber);border-radius:999px;padding:8px 16px}
@media (max-width:720px){.menu a:not(.erken){display:none}}

/* Hero */
.hero{padding-top:72px;padding-bottom:96px}
.rozet{display:inline-flex;align-items:center;gap:8px;background:var(--kart);border:1px solid var(--cizgi2);border-radius:999px;padding:6px 14px 6px 6px;font-size:13px;font-weight:600;color:var(--yazi3)}
.rozet b{background:var(--mercan);color:var(--mercanustu);border-radius:999px;padding:3px 10px}
.hero h1{font-family:var(--baslik);font-weight:800;font-size:clamp(42px,6.4vw,68px);line-height:1.02;letter-spacing:-.035em;margin-top:22px}
.vurgu{background:var(--amber);color:var(--amberustu);padding:0 14px;border-radius:14px;display:inline-block;margin-top:6px}
.hero .alt{font-size:19px;max-width:540px;margin-top:26px}
.dugmeler{display:flex;gap:12px;flex-wrap:wrap;margin-top:34px}
.kisisel{margin:18px 0 0;font-size:14px;color:var(--soluk)} .kisisel a{font-weight:700}
.tikler{display:flex;gap:10px 22px;flex-wrap:wrap;margin-top:22px;font-size:14px;color:var(--soluk);font-weight:600}
.tikler span{display:inline-flex;align-items:center;gap:6px}
.tik{width:16px;height:16px;flex:none}

.arama{background:var(--kart);border:1px solid var(--cizgi2);border-radius:28px;padding:22px;box-shadow:0 1px 2px var(--golge),0 30px 60px -30px rgba(var(--golgerenk),.16)}
.arama-kutu{background:var(--kart3);border-radius:14px;padding:14px 16px;display:flex;align-items:center;gap:10px;font-weight:600}
.mini-baslik{margin-top:18px;font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--soluk)}
.satirlar{display:flex;flex-direction:column;gap:8px;margin-top:10px}
.satir{display:flex;align-items:center;gap:12px;background:var(--kart2);border-radius:12px;padding:12px 14px;color:var(--soluk);font-size:13px}
.satir .no{width:22px;font-weight:700}
.satir .bar{flex:1;height:10px;border-radius:6px;background:var(--cizgi2);max-width:170px}
.satir .puan{margin-left:auto}
.satir.siz{background:var(--mercan);color:var(--mercanustu);font-size:15px}
.satir.siz .no{font-weight:800} .satir.siz .ad{font-weight:700}
.yukselis{margin-left:auto;display:inline-flex;align-items:center;gap:4px;background:var(--siyah);color:var(--yukselisyazi);border-radius:999px;padding:3px 10px;font-size:12px;font-weight:700}
.ucgrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:10px}
.motor{background:var(--kart2);border-radius:12px;padding:12px}
.motor .ad{color:var(--yazi3);font-size:13px;font-weight:600}
.motor .oran{font-family:var(--baslik);font-size:26px;font-weight:800;margin-top:4px}
.motor .acik{color:var(--soluk);font-size:12px}
.not{margin:16px 0 0;font-size:13px;color:var(--soluk);text-align:right}

/* Ne ölçüyoruz */
.konular{display:flex;flex-direction:column;gap:10px;flex:1 1 340px}
.konu{text-align:left;cursor:pointer;border-radius:18px;padding:18px 20px;display:flex;gap:14px;align-items:flex-start;color:var(--yazi);background:var(--kart);border:1.5px solid var(--cizgi2)}
.konu[aria-selected="true"]{background:var(--kart2);border-color:var(--amber)}
.konu .sayi{flex:none;width:34px;height:34px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:14px;background:var(--kart3);color:var(--yazi2)}
.konu[aria-selected="true"] .sayi{background:var(--amber);color:var(--amberustu)}
.konu strong{display:block;font-size:17px}
.konu small{display:block;font-size:14px;color:var(--soluk);margin-top:4px;line-height:1.5}
.ekran{flex:1.3 1 480px;min-width:0;background:var(--kart);border:1px solid var(--cizgi2);border-radius:26px;padding:28px;min-height:520px}
.ekran h3{font-size:18px} .ekran p.k{margin:8px 0 0;font-size:14px;color:var(--soluk)}
.harita{margin-top:20px;position:relative;border-radius:18px;overflow:hidden;background:var(--zemin2);border:1px solid var(--cizgi2);padding:26px}
.harita .yol{position:absolute;background:var(--cizgi2)}
.izgara{position:relative;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:22px;justify-items:center}
.nokta{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:800;box-shadow:0 0 0 4px var(--zemin2)}
.n1{background:var(--amber);color:var(--amberustu)} .n2{background:var(--amberorta);color:var(--amberortayazi)} .n3{background:var(--amberzemin);color:var(--yazi2);box-shadow:inset 0 0 0 1.5px var(--amberkenar),0 0 0 4px var(--zemin2)} .n0{background:var(--cizgi2);color:var(--soluk)}
.nokta.merkez{outline:3px solid var(--yazi);outline-offset:3px}
.lejant{display:flex;gap:12px;flex-wrap:wrap;font-size:12px;color:var(--yazi3);font-weight:600}
.lejant span{display:inline-flex;align-items:center;gap:6px} .lejant i{width:12px;height:12px;border-radius:50%;display:inline-block}
.liste{display:flex;flex-direction:column;gap:10px;margin-top:20px}
.oge{background:var(--kart2);border:1px solid var(--cizgi2);border-radius:14px;padding:14px 16px;display:flex;align-items:center;gap:12px;font-size:14px}
.oge .ad{flex:1;font-weight:600}
.pil{border-radius:999px;padding:4px 11px;font-size:12px;font-weight:800;white-space:nowrap}
.pil-y{background:var(--yesilzemin);color:var(--yesil)} .pil-k{background:var(--kirmizizemin);color:var(--kirmizi)} .pil-a{background:var(--uyarizemin);color:var(--uyariyazi)}
.tablo{width:100%;border-collapse:collapse;font-size:14px;min-width:340px}
.tablo th{text-align:left;color:var(--soluk);font-size:12px;text-transform:uppercase;letter-spacing:.06em;padding:12px 16px}
.tablo td{border-top:1px solid var(--cizgi);padding:13px 16px}
.kaydir{overflow-x:auto;margin-top:18px;background:var(--zemin2);border:1px solid var(--cizgi2);border-radius:16px}
.cubuk{margin-top:12px;height:10px;border-radius:6px;background:var(--cizgi2);overflow:hidden}
.cubuk>i{display:block;height:100%;background:var(--amber);border-radius:6px}
.halka{width:110px;height:110px;border-radius:50%;background:conic-gradient(var(--amber) 0 68%,var(--cizgi2) 68% 100%);display:flex;align-items:center;justify-content:center;flex:none}
.halka>div{width:84px;height:84px;border-radius:50%;background:var(--kart);display:flex;flex-direction:column;align-items:center;justify-content:center}
.halka b{font-family:var(--baslik);font-size:30px} .halka small{font-size:11px;color:var(--soluk);font-weight:700}
.taslak{margin-top:14px;background:var(--amberkoyu);border:1px solid var(--amberkenar);border-radius:12px;padding:14px}
/* Ne ölçüyoruz (v21): uygulama penceresi görünümü, harita gibi harita, seçili konu derinliği */
.konu{transition:border-color .2s,box-shadow .2s,transform .2s,background .2s}
.konu:hover{border-color:var(--cizgi3);transform:translateX(3px)}
.konu[aria-selected="true"]{position:relative;background:var(--kart);box-shadow:0 1px 2px var(--golge),0 18px 36px -24px rgba(var(--golgerenk),.4);transform:none}
.konu[aria-selected="true"]::after{content:"";position:absolute;right:-9px;top:50%;width:16px;height:16px;margin-top:-8px;background:var(--kart);border-top:1.5px solid var(--amber);border-right:1.5px solid var(--amber);border-radius:0 4px 0 0;transform:rotate(45deg)}
@media (max-width:1000px){.konu[aria-selected="true"]::after{display:none}}
/* Telefonda yalnız seçili konunun açıklaması görünür: liste kısalır, seçili olan öne çıkar */
@media (max-width:720px){.konu{padding:14px 16px}.konu[aria-selected="false"] small{display:none}.paket .kim{min-height:0}}
.konu[aria-selected="true"] .sayi{box-shadow:0 6px 14px -6px rgba(var(--amberrgb),.7)}
.ekran{--ep:28px;padding:var(--ep);box-shadow:0 1px 2px var(--golge),0 40px 80px -40px rgba(var(--golgerenk),.35);overflow:hidden}
.ekran-ust{display:flex;align-items:center;gap:12px;margin:calc(-1 * var(--ep)) calc(-1 * var(--ep)) 22px;padding:11px var(--ep);background:var(--kart2);border-bottom:1px solid var(--cizgi2);font-size:12.5px;font-weight:700;color:var(--yazi3)}
.ekran-noktalar{display:flex;gap:6px} .ekran-noktalar i{width:9px;height:9px;border-radius:50%;background:var(--cizgi3)}
.ekran-ad{display:inline-flex;align-items:center;gap:7px;margin:0 auto}
.ekran-ad .logo-isaret{width:18px;height:18px;border-radius:6px}
.ekran-ornek{background:var(--kart3);color:var(--yazi3);border-radius:999px;padding:2px 9px;font-size:11px;font-weight:800}
/* Ana sayfa "Ne ölçüyoruz": mesajlaşma uygulaması görünümünde örnek yazışma */
.sohbet{--s-zemin:#EFEAE2;--s-gelen:#FFFFFF;--s-giden:#D9FDD3;--s-yazi:#111B21;--s-soluk:#667781;--s-gsoluk:#4A6B5D;--s-bas:#F0F2F5;--s-alinti:#F0F2F5;border-radius:18px;overflow:hidden;border:1px solid var(--cizgi2);background:var(--s-zemin);color:var(--s-yazi)}
:root[data-tema="koyu"] .sohbet{--s-zemin:#0B141A;--s-gelen:#202C33;--s-giden:#005C4B;--s-yazi:#E9EDEF;--s-soluk:#8696A0;--s-gsoluk:#B3D1C9;--s-bas:#202C33;--s-alinti:#111B21}
.sohbet-bas{display:flex;align-items:center;gap:10px;padding:10px 14px;background:var(--s-bas);border-bottom:1px solid rgba(0,0,0,.08)}
.sohbet-bas b{display:block;font-size:15px} .sohbet-bas small{display:block;font-size:12px;color:var(--s-soluk)}
.sohbet-avatar{flex:none;width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:var(--amber);color:var(--amberustu);font-weight:800}
.sohbet-akis{display:flex;flex-direction:column;gap:6px;padding:14px 12px 16px}
.msj{margin:0;max-width:86%;padding:7px 10px 6px;border-radius:10px;font-size:14px;line-height:1.45;box-shadow:0 1px .5px rgba(0,0,0,.13);overflow-wrap:anywhere}
.msj.gelen{align-self:flex-start;background:var(--s-gelen);border-top-left-radius:2px}
.msj.giden{align-self:flex-end;background:var(--s-giden);border-top-right-radius:2px}
.msj time{display:block;text-align:right;font-size:11px;color:var(--s-soluk);margin-top:2px}
.msj.giden time{color:var(--s-gsoluk)}
.msj .alinti{display:block;margin:6px 0;padding:6px 9px;border-left:3px solid var(--amber);border-radius:6px;background:var(--s-alinti)}
.sohbet-not{margin:10px 2px 0;font-size:12.5px;color:var(--soluk)}
@keyframes msjGel{from{opacity:0;transform:translateY(10px)}}
.harita{background-color:var(--harita);box-shadow:inset 0 1px 3px rgba(var(--golgerenk),.08)}
.harita .yol{background:var(--yol);box-shadow:0 0 0 1px var(--cizgi2)}
.harita .park{position:absolute;border-radius:38% 62% 55% 45%/50% 40% 60% 50%;background:var(--parkzemin)}
.harita .park.su{border-radius:50%;background:var(--suzemin)}
.nokta{box-shadow:0 0 0 4px var(--harita),0 4px 10px -4px rgba(var(--golgerenk),.35)}
.n3{box-shadow:inset 0 0 0 1.5px var(--amberkenar),0 0 0 4px var(--harita)}
.nokta.merkez{position:relative;outline:none;box-shadow:0 0 0 3px var(--harita),0 0 0 6px var(--yazi),0 8px 18px -6px rgba(var(--golgerenk),.5)}
.nokta.merkez::before{content:"";position:absolute;inset:-7px;border-radius:50%;border:2px solid var(--amber);opacity:0;pointer-events:none}

/* İş kartı */
.iskart{background:var(--kart);border:1px solid var(--cizgi2);border-radius:26px;padding:24px}
.iskart .ust-bilgi{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;font-size:13px;color:var(--soluk);font-weight:600}
.iskart h3{margin-top:12px;font-size:21px;line-height:1.3}
.iskart.bitti h3{color:var(--soluk2);text-decoration:line-through}
.adim{display:flex;gap:12px;align-items:flex-start;background:var(--kart2);border-radius:14px;padding:12px 14px;font-size:14px}
.adim .sayi{flex:none;width:24px;height:24px;border-radius:8px;background:var(--vurgudolgu);color:var(--murekkepyazi);font-weight:800;font-size:13px;display:flex;align-items:center;justify-content:center}
.madde{display:flex;gap:10px;align-items:center;color:var(--yazi2);font-size:15px}
.madde::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--mercan);flex:none}
/* Ana sayfa iş kartı (v21): sıcak üst ışık, arkada yığılmış kart, hazır metin rozetleri */
.lp-maddeler{display:flex;flex-direction:column;gap:12px;margin-top:26px}
.lp-madde{display:flex;gap:12px;align-items:center;color:var(--yazi2);font-size:15px;font-weight:600}
.lp-madde>i{flex:none;width:34px;height:34px;border-radius:11px;background:var(--kart);border:1px solid var(--cizgi2);color:var(--vurgu);display:flex;align-items:center;justify-content:center;box-shadow:0 6px 14px -10px rgba(var(--golgerenk),.4)}
.lp-is-sahne::before{inset:-44px -36px;--lp-nokta:var(--nokta-lacivert)}
.lp-is-sahne::after{content:"";position:absolute;z-index:-1;left:22px;right:22px;bottom:-12px;height:60px;border-radius:0 0 24px 24px;background:var(--kart);border:1px solid var(--cizgi2);box-shadow:0 12px 0 -6px var(--kart3),0 20px 40px -24px rgba(var(--golgerenk),.4)}
.lp-is-sahne .iskart{position:relative;background:linear-gradient(180deg,var(--amberzemin) 0,var(--kart) 150px);box-shadow:0 1px 2px var(--golge),0 30px 60px -34px rgba(var(--golgerenk),.4)}
.lp-is-sahne .iskart::before{content:"";position:absolute;left:24px;right:24px;top:-1px;height:3px;border-radius:0 0 4px 4px;background:var(--amber)}
.lp-is-rozet{display:inline-flex;align-items:center;gap:7px;text-transform:uppercase;letter-spacing:.06em;font-weight:800;color:var(--yazi2)}
.lp-is-rozet i{width:8px;height:8px;border-radius:50%;background:var(--mercan);box-shadow:0 0 0 4px var(--amberkoyu)}
.lp-is-sure{display:inline-flex;align-items:center;gap:6px}
.lp-neden{margin:10px 0 0;font-size:14px;color:var(--yazi3)} .lp-neden b{color:var(--yazi)}
.lp-adimlar{display:flex;flex-direction:column;gap:10px;margin-top:16px}
.lp-adimlar .adim{border:1px solid transparent;transition:border-color .2s,background .2s,transform .2s}
.lp-adimlar .adim:hover{border-color:var(--cizgi3);background:var(--kart);transform:translateX(3px)}
.lp-hazir{display:inline-flex;align-items:center;gap:4px;margin-left:2px;padding:1px 8px 1px 6px;border-radius:999px;background:var(--kart);border:1px solid var(--cizgi2);color:var(--vurgu);font-size:12.5px;white-space:nowrap;vertical-align:1px}
.lp-is-alt{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:18px;flex-wrap:wrap}
#yaptim-not{font-size:13px;color:var(--soluk);max-width:260px}
.lp-cip-f{right:-14px;top:-16px}
@media (max-width:560px){.lp-is-sahne::before{inset:-30px -20px}.lp-cip-f{right:8px}.lp-is-sahne::after{left:14px;right:14px}}

/* Üç adım */
.uc{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:20px;margin-top:44px}
.uc>div{background:var(--kart);border:1px solid var(--cizgi2);border-radius:24px;padding:28px}
.uc .no{font-family:var(--baslik);font-weight:800;font-size:54px;color:var(--vurgu);line-height:1}
.uc h3{font-size:20px;margin-top:18px} .uc p{font-size:15px;color:var(--yazi3);margin:10px 0 0;line-height:1.6}
.uc>div.dolu{background:var(--amber);color:var(--amberustu);border:0} .uc .dolu .no{color:var(--amberustu)} .uc .dolu p{color:var(--amberustu2)}

/* WhatsApp telefonu (v21: gerçek telefon çerçevesi, durum çubuğu, sohbet duvar kâğıdı, kuyruklu balonlar, saat ve okundu işareti) */
.telefon{position:relative;width:272px;max-width:100%;margin:0 auto;background:linear-gradient(150deg,var(--tel-kenar) 0%,var(--tel-govde) 22%,var(--tel-govde) 78%,var(--tel-kenar) 100%);border-radius:42px;padding:8px;box-shadow:inset 0 0 0 1.5px var(--tel-kenar),0 2px 3px rgba(var(--golgerenk),.12),0 40px 60px -34px rgba(var(--golgerenk),.45),0 20px 32px -24px rgba(var(--golgerenk),.3)}
.telefon::before,.telefon::after{content:"";position:absolute;width:3px;border-radius:3px;background:var(--tel-govde)}
.telefon::before{left:-3px;top:86px;height:24px;box-shadow:0 36px 0 var(--tel-govde)}
.telefon::after{right:-3px;top:112px;height:50px}
.tel-ekran{position:relative;background:var(--kart);border-radius:34px;overflow:hidden}
.tel-durum{position:relative;display:flex;align-items:center;justify-content:space-between;height:30px;padding:3px 18px 0 24px;font-size:12px;font-weight:800;color:var(--yazi);letter-spacing:-.01em}
.tel-centik{position:absolute;left:50%;top:7px;width:72px;height:20px;margin-left:-36px;border-radius:999px;background:#050608}
.tel-simge{display:flex;align-items:center;gap:4px} .tel-simge svg{fill:currentColor;height:9px;width:auto}
.tel-ust{background:var(--kart);border-bottom:1px solid var(--cizgi2);padding:3px 10px 7px 6px;display:flex;align-items:center;gap:7px;color:var(--yazi2)}
.tel-ust .av{flex:none;width:30px;height:30px;border-radius:50%;background:var(--amber);display:flex;align-items:center;justify-content:center;box-shadow:0 0 0 2px var(--kart),0 0 0 3.5px var(--amberkenar)}
.tel-kim{flex:1;min-width:0;line-height:1.25} .tel-kim b{display:block;font-size:13.5px;color:var(--yazi)} .tel-kim small{display:block;font-size:11px;color:var(--soluk)}
.tel-kim small.yaziyor{color:var(--yesil);font-weight:700}
.tel-menu{fill:var(--soluk);flex:none}
.tel-sohbet{position:relative;isolation:isolate;background:var(--wa-zemin)}
.tel-sohbet::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:var(--wa-desen);-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='104' height='104' fill='none' stroke='black' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M18 27s-6.5-5.4-6.5-10.4a6.5 6.5 0 0113 0c0 5-6.5 10.4-6.5 10.4z'/%3E%3Ccircle cx='18' cy='16.6' r='2.2'/%3E%3Ccircle cx='70' cy='17' r='6'/%3E%3Cpath d='M74.5 21.5L79 26'/%3E%3Cpath d='M46 49l2.4 4.9 5.4.8-3.9 3.8.9 5.4-4.8-2.5-4.8 2.5.9-5.4-3.9-3.8 5.4-.8z'/%3E%3Cpath d='M82 63l3 3 6-7'/%3E%3Cpath d='M12 80h11M17.5 74.5v11'/%3E%3Ccircle cx='66' cy='88' r='3'/%3E%3Ccircle cx='89.5' cy='84' r='1.6'/%3E%3Ccircle cx='94' cy='82' r='1.6'/%3E%3Ccircle cx='98.5' cy='84' r='1.6'/%3E%3Cpath d='M94 87c-2.6 0-4.4 2.4-4.4 4.2 0 1.4 1.2 2 2.4 2 .8 0 1.3-.4 2-.4s1.2.4 2 .4c1.2 0 2.4-.6 2.4-2 0-1.8-1.8-4.2-4.4-4.2z'/%3E%3C/svg%3E") 0 0/104px 104px repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='104' height='104' fill='none' stroke='black' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M18 27s-6.5-5.4-6.5-10.4a6.5 6.5 0 0113 0c0 5-6.5 10.4-6.5 10.4z'/%3E%3Ccircle cx='18' cy='16.6' r='2.2'/%3E%3Ccircle cx='70' cy='17' r='6'/%3E%3Cpath d='M74.5 21.5L79 26'/%3E%3Cpath d='M46 49l2.4 4.9 5.4.8-3.9 3.8.9 5.4-4.8-2.5-4.8 2.5.9-5.4-3.9-3.8 5.4-.8z'/%3E%3Cpath d='M82 63l3 3 6-7'/%3E%3Cpath d='M12 80h11M17.5 74.5v11'/%3E%3Ccircle cx='66' cy='88' r='3'/%3E%3Ccircle cx='89.5' cy='84' r='1.6'/%3E%3Ccircle cx='94' cy='82' r='1.6'/%3E%3Ccircle cx='98.5' cy='84' r='1.6'/%3E%3Cpath d='M94 87c-2.6 0-4.4 2.4-4.4 4.2 0 1.4 1.2 2 2.4 2 .8 0 1.3-.4 2-.4s1.2.4 2 .4c1.2 0 2.4-.6 2.4-2 0-1.8-1.8-4.2-4.4-4.2z'/%3E%3C/svg%3E") 0 0/104px 104px repeat}
.mesajlar{padding:10px 10px 8px;display:flex;flex-direction:column;gap:5px;font-size:12.5px;line-height:1.42;color:var(--yazi)}
.wa-bilgi{align-self:center;max-width:94%;display:flex;align-items:center;gap:6px;background:var(--amberzemin);color:var(--amberyazi);border:1px solid var(--amberkenar);border-radius:8px;padding:3px 9px;font-size:10.5px;font-weight:600;line-height:1.35}
.wa-bilgi svg{flex:none}
.gun{align-self:center;background:var(--wa-gelen);box-shadow:0 1px .5px rgba(var(--golgerenk),.14);border-radius:8px;padding:2px 9px;margin:3px 0 1px;font-size:10.5px;font-weight:700;color:var(--yazi3)}
.gelen,.giden{position:relative;border-radius:9px;padding:5px 8px 6px;box-shadow:0 1px .5px rgba(var(--golgerenk),.14)}
.gelen{align-self:flex-start;background:var(--wa-gelen);max-width:86%}
.giden{align-self:flex-end;background:var(--wa-giden);max-width:80%}
.gelen.kuyruk{border-top-left-radius:0} .giden.kuyruk{border-top-right-radius:0}
.kuyruk::before{content:"";position:absolute;top:0;width:8px;height:12px;background:inherit}
.gelen.kuyruk::before{left:-7px;clip-path:polygon(0 0,100% 0,100% 100%)}
.giden.kuyruk::before{right:-7px;clip-path:polygon(0 0,100% 0,0 100%)}
.wa-vurgu{color:var(--vurgu)}
.wa-saat{float:right;position:relative;top:5px;display:inline-flex;align-items:center;gap:3px;margin:0 -2px 0 8px;font-size:10px;line-height:1.2;color:var(--soluk);font-variant-numeric:tabular-nums}
.wa-tik{color:var(--wa-okundu);transition:color .3s ease}
.lp-sira .giden:not(.lp-okundu) .wa-tik{color:var(--soluk)}
/* Sohbetteki sıra kartı */
.wa-kart{width:88%;padding:7px 7px 5px}
.wa-kart-ust{display:flex;align-items:center;gap:8px;line-height:1.2}
.wa-kart-ikon{flex:none;width:24px;height:24px;border-radius:9px;background:var(--amber);display:flex;align-items:center;justify-content:center}
.wa-kart-ikon path{fill:var(--siyah)} .wa-kart-ikon circle{fill:var(--amber)}
.wa-kart-ust small{display:block;font-size:10.5px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--soluk)}
.wa-kart-ust b{display:block;font-size:12.5px}
.wa-kart-sira{display:flex;align-items:center;gap:5px;margin-top:6px}
.wa-once,.wa-simdi{flex:1;border-radius:9px;padding:5px 8px;line-height:1.1}
.wa-once{background:var(--kart3)} .wa-simdi{background:var(--amber);color:var(--amberustu);box-shadow:0 6px 14px -8px rgba(var(--amberrgb),.8)}
.wa-once small,.wa-simdi small{display:block;font-size:10.5px;font-weight:700;color:var(--soluk)} .wa-simdi small{color:var(--siyah2)}
.wa-once b,.wa-simdi b{display:block;font-family:var(--baslik);font-weight:800;font-size:19px;letter-spacing:-.02em;margin-top:2px}
.wa-once b{color:var(--soluk2);text-decoration:line-through;text-decoration-thickness:2px}
.wa-ok{flex:none;color:var(--yesil)}
.wa-kart-alt{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:6px}
.wa-kart-alt .wa-saat{float:none;top:0;margin:0}
.wa-artis{display:inline-flex;align-items:center;gap:5px;background:var(--yesilzemin);color:var(--yesil);border-radius:999px;padding:2px 8px;font-size:11px;font-weight:800}
.wa-artis svg{fill:currentColor}
/* Yazı çubuğu (süs) */
.tel-yaz{position:absolute;left:0;right:0;bottom:0;z-index:2;display:flex;align-items:center;gap:6px;padding:6px 8px 18px;background:var(--wa-zemin)}
.tel-yaz::after{content:"";position:absolute;left:50%;bottom:6px;width:92px;height:4px;margin-left:-46px;border-radius:4px;background:var(--yazi);opacity:.8}
.tel-kutu{flex:1;min-width:0;display:flex;align-items:center;gap:8px;background:var(--wa-gelen);border-radius:999px;padding:7px 10px;color:var(--soluk);font-size:12.5px;box-shadow:0 1px .5px rgba(var(--golgerenk),.14)}
.tel-kutu span{flex:1}
.tel-mik{flex:none;width:34px;height:34px;border-radius:50%;background:var(--amber);color:var(--amberustu);display:flex;align-items:center;justify-content:center;box-shadow:0 6px 14px -8px rgba(var(--amberrgb),.9)}
/* Telefonun etrafı: noktalı hale + yüzen etiketler */
.lp-wa-bolum{overflow:hidden;overflow:clip}
.lp-wa-sahne::before{inset:-40px -70px}
/* Sohbet penceresi sabit boyda: mesajlar geldikçe yukarı kayar (app.js, yalnız transform). Hareket yoksa en üstteki mesajlar görünür. */
.tel-sohbet{height:340px;overflow:hidden}
.lp-wa .mesajlar{padding-bottom:66px}
.lp-sira{transition:transform .5s cubic-bezier(.3,.7,.2,1)}
.lp-cip-d{left:calc(50% - 300px);top:150px}
.lp-cip-e{right:calc(50% - 300px);bottom:120px}
@media (max-width:720px){.lp-cip-d{left:auto;right:-6px;top:-18px}.lp-cip-e{right:auto;left:-6px;bottom:-16px}.lp-wa-sahne::before{inset:-30px -24px}.lp-wa-bolum .kap.iki{gap:44px}}
.guven{margin-top:24px;display:flex;gap:12px;align-items:flex-start;background:var(--kart);border:1px solid var(--cizgi2);border-radius:16px;padding:16px;max-width:480px;font-size:14px;color:var(--yazi2)}

/* Paketler */
.paketler{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:16px;margin-top:40px}
.paket{border-radius:26px;padding:26px;display:flex;flex-direction:column;gap:16px;background:var(--kart);border:1px solid var(--cizgi2)}
.paket.one{background:var(--amberzemin);border:1.5px solid var(--amber);box-shadow:0 30px 60px -30px rgba(var(--amberrgb),.35)}
.paket.yakinda{background:var(--zemin2);border:1px dashed var(--cizgi3)}
.paket .bas{display:flex;justify-content:space-between;align-items:center;gap:8px;min-height:28px}
.paket .bas strong{font-size:20px}
.paket .kim{font-size:14px;color:var(--yazi3);min-height:66px;line-height:1.55}
.paket .giris{font-size:13px;font-weight:700;color:var(--soluk)}
.ozellik{display:flex;gap:10px;align-items:center;font-size:15px}
.ozellik>span{flex:1}
.bilgi{position:relative;flex:none;width:24px;height:24px;border-radius:50%;border:1.5px solid var(--cizgi3);color:var(--soluk);font-size:11px;font-weight:800;background:none;cursor:help;padding:0}
.bilgi::after{content:"";position:absolute;inset:-10px;border-radius:50%}
.bilgi .balon{display:none;position:absolute;right:0;bottom:30px;width:230px;background:var(--kart3);border:1px solid var(--cizgi3);color:var(--yazi2);border-radius:12px;padding:10px 12px;font-size:13px;font-weight:500;line-height:1.5;text-align:left;z-index:5;box-shadow:0 16px 30px -12px rgba(var(--golgerenk),.22)}
.bilgi:hover .balon,.bilgi:focus .balon,.bilgi[aria-expanded="true"] .balon{display:block}
.paket .btn{margin-top:auto;white-space:nowrap}
/* Paketler (v21): simge kutusu, tik işaretli özellikler, üzerine gelince yükselen kart */
.paket{position:relative;transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease}
.paket:hover{transform:translateY(-4px);border-color:var(--cizgi3);box-shadow:0 30px 50px -30px rgba(var(--golgerenk),.38)}
.paket.one{background:radial-gradient(130% 55% at 100% 0%,var(--amberkoyu) 0%,transparent 62%),var(--amberzemin)}
.paket.one:hover{border-color:var(--amber);box-shadow:0 36px 60px -30px rgba(var(--amberrgb),.5)}
.paket .bas{gap:10px}
.paket .bas strong{flex:1;min-width:0}
.paket .bas .pil{position:absolute;top:-12px;right:22px;border:1px solid var(--cizgi2);background:var(--kart)}
.paket .bas .pil.lp-tavsiye{border-color:var(--mercan);background:var(--mercan)}
.paket.yakinda .bas .pil{border-style:dashed;border-color:var(--cizgi3)}
.lp-pk-ikon{flex:none;width:36px;height:36px;border-radius:11px;display:flex;align-items:center;justify-content:center;background:var(--kart3);color:var(--yazi2)}
.paket.one .lp-pk-ikon{background:var(--amber);color:var(--amberustu);box-shadow:0 8px 16px -8px rgba(var(--amberrgb),.8)}
.paket.yakinda .lp-pk-ikon{background:transparent;border:1.5px dashed var(--cizgi3);color:var(--soluk)}
.lp-tavsiye{display:inline-flex;align-items:center;gap:5px;background:var(--mercan);color:var(--mercanustu);box-shadow:0 6px 14px -8px rgba(var(--amberrgb),.8)}
.lp-tavsiye svg{fill:currentColor}
.paket .ozellik::before{content:"";flex:none;width:16px;height:16px;background:var(--yesil);-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='3.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4.5 12.5l5 5L19.5 7'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='3.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4.5 12.5l5 5L19.5 7'/%3E%3C/svg%3E") center/contain no-repeat}
.paket.yakinda .ozellik::before{background:var(--soluk2)}

/* SSS */
.sss{flex:2 1 480px;min-width:0}
.sss details{border-bottom:1px solid var(--cizgi2)}
.sss summary{list-style:none;cursor:pointer;padding:22px 0;display:flex;justify-content:space-between;align-items:center;gap:16px;font-size:18px;font-weight:700}
.sss summary::-webkit-details-marker{display:none}
.sss summary::after{content:"+";flex:none;width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:20px;background:var(--cizgi2)}
.sss details[open] summary::after{content:"−";background:var(--amber);color:var(--amberustu)}
.sss p{margin:0 0 22px;font-size:16px;line-height:1.65;color:var(--yazi3);max-width:640px}
/* SSS (v21): kart kart sorular, sol sütunda küçük sohbet çizimi */
.lp-sss-sol{flex:1 1 300px;position:sticky;top:110px}
.sss details{border:1px solid var(--cizgi2);border-radius:18px;background:var(--kart);padding:0 20px;margin-bottom:10px;transition:border-color .2s,box-shadow .2s}
.sss details:hover{border-color:var(--cizgi3)}
.sss details[open]{border-color:var(--amberkenar);box-shadow:0 1px 2px var(--golge),0 22px 40px -28px rgba(var(--golgerenk),.4)}
.sss summary{padding:18px 0;font-size:17px}
.sss summary::after{transition:background .2s,transform .3s ease}
.sss details[open] summary::after{transform:rotate(180deg)}
.sss summary:hover::after{background:var(--cizgi3)}
.sss details[open] summary:hover::after{background:var(--amber2)}
.sss p{margin:-4px 0 20px}
/* SSS sol sütunu (v24): süs çizimi yerine dürüst sözler (sahte yorum/rakam yok) */
.lp-soz{margin-top:28px;max-width:400px;background:var(--kart);border:1px solid var(--cizgi2);border-radius:20px;padding:20px 20px 8px}
.lp-soz h3{font-size:13px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--vurgu)}
.lp-soz ul{list-style:none;margin:12px 0 0;padding:0}
.lp-soz li{display:flex;gap:12px;align-items:flex-start;padding:12px 0;border-top:1px solid var(--cizgi);font-size:14.5px;line-height:1.5;color:var(--yazi3)}
.lp-soz li:first-child{border-top:0;padding-top:4px}
.lp-soz b{color:var(--yazi)}
.lp-soz li>i{flex:none;width:24px;height:24px;margin-top:-1px;border-radius:8px;background:var(--mercan);color:var(--mercanustu);display:flex;align-items:center;justify-content:center}
@media (max-width:900px){.lp-sss-sol{position:static}.lp-soz{max-width:none;margin-top:22px}}

/* Bekleme listesi */
.liste-kutu{background:var(--amber);color:var(--amberustu);border-radius:32px;padding:48px 40px;display:flex;flex-wrap:wrap;gap:36px;align-items:center;justify-content:space-between}
.liste-kutu>div{flex:1 1 380px;min-width:0}
.liste-kutu h2{font-family:var(--baslik);font-weight:800;font-size:clamp(30px,4vw,42px);line-height:1.08;letter-spacing:-.03em}
.liste-kutu p{font-size:17px;color:var(--amberustu);margin:14px 0 0}
.liste-kutu a{color:var(--amberustu);font-weight:800}
/* Bekleme listesi kutusu (v21): sarı adaya ışık, nokta deseni, halkalar ve zarf rozeti */
.lp-liste{position:relative;isolation:isolate;background:linear-gradient(135deg,var(--amber2) 0%,var(--amber) 45%,var(--amber) 100%);box-shadow:0 1px 0 rgba(255,255,255,.5) inset,0 30px 60px -36px rgba(var(--amberrgb),.65)}
.lp-liste::before,.lp-liste::after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;z-index:-1}
.lp-liste::before{background-image:radial-gradient(circle,rgba(17,19,24,.2) 1.3px,transparent 1.8px);background-size:14px 14px;-webkit-mask-image:radial-gradient(ellipse 55% 90% at 100% 100%,#000 0,transparent 100%);mask-image:radial-gradient(ellipse 55% 90% at 100% 100%,#000 0,transparent 100%)}
.lp-liste::after{background:radial-gradient(circle at 0% 0%,transparent 0 120px,rgba(255,255,255,.28) 121px 123px,transparent 124px 190px,rgba(255,255,255,.2) 191px 193px,transparent 194px)}
.lp-liste>div{position:relative}
.lp-liste .btn-siyah{transition:transform .2s ease,box-shadow .2s ease}
.lp-liste .btn-siyah:hover{transform:translateY(-2px);box-shadow:0 12px 22px -12px rgba(17,19,24,.8)}
.lp-liste .satir-form input{box-shadow:0 6px 16px -12px rgba(17,19,24,.6)}
.lp-zarf{position:absolute;right:40px;top:-24px;z-index:2;width:56px;height:56px;border-radius:17px;background:var(--siyah);color:var(--yukselisyazi);display:flex;align-items:center;justify-content:center;rotate:8deg;box-shadow:0 16px 28px -14px rgba(17,19,24,.9)}
.lp-zarf i{position:absolute;right:-5px;top:-5px;width:16px;height:16px;border-radius:50%;background:var(--amber2);border:3px solid var(--siyah)}
[data-tema="koyu"] .lp-liste{box-shadow:0 1px 0 rgba(255,255,255,.5) inset,0 30px 90px -40px rgba(var(--amberrgb),.5)}
@media (max-width:560px){.lp-zarf{right:20px;top:-30px;width:50px;height:50px;border-radius:15px}}
.form{display:flex;flex-direction:column;gap:12px}
.form label.b{font-weight:800;font-size:14px}
.satir-form{display:flex;gap:10px;flex-wrap:wrap}
.satir-form input{flex:1 1 220px;min-width:0;font-size:16px;padding:14px 16px;border-radius:14px;border:2px solid var(--siyah);background:var(--kart);color:var(--siyah);min-height:48px}
.onay{display:flex;gap:10px;align-items:flex-start;font-size:14px;line-height:1.5;color:var(--yazi);cursor:pointer}
.onay input{width:24px;height:24px;margin:0;accent-color:var(--siyah);flex:none}
.uyari{font-size:14px;font-weight:700;color:var(--kirmizi2);min-height:1px}
.kucuk{font-size:13px;color:var(--yazi2);line-height:1.5}
.liste-kutu .kucuk{color:var(--amberustu2)} .liste-kutu .onay{color:var(--amberustu)}
.tesekkur{background:var(--amberzemin);border:1.5px solid var(--amber);color:var(--yazi);border-radius:20px;padding:24px}
.tesekkur strong{font-family:var(--baslik);font-size:26px;color:var(--yazi)}
.tesekkur p{color:var(--yazi2)!important}

.alt-bilgi{border-top:1px solid var(--cizgi)}
.alt-bilgi .kap{padding-top:28px;padding-bottom:28px;display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;font-size:14px;color:var(--soluk)}
.alt-bilgi a{color:var(--yazi3)}
.alt-bilgi a:hover{color:var(--yazi)}
/* Ana sayfa alt bilgisi (v21): logo + slogan, bağlantılar, başa dön */
.lp-alt{background:var(--zemin2);position:relative}
.lp-alt::before{content:"";position:absolute;left:0;right:0;top:-1px;height:2px;background:linear-gradient(90deg,transparent,var(--amber) 30%,var(--amber) 70%,transparent);opacity:.7}
.lp-alt .kap{display:block;padding-top:30px;padding-bottom:22px}
.lp-alt-ust{display:flex;justify-content:space-between;align-items:center;gap:18px 32px;flex-wrap:wrap}
.lp-alt-marka{display:flex;align-items:center;gap:14px;flex-wrap:wrap}
.lp-alt-marka .logo-isaret{width:30px;height:30px;border-radius:9px}
.lp-alt-marka .logo-ad{font-size:19px}
.lp-alt-marka p{margin:0;font-size:14px;color:var(--yazi3);font-weight:600}
.lp-alt-bag{display:flex;gap:6px 18px;flex-wrap:wrap}
.lp-alt-bag a{display:inline-flex;align-items:center;min-height:44px;font-weight:600;text-decoration:underline;text-decoration-color:var(--cizgi3);text-decoration-thickness:1.5px;text-underline-offset:6px;transition:color .15s,text-decoration-color .15s}
.lp-alt-bag a:hover{text-decoration-color:var(--amber)}
.lp-alt-son{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;margin-top:22px;padding-top:16px;border-top:1px solid var(--cizgi2);font-size:13px}
.lp-basa{display:inline-flex;align-items:center;gap:6px;text-decoration:none;font-weight:700;border:1px solid var(--cizgi3);border-radius:999px;padding:6px 14px;min-height:44px;background:var(--kart);transition:border-color .15s,transform .15s}
.lp-basa:hover{border-color:var(--amber);transform:translateY(-2px)}
@media (max-width:720px){.lp-alt-son{justify-content:flex-start;gap:16px}.lp-alt-marka p{flex-basis:100%}}

/* Hızlı test */
.test-govde{min-height:100vh;display:flex;flex-direction:column}
.test-ust{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:20px 0}
.ilerleme{height:6px;border-radius:6px;background:var(--cizgi2);overflow:hidden}
.ilerleme>i{display:block;height:100%;background:var(--amber);border-radius:6px;transition:width .4s}
.test{flex:1;width:100%;max-width:640px;margin:0 auto;padding:56px 24px 40px}
.test h1{font-family:var(--baslik);font-weight:800;font-size:clamp(34px,5vw,46px);line-height:1.05;letter-spacing:-.03em}
.test .acik{font-size:16px;color:var(--soluk);margin:12px 0 0}
.secenek{width:100%;text-align:left;cursor:pointer;border-radius:18px;padding:20px;display:flex;gap:16px;align-items:center;color:var(--yazi);background:var(--kart);border:2px solid var(--cizgi2);margin-top:12px}
.secenek[aria-pressed="true"]{background:var(--amberzemin);border-color:var(--amber)}
.secenek .ikon{flex:none;width:48px;height:48px;border-radius:14px;display:flex;align-items:center;justify-content:center;background:var(--cizgi2)}
.secenek[aria-pressed="true"] .ikon{background:var(--amber);color:var(--amberustu)}
.secenek .m{flex:1} .secenek strong{display:block;font-size:17px} .secenek small{display:block;font-size:14px;color:var(--soluk);margin-top:4px}
.secenek .kutu{flex:none;width:26px;height:26px;border-radius:8px;border:2px solid var(--cizgi3);display:flex;align-items:center;justify-content:center}
.secenek[aria-pressed="true"] .kutu{background:var(--amber);border-color:var(--amber)}
.secenek .kutu svg{opacity:0} .secenek[aria-pressed="true"] .kutu svg{opacity:1}
.girdi{width:100%;margin-top:8px;font-size:17px;padding:16px 18px;border-radius:14px;border:1.5px solid var(--cizgi3);background:var(--kart);color:var(--yazi);min-height:52px}
.girdi::placeholder{color:var(--soluk2)}
.oneriler{margin-top:8px;background:var(--kart);border:1px solid var(--cizgi2);border-radius:14px;overflow:hidden}
.oneriler button{width:100%;text-align:left;font-size:15px;background:transparent;color:var(--yazi);border:0;border-bottom:1px solid var(--cizgi);padding:13px 16px;cursor:pointer;display:flex;justify-content:space-between;gap:12px}
.oneriler button:hover,.oneriler button:focus{background:var(--kart2)}
.oneriler small{color:var(--soluk)}
.oneriler .kendim{background:var(--zemin2);display:block}
.oneriler .kendim b{display:block;color:var(--vurgu)}
.secili{margin-top:14px;display:inline-flex;align-items:center;gap:8px;background:var(--amberkoyu);color:var(--yazi);border-radius:999px;padding:8px 14px;font-size:14px;font-weight:700}
.gezinme{display:flex;justify-content:space-between;align-items:center;margin-top:36px;gap:12px}
.geri{background:none;border:0;color:var(--yazi3);font-weight:700;font-size:15px;cursor:pointer;padding:12px 4px}
.adimlar{display:flex;flex-direction:column;gap:14px;margin-top:30px}
.adimlar div{display:flex;align-items:center;gap:14px;font-size:17px;font-weight:600;color:var(--soluk2)}
.adimlar span{flex:none;width:28px;height:28px;border-radius:50%;border:2px solid var(--cizgi3);display:flex;align-items:center;justify-content:center}
.adimlar .aktif{color:var(--yazi)} .adimlar .aktif span{border:3px solid var(--amber)}
.adimlar .tamam{color:var(--yazi)} .adimlar .tamam span{background:var(--amber);border-color:var(--amber)}
.adimlar svg{opacity:0} .adimlar .tamam svg{opacity:1}
.sonuc-kutu{background:var(--kart);border:1px solid var(--cizgi2);border-radius:16px;padding:14px}
.form-koyu{margin-top:28px;background:var(--kart);border:1px solid var(--cizgi2);border-radius:20px;padding:20px}
.form-koyu .satir-form input{border:1.5px solid var(--cizgi3);background:var(--zemin2);color:var(--yazi)}
.form-koyu .onay{color:var(--yazi2)} .form-koyu .onay input{accent-color:var(--amber)}
.form-koyu .uyari{color:var(--kirmizi)} .form-koyu .kucuk{color:var(--soluk)}

/* Yasal sayfa */
.yasal{max-width:760px;margin:0 auto;padding:56px 24px 80px}
.yasal h1{font-family:var(--baslik);font-weight:800;font-size:40px;letter-spacing:-.03em}
.yasal h2{font-size:20px;margin-top:32px}
.yasal p,.yasal li{color:var(--yazi2);font-size:16px;line-height:1.7}
.taslak-uyari{margin-top:20px;background:var(--uyarizemin);border:1px solid var(--uyarikenar);color:var(--uyariyazi);border-radius:14px;padding:14px 16px;font-weight:700}

@media (max-width:560px){
  .liste-kutu{padding:32px 22px} .ekran{--ep:18px} .bolum{padding-top:72px;padding-bottom:72px} .hero{padding-top:48px;padding-bottom:72px}
  .izgara{gap:12px} .nokta{width:34px;height:34px}
}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{transition:none!important;animation:none!important;scroll-behavior:auto!important}}

/* Giriş, kurulum ve panel */
.sekmeler{display:flex;background:var(--kart);border:1px solid var(--cizgi2);border-radius:999px;padding:4px;margin-bottom:32px}
.sekmeler button{flex:1;border:0;border-radius:999px;padding:12px;font-weight:800;font-size:15px;cursor:pointer;background:transparent;color:var(--yazi3);min-height:44px}
.sekmeler button[aria-selected="true"]{background:var(--amber);color:var(--amberustu)}
.hesap-form h1{font-family:var(--baslik);font-weight:800;font-size:clamp(30px,5vw,38px);letter-spacing:-.03em}
.etk{display:block;font-weight:700;font-size:14px;color:var(--yazi2);margin-top:16px}
.koyu-uyari{color:var(--kirmizi)}
.onay-koyu{color:var(--yazi2);margin-top:14px}
.onay-koyu input{accent-color:var(--amber)}
.secimler{border:0;padding:0;margin:0}
.radyo{display:flex;gap:12px;align-items:flex-start;background:var(--kart);border:1.5px solid var(--cizgi2);border-radius:16px;padding:14px 16px;margin-top:10px;cursor:pointer}
.radyo:has(input:checked){border-color:var(--amber);background:var(--amberzemin)}
.radyo input{accent-color:var(--amber);width:20px;height:20px;margin:2px 0 0;flex:none}
.radyo b{display:block;font-size:15px}.radyo small{display:block;color:var(--soluk);font-size:13px;margin-top:2px}
.panel-menu{gap:16px}
.panel{padding-top:36px;padding-bottom:64px}
.selam{margin:0;font-size:14px;color:var(--soluk);font-weight:600}
.panel-bas h1{font-family:var(--baslik);font-weight:800;font-size:clamp(28px,4vw,36px);letter-spacing:-.03em;margin-top:4px}
.hero-kart{margin-top:22px;background:var(--kart);border:1.5px solid var(--amber);border-radius:28px;padding:32px}
.durum{display:inline-flex;align-items:center;gap:8px;background:var(--kart3);color:var(--vurgu);border-radius:999px;padding:6px 12px;font-size:12px;font-weight:800;letter-spacing:.04em;text-transform:uppercase}
.durum i{width:8px;height:8px;border-radius:50%;background:var(--amber);animation:nabiz 1.6s ease-in-out infinite}
@keyframes nabiz{50%{opacity:.3}}
.hero-kart h2{font-family:var(--baslik);font-weight:800;font-size:clamp(24px,3.4vw,34px);line-height:1.18;letter-spacing:-.025em;margin-top:16px;max-width:820px}
.hero-kart p{color:var(--yazi3);font-size:16px;line-height:1.6;max-width:680px;margin:12px 0 0}
.hero-kart .adimlar{margin-top:22px;gap:10px}.hero-kart .adimlar div{font-size:15px}
.panel-izgara{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:16px}
@media (max-width:760px){.panel-izgara{grid-template-columns:minmax(0,1fr)}}
.panel-izgara>*,.kart{min-width:0}
.kaydir{max-width:100%}
.kart{background:var(--kart);border:1px solid var(--cizgi2);border-radius:24px;padding:22px;box-shadow:0 1px 2px var(--golge)}
.kart.genis{grid-column:1/-1}
.kart h3{font-size:18px}
.kart-bas{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}
.kart-bas a{font-weight:700;font-size:14px}
.kart-alt{margin:6px 0 0;font-size:14px;color:var(--soluk);line-height:1.55}
.ozet{display:grid;grid-template-columns:auto 1fr;gap:10px 16px;margin:16px 0 0;font-size:15px}
.ozet dt{color:var(--soluk);font-weight:600}.ozet dd{margin:0;color:var(--yazi);font-weight:600;word-break:break-word}
.olcum-liste{list-style:none;padding:0;margin:14px 0 0;display:flex;flex-direction:column;gap:10px}
.olcum-liste li{background:var(--kart2);border-radius:14px;padding:12px 14px}
.olcum-liste b{display:block;font-size:15px}.olcum-liste span{display:block;font-size:13px;color:var(--soluk);margin-top:2px}
.isler{display:flex;flex-direction:column;gap:10px;margin-top:16px}
.is-satir{display:flex;gap:14px;align-items:flex-start;background:var(--kart2);border:1px solid var(--cizgi2);border-radius:16px;padding:16px}
.is-no{flex:none;width:28px;height:28px;border-radius:8px;background:var(--vurgudolgu);color:var(--murekkepyazi);font-weight:800;display:flex;align-items:center;justify-content:center}
.is-govde b{display:block;font-size:16px}.is-govde small{display:block;color:var(--soluk);font-size:12px;font-weight:700;margin-top:2px}
.is-govde p{margin:8px 0 0;color:var(--yazi2);font-size:14px;line-height:1.55}.is-govde a{display:inline-block;margin-top:8px;font-weight:700;font-size:14px}
.bos-grafik{display:flex;align-items:flex-end;gap:10px;height:120px;margin-top:18px;border-bottom:1px solid var(--cizgi2)}
.bos-grafik i{flex:1;height:30%;border:2px dashed var(--cizgi3);border-bottom:0;border-radius:8px 8px 0 0}
@media (max-width:560px){.hero-kart{padding:22px}.panel-menu #kim{display:none}}

/* Ölçüm sonuçları */
span.yakinda{display:inline-block;vertical-align:middle;margin-left:8px;background:var(--kart3);color:var(--vurgu);border:1px solid var(--cizgi2);border-radius:999px;padding:2px 8px;font-size:11px;font-weight:800;letter-spacing:.02em;white-space:nowrap}
.durum-sakin{background:var(--kart2);color:var(--yazi3)}
.sonuc-ust{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}
.kucuk-btn{padding:9px 16px;min-height:40px;font-size:14px}
.uc-kutu{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:22px}
.sayi-kutu{background:var(--kart2);border-radius:16px;padding:16px}
.sayi-kutu span{display:block;font-size:13px;color:var(--yazi3);font-weight:700}
.sayi-kutu b{display:block;font-family:var(--baslik);font-weight:800;font-size:34px;margin-top:6px;letter-spacing:-.02em}
.sayi-kutu b.iyi{color:var(--vurgu)}
.sayi-kutu small{display:block;font-size:13px;color:var(--soluk);margin-top:2px}
.hata-not{margin:16px 0 0;font-size:13px;color:var(--soluk);background:var(--zemin2);border-radius:12px;padding:10px 12px}
.yanlis-btn{display:flex;width:fit-content;margin-left:auto;align-items:center;min-height:32px;margin-top:8px;padding:0;background:none;border:0;font:inherit;font-size:13px;font-weight:600;color:var(--soluk);text-decoration:underline;text-underline-offset:3px;cursor:pointer;text-align:left}
.yanlis-btn:hover:not(:disabled){color:var(--yazi)}
.yanlis-btn:disabled{text-decoration:none;cursor:default;color:var(--yesil)}
.yanlis-form{display:grid;gap:8px;margin-top:6px;max-width:560px}
.yanlis-form label{font-size:14px;font-weight:700}
.yanlis-form textarea{resize:vertical;min-height:80px;font:inherit;font-size:15px}
.yanlis-alt{display:flex;gap:10px;flex-wrap:wrap}
.denetim{margin:12px 0 0;padding:10px 12px;border-radius:10px;font-size:14px;line-height:1.5}
.denetim p{margin:0;font-weight:700} .denetim ul{margin:6px 0 0;padding-left:20px;display:grid;gap:2px}
.denetim-iyi{background:var(--yesilzemin);border:1px solid var(--yesil);color:var(--yazi)}
.denetim-dikkat{background:var(--uyarizemin);border:1px solid var(--uyarikenar);color:var(--uyariyazi)}
.destek-balon{position:fixed;right:16px;bottom:16px;z-index:40;width:min(360px,calc(100vw - 32px));max-height:min(480px,70vh);display:flex;flex-direction:column;background:var(--kart);color:var(--yazi);border:1px solid var(--cizgi2);border-radius:16px;box-shadow:0 12px 40px rgba(0,0,0,.18)}
.destek-balon[hidden]{display:none}
.duzeltme-not{margin:14px 0 0;padding:10px 12px;border-radius:10px;font-size:14px;background:var(--uyarizemin);border:1px solid var(--uyarikenar);color:var(--uyariyazi)}
.duzeltme-not[hidden]{display:none}
.destek-balon{overflow:hidden;border-radius:20px;box-shadow:0 18px 50px rgba(0,0,0,.28);animation:destekAc .25s ease-out}
@keyframes destekAc{from{opacity:0;transform:translateY(12px) scale(.98)}to{opacity:1;transform:none}}
.destek-bas{display:flex;align-items:center;justify-content:space-between;padding:12px 8px 12px 14px;background:var(--kart2);border-bottom:1px solid var(--cizgi)}
.destek-kim{display:flex;align-items:center;gap:10px;min-width:0}
.destek-kim strong{display:block;font-size:15px;line-height:1.2}
.destek-avatar{position:relative;flex:none;width:38px;height:38px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:var(--amber);color:var(--amberustu);font-weight:800;font-size:17px}
.destek-avatar::after{content:"";position:absolute;right:0;bottom:0;width:11px;height:11px;border-radius:50%;background:var(--yesil);border:2px solid var(--kart2)}
.destek-durum{display:block;font-size:12.5px;color:var(--soluk)}
.destek-kapat{min-width:44px;min-height:44px;background:none;border:0;font-size:24px;line-height:1;color:var(--soluk);cursor:pointer;border-radius:12px}
.destek-kapat:hover{color:var(--yazi);background:var(--kart)}
.destek-liste{display:flex;flex-direction:column;gap:10px;padding:14px 12px;overflow-y:auto}
.destek-sistem{align-self:center;margin:0 0 2px;padding:4px 10px;border-radius:999px;font-size:12.5px;color:var(--soluk);background:var(--kart2)}
.destek-mesaj{max-width:86%;padding:9px 12px 6px;border-radius:16px;font-size:15px;line-height:1.45;animation:destekAc .2s ease-out}
.destek-mesaj p{margin:0}
.destek-saat{display:block;margin-top:3px;font-size:11.5px;color:var(--soluk);text-align:right}
.destek-siz{align-self:flex-end;background:var(--amberzemin);border:1px solid var(--amberkenar);border-bottom-right-radius:4px}
.destek-biz{align-self:flex-start;background:var(--kart2);border:1px solid var(--cizgi);border-bottom-left-radius:4px}
.destek-yaziyor p{display:flex;gap:5px;padding:6px 2px}
.destek-yaziyor i{width:7px;height:7px;border-radius:50%;background:var(--soluk);animation:destekNokta 1.2s infinite ease-in-out}
.destek-yaziyor i:nth-child(2){animation-delay:.15s} .destek-yaziyor i:nth-child(3){animation-delay:.3s}
.destek-yaziyor .destek-saat{display:none}
@keyframes destekNokta{0%,60%,100%{opacity:.35;transform:none}30%{opacity:1;transform:translateY(-3px)}}
.siz-satir td{background:var(--amberkoyu);color:var(--yazi)}
.yz-liste{display:flex;flex-direction:column;gap:10px;margin-top:14px}
.yz-cevap{background:var(--kart2);border:1px solid var(--cizgi2);border-radius:16px;padding:0 16px}
.yz-cevap summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:12px;padding:14px 0;font-weight:700;font-size:15px}
.yz-cevap summary::-webkit-details-marker{display:none}
.yz-tekrar{margin:12px 0 4px;font-size:12px;font-weight:800;color:var(--yazi3);text-transform:uppercase;letter-spacing:.04em}
.yz-metin{margin:0 0 16px;color:var(--yazi2);font-size:14px;line-height:1.6;white-space:pre-line}
.yz-motorlar{display:flex;flex-direction:column;gap:10px;margin-top:14px}
.yz-motor{border:1px solid var(--cizgi2);border-radius:16px;background:var(--kart)}
.yz-motor>summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:12px;padding:14px 16px}
.yz-motor>summary::-webkit-details-marker{display:none}
.yz-motor>summary::after{content:'';flex:none;width:8px;height:8px;border-right:2px solid var(--yazi3);border-bottom:2px solid var(--yazi3);transform:rotate(45deg);margin:-4px 2px 0 0;transition:transform .2s}
.yz-motor[open]>summary::after{transform:rotate(225deg);margin-top:4px}
.yz-motor.bos>summary{cursor:default}
.yz-motor.bos>summary::after{visibility:hidden}
.yz-motor-sol{display:flex;flex-direction:column;gap:3px;min-width:0;flex:1}
.yz-motor-ad{font-size:15px}
.yz-motor-cumle{font-size:13.5px;color:var(--yazi2);line-height:1.45}
.yz-motor.bos .yz-motor-ad{color:var(--yazi2)}
.yz-motor-ic{padding:0 16px 16px;border-top:1px solid var(--cizgi2)}
.yz-motor-ic>.kart-alt{margin-top:12px}
.yz-motor-ic .yz-liste{margin-top:12px}
.yz-isletmeler{margin:0 0 16px;padding:0;list-style:none;display:flex;flex-wrap:wrap;gap:6px}
.yz-isletmeler li{font-size:13px;padding:4px 10px;border-radius:999px;background:var(--kart3);color:var(--yazi2)}
.yz-isletmeler li.siz{background:var(--amberkoyu);color:var(--amberyazi);font-weight:800;box-shadow:inset 0 0 0 1px var(--amberkenar)}
@media (max-width:560px){.uc-kutu{grid-template-columns:1fr}.sayi-kutu b{font-size:28px}}
@media (max-width:560px){.tablo th,.tablo td{padding:11px 10px}}

/* Arama kelimeleri */
.kelime-form{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:14px}
.kelime-form .girdi{margin-top:0;font-size:15px;min-height:46px;padding:12px 14px}
.kelime-alt{grid-column:1/-1;display:flex;align-items:center;gap:14px;flex-wrap:wrap}
.kelime-alt .kart-alt{margin:0}
.sira-iyi{color:var(--vurgu);font-weight:800}
.sira-yok{color:var(--soluk)}
@media (max-width:760px){.kelime-form{grid-template-columns:minmax(0,1fr)}}

/* Madde madde yapılacaklar */
.adim-liste{margin:10px 0 0;padding-left:20px;display:flex;flex-direction:column;gap:6px;color:var(--yazi2);font-size:14px;line-height:1.55}
.adim-liste li::marker{color:var(--vurgu);font-weight:800}
.hazir-metin{margin-top:12px;background:var(--zemin2);border:1px dashed var(--amberkenar);border-radius:12px;padding:12px 14px}
.hazir-metin p{margin:6px 0 10px;font-size:14px;line-height:1.55;color:var(--yazi)}
.hazir-baslik{font-size:12px;font-weight:800;color:var(--vurgu);text-transform:uppercase;letter-spacing:.04em}
.is-sonuc{margin:10px 0 0;font-size:13px;color:var(--yazi3)}

/* Gelişim grafiği */
.grafikler{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:14px}
.grafik{background:var(--zemin2);border:1px solid var(--cizgi2);border-radius:16px;padding:14px 12px 6px}
.grafik-baslik{display:block;font-size:13px;font-weight:700;color:var(--yazi3);margin:0 0 6px 4px}
.grafik svg{width:100%;height:auto;display:block}
.g-izgi{stroke:var(--cizgi);stroke-width:1} [data-tema="koyu"] .g-izgi{stroke:var(--cizgi2)}
.g-yazi{fill:var(--soluk);font-size:13px;font-family:inherit}
.g-deger{fill:var(--yazi);font-size:14px;font-weight:800;font-family:inherit}
.g-cizgi{fill:none;stroke:var(--cizgiturunc);stroke-width:3;stroke-linejoin:round;stroke-linecap:round}
.g-nokta{fill:var(--amber);stroke:var(--zemin2);stroke-width:2}
.g-nokta.bos{fill:var(--zemin2);stroke:var(--soluk)}
@media (max-width:760px){.grafikler{grid-template-columns:minmax(0,1fr)}}
/* Yapay zekâ payı */
.pay-liste{display:flex;flex-direction:column;gap:10px;margin-top:14px}
.pay-satir{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,2fr) auto;align-items:center;gap:12px;font-size:14px}
.pay-ad{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:600}
.pay-cubuk{height:10px;background:var(--kart3);border-radius:999px;overflow:hidden}
.pay-cubuk i{display:block;height:100%;background:var(--soluk2);border-radius:999px}
.pay-satir.siz .pay-ad,.pay-satir.siz .pay-sayi{color:var(--vurgu)}
.pay-satir.siz .pay-cubuk i{background:var(--amber)}
.pay-sayi{font-weight:800;font-variant-numeric:tabular-nums;color:var(--yazi2);min-width:3.2em;text-align:right}
.pay-kac{font-weight:500;font-size:12px;color:var(--soluk)}
.hareket-liste{list-style:none;margin:12px 0 0;padding:0;display:grid;gap:8px}
.hareket-liste li{background:var(--kart2);border-radius:12px;padding:10px 14px;font-size:14.5px;border-left:4px solid var(--cizgi2)}
.hareket-liste li.dikkat{border-left-color:var(--kirmizi)}
.hareket-liste li.siz{border-left-color:var(--amber);font-weight:700}
.ok{display:inline-block;font-size:14px;font-weight:800;margin-left:8px;vertical-align:middle;letter-spacing:0}
.ok.iyi{color:var(--vurgu)} .ok.kotu{color:var(--kirmizi)}
.g-is{stroke:var(--vurgu);stroke-width:1.5;stroke-dasharray:4 4}
.g-is-yazi{fill:var(--vurgu);font-size:12px;font-weight:800;font-family:inherit}
@media (max-width:560px){.pay-satir{grid-template-columns:minmax(0,1fr) auto}.pay-cubuk{grid-column:1/-1;grid-row:2}}

/* Önerilen siteler */
.site-liste{list-style:none;margin:12px 0 0;padding:0;display:flex;flex-direction:column;gap:8px}
.site-liste li{background:var(--zemin2);border:1px solid var(--cizgi2);border-radius:12px;padding:10px 12px;font-size:14px}
.site-liste a{font-weight:800;color:var(--vurgu)}
.site-alan{color:var(--soluk);font-size:13px}
.site-liste small{display:block;margin-top:3px;color:var(--yazi2);font-size:13px;line-height:1.5}
.degisim{margin:12px 0 0;font-size:14px;line-height:1.55;color:var(--yazi2);background:var(--zemin2);border-left:3px solid var(--amber);border-radius:10px;padding:10px 12px;max-width:760px}

/* Panel: sol menü (masaüstü), alt menü (telefon) */
.panel-duzen{display:grid;grid-template-columns:210px minmax(0,1fr);gap:32px;align-items:start}
.panel-icerik{min-width:0}
.yan-menu{position:sticky;top:96px;display:flex;flex-direction:column;gap:4px}
.yan-menu a{display:flex;align-items:center;gap:12px;padding:11px 14px;border-radius:12px;color:var(--yazi3);text-decoration:none;font-weight:700;font-size:15px}
.yan-menu a svg{flex:none}
.yan-menu a:hover{background:var(--kart);color:var(--yazi)}
.yan-menu a[aria-current="page"]{background:var(--amberkoyu);color:var(--yazi)}
.menu-sayi{margin-left:auto;font-style:normal;background:var(--amber);color:var(--amberustu);font-size:12px;font-weight:800;border-radius:999px;padding:1px 8px;line-height:1.5}
.menu-ymt{margin-top:12px;border-top:1px solid var(--cizgi2)}
.sayfa .panel-bas p.kart-alt{margin-top:8px}
@media (max-width:900px){
  .panel-duzen{grid-template-columns:minmax(0,1fr)}
  .yan-menu{position:fixed;left:0;right:0;bottom:0;top:auto;z-index:30;flex-direction:row;gap:0;background:var(--altmenu);backdrop-filter:blur(8px);border-top:1px solid var(--cizgi2);padding:6px 4px calc(6px + env(safe-area-inset-bottom))}
  .yan-menu a{flex:1 1 0;min-width:0;flex-direction:column;gap:3px;padding:7px 2px;font-size:11.5px;justify-content:center;position:relative;text-align:center}
  .yan-menu a .menu-sayi{position:absolute;top:1px;left:calc(50% + 6px);margin:0;font-size:10px;padding:0 6px}
  .menu-ymt{display:none!important}
  body{padding-bottom:78px}
}
a.sayi-kutu{color:inherit;text-decoration:none;transition:border-color .15s;border:1px solid transparent} a.sayi-kutu:hover{border-color:var(--amber);color:inherit}
.olcum-bekle{display:none;margin-top:16px} .olcum-yok .olcum-bekle{display:block} .olcum-yok .olcumlu{display:none!important}

/* Yaptım */
.is-alt{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:14px}
.is-ipucu{color:var(--soluk);font-size:12px}
.is-satir.yapildi{background:var(--zemin2)} .is-satir.yapildi .is-no{background:var(--yesil);color:var(--kart)}
.is-satir.yapildi .is-detay,.is-satir.kapali .is-detay{display:none} .is-satir.yapildi.acik .is-detay,.is-satir.kapali.acik .is-detay{display:block}
.is-satir.kapali .is-no{background:var(--kart);color:var(--yazi3);border:1px solid var(--cizgi3)}
.link-btn{background:none;border:0;color:var(--yazi3);font-weight:700;font-size:13px;cursor:pointer;padding:6px 2px;text-decoration:underline;text-underline-offset:3px}
.link-btn:hover{color:var(--yazi)}
.yapilan-liste{display:grid;gap:10px;margin-top:14px}
.yapilan{background:var(--kart2);border:1px solid var(--cizgi2);border-radius:16px;padding:14px 16px}
.yapilan-ust{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}
.yapilan small{display:block;color:var(--soluk);font-size:12px;font-weight:700;margin-top:2px}
.yapilan p{margin:8px 0 0;font-size:14px;color:var(--yazi2);line-height:1.55}

/* Aramalar listesi ve tek arama sayfası */
.arama-liste{display:grid;gap:8px;margin-top:14px}
.arama-satir{display:flex;align-items:center;justify-content:space-between;gap:14px;background:var(--kart2);border:1px solid var(--cizgi2);border-radius:14px;padding:13px 16px;color:var(--yazi);text-decoration:none;transition:border-color .15s}
.arama-satir:hover{border-color:var(--amber);color:var(--yazi)}
.arama-sol{min-width:0}
.arama-sol b{font-size:15px}
.arama-etiket{display:inline-block;margin-left:8px;font-size:11px;font-weight:800;color:var(--uyariyazi);background:var(--uyarizemin);border-radius:999px;padding:2px 8px;vertical-align:2px}
.arama-sayilar{display:flex;flex-wrap:wrap;gap:4px 14px;margin-top:4px;font-size:12.5px;color:var(--soluk)}
.rozet{flex:none;border-radius:999px;padding:6px 12px;font-size:13px;font-weight:800;white-space:nowrap}
.rozet::after{content:" ›"}
.rozet-yesil{background:var(--yesilzemin);color:var(--yesil)}
.rozet-sari{background:var(--uyarizemin);color:var(--uyariyazi)}
.rozet-kirmizi{background:var(--kirmizizemin);color:var(--kirmizi)}
.rozet-gri{background:var(--kart3);color:var(--soluk)}
.panel-bas .rozet{display:inline-block;margin-top:10px}
.panel-bas .rozet::after{content:""}
.geri-link{display:inline-block;font-weight:700;font-size:14px;text-decoration:none;margin-bottom:4px}
.ar-hedef{margin:14px 0 0;font-size:16px;font-weight:700;color:var(--yazi2)}
.ar-kutular{margin-top:16px}
.ar-onde h4{margin:14px 0 6px;font-size:14px;color:var(--yazi3)}
.onde-liste{margin:0;padding-left:20px;display:grid;gap:4px;font-size:14px;color:var(--yazi2)}
.onde-liste li.siz{color:var(--vurgu);font-weight:700}
.onde-liste span{color:var(--soluk)}
.ar-gezinti{display:flex;justify-content:space-between;gap:12px;margin-top:18px}
@media (max-width:560px){.arama-satir{flex-direction:column;align-items:flex-start}.rozet{align-self:flex-start}}
@media (max-width:560px){.ar-kutular{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:8px}.ar-kutular .sayi-kutu{padding:12px}.ar-kutular .sayi-kutu b{font-size:22px}.ar-kutular .sayi-kutu span{font-size:11.5px}.ar-kutular .sayi-kutu small{display:none}}

/* Hesabımı sil */
.tehlike-kart{border-color:var(--kirmizikenar)}
.tehlike-kart h3{color:var(--kirmizi)}
.tehlike-btn{color:var(--kirmizi);border-color:var(--kirmizikenar)} .tehlike-btn:hover{color:var(--kirmizi);border-color:var(--kirmizi)}
.tehlike-dolu{background:var(--kirmizi);color:var(--kart)} .tehlike-dolu:hover{background:var(--kirmizi2);color:var(--kart)}
.bilgi-serit{background:var(--yesilzemin);color:var(--yesil);border-radius:14px;padding:12px 16px;font-weight:700;font-size:15px;margin:18px auto 0;max-width:1200px;width:calc(100% - 32px)}

/* Hazır metinler */
.yaz-kutu{margin-top:14px}
.yaz-alt{display:flex;flex-wrap:wrap;align-items:center;gap:10px}
.yazilan{margin-top:12px;background:var(--kart);border:1px solid var(--cizgi2);border-radius:14px;padding:14px 16px;display:grid;gap:8px}
.yazilan p{margin:0;font-size:14px;line-height:1.6;color:var(--yazi2)}
.yazilan .yazilan-vurgu{font-weight:700;color:var(--yazi)}
.yazilan .btn{justify-self:start;margin-top:4px}
.yazilan-not{display:block;margin-top:4px}
.gonderi{border-top:1px solid var(--cizgi2);padding-top:10px;display:grid;gap:6px}
.gonderi:first-child{border-top:0;padding-top:0}
/* Site sağlığı */
.site-ust{display:flex;align-items:center;gap:16px}
.site-puan{flex:none;width:84px;height:84px;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;border:6px solid var(--cizgi2)}
.site-puan b{font-family:var(--baslik);font-size:28px;line-height:1}
.site-puan span{font-size:11px;color:var(--soluk);font-weight:700}
.site-puan.iyi{border-color:var(--yesil)} .site-puan.orta{border-color:var(--uyari)} .site-puan.zayif{border-color:var(--kirmizi)}
.site-liste-kontrol{list-style:none;margin:16px 0 0;padding:0;display:grid;gap:8px}
.site-liste-kontrol li{display:flex;gap:12px;align-items:flex-start;background:var(--kart2);border:1px solid var(--cizgi2);border-radius:12px;padding:10px 12px}
.site-liste-kontrol li b{display:block;font-size:14px}
.site-liste-kontrol li small{display:block;color:var(--soluk);font-size:13px;line-height:1.5;margin-top:2px}
.site-isaret{flex:none;width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:13px}
.site-liste-kontrol li.tamam .site-isaret{background:var(--yesilzemin);color:var(--yesil)}
.site-liste-kontrol li.eksik .site-isaret{background:var(--kirmizizemin);color:var(--kirmizi)}

/* SVG simgeler renklerini değişkenlerden alır (HTML'deki stroke değerlerini ezer) */
.tel-ust .av svg,.secenek .kutu svg,.adimlar svg{stroke:var(--amberustu)}
.tik{stroke:var(--vurgu)}
.arama-kutu svg{stroke:var(--soluk)}
.guven svg{stroke:var(--vurgu)}

/* Tema düğmesi (assets/tema.js ekler): açık temada ay, karanlık temada güneş */
.tema-dugme{flex:none;width:40px;height:40px;padding:0;border-radius:50%;border:1.5px solid var(--cizgi3);background:var(--kart);color:var(--yazi2);display:inline-flex;align-items:center;justify-content:center;cursor:pointer}
.tema-dugme:hover{border-color:var(--yazi3);color:var(--yazi)}
.tema-dugme svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.tema-dugme .tema-gunes,[data-tema="koyu"] .tema-dugme .tema-ay{display:none}
[data-tema="koyu"] .tema-dugme .tema-gunes{display:block}
.tema-yuzen{position:fixed;top:16px;right:16px;z-index:25}
.test-sag{display:flex;align-items:center;gap:18px}
@media (max-width:720px){.menu{gap:12px}}
.test-sag>*{white-space:nowrap}
@media (max-width:400px){.test-sag{gap:12px}.test-ust{gap:10px}
  /* Üç öğeli üst şeritte (adım + çıkış + tema) dar telefonda logo yalnız işaret olarak kalır; bağlantının adı aria-label'da */
  .test-ust:has(.test-sag>:nth-child(3)) .logo-ad{display:none}}
@media (prefers-reduced-motion:no-preference){
  .tema-gecis,.tema-gecis *,.tema-gecis *::before,.tema-gecis *::after{transition:background-color .18s ease,color .18s ease,border-color .18s ease,fill .18s ease,stroke .18s ease!important}
}

/* ==== Ana sayfa canlılık katmanı (v18). Sadece index.html kullanır, hepsi "lp-" önekli. ====
   Hareketler yalnızca "hareketi azalt" kapalıysa çalışır; ekran dışındaki sonsuz hareketler .lp-gor kalkınca durur. */
.lp-hero{padding-bottom:64px;overflow:hidden;overflow:clip}
/* Noktalı haleler (::before, negatif inset) 768-1024 px genişlikte sayfayı yana taşırıyordu; clip kaydırma kabı oluşturmaz, yapışkan SSS sütunu çalışır */
main:has(> .lp-hero){overflow-x:clip}
.lp-hero h1{font-size:clamp(40px,5.8vw,62px)}

/* Başlıkta dönen kelime */
.lp-don{display:block;width:max-content;max-width:100%;height:1.18em;line-height:1.18em;overflow:hidden;background:var(--amber);color:var(--amberustu);border-radius:14px;padding:0 14px;margin:.08em 0 .06em;transition:width .45s cubic-bezier(.3,.7,.2,1)}
.lp-don-ic{display:block;transition:transform .6s cubic-bezier(.65,0,.25,1)}
.lp-don-ic>span{display:block;height:1.18em;white-space:nowrap}
.lp-don-ic>span>span{display:inline-block}

/* Hero sahnesi: noktalı hale + yüzen etiketler */
.lp-sahne{position:relative;isolation:isolate}
.lp-sahne::before,.lp-cizim::before,.lp-promo-kart::before{content:"";position:absolute;z-index:-1;pointer-events:none;background-image:radial-gradient(circle,var(--lp-nokta,var(--nokta-lacivert2)) 1.3px,transparent 1.7px);background-size:12px 12px;-webkit-mask-image:radial-gradient(ellipse closest-side,#000 45%,transparent 100%);mask-image:radial-gradient(ellipse closest-side,#000 45%,transparent 100%)}
.lp-sahne::before{inset:-56px -48px;--lp-nokta:var(--nokta-lacivert)}
.lp-cip{display:inline-flex;align-items:center;gap:7px;background:var(--kart);color:var(--yazi);border:1px solid var(--cizgi);border-radius:12px 12px 12px 3px;padding:6px 11px 6px 6px;font-size:12.5px;font-weight:700;line-height:1.3;white-space:nowrap;box-shadow:0 10px 22px -12px rgba(0,0,0,.35),0 1px 2px var(--golge)}
.lp-cip-ikon{flex:none;width:22px;height:22px;border-radius:8px;background:var(--mercan);color:var(--mercanustu);display:inline-flex;align-items:center;justify-content:center;font-style:normal;font-size:12px;font-weight:800}
.lp-cip-ikon.lp-yesil{background:var(--yesilzemin);color:var(--yesil)}
.lp-sahne>.lp-cip{position:absolute;z-index:2}
.lp-cip-a{top:-18px;right:28px}
.lp-cip-b{left:54px;top:174px}
.lp-cip-c{left:30px;bottom:-15px}
.lp-parla{box-shadow:0 4px 14px -6px rgba(var(--amberrgb),.55)}

/* Kaydırınca beliren alt şerit */
.lp-serit{position:fixed;left:50%;translate:-50% 0;bottom:20px;z-index:40;display:flex;align-items:center;gap:14px;background:var(--murekkep);color:var(--murekkepyazi);border:1px solid var(--murekkepkenar);text-decoration:none;font-weight:800;font-size:15px;border-radius:999px;padding:7px 7px 7px 22px;box-shadow:0 18px 40px -16px rgba(0,0,0,.5);white-space:nowrap}
.lp-serit:hover{color:var(--amber2)}
.lp-serit i{flex:none;width:42px;height:42px;border-radius:50%;background:var(--mercan);color:var(--mercanustu);display:flex;align-items:center;justify-content:center}
.lp-serit:focus-visible{outline-offset:3px}

@media (max-width:560px){
  .lp-hero{padding-bottom:48px}
  .lp-cip-a{right:10px} .lp-cip-b{left:50px;top:166px} .lp-cip-c{left:14px}
  .lp-sahne::before{inset:-40px -24px}
  .lp-ozellik{padding-top:16px;padding-bottom:72px}
  .lp-kartlar{margin-top:28px;gap:16px}
  .lp-kart{padding:20px}
  .lp-serit{left:16px;right:16px;translate:none;justify-content:space-between;bottom:14px}
}

/* Hareketler */
@keyframes lpRise{from{transform:translateY(22px);opacity:0}to{transform:none;opacity:1}}
@keyframes lpGlow{0%,100%{box-shadow:0 4px 14px -6px rgba(var(--amberrgb),.55)}50%{box-shadow:0 10px 34px -4px rgba(var(--amberrgb),.8)}}
@keyframes lpDrift{from{background-position:0 0}to{background-position:24px 12px}}
@keyframes lpFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-7px)}}
@keyframes lpFloat2{0%,100%{transform:translateY(0)}50%{transform:translateY(6px)}}
@keyframes lpNefes{0%,100%{transform:scale(1)}50%{transform:scale(1.045)}}
@keyframes lpDon{to{transform:rotate(360deg)}}
@keyframes lpNokta{0%,60%,100%{opacity:.35;transform:none}30%{opacity:1;transform:translateY(-3px)}}
@keyframes lpPop{from{opacity:0;transform:translateY(12px) scale(.96)}to{opacity:1;transform:none}}
@keyframes lpSoru{0%,4%{opacity:0;transform:translateY(12px) scale(.96)}12%,92%{opacity:1;transform:none}98%,100%{opacity:0;transform:none}}
@keyframes lpYaz{0%,14%{opacity:0}18%,31%{opacity:1}34%,100%{opacity:0}}
@keyframes lpCevap{0%,32%{opacity:0;transform:translateY(12px) scale(.96)}40%,92%{opacity:1;transform:none}98%,100%{opacity:0;transform:none}}
@keyframes lpOneri{0%,44%{opacity:0;transform:scale(.7)}50%{opacity:1;transform:scale(1.08)}54%,92%{opacity:1;transform:none}98%,100%{opacity:0}}
@keyframes lpTik1{0%,22%{background:var(--kart);border-color:var(--cizgi3);color:transparent;transform:none}26%{transform:scale(1.25)}30%,92%{background:var(--yesil);border-color:var(--yesil);color:var(--kart);transform:none}97%,100%{background:var(--kart);border-color:var(--cizgi3);color:transparent}}
@keyframes lpTik2{0%,47%{background:var(--kart);border-color:var(--cizgi3);color:transparent;transform:none}51%{transform:scale(1.25)}55%,92%{background:var(--yesil);border-color:var(--yesil);color:var(--kart);transform:none}97%,100%{background:var(--kart);border-color:var(--cizgi3);color:transparent}}
@keyframes lpHalka{0%,22%{stroke-dashoffset:119.4}30%,47%{stroke-dashoffset:79.6}55%,92%{stroke-dashoffset:39.8}98%,100%{stroke-dashoffset:119.4}}
@keyframes lpSay1{0%,25%{opacity:1}27%,97%{opacity:0}100%{opacity:1}}
@keyframes lpSay2{0%,25%{opacity:0}27%,50%{opacity:1}52%,100%{opacity:0}}
@keyframes lpSay3{0%,50%{opacity:0}52%,95%{opacity:1}98%,100%{opacity:0}}
@keyframes lpPerde{from{opacity:0}to{opacity:1}}
@keyframes lpModal{from{opacity:0;transform:translateY(12px) scale(.985)}to{opacity:1;transform:none}}
@keyframes lpAltan{from{transform:translateY(100%)}to{transform:none}}
@keyframes lpSerit{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}
@keyframes lpNoktaGel{from{opacity:0;transform:scale(.4)}}
@keyframes lpYay{from{transform:scale(1);opacity:.75}to{transform:scale(2.1);opacity:0}}
@keyframes lpPanel{from{opacity:0;transform:translateY(8px)}}
@keyframes lpAcil{from{opacity:0;transform:translateY(-6px)}}
@keyframes lpSimdi{0%{transform:scale(.6);opacity:0}60%{transform:scale(1.08);opacity:1}100%{transform:none;opacity:1}}

@media (prefers-reduced-motion:no-preference){
  .lp-hero .lp-in{animation:lpRise .8s cubic-bezier(.2,.7,.2,1) both;animation-delay:calc(var(--i,0) * 90ms + 60ms)}
  .lp-promo-kart::before{animation:lpDrift 11s linear infinite}
  .lp-gor .lp-nokta-yesil::before{animation-duration:13s} .lp-gor .lp-nokta-lacivert::before{animation-duration:9s}
  .lp-gor .lp-k2{animation-delay:1.2s} .lp-gor .lp-k4{animation-delay:.8s}
  .lp-gor .lp-s1{animation:lpSoru 9s ease-out infinite both}
  .lp-gor .lp-s2{animation:lpYaz 9s linear infinite both}
  .lp-gor .lp-s3{animation:lpCevap 9s ease-out infinite both}
  .lp-gor .lp-s4{animation:lpOneri 9s ease-out infinite both}
  .lp-gor .lp-yaziyor i,.lp-wa-yaziyor i{animation:lpNokta 1.2s ease-in-out infinite}
  .lp-yaziyor i:nth-child(2),.lp-wa-yaziyor i:nth-child(2){animation-delay:.15s}
  .lp-yaziyor i:nth-child(3),.lp-wa-yaziyor i:nth-child(3){animation-delay:.3s}
  .lp-gor .lp-g1 .lp-kutu{animation:lpTik1 8s ease-out infinite both}
  .lp-gor .lp-g2 .lp-kutu{animation:lpTik2 8s ease-out infinite both}
  .lp-gor .lp-h-dolu{animation:lpHalka 8s cubic-bezier(.4,0,.2,1) infinite both}
  .lp-gor .lp-h-say i:nth-child(1){animation:lpSay1 8s linear infinite both}
  .lp-gor .lp-h-say i:nth-child(2){animation:lpSay2 8s linear infinite both}
  .lp-gor .lp-h-say i:nth-child(3){animation:lpSay3 8s linear infinite both}
  .lp-sira>.lp-cikti,.lp-wa-yaziyor{animation:lpPop .45s cubic-bezier(.2,.7,.2,1) both}
  .lp-promo-perde{animation:lpPerde .35s ease-out both}
  .lp-promo-kart{animation:lpModal .5s cubic-bezier(.2,.7,.2,1) both}
  .lp-mini-tel{animation:lpFloat 6s ease-in-out infinite}
  .lp-serit{animation:lpSerit .4s cubic-bezier(.2,.7,.2,1) both}
  /* v21: telefon, iş kartı, harita, paketler, SSS ve liste kutusu */
  .lp-gor .lp-cip-f{animation:lpFloat 6s ease-in-out .4s infinite}
  .lp-gor .lp-zarf{animation:lpFloat 6s ease-in-out infinite}
  .lp-sira>.wa-kart.lp-cikti .wa-simdi{animation:lpSimdi .6s cubic-bezier(.2,.7,.2,1) .3s backwards}
  .lp-sira>.wa-kart.lp-cikti .wa-artis{animation:lpRise .5s cubic-bezier(.2,.7,.2,1) .6s backwards}
  .lp-bekle .lp-yuksel,.lp-bekle .izgara .nokta{opacity:0}
  .lp-geldi .lp-yuksel{animation:lpRise .7s cubic-bezier(.2,.7,.2,1) backwards;animation-delay:calc(var(--i,0) * 100ms + 80ms)}
  .lp-geldi .izgara .nokta{animation:lpNoktaGel .5s cubic-bezier(.3,1.4,.5,1) 380ms backwards}
  .lp-geldi .izgara .nokta:nth-child(13){animation-delay:60ms}
  .lp-geldi .izgara .nokta:is(:nth-child(7),:nth-child(8),:nth-child(9),:nth-child(12),:nth-child(14),:nth-child(17),:nth-child(18),:nth-child(19)){animation-delay:220ms}
  .harita.lp-gor .nokta.merkez::before{animation:lpYay 2.4s ease-out infinite}
  .ekran [role="tabpanel"]:not([hidden]){animation:lpPanel .35s ease backwards}
  /* Örnek yazışma: sekme açılınca mesajlar sırayla gelir */
  .ekran [role="tabpanel"]:not([hidden]) .msj{animation:msjGel .35s cubic-bezier(.2,.7,.2,1) backwards}
  .ekran [role="tabpanel"]:not([hidden]) .msj:nth-child(2){animation-delay:.8s}
  .ekran [role="tabpanel"]:not([hidden]) .msj:nth-child(3){animation-delay:1.7s}
  .ekran [role="tabpanel"]:not([hidden]) .msj:nth-child(4){animation-delay:2.8s}
  .sss details[open] p{animation:lpAcil .35s ease backwards}
}
@media (prefers-reduced-motion:no-preference) and (max-width:640px){
  .lp-promo-kart{animation:lpAltan .45s cubic-bezier(.2,.7,.2,1) both}
}
.lp-sira>.lp-cikti,.lp-sira>.lp-wa-yaziyor{opacity:1}

/* WhatsApp iletişim düğmesi (her sayfada, sağ alt) */
.wa-dugme{position:fixed;right:20px;bottom:20px;z-index:45;display:flex;align-items:center;gap:10px;text-decoration:none}
.wa-yuvarlak{width:58px;height:58px;border-radius:50%;background:#25D366;color:#fff;display:flex;align-items:center;justify-content:center;box-shadow:0 12px 28px -10px rgba(0,0,0,.45);transition:transform .15s ease}
.wa-dugme:hover .wa-yuvarlak{transform:scale(1.06)}
.wa-dugme:focus-visible{outline:none} .wa-dugme:focus-visible .wa-yuvarlak{outline:3px solid var(--vurgu);outline-offset:3px}
.wa-balon{position:absolute;right:70px;top:50%;translate:0 -50%;white-space:nowrap;background:var(--kart);color:var(--yazi);border:1px solid var(--cizgi2);font-size:14px;font-weight:700;padding:9px 14px;border-radius:12px 12px 3px 12px;box-shadow:0 10px 24px -14px rgba(0,0,0,.4);opacity:0;pointer-events:none;transition:opacity .2s ease}
.wa-dugme:hover .wa-balon,.wa-dugme:focus-visible .wa-balon,.wa-dugme.wa-acik .wa-balon{opacity:1}
@media (max-width:720px){
  .wa-dugme{right:14px;bottom:14px} .wa-yuvarlak{width:52px;height:52px} .wa-balon{display:none}
  body:has(.lp-serit:not([hidden])) .wa-dugme{bottom:84px}
  body:has(.yan-menu) .wa-dugme{bottom:calc(78px + env(safe-area-inset-bottom))}
}
body:has(.lp-promo:not([hidden])) .wa-dugme{opacity:0;pointer-events:none}
@media (prefers-reduced-motion:reduce){.wa-yuvarlak,.wa-balon{transition:none}}

/* v24: üst menüde ana düğme (yalnız geniş ekranda, hero geçilince). Alt şerit orada içeriğin üstüne binmesin diye gizli. */
.ust-cta{display:none}
@media (min-width:1000px){
  .lp-serit{display:none}
  body.lp-asagi .ust-cta{display:inline-flex;align-items:center;min-height:44px;padding:0 18px;border-radius:999px;background:var(--amber);color:var(--amberustu);font-weight:800;text-decoration:none}
  body.lp-asagi .ust-cta:hover{background:var(--amber2);color:var(--amberustu)}
}
@media (min-width:1000px) and (prefers-reduced-motion:no-preference){body.lp-asagi .ust-cta{animation:lpSerit .3s cubic-bezier(.2,.7,.2,1) both}}
/* Telefonda WhatsApp düğmesi hero metninin üstüne binmesin: hero geçilince belirir */
@media (max-width:720px){
  .wa-dugme{transition:opacity .2s ease,visibility 0s}
  body:has(.lp-hero):not(.lp-asagi) .wa-dugme{opacity:0;visibility:hidden;transition:opacity .2s ease,visibility 0s .2s}
}

/* "Web siteniz yok mu? Biz yapalım" teklifi */
.site-teklif{display:flex;flex-wrap:wrap;gap:28px;align-items:center;background:var(--kart);border:1px solid var(--cizgi2);border-radius:24px;padding:32px}
.site-teklif>div{flex:1 1 340px;min-width:0}
.site-teklif ul{list-style:none;margin:18px 0 0;padding:0;display:grid;gap:10px}
.site-teklif li{display:flex;gap:10px;align-items:flex-start;font-size:15px;line-height:1.5;color:var(--yazi2)}
.site-teklif li::before{content:"✓";flex:none;width:22px;height:22px;border-radius:50%;background:var(--yesilzemin);color:var(--yesil);font-weight:800;font-size:12px;display:flex;align-items:center;justify-content:center;margin-top:1px}
.btn-wa{background:#25D366;color:#0B2E17;display:inline-flex;align-items:center;gap:10px} .btn-wa:hover{background:#3EE07C;color:#0B2E17}
.site-mock{position:relative;max-width:360px;margin:0 auto;background:var(--kart2);border:1px solid var(--cizgi2);border-radius:18px;padding:14px}
.site-mock .sm-ust{display:flex;gap:6px;margin-bottom:12px} .site-mock .sm-ust i{width:9px;height:9px;border-radius:50%;background:var(--cizgi3)}
.site-mock .sm-adres{font-size:12px;color:var(--soluk);background:var(--kart);border:1px solid var(--cizgi2);border-radius:999px;padding:5px 12px;margin-bottom:14px}
.site-mock .sm-baslik{font-family:var(--baslik);font-weight:800;font-size:20px;line-height:1.2;color:var(--yazi)}
.site-mock .sm-satir{height:9px;border-radius:6px;background:var(--cizgi2);margin-top:9px}
.site-mock .sm-dugmeler{display:flex;gap:8px;margin-top:14px} .site-mock .sm-dugmeler b{font-size:12px;padding:7px 12px;border-radius:999px;background:var(--amber);color:var(--amberustu)} .site-mock .sm-dugmeler b+b{background:var(--kart);color:var(--yazi);border:1px solid var(--cizgi3)}
.site-mock .sm-rozet{position:absolute;right:-10px;bottom:-14px;background:var(--kart);border:1px solid var(--cizgi2);border-radius:12px 12px 12px 3px;padding:8px 12px;font-size:12px;font-weight:800;color:var(--yazi);box-shadow:0 10px 22px -12px rgba(0,0,0,.35)}
@media (max-width:720px){.site-teklif{padding:22px}.site-mock .sm-rozet{right:6px}}
#web-sitesi{padding-top:0}
.t-teklif-panel{margin-top:14px;border:1px solid var(--cizgi2);border-radius:14px;padding:14px 16px;background:var(--kart2)} .t-teklif-panel b{display:block;color:var(--yazi)} .t-teklif-panel .kart-alt{margin:4px 0 10px}

/* ==== le-lab.io esintisi (v22): sarı bant, dar dev yazı, eğik ekran kartları, 3B iğne, video alanı, imleç halkası ====
   Dar yazı: Bricolage Grotesque'in genişlik ekseni (wdth 75, index.html'deki Google Fonts adresinde). Yazı tipi yüklenmezse normal genişlikte görünür.
   Bütün hareketler transform/opacity; ekran dışında .lp-gor kalkınca durur; "hareketi azalt" açıksa hiç çalışmaz. */
.lp-dar,.lp-kayan-ic span,.lp-sozler h3{font-family:var(--baslik);font-stretch:75%;font-weight:800;text-transform:uppercase}

/* Hero: tıklanmaz durum etiketi (eski sarı + gri rozet yerine) */
.lp-durum{display:inline-flex;align-items:center;gap:9px;margin:0;padding:7px 15px 7px 12px;border-radius:999px;background:var(--kart3);color:var(--yazi3);font-size:13.5px;font-weight:600;line-height:1.3;cursor:default;-webkit-user-select:none;user-select:none}
.lp-durum b{color:var(--yazi);font-weight:800}
.lp-durum span{color:var(--soluk2)}
.lp-durum i{position:relative;flex:none;width:8px;height:8px;border-radius:50%;background:var(--yesil)}
.lp-durum i::after{content:"";position:absolute;inset:0;border-radius:50%;background:var(--yesil);opacity:0}
.lp-hero{position:relative}

.lp-ekr-ust{display:flex;align-items:center;gap:5px;margin-bottom:10px;padding-bottom:9px;border-bottom:1px solid var(--cizgi);font-size:10.5px;font-weight:800;letter-spacing:.07em;text-transform:uppercase;color:var(--soluk)}
.lp-ekr-ust i{width:7px;height:7px;border-radius:50%;background:var(--cizgi3)}
.lp-ekr-ust span{margin-left:auto}
.lp-ekr-buyuk{margin:0;font-family:var(--baslik);font-weight:800;font-size:16px;line-height:1.25;letter-spacing:-.01em}
.lp-ekr-buyuk b{color:var(--kirmizi)}
.lp-ekr-tablo{display:grid;grid-template-columns:1.3fr 1fr 1fr;margin-top:10px;border:1px solid var(--cizgi2);border-radius:10px;overflow:hidden;font-size:12px}
.lp-ekr-tablo>*{padding:5px 8px;border-top:1px solid var(--cizgi2)}
.lp-ekr-tablo>:nth-child(-n+3){border-top:0;background:var(--kart2)}
.lp-ekr-tablo small{font-size:10.5px;font-weight:800;color:var(--soluk);text-transform:uppercase;letter-spacing:.04em}
.lp-ekr-tablo span{color:var(--yazi3);font-weight:600}
.lp-ekr-tablo .lp-kotu{color:var(--kirmizi)}
.lp-ekr-baslik{display:block;font-family:var(--baslik);font-size:16px;line-height:1.25;letter-spacing:-.01em}
.lp-ekr-is{list-style:none;margin:10px 0 0;padding:0;display:grid;gap:6px}
.lp-ekr-is li{display:flex;align-items:center;gap:8px;background:var(--kart2);border-radius:9px;padding:6px 8px;font-weight:600;color:var(--yazi2)}
.lp-ekr-is i{flex:none;width:16px;height:16px;border-radius:5px;border:1.5px solid var(--cizgi3);display:flex;align-items:center;justify-content:center;color:var(--kart)}
.lp-ekr-is .lp-tamam i{background:var(--yesil);border-color:var(--yesil)}
.lp-ekr-alt{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:10px}
.lp-ekr-alt small{font-size:11.5px;color:var(--soluk);font-weight:600}
.lp-ekr-alt span{background:var(--amber);color:var(--amberustu);border-radius:9px;padding:5px 12px;font-weight:800;font-size:12.5px}
.lp-ekr-kucuk{display:block;font-size:11.5px;font-weight:700;color:var(--soluk)}
.lp-ekr-sira{display:flex;align-items:center;gap:8px;margin-top:4px;color:var(--yesil)}
.lp-ekr-sira s{font-family:var(--baslik);font-weight:800;font-size:22px;color:var(--soluk2);text-decoration-thickness:2px}
.lp-ekr-sira b{font-family:var(--baslik);font-weight:800;font-size:34px;line-height:1;color:var(--yazi);letter-spacing:-.02em}
.lp-ekr-sira em{margin-left:auto;font-style:normal;font-size:11px;font-weight:800;background:var(--yesilzemin);color:var(--yesil);border-radius:999px;padding:3px 8px;white-space:nowrap}
.lp-ekr-cizgi{display:block;width:100%;height:46px;margin-top:8px}
.lp-ekr-cizgi .lp-alan{fill:var(--amberkoyu)}
.lp-ekr-cizgi .lp-hat{fill:none;stroke:var(--cizgiturunc);stroke-width:3;stroke-linejoin:round;stroke-linecap:round;vector-effect:non-scaling-stroke}

/* ==== Tasarım düzeltmeleri (v26): içeriğe geç bağlantısı, ikincil hero bağlantısı, numaralı bölüm başlıkları, sakin hareket, dürüst paketler ==== */
/* İçeriğe geç: yalnız klavyeyle odaklanınca görünür */
.atla{position:absolute;left:12px;top:-80px;z-index:100;background:var(--siyah);color:var(--yukselisyazi);border-radius:12px;padding:12px 18px;font-weight:800;text-decoration:none;box-shadow:0 10px 24px -10px rgba(0,0,0,.5)}
.atla:focus,.atla:focus-visible{top:12px;color:var(--amber);outline:3px solid var(--amber);outline-offset:2px}
#icerik:focus,main[tabindex="-1"]:focus{outline:none}

/* Hero: ana düğmenin altında küçük ikincil bağlantı */
.lp-ikincil{margin:14px 0 0;font-size:14.5px;line-height:1.5;color:var(--soluk)}
.lp-ikincil a{color:var(--vurgu);font-weight:700;text-decoration:underline;text-decoration-thickness:1.5px;text-underline-offset:3px}
.lp-ikincil a:hover{color:var(--vurgu2)}
.lp-hero .tikler{margin-top:18px}
@media (max-width:560px){.lp-hero .dugmeler .btn{width:100%}.lp-ikincil{text-align:center}}

/* Numaralı bölüm başlığı (küçük sarı numara + etiket) */
.lp-bolum-bas{display:flex;align-items:center;gap:10px;margin:0;font-size:12.5px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--yazi3)}
.lp-bolum-no{display:inline-flex;align-items:center;justify-content:center;min-width:32px;height:22px;padding:0 8px;border-radius:999px;background:var(--mercan);color:var(--mercanustu);font-size:11.5px;font-weight:800;letter-spacing:.04em;font-variant-numeric:tabular-nums}
.lp-sss-sol .h2{margin-top:12px}

/* Paketler: henüz hazır olmayanlar tek küçük notta */
.pk-yakinda{margin:0;padding-top:12px;border-top:1px dashed var(--cizgi3);font-size:13.5px;line-height:1.5;color:var(--soluk)}
.pk-yakinda span.yakinda{margin:0 8px 0 0}
.paket .bas .pil.lp-tavsiye{font-size:11.5px}

/* Video kapağı: oynat düğmesi ve yazılar her temada okunsun diye hafif karartma */
.lp-video-kapak.lp-kapakli::after{display:block;top:0;height:auto;background:linear-gradient(180deg,rgba(8,10,14,.22) 0%,rgba(8,10,14,.38) 55%,rgba(8,10,14,.58) 100%)}
.lp-video-orta{background:radial-gradient(closest-side,rgba(8,10,14,.35),transparent 100%) center/clamp(200px,28vw,320px) clamp(200px,28vw,320px) no-repeat}
[data-tema="koyu"] .lp-video-kapak.lp-kapakli::after{background:linear-gradient(180deg,rgba(8,10,14,.32) 0%,rgba(8,10,14,.48) 55%,rgba(8,10,14,.66) 100%)}
.lp-oynat-yazi{position:absolute;left:50%;top:calc(50% + clamp(56px,7.5vw,86px));translate:-50% 0;color:#F3F5F8;font-size:13px;font-weight:800;letter-spacing:.06em;text-shadow:0 1px 8px rgba(0,0,0,.6);white-space:nowrap}

/* Özellik kartları: geniş ekranda kart üzerine gelince oynar, yoksa sakin durur (aynı anda tek hareket) */
@media (min-width:900px) and (hover:hover){
  .lp-kart:not(:hover):not(:focus-within) *{animation:none!important}
}

/* WhatsApp telefonu: yazı çubuğu mesajların üstüne binmez, telefon ekrana göre küçülür */
.lp-wa-sahne .telefon{width:min(272px,100%)}
.lp-wa .tel-sohbet{height:340px}
@media (max-width:400px){.lp-wa .tel-sohbet{height:320px}}

/* Telefonda sayfa boyu: boşlukları daralt, içerik aynı kalsın */
@media (max-width:560px){
  .bolum{padding-top:56px;padding-bottom:56px}
  .hero{padding-top:32px}
  .lp-hero{padding-bottom:40px}
  .lp-hero .alt{font-size:17px;margin-top:18px}
  .dugmeler{margin-top:24px}
  .ekran{min-height:0}
  #olcum .iki{margin-top:28px!important}
  .lp-ozellik{padding-bottom:48px}
  .lp-cizim{height:206px;margin:10px 0 14px}
  .lp-gorev{top:24px}
  .lp-sohbet{top:14px}
  .lp-video-bolum{padding-top:56px}
  .paketler{margin-top:28px}
  .paket{padding:22px;gap:12px}
  .site-teklif .site-mock{display:none}
  .site-teklif>div[aria-hidden="true"]{display:none}
  #liste{padding-top:40px!important;padding-bottom:56px!important}
  .sss summary{padding:15px 0;font-size:16px}
  .lp-bant{padding-bottom:48px}
  .lp-bant-ic{padding-top:32px;gap:32px}
}
@media (max-width:560px){
  /* Sarı bantta örnek ekranlar telefonda gizli: aynı örnekler hero kartında ve aşağıdaki kartlarda zaten var */
  .lp-vitrin{display:none}
  .lp-bant-ic{padding-top:28px}
}
@media (max-width:560px){
  .alt{font-size:16.5px;margin-top:14px}
  .lp-maddeler{margin-top:18px;gap:10px}
  .iskart{padding:20px 18px}
  .harita{padding:16px}
  .liste-kutu{padding:26px 20px}
  .lp-ozellik .lp-kartlar{margin-top:20px}
}

/* Kim yapıyor şeridi */
.kim-serit{display:flex;align-items:center;gap:18px;margin-top:20px;padding:18px 22px;border:1px solid var(--cizgi);border-radius:20px;background:var(--kart)}
.kim-foto{flex:none;width:80px;height:80px;border-radius:50%;background:var(--amber);color:var(--amberustu);display:grid;place-items:center;font-weight:800;font-size:20px;letter-spacing:.02em;overflow:hidden}
.kim-foto picture,.kim-foto img{display:block;width:100%;height:100%;object-fit:cover}.kim-foto{box-shadow:0 0 0 3px var(--kart),0 0 0 5px var(--amber)}
.kim-metin{flex:1;min-width:0}
.kim-metin p{margin:0;font-size:15px;line-height:1.55;color:var(--yazi2)}
.kim-metin .kim-bas{font-size:12.5px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--yazi3);margin-bottom:4px}
.kim-dugme{flex:none}
@media (max-width:720px){.kim-serit{flex-wrap:wrap;padding:16px}.kim-metin{flex-basis:calc(100% - 100px)}.kim-dugme{width:100%;justify-content:center}}

/* v28: hazırlık düzeltmeleri */
/* Hesap açma: aydınlatma metni onay kutusundan ayrı, sadece bilgi */
.kayit-bilgi{margin:10px 0 0;font-size:13px;line-height:1.55;color:var(--soluk)}
.kayit-bilgi a{color:var(--yazi3)}
/* Hızlı testte sorular sürerken telefonda WhatsApp düğmesi soru metninin üstüne binmesin; sonuç ekranında görünür */
@media (max-width:720px){body:has(#s5[hidden]) .wa-dugme{display:none}}
/* 404 sayfası */
.yok-sayfa{max-width:640px;margin:0 auto;padding:72px 24px 96px;text-align:center}
.yok-sayfa .yok-kod{font-family:var(--baslik);font-weight:800;font-size:clamp(72px,16vw,128px);line-height:1;letter-spacing:-.04em;color:var(--amber);margin:0}
.yok-sayfa h1{font-family:var(--baslik);font-weight:800;font-size:clamp(28px,5vw,40px);letter-spacing:-.03em;line-height:1.15;margin:12px 0 0}
.yok-sayfa p{color:var(--yazi3);font-size:17px;line-height:1.6;margin:14px auto 0;max-width:460px}
.yok-dugmeler{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;margin-top:28px}
@media (max-width:480px){.yok-dugmeler .btn{width:100%}}

/* Google yorumları ve platformlar (panel, Google sekmesi) */
.yorum-ozet{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.yorum-ozet .sayi-kutu{padding:14px}
.yorum-ozet .sayi-kutu b{font-size:28px}
.yorum-ozet .sayi-kutu.dikkat b{color:var(--uyariyazi)}
.yorum-konular{margin-top:14px;background:var(--kart2);border-radius:16px;padding:14px 16px}
.konu-satir{display:flex;flex-wrap:wrap;gap:6px;align-items:center;margin:10px 0 0}
.konu-etiket{font-size:13px;color:var(--soluk);margin-right:2px}
.isi-izgara{display:grid;grid-template-columns:repeat(3,56px);gap:14px;justify-content:center;padding:18px;background:var(--kart2);border-radius:16px}
.isi-nokta{width:56px;height:56px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:16px}
.isi-nokta.kucuk{width:14px;height:14px;display:inline-block;vertical-align:-2px;margin-right:6px}
.isi-1{background:var(--yesil);color:var(--kart)} .isi-2{background:var(--yesilzemin);color:var(--yesil);border:2px solid var(--yesil)}
.isi-3{background:var(--uyarizemin);color:var(--uyariyazi);border:2px solid var(--uyarikenar)} .isi-yok{background:var(--cizgi2);color:var(--soluk)}
.isi-siz{outline:3px solid var(--amber);outline-offset:3px}
.isi-aciklama{display:flex;flex-wrap:wrap;gap:14px;justify-content:center;font-size:13px;color:var(--soluk);margin:10px 0}
.yorum-kaynak{margin-top:10px}
.yorum-liste,.platform-liste{list-style:none;margin:14px 0 0;padding:0;display:grid;gap:10px}
.yorum,.platform{background:var(--kart2);border:1px solid var(--cizgi2);border-radius:14px;padding:14px 16px;min-width:0}
.yorum-ust,.platform-ust{display:flex;justify-content:space-between;align-items:flex-start;gap:10px;flex-wrap:wrap}
.yorum-ust b,.platform-ust b{display:block;font-size:15px;color:var(--yazi)}
.yorum-zaman{display:block;font-size:12.5px;color:var(--soluk);margin-top:2px}
.yorum-sag{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.yorum-yildiz{color:var(--uyariyazi);font-size:15px;letter-spacing:1px;white-space:nowrap}
.yorum-metin{margin:8px 0 0;font-size:14px;line-height:1.6;color:var(--yazi2);overflow-wrap:anywhere}
.yorum-metin.bos{color:var(--soluk);font-style:italic}
.yorum-taslak{background:var(--amberzemin)}
.yorum-taslak p{margin:6px 0 10px}
.yorum-taslak-alt{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.yorum-taslak-alt .kart-alt{margin:0;flex:1 1 220px}
.yorum-bos{background:var(--kart2);border:1px solid var(--cizgi2);border-radius:14px;padding:14px 16px}
.yorum-bos b{display:block;color:var(--yazi)}
.platform .site-alan{display:block;font-size:12.5px;color:var(--soluk);margin-top:2px}
.platform>.kart-alt{margin-top:8px}
.platform>a{display:inline-block;margin-top:8px;font-weight:700;font-size:14px}
.platform .adim-liste{font-size:13.5px}
.platform.p-var{border-left:4px solid var(--yesil)}
.platform.p-bulunamadi{border-left:4px solid var(--kirmizi)}
.platform.p-kendiniz{border-left:4px solid var(--amber)}
@media (max-width:560px){.yorum-ozet{gap:8px}.yorum-ozet .sayi-kutu{padding:12px}.yorum-ozet .sayi-kutu b{font-size:22px}.yorum-ozet .sayi-kutu span{font-size:11.5px}.yorum-ozet .sayi-kutu small{font-size:11px}}

/* v32: son düzeltmeler */
/* Kodla odaklanan başlık ve bölümlerde (tabindex="-1") fareyle/dokunarak gelince odak çerçevesi çizilmesin; klavyede görünür kalsın */
[tabindex="-1"]:focus:not(:focus-visible){outline:none}
/* Başlıklar ve teşekkür kutusu yalnız ekran okuyucuya yer bildirmek için kodla odaklanır, tıklanamaz: çerçeve hiç gerekmez */
:is(h1,h2,h3,.tesekkur,#t-hata)[tabindex="-1"]:focus{outline:none}
/* Alt şerit ("Durumunuzu 1 dakikada görün") açıkken WhatsApp düğmesi şeridin üstüne çıkar (sınıfı app.js ekler; :has desteklemeyen tarayıcılar için) */
@media (max-width:999px){
  body.alt-cta-acik .wa-dugme{bottom:calc(84px + env(safe-area-inset-bottom))}
}
/* Telefonda WhatsApp düğmesi kurulum ve test sayfalarının en altındaki ipucu metinlerini ve düğmeleri örtmesin */
@media (max-width:720px){
  .test-govde{padding-bottom:calc(84px + env(safe-area-inset-bottom))}
}
/* Dokunma hedefleri: tek başına duran metin bağlantıları en az 24px yüksekliğinde */
.platform>a,#vazgec,.metin-bag,.alt-bilgi:not(.lp-alt) .kap span a{display:inline-flex;align-items:center;min-height:24px;padding-block:2px}

/* v33: telefonda WhatsApp düğmesi */
@media (max-width:720px){
  /* Alttaki yapışkan "Durumunuzu 1 dakikada görün" şeridi açıkken düğme gizlenir (iki düğme üst üste binmesin) */
  body.alt-cta-acik .wa-dugme,body:has(.lp-serit:not([hidden])) .wa-dugme{opacity:0;visibility:hidden;pointer-events:none}
  /* Hızlı test sonuç ekranı: sağ alttaki düğme son sonuç satırlarını örtmesin */
  #s5{padding-bottom:calc(104px + env(safe-area-inset-bottom))}
}
/* "Dilerseniz bize..." balonu telefonda ve dokunmatik ekranlarda hiç gösterilmez */
@media (max-width:720px),(hover:none){.wa-balon{display:none}}
/* Dokunma hedefleri: üst menü bağlantıları ve panel kart bağlantıları ("Tüm işler →", "Google İşletme Profili →") en az 24px */
@media (min-width:721px){.menu a{display:inline-flex;align-items:center;min-height:24px}}
.menu a.erken,.kart-bas a,.is-govde>a{display:inline-flex;align-items:center;min-height:24px}
/* İşlerim: önce bu haftanın işleri; diğer bölümler "Tüm işleri göster" ile açılır */
#isler-sayfa.odak .is-bolum{display:none!important}
.tum-isler-btn{width:100%;margin-top:14px}
#hafta-kart{border:2px solid var(--amberkenar)}
.hedef-soru{background:var(--kart2);border:1px solid var(--cizgi2);border-radius:16px;padding:16px;margin:4px 0 14px}
.hedef-soru b{display:block;font-size:16px;margin-bottom:10px}
.hedef-secenekler{display:grid;gap:8px}
.hedef-secenekler button{min-height:48px;text-align:left;justify-content:flex-start}
.hedef-satir{font-size:14px;color:var(--yazi3);margin:0 0 10px}
.hafta-bitti{background:var(--zemin2);border-radius:16px;padding:16px;margin-top:4px}
.hafta-bitti p{margin:0 0 12px}
/* Diğer bölümlerde iş numarası yerine nokta: sıra "Bu haftanın işleri"nde */
.is-bolum .is-satir:not(.yapildi) .is-no{font-size:0}
.is-bolum .is-satir:not(.yapildi) .is-no::after{content:"";width:8px;height:8px;border-radius:50%;background:currentColor}
/* Ok işaretli bağlantılar parmakla rahat basılsın (en az 44px dokunma alanı) */
.kart-bas a,.is-govde>a,.is-detay>a,.geri-link,a.geri{min-height:44px;display:inline-flex;align-items:center}

/* Tanıtım videosu yokken (data-video boş) oynat düğmesi sönük, "İzleyin" yazısı gizli */
.lp-video-bolum[data-video=""] .lp-oynat{opacity:.6;cursor:default}
.lp-video-bolum[data-video=""] .lp-oynat-yazi{display:none}
/* Arama sayfası: sıralama kutuları tıklanır, liste kutuların altında açılır */
button.sayi-kutu{font:inherit;color:inherit;text-align:left;width:100%;cursor:pointer;border:1px solid transparent;transition:border-color .15s}
button.sayi-kutu[aria-expanded="true"]{border-color:var(--amber)}
@media (hover:hover){button.sayi-kutu:hover{border-color:var(--amber)}}
.sayi-kutu .sira-ac{display:block;margin-top:8px;font-style:normal;font-size:13px;font-weight:700;color:var(--amberyazi)}
.sayi-kutu .sira-ac::after{content:" ▾"}
.sayi-kutu[aria-expanded="true"] .sira-ac::after{content:" ▴"}
.ar-sira{margin-top:12px}
.ar-sira h4{margin:0 0 10px;font-size:15px}
.sira-liste{margin:0;padding-left:28px;display:grid;gap:8px;font-size:15px}
.sira-liste li b{font-weight:700}
.sira-liste li span{color:var(--yazi2)}
.sira-liste li small{display:block;font-size:13px;color:var(--soluk)}
.sira-liste li.siz{color:var(--vurgu)}
.sira-liste li.siz b{color:var(--vurgu)}

/* ==== v40: ana sayfa sadeleşti (tasarım denetimi, 1 Kasım 2026) ====
   Sarı bant, kayan şerit, 3B iğne, yüzen çipler, nokta desenleri, numaralı bölüm rozetleri, video yer tutucusu,
   tanıtım penceresi ve mıknatıslı düğmeler kaldırıldı. Yana kayan hiçbir şey yok; telefonda her şey alt alta. */
/* Bölüm etiketi: numara rozeti yerine sade, normal harfli gri yazı */
.etiket-sade{margin:0 0 10px;font-size:15px;font-weight:700;color:var(--soluk)}
/* Hero: tek cümle; örnek kartta gri çubuk yerine ad; arkada nokta deseni yok */
.lp-tekcumle{margin:18px 0 0;font-size:15px;font-weight:600;color:var(--soluk)}
.lp-sahne::before{content:none}
.satir .ad{font-weight:600;color:var(--yazi2)}
.satir.siz .ad{color:var(--siyah)}

/* Nasıl çalışır: örnek bir kliniğin 3 haftası, dikey zaman çizgisi. Karakteri büyük rakamlardan alır. */
.hk-bas{max-width:640px}
.hk-bas .alt{margin-top:14px}
.hk-cizgi{list-style:none;margin:56px 0 0;padding:0;display:grid;gap:64px;position:relative}
.hk-cizgi::before{content:"";position:absolute;left:47px;top:16px;bottom:16px;width:2px;background:var(--amberkenar)}
.hk-durak{display:grid;grid-template-columns:96px minmax(0,1fr) minmax(0,400px);gap:24px 44px;align-items:start}
.hk-isaret{margin:0;position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;gap:4px;padding:2px 0 10px;background:var(--zemin);text-align:center}
.hk-isaret b{font-family:var(--baslik);font-weight:800;font-size:56px;line-height:1;letter-spacing:-.04em;color:var(--yazi);font-variant-numeric:tabular-nums}
.hk-isaret small{font-size:13px;font-weight:700;color:var(--soluk);line-height:1.2}
.hk-isaret.hk-iyi b{color:var(--yesil)}
.hk-zaman{margin:0;font-size:14px;font-weight:700;color:var(--amberyazi)}
.hk-metin h3{margin:6px 0 0;font-family:var(--baslik);font-weight:800;font-size:clamp(24px,2.6vw,30px);line-height:1.15;letter-spacing:-.02em;text-wrap:balance}
.hk-metin p:not(.hk-zaman){margin:12px 0 0;font-size:17px;line-height:1.6;color:var(--yazi3);max-width:56ch}
.hk-ekran{position:relative;z-index:1;min-width:0;background:var(--kart);border:1px solid var(--cizgi2);border-radius:18px;padding:14px 16px 16px;font-size:13px;box-shadow:0 18px 40px -30px rgba(var(--golgerenk),.45)}
.hk-ekran-is{background:none;border:0;padding:0;box-shadow:none}
.hk-ekran-is .iskart h3{font-size:19px}
@media (max-width:980px){
  .hk-durak{grid-template-columns:72px minmax(0,1fr)}
  .hk-ekran{grid-column:2;max-width:460px}
  .hk-cizgi::before{left:35px}
  .hk-isaret b{font-size:42px}
}
@media (max-width:560px){
  .hk-cizgi{gap:48px;margin-top:36px}
  .hk-durak{grid-template-columns:56px minmax(0,1fr);gap:14px 14px}
  .hk-cizgi::before{left:27px}
  .hk-isaret b{font-size:30px}
  .hk-isaret small{font-size:11px}
  .hk-metin h3{font-size:22px}
  .hk-metin p:not(.hk-zaman){font-size:16px}
  .hk-ekran{grid-column:1/-1;max-width:none}
}

/* Kim yapıyor: hikâyenin hemen altında, gerçek yüz */
.kim-bolum{padding-bottom:96px}
.kim-kart{display:flex;align-items:center;gap:28px;max-width:880px;padding:28px 32px;border:1px solid var(--cizgi2);border-radius:24px;background:var(--kart2)}
.kim-kart .kim-foto{width:112px;height:112px}
.kim-kart h2{margin:0;font-family:var(--baslik);font-weight:800;font-size:26px;letter-spacing:-.02em}
.kim-kart .kim-metin p{margin:8px 0 18px;font-size:17px;line-height:1.6;max-width:58ch}
@media (max-width:560px){
  .kim-bolum{padding-bottom:72px}
  .kim-kart{flex-direction:column;align-items:flex-start;gap:16px;padding:22px 20px}
  .kim-kart .kim-foto{width:88px;height:88px}
  .kim-kart .btn{width:100%;justify-content:center}
}

/* Fiyat: ücretli paketler belli olana kadar tek kart */
.fiyat-kart{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:28px 56px;align-items:start;padding:40px;border:1px solid var(--cizgi2);border-radius:28px;background:var(--kart)}
.fiyat-kart .alt{margin-top:14px}
.fiyat-liste{list-style:none;margin:0 0 24px;padding:0;display:grid;gap:12px}
.fiyat-liste li{position:relative;padding-left:28px;font-size:16px;line-height:1.5;color:var(--yazi2)}
.fiyat-liste li::before{content:"✓";position:absolute;left:4px;top:0;font-weight:800;color:var(--yesil)}
.kucuk-not{margin:14px 0 0;font-size:14px;line-height:1.5;color:var(--soluk)}
@media (max-width:820px){.fiyat-kart{grid-template-columns:minmax(0,1fr);padding:26px 22px}.fiyat-sag .btn{width:100%;justify-content:center}}

/* Henüz hazır olmayanlar tek yerde */
.sirada{margin-top:20px;padding:20px 24px;border:1px dashed var(--cizgi3);border-radius:20px;color:var(--yazi3)}
.sirada h3{margin:0;font-size:17px;font-weight:800;color:var(--yazi)}
.sirada p{margin:6px 0 0;font-size:15px;line-height:1.55;max-width:70ch}

/* Haber listesi kutusu: süs (ışık, nokta, halka) yok; koyu temada koyu zemin, turuncu kenar */
.lp-liste{background:var(--amber);box-shadow:none}
.lp-liste::before,.lp-liste::after{content:none}
[data-tema="koyu"] .liste-kutu{background:var(--kart);color:var(--yazi);border:1.5px solid var(--amber)}
[data-tema="koyu"] .liste-kutu p,[data-tema="koyu"] .liste-kutu a,[data-tema="koyu"] .liste-kutu .kucuk,[data-tema="koyu"] .liste-kutu .onay{color:var(--yazi)}
[data-tema="koyu"] .liste-kutu .satir-form input{border-color:var(--cizgi3);background:var(--zemin);color:var(--yazi)}
[data-tema="koyu"] .liste-kutu .onay input{accent-color:var(--amber)}

/* 404: büyük "404" yazısı ortada (paragraf genişlik sınırı onu sola itiyordu) */
.yok-sayfa .yok-kod{margin:0 auto;max-width:none}
/* Hero örnek kartı: "↗ 9 → 3" telefonda iki satıra bölünmesin */
.satir .yukselis{white-space:nowrap}
/* Panel: ızgara içindeki kart, içindeki uzun tablo ya da bağlantı yüzünden genişlemesin (telefonda sayfa yana kayıyordu) */
.panel-izgara>*,.kart{min-width:0}
.kaydir{max-width:100%}
.yz-cevap,.kart{overflow-wrap:anywhere}
.sekmeler{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 16px}
.sekmeler button{font:inherit;font-size:14px;font-weight:700;padding:8px 14px;border-radius:999px;border:1px solid var(--cizgi2);background:var(--kart);color:var(--yazi2);cursor:pointer}
.sekmeler button[aria-pressed="true"]{background:var(--amber);border-color:var(--amber);color:var(--amberustu)}
.sekmeler button:focus-visible{outline:2px solid var(--amber);outline-offset:2px}
.sekme-disi{display:none!important}
.hk-video{display:block;width:100%;height:auto;max-width:100%;aspect-ratio:16/9;margin-top:22px;border-radius:16px;background:var(--kart2)}
.ornek-serit{display:flex;flex-wrap:wrap;gap:6px 14px;align-items:center;justify-content:center;padding:10px max(16px,env(safe-area-inset-left,0px));background:var(--amberzemin);color:var(--yazi);font-size:14px;text-align:center;border-bottom:1px solid var(--amberkenar)}
.ornek-serit a{font-weight:800}

/* Logo işareti marka renginden (v46: petrol); HTML'deki stroke özniteliğini ezer */
.logo-isaret svg{stroke:var(--logo)}

/* Açık tema canlılık (v49): ana sayfa üstten açık petrol tonla başlar, gri bölümler açık petrol, ana düğme ve örnek kartlar petrol gölgeli.
   Küçük vurgular (siz satırı, rozetler, madde noktaları) --mercan; koyu temada --mercan ana renkle aynı, koyu tema değişmez. */
:root:not([data-tema="koyu"]) body.ana{background:linear-gradient(180deg,#E6F2F5 0,#F3F9FA 520px,#FFFFFF 1000px) no-repeat,#FFFFFF}
:root:not([data-tema="koyu"]) .bolum-koyu{background:linear-gradient(180deg,#EEF6F8,#F6FAFB);border-color:#D9EAEF}
:root:not([data-tema="koyu"]) .btn-amber{box-shadow:0 10px 24px -12px rgba(21,94,117,.9)}
:root:not([data-tema="koyu"]) .lp-sahne,:root:not([data-tema="koyu"]) .paket.one{box-shadow:0 30px 60px -34px rgba(21,94,117,.45)}

/* Telefon (v51): testte Geri/Devam çubuğu ekranın altında sabit (seçimden sonra düğme aranmasın); örnek panel şeridi tek satır */
@media (max-width:560px){
  .test .gezinme{position:sticky;bottom:0;z-index:5;margin-top:24px;padding:12px 0 calc(12px + env(safe-area-inset-bottom,0px));background:var(--zemin);box-shadow:0 -12px 18px -16px rgba(var(--golgerenk),.5)}
  .ornek-serit{font-size:13px;padding-block:7px}
  .ornek-uzun{display:none}
}