/* Site navigation bar styles (logo, menu, icons, top contact line), ported from the static layout */

/* Navigation */
.navigationBlock { background: var(--bgColor2); }
.navigation { padding: 56px 0; display: flex; align-items: center; gap: 24px; width: 100%; }
.nav-menu, .nav-icons { flex: 0 0 auto; }
.nav-logo { flex: 1 1 auto; display: flex; }
.nav-menu img { width: 24px; height: auto; }
.nav-logo img { width: 125px; height: auto; }
.nav-icons { display: flex; gap: 6px; align-items: center; }
.nav-icons > * { position: relative; width: 34px; height: 34px; background: var(--bgColor0); border-radius: 50%; }
.nav-icons > * img { width: 100%; height: auto; }
.nav-line { display: none; }

@media (min-width: 768px) {
	.navigation { padding: 56px 0; display: flex; align-items: center; width: 100%; }
	.nav-menu, .nav-logo, .nav-icons { flex: 0 0 auto; }
	.nav-menu { display: none; }
	.nav-menu img { width: 24px; height: auto; }
	.nav-logo img { width: 125px; height: auto; }
	.nav-icons { display: flex; gap: 6px; align-items: center; }
	.nav-icons > * { position: relative; width: 38px; height: 38px; background: var(--bgColor0); border-radius: 50%; }
	.nav-line { display: flex; gap: 12px; flex: 1 1 auto; min-width: 0; align-items: center; justify-content: center; }
	.nav-line > * { font-size: 14px; font-weight: 500; color: var(--fontColor1); text-decoration: none; letter-spacing: -0.5px; }
	.nav-line-call { padding: 4px 12px; color: var(--fontColor1); background: var(--bgColor4); border-radius: 24px; }
}

@media (min-width: 1200px) {
	.navigation { padding: 56px 0; display: flex; align-items: center; width: 100%; }
	.nav-menu, .nav-logo, .nav-icons { flex: 0 0 auto; }
	.nav-menu { display: none; }
	.nav-menu img { width: 24px; height: auto; }
	.nav-logo img { width: 145px; height: auto; }
	.nav-icons { display: flex; gap: 6px; align-items: center; }
	.nav-icons > * { position: relative; width: 38px; height: 38px; background: var(--bgColor0); border-radius: 50%; }
	.nav-line { display: flex; gap: 24px; flex: 1 1 auto; min-width: 0; align-items: center; justify-content: center; }
	.nav-line > * { font-size: 15px; font-weight: 500; color: var(--fontColor1); text-decoration: none; }
	.nav-line-call { padding: 6px 16px; color: var(--fontColor1); background: var(--bgColor4); border-radius: 24px; }
}
/* Navigation */