:root{--n:#0b1f3a;--g:#c9a227;--l:#f5f3ee}*{box-sizing:border-box}body{margin:0;font:16px/1.6 system-ui,Segoe UI,Roboto,sans-serif;color:#1d2433}
i{font-style:normal}body.tr .e,body.en .t{display:none}.wrap{max-width:1100px;margin:auto;padding:0 20px}
.draft{background:#b00020;color:#fff;text-align:center;font-size:13px;padding:4px}
header{background:var(--n);position:sticky;top:0;z-index:9}.nav{display:flex;justify-content:space-between;align-items:center;height:60px}
.logo{color:#fff;font-weight:800;text-decoration:none;font-size:20px}.logo span{color:var(--g)}nav a{color:#dfe5ef;text-decoration:none;margin-left:16px;font-size:14px}
#lang{margin-left:16px;background:none;border:1px solid var(--g);color:var(--g);border-radius:4px;padding:4px 8px;cursor:pointer}
.hero{background:linear-gradient(135deg,var(--n),#163864);color:#fff;padding:72px 0}.kicker{color:var(--g);letter-spacing:.1em;text-transform:uppercase;font-size:13px}
h1{font-size:clamp(28px,5vw,46px);line-height:1.15;margin:.2em 0}.lead{max-width:720px;color:#d7deea}
.btn{display:inline-block;background:var(--g);color:var(--n);font-weight:700;padding:12px 22px;border-radius:6px;text-decoration:none;border:0;cursor:pointer;font-size:16px}.btn.ghost{background:none;border:2px solid var(--n)}
.badges{list-style:none;padding:0;display:flex;flex-wrap:wrap;gap:8px;margin-top:28px}.badges li{border:1px solid rgba(201,162,39,.6);padding:4px 10px;border-radius:20px;font-size:13px}
section{padding:56px 0}.alt{background:var(--l)}h2{color:var(--n);font-size:30px;border-bottom:3px solid var(--g);display:inline-block}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:18px}article{border:1px solid #e3e6ec;border-top:4px solid var(--g);border-radius:8px;padding:18px;background:#fff}
article h3{color:var(--n);margin-top:0;font-size:18px}dl{display:grid;grid-template-columns:auto 1fr;gap:4px 10px;font-size:14px}dt{color:#667}
.tbd{background:#fff3cd;color:#7a5b00;font-weight:700;font-size:13px;padding:1px 6px;border-radius:3px}.note{font-size:14px;color:#555;margin-top:18px}
.steps{padding-left:20px}.how{color:var(--n)}#ornek img{width:100%;border:1px solid #ccd;border-radius:6px;box-shadow:0 4px 18px rgba(0,0,0,.12)}
details{border-bottom:1px solid #e3e6ec;padding:12px 0}summary{font-weight:600;color:var(--n);cursor:pointer}
form{display:grid;gap:10px;max-width:560px}input,select,textarea{font:inherit;padding:10px;border:1px solid #c8ccd6;border-radius:6px}.contact a{color:var(--n);font-weight:600}
footer{background:var(--n);color:#cfd6e2;padding:30px 0;font-size:14px}footer a{color:var(--g)}.disc{color:#fff}.small{font-size:12px;opacity:.7}
@media(max-width:640px){nav a{display:none}.hero{padding:48px 0}}

nav a.menubtn{background:var(--g);color:var(--n);padding:7px 12px;border-radius:6px;font-weight:700}
.btn.ghost{background:transparent;border:2px solid var(--g);color:var(--g)}
.p5{grid-column:1/-1;border-top:3px solid var(--g)}.lim{font-size:13px;color:#8a5a00}
html{scroll-behavior:smooth}section{scroll-margin-top:70px}
@media(max-width:640px){nav a.menubtn{display:inline-block;margin-left:0;font-size:13px}}
.price{font-weight:700;color:#0b2a4a}.price small{font-weight:400;color:#555}
.p6{border-top-color:#2a7f62}.plist{font-size:14px;padding-left:18px}.file{display:grid;gap:4px;font-size:14px;color:#445;border:1px dashed #c8ccd6;border-radius:6px;padding:10px}.small2{font-size:13px;color:#666;max-width:560px}
.chk{font-size:14px;display:flex;gap:8px;align-items:flex-start}
.cta{margin:12px 0 0;display:flex;gap:8px;flex-wrap:wrap;align-items:center}.btn.soon{background:#e6e6e6;color:#777;cursor:not-allowed}.ctan{color:#666;font-size:12px}.legal{max-width:820px}.legal td{border-bottom:1px solid #e3e6ec;padding:4px 8px;vertical-align:top}
dialog{max-width:620px;border:0;border-top:5px solid var(--g);border-radius:8px;padding:22px}dialog::backdrop{background:rgba(11,31,58,.6)}dialog h3{color:var(--n);margin-top:0}dialog code{background:#f1f1f1;padding:1px 4px}

/* PA-GOLIVE 20261031 mobil taşma */
.mf input,.mf select,.mf textarea,.mf label{max-width:100%;box-sizing:border-box}
.mf{grid-template-columns:minmax(0,1fr)}.mf>*{min-width:0}