/* Kritik CSS - Header saydam cam. Menü sadece 2xl (1536px)+; mobilde hamburger zorunlu. */
#site-header{display:flex;flex-wrap:nowrap;align-items:center;justify-content:space-between;max-width:72rem;margin:0 auto;padding:0 .75rem;min-height:3rem;border-bottom:1px solid rgba(255,255,255,.5);background:rgba(255,255,255,.72);-webkit-backdrop-filter:saturate(180%) blur(20px);backdrop-filter:saturate(180%) blur(20px);overflow-x:hidden}
#site-header>div{display:flex;align-items:center;justify-content:space-between;width:100%;flex-wrap:nowrap;gap:0.5rem;min-width:0;overflow:hidden}
#site-header nav{display:none !important;gap:0.25rem;align-items:center}
@media(min-width:1536px){#site-header nav{display:flex !important;flex-wrap:wrap}}
#header-menu-btn{display:inline-flex !important;align-items:center;justify-content:center;min-width:2.5rem;min-height:2.5rem}
@media(min-width:1536px){#header-menu-btn{display:none !important}}
#site-header a,#site-header button{padding:0.375rem 0.5rem;font-size:0.875rem;text-decoration:none;color:#374151;display:inline-flex;align-items:center;gap:0.25rem;max-width:100%;flex-shrink:0}
#site-header a[href="/"]{font-weight:700;font-size:0.875rem;color:#1c1917;min-width:0;max-width:70%}
#site-header a:hover{color:#8b6914}
#site-header svg{width:1rem;height:1rem;flex-shrink:0}
main{max-width:100%;margin:0 auto;padding:0;min-height:50vh;overflow-x:hidden}
footer{background:#1c1917;color:#d4b896;padding:2rem 1rem}
footer a{color:#d4b896}