/* Опускаем подсказку "Войти" на 5px */
.navbar-account .account-tooltip {
	bottom: -39px !important;
}

/* Выравниваем иконки по центру и даём единый бокс */
.navbar-subpanel-item .navbar-button,
.navbar-subpanel-item .navbar-button::before {
	display: flex;
	align-items: center;
	justify-content: center;
	line-height: 1;
}

.navbar-subpanel-item .navbar-button {
	width: 40px;
	height: 40px;
	font-size: 28px;
}

.navbar-subpanel-item .navbar-button::before {
	font-size: 28px;
}

/* Чуть опускаем корзину, чтобы выровнять по центру */
.navbar-cart-wrap .navbar-button {
	transform: translateY(-9px);
}

/* Чуть уменьшаем поиск и корзину */
.navbar-subpanel-item .search-switch {
	width: 38px;
	height: 38px;
	transform: translateY(-7px);
}

.navbar-subpanel-item .navbar-cart {
	width: 30px;
	height: 30px;
	font-size: 21px;
}

.navbar-subpanel-item .search-switch::before {
	font-size: 26px;
}

.navbar-subpanel-item .navbar-cart::before {
	font-size: 21px;
}

@media (max-width: 1199.98px) {
	/* Отключаем подсказки у иконок */
	.navbar-subpanel-item .account-tooltip,
	.navbar-account .account-tooltip {
		display: none !important;
	}

	/* Опускаем поиск и корзину на меньших экранах */
	.navbar-subpanel-item .search-switch {
		transform: translateY(0px);
		width: 29px;
		height: 29px;
	}

	.navbar-cart-wrap .navbar-button {
		transform: translate(3px, 0px);
	}

	/* Уменьшаем саму кнопку корзины (onclinic-cart) */
	.navbar-cart-wrap .navbar-button.onclinic-cart {
		width: 11px !important;
		height: 11px !important;
		font-size: 8px !important;
		line-height: 11px !important;
	}

	.navbar-subpanel-item .search-switch::before {
		font-size: 20px;
	}

	/* Правим глиф корзины для onclinic-cart */
	.navbar-cart-wrap .navbar-button.onclinic-cart::before {
		font-size: 20px !important;
		transform: translate(-50%, -50%) scale(1) !important;
	}

	/* Подгоняем бейдж под уменьшенную корзину */
	.navbar-cart-wrap .navbar-button .navbar-button-badge {
		top: -0.35rem !important;
		right: -0.35rem !important;
		width: 0.95rem !important;
		height: 0.95rem !important;
		font-size: 0.6rem !important;
		line-height: 1 !important;
		padding: 1px 0 0 0 !important;
	}

	/* Логотип: адаптивный размер, не залезает на иконки */
	.navbar-logo-default {
		display: block !important;
		width: auto !important;
		height: 28px !important;
		max-width: 120px !important;
		max-height: none !important;
	}

	/* Прячем инверсный логотип, чтобы не дублировался */
	.navbar-logo-inverse {
		display: none !important;
	}

	/* Убираем дубликат логотипа на малых экранах */
	.navbar-fullwidth-logo {
		display: none !important;
	}

	/* Фиксируем логотип слева рядом с бургером */
	.navbar-panel {
		display: flex !important;
		align-items: center !important;
		justify-content: flex-start !important;
	}

	.navbar-panel .navbar-switch {
		order: -1 !important;
		margin-right: 10px !important;
	}

	.navbar-panel .navbar-logo {
		order: 0 !important;
		margin: 0 !important;
		margin-left: 0 !important;
		margin-right: auto !important;
		flex: 0 0 auto !important;
		text-align: left !important;
	}

	/* Сбиваем центрирование фиксированного лого в режиме rd-navbar-fixed */
	.rd-navbar-fixed .navbar-logo {
		left: 52px !important;
		transform: none !important;
	}

	/* Лого в .navbar-mobile-logo — сдвигаем за бургер (fixed, left:4, w:60 = 64px) */
	.rd-navbar-fixed .navbar-mobile-logo {
		margin-left: 56px !important;
	}

	.rd-navbar-fixed .navbar-logo-link {
		max-width: none !important;
	}

	.rd-navbar-fixed .navbar-switch {
		left: 4px !important;
	}
}

/* Придвигаем бейдж корзины ближе к иконке */
.navbar-cart-wrap .navbar-button .navbar-button-badge {
	right: -0.5rem !important;
	top: -0.6rem !important;
	padding: 2px 0 0 0 !important;
	justify-content: center !important;
	align-items: center !important;
	line-height: 1 !important;
}

/* Фикс видимости логотипа в хедере */
.navbar-logo-default {
	display: block;
	max-width: 200px;
	height: auto;
}

/* Глобально скрываем инверсный логотип (белый) */
.navbar-logo-inverse {
	display: none !important;
}

/* Базово прячем все лого, дальше включаем нужные по брейкпоинтам */
.navbar-logo {
	display: none !important;
}

/* Десктоп: показываем только fullwidth-лого */
@media (min-width: 1200px) {
	.navbar-fullwidth-logo {
		display: block !important;
		visibility: visible !important;
		opacity: 1 !important;
	}
	.navbar-fullwidth-logo img {
		display: block !important;
	}
}

/* Мобилка: показываем лого в панели */
@media (max-width: 1199.98px) {
	.navbar-panel .navbar-logo {
		display: block !important;
	}
}

/* Десктоп: скрываем панельное лого окончательно */
@media (min-width: 1200px) {
	.navbar-panel .navbar-logo {
		display: none !important;
	}

}

