/* SmartPass urun uyarlamasi (Smart360/docs/tasarim-cercevesi.md §7). Kit dosyalari (kit/*) duzenlenmez. */
body[data-urun]{--urun:#d98a1c;--urun-acik:#fdf1dc}
.logo b span{color:var(--marka)}
/* gorseller kapsayicisina oturur; width/height oranı CLS'yi onler */
.sahne img{width:100%;height:auto}
.tel-cift{display:flex;gap:16px;justify-content:center;align-items:flex-start}
.tel-cift img{width:calc(50% - 8px);max-width:300px;height:auto;border-radius:var(--r-m);box-shadow:var(--golge-m)}
.hs-yalin{padding-bottom:clamp(24px,4vw,56px)}

/* ---- #G-59 canli gecis ---- */
/* Eski stil.css'ten tasinan kurallar (iletisim formu, Smart360 Security rozeti/perdesi): eski degiskenler
   burada yerel tanimli, kit jetonlarina dokunulmaz. Kaynak: web/stil.css (gecis oncesi), anlam degismedi. */
.eski-form,.s360-imza,.s360-perde{--surface:#ffffff;--line:rgba(122,74,184,0.16);--text:#1b1426;--faint:#6B6283;--brand:#8259D2;
  --bad:#ff5c6e;--bg2:#faf7fd;--dim:#5d5372;--tint:rgba(130,89,210,0.10);--grad-dugme:linear-gradient(145deg,#6C3FA8,#8A45B0 55%,#A23F7C);
  --shadow:0 18px 40px -24px rgba(44,24,74,0.28)}
.eski-form .form{background:var(--surface); border:1px solid var(--line); border-radius:16px;
  padding:clamp(20px,3vw,30px); box-shadow:var(--shadow)}
.eski-form .form-satir{display:grid; grid-template-columns:repeat(auto-fit,minmax(min(100%,190px),1fr)); gap:16px}
.eski-form .alan{display:flex; flex-direction:column; margin-top:16px}
.eski-form .form-satir .alan{margin-top:16px}
.eski-form .alan label{font-size:13.5px; font-weight:700; color:var(--text); margin-bottom:7px}
.eski-form .zorunlu{color:var(--brand)}
.eski-form .alan input,.eski-form .alan select,.eski-form .alan textarea{
  font:inherit; font-size:15px; color:var(--text); background:var(--bg2);
  border:1px solid var(--line); border-radius:10px; padding:11px 13px;
  width:100%; min-width:0; transition:border-color .15s ease, box-shadow .15s ease}
.eski-form .alan textarea{resize:vertical; min-height:132px; line-height:1.55}
.eski-form .alan input::placeholder,.eski-form .alan textarea::placeholder{color:var(--faint); opacity:.8}
.eski-form .alan input:focus,.eski-form .alan select:focus,.eski-form .alan textarea:focus{
  outline:0; border-color:var(--brand); box-shadow:0 0 0 3px var(--tint); background:var(--surface)}
.eski-form .alan.hatali input,.eski-form .alan.hatali select,.eski-form .alan.hatali textarea{border-color:var(--bad)}
.eski-form .alan-hata{margin-top:6px; font-size:13px; color:#b3261e}
.eski-form .alan-ipucu{margin-top:6px; font-size:12.5px; color:var(--faint); text-align:right}
.eski-form .onay-alani .kutucuk{display:flex; align-items:flex-start; gap:10px;
  font-size:14px; font-weight:400; color:var(--dim); cursor:pointer; margin-bottom:0}
.eski-form .onay-alani input{width:18px; height:18px; flex:0 0 18px; margin-top:2px; accent-color:var(--brand)}
.eski-form .form-gonder{margin-top:22px; width:100%; border:0; border-radius:999px;
  background:var(--grad-dugme); color:#fff; font:inherit; font-size:15.5px; font-weight:700;
  padding:13px 22px; cursor:pointer; box-shadow:var(--shadow);
  display:flex; align-items:center; justify-content:center; gap:10px}
.eski-form .form-gonder:hover{filter:saturate(1.08)}
.eski-form .form-gonder[disabled]{opacity:.7; cursor:progress}
.eski-form .form-gonder .donuyor{display:none; width:16px; height:16px; border-radius:999px;
  border:2px solid rgba(255,255,255,.45); border-top-color:#fff; animation:donme .7s linear infinite}
.eski-form .form-gonder.gonderiliyor .donuyor{display:block}
.eski-form to{transform:rotate(360deg)}
.eski-form .form-durum{margin-top:16px; font-size:14.5px; border-radius:10px; padding:12px 14px}
.eski-form .form-durum.olumlu{background:rgba(47,212,160,.12); color:#12694f; border:1px solid rgba(47,212,160,.4)}
.eski-form .form-durum.olumsuz{background:rgba(255,92,110,.10); color:#8c2230; border:1px solid rgba(255,92,110,.35)}
.eski-form .form-dipnot{margin-top:14px}
@media (prefers-reduced-motion:reduce){ .eski-form .form-gonder .donuyor{animation:none} }
@keyframes s360Halka{ 0%{transform:scale(.72); opacity:.5} 100%{transform:scale(1.55); opacity:0} }
@keyframes s360Tik{ 0%,6%{stroke-dashoffset:26; opacity:0} 38%,64%{stroke-dashoffset:0; opacity:1} 92%,100%{stroke-dashoffset:0; opacity:0} }

.s360-rozet{position:relative; width:var(--s360-rozet,64px); height:var(--s360-rozet,64px); flex:0 0 auto; display:grid; place-items:center}
.s360-halka{position:absolute; inset:0; border-radius:999px; border:1.5px solid var(--brand); animation:s360Halka 2.6s cubic-bezier(.4,0,.4,1) infinite}
.s360-halka-gec{animation-delay:1.3s}
.s360-daire{position:relative; width:62%; height:62%; border-radius:999px; background:linear-gradient(145deg,#9b7ae0,#5b35a8); display:grid; place-items:center; box-shadow:0 3px 8px -3px rgba(130,89,210,.6)}
.s360-daire svg{width:52%; height:52%}
.s360-tik{stroke-dasharray:26; animation:s360Tik 2.6s ease infinite}
@media (prefers-reduced-motion:reduce){
  .s360-halka{animation:none; opacity:0}
  .s360-tik{animation:none; stroke-dashoffset:0; opacity:1}
}


.s360-imza{display:flex; align-items:center; justify-content:center; gap:9px; margin-top:20px}
.s360-imza .s360-rozet{--s360-rozet:20px; margin:0}
.s360-imza-metin{font-size:11.5px; line-height:1.35; color:var(--faint); letter-spacing:.01em}
.s360-imza-metin b{color:var(--text); font-weight:700}
.s360-imza-metin b i{color:var(--brand); font-style:normal}
.s360-perde{position:fixed; inset:0; z-index:2000; display:grid; place-items:center; padding:16px;
  background:rgba(7,8,14,.74); 
  opacity:0; pointer-events:none; transition:opacity .24s ease}
.s360-perde.gorunur{opacity:1; pointer-events:auto}
.s360-perde-kart{width:min(300px,88vw); padding:30px 26px 26px; border-radius:18px;
  background:rgba(24,25,36,.94); border:1px solid rgba(255,255,255,.09);
  box-shadow:0 28px 70px -18px rgba(0,0,0,.6); display:flex; flex-direction:column; align-items:center; text-align:center}
.s360-perde-baslik{margin-top:16px; font-size:14.5px; font-weight:700; color:#fff; letter-spacing:.01em}
.s360-perde-metin{margin-top:5px; font-size:11.5px; color:rgba(255,255,255,.58); line-height:1.5}
.s360-perde .turnstile-alani{margin-top:16px; min-height:65px; display:flex; justify-content:center}
.iletisim-izgara{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);gap:clamp(28px,5vw,64px);align-items:start}
@media (max-width:900px){.iletisim-izgara{grid-template-columns:1fr}}
.iletisim-metin .alt a{color:var(--marka);text-decoration:underline;text-underline-offset:3px}
.eski-form .form{background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:clamp(18px,3vw,28px);box-shadow:var(--shadow)}
.alt-marka .adres{font-size:13px;line-height:1.55;margin-top:10px}
.alt-dipnot{font-size:12.5px;color:var(--metin-2,#6b6478);margin:28px 0 0}
.alt-yasal{flex-wrap:wrap;row-gap:10px}
.alt-yasal .s360-imza{margin:0}
.sozluk-liste{max-width:820px;margin:0 auto;display:grid;gap:12px}
.sozluk-liste>div{background:var(--yuzey,#fff);border:1px solid var(--cizgi,#e7e3ee);border-radius:var(--r-m,14px);padding:16px 20px;scroll-margin-top:96px}
.sozluk-liste dt{font-family:var(--baslik);font-weight:700;font-size:17px}
.sozluk-liste dd{margin:6px 0 0;color:var(--metin-2,#5d5372);line-height:1.6}
.sozluk-liste>div:target{border-color:var(--urun)}
/* ESKI stil.css ILE BIRLIKTE (belge/rehber/sektor sayfalari, #G-59; SmartMail #G-3 ile ayni koruma): o sayfalar
   icerik icin stil.css'i hala yukler; genel details/summary, a, h3 ve .menu kurallari yeni ust/alt bilgiyi bozmasin. */
.ust details, .ust details[open] { background: none; border: 0; border-radius: 0; margin: 0; box-shadow: none; }
.ust details summary { position: static; font-size: inherit; font-weight: inherit; color: inherit; padding: 0; }
.ust details summary::after, .ust details[open] summary::after { content: none; }
.ust .menu { flex: 0 1 auto; min-width: 0; justify-content: flex-start; }
.ust a, .ust a:hover, .alt-bilgi a, .alt-bilgi a:hover { border-bottom: 0; }
.alt-bilgi h3 { font-size: 12px; line-height: 1.4; }

/* Blog (kit v1.3 + rehber-uret isaretleri): etiket cipleri; icindekilerde ureticinin "Bu yazida" basligi summary ile tekrar etmesin */
.yazi-bas .rehber-etiketler{list-style:none;display:flex;flex-wrap:wrap;gap:8px;padding:0;margin:14px 0 0}
.yazi-bas .rehber-etiketler a{display:inline-block;padding:4px 12px;border:1px solid var(--cizgi,#e4e4ea);border-radius:999px;font-size:13.5px;color:var(--metin,#3a3a46);text-decoration:none;background:#fff}
.yazi-bas .rehber-etiketler a:hover{border-color:currentColor}
.icindekiler > b{display:none}
.yazi-bas .kunye span+span::before{content:none}
/* rehber-uret ozeti 'p.rehber-ozet' olarak okur (sinif tek olmali): kit .ozet gorunumu burada */
.yazi-bas .rehber-ozet{margin-top:18px;font-size:clamp(17px,1.6vw,20px);line-height:1.55;color:var(--soluk);max-width:38em}
main.blog .rehber-liste{max-width:none;padding-inline:0} /* uyum-rehber (.sayfa-blog) sonra yuklenir: +1 etiket */
main.blog .rehber-liste.rehber-diger{padding-inline:0}
.rehber-etiket-bolumleri{padding-top:0}
.rehber-etiket-bolumleri section{margin-top:36px}
.rehber-etiket-bolumleri h2{font-size:clamp(20px,2vw,24px);margin:0 0 14px}