.site-header, .site-header * { box-sizing: border-box; }
.site-header { position: fixed; inset: 0 0 auto; z-index: 100; height: 68px; color: #fff; font-family: "Plus Jakarta Sans","Noto Sans Bengali",sans-serif; background: linear-gradient(180deg,#10202870,#10202820); border-bottom: 1px solid #ffffff25; }
.site-header.is-scrolled { color: #17211f; background: #f7fbf9f5; border-color: #dce6e1; box-shadow: 0 5px 20px #17332a0d; backdrop-filter: blur(16px); }
.site-header__inner { position: relative; display: grid; grid-template-columns: 180px minmax(0,1fr) 150px; align-items: center; gap: 16px; width: min(1320px,calc(100% - 48px)); height: 68px; margin: 0 auto; }
.site-header .site-brand { display: inline-flex; align-items: center; gap: 9px; color: inherit; text-decoration: none; white-space: nowrap; }
.site-header .site-brand img { display: block; flex-shrink: 0; width: 32px; height: 32px; object-fit: contain; border-radius: 7px; }
.site-header .site-brand strong { font: 700 18px/1.3 "Plus Jakarta Sans",sans-serif; }
.site-header .site-brand strong span { color: #299d93; }
.site-header .site-nav { display: flex; align-items: center; justify-content: center; gap: 2px; min-width: 0; }
.site-header .site-nav a { display: block; padding: 8px 7px; border-radius: 7px; color: inherit; font: 600 13px/1.6 "Plus Jakarta Sans","Noto Sans Bengali",sans-serif; white-space: nowrap; text-decoration: none; }
.site-header .site-nav a:hover, .site-header .site-nav a.is-active { background: #ffffff25; }
.site-header.is-scrolled .site-nav a:hover, .site-header.is-scrolled .site-nav a.is-active { background: #e2efea; }
.site-header .site-actions { display: flex; justify-content: flex-end; align-items: center; gap: 8px; min-width: 0; }
.site-header .site-language, .site-header .site-menu, .site-header .site-saved { min-height: 36px; display: inline-flex; align-items: center; justify-content: center; gap: 5px; border: 1px solid #ffffff60; border-radius: 24px; color: inherit; background: #ffffff12; text-decoration: none; font: 600 12px/1.4 "Plus Jakarta Sans","Noto Sans Bengali",sans-serif; cursor: pointer; }
.site-header .site-language { width: 100px; flex-shrink: 0; padding: 6px 8px; }
.site-header .material-symbols-outlined { font-size: 19px; }
.site-header .site-saved, .site-header .site-menu { position: relative; flex-shrink: 0; width: 36px; padding: 0; }
.site-header .site-saved i { position: absolute; right: -3px; top: -5px; min-width: 16px; border-radius: 10px; background: #ad4040; color: #fff; padding: 1px 4px; font: 600 10px/14px sans-serif; }
.site-header.is-scrolled :is(.site-language,.site-menu,.site-saved) { border-color: #cbdcd4; background: #fff9; }
.site-header .site-menu, .site-header .site-mobile-saved { display: none; }
.site-header :is(a,button):focus-visible { outline: 2px solid currentColor; outline-offset: 3px; }
@media(max-width:1199px) {
    .site-header__inner { grid-template-columns: minmax(0,1fr) auto; width: calc(100% - 32px); }
    .site-header .site-menu { display: inline-flex; }
    .site-header .site-saved { display: none; }
    .site-header .site-mobile-saved { display: block; }
    .site-header .site-nav { display: none; position: absolute; inset: 76px 0 auto; max-height: calc(100dvh - 92px); overflow-y: auto; padding: 12px; border: 1px solid #d5e2da; border-radius: 12px; background: #f7fbf9; color: #17211f; box-shadow: 0 12px 30px #10282025; }
    .site-header .site-nav.is-open { display: grid; grid-template-columns: minmax(0,1fr); }
    .site-header .site-nav a { padding: 10px 12px; font-size: 14px; }
    .site-header .site-nav a:hover, .site-header .site-nav a.is-active { background: #e2efea; }
}
@media(max-width:600px) {
    .site-header, .site-header__inner { height: 64px; }
    .site-header .site-brand img { width: 28px; height: 28px; }
    .site-header .site-brand strong { font-size: 16px; }
    .site-header .site-language { width: 68px; }
    .site-header .site-language > .material-symbols-outlined { display: none; }
    .site-header .site-nav { top: 72px; }
}
.site-header:not(.is-scrolled) .site-brand img { filter: drop-shadow(0 0 1px #ffffffa6); }