/* Üst menü sayfayla kayar; aşağıda sabit düğme yan menüyü açar. */
.topbar{position:relative;top:auto}
.menu-toggle{position:fixed;right:16px;top:16px;z-index:30;width:48px;height:48px;background:#174d71;color:#fff;border:1px solid #fff;border-radius:8px;box-shadow:0 3px 14px #0003;cursor:pointer;display:grid;place-content:center;gap:5px}
.menu-toggle[hidden]{display:none}
.menu-toggle span{display:block;width:24px;height:2px;background:currentColor}
.menu-drawer{position:fixed;inset:0 0 0 auto;margin:0;width:min(340px,90vw);height:100dvh;max-height:100dvh;max-width:90vw;border:0;padding:24px;background:#f6f7f4;color:#183247;box-shadow:-8px 0 30px #0002}
.menu-drawer::backdrop{background:#071b2b88}
.drawer-head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:24px}
.drawer-head h2{margin:0;font-size:1.3rem}
.drawer-close{min-width:44px;min-height:44px;border:1px solid #a9b9bd;background:#fff;border-radius:6px;font:inherit;cursor:pointer}
.drawer-nav{display:grid;gap:8px}.drawer-nav a{display:block;padding:14px 12px;text-decoration:none;color:inherit;border-bottom:1px solid #d8e1de;min-height:48px}.drawer-nav a[aria-current]{background:#e3ebe7;font-weight:700}
.menu-toggle:focus-visible,.menu-drawer :focus-visible{outline:3px solid #d59524;outline-offset:3px}
.nav{display:flex;gap:18px;align-items:center}
.nav a{display:flex;align-items:center;justify-content:center;min-height:44px;white-space:nowrap}
.nav a:focus-visible{outline:3px solid #176147;outline-offset:2px}
@media(max-width:1199px){
 .topbar-in{height:auto;min-height:76px;flex-wrap:wrap;gap:8px 12px;padding-top:10px;padding-bottom:8px}
 .topbar-in .brand{order:0;min-width:0}
 .topbar-in .tel-blok{order:1}
 .topbar-in .nav{order:2;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));flex:0 0 100%;width:100%;gap:4px;border-top:1px solid var(--line);padding-top:5px}
 .nav a{padding:7px 4px;font-size:.86rem;border-radius:3px}
 .nav a.on{background:#e8ede7}
 [id]{scroll-margin-top:20px}
}
@media(max-width:639px){
 .topbar-in .nav{grid-template-columns:repeat(3,minmax(0,1fr))}
 .topbar-in .tel-blok .btn{padding:9px 10px;font-size:.78rem;white-space:nowrap}
 .topbar-in{gap:8px}
 [id],#talep,.quote-section{scroll-margin-top:20px}
}