/* ============================================================
   SAYFA STİL SİSTEMİ — tüm iç sayfalar (2026-08-30)
   Sitenin genel CSS'ine bağlı DEĞİLDİR; tüm ölçüler burada.
   Eksen: banner içeriği ile gövde metni aynı sol kenardan başlar.
   ============================================================ */
:root{
  --sy-lacivert:#0b1a2b; --sy-yesil:#14a05a; --sy-yesil-acik:#6ee7a8;
  --sy-metin:#16202c; --sy-soluk:#5a6775; --sy-cizgi:#e6ebf1; --sy-zemin:#f6f9fc;
  --sy-en:1280px;   /* ana sayfa ile aynı: sol kenar 140px */
}
.sy *{box-sizing:border-box}
.sy{color:var(--sy-metin);font-size:16.5px;line-height:1.72}
.sy-kap{max-width:var(--sy-en);margin:0 auto;padding-inline:60px}

/* ---------- Banner ---------- */
.sy-banner{position:relative;isolation:isolate;overflow:hidden;background:var(--sy-lacivert);color:#fff;
  width:100vw;margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw)}
.sy-banner::before{content:'';position:absolute;inset:0;z-index:-2;background-image:var(--banner);
  background-size:cover;background-position:var(--banner-pos,center);filter:saturate(.8)}
.sy-banner::after{content:'';position:absolute;inset:0;z-index:-1;
  background:linear-gradient(102deg,rgba(9,22,37,.95) 0%,rgba(9,22,37,.87) 54%,rgba(16,120,70,.5) 100%)}
.sy-banner .sy-kap{padding-top:86px;padding-bottom:78px}
.sy-etiket{display:inline-block;font-size:12px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;
  color:var(--sy-yesil-acik);margin:0 0 14px}
.sy-banner h1{font-size:clamp(1.95rem,3.3vw,2.85rem);line-height:1.15;font-weight:800;letter-spacing:-.02em;
  color:#fff;margin:0;max-width:21ch}
.sy-banner p{margin:16px 0 0;color:rgba(255,255,255,.8);font-size:1.06rem;max-width:56ch}
.sy-btn{display:inline-block;margin-top:28px;background:var(--sy-yesil);color:#fff;padding:13px 28px;
  border-radius:10px;font-size:15px;font-weight:600;text-decoration:none;transition:background .2s,transform .2s}
.sy-btn:hover{background:#0f8a4c;transform:translateY(-1px);color:#fff}
.sy-btn--hat{background:transparent;border:1px solid rgba(255,255,255,.35);margin-left:10px}
.sy-btn--hat:hover{background:rgba(255,255,255,.12)}

/* ---------- Bölümler ---------- */
.sy-bolum{padding:74px 0}
.sy-bolum--zemin{background:var(--sy-zemin)}
.sy-bolum h2{font-size:clamp(1.5rem,2.5vw,2rem);line-height:1.22;font-weight:750;letter-spacing:-.015em;
  margin:0 0 20px;color:var(--sy-metin)}
.sy-bolum p{margin:0 0 16px;color:#3c4a58;max-width:82ch}
.sy-bolum p:last-child{margin-bottom:0}
.sy-giris{font-size:1.08rem;color:var(--sy-soluk);margin-bottom:28px;max-width:62ch}

/* ---------- Liste ---------- */
.sy-liste{list-style:none;margin:0;padding:0;display:grid;gap:14px}
.sy-liste li{display:flex;gap:12px;align-items:flex-start;color:#3c4a58}
.sy-liste li::before{content:'';flex:none;width:7px;height:7px;border-radius:50%;background:var(--sy-yesil);margin-top:10px}
.sy-liste strong{color:var(--sy-metin);font-weight:650}

/* ---------- Adımlar ---------- */
.sy-adim{display:grid;gap:0;margin-top:8px}
.sy-adim > div{display:grid;grid-template-columns:56px 1fr;gap:18px;padding:20px 0;border-top:1px solid var(--sy-cizgi)}
.sy-adim > div:last-child{border-bottom:1px solid var(--sy-cizgi)}
.sy-adim b{font-size:14px;font-weight:700;color:var(--sy-yesil);letter-spacing:.5px}
.sy-adim h3{margin:0 0 4px;font-size:1.08rem;font-weight:650}
.sy-adim p{margin:0;font-size:.97rem;color:var(--sy-soluk)}

/* ---------- Sektör kutuları ---------- */
.sy-sektor{display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(215px,1fr));margin-top:6px}
.sy-sektor div{background:#fff;border:1px solid var(--sy-cizgi);border-radius:13px;padding:20px}
.sy-bolum--zemin .sy-sektor div{background:#fff}
.sy-sektor h3{margin:0 0 6px;font-size:1.02rem;font-weight:650}
.sy-sektor p{margin:0;font-size:.93rem;color:var(--sy-soluk)}

/* ---------- SSS ---------- */
.sy-sss{display:grid;gap:10px;margin-top:6px}
.sy-sss details{background:#fff;border:1px solid var(--sy-cizgi);border-radius:12px;padding:16px 20px}
.sy-sss summary{cursor:pointer;font-weight:650;font-size:1rem;list-style:none;color:var(--sy-metin)}
.sy-sss summary::-webkit-details-marker{display:none}
.sy-sss summary::after{content:'+';float:right;color:var(--sy-yesil);font-weight:700;font-size:1.2rem;line-height:1}
.sy-sss details[open] summary::after{content:'−'}
.sy-sss p{margin:12px 0 0;font-size:.97rem;color:#3c4a58}

/* ---------- Kapanış ---------- */
.sy-kapanis{background:var(--sy-lacivert);color:#fff;width:100vw;
  margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw)}
.sy-kapanis .sy-kap{padding:66px 60px}
.sy-kapanis h2{color:#fff;margin:0 0 12px;font-size:clamp(1.6rem,2.7vw,2.2rem)}
.sy-kapanis p{color:rgba(255,255,255,.76);margin:0;max-width:54ch}

@media (max-width:640px){
  .sy-banner .sy-kap{padding-top:62px;padding-bottom:56px}
  .sy-bolum{padding:54px 0}
  .sy-kap{padding-inline:24px}
  .sy-adim > div{grid-template-columns:44px 1fr;gap:12px}
  .sy-btn--hat{margin-left:0;margin-top:10px}
}

/* Hukuki/metin sayfaları için sade bant — fotoğraf yok, ciddiyet korunur */
.sy-bant{background:var(--sy-lacivert);color:#fff;width:100vw;
  margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw);
  border-bottom:3px solid var(--sy-yesil)}
.sy-bant .sy-kap{padding:100px 60px 56px}   /* üst menü sabit; başlık altında kalmasın */
.sy-bant h1{margin:0;font-size:clamp(1.7rem,2.8vw,2.35rem);font-weight:750;letter-spacing:-.02em;color:#fff;line-height:1.18}
.sy-bant p{margin:12px 0 0;color:rgba(255,255,255,.7);font-size:.98rem}
@media (max-width:640px){ .sy-bant .sy-kap{padding:86px 24px 44px} }