/* Promo bar */
.promo-bar {
	background: var(--color-primary-green);
	color: var(--color-white);
	font-size: 13px;
	padding: 8px 24px;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 32px;
	flex-wrap: wrap;
	text-align: center;
}
.promo-bar__link { font-family: var(--font-body-medium); }
.promo-bar__contact { display: flex; gap: 20px; flex-wrap: wrap; }
.promo-bar__contact a { display: inline-flex; align-items: center; gap: 6px; }
.promo-bar__contact img { filter: brightness(0) invert(1); }

/* Header */
.site-header {
	position: sticky;
	top: 0;
	z-index: 100;
	background: var(--color-white);
	box-shadow: 0 1px 0 rgba(0,0,0,0.06);
}
.site-header__inner {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 24px;
	padding-top: 14px;
	padding-bottom: 14px;
}
.site-header__logo img { height: 40px; width: auto; }

.site-header__nav { flex: 1; display: flex; justify-content: center; }
.primary-menu {
	display: flex;
	gap: 28px;
	align-items: center;
}
.primary-menu a {
	font-family: var(--font-body-medium);
	font-size: 15px;
	padding: 8px 0;
	position: relative;
	white-space: nowrap;
}
.primary-menu a:hover,
.primary-menu li.current-menu-item > a {
	color: var(--color-primary-green);
}

.site-header__cta { display: flex; gap: 12px; align-items: center; }

.site-header__menu-toggle {
	display: none;
	background: none;
	border: none;
	padding: 8px;
	width: 44px;
	height: 44px;
	align-items: center;
	justify-content: center;
}
.site-header__menu-icon,
.site-header__menu-icon::before,
.site-header__menu-icon::after {
	display: block;
	width: 24px;
	height: 2px;
	background: var(--color-text-primary);
	position: relative;
	transition: transform 0.2s ease;
}
.site-header__menu-icon::before,
.site-header__menu-icon::after {
	content: "";
	position: absolute;
	left: 0;
}
.site-header__menu-icon::before { top: -7px; }
.site-header__menu-icon::after { top: 7px; }

.mobile-menu {
	display: none;
	background: var(--color-white);
	border-top: 1px solid #eee;
	padding: 16px 24px 24px;
}
.mobile-menu.is-open { display: block; }
.mobile-menu__list { display: flex; flex-direction: column; gap: 4px; }
.mobile-menu__list a {
	display: block;
	padding: 12px 4px;
	font-family: var(--font-body-medium);
	border-bottom: 1px solid #f2f2f2;
}
.mobile-menu__cta { display: flex; gap: 12px; margin-top: 16px; }
.mobile-menu__cta .btn { flex: 1; }