/* Sanat Koleksiyonu — header alanı. Bu dosya style.css sonrasında yüklenir. */
/* İçeriğe geç */
.skip{position:absolute;left:12px;top:-60px;z-index:2000;padding:12px 18px;background:var(--white,#fff);color:#0a0a0b;font:600 13px var(--sans);text-decoration:none;transition:top .2s}
.skip:focus{top:12px}
/* Odak halkaları */
header.site a:focus-visible,header.site button:focus-visible,header.site input:focus-visible,.util a:focus-visible,footer.site a:focus-visible,.cerez a:focus-visible,.cerez button:focus-visible,.news input:focus-visible,.news button:focus-visible{outline:2px solid var(--sil,#c3c7ce);outline-offset:3px}
[data-theme=light] header.site a:focus-visible,[data-theme=light] header.site button:focus-visible,[data-theme=light] header.site input:focus-visible,[data-theme=light] .util a:focus-visible{outline-color:#121316}
/* Masaüstü öğeleri */
header.site .nav-top,header.site .msrch{display:none}
header.site .mega-b i{font-style:normal;display:inline-block;transition:transform .2s}
header.site .tgl{min-width:40px;height:40px;display:inline-grid;place-items:center;padding:0 10px}
header.site .icons{display:flex;align-items:center;gap:10px;flex:0 0 auto}
header.site .login-b{min-height:40px}
/* Mega menü: ekran içinde, uzun liste kendi içinde kayar */
@media(min-width:1101px){
 header.site .mega{max-height:calc(100vh - 130px);overflow:hidden}
 header.site .mega .mgrid{max-height:calc(100vh - 140px);overflow-y:auto;overscroll-behavior:contain}
 header.site .mega-w:hover .mega-b i,header.site .mega-w:focus-within .mega-b i{transform:rotate(180deg)}
}
/* Mobil / tablet menü paneli */
@media(max-width:1100px){
 header.site{backdrop-filter:none;-webkit-backdrop-filter:none;background:rgba(10,10,11,.97)}
 [data-theme=light] header.site{background:rgba(255,255,255,.98)}
 html.nav-open,html.nav-open body{overflow:hidden}
 header.site nav.main{position:fixed;inset:0;top:0;max-height:none;height:100dvh;z-index:1000;padding:0 20px 32px;overflow-y:auto;overscroll-behavior:contain;background:#0a0a0b;border:0}
 [data-theme=light] header.site nav.main{background:#fff}
 header.site nav.main .nav-top{display:flex;justify-content:space-between;align-items:center;height:64px;border-bottom:1px solid var(--line);position:sticky;top:0;background:inherit;z-index:2;font:500 11px var(--sans);letter-spacing:.22em;text-transform:uppercase;color:var(--sil2)}
 header.site .nav-x{width:44px;height:44px;margin-right:-10px;border:0;background:none;color:var(--fg);font-size:32px;line-height:1;cursor:pointer}
 header.site nav.main .msrch{display:block;margin:16px 0 6px}
 header.site .msrch input{width:100%;box-sizing:border-box;height:48px;padding:0 14px;border:1px solid var(--line2);background:transparent;color:var(--fg);font:16px var(--sans)}
 header.site .msrch input::placeholder{color:var(--sil3)}
 header.site nav.main ul{flex-direction:column;gap:0}
 header.site nav.main li a,header.site .mega-b{display:flex;align-items:center;min-height:52px;padding:0;font-size:13px;box-sizing:border-box}
 header.site .mega-b{justify-content:space-between;width:100%;color:var(--fg)}
 header.site .mega-b i{font-size:14px}
 header.site .mega-w.open .mega-b i{transform:rotate(180deg)}
 header.site .mega .mgrid{padding:8px 0 16px;grid-template-columns:1fr 1fr;gap:18px 20px;max-height:none}
 header.site nav.main .mega .mgrid a{padding:9px 0;min-height:24px}
 header.site .mega .mgrid .acc-col{border-left:0;padding-left:0}
}
@media(max-width:600px){header.site .mega .mgrid{grid-template-columns:1fr}}
/* Dar telefon başlığı: 320 px'te bile sığar */
@media(max-width:480px){
 header.site .wrap{padding:0 14px;gap:8px;height:64px}
 header.site .logo{font-size:17px;flex:0 1 auto;min-width:0}
 header.site .icons{gap:6px}
 header.site .tgl{min-width:40px;width:40px;padding:0}
 header.site .tgl.theme{width:40px;height:40px}
 header.site .login-b{padding:0 10px;font-size:10px;letter-spacing:.12em}
}
@media(max-width:360px){
 header.site .wrap{padding:0 12px;gap:6px}
 header.site .logo{font-size:15px}
 header.site .logo span{font-size:6.5px;letter-spacing:.24em}
 header.site .icons{gap:4px}
 header.site .tgl,header.site .tgl.theme{min-width:38px;width:38px;height:40px}
 header.site .login-b{padding:0 8px}
}
/* Üst bar */
@media(max-width:1100px){
 .util .wrap{height:auto;min-height:34px}
 .util nav{gap:18px}
 .util a{display:inline-flex;align-items:center;min-height:34px}
}
@media(max-width:480px){.util .wrap{padding:0 14px}.util nav{justify-content:space-between;width:100%}.util nav a:nth-child(n+2){display:none}}
/* Masaüstü sığdırma: başlık satırı hiçbir genişlikte taşmaz */
@media(min-width:1101px){
 header.site .wrap{gap:22px}
 header.site nav.main{min-width:0;gap:20px}
 header.site nav.main ul{gap:20px}
 header.site nav.main a,header.site .mega-b{letter-spacing:.13em}
 header.site .tgl.theme{width:38px;height:38px;min-width:38px}
 header.site .icons{gap:8px}
}
@media(min-width:1101px) and (max-width:1500px){
 header.site .login-b .t{display:none}
 header.site .login-b .m{display:inline}
 header.site .srch input{width:150px}
 header.site .logo{font-size:23px}
}
@media(min-width:1101px) and (max-width:1300px){
 header.site .wrap{gap:16px}
 header.site nav.main,header.site nav.main ul{gap:14px}
 header.site nav.main a,header.site .mega-b{letter-spacing:.08em;font-size:11px}
 header.site .srch input{width:110px}
}
header.site .login-b .m,header.site .login-b .t{font-size:11px;letter-spacing:.16em}