/* Füzyonist header — Polenist (digital_culture teması) header'ının birebir portu.
   Kaynak: polenist/assets/css/style.min.css (header'a ait kurallar) +
   polenist/assets/css/polenist-overrides.css (marka override'ları).
   Davranış: assets/js/fz-header.js. Bu site Webflow export'u olduğundan tüm
   kurallar .header / #backdrop / .btn altına scope'ludur; Webflow CSS'iyle
   sınıf çakışması yoktur (kontrol edildi). */

@font-face{font-family:"Google Sans Flex";src:url("../fonts/GoogleSansFlex.woff2") format("woff2");font-weight:100 1000;font-style:normal;font-display:swap}


/* ---- Tema-akışkan birim: polenist temasının html,body font-size formülü ----
   (style.min.css'ten birebir). Webflow sayfasının kendi rem'lerini bozmamak için
   html font-size'a DOKUNMUYORUZ; header CSS'i rem yerine bu değişkeni kullanır. */
:root{--fz-rem:clamp(13.6px, 4.103vw, 4.103vh)}
@supports(height: 1svh){:root{--fz-rem:clamp(13.6px, 4.103vw, 4.103svh)}}
@media(min-width: 768px){
:root{--fz-rem:calc(1.3*clamp(13.6px, 1.951vw, 1.951vh))}
@supports(height: 1svh){:root{--fz-rem:calc(1.3*clamp(13.6px, 1.951vw, 1.951svh))}}
}
@media(min-width: 1025px){
:root{--fz-rem:clamp(14.4px, 1.111vw, 2.092vh)}
@supports(height: 1svh){:root{--fz-rem:clamp(14.4px, 1.111vw, 2.092svh)}}
}
@media(min-width: 1440px)and (min-height: 765px){
:root{--fz-rem:clamp(16px, 0.944vw, 1.778vh)}
@supports(height: 1svh){:root{--fz-rem:clamp(16px, 0.944vw, 1.778svh)}}
}

