@media(max-width:900px){
body.menu-open{overflow:hidden}
.site-header{position:sticky;top:0;z-index:80}
.menu{display:grid;place-items:center;width:44px;height:44px;min-width:44px;padding:0;border:1px solid #cfe0eb;border-radius:9px;background:#eef6fa;color:transparent;font-size:0;position:relative;z-index:92}
.menu:before,.menu:after{content:"";position:absolute;left:11px;width:20px;height:2px;background:#063c84;border-radius:2px;transition:.22s}
.menu:before{top:14px;box-shadow:0 7px 0 #063c84}.menu:after{top:28px}
.menu[aria-expanded="true"]:before{top:21px;transform:rotate(45deg);box-shadow:none}.menu[aria-expanded="true"]:after{top:21px;transform:rotate(-45deg)}
body.menu-open:after{content:"";position:fixed;inset:0;background:rgba(1,12,31,.64);backdrop-filter:blur(3px);z-index:70}
.nav nav{display:flex!important;position:fixed!important;top:0!important;right:0!important;left:auto!important;width:min(86vw,350px)!important;height:100dvh!important;margin:0!important;padding:76px 22px 68px!important;background:linear-gradient(160deg,#05265a,#02132e)!important;box-shadow:-18px 0 50px rgba(0,0,0,.35)!important;flex-direction:column!important;justify-content:flex-start!important;gap:0!important;overflow-y:auto!important;z-index:90!important;transform:translateX(105%)!important;visibility:hidden!important;opacity:0!important;transition:transform .28s ease,opacity .2s ease,visibility .28s!important}
.nav nav.open{transform:translateX(0)!important;visibility:visible!important;opacity:1!important}
.nav nav:before{content:"MENÜ";position:absolute;top:25px;left:22px;color:#63c3ff;font-size:11px;font-weight:900;letter-spacing:.2em}
.nav nav:after{content:"7/24 • CEYHAN VE ÇEVRESİ";position:absolute;left:22px;right:22px;bottom:19px;padding-top:14px;border-top:1px solid rgba(255,255,255,.12);color:#7693ad;font-size:10px;font-weight:800;letter-spacing:.08em}
.nav nav a{display:flex!important;align-items:center!important;flex:0 0 49px!important;min-height:49px!important;height:49px!important;margin:0!important;padding:0 2px!important;border:0!important;border-bottom:1px solid rgba(255,255,255,.1)!important;color:#eef7ff!important;font-size:16px!important;font-weight:750!important;line-height:1!important}
.nav nav a:after{content:"→";margin-left:auto;color:#39aef8;font-size:18px}.nav nav a:last-of-type{flex-basis:48px!important;min-height:48px!important;height:48px!important;margin-top:12px!important;justify-content:center!important;border:0!important;border-radius:8px!important;background:linear-gradient(135deg,#0b84df,#075bb7)!important}.nav nav a:last-of-type:after{display:none}
}
@media(max-width:370px){.nav nav{width:90vw!important;padding-left:18px!important;padding-right:18px!important}.nav nav a{flex-basis:46px!important;min-height:46px!important;height:46px!important}}