/* Vertical Energy Volt SRL — tek sayfa + achiziții sayfası
   Ana sayfa karanlık hero olarak korundu; belge sayfası okunabilirlik için açık zeminli. */
*{margin:0;padding:0;box-sizing:border-box}
body,html{min-height:100%;font-family:'Segoe UI',Arial,sans-serif;color:#fff}
body{background:url('solar.jpg') no-repeat center center fixed;background-size:cover}
.overlay{position:fixed;inset:0;background:rgba(0,0,0,.62);z-index:0}

/* --- üst menü --- */
header{position:relative;z-index:3;display:flex;align-items:center;gap:18px;
  padding:14px 26px;background:rgba(0,0,0,.45);backdrop-filter:blur(4px);
  border-bottom:1px solid rgba(255,255,255,.14);flex-wrap:wrap}
header .marka{display:flex;align-items:center;gap:10px;color:#fff;text-decoration:none;font-weight:600;letter-spacing:.3px}
header .marka img{height:34px}
nav{margin-left:auto;display:flex;align-items:center;gap:6px}
nav a,nav .acilir>button{color:#e8eef5;text-decoration:none;font:15px 'Segoe UI',sans-serif;
  padding:8px 14px;border:0;background:transparent;border-radius:4px;cursor:pointer}
nav a:hover,nav .acilir>button:hover{background:rgba(255,255,255,.14)}
nav a.aktif,nav .acilir>button.aktif{background:rgba(255,255,255,.2)}
.acilir{position:relative}
.acilir>button::after{content:' ▾';opacity:.8}
.acilir .liste{display:none;position:absolute;right:0;top:calc(100% + 6px);min-width:300px;
  background:#fff;border-radius:5px;box-shadow:0 10px 30px rgba(0,0,0,.35);overflow:hidden;z-index:5}
.acilir.acik .liste{display:block}
.acilir .liste a{display:block;color:#13324f;padding:11px 16px;font-size:14px;border-bottom:1px solid #eef2f6}
.acilir .liste a:last-child{border-bottom:0}
.acilir .liste a:hover{background:#eef5fc}
.acilir .liste .bos{display:block;color:#8a97a6;padding:11px 16px;font-size:13.5px;font-style:italic}
.dil{display:flex;gap:4px;margin-left:10px}
.dil button{border:1px solid rgba(255,255,255,.35);background:transparent;color:#e8eef5;
  padding:5px 10px;border-radius:3px;cursor:pointer;font-size:13px}
.dil button.aktif{background:#fff;color:#13324f;font-weight:600}

/* --- ana sayfa --- */
.content{position:relative;z-index:1;min-height:calc(100vh - 140px);display:flex;flex-direction:column;
  justify-content:center;align-items:center;text-align:center;padding:40px 20px}
.content img{max-width:300px;height:auto}
.logo{font-size:44px;font-weight:bold;margin:18px 0 16px}
.content h2{font-size:30px;margin-bottom:10px}
.content p{font-size:18px;max-width:640px;line-height:1.6}

/* --- belge sayfası --- */
main{position:relative;z-index:1;max-width:1000px;margin:26px auto 40px;background:#fff;color:#1d2b3a;
  border-radius:6px;box-shadow:0 12px 40px rgba(0,0,0,.35);overflow:hidden}
main .ust{background:linear-gradient(135deg,#0f3d63,#1b6ca8);color:#fff;padding:26px 34px}
main .ust h1{font-size:23px;line-height:1.35;font-weight:600}
main .ust .alt{opacity:.9;margin-top:8px;font-size:14.5px}
main .govde{padding:26px 34px 34px}
main h2{font-size:18px;color:#0f3d63;margin:26px 0 12px;padding-bottom:7px;border-bottom:2px solid #e3ebf3}
main h2:first-child{margin-top:0}
main p{font-size:15px;line-height:1.65;margin:10px 0;color:#2c3e50}
table.bilgi{width:100%;border-collapse:collapse;margin:8px 0 4px;font-size:14.5px}
table.bilgi th,table.bilgi td{text-align:left;vertical-align:top;padding:9px 12px;border-bottom:1px solid #e9eef4}
table.bilgi th{width:34%;color:#0f3d63;font-weight:600;background:#f7fafd}
.belgeler{list-style:none;margin:10px 0 0}
.belgeler li{border:1px solid #dde6ef;border-radius:5px;margin-bottom:9px;background:#fbfdff}
.belgeler a{display:flex;align-items:center;gap:12px;padding:13px 16px;text-decoration:none;color:#13324f}
.belgeler a:hover{background:#eef5fc}
.belgeler .ad{flex:1;font-size:15px}
.belgeler .tur{font-size:12px;color:#fff;background:#1b6ca8;border-radius:3px;padding:2px 8px;letter-spacing:.4px}
.belgeler li.bekliyor{background:#fbfbfc;border-style:dashed}
.belgeler li.bekliyor span.ad{color:#8a97a6;font-style:italic}
.belgeler li.bekliyor div{display:flex;align-items:center;gap:12px;padding:13px 16px}
.uyari{background:#fff8e6;border:1px solid #f0d58c;border-radius:5px;padding:13px 16px;font-size:14.5px;margin:18px 0 0;color:#6b5513}
footer{position:relative;z-index:1;text-align:center;color:#d7e2ec;font-size:13.5px;padding:0 20px 30px;line-height:1.7}
footer a{color:#cfe3f8}
[data-dil]{display:none}
[data-dil].goster{display:block}
@media (max-width:700px){
  .logo{font-size:30px}.content h2{font-size:22px}.content p{font-size:16px}
  header{padding:12px 16px}nav{width:100%;margin-left:0;flex-wrap:wrap}
  main{margin:14px 10px 30px}main .ust,main .govde{padding:18px 18px 24px}
  main .ust h1{font-size:19px}
  .acilir .liste{right:auto;left:0;min-width:260px}
  table.bilgi th{width:40%}
}
