/* 10 Kasım Atatürk anma — logo yanı + slayt */
#fon-header-logo{display:flex;align-items:center;gap:.55rem;flex-wrap:nowrap}
#fon-header-logo .logo{flex:0 0 auto}
.hl-10kasim{display:inline-flex;align-items:center;line-height:0;margin-left:.15rem}
.hl-10kasim img{height:44px;width:auto;max-width:min(52vw,180px);display:block}
.hl-10kasim.is-off{display:none!important}
@media (max-width:575.98px){.hl-10kasim img{height:34px}}
.offcanvas-header{display:flex;align-items:center}
.offcanvas-header .hl-10kasim img{height:34px}


/* 10 Kasım slayt overlay */
.hl-10kasim-slide{position:fixed;inset:0;z-index:2147483000;display:flex;align-items:center;justify-content:center;background:rgba(0,0,0,.88);opacity:0;pointer-events:none;transition:opacity .45s ease;padding:16px}
.hl-10kasim-slide.is-on{opacity:1;pointer-events:auto}
.hl-10kasim-slide.is-off{display:none!important}
.hl-10kasim-slide__card{position:relative;max-width:min(920px,96vw);width:100%;border-radius:18px;overflow:hidden;box-shadow:0 20px 60px rgba(0,0,0,.45);transform:scale(.96);transition:transform .45s ease;background:#111}
.hl-10kasim-slide.is-on .hl-10kasim-slide__card{transform:scale(1)}
.hl-10kasim-slide__card img{display:block;width:100%;height:auto;max-height:min(82vh,720px);object-fit:contain;background:#141414}
.hl-10kasim-slide__close{position:absolute;top:10px;right:10px;width:36px;height:36px;border:0;border-radius:999px;background:rgba(0,0,0,.45);color:#fff;font-size:22px;line-height:1;cursor:pointer}
.hl-10kasim-slide__bar{position:absolute;left:0;right:0;bottom:0;height:3px;background:rgba(255,255,255,.15)}
.hl-10kasim-slide__bar>i{display:block;height:100%;width:0;background:#c8102e;animation:hl10kasimBar 5s linear forwards}
@keyframes hl10kasimBar{to{width:100%}}
@media (max-width:575.98px){.hl-10kasim-slide{padding:10px}.hl-10kasim-slide__card{border-radius:14px}}

html.hl-10kasim-lock,html.hl-10kasim-lock body{overflow:hidden!important}
