/* Ortak header stili. Sayfa CSS kurallari ayni gorunumu korumak icin orijinal sirada tutulur. */
header{position:sticky;top:0;z-index:50;background:rgba(10,19,41,.96);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid rgba(255,255,255,.12);box-shadow:0 8px 24px rgba(3,8,24,.55)}
.nav{display:flex;align-items:center;justify-content:space-between;height:72px;gap:24px}
.logo{display:flex;align-items:center;gap:10px}
.logo img{height:43px;width:auto;display:block}
.menu{display:flex;align-items:center;gap:6px}
.menu>li{position:relative}
.menu a{display:block;padding:10px 14px;font-size:14px;font-weight:600;border-radius:10px;transition:.25s}
.menu a:hover{background:rgba(255,255,255,.08)}
.menu a.active{color:var(--accent)}
.has-sub>a::after{content:"";display:inline-block;margin-left:8px;width:6px;height:6px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg) translateY(-2px)}
.sub{position:absolute;top:100%;left:0;min-width:200px;padding:8px;background:#0a1329;border:1px solid rgba(255,255,255,.1);border-radius:12px;box-shadow:var(--shadow);opacity:0;visibility:hidden;transform:translateY(8px);transition:.25s}
.has-sub:hover .sub,.has-sub:focus-within .sub{opacity:1;visibility:visible;transform:none}
.phone{display:flex;align-items:center;gap:10px;font-weight:600;font-size:15px;padding:10px 18px;border-radius:999px;background:rgba(255,255,255,.08);transition:.25s;white-space:nowrap}
.phone:hover{background:var(--accent);color:var(--bg-deep)}
.phone svg{width:18px;height:18px}
.nav-toggle,.burger{display:none}
.logo,.logo img{flex-shrink:0}
.menu{flex-shrink:0}
.menu a{white-space:nowrap}