/* ===== VECTA – Kurumsal & yasal sayfalar ortak stil ===== */
:root{
  --orange:#F58220; --orange-deep:#B85A00; --orange-soft:rgba(245,130,32,.10);
  --black:#474C53; --black-2:#34383E; --ink:#2C3037; --ink-2:#5C616A; --ink-3:#6E7279;
  --bg:#FFFFFF; --bg-2:#F1F2F4; --line:rgba(44,48,55,.10); --line-2:rgba(44,48,55,.16);
  --font:"Bricolage Grotesque",system-ui,-apple-system,Segoe UI,Roboto,sans-serif;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--font);font-size:16px;line-height:1.7;-webkit-font-smoothing:antialiased}
a{color:var(--orange-deep)}
img{max-width:100%;display:block}
a:focus-visible,button:focus-visible{outline:2px solid var(--orange);outline-offset:3px;border-radius:4px}
.lg-wrap{max-width:1200px;margin:0 auto;padding:0 24px}

/* header */
.lg-top{background:var(--black);color:#EDEDED;font-size:13px}
.lg-top .lg-wrap{display:flex;gap:18px;align-items:center;justify-content:flex-end;height:38px}
.lg-top a{color:#fff;text-decoration:none;font-weight:700}
.lg-head{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.92);backdrop-filter:blur(12px);border-bottom:1px solid var(--line)}
.lg-head .lg-wrap{display:flex;align-items:center;justify-content:space-between;height:70px;gap:16px}
.lg-brand img{height:42px;width:auto}
.lg-head nav{display:flex;align-items:center;gap:20px;font-size:15px;font-weight:600}
.lg-head nav a{color:var(--ink-2);text-decoration:none}
.lg-head nav a:hover{color:var(--ink)}
.lg-head nav a.lg-cta{background:var(--orange);color:#fff;padding:9px 16px;border-radius:10px}
.lg-head nav a.lg-cta:hover{background:var(--orange-deep)}

/* layout */
.lg-main{display:grid;grid-template-columns:260px minmax(0,1fr);gap:48px;padding-top:44px;padding-bottom:72px;align-items:start}
.lg-side{position:sticky;top:94px;background:var(--bg-2);border-radius:16px;padding:18px}
.lg-side h2{font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:var(--orange-deep);margin:0 0 10px}
.lg-side ul{list-style:none;margin:0;padding:0;display:grid;gap:2px}
.lg-side a{display:block;padding:8px 10px;border-radius:9px;color:var(--ink-2);text-decoration:none;font-size:14px;font-weight:600;line-height:1.35}
.lg-side a:hover{background:#fff;color:var(--ink)}
.lg-side a[aria-current="page"]{background:#fff;color:var(--orange-deep);box-shadow:0 1px 2px rgba(20,20,20,.06)}

/* document */
.lg-doc{max-width:820px;min-width:0}
.lg-doc .eyebrow{display:inline-flex;align-items:center;gap:10px;font-size:12.5px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--orange-deep)}
.lg-doc .eyebrow::before{content:"";width:26px;height:2px;background:var(--orange);border-radius:2px}
.lg-doc h1{font-size:clamp(28px,4vw,40px);line-height:1.1;letter-spacing:-.02em;margin:12px 0 10px;font-weight:800}
.lg-doc .meta{color:var(--ink-3);font-size:14px;margin:0 0 28px}
.lg-doc h2{font-size:21px;line-height:1.25;margin:36px 0 10px;font-weight:700;letter-spacing:-.01em}
.lg-doc h3{font-size:17px;margin:22px 0 6px;font-weight:700}
.lg-doc p,.lg-doc li{color:#3A3F47;font-size:15.5px}
.lg-doc ul,.lg-doc ol{padding-left:22px}
.lg-doc li{margin:4px 0}
.lg-doc .lead{font-size:17px;color:var(--ink-2)}
.lg-note{background:var(--orange-soft);border:1px solid rgba(245,130,32,.3);border-radius:14px;padding:14px 18px;font-size:15px;margin:20px 0}
.lg-table{width:100%;border-collapse:collapse;margin:14px 0 6px;font-size:15px}
.lg-table th,.lg-table td{text-align:left;padding:10px 12px;border-bottom:1px solid var(--line);vertical-align:top}
.lg-table th{width:36%;color:var(--ink-2);font-weight:600;background:var(--bg-2)}
.lg-table-wrap{overflow-x:auto}
.lg-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:18px 0}
.lg-card{border:1px solid var(--line);border-radius:14px;padding:18px}
.lg-card b{display:block;font-size:13px;color:var(--ink-3);font-weight:600;margin-bottom:4px}
.lg-card a,.lg-card span{font-weight:700;font-size:16px;color:var(--ink);text-decoration:none;word-break:break-word}

/* footer */
.lg-foot{background:var(--black-2);color:rgba(220,220,220,.78);font-size:13px;padding:36px 0 22px}
.lg-foot-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:32px}
.lg-foot h3{color:var(--orange);font-size:12.5px;text-transform:uppercase;letter-spacing:.08em;margin:0 0 12px}
.lg-foot ul{list-style:none;margin:0;padding:0;display:grid;gap:6px}
.lg-foot a{color:rgba(235,235,235,.88);text-decoration:none}
.lg-foot a:hover{color:#fff}
.lg-foot p{margin:0 0 6px;line-height:1.6}
.lg-foot-bot{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;margin-top:26px;padding-top:16px;border-top:1px solid rgba(255,255,255,.12)}

/* ödeme logoları (ana sayfada da kullanılır) */
.pay-badges{display:flex;flex-wrap:wrap;align-items:center;gap:8px}
.pay-badges .pb{display:inline-flex;align-items:center;justify-content:center;gap:5px;height:28px;min-width:46px;padding:0 8px;background:#fff;border-radius:6px;font:800 12px/1 var(--font);color:#2C3037;white-space:nowrap}
.pay-badges .pb svg{height:18px;width:auto}
.pay-badges .pb-visa{color:#1A1F71;font-style:italic;font-size:14px;letter-spacing:.02em}
.pay-badges .pb-troy{color:#00A0AF;font-size:14px;letter-spacing:-.01em}
.pay-badges .pb-sec{background:rgba(255,255,255,.08);color:#E6E6E6;border:1px solid rgba(255,255,255,.18);font-weight:700;font-size:11.5px}
.pay-badges .pb-sec svg{height:13px;color:#31C36B}

@media(max-width:900px){
  .lg-main{grid-template-columns:1fr;gap:24px;padding-top:28px}
  .lg-side{position:static}
  .lg-side ul{grid-template-columns:1fr 1fr}
  .lg-cards{grid-template-columns:1fr}
  .lg-foot-grid{grid-template-columns:1fr 1fr}
  .lg-foot-grid>div:first-child{grid-column:1/-1}
}
@media(max-width:560px){
  .lg-wrap{padding:0 16px}
  .lg-head nav a:not(.lg-cta){display:none}
  .lg-head nav a.lg-home{display:inline}
  .lg-side ul{grid-template-columns:1fr}
  .lg-table th{width:42%}
  .lg-foot-grid{grid-template-columns:1fr}
  .lg-foot-bot{justify-content:center;text-align:center}
}
@media print{
  .lg-head,.lg-top,.lg-side,.lg-foot{display:none}
  .lg-main{display:block;padding:0}
}