/* Tayfun Taskin — v5.0 unified compact navigation. Loaded LAST on every public page. */
:root{--tt5-header:70px;--tt5-accent:#e7ad7f;--tt5-bg:#0d1016;--tt5-line:rgba(255,255,255,.13)}
.site-header,.site-header.scrolled,.home-page .site-header,.blog-public .site-header,.book-page .site-header,.catalog-public-page .site-header{position:sticky!important;top:0!important;z-index:141!important;color:#f8f4ed!important;background:rgba(11,13,18,.97)!important;border-bottom:1px solid var(--tt5-line)!important;backdrop-filter:blur(18px);box-shadow:0 8px 30px rgba(0,0,0,.12)!important}
.site-header .header-inner{width:min(1390px,calc(100% - 48px))!important;max-width:1390px;min-height:var(--tt5-header)!important;gap:24px!important;display:flex!important;align-items:center!important;justify-content:space-between!important;position:relative}
.site-header .brand{display:inline-flex!important;align-items:center!important;gap:10px!important;flex:0 0 auto;min-width:0;text-decoration:none!important}
.site-header .brand-symbol,.home-page .site-header .brand-symbol{width:35px!important;height:35px!important;border:1px solid rgba(231,173,127,.55)!important;border-radius:9px!important;background:#e7ad7f!important;color:#16171a!important;font:700 21px/1 Georgia,serif!important;display:grid;place-items:center}
.site-header .brand-dot,.home-page .site-header .brand-dot{color:#16171a!important}
.site-header .brand-word{gap:3px!important;line-height:1.1!important}
.site-header .brand-word strong,.home-page .site-header .brand-word strong{font-size:14px!important;color:#f9f4ee!important;letter-spacing:-.035em!important;white-space:nowrap}
.site-header .brand-word small,.home-page .site-header .brand-word small{color:#aea6a0!important;letter-spacing:.115em!important;font-size:7px!important;font-weight:750!important;white-space:nowrap}
.site-header .brand-word small span{color:var(--tt5-accent)!important}
.site-header .nav{display:flex;align-items:center;justify-content:flex-end;gap:clamp(8px,.9vw,17px)!important;min-width:0}
.site-header .nav-item{position:relative;display:flex;align-items:center;gap:1px;flex:0 0 auto}
.site-header .nav-item>a,.site-header .nav-parent-label,.home-page .site-header .nav-item>a,.home-page .site-header .nav-parent-label{font-size:12px!important;font-weight:650!important;color:#d9d6d2!important;line-height:1.25!important;letter-spacing:0!important;white-space:nowrap;padding:11px 0!important;text-decoration:none!important}
.site-header .nav-item>a:hover,.site-header .nav-item>a[aria-current="page"],.site-header .nav-item>a:focus-visible,.home-page .site-header .nav-item>a:hover,.home-page .site-header .nav-item>a[aria-current="page"]{color:var(--tt5-accent)!important}
.site-header .nav-item>a[aria-current="page"]::after{height:2px;bottom:4px;background:var(--tt5-accent)!important}
.site-header .submenu-toggle{display:grid;place-items:center;width:23px;height:32px;padding:0!important;background:transparent!important;border:0!important;color:#bfb5ad!important;font-size:18px!important;cursor:pointer}
.site-header .submenu-toggle:hover,.site-header .submenu-toggle[aria-expanded="true"]{color:var(--tt5-accent)!important}
.site-header .dropdown{position:absolute;top:calc(100% + 2px);left:-16px;z-index:150!important;min-width:220px;max-width:320px;display:none;padding:8px!important;border:1px solid #3b3c40!important;border-radius:12px!important;box-shadow:0 18px 50px #0008!important;background:#181b21!important}
.site-header .dropdown a,.home-page .site-header .dropdown a{padding:11px 12px!important;display:flex;align-items:center;border-radius:7px;font-size:12px!important;color:#eee9e4!important;line-height:1.4;text-decoration:none!important;white-space:normal}
.site-header .dropdown a:hover,.site-header .dropdown a:focus-visible{background:#333039!important;color:#f6c09a!important}
.site-header .has-children:hover>.dropdown,.site-header .has-children:focus-within>.dropdown,.site-header .has-children.open>.dropdown{display:block}
.site-header .nav-contact,.home-page .site-header .nav-contact{background:var(--tt5-accent)!important;color:#1d1611!important;border:1px solid var(--tt5-accent)!important;border-radius:100px!important;min-height:36px!important;padding:9px 14px!important;font-weight:760!important;font-size:11px!important;white-space:nowrap!important;margin-left:2px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:4px!important;text-decoration:none!important}
.site-header .nav-contact:hover{background:#ffd1ac!important;border-color:#ffd1ac!important;color:#181310!important}
/* This desktop-only hide fixes the visible 'Sayfalari kesfedin' box in the reported screenshot. */
.site-header .nav-mobile-heading,.site-header .nav-mobile-footer,.site-header .nav-close{display:none!important}
.site-header .nav-toggle{display:none!important}
.site-header .nav-toggle .nav-toggle-lines{display:flex!important;flex-direction:column;gap:4px!important;width:19px!important;height:auto!important;background:none!important;padding:0!important;margin:0!important}
.site-header .nav-toggle .nav-toggle-lines i{display:block!important;width:19px!important;height:2px!important;margin:0!important;padding:0!important;background:#f1e7de!important;border-radius:2px;transition:transform .2s ease,opacity .2s ease}
.site-header .nav-toggle .nav-toggle-text{display:inline-block!important;color:#f7efe5!important;width:auto!important;height:auto!important;background:none!important;margin:0!important;padding:0!important;line-height:1.2!important;font-size:12px!important}
.site-nav-backdrop{position:fixed;inset:var(--tt5-header) 0 0;background:#05080ebd;z-index:139!important}
.site-nav-backdrop[hidden]{display:none!important}
@media (max-width:1220px){
 :root{--tt5-header:66px}
 .site-header .header-inner{width:calc(100% - 38px)!important;min-height:var(--tt5-header)!important}
 .site-header .nav-toggle{display:inline-flex!important;margin-left:auto!important;gap:9px!important;align-items:center!important;justify-content:center!important;border:1px solid #5d524a!important;background:#1e2027!important;color:#fff!important;width:auto!important;min-width:47px!important;height:40px!important;min-height:40px!important;padding:9px 12px!important;border-radius:9px!important}
 .site-header .nav-toggle:hover,.site-header .nav-toggle[aria-expanded="true"]{background:#30271f!important;border-color:#b88767!important}
 .site-header .nav{position:fixed!important;top:var(--tt5-header)!important;right:0!important;left:auto!important;bottom:0!important;z-index:146!important;display:flex!important;flex-direction:column!important;align-items:stretch!important;justify-content:flex-start!important;gap:0!important;width:min(390px,100vw)!important;min-width:0!important;max-width:100vw!important;height:calc(100dvh - var(--tt5-header))!important;max-height:none!important;padding:20px 23px 28px!important;overflow-y:auto!important;overscroll-behavior:contain;background:#15181f!important;border:0!important;border-left:1px solid #444148!important;border-radius:0!important;box-shadow:-18px 0 42px #0007!important;transform:none!important;clip-path:inset(0 0 0 100%)!important;opacity:0!important;visibility:hidden!important;pointer-events:none!important;transition:clip-path .22s ease,opacity .22s ease,visibility .22s ease}
 .site-header .nav.open{transform:none!important;clip-path:inset(0 0 0 0)!important;opacity:1!important;visibility:visible!important;pointer-events:auto!important}
 .site-header .nav-mobile-heading{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:10px!important;padding:0 0 15px!important;margin:0 0 6px!important;border-bottom:1px solid #35353b!important;color:#f7eee7!important}
 .site-header .nav-mobile-heading strong{font:400 24px/1.2 Georgia,serif!important;color:#f7eee7!important}
 .site-header .nav-close{display:grid!important;place-items:center!important;width:36px!important;height:36px!important;flex:0 0 36px;border:1px solid #51515a!important;background:#24262e!important;color:#f7eee7!important;border-radius:50%!important;font-size:25px!important;line-height:1!important;cursor:pointer}
 .site-header .nav-item{width:100%!important;display:grid!important;grid-template-columns:minmax(0,1fr) 38px!important;border-bottom:1px solid #35353c!important;gap:2px!important;align-items:center!important}
 .site-header .nav-item>a,.site-header .nav-parent-label,.home-page .site-header .nav-item>a,.home-page .site-header .nav-parent-label{font-size:15px!important;color:#ece9e5!important;padding:15px 5px!important;white-space:normal!important;line-height:1.4!important}
 .site-header .nav-item>a[aria-current="page"]::after{display:none!important}
 .site-header .submenu-toggle{width:38px!important;height:44px!important;min-width:38px;justify-self:end;color:#e8c6af!important}
 .site-header .dropdown{grid-column:1/-1!important;position:static!important;display:none!important;min-width:0!important;max-width:none!important;width:100%!important;background:#20232b!important;border:1px solid #363a41!important;box-shadow:none!important;margin-bottom:12px!important}
 .site-header .nav-item:hover>.dropdown,.site-header .nav-item:focus-within>.dropdown{display:none!important}
 .site-header .nav-item.open>.dropdown{display:grid!important}
 .site-header .dropdown a{min-height:43px;align-items:center;color:#e5e0d9!important}
 .site-header .nav-contact{width:100%!important;margin:22px 0 14px!important;min-height:47px!important;font-size:14px!important}
 .site-header .nav-mobile-footer{display:block!important;border-top:1px solid #36373c!important;margin-top:8px!important;padding-top:17px!important;color:#a59d97!important;font-size:10px!important;letter-spacing:.12em!important}
 html,body{overflow-x:clip!important}
 body.nav-is-open{overflow:hidden!important}
}
@media (max-width:420px){
 .site-header .brand-word strong{font-size:12px!important}
 .site-header .brand-word small{font-size:6px!important;letter-spacing:.045em!important}
 .site-header .brand-symbol{width:33px!important;height:33px!important}
 .site-header .header-inner{width:calc(100% - 24px)!important;gap:12px!important}
 .site-header .nav-toggle .nav-toggle-text{font-size:11px!important}
}
@media (prefers-reduced-motion:reduce){.site-header .nav{transition:none!important}}