/* ===== NAVIGATION PANEL ===== */
	.h-panel-nav {
		background: #2d2d2d;
		transition: transform 0.3s ease;
		align-items: center;
		display: flex;
	}
	.main-nav {
		list-style: none;
		padding: 0;
		margin: 0;
		display: flex;
		align-items: center;
		height: 100%;
		gap: 0;
		position: relative;
	}
	.main-nav > li {
		position: relative;
		height: 100%;
	}
	.main-nav > li > a {
		display: flex;
		align-items: center;
		gap: 4px;
		height: 100%;
		padding: 0 1rem;
		color: rgba(255,255,255,0.85);
		text-decoration: none;
		font-size: 0.88rem;
		font-weight: 500;
		white-space: nowrap;
		transition: 
        background-color 0.25s ease,
        color 0.25s ease,
        transform 0.25s ease,
        box-shadow 0.25s ease;
		will-change: transform, background-color;
	}
	.main-nav > li > a:hover,
	.main-nav > li:hover > a {
		background: rgba(255,255,255,0.1);
		color: #fff;
		transform: translateY(-2px);
	}
	.main-nav > li.active > a {
		background: rgba(255,255,255,0.15);
		color: #fff;
		transform: translateY(0);
	}
	/* ============================================
		SUB-ARROW INDICATOR
	============================================ */
	.uni-mm-sub-arrow {
		display: inline-block;
		width: 0;
		height: 0;
		margin-left: 2px;
		margin-top: 4px;		
		border-left: 4px solid transparent;
		border-right: 4px solid transparent;
		border-top: 4px solid currentColor;
		transition: transform 0.2s;
		transition: transform .3s ease;
	}
	.main-nav > li:hover .uni-mm-sub-arrow {
		transform: rotate(180deg);
	}  
	.uni-mm-label {
		top: -6px;
		position: absolute;
		right: 18px;
		left: auto;
		margin: 5px 0 0 3px;
		display: inline-block;
		height: 14px;
		padding: 2px 4px;
		margin-right: 5px;
		font-weight: 500;
		line-height: 1;
		font-size: 8px;
		line-height: normal;
		letter-spacing: 0.07em;
		text-transform: uppercase;
		white-space: nowrap;
		color: white;
		background: #a2a2a2;
		background-color: rgb(162, 162, 162);
		border: 1px solid #a2a2a2;
		border-radius: 8px;
	}
	.uni-mm-label .uni-mm-label-arrow {
		position: absolute;
		bottom: -5px;
		left: 10px;
		display: block;
		width: 0;
		height: 0;
		border-style: solid;
		border-width: 5px 7px 0 0;
	}		
	.dropdown-toggle::after {
		content: none;
		display: none;
	}
	/* Базовое (скрытое) состояние */
	.main-nav .uni-mm-dropdown {
		display: block;
		position: absolute;
		top: 100%;
		left: 0;
		min-width: 240px;
		background: #ffffff;
		border: 1px solid #e5e5e5;
		box-shadow: 0 8px 24px rgba(0,0,0,0.1);
		z-index: 1040;
		list-style: none;
		/* Скрытие через opacity + visibility (без display: none!) */
		opacity: 0;
		visibility: hidden;
		transform: translateY(-8px);      /* Лёгкий сдвиг вверх */
		pointer-events: none;             /* Блокирует клики, пока скрыто */
		/* Плавное появление с задержкой при скрытии */
		-moz-transition: visibility 0.1s linear 0.2s, opacity 0.25s ease, transform 0.25s ease;
		-webkit-transition: visibility 0.1s linear 0.2s, opacity 0.25s ease, transform 0.25s ease;
		-o-transition: visibility 0.1s linear 0.2s, opacity 0.25s ease, transform 0.25s ease;
		transition: visibility 0.1s linear 0.2s, opacity 0.25s ease, transform 0.25s ease;
	}
	.main-nav li.dropdown-hover > .uni-mm-dropdown,
	.main-nav li.dropdown-hover > .uni-dropd-mm {
		opacity: 1;
		visibility: visible;
		transform: translateY(0);
		pointer-events: auto;
		transition-delay: 0s;
	}
	/* Мобильные: отключаем анимацию, чтобы не было лагов */
	@media (max-width: 991px) {
		.main-nav .uni-mm-dropdown {
			position: static !important;
			opacity: 1 !important;
			visibility: visible !important;
			transform: none !important;
			pointer-events: auto !important;
			transition: none !important;
		}
	}
	/* Базовое (скрытое) состояние */
	.main-nav .uni-dropd-mm {
		display: block;
		position: absolute;
		top: 100%;
		left: 0;
		min-width: 240px;
		background: #ffffff;
		border: 1px solid #e5e5e5;
		box-shadow: 0 8px 24px rgba(0,0,0,0.1);
		z-index: 1040;
		padding: 0;
		list-style: none;
		/* Скрытие через opacity + visibility (без display: none!) */
		opacity: 0;
		visibility: hidden;
		transform: translateY(-8px);      /* Лёгкий сдвиг вверх */
		pointer-events: none;             /* Блокирует клики, пока скрыто */
		/* Плавное появление с задержкой при скрытии */
		-moz-transition: visibility 0.1s linear 0.2s, opacity 0.25s ease, transform 0.25s ease;
		-webkit-transition: visibility 0.1s linear 0.2s, opacity 0.25s ease, transform 0.25s ease;
		-o-transition: visibility 0.1s linear 0.2s, opacity 0.25s ease, transform 0.25s ease;
		transition: visibility 0.1s linear 0.2s, opacity 0.25s ease, transform 0.25s ease;
	}
	/* Мобильные: отключаем анимацию, чтобы не было лагов */
	@media (max-width: 991px) {
		.main-nav .uni-dropd-mm {
			position: static !important;
			opacity: 1 !important;
			visibility: visible !important;
			transform: none !important;
			pointer-events: auto !important;
			transition: none !important;
		}
	}
	/***********************/
	.uni-dropd-mm li a {
		display: flex;
		align-items: center;
		padding: 10px 16px;
		color: #333333;
		text-decoration: none;
		font-size: 0.85rem;
		transition: 
        background-color 0.25s ease,
        color 0.25s ease,
        transform 0.25s ease,
        box-shadow 0.25s ease;
		will-change: transform, background-color;
		border-bottom: 1px solid #e5e5e5;
	}
	.uni-dropd-mm li:last-child a {
		border-bottom: none;
	}
	.uni-dropd-mm li a:hover {
		background: #f5f5f5;
		color: #1a1a1a;
		padding-left: 20px;
	}
	.uni-dropd-mm .has-mm-submenu {
		position: relative;
	}
	.uni-dropd-mm .uni-dropd-mm {
		top: 0;
		left: 100%;
		min-width: 220px;
	}
	.uni-dropd-mm .has-mm-submenu > a::after {
		content: '';
		margin-left: auto;
		width: 0;
		height: 0;
		border-top: 4px solid transparent;
		border-bottom: 4px solid transparent;
		border-left: 4px solid #6b7280;
	}
	/********************/
	/* ============================================
		CATEGORIES GRID WITH BANNER SUPPORT
	============================================ */
	/* Обёртка — ограничивает высоту и добавляет скролл */
	.uni-mm-categories-wrapper {
		max-height: 480px;              /* Высота под баннер */
		overflow-y: auto;
		overflow-x: hidden;
		padding-right: 10px;
		margin-right: -10px;
		scroll-behavior: smooth;
	}
	/* Сетка категорий через CSS Columns */
	.uni-mm-categories-grid {
		column-count: 4;                /* Базовое количество колонок */
		column-gap: 15px;
		break-inside: avoid;
	}
	/* Элемент категории */
	.uni-mm-hassubchild {
		display: inline-block;          /* Важно для column-count */
		/*width: 100%;*/
		margin-bottom: 20px;
		break-inside: avoid;
		vertical-align: top;
		padding: 8px;
	}
	/* Категории без подкатегорий — компактнее */
	.uni-mm-no-children {
		margin-bottom: 12px !important;
	}
	.uni-mm-no-children .uni-mm-parent-title {
		height: auto !important;
		margin: 8px 0;
		font-size: 13px;
	}
	.uni-mm-no-children .uni-mm-parent-img {
		max-width: 75px;
		padding-top: 8px;
	}
	/* ============================================
		SCROLLBAR STYLING
	============================================ */
	.uni-mm-categories-wrapper::-webkit-scrollbar {
		width: 5px;
	}
	.uni-mm-categories-wrapper::-webkit-scrollbar-track {
		background: transparent;
	}
	.uni-mm-categories-wrapper::-webkit-scrollbar-thumb {
		background: rgba(0, 0, 0, 0.2);
		border-radius: 3px;
	}
	.uni-mm-categories-wrapper::-webkit-scrollbar-thumb:hover {
		background: rgba(0, 0, 0, 0.4);
	}
	.uni-mm-categories-wrapper {
		scrollbar-width: thin;
		scrollbar-color: rgba(0, 0, 0, 0.2) transparent;
	}
	/* ============================================
		RESPONSIVE: без баннера — полная ширина
	============================================ */
	/* Если баннера нет (col-sm-12) — больше колонок */
	.uni-mm-category-dropdown.uni-mm-type-2 
	.col-sm-12 .uni-mm-categories-grid {
		column-count: 6;
	}
	.uni-mm-category-dropdown.uni-mm-type-2 
	.col-sm-12 .uni-mm-categories-wrapper {
		max-height: 420px;              /* Чуть меньше, т.к. нет баннера */
	}
	/* ============================================
		АДАПТИВ
	============================================ */
	@media (max-width: 1400px) {
		.uni-mm-categories-grid { column-count: 3; }
		.col-sm-12 .uni-mm-categories-grid { column-count: 5; }
	}
	@media (max-width: 1200px) {
		.uni-mm-categories-grid { column-count: 3; }
		.col-sm-12 .uni-mm-categories-grid { column-count: 4; }
		.uni-mm-categories-wrapper { max-height: 400px; }
	}
	@media (max-width: 992px) {
		.uni-mm-categories-wrapper {
			max-height: none !important;
			overflow: visible !important;
			padding-right: 0;
			margin-right: 0;
		}
		.uni-mm-categories-grid {
			column-count: 2 !important;
			column-gap: 10px;
		}
		.col-sm-12 .uni-mm-categories-grid {
			column-count: 3 !important;
		}
	}
	@media (max-width: 768px) {
		.uni-mm-categories-grid {
			column-count: 2 !important;
		}
	}
	@media (max-width: 576px) {
		.uni-mm-categories-grid {
			column-count: 1 !important;
		}
		.uni-mm-hassubchild {
			margin-bottom: 15px;
		}
	}
	/* ============================================
		БАННЕР: синхронизация высоты
	============================================ */
	/* Если баннер высокий — подстраиваем высоту скролла */
	.uni-mm-banner {
		height: 100%;
		display: flex;
		flex-direction: column;
		justify-content: center;
	}
	/* Градиент-индикатор прокрутки снизу */
	.uni-mm-categories-wrapper {
		position: relative;
	}
	.uni-mm-categories-wrapper::after {
		content: '';
		position: absolute;
		bottom: 0;
		left: 0;
		right: 10px;
		height: 40px;
		background: linear-gradient(to bottom, rgba(255,255,255,0) 0%, #fff 100%);
		pointer-events: none;
		opacity: 0;
		transition: opacity 0.2s ease;
		/*transition: all 0.2s;*/
		z-index: 2;
	}
	.uni-mm-categories-wrapper.scrolled::after,
	.uni-mm-categories-wrapper.has-scroll::after {
		opacity: 1;
	}
	/************************/
	/* ============================================
		DROPDOWN CONTAINER & LAYOUT
	============================================ */
	.uni-mm-full-width {
		left: 12px;
		right: 12px;
		max-width: calc(100% - 24px);
		margin-left: auto;
		margin-right: auto;
	}
	/* Dropdown base styles */
	.dropdown-menu.uni-dropd-mm {
		padding-bottom: 0;
		background: #fff;
		box-shadow: 5px 12px 30px rgba(0, 0, 0, 0.35);
		border-radius: 4px;
	}
	/* Dropdown types - compact variants */
	.uni-mm-dropdown-sm.uni-mm-type-0,
	.uni-mm-dropdown-sm.uni-mm-type-5,
	.uni-mm-dropdown-sm.uni-mm-type-8 {
		width: 270px;
		padding: 0;
		left: 0;
		right: auto;
		overflow-y: visible;
	}
	/* ============================================
		PARENT ITEM (Category/Brand/Product Card)
	============================================ */
	.uni-mm-full-width {
		width: 100%;
		padding: 25px;
	}
	.uni-mm-hassubchild {
		margin-bottom: 30px;
	}
	.uni-mm-parent-link,
	.uni-mm-parent-link:hover {
		white-space: pre-wrap;
		text-decoration: none;
	}
	.uni-mm-parent-link img {
		transition: opacity .15s ease;
	}
	.uni-mm-parent-link:hover img {
		opacity: .9;
	}
	/* Parent image */
	.uni-mm-parent-img {
		max-width: 100px;
		margin: 0 auto;
		padding-top: 15px;
		display: block;
	}
	.uni-mm-parent-img-full-width {
		margin-bottom: 15px;
		max-width: 100%;
		height: auto;
	}
	/* Parent title */
	.uni-mm-parent-title {
		color: #333;
		font-weight: 700;
		letter-spacing: .3px;
		margin-top: 15px;
		margin-bottom: 15px;
		transition: color .15s ease;
		height: 42px;
		display: block;
		/*text-align: center;*/
		text-decoration: none;
	}
	.uni-mm-parent-title-light {
		font-weight: 500;
	}
	.uni-mm-product-parent-title {
		height: auto;
		font-size: 13px;
	}
	.uni-mm-brands-link .uni-mm-parent-title {
		height: auto;
		line-height: 18px;
	}
	.uni-mm-parent-link:hover .uni-mm-parent-title {
		color: #600A00;
	}
	/* Brands link specific */
	.uni-mm-brands-link {
		transition: box-shadow .3s ease;
	}
	.uni-mm-brands-link:hover {
		/*box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.1);*/
	}
	.uni-mm-brands-dropdown {
		padding-bottom: 0;
	}
	/* Image grayscale effect for brands */
	.uni-mm-img-transition {
		filter: grayscale(100%);
		-webkit-filter: grayscale(100%);
		transition: filter .3s ease;
	}
	.uni-mm-parent-link:hover .uni-mm-img-transition {
		filter: grayscale(0%) !important;
		-webkit-filter: grayscale(0%) !important;
	}
	/* ============================================
		CHILD SUBCATEGORIES LIST
	============================================ */
	.uni-mm-child {
		list-style: none;
		padding: 0;
		margin: 0;
	}
	.uni-mm-child li {
		padding: 0;
		margin-bottom: 10px;
		font-size: 13px;
	}
	.uni-mm-child li:first-child {
		border-top: 1px solid #F4F4F4;
		padding-top: 16px;
	}
	.uni-mm-child a {
		color: #666;
		line-height: 20px;
		transition: color .15s ease;
		text-decoration: none;
		display: block;
	}
	.uni-mm-child a:hover {
		color: #600A00;
		text-decoration: none;
	}
	/* "See all" link */
	.uni-mm-see-all {
		color: #333;
		font-weight: 600;
		font-size: 12px;
		text-decoration: underline;
		display: block;
		margin-top: 10px;
	}
	.uni-mm-see-all:hover {
		color: #600A00;
		text-decoration: none;
	}
	.uni-mm-see-all i {
		color: #C5C5C5;
		margin-right: 5px;
	}
	/* ============================================
		PRODUCT PRICES
	============================================ */
	.uni-mm-price {
		text-align: center;
		color: #484848;
		font-size: 18px;
		font-weight: 700;
		margin-top: 10px;
	}
	.uni-mm-price > * {
		display: block;
	}
	.uni-mm-price .uni-price-old {
		text-decoration: line-through;
		color: #CBCFD4;
		font-size: 12px;
		font-weight: 500;
	}
	.uni-mm-price .uni-price-new {
		color: #EB5757;
	}
	.uni-price-normal {
		font-weight: 700;
	}
	/* ============================================
		BANNER STYLES
	============================================ */
	.uni-mm-banner {
		color: #FFF;
		padding: 30px;
		margin: 0 15px;
		border-radius: 1px;
		position: relative;
		overflow: hidden;
		background: #3FCEFD;
		text-align: center;
	}
	.uni-mm-banner:before {
		position: absolute;
		z-index: 1;
		top: 0;
		left: 0;
		width: 130%;
		height: 100%;
		background: rgba(255,255,255,0.3);
		content: '';
		transition: transform 0.8s;
		transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,-120%,0);
	}
	.uni-mm-banner:hover:before {
		transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,120%,0);
	}
	.uni-mm-banner-img {
		opacity: .9;
		transition: opacity .3s ease;
		margin-bottom: 20px;
	}
	.uni-mm-banner-img img {
		max-width: 160px;
		height: auto;
		display: inline-block;
	}
	.uni-mm-banner:hover .uni-mm-banner-img {
		opacity: 1;
	}
	.uni-mm-banner-title {
		font-size: 22px;
		line-height: 30px;
		letter-spacing: .3px;
		margin-bottom: 20px;
		font-weight: 700;
	}
	.uni-mm-banner-text {
		font-size: 16px;
		line-height: 24px;
		font-weight: 300;
		margin-bottom: 20px;
	}
	.uni-mm-banner-button {
		font-size: 16px;
		font-weight: 300;
		display: inline-block;
		padding: 10px 20px;
		text-align: center;
		border-radius: 1px;
		max-width: 170px;
		transition: background .3s ease, color .3s ease;
		position: relative;
		z-index: 2;
		color: #fff;
		background: #666;
		text-decoration: none;
	}
	.uni-mm-banner-button:hover {
		color: #fff;
		background: #7ed302;
		text-decoration: none;
	}
	/* ============================================
		CUSTOM HTML & MAP CONTENT
	============================================ */
	.uni-mm-html {
		padding: 30px;
		color: #666;
	}
	.uni-mm-html p + p {
		margin-top: 10px;
	}
	.uni-mm-map {
		color: #333;
		line-height: 26px;
	}
	.uni-mm-map p {
		padding-bottom: 10px;
	}
	/* ============================================
		RESPONSIVE ADJUSTMENTS
	============================================ */
	@media (min-width: 1600px) {
		.uni-mm-full-width {
			max-width: calc(100% - 24px);
		}
		.uni-mm-banner {
			margin: 0 30px;
		}
	}
	@media screen and (max-width: 1199px) {
		.uni-mm-full-width {
			max-width: calc(100% - 24px);
		}
	}
	@media (max-width: 991px) {
		/* .dropdown-menu.uni-dropd-mm {
			position: static !important;
			visibility: visible !important;
			opacity: 1 !important;
			box-shadow: none !important;
			padding: 15px 0;
			background: transparent;
		}*/
		.uni-mm-banner {
			margin: 15px;
		}
		.uni-mm-parent-img {
			max-width: 80px;
		}
	}		
	/* ============================================
		SCROLLABLE CATEGORIES CONTAINER
	============================================ */
	.uni-mm-categories-scroll {
		max-height: 450px;           /* Высота области прокрутки */
		overflow-y: auto;            /* Вертикальный скролл при переполнении */
		overflow-x: hidden;          /* Скрыть горизонтальный скролл */
		padding-right: 8px;          /* Отступ для скроллбара */
		margin-right: -8px;          /* Компенсация отступа */
		scroll-behavior: smooth;     /* Плавная прокрутка */
	}
	/* Скроллбар для WebKit (Chrome, Safari, Edge) */
	.uni-mm-categories-scroll::-webkit-scrollbar {
		width: 6px;
	}
	.uni-mm-categories-scroll::-webkit-scrollbar-track {
		background: transparent;
		border-radius: 3px;
	}
	.uni-mm-categories-scroll::-webkit-scrollbar-thumb {
		background: rgba(0, 0, 0, 0.25);
		border-radius: 3px;
		transition: background 0.2s ease;
	}
	.uni-mm-categories-scroll::-webkit-scrollbar-thumb:hover {
		background: rgba(0, 0, 0, 0.45);
	}
	/* Скроллбар для Firefox */
	.uni-mm-categories-scroll {
		scrollbar-width: thin;
		scrollbar-color: rgba(0, 0, 0, 0.25) transparent;
	}
	/* Адаптивная высота для разных экранов */
	@media (max-height: 700px) {
		.uni-mm-categories-scroll {
			max-height: 350px;
		}
	}
	@media (max-width: 991px) {
		.uni-mm-categories-scroll {
			max-height: none;        /* На мобильных отключаем скролл */
			overflow: visible;
			padding-right: 0;
			margin-right: 0;
		}
	}
	/* Градиент-маска для плавного "затухания" контента снизу */
	.uni-mm-categories-scroll {
		position: relative;
	}
	.uni-mm-categories-scroll::after {
		content: '';
		position: absolute;
		bottom: 0;
		left: 0;
		right: 0;
		height: 30px;
		background: linear-gradient(to bottom, transparent, #fff);
		pointer-events: none;
		opacity: 0;
		transition: opacity 0.2s ease;
		z-index: 1;
	}
	.uni-mm-categories-scroll.scrolled::after {
		opacity: 1;
	}
	/* ===== MEGA MENU CONTACTS ===== */
	.contact-map-wrapper {
		background: #f5f5f5;
		height: 100%;
		min-height: 350px;
	}
	.contact-map-wrapper iframe,
	.contact-map-wrapper #yandex-map {
		width: 100%;
		height: 100%;
		min-height: 350px;
		border: none;
	}
	/* ============================================
		CONTACT INFO WRAPPER WITH SCROLL
	============================================ */
	.contact-info-wrapper {
		padding: 0 25px;
		background: #ffffff;
		height: 100%;
		max-height: 350px;              /* Ограничение высоты (как у карты) */
		overflow-y: auto;               /* Вертикальная прокрутка при переполнении */
		overflow-x: hidden;             /* Скрываем горизонтальный скролл */
		scroll-behavior: smooth;        /* Плавная прокрутка */
		position: relative;             /* Для позиционирования градиента */
	}
	/* Скроллбар для WebKit (Chrome, Safari, Edge) */
	.contact-info-wrapper::-webkit-scrollbar {
		width: 6px;                     /* Ширина скроллбара */
	}
	.contact-info-wrapper::-webkit-scrollbar-track {
		background: transparent;        /* Прозрачный трек */
		border-radius: 3px;
	}
	.contact-info-wrapper::-webkit-scrollbar-thumb {
		background: rgba(0, 0, 0, 0.25); /* Цвет ползунка */
		border-radius: 3px;
		transition: background 0.2s ease;
	}
	.contact-info-wrapper::-webkit-scrollbar-thumb:hover {
		background: rgba(0, 0, 0, 0.45); /* Цвет при наведении */
	}
	/* Скроллбар для Firefox */
	.contact-info-wrapper {
		scrollbar-width: thin;          /* Тонкий скроллбар */
		scrollbar-color: rgba(0, 0, 0, 0.25) transparent; /* Ползунок и трек */
	}
	/* Градиент-маска для плавного затухания контента снизу */
	.contact-info-wrapper::after {
		content: '';
		position: absolute;
		bottom: 0;
		left: 0;
		right: 0;
		height: 30px;
		background: linear-gradient(to bottom, transparent, #ffffff);
		pointer-events: none;
		opacity: 0;
		transition: opacity 0.2s ease;
		z-index: 1;
	}
	/* Показываем градиент только когда есть прокрутка */
	.contact-info-wrapper.scrolled::after {
		opacity: 1;
	}
	/* Класс для JS-отслеживания прокрутки */
	.contact-info-wrapper.has-scroll::after {
		opacity: 1;
	}
	/* ============================================
		АДАПТИВНОСТЬ
	============================================ */
	@media (max-width: 991.98px) {
		.contact-info-wrapper {
			max-height: none;           /* На мобильных убираем ограничение */
			overflow: visible;          /* Отключаем прокрутку */
			padding: 20px;
		}
		.contact-info-wrapper::after {
			display: none;              /* Убираем градиент */
		}
	}
	/* Для очень маленьких экранов */
	@media (max-height: 600px) {
		.contact-info-wrapper {
			max-height: 280px;          /* Уменьшаем высоту на низких экранах */
		}
	}
	.contact-title {
		font-family: 'Montserrat', sans-serif;
		font-weight: 700;
		font-size: 1.25rem;
		color: #1a1a1a;
		margin-bottom: 25px;
		padding-bottom: 15px;
		border-bottom: 2px solid #e5e5e5;
	}
	.contact-item {
		margin-bottom: 20px;
	}
	.contact-item strong {
		display: block;
		font-family: 'Montserrat', sans-serif;
		font-weight: 600;
		font-size: 0.88rem;
		color: #333333;
		margin-bottom: 8px;
	}
	.contact-values {
		font-size: 0.92rem;
		color: #6b7280;
	}
	.contact-values a {
		color: #2d2d2d;
		text-decoration: none;
		transition: color 0.2s;
		display: inline-block;
		margin-bottom: 4px;
	}
	.contact-values a:hover {
		color: #4caf50;
	}
	.contact-values p {
		margin: 0;
		line-height: 1.6;
	}
	.btn-contact-page {
		display: inline-block;
		margin-top: 20px;
		padding: 10px 24px;
		background: #2d2d2d;
		color: #ffffff !important;
		border-radius: 4px;
		font-weight: 500;
		font-size: 0.88rem;
		transition: 
        background-color 0.25s ease,
        color 0.25s ease,
        transform 0.25s ease,
        box-shadow 0.25s ease;
		will-change: transform, background-color;
		text-decoration: none;
	}
	.btn-contact-page:hover {
		background: #4caf50;
		transform: translateY(-2px);
	}
	.btn-contact-page:active {
		transform: translateY(0);
	}
	/* Адаптация для мобильных */
	@media (max-width: 991.98px) {
		.contact-info-wrapper {
			padding: 20px;
		}
		.contact-map-wrapper #yandex-map {
			min-height: 250px;
		}
	}
	/* 1. Родительский li должен быть "статичным", чтобы дропдаун выравнивался по контейнеру навигации, а не по ширине пункта */
	.main-nav > li.dropdown-mega-menu {
		position: static !important;
	}
	/* Кнопка ЕЩЁ */
	#navMoreToggle {
		display: none;
	}
	#navMoreToggle.show {
		display: block !important;
	}
	/* Базовое (скрытое) состояние */
	#navMoreDropdown .main-nav .uni-dropd-mm {
		display: block;
		position: absolute;
		top: 100%;
		left: 0;
		min-width: 240px;
		background: #ffffff;
		border: 1px solid #e5e5e5;
		box-shadow: 0 8px 24px rgba(0,0,0,0.1);
		z-index: 1040;
		padding: 0;
		list-style: none;
		/* Скрытие через opacity + visibility (без display: none!) */
		opacity: 0;
		visibility: hidden;
		transform: translateY(-8px);      /* Лёгкий сдвиг вверх */
		pointer-events: none;             /* Блокирует клики, пока скрыто */
		/* Плавное появление с задержкой при скрытии */
		-moz-transition: visibility 0.1s linear 0.2s, opacity 0.25s ease, transform 0.25s ease;
		-webkit-transition: visibility 0.1s linear 0.2s, opacity 0.25s ease, transform 0.25s ease;
		-o-transition: visibility 0.1s linear 0.2s, opacity 0.25s ease, transform 0.25s ease;
		transition: visibility 0.1s linear 0.2s, opacity 0.25s ease, transform 0.25s ease;
	}
	/* Мобильные: отключаем анимацию, чтобы не было лагов */
	@media (max-width: 991px) {
		#navMoreDropdown .main-nav .uni-dropd-mm {
			position: static !important;
			opacity: 1 !important;
			visibility: visible !important;
			transform: none !important;
			pointer-events: auto !important;
			transition: none !important;
		}
	}
	/* Класс для выравнивания справа */
	.align-right {
		left: auto !important;
		right: 0 !important;
	}
	/* Вложенные меню */
	.uni-dropd-mm .uni-dropd-mm {
		top: 0;
		left: 100%;
	}
	.uni-dropd-mm .uni-dropd-mm.align-right {
		left: auto !important;
		right: 100% !important;
	}
	/* В header.css — добавьте в конец */
	.uni-dropd-mm.uni-mm-calculating {
		opacity: 0 !important;
		visibility: hidden !important;
		pointer-events: none !important;
		/* Но элемент остаётся в потоке для замеров getBoundingClientRect() */
	}
	/* Плавное появление после расчёта */
	.uni-dropd-mm.uni-mm-calculating.uni-mm-ready {
		opacity: 1 !important;
		visibility: visible !important;
		pointer-events: auto !important;
		transition: opacity 0.2s ease, visibility 0.2s ease !important;
	}
	/* Мега-меню */
	.mega-menu-contact {
		width: 100%;
		left: 0 !important;
		right: 0 !important;
	}
	/* Мобильные */
	@media (max-width: 991px) {
		#navMoreToggle {
			display: none !important;
		}
	}
	/* Убираем конфликт display у кнопки ЕЩЁ */
	#navMoreToggle {
		display: none; /* по умолчанию скрыт */
	}
	#navMoreToggle:not(.d-none) {
		display: block !important;
		display: flex !important; /* если меню на flex */
	}
	/* Выпадашка "ЕЩЁ" — позиционирование */
	#navMoreDropdown {
		position: absolute;
		top: 100%;
		right: 0; /* всегда справа от кнопки */
		min-width: 200px;
		z-index: 1000;
		background: #fff;
		box-shadow: 0 4px 12px rgba(0,0,0,0.15);
		/*padding: 8px 0;*/
		display: none;
	}
	/* Показ при hover на десктопе */
	@media (min-width: 992px) {
		#navMoreToggle:hover > #navMoreDropdown {
			display: block;
		}
	}
	/* Пункты внутри "ЕЩЁ" — как обычные */
	#navMoreDropdown li {
		display: block;
		/*padding: 0 15px;*/
	}
	#navMoreDropdown li a {
		display: flex;
		padding: 10px 16px;
		text-decoration: none;
		color: inherit;
	}
	#navMoreDropdown li a:hover {
		background: #f5f5f5;
		color: #1a1a1a;
		padding-left: 20px;
	}
	#navMoreDropdown .uni-mm-label {display: none;}
	#navMoreDropdown a span {
		/*display: none !important;*/
		width: 0 !important;
		height: 0 !important;
		margin-right: 0 !important;
		background: none !important;
		background-image: none !important;
	}
	/* Сброс треугольной стрелки для ссылок в "ещё" */
	#navMoreDropdown a.uni-mm-a .uni-mm-sub-arrow {
		/* Убираем треугольник */
		border: none !important;
		width: 12px !important;
		height: 12px !important;
		margin-left: 8px !important;
		margin-top: 0 !important;
		position: relative !important;
		display: inline-block !important;
		vertical-align: middle;
		transition: none !important;
	}
	/* Добавляем "+" через псевдоэлемент */
	#navMoreDropdown a.uni-mm-a .uni-mm-sub-arrow::after {
		content: '+';
		position: absolute;
		top: 50%;
		left: 50%;
		margin-top: -2px;
		transform: translate(-50%, -50%);
		font: bold 14px/1 monospace;
		color: inherit;
		display: block;
	}
	/* Цвет при наведении */
	#navMoreDropdown a.uni-mm-a:hover .uni-mm-sub-arrow::after {
		color: #1a1a1a;
	}
	/* Вложенные меню внутри "ЕЩЁ" */
	#navMoreDropdown .uni-dropd-mm {
		top: 0;
		left: 100%;
		right: auto;
	}
	#navMoreDropdown .uni-dropd-mm.align-right {
		left: auto;
		right: 100%;
	}	
	#navMoreDropdown li.uni-mm-link {position: relative;}
	/* ============================================
		DROPDOWN VISIBILITY & ANIMATION (Pure CSS)
	============================================ */
	/* Базовое (скрытое) состояние для всех выпадашек */
	.main-nav .uni-mm-dropdown,
	.main-nav .uni-dropd-mm {
		display: block; /* Обязательно block, чтобы JS мог мерить ширину даже при visibility: hidden */
		position: absolute;
		top: 100%;
		left: 0;
		min-width: 240px;
		background: #ffffff;
		border: 1px solid #e5e5e5;
		box-shadow: 0 8px 24px rgba(0,0,0,0.1);
		z-index: 1040;
		/*padding: 0;*/
		list-style: none;
		opacity: 0;
		visibility: hidden;
		transform: translateY(-8px); /* Легкий сдвиг вверх при скрытии */
		pointer-events: none;
		/* Плавное появление. Задержка 0.2s для visibility позволяет курсору "проскочить" микрощели */
		transition: opacity 0.25s ease, transform 0.25s ease, visibility 0s linear 0.2s;
	}
	/* Состояние при наведении - видно */
	.main-nav li:hover > .uni-mm-dropdown,
	.main-nav li:hover > .uni-dropd-mm,
	.main-nav li:focus-within > .uni-mm-dropdown, /* Для доступности (навигация с клавиатуры) */
	.main-nav li:focus-within > .uni-dropd-mm {
		opacity: 1;
		visibility: visible;
		transform: translateY(0);
		pointer-events: auto;
		transition-delay: 0s;
	}
	/* Вложенные меню (классические выпадашки) */
	.uni-dropd-mm .uni-dropd-mm {
		top: 0;
		left: 100%;
		min-width: 220px;
		transform: translateX(10px); /* Сдвиг вправо при скрытии */
	}
	.uni-dropd-mm li:hover > .uni-dropd-mm {
		transform: translateX(0);
	}
	/* Выравнивание справа (класс добавляется через JS, если не помещается) */
	.uni-mm-dropdown.align-right,
	.uni-dropd-mm.align-right {
		left: auto !important;
		right: 0 !important;
	}
	/* Вложенные меню, выравненные справа (выпадают влево) */
	.uni-dropd-mm .uni-dropd-mm.align-right {
		left: auto !important;
		right: 100% !important;
	}
	/* Мобильные устройства - отключаем анимацию и позиционирование */
	@media (max-width: 991px) {
		.main-nav .uni-mm-dropdown,
		.main-nav .uni-dropd-mm {
			position: static !important;
			opacity: 1 !important;
			visibility: visible !important;
			transform: none !important;
			pointer-events: auto !important;
			transition: none !important;
			box-shadow: none !important;
		}
	}
	/* ============================================
		ВЫПАДАШКА КНОПКИ "ЕЩЁ"
	============================================ */
	#navMoreToggle > .uni-dropd-mm {
		left: auto;
		right: 0; /* Открывается влево от кнопки */
	}
	#navMoreToggle .uni-dropd-mm .uni-dropd-mm {
		left: auto;
		right: 100%; /* Вложенные тоже открываются влево */
		transform: translateX(-10px);
	}
	#navMoreToggle .uni-dropd-mm li:hover > .uni-dropd-mm {
		transform: translateX(0);
	}