/* Header – Wizytowka-Fryzjer */
.header { position: fixed; top:0; left:0; right:0; height: var(--header-height); z-index: var(--z-header); background: rgba(255,248,240,0.92); backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px); border-bottom: 1px solid transparent; transition: border-color var(--transition-base), box-shadow var(--transition-base); }
.header.is-scrolled { border-bottom-color: var(--color-border-dark); box-shadow: var(--shadow-sm); }
.header__inner { display: flex; align-items: center; height: 100%; gap: var(--space-8); }
.header__logo { display: flex; align-items: center; gap: var(--space-3); font-family: var(--font-display); font-size: var(--font-size-lg); font-weight: var(--font-weight-bold); color: var(--color-brown); flex-shrink: 0; }
.header__logo em { font-style: italic; color: var(--color-gold); }
.header__nav { flex: 1; }
.nav__list { display: flex; align-items: center; gap: var(--space-6); }
.nav__link { font-size: var(--font-size-sm); font-weight: var(--font-weight-medium); color: var(--color-text-muted); letter-spacing: 0.04em; transition: color var(--transition-fast); position: relative; }
.nav__link::after { content: ''; position: absolute; bottom: -4px; left: 0; width: 0; height: 1.5px; background: var(--color-gold); transition: width var(--transition-base); }
.nav__link:hover, .nav__link.is-active { color: var(--color-gold-dark); }
.nav__link:hover::after, .nav__link.is-active::after { width: 100%; }
.header__actions { display: flex; align-items: center; gap: var(--space-3); margin-left: auto; }
.mobile-menu-btn { display: none; padding: var(--space-2); color: var(--color-brown); }
.hamburger { display: flex; flex-direction: column; gap: 5px; width: 22px; }
.hamburger span { display: block; height: 2px; border-radius: 1px; background: var(--color-brown); transition: transform var(--transition-base), opacity var(--transition-base); }
.mobile-menu-btn[aria-expanded="true"] .hamburger span:nth-child(1) { transform: translateY(7px) rotate(45deg); }
.mobile-menu-btn[aria-expanded="true"] .hamburger span:nth-child(2) { opacity: 0; transform: scaleX(0); }
.mobile-menu-btn[aria-expanded="true"] .hamburger span:nth-child(3) { transform: translateY(-7px) rotate(-45deg); }
.mobile-menu { background: var(--color-cream); padding: 0 var(--container-padding); max-height: 0; overflow: hidden; transition: max-height 0.5s ease, padding 0.5s ease; border-bottom: 1px solid var(--color-border); }
.mobile-menu[aria-hidden="false"] { max-height: 400px; padding-bottom: var(--space-6); }
.mobile-menu__list { display: flex; flex-direction: column; gap: var(--space-1); padding-top: var(--space-4); }
.mobile-menu__link { display: block; padding: var(--space-3) 0; font-size: var(--font-size-base); font-weight: var(--font-weight-medium); color: var(--color-text-muted); border-bottom: 1px solid var(--color-border); font-family: var(--font-display); transition: color var(--transition-fast); }
.mobile-menu__link:hover { color: var(--color-gold); }
@media (max-width: 768px) { .header__nav { display: none; } .header__actions .btn { display: none; } .mobile-menu-btn { display: flex; } }