/* ---- scoped reset (WP temasının global reset'inin header'a gereken kısmı) ---- */
.header,.header *,.header *::before,.header *::after,#backdrop{box-sizing:border-box}
.header{font-family:"Google Sans Flex",sans-serif;color:#05090B;-webkit-font-smoothing:antialiased}
.header ul{list-style:none;margin:0;padding:0}
.header li{margin:0}
.header a{color:inherit;text-decoration:none}
.header figure{margin:0;font-size:var(--fz-rem);line-height:1.3}
.header button{font-family:inherit;border:0;padding:0;cursor:pointer;-webkit-appearance:none;appearance:none}
.header .sub-menu-back-btn{background:none}

@keyframes fadePulse{0%{opacity:1}15%{opacity:1}25%{opacity:0}40%{opacity:1}100%{opacity:1}}

/* ---- scroll kilidi ---- */
html.overflow-hidden,body.overflow-hidden{overflow:hidden !important;user-select:none;touch-action:none;overscroll-behavior:none !important}

/* ---- backdrop (mobil menü arkası tam ekran koyu katman) ---- */
#backdrop{position:absolute;inset:0;z-index:20;background:#05090B;transition:opacity .45s cubic-bezier(0.4, 0, 0.2, 1),visibility .45s cubic-bezier(0.4, 0, 0.2, 1)}
.header:not(.burger-menu-active)~#backdrop{opacity:0;visibility:hidden;pointer-events:none}

/* ---- container ---- */
.container-full{width:100%;margin:0 auto;max-width:100%;padding:0 calc(.9375*var(--fz-rem))}
@media(min-width: 1025px){
.container-full{padding:0 calc(1.25*var(--fz-rem))}
}
@media(min-width: 250vh){
.container-full{max-width:calc(90*var(--fz-rem))}
}

/* ---- buton (CTA) ---- */
.btn{font-family:"Google Sans Flex","Aktiv Grotesk","Neue Haas Grotesk","GT America","Suisse Int’l","Graphik","Söhne","Inter","SF Pro","Helvetica Now","Basis Grotesque","Avenir Next","Proxima Nova","Circular","Maison Neue","FF Mark","sans-serif";white-space:nowrap;position:relative;z-index:1;display:inline-block;font-size:calc(.875*var(--fz-rem));font-weight:600;line-height:100%;text-transform:uppercase;border-radius:calc(.625*var(--fz-rem));padding:calc(1.0625*var(--fz-rem)) calc(1*var(--fz-rem))}
@media(min-width: 1025px){
.btn{padding:calc(1.1875*var(--fz-rem)) calc(1*var(--fz-rem))}
}
.btn::before,.btn::after{content:"";position:absolute;inset:0;border-radius:inherit;z-index:-1;transition:clip-path .45s cubic-bezier(0.4, 0, 0.2, 1)}
.btn::before{clip-path:polygon(0% 100%, 100% 100%, 100% 0%, 0% 0%)}
.btn::after{background:#8EA48D;clip-path:polygon(0% 100%, 100% 100%, 100% 100%, 0% 100%)}
.btn-light{color:#05090B}
.btn-light::before{background:#EDEDED}
.btn-arrow{padding:calc(1.0625*var(--fz-rem)) calc(3.8125*var(--fz-rem)) calc(1.0625*var(--fz-rem)) calc(1*var(--fz-rem))}
@media(min-width: 1025px){
.btn-arrow{padding:calc(1.1875*var(--fz-rem)) calc(4.0625*var(--fz-rem)) calc(1.1875*var(--fz-rem)) calc(1*var(--fz-rem))}
}
.btn-arrow .icon{position:absolute;top:50%;transform:translateY(-50%);right:calc(.25*var(--fz-rem));display:block;aspect-ratio:1;height:calc(100% - calc(.5*var(--fz-rem)));border-radius:calc(.375*var(--fz-rem));background:#617760;transition:background .45s cubic-bezier(0.4, 0, 0.2, 1)}
@media(hover: hover)and (pointer: fine){
.btn:hover{color:#05090B}
.btn:hover::before{clip-path:polygon(0% 0%, 100% 0%, 100% 0%, 0% 0%)}
.btn:hover::after{clip-path:polygon(0 0, 100% 0, 100% 100%, 0 100%)}
.btn:hover .icon{background:#05090B}
}
/* Polenist override: buton ikonunda nokta-arı yerine düz ok */
.btn-arrow .icon{
  background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23EDEDED%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M4%2012h14M13%206l6%206-6%206%22/%3E%3C/svg%3E") !important;
  background-repeat:no-repeat !important;
  background-position:center !important;
  background-size:44% !important;
}

/* ---- header çubuğu ---- */
.header{position:fixed;z-index:999999;inset:calc(.625*var(--fz-rem)) 0 auto;transition:transform .45s cubic-bezier(0.4, 0, 0.2, 1);transform:translate3d(0, 0, 0)}
@media(min-width: 1025px){
.header{inset:calc(.3125*var(--fz-rem)) 0 auto}
}
.header.hide:not(.menu-is-active,.burger-menu-active){transform:translate3d(0, calc(-101% - calc(0.625*var(--fz-rem))), 0)}
@media(min-width: 1025px){
.header.hide:not(.menu-is-active,.burger-menu-active){transform:translate3d(0, calc(-101% - calc(0.3125*var(--fz-rem))), 0)}
}
/* Desktop mega menü açıkken tüm ekranı kaplayan koyu panel */
.header::before{position:absolute;inset:0 calc(.3125*var(--fz-rem)) auto;height:calc(var(--window-height, 100vh) - calc(.625*var(--fz-rem)));z-index:-1;border-radius:calc(1*var(--fz-rem));background:#05090B;transition:opacity .45s cubic-bezier(0.4, 0, 0.2, 1),visibility .45s cubic-bezier(0.4, 0, 0.2, 1),transform .45s cubic-bezier(0.4, 0, 0.2, 1);transform-origin:center top}
@media(min-width: 1025px){
.header::before{content:""}
.header:not(.menu-is-active)::before{opacity:0;visibility:hidden;pointer-events:none;transform:scale(0.99);transition:opacity .45s cubic-bezier(0.4, 0, 0.2, 1) .2s,visibility .45s cubic-bezier(0.4, 0, 0.2, 1) .2s,transform .45s cubic-bezier(0.4, 0, 0.2, 1) .2s}
}
.header__row{position:relative;display:flex;align-items:center;justify-content:space-between;gap:calc(1.25*var(--fz-rem));padding:calc(.9375*var(--fz-rem)) 0;transition:background .45s cubic-bezier(0.4, 0, 0.2, 1)}
@media(max-width: 1024px){
.header__row{border-radius:calc(.5*var(--fz-rem));background:#EDEDED;padding:calc(.875*var(--fz-rem));margin:0 calc(-0.3125*var(--fz-rem))}
.header.burger-menu-active .header__row{background:#1C1F22}
}
@media(min-width: 1025px){
.header__col{min-width:calc(12.5*var(--fz-rem))}
}
@media(max-width: 1024px){
.header__col.end{display:none}
}

/* ---- logo ---- */
.header__logo{position:relative;transition:clip-path .45s cubic-bezier(0.4, 0, 0.2, 1);clip-path:circle(100% at 50% 50%);width:auto;min-width:0}
.header__logo>a{position:absolute;inset:0;z-index:2}
.pl-logo{display:inline-flex;align-items:center;gap:.42em;color:#141619;text-decoration:none;line-height:1;transition:color .45s cubic-bezier(.4,0,.2,1)}
.pl-logo .bee{display:inline-block;width:2.6em;height:2.6em;flex:none;background:url("../images/fz-mark.png") no-repeat center/contain}
.pl-word{font-family:"Google Sans Flex",sans-serif;font-weight:700;font-size:calc(1.5*var(--fz-rem));letter-spacing:-.015em}
.header__logo .pl-logo{font-size:calc(1.05*var(--fz-rem))}
.header.logo-light .header__logo .pl-logo{color:#EDEDED}
.header.menu-is-active .header__logo .pl-logo,.header.burger-menu-active .header__logo .pl-logo{color:#EDEDED}
@media(max-width: 1024px){
.header:not(.burger-menu-active) .header__logo .pl-logo{color:#141619}
}

/* ---- CTA ---- */
.header__cta{display:flex;justify-content:center;margin-top:auto}
@media(min-width: 1025px){
.header__cta{margin-top:0;justify-content:flex-end}
.header__cta .btn{padding-right:calc(4.4375*var(--fz-rem))}
}
.header.menu-is-active .header__cta .btn:not(:hover){color:#EDEDED}
.header.menu-is-active .header__cta .btn::before{background:#1C1F22}

/* ---- desktop menü ---- */
.header__menu{position:relative;display:flex;justify-content:center;flex:1}
@media(max-width: 1024px){
.header__menu{display:none}
}
.header__menu__list{padding:calc(.28125*var(--fz-rem)) calc(.25*var(--fz-rem));display:flex;flex-wrap:wrap;border-radius:calc(.625*var(--fz-rem));background:#EDEDED;transition:background .45s cubic-bezier(0.4, 0, 0.2, 1)}
.header__menu a{display:inline-block;outline:none}
.header__menu__list>li{line-height:0;cursor:pointer}
.header__menu__list>li *:not(a){cursor:default}
.header__menu__list>li>a{position:relative;z-index:1;font-size:calc(.875*var(--fz-rem));font-weight:600;line-height:100%;text-transform:uppercase;color:#05090B;padding:calc(.9375*var(--fz-rem)) calc(1.25*var(--fz-rem));border-radius:calc(.625*var(--fz-rem));transition:color .45s cubic-bezier(0.4, 0, 0.2, 1);cursor:pointer}
.header__menu__list>li>a::before{content:"";position:absolute;inset:0;z-index:-1;border-radius:inherit;background:#8EA48D;clip-path:polygon(0% 100%, 100% 100%, 100% 100%, 0% 100%);transition:clip-path .45s cubic-bezier(0.4, 0, 0.2, 1)}
.header__menu__list>li>a:focus{color:#05090B !important}
.header__menu__list>li>a:focus::before{clip-path:polygon(0% 100%, 100% 100%, 100% 0%, 0% 0%)}
.header__menu__list>li>a:focus .icon svg circle{fill:#05090B !important}
@media(hover: hover)and (pointer: fine){
.header__menu__list>li>a:hover{color:#05090B !important}
.header__menu__list>li>a:hover::before{clip-path:polygon(0% 100%, 100% 100%, 100% 0%, 0% 0%)}
.header__menu__list>li>a:hover .icon svg circle{fill:#05090B !important}
}
.header__menu__list>li.menu-item-has-children>a{position:relative;padding-right:calc(2.6875*var(--fz-rem))}
.header__menu__list>li.menu-item-has-children>a .icon{display:block;position:absolute;z-index:1;top:50%;transform:translateY(-50%);width:calc(.6875*var(--fz-rem));height:calc(.6875*var(--fz-rem));right:calc(1.25*var(--fz-rem))}
.header__menu__list>li.menu-item-has-children>a .icon svg{position:absolute;inset:0;width:100%;height:100%}
.header__menu__list>li.menu-item-has-children>a .icon svg circle{transition:all .45s cubic-bezier(0.4, 0, 0.2, 1)}
.header__menu__list>li.menu-item-has-children.active>a,.header__menu__list>li.menu-item-has-children:focus-within>a,.header__menu__list>li.menu-item-has-children:hover>a{color:#05090B !important}
.header__menu__list>li.menu-item-has-children.active>a::before,.header__menu__list>li.menu-item-has-children:focus-within>a::before,.header__menu__list>li.menu-item-has-children:hover>a::before{clip-path:polygon(0% 100%, 100% 100%, 100% 0%, 0% 0%)}
.header__menu__list>li.menu-item-has-children.active>a .icon svg circle,.header__menu__list>li.menu-item-has-children:focus-within>a .icon svg circle,.header__menu__list>li.menu-item-has-children:hover>a .icon svg circle{fill:#05090B !important}
.header__menu__list>li.menu-item-has-children.active>a .icon svg circle:nth-of-type(1),.header__menu__list>li.menu-item-has-children.active>a .icon svg circle:nth-of-type(5),.header__menu__list>li.menu-item-has-children:focus-within>a .icon svg circle:nth-of-type(1),.header__menu__list>li.menu-item-has-children:focus-within>a .icon svg circle:nth-of-type(5),.header__menu__list>li.menu-item-has-children:hover>a .icon svg circle:nth-of-type(1),.header__menu__list>li.menu-item-has-children:hover>a .icon svg circle:nth-of-type(5){opacity:0}
.header__menu__list>li.menu-item-has-children.active>a .icon svg circle:nth-of-type(1),.header__menu__list>li.menu-item-has-children:focus-within>a .icon svg circle:nth-of-type(1),.header__menu__list>li.menu-item-has-children:hover>a .icon svg circle:nth-of-type(1){transform:translateY(50%)}
.header__menu__list>li.menu-item-has-children.active>a .icon svg circle:nth-of-type(5),.header__menu__list>li.menu-item-has-children:focus-within>a .icon svg circle:nth-of-type(5),.header__menu__list>li.menu-item-has-children:hover>a .icon svg circle:nth-of-type(5){transform:translateY(-50%)}

/* ---- desktop mega dropdown ---- */
.header__menu__list>li.menu-multi-level>.sub-menu{position:absolute;top:100%;left:50%;transform:translateX(-50%);width:calc(var(--window-width, 100vw) - calc(2.5*var(--fz-rem)));max-height:calc(var(--window-height, 100vh) - var(--header-height, calc(5*var(--fz-rem))));transition:opacity .45s cubic-bezier(0.4, 0, 0.2, 1),visibility .45s cubic-bezier(0.4, 0, 0.2, 1);opacity:0;visibility:hidden}
.header__menu__list>li.menu-multi-level.active>.sub-menu{opacity:1;visibility:visible;transition:opacity .45s cubic-bezier(0.4, 0, 0.2, 1) .2s,visibility .45s cubic-bezier(0.4, 0, 0.2, 1) .2s}
.header__menu__list>li.menu-multi-level>.sub-menu>li>.sub-menu a{position:relative;z-index:1;display:flex;align-items:center;color:rgba(237,237,237,.85);border-radius:calc(.375*var(--fz-rem));transition:color .45s cubic-bezier(0.4, 0, 0.2, 1)}
.header__menu__list>li.menu-multi-level>.sub-menu>li>.sub-menu a::before,.header__menu__list>li.menu-multi-level>.sub-menu>li>.sub-menu a::after{content:"";position:absolute;inset:0;border-radius:inherit;transition:clip-path .45s cubic-bezier(0.4, 0, 0.2, 1);z-index:-1}
.header__menu__list>li.menu-multi-level>.sub-menu>li>.sub-menu a::before{background:#141619;clip-path:polygon(0% 100%, 100% 100%, 100% 0%, 0% 0%)}
.header__menu__list>li.menu-multi-level>.sub-menu>li>.sub-menu a::after{background:#8EA48D;clip-path:polygon(0% 100%, 100% 100%, 100% 100%, 0% 100%)}
.header__menu__list>li.menu-multi-level>.sub-menu>li>.sub-menu a .icon{position:absolute;top:50%;width:calc(.875*var(--fz-rem));display:block;aspect-ratio:1;right:calc(.875*var(--fz-rem));transform:translateY(-50%) rotate(-45deg)}
.header__menu__list>li.menu-multi-level>.sub-menu>li>.sub-menu a .icon svg{position:absolute;inset:0;width:100%;height:100%}
.header__menu__list>li.menu-multi-level>.sub-menu>li>.sub-menu a .icon svg circle{transition:all .45s cubic-bezier(0.4, 0, 0.2, 1)}
.header__menu__list>li.menu-multi-level>.sub-menu>li>.sub-menu a:focus{color:#05090B}
.header__menu__list>li.menu-multi-level>.sub-menu>li>.sub-menu a:focus::before{clip-path:polygon(0% 0%, 100% 0%, 100% 0%, 0% 0%)}
.header__menu__list>li.menu-multi-level>.sub-menu>li>.sub-menu a:focus::after{clip-path:polygon(0 0, 100% 0, 100% 100%, 0 100%)}
.header__menu__list>li.menu-multi-level>.sub-menu>li>.sub-menu a:focus .icon svg circle{fill:#05090B}
@media(hover: hover)and (pointer: fine){
.header__menu__list>li.menu-multi-level>.sub-menu>li>.sub-menu a:hover{color:#05090B}
.header__menu__list>li.menu-multi-level>.sub-menu>li>.sub-menu a:hover::before{clip-path:polygon(0% 0%, 100% 0%, 100% 0%, 0% 0%)}
.header__menu__list>li.menu-multi-level>.sub-menu>li>.sub-menu a:hover::after{clip-path:polygon(0 0, 100% 0, 100% 100%, 0 100%)}
.header__menu__list>li.menu-multi-level>.sub-menu>li>.sub-menu a:hover .icon svg circle{fill:#05090B}
.header__menu__list>li.menu-multi-level>.sub-menu>li>.sub-menu a:hover .icon svg circle{opacity:1;animation:fadePulse 1.2s linear infinite}
.header__menu__list>li.menu-multi-level>.sub-menu>li>.sub-menu a:hover .icon svg circle:nth-of-type(6){animation-delay:0s}
.header__menu__list>li.menu-multi-level>.sub-menu>li>.sub-menu a:hover .icon svg circle:nth-of-type(3),.header__menu__list>li.menu-multi-level>.sub-menu>li>.sub-menu a:hover .icon svg circle:nth-of-type(4),.header__menu__list>li.menu-multi-level>.sub-menu>li>.sub-menu a:hover .icon svg circle:nth-of-type(7){animation-delay:.2s}
.header__menu__list>li.menu-multi-level>.sub-menu>li>.sub-menu a:hover .icon svg circle:nth-of-type(5),.header__menu__list>li.menu-multi-level>.sub-menu>li>.sub-menu a:hover .icon svg circle:nth-of-type(1){animation-delay:.4s}
.header__menu__list>li.menu-multi-level>.sub-menu>li>.sub-menu a:hover .icon svg circle:nth-of-type(2){animation-delay:.6s}
}
.header__menu__list>li.menu-multi-level>.sub-menu{display:flex;flex-wrap:wrap;gap:calc(.375*var(--fz-rem));padding:calc(3*var(--fz-rem)) 0 calc(.3125*var(--fz-rem))}
.header__menu__list>li.menu-multi-level>.sub-menu>li{width:calc(20% - calc(.3*var(--fz-rem)));padding:calc(.75*var(--fz-rem));border-radius:calc(.625*var(--fz-rem));background:#1C1F22}
.header__menu__list>li.menu-multi-level>.sub-menu>li>a{position:relative;font-size:calc(1.5*var(--fz-rem));font-weight:500;line-height:110%;letter-spacing:-0.03em;color:#EDEDED;padding:calc(.5*var(--fz-rem)) calc(.5*var(--fz-rem)) calc(.5*var(--fz-rem)) calc(1.5*var(--fz-rem));margin-bottom:calc(1.125*var(--fz-rem));width:100%;max-width:calc(12.8125*var(--fz-rem))}
.header__menu__list>li.menu-multi-level>.sub-menu>li>a::before{content:"";position:absolute;left:calc(.5*var(--fz-rem));top:calc(1.1875*var(--fz-rem));display:block;aspect-ratio:1;width:calc(.375*var(--fz-rem));background:#8EA48D;clip-path:circle(50% at 50% 50%)}
.header__menu__list>li.menu-multi-level>.sub-menu>li>a .icon{display:none}
.header__menu__list>li.menu-multi-level>.sub-menu>li>.sub-menu{display:flex;flex-direction:column;gap:calc(.375*var(--fz-rem))}
.header__menu__list>li.menu-multi-level>.sub-menu>li>.sub-menu a{min-height:calc(5.125*var(--fz-rem));padding:calc(.125*var(--fz-rem)) calc(2.3125*var(--fz-rem)) calc(.125*var(--fz-rem)) calc(1*var(--fz-rem));font-size:calc(1.125*var(--fz-rem));line-height:140%;letter-spacing:-0.02em}
.header__menu__list>li.menu-multi-level>.sub-menu .sub-menu .sub-menu{display:none}
.header:not(.menu-is-active) .header__menu__list .sub-menu{pointer-events:none}
.header.menu-is-active .header__menu__list{background:#1C1F22}
.header.menu-is-active .header__menu__list>li>a{color:#EDEDED}
.header.menu-is-active .header__menu__list>li>a .icon svg circle{fill:#EDEDED}
/* Füzyonist: 4 kategori kolonu (Menü.pdf) — yuvarlama payı için genişlik biraz küçük tutulur */
.header__menu__list>li.menu-multi-level>.sub-menu>li{width:calc(25% - calc(.35*var(--fz-rem))) !important}
.header__menu__list>li.menu-multi-level>.sub-menu>li>a{max-width:none !important}
/* Polenist override: pill linkleri ile CTA butonunu aynı dış yüksekliğe kilitle */
@media(min-width:1025px){
  .header__row{align-items:center}
  .header__menu__list>li>a{
    display:flex; align-items:center;
    min-height:calc(2.75*var(--fz-rem)); padding-top:0 !important; padding-bottom:0 !important;
  }
  .header__cta .btn{
    display:inline-flex; align-items:center;
    min-height:calc(3.3125*var(--fz-rem)); padding-top:0 !important; padding-bottom:0 !important;
  }
}

/* ---- burger butonu ---- */
.header__burger{margin-left:auto;display:inline-block;aspect-ratio:1;width:calc(2.5*var(--fz-rem));border-radius:calc(.375*var(--fz-rem));background:#617760;position:relative}
@media(min-width: 1025px){
.header__burger{display:none}
}
.header__burger .icon{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:33%;height:33%}
.header__burger .icon svg{width:100%;height:100%}
.header__burger .icon svg circle{transition:.45s cubic-bezier(0.4, 0, 0.2, 1)}
.header.burger-menu-active .header__burger .icon svg circle:nth-of-type(2),.header.burger-menu-active .header__burger .icon svg circle:nth-of-type(4),.header.burger-menu-active .header__burger .icon svg circle:nth-of-type(6),.header.burger-menu-active .header__burger .icon svg circle:nth-of-type(8){opacity:0}
.header.burger-menu-active .header__burger .icon svg circle:nth-of-type(2){transform:translateY(50%)}
.header.burger-menu-active .header__burger .icon svg circle:nth-of-type(4){transform:translateX(50%)}
.header.burger-menu-active .header__burger .icon svg circle:nth-of-type(6){transform:translateX(-50%)}
.header.burger-menu-active .header__burger .icon svg circle:nth-of-type(8){transform:translateY(-50%)}

/* ---- burger (mobil) menü paneli ---- */
.header__burger-menu{position:absolute;inset:100% calc(-0.625*var(--fz-rem)) auto;padding:calc(2.25*var(--fz-rem)) calc(.9375*var(--fz-rem)) calc(2.5*var(--fz-rem));height:calc(var(--window-height, 100vh) - var(--header-height, calc(4.5*var(--fz-rem))) - calc(.625*var(--fz-rem)));display:flex;flex-direction:column;gap:calc(3.75*var(--fz-rem));overflow-x:hidden;overflow-y:auto;transition:opacity .45s cubic-bezier(0.4, 0, 0.2, 1),visibility .45s cubic-bezier(0.4, 0, 0.2, 1)}
@media(min-width: 1025px){
.header__burger-menu{display:none}
}
.header__burger-menu__nav a{display:inline-block;width:100%}
.header__burger-menu__list{position:relative}
.header__burger-menu .sub-menu-head{display:flex;flex-direction:column;align-items:flex-start;padding-bottom:calc(1.5*var(--fz-rem));gap:calc(1.75*var(--fz-rem));position:absolute;inset:0 0 auto;transform:translateX(105%)}
.header__burger-menu .sub-menu-title{display:block;color:#EDEDED;font-size:calc(2*var(--fz-rem));line-height:110%;letter-spacing:-0.03em;text-transform:uppercase}
.header__burger-menu .sub-menu-back-btn{color:rgba(237,237,237,.85);font-size:calc(1*var(--fz-rem));font-weight:500;line-height:140%;text-transform:uppercase;padding-left:calc(1.1875*var(--fz-rem));position:relative}
.header__burger-menu .sub-menu-back-btn svg{position:absolute;top:50%;left:0;transform:translateY(-50%);width:calc(.6875*var(--fz-rem));height:calc(.6875*var(--fz-rem))}
.header__burger-menu__list>li>.sub-menu:not(.active)~.sub-menu-head{opacity:0;visibility:hidden}
.header__burger-menu .sub-menu{display:none}
.header__burger-menu__list>li{border-top:1px solid rgba(237,237,237,.05)}
.header__burger-menu__list>li:nth-last-of-type(1){border-bottom:1px solid rgba(237,237,237,.05)}
.header__burger-menu__list>li>a{color:#EDEDED;font-size:calc(2*var(--fz-rem));line-height:110%;letter-spacing:-0.03em;text-transform:uppercase;padding:calc(1.5*var(--fz-rem)) 0}
.header__burger-menu__list>li.menu-item-has-children>a{position:relative;padding-right:calc(2.625*var(--fz-rem))}
.header__burger-menu__list>li.menu-item-has-children>a .icon{position:absolute;right:0;top:50%;transform:translateY(-50%);display:block;aspect-ratio:1;width:calc(2*var(--fz-rem));border-radius:calc(.375*var(--fz-rem));background:#8EA48D}
.header__burger-menu__list>li.menu-item-has-children>a .icon svg{position:absolute;left:50%;top:50%;transform:translate(-50%, -50%);width:38%;height:38%}
.header__burger-menu__list>li.menu-item-has-children>a .icon svg circle{fill:#05090B}
.header__burger-menu__list>li>.sub-menu{position:absolute;z-index:2;inset:var(--offset-top, 0) 0 auto;height:calc(var(--window-height, 100vh) - var(--header-height, calc(4.5*var(--fz-rem))) - var(--offset-top, 0px) - calc(2.875*var(--fz-rem)));transform:translateX(105%);overflow-x:hidden;overflow-y:auto;padding:0 0 calc(.9375*var(--fz-rem))}
.header__burger-menu__list>li>.sub-menu:not(.active){opacity:0;visibility:hidden;pointer-events:none}
.header__burger-menu__list>li.menu-multi-level>.sub-menu{display:flex;flex-direction:column;gap:calc(.625*var(--fz-rem))}
.header__burger-menu__list>li.menu-multi-level>.sub-menu>li>.sub-menu{margin-top:calc(.375*var(--fz-rem))}
.header__burger-menu__list>li.menu-multi-level>.sub-menu>li>.sub-menu li:not(:nth-last-of-type(1)){margin-bottom:calc(.375*var(--fz-rem))}
.header__burger-menu__list>li.menu-multi-level>.sub-menu>li>.sub-menu a{position:relative;color:rgba(237,237,237,.85);font-size:calc(1.125*var(--fz-rem));line-height:140%;letter-spacing:-0.02em;border-radius:calc(.375*var(--fz-rem));background:#141619;padding:calc(1*var(--fz-rem)) calc(2.5*var(--fz-rem)) calc(1*var(--fz-rem)) calc(1*var(--fz-rem));margin:0 calc(.75*var(--fz-rem));width:calc(100% - calc(1.5*var(--fz-rem)))}
.header__burger-menu__list>li.menu-multi-level>.sub-menu>li>.sub-menu a .icon{position:absolute;top:50%;transform:translateY(-50%) rotate(-45deg);right:calc(.875*var(--fz-rem));display:block;aspect-ratio:1;width:calc(.8125*var(--fz-rem))}
.header__burger-menu__list>li.menu-multi-level>.sub-menu>li>.sub-menu a .icon svg{width:100%;height:100%}
.header__burger-menu__list>li.menu-multi-level>.sub-menu>li>.sub-menu a .icon svg circle{fill:rgba(237,237,237,.85)}
.header__burger-menu__list>li.menu-multi-level>.sub-menu>li{border-radius:calc(.375*var(--fz-rem));background:#1C1F22;transition:padding-bottom .45s cubic-bezier(0.4, 0, 0.2, 1)}
.header__burger-menu__list>li.menu-multi-level>.sub-menu>li.active{padding-bottom:calc(.75*var(--fz-rem))}
.header__burger-menu__list>li.menu-multi-level>.sub-menu>li>a{position:relative;color:#EDEDED;font-size:calc(1.375*var(--fz-rem));font-weight:500;line-height:110%;letter-spacing:-.03em;padding:calc(1.25*var(--fz-rem)) calc(2.5*var(--fz-rem)) calc(1.25*var(--fz-rem)) calc(1.25*var(--fz-rem))}
.header__burger-menu__list>li.menu-multi-level>.sub-menu>li>a .icon{position:absolute;top:50%;transform:translateY(-50%);right:calc(1.25*var(--fz-rem));display:block;aspect-ratio:1;width:calc(.6875*var(--fz-rem))}
.header__burger-menu__list>li.menu-multi-level>.sub-menu>li>a .icon svg{width:100%;height:100%}
.header__burger-menu__list>li.menu-multi-level>.sub-menu>li>a .icon svg circle{transition:all .45s cubic-bezier(0.4, 0, 0.2, 1);fill:#EDEDED}
.header__burger-menu__list>li.menu-multi-level>.sub-menu>li.active>a .icon svg circle:nth-of-type(1),.header__burger-menu__list>li.menu-multi-level>.sub-menu>li.active>a .icon svg circle:nth-of-type(5){opacity:0}
.header__burger-menu__list>li.menu-multi-level>.sub-menu>li.active>a .icon svg circle:nth-of-type(1){transform:translateY(50%)}
.header__burger-menu__list>li.menu-multi-level>.sub-menu>li.active>a .icon svg circle:nth-of-type(5){transform:translateY(-50%)}
/* akordeon içi liste: temada GSAP slide; burada height animasyonu ile */
.header__burger-menu__list>li.menu-multi-level>.sub-menu>li>.sub-menu{display:block;height:0;overflow:hidden;transition:height .45s cubic-bezier(0.4, 0, 0.2, 1)}
.header__burger-menu__list>li.menu-multi-level>.sub-menu>li:not(.active)>.sub-menu{margin-top:0}

/* ---- burger menü alt marquee (watermark) ---- */
.header__burger-menu__marquee{pointer-events:none;position:absolute;inset:auto 0 0;height:calc(8.6875*var(--fz-rem));overflow:hidden}
.header__burger-menu__marquee .marquee{position:absolute;inset:0 0 auto;width:100%;height:calc(9.9375*var(--fz-rem));display:flex;flex-wrap:nowrap;animation:fzMarquee 60s linear infinite}
.header__burger-menu__marquee .marquee-item{display:block;flex:none;aspect-ratio:799/159;height:calc(9.9375*var(--fz-rem));padding:0 calc(.625*var(--fz-rem));background:no-repeat center/contain;transition:opacity .45s cubic-bezier(0.4, 0, 0.2, 1);opacity:0}
.header.burger-menu-active .header__burger-menu__marquee .marquee-item{background-image:url("../images/fz-menu-watermark.svg");opacity:1}
@keyframes fzMarquee{to{transform:translateX(-50%)}}
.header__burger-menu__nav,.header__burger-menu .header__cta,.header__burger-menu__marquee{transition:transform .45s cubic-bezier(0.4, 0, 0.2, 1)}
.header:not(.burger-menu-active) .header__burger-menu{opacity:0;visibility:hidden;pointer-events:none;transition-duration:.1s}
.header.burger-menu-second-active .header__burger-menu{overflow:hidden !important}
.header.burger-menu-second-active .header__burger-menu__nav,.header.burger-menu-second-active .header__burger-menu .header__cta,.header.burger-menu-second-active .header__burger-menu__marquee{transform:translateX(-105%)}