/* Убираем любые лишние дубли логотипа */
.logo-image-default,
.logo-image-inverse {
	display: none !important;
}

/* На внутренних страницах (transparent, но с белым фоном) показываем чёрный логотип */
.rd-navbar-transparent .navbar-logo-default {
	display: block;
}

.rd-navbar-transparent .navbar-logo-inverse {
	display: none;
}

/* На главной (absolute поверх hero) оставляем только чёрный логотип */
.rd-navbar-wrap-absolute .navbar-logo-default {
	display: block;
}

.rd-navbar-wrap-absolute .navbar-logo-inverse {
	display: none;
}

/* Скрываем badge корзины когда товаров нет */
.navbar-cart-wrap .navbar-button .navbar-button-badge[style*="display: none"] {
	display: none !important;
}

/* Контактный попап в хедере — дублируем в legacy overrides,
   потому что на проде порядок CSS у шапки зависит от сборки */
.navbar-info-popup-wrap {
	position: relative !important;
}

.navbar-contact-popup {
	position: absolute !important;
	top: calc(100% + 14px) !important;
	right: 0 !important;
	left: auto !important;
	width: min(360px, calc(100vw - 40px)) !important;
	padding: 20px !important;
	border: 1px solid rgba(38, 69, 85, 0.08) !important;
	border-radius: 18px !important;
	background: rgba(255, 255, 255, 0.98) !important;
	box-shadow: 0 24px 60px rgba(38, 69, 85, 0.18) !important;
	-webkit-backdrop-filter: blur(18px) !important;
	backdrop-filter: blur(18px) !important;
	opacity: 0 !important;
	visibility: hidden !important;
	pointer-events: none !important;
	transform: translateY(10px) !important;
	transition:
		opacity .2s ease,
		visibility .2s ease,
		transform .2s ease !important;
	z-index: 1002 !important;
	overflow-y: auto !important;
}

.navbar-contact-popup::before {
	content: '' !important;
	position: absolute !important;
	top: -8px !important;
	right: 18px !important;
	width: 16px !important;
	height: 16px !important;
	background: rgba(255, 255, 255, 0.98) !important;
	border-top: 1px solid rgba(38, 69, 85, 0.08) !important;
	border-left: 1px solid rgba(38, 69, 85, 0.08) !important;
	transform: rotate(45deg) !important;
}

.rd-navbar.navbar-info-active .navbar-contact-popup {
	opacity: 1 !important;
	visibility: visible !important;
	pointer-events: auto !important;
	transform: translateY(0) !important;
}

.navbar-contact-popup__header {
	margin-bottom: 18px !important;
}

.navbar-contact-popup__mobile-extras {
	display: none !important;
}

.navbar-contact-popup__title {
	font-family: 'Spartan', sans-serif !important;
	font-size: 22px !important;
	font-weight: 600 !important;
	color: #264555 !important;
	line-height: 1.1 !important;
}

.navbar-contact-popup__subtitle {
	margin-top: 6px !important;
	font-size: 13px !important;
	color: #6b7280 !important;
	line-height: 1.45 !important;
}

.navbar-contact-popup__section + .navbar-contact-popup__section {
	margin-top: 16px !important;
	padding-top: 16px !important;
	border-top: 1px solid rgba(38, 69, 85, 0.08) !important;
}

.navbar-contact-popup__label {
	margin-bottom: 8px !important;
	font-size: 12px !important;
	font-weight: 600 !important;
	letter-spacing: 0.06em !important;
	text-transform: uppercase !important;
	color: #ff5759 !important;
}

.navbar-contact-popup__value {
	display: block !important;
	font-size: 16px !important;
	font-weight: 500 !important;
	color: #264555 !important;
	text-decoration: none !important;
	line-height: 1.5 !important;
}

.navbar-contact-popup__value + .navbar-contact-popup__value {
	margin-top: 6px !important;
}

.navbar-contact-popup__value:hover {
	color: #ff5759 !important;
}

.navbar-contact-popup__value--static:hover {
	color: #264555 !important;
}

.navbar-contact-popup__hint {
	margin-top: 6px !important;
	font-size: 13px !important;
	color: #6b7280 !important;
	line-height: 1.45 !important;
}

.navbar-contact-popup__footer {
	display: inline-flex !important;
	align-items: center !important;
	margin-top: 18px !important;
	font-size: 14px !important;
	font-weight: 600 !important;
	color: #ff5759 !important;
	text-decoration: none !important;
}

.navbar-contact-popup__footer:hover {
	color: #d5001c !important;
}

@media (max-width: 1199.98px) {
	.rd-navbar .navbar-info,
	.rd-navbar.navbar-info-active .navbar-info,
	.rd-navbar-fixed .navbar-info {
		display: none !important;
		opacity: 0 !important;
		visibility: hidden !important;
		pointer-events: none !important;
	}

	.navbar-contact-popup {
		position: fixed !important;
		top: 64px !important;
		left: 12px !important;
		right: 12px !important;
		width: auto !important;
		max-height: calc(100vh - 88px) !important;
		padding: 18px 16px !important;
		border-radius: 16px !important;
		box-shadow: 0 20px 48px rgba(38, 69, 85, 0.22) !important;
	}

	.navbar-contact-popup::before {
		display: none !important;
	}

	.navbar-contact-popup__mobile-extras {
		display: block !important;
		margin-bottom: 16px !important;
	}

	.navbar-contact-popup__title {
		font-size: 20px !important;
	}

	.navbar-contact-popup__value {
		font-size: 15px !important;
	}
}