/* TEK-EN V3.3 — güçlü kurumsal header */
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@500;600;700;800;900&display=swap');

:root{--header-burgundy:#980027;--header-ink:#17191c;--header-line:#e7e4df}
html{scroll-padding-top:106px}
.header{position:sticky;top:0;z-index:1000;width:100%;height:106px;background:rgba(255,255,255,.985);border-bottom:1px solid var(--header-line);box-shadow:0 7px 24px rgba(20,24,28,.055);font-family:'Poppins',Arial,sans-serif}
.header-inner{width:min(1580px,88vw);height:100%;margin:0 auto;display:flex;align-items:center}
.header .brand{flex:0 0 auto;display:flex;align-items:center;gap:21px;color:var(--header-ink);text-decoration:none}
.header .parent-brand{width:200px;height:80px;display:flex;align-items:center;justify-content:center}
.header .parent-brand img{display:block;width:100%;height:100%;object-fit:contain}
.header .brand-divider{flex:0 0 1px;width:1px;height:54px;background:#ccc7c1}
.header .energy-brand{width:220px;display:flex;flex-direction:column;justify-content:center}
.header .energy-brand b{color:#111316;font-size:31px;font-weight:900;line-height:.95;letter-spacing:.5px}
.header .energy-brand small{margin-top:8px;color:#555b60;font-size:10.5px;font-weight:700;line-height:1;letter-spacing:2.1px;white-space:nowrap}

.header nav{height:100%;margin-left:clamp(90px,9vw,175px);display:flex;align-items:center;justify-content:flex-end;gap:38px}
.header nav a{position:relative;height:100%;display:flex;align-items:center;color:#222529;text-decoration:none;white-space:nowrap;font-size:15px;font-weight:700;line-height:1;letter-spacing:-.18px;border:0!important;padding:0!important;transition:color .2s ease}
.header nav a::after{content:"";position:absolute;left:0;right:0;bottom:18px;height:3px;background:var(--header-burgundy);transform:scaleX(0);transform-origin:center;transition:transform .22s ease}
.header nav a:hover,.header nav a.active{color:var(--header-burgundy)}
.header nav a:hover::after,.header nav a.active::after{transform:scaleX(1)}
.header .menu{display:none;margin-left:auto;padding:8px;border:0;background:transparent;color:var(--header-ink);font-size:28px;cursor:pointer}

@media(max-width:1380px){
 .header-inner{width:94vw}
 .header nav{margin-left:auto}
 .header .brand{gap:18px}
 .header .parent-brand{width:180px}
 .header .energy-brand{width:190px}
 .header .energy-brand b{font-size:27px}
 .header .energy-brand small{font-size:8px;letter-spacing:2px}
 .header nav{gap:25px}
 .header nav a{font-size:13px}
}
@media(max-width:1050px){
 html{scroll-padding-top:92px}.header{height:92px}.header-inner{width:90vw}
 .header .parent-brand{width:145px;height:68px}.header .brand-divider{height:42px}
 .header .energy-brand{width:auto}.header .energy-brand b{font-size:20px}
 .header .energy-brand small{margin-top:6px;font-size:7px;letter-spacing:1.5px}
 .header .menu{display:block}
 .header nav{position:absolute;top:92px;left:0;right:0;height:auto;margin:0;padding:8px 5vw 20px;display:none;flex-direction:column;align-items:stretch;gap:0;background:#fff;border-top:1px solid #eee;box-shadow:0 18px 30px rgba(0,0,0,.12)}
 .header nav.open{display:flex}
 .header nav a{height:auto;padding:16px 0!important;border-bottom:1px solid #eee!important;font-size:14px}
 .header nav a::after{left:0;right:auto;bottom:5px;width:42px;transform:scaleX(0);transform-origin:left}
 .header nav a:hover::after,.header nav a.active::after{transform:scaleX(1)}
}
@media(max-width:580px){
 html{scroll-padding-top:78px}.header{height:78px}.header .brand{gap:10px}
 .header .parent-brand{width:112px;height:58px}.header .brand-divider{height:34px}
 .header .energy-brand b{font-size:15px}.header .energy-brand small{margin-top:5px;font-size:5.8px;letter-spacing:1px}
 .header nav{top:78px}
}