/* Ozellik sayfalari (/ozellikler/*) ortak stili. 2026-10-07.
   Renk ve yazi yigini ana sayfayla (build.py) ayni; ana sayfanin CSS'i bu dosyaya
   BAGLI DEGIL, ana sayfa kendi satir ici stilini tasir. */
:root{--navy:#0e1a3a;--blue:#0a5296;--sky:#2e7be0;--teal:#38b6d3;--orange:#f6a21e;--ink:#0e1a3a;--muted:#5a6785;--paper:#f5f8ff;--line:#e3eaf7;--radius:22px}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;color:var(--ink);background:#fff;line-height:1.65;overflow-x:clip}
img{display:block;max-width:100%;height:auto}
a{color:var(--blue)}
.kap{width:min(100% - 32px,1080px);margin-inline:auto}
.atla{position:absolute;left:-999px}.atla:focus{left:16px;top:16px;z-index:9;background:#fff;padding:8px 12px;border-radius:8px}

/* ust serit */
.ust{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.92);backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}
.ust .kap{display:flex;align-items:center;gap:24px;height:68px}
.ust .marka img{height:40px;width:auto}
.ust nav{display:flex;gap:20px;margin-left:auto;font-weight:700;font-size:.93rem}
.ust nav a{color:var(--ink);text-decoration:none}
.ust nav a:hover,.ust nav a[aria-current]{color:var(--blue)}
.dugme{display:inline-flex;align-items:center;gap:8px;background:var(--orange);color:#111;font-weight:800;text-decoration:none;padding:11px 18px;border-radius:999px;white-space:nowrap}
.dugme:hover{filter:brightness(1.05)}
.ust .dugme{padding:9px 15px;font-size:.9rem}

/* kirintilar */
.kirinti{font-size:.86rem;color:var(--muted);padding:18px 0 0}
.kirinti ol{list-style:none;display:flex;flex-wrap:wrap;gap:6px;margin:0;padding:0}
.kirinti li+li:before{content:"›";margin-right:6px;color:#9aa6c2}
.kirinti a{color:var(--muted)}

/* giris */
.giris{display:grid;grid-template-columns:1.15fr .85fr;gap:56px;align-items:center;padding:34px 0 64px}
.etiket{display:inline-block;color:var(--blue);font-weight:800;font-size:.78rem;letter-spacing:.12em;text-transform:uppercase}
h1{font-size:clamp(2rem,4.4vw,3.3rem);line-height:1.08;letter-spacing:-.035em;margin:12px 0 16px}
.giris p.oz{font-size:1.14rem;color:var(--muted);margin:0 0 24px}
.telefon{width:min(300px,100%);margin-inline:auto;padding:10px;background:#050b19;border-radius:42px;box-shadow:0 30px 70px rgba(4,53,112,.25)}
.telefon img{border-radius:33px}
.rozetler{display:flex;flex-wrap:wrap;gap:14px;align-items:center}
.rozetler a{display:inline-flex}
/* Google PNG'sinde ust/alt seffaf marj var: Apple'in 250/192 = 1,302 kati verilir (build.py notu). */
.rozetler .b-apple img{height:44px;width:auto}
.rozetler .b-google img{height:57px;width:auto}

/* govde */
.bolum{padding:56px 0;border-top:1px solid var(--line)}
.bolum.kagit{background:var(--paper)}
h2{font-size:clamp(1.5rem,2.8vw,2.1rem);letter-spacing:-.025em;line-height:1.15;margin:0 0 14px}
h3{font-size:1.1rem;margin:0 0 8px}
.metin{max-width:740px}
.metin p{margin:0 0 14px}
.metin ul{padding-left:20px;margin:0 0 14px}
.metin li{margin:6px 0}
.roller{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:22px}
.rol{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:24px}
.rol ul{padding-left:18px;margin:0;color:var(--muted)}
.rol li{margin:5px 0}

/* sss */
.sss details{background:#fff;border:1px solid var(--line);border-radius:14px;margin-bottom:10px}
.sss summary{cursor:pointer;font-weight:700;padding:16px 18px;list-style:none}
.sss summary::-webkit-details-marker{display:none}
.sss summary:after{content:"+";float:right;color:var(--sky);font-weight:800}
.sss details[open] summary:after{content:"−"}
.sss .cevap{padding:0 18px 16px;color:#3d4d6b}

/* diger ozellikler */
.diger{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;margin-top:18px}
.diger a{display:block;border:1px solid var(--line);border-radius:16px;padding:18px;text-decoration:none;color:var(--ink);font-weight:700;background:#fff}
.diger a span{display:block;font-weight:400;color:var(--muted);font-size:.93rem;margin-top:4px}
.diger a:hover{border-color:var(--sky)}

/* cagri */
.cagri{background:linear-gradient(135deg,#043570,#0a5296 60%,#14829b);color:#fff;padding:56px 0}
.cagri .kap{display:flex;flex-wrap:wrap;gap:28px;align-items:center;justify-content:space-between}
.cagri h2{color:#fff;margin:0 0 6px}
.cagri p{margin:0;color:#d7e4ff}

/* alt bilgi */
.alt{background:#071126;color:#b8c8e9;padding:44px 0 26px;font-size:.93rem}
.alt .kap{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:28px}
.alt h3{color:#fff;font-size:.9rem}
.alt a{display:block;color:#b8c8e9;text-decoration:none;margin:6px 0}
.alt a:hover{color:#fff}
.alt .ince{grid-column:1/-1;border-top:1px solid #ffffff1a;padding-top:18px;font-size:.8rem}
.alt .logo{width:180px}

@media(max-width:860px){
  .ust nav{display:none}
  .ust .dugme{margin-left:auto}
  .giris{grid-template-columns:1fr;gap:34px;padding-bottom:44px}
  .roller{grid-template-columns:1fr}
  .alt .kap{grid-template-columns:1fr 1fr}
}
@media(max-width:420px){
  .rozetler .b-apple img{height:40px}
  .rozetler .b-google img{height:52px}
  .alt .kap{grid-template-columns:1fr}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}