/* ============ هدر ترنسپرنت هنگام اسکرول ============ */
/* از اولین لحظه اسکرول، بک‌گراند هدر ۱۰٪ شفاف می‌شود (نصفِ مقدار قبلی)؛ خود لوگو بدون تغییر می‌ماند. */
header { transition: background-color .25s ease; }
body.header-scrolled header { background-color: rgba(28, 37, 65, 0.9); backdrop-filter: blur(6px); -webkit-backdrop-filter: blur(6px); }
html[data-theme="light"] body.header-scrolled header { background-color: rgba(255, 255, 255, 0.88); }

.header-brand { display: flex; flex-direction: column; align-items: center; gap: 3px; text-decoration: none; }
.header-tagline { font-size: 10px; font-weight: 700; color: var(--body); font-family: 'Vazirmatn', sans-serif; white-space: nowrap; }