/* 2saveenerji.com statik sayfalar — React sitesindeki renk ve yazı tipiyle uyumlu */
:root{--m:#2563eb;--md:#1e3a8a;--mk:#eff6ff;--y:#0f172a;--g:#475569;--c:#e2e8f0;--a:#f8fafc}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:Inter,system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;color:var(--y);background:#fff;line-height:1.7;font-size:17px}
a{color:var(--m)}a:hover{color:var(--md)}
img{max-width:100%;height:auto}
.kap{max-width:1180px;margin:0 auto;padding:0 16px}
.atla{position:absolute;left:-999px}.atla:focus{left:16px;top:8px;z-index:9;background:#fff;padding:8px}
.btn{display:inline-block;background:var(--m);color:#fff!important;padding:10px 18px;border-radius:10px;font-weight:600;text-decoration:none}
.btn:hover{background:var(--md)}.btn.ikincil{background:#fff;color:var(--m)!important;border:1px solid var(--m)}
/* üst menü */
.ust{background:#fff;border-bottom:1px solid var(--c);position:sticky;top:0;z-index:5}
.ust .kap{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:72px;flex-wrap:wrap}
.logo img{height:45px;width:auto;display:block}
.ust nav>ul{display:flex;gap:6px;list-style:none;margin:0;padding:0;flex-wrap:wrap;align-items:center}
.ust nav a{text-decoration:none;color:var(--y);font-weight:500;font-size:15px;padding:8px 10px;display:block}
.ust nav .btn{color:#fff;padding:8px 14px}
.acilir{position:relative}
.acilir ul{display:none;position:absolute;top:100%;left:0;background:#fff;border:1px solid var(--c);border-radius:10px;list-style:none;margin:0;padding:6px;min-width:250px;box-shadow:0 10px 30px rgba(15,23,42,.1)}
.acilir:hover ul,.acilir:focus-within ul{display:block}
/* başlık alanı */
.kahraman{background:linear-gradient(135deg,#0f172a,#1e3a8a);color:#fff;padding:40px 0 44px}
.kahraman h1{font-size:clamp(28px,4.4vw,44px);line-height:1.15;margin:8px 0 14px;font-weight:800}
.giris{font-size:19px;color:#dbeafe;max-width:820px;margin:0}
.tarih{font-size:13px;color:#93c5fd;margin:16px 0 0}
.kirinti ol{list-style:none;display:flex;flex-wrap:wrap;gap:6px;padding:0;margin:0;font-size:14px;color:#bfdbfe}
.kirinti li+li:before{content:"›";margin-right:6px}.kirinti a{color:#bfdbfe}
/* içerik */
.duzen{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:48px;padding-top:36px;padding-bottom:56px}
article{min-width:0}
article h2{font-size:clamp(22px,2.8vw,28px);line-height:1.25;margin:44px 0 12px;scroll-margin-top:90px}
article h3{font-size:18px;margin:0 0 6px}
figure{margin:0 0 28px}figure img{border:1px solid var(--c);border-radius:14px;display:block;width:100%}
figcaption{font-size:14px;color:var(--g);margin-top:8px}
table{width:100%;border-collapse:collapse;margin:16px 0;font-size:15px;display:block;overflow-x:auto}
th,td{border:1px solid var(--c);padding:10px 12px;text-align:left;vertical-align:top}
th{background:var(--mk);color:var(--md)}
dt{font-weight:700;margin-top:12px}dd{margin:2px 0 0 0;color:var(--g)}
.kolon{columns:2;column-gap:32px}.kolon li{break-inside:avoid;margin-bottom:4px}
.adimlar li{margin-bottom:8px}
.tik{list-style:none;padding:0}.tik li{padding-left:28px;position:relative;margin-bottom:8px}
.tik li:before{content:"✓";position:absolute;left:0;color:#059669;font-weight:800}
.kartlar{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:14px;margin:16px 0}
.kart{border:1px solid var(--c);border-radius:12px;padding:16px;background:var(--a)}.kart p{margin:0;font-size:15px;color:var(--g)}
.icindekiler{background:var(--a);border:1px solid var(--c);border-radius:12px;padding:14px 20px;margin-bottom:8px}
.icindekiler p{margin:0;font-weight:700}.icindekiler ol{margin:6px 0 0;padding-left:20px;font-size:15px}
details{border:1px solid var(--c);border-radius:10px;padding:12px 16px;margin:10px 0}
summary{font-weight:600;cursor:pointer}details p{margin:10px 0 0;color:var(--g)}
.not{font-size:14px;color:var(--g);border-left:3px solid var(--c);padding-left:12px}
.cta{margin-top:48px;background:var(--mk);border:1px solid #bfdbfe;border-radius:16px;padding:24px}
.cta h2{margin-top:0}.cta .btn{margin:6px 8px 0 0}
.ilgili{position:sticky;top:96px;align-self:start}
.ilgili h2{font-size:18px;margin:0 0 10px}.ilgili ul{list-style:none;padding:0;margin:0}
.ilgili a{display:block;text-decoration:none;border:1px solid var(--c);border-radius:12px;padding:12px 14px;margin-bottom:10px;color:var(--y)}
.ilgili a:hover{border-color:var(--m)}.ilgili span{display:block;font-size:13px;color:var(--g);line-height:1.5;margin-top:4px}
/* alt bilgi */
.alt{background:#020617;color:#94a3b8;padding:44px 0 20px;font-size:15px}
.alt .izgara{display:grid;grid-template-columns:2fr 1fr 1fr 1.3fr;gap:28px}
.alt a{color:#cbd5e1;text-decoration:none}.alt a:hover{color:#fff}
.alt ul{list-style:none;padding:0;margin:0}.alt li{margin-bottom:6px}
.alt .marka{color:#60a5fa;font-weight:800;font-size:20px;margin:0 0 8px}.alt .baslik{color:#fff;font-weight:600;margin:0 0 10px}
.alt address{font-style:normal}.telif{border-top:1px solid #1e293b;margin-top:28px;padding-top:16px;font-size:13px}
@media (max-width:900px){.duzen{grid-template-columns:1fr}.ilgili{position:static}.alt .izgara{grid-template-columns:1fr 1fr}.kolon{columns:1}}
@media (max-width:600px){body{font-size:16px}.ust{position:static}.ust .kap{min-height:0;padding-top:10px;padding-bottom:6px}.ust nav>ul{gap:0}.ust nav a{padding:6px 8px;font-size:14px}.acilir ul{position:static;box-shadow:none;border:0}.acilir:hover ul{display:none}.alt .izgara{grid-template-columns:1fr}}
.ust nav a.dil{border:1px solid var(--c);border-radius:8px;padding:6px 10px;font-weight:600}