/* ==========================================================================
   Header — local/templates/vepr  (редизайн)
   Двухъярусная светлая шапка + компактный липкий режим + мега-меню каталога.
   Десктоп (≥992px) — новая вёрстка (.hdr-*); планшет/мобилка — старые
   блоки .header_block.book / .mobile (стили в styles.css / mobile.css).
   ========================================================================== */

:root{
	--h-ink:#16181c;
	--h-slate:#606268;
	--h-mute:#9598a0;
	--h-line:#ecedef;
	--h-line2:#f4f5f6;
	--h-bg:#ffffff;
	--h-soft:#f6f7f8;
	--h-red:#e53533;
	--h-red-ink:#c72c2a;
	--h-red-wash:#fdeceb;
	--h-radius:10px;
}

/* старая плавающая плашка дилера больше не используется */
.hdr-dealer-tab{ display:none !important; }

/* ============ каркас ============ */
.site-header{
	position:sticky;
	top:0;
	z-index:1000;
	height:auto;   /* перекрываем header{height:170px} из старого styles.css (@media ≤480) */
	background:var(--h-bg);
	border-bottom:1px solid var(--h-line);
	font-family:'Manrope',"Segoe UI",system-ui,-apple-system,Arial,sans-serif;
	transition:box-shadow .25s ease;
}
.site-header.is-compact{ box-shadow:0 8px 30px -16px rgba(16,18,28,.32); }
.hdr-desktop{ display:block; }
.site-header .hdr-ic{ width:14px; height:14px; flex:none; }

/* ============ ярус 1: топбар ============ */
.hdr-topbar{
	border-bottom:1px solid var(--h-line2);
	overflow:hidden;
	max-height:50px;
	transition:max-height .35s cubic-bezier(.4,0,.2,1), opacity .22s ease, border-color .3s;
}
.site-header.is-compact .hdr-topbar{ max-height:0; opacity:0; border-color:transparent; }
.hdr-topbar__in{
	display:flex; align-items:center; justify-content:space-between;
	height:50px; gap:24px;
}
.hdr-topbar__grp{ display:flex; align-items:center; gap:20px; min-width:0; }
.hdr-tb-link,.hdr-tb-item{
	display:inline-flex; align-items:center; gap:8px;
	font-size:12.5px; color:var(--h-slate); white-space:nowrap;
	text-decoration:none; letter-spacing:.01em; transition:color .15s;
}
.hdr-tb-link:hover{ color:var(--h-red); }
.hdr-tb-link .hdr-ic,.hdr-tb-item .hdr-ic{ color:var(--h-red); opacity:.9; }
.hdr-tb-sep{ width:1px; height:14px; background:var(--h-line); }
.hdr-dealer{
	display:inline-flex; align-items:center; gap:8px;
	font-size:12.5px; font-weight:500; color:var(--h-ink);
	padding:5px 13px; border:1px solid var(--h-line); border-radius:99px;
	text-decoration:none; letter-spacing:.01em; transition:.15s;
}
.hdr-dealer:hover{ border-color:var(--h-red); color:var(--h-red); background:var(--h-red-wash); }
.hdr-dealer svg{ width:22px; height:15px; flex:none; }
.hdr-dealer svg path{ fill:currentColor; }

/* ============ ярус 2: основной ряд ============ */
.hdr-main__in{
	display:flex; align-items:center; gap:24px;
	height:82px; transition:height .35s cubic-bezier(.4,0,.2,1);
}
/* компактный режим: сжимаем ВОЗДУХ (высоту ряда), сами элементы не уменьшаем */
.site-header.is-compact .hdr-main__in{ height:60px; }

.hdr-brand{ flex:none; display:flex; align-items:center; }
.hdr-brand img{ height:46px; width:auto; display:block; }

.hdr-tagline{
	flex:none; max-width:200px; font-size:11.5px; line-height:1.4;
	color:var(--h-mute); letter-spacing:.01em; transition:.25s;
}
.site-header.is-compact .hdr-tagline{
	max-width:0; opacity:0; padding-left:0; border-color:transparent; overflow:hidden;
}

/* поиск (переопределяем стили компонента bitrix:search.title) */
/* авто-ширина: поиск не растягивается, а телефон/CTA/иконки уходят вправо (margin-right:auto) */
.hdr-search{ flex:1 1 auto; min-width:150px; }

/* иконки-действия: избранное / сравнение / корзина */
.hdr-actions{ flex:none; display:flex; align-items:center; gap:8px; }
.hdr-act{
	width:46px; height:46px; box-sizing:border-box; border-radius:12px; flex:none;
	display:grid; place-items:center; text-decoration:none;
	background:var(--h-soft); border:1px solid var(--h-line); color:var(--h-ink);
	transition:background .15s ease, border-color .15s ease, color .15s ease;
}
.hdr-act:hover{ background:var(--h-red-wash); border-color:var(--h-red); color:var(--h-red); }
.hdr-act svg{ width:22px; height:22px; display:block; }
.hdr-main .hdr-search .top_search{ position:relative; width:100%; margin:0; padding:0; }
.hdr-main .hdr-search .top_search form{ position:relative; margin:0; }
.hdr-main .hdr-search .top_search input,
.hdr-main .hdr-search .top_search input.form-control{
	width:100%; height:46px; box-sizing:border-box;
	border:1px solid var(--h-line); background:var(--h-soft);
	border-radius:var(--h-radius); padding:0 54px 0 18px;
	font-size:14.5px; color:var(--h-ink); outline:none; box-shadow:none;
	transition:height .28s ease, border-color .15s, background .15s;
}
.hdr-main .hdr-search .top_search input::placeholder{ color:var(--h-mute); }
.hdr-main .hdr-search .top_search input:focus{ border-color:var(--h-red); background:#fff; }
.hdr-main .hdr-search .top_search .search-title-button,
.hdr-main .hdr-search .top_search button{
	position:absolute; right:6px; top:50%; transform:translateY(-50%);
	width:38px; height:34px; padding:0; border:none; cursor:pointer;
	background-color:var(--h-red); border-radius:6px;
	background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="white" stroke-width="2.2" stroke-linecap="round"><circle cx="11" cy="11" r="7"/><path d="m21 21-4.3-4.3"/></svg>');
	background-repeat:no-repeat; background-position:center;
	transition:background-color .15s;
}
.hdr-main .hdr-search .top_search .search-title-button:hover,
.hdr-main .hdr-search .top_search button:hover{ background-color:var(--h-red-ink); }

/* телефон (без иконки-кружка) */
/* бокс «телефон + заказать звонок» */
.hdr-callbox{
	flex:none; display:flex; flex-flow:row nowrap; align-items:center;
	gap:15px; height:46px; padding:3px; box-sizing:border-box;
	border:1px solid var(--h-line); border-radius:10px;
	background:#f6f7f8;
}
.hdr-phone{
	flex:none; display:flex; flex-direction:column; line-height:1.14;
	text-decoration:none; gap:1px; padding-left:9px;
}
.hdr-phone__num{
	font-size:16px; font-weight:700; color:var(--h-ink);
	letter-spacing:.01em; white-space:nowrap; transition:font-size .28s, color .15s;
}
.hdr-phone:hover .hdr-phone__num{ color:var(--h-red); }
.hdr-phone__sub{ font-size:11px; color:var(--h-mute); white-space:nowrap; letter-spacing:.01em; }

/* CTA «Заказать звонок» */
.hdr-cta{
	flex:none; display:inline-flex; align-items:center; justify-content:center;
	height:100%; padding:0 22px; border-radius:6px;
	background:var(--h-red); color:#fff; font-size:14.5px; font-weight:600;
	letter-spacing:.01em; text-decoration:none; white-space:nowrap;
	border:none; cursor:pointer; transition:background .15s, height .28s, padding .28s;
}
.hdr-cta:hover{ background:var(--h-red-ink); color:#fff; }

/* ============ ярус 3: навигация ============ */
.hdr-nav{ position:relative; border-top:1px solid var(--h-line2); }
.hdr-nav__in{
	display:flex; align-items:center; gap:4px;
	height:50px;
}

.hdr-nav__in > a{
	position:relative; display:inline-flex; align-items:center; height:100%;
	padding:0 15px; font-size:14px; font-weight:500; color:var(--h-ink);
	text-decoration:none; white-space:nowrap; letter-spacing:.01em; transition:color .15s;
}
.hdr-nav__in > a:hover{ color:var(--h-red); }
.hdr-nav__in > a::after{
	content:""; position:absolute; left:15px; right:15px; bottom:-1px; height:2px;
	background:var(--h-red); transform:scaleX(0); transform-origin:left; transition:transform .2s;
}
.hdr-nav__in > a:hover::after{ transform:scaleX(1); }

/* кнопка «Каталог» — единственный вход в каталог + триггер мега-меню */
.hdr-cat{
	display:inline-flex; align-items:center; gap:10px;
	height:100%; padding:0 18px 0 0; margin-right:8px;
	background:none; border:none; cursor:pointer;
	font-family:inherit; font-size:14.5px; font-weight:600; color:var(--h-red);
	letter-spacing:.01em; border-right:1px solid var(--h-line);
}
.hdr-cat__grid{ width:17px; height:17px; flex:none; }
.hdr-cat__chev{ width:15px; height:15px; flex:none; transition:transform .2s ease; }
.hdr-nav.mega-open .hdr-cat__chev{ transform:rotate(180deg); }
.hdr-cat:hover{ color:var(--h-red-ink); }

/* ============ мега-меню ============ */
.hdr-mega{
	position:absolute; left:0; right:0; top:100%;
	background:#fff; border-top:1px solid var(--h-line);
	box-shadow:0 30px 60px -28px rgba(16,18,28,.4);
	opacity:0; visibility:hidden; transform:translateY(-8px);
	transition:opacity .2s ease, transform .2s ease, visibility .2s;
	z-index:120;
}
.hdr-nav.mega-open .hdr-mega{ opacity:1; visibility:visible; transform:translateY(0); }
.hdr-mega__grid{
	display:grid; grid-template-columns:1fr 320px; gap:34px; padding:28px 0 32px;
}
.hdr-mega__head{
	grid-column:1 / -1; display:flex; align-items:baseline; justify-content:space-between;
}
.hdr-mega__head h3{
	margin:0; font-size:13px; text-transform:uppercase; letter-spacing:.1em;
	color:var(--h-mute); font-weight:600;
}
.hdr-mega__head a{ font-size:13px; color:var(--h-red); font-weight:600; text-decoration:none; }
.hdr-mega__cats{ display:grid; grid-template-columns:repeat(4,1fr); gap:12px; align-content:stretch; grid-auto-rows:1fr; }
.hdr-mega__cats .hdr-cat-card{ align-self:stretch; min-height:106px; box-sizing:border-box; display:flex; flex-direction:column; justify-content:flex-start; }

.hdr-cat-card{
	padding:15px;
	border:1px solid var(--h-line); border-radius:12px; background:#fff;
	transition:border-color .16s, transform .16s, box-shadow .16s;
}
.hdr-cat-card:hover{
	border-color:var(--h-red); transform:translateY(-2px);
	box-shadow:0 14px 26px -18px rgba(229,53,51,.55);
}
.hdr-cat-card__link{
	display:flex; gap:14px; align-items:flex-start;
	text-decoration:none; color:inherit;
}
/* подкатегории: плиточки, появляются при наведении на карточку раздела */
.hdr-cat-card{ position:relative; }
.hdr-cat-card__subs{
	display:grid; grid-template-columns:1fr 1fr; gap:6px;
	margin:0; max-height:0; opacity:0; overflow:hidden;
	transform:translateY(-4px);
	transition:max-height .28s ease, opacity .22s ease .04s, margin .28s ease, transform .28s ease;
}
.hdr-cat-card:hover .hdr-cat-card__subs{
	max-height:190px; opacity:1; margin-top:12px; transform:none;
}
.hdr-cat-card__subs a{
	display:flex; align-items:center; box-sizing:border-box;
	padding:7px 10px; min-height:32px;
	background:var(--h-soft); border-radius:8px;
	font-size:11.5px; line-height:1.25; font-weight:600; color:var(--h-ink); text-decoration:none;
	transition:background .12s, color .12s;
}
.hdr-cat-card__subs a:hover{ background:var(--h-red-wash); color:var(--h-red); }
.hdr-cat-card__ic{
	width:42px; height:42px; border-radius:10px; background:var(--h-soft);
	flex:none; display:grid; place-items:center; color:var(--h-red); transition:background .16s;
}
.hdr-cat-card:hover .hdr-cat-card__ic{ background:var(--h-red-wash); }
.hdr-cat-card__ic svg{ width:23px; height:23px; }
.hdr-cat-card__ic img{ width:26px; height:26px; object-fit:contain; display:block; }
.hdr-cat-card__t{ display:flex; flex-direction:column; gap:3px; min-width:0; }
.hdr-cat-card__t b{ font-size:14.5px; font-weight:600; color:var(--h-ink); letter-spacing:.01em; }
.hdr-cat-card__t > span{ font-size:12px; color:var(--h-mute); line-height:1.35; }

/* промо-колонка */
.hdr-mega__promo{ display:flex; flex-direction:column; gap:14px; }
.hdr-promo-card{
	background:linear-gradient(150deg,#1f2228 0%,#16181c 60%); color:#fff;
	border-radius:14px; padding:22px; position:relative; overflow:hidden; flex:1;
	display:flex; flex-direction:column; justify-content:flex-end; min-height:200px;
}
.hdr-promo-card::before{
	content:""; position:absolute; right:-40px; top:-40px; width:150px; height:150px;
	border-radius:50%; background:var(--h-red); opacity:.16; filter:blur(6px);
}
.hdr-promo-card__k{
	font-size:11px; text-transform:uppercase; letter-spacing:.12em;
	color:#ff8d8b; font-weight:600; margin-bottom:auto; position:relative;
}
.hdr-promo-card h4, .hdr-promo-card__t{ font-size:19px; line-height:1.2; margin:0 0 8px; font-weight:700; position:relative; }
.hdr-promo-card p{ font-size:13px; color:#b9bcc4; margin:0 0 16px; line-height:1.45; position:relative; }
.hdr-promo-card__btn{
	align-self:flex-start; background:var(--h-red); color:#fff; border:none; cursor:pointer;
	font-size:13.5px; font-weight:600; padding:11px 18px; border-radius:9px;
	text-decoration:none; transition:background .15s; position:relative;
}
.hdr-promo-card__btn:hover{ background:#ff4340; color:#fff; }
.hdr-promo-mini{
	display:flex; align-items:center; gap:12px; text-decoration:none;
	border:1px solid var(--h-line); border-radius:12px; padding:13px 15px; transition:.15s;
}
.hdr-promo-mini:hover{ border-color:var(--h-red); background:var(--h-red-wash); }
.hdr-promo-mini svg{ width:22px; height:22px; color:var(--h-red); flex:none; }
.hdr-promo-mini b{ display:block; font-size:13.5px; color:var(--h-ink); font-weight:600; }
.hdr-promo-mini span span,.hdr-promo-mini > span{ display:block; }
.hdr-promo-mini span span{ font-size:12px; color:var(--h-mute); font-weight:400; }

/* ============ адаптив ============ */
@media (max-width:1300px){
	.hdr-mega__cats{ grid-template-columns:repeat(3,1fr); }
}
@media (max-width:1200px){
	.hdr-tagline{ display:none; }
}
/* ============ мобильная шапка (< 992px) ============ */
.hdr-mobile{ display:none; }
.hdr-mobile__row{ display:flex; align-items:center; gap:8px; }
.hdr-mobile__burger{
	flex:none; width:44px; height:44px; border-radius:12px;
	background:var(--h-soft); border:1px solid var(--h-line);
	display:flex; flex-direction:column; justify-content:center; align-items:center; gap:4px; text-decoration:none;
}
.hdr-mobile__burger i{ width:18px; height:2px; background:var(--h-ink); border-radius:2px; display:block; }
.hdr-mobile__logo{ flex:1; display:flex; justify-content:center; align-items:center; min-width:0; }
.hdr-mobile__logo img{ height:34px; width:auto; max-width:100%; display:block; }
.hdr-mobile__ic{
	flex:none; width:44px; height:44px; border-radius:12px; padding:0; cursor:pointer;
	background:var(--h-soft); border:1px solid var(--h-line); color:var(--h-ink);
	display:grid; place-items:center; text-decoration:none;
	transition:background .15s ease, border-color .15s ease, color .15s ease;
}
.hdr-mobile__ic svg{ width:20px; height:20px; display:block; }
.hdr-mobile__ic:active{ background:var(--h-line); }
.hdr-mobile__stog.is-on{ background:var(--h-red); border-color:var(--h-red); color:#fff; }
.hdr-mobile__call{ background:var(--h-red); border-color:var(--h-red); color:#fff; }
.hdr-mobile__search{ margin-top:12px; }
.hdr-mobile__search[hidden]{ display:none; }
.hdr-mobile__search .top_search{ position:relative; }
.hdr-mobile__search .top_search form{ margin:0; position:relative; }
.hdr-mobile__search .top_search input{
	width:100%; box-sizing:border-box; height:44px; border:1px solid var(--h-line);
	background:var(--h-soft); border-radius:11px; padding:0 50px 0 16px;
	font-size:14.5px; color:var(--h-ink); outline:none;
}
.hdr-mobile__search .top_search input:focus{ border-color:var(--h-red); background:#fff; }
.hdr-mobile__search .top_search .search-title-button,
.hdr-mobile__search .top_search button{
	position:absolute; right:5px; top:50%; transform:translateY(-50%);
	width:36px; height:34px; border:none; cursor:pointer; background-color:var(--h-red); border-radius:8px;
	background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="white" stroke-width="2.2" stroke-linecap="round"><circle cx="11" cy="11" r="7"/><path d="m21 21-4.3-4.3"/></svg>');
	background-repeat:no-repeat; background-position:center;
}

@media (max-width:991px){
	.hdr-desktop{ display:none; }
	.hdr-mobile{ display:block; padding:12px 0; }
	/* отступ контента 10px от краёв экрана на мобилке */
	.container{ padding-left:10px; padding-right:10px; box-sizing:border-box; }
}

/* ==========================================================================
   Выпадающий поиск (ядровый JCTitleSearch → .title-search-result на <body>)
   Переопределяем базовые стили из styles.css: поднимаем поверх липкой шапки
   и делаем аккуратные карточки результатов.
   ========================================================================== */
.title-search-result{
	z-index:1100 !important;              /* поверх .site-header (z-index:1000) */
	background:#fff;
	border:1px solid var(--h-line);
	border-radius:12px;
	box-shadow:0 24px 48px -18px rgba(16,18,28,.32);
	overflow:hidden;
	margin-top:6px;
	padding:6px;
}
/* пустые контейнеры (JCTitleSearch создаёт по одному на каждый инстанс поиска) не показываем */
.title-search-result:empty{ display:none !important; }
.title-search-result .bx_searche{
	background:transparent;
	padding:0;
	margin:0;
	box-shadow:none;
}
.title-search-result .bx_item_block{
	display:flex;
	align-items:center;
	gap:12px;
	padding:9px 10px;
	border-radius:8px;
	text-decoration:none;
	color:inherit;
	transition:background .12s ease;
}
.title-search-result .bx_item_block > [style*="clear"]{ display:none; }
.title-search-result .bx_item_block:hover{ background:var(--h-soft); }
.title-search-result .bx_img_element:empty{ display:none; }
.title-search-result .bx_image{
	width:46px; height:46px; border-radius:6px;
	background-size:cover; background-position:center;
	background-color:#f2f3f5; border:1px solid #eef0f2;
}
.title-search-result .bx_image--nophoto{
	background-size:22px 22px; background-repeat:no-repeat;
	background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="%23aeb4bc" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"><rect x="3" y="3" width="18" height="18" rx="3"/><circle cx="9" cy="9" r="2"/><path d="m21 15-3.5-3.5L7 22"/></svg>');
}
.title-search-result .bx_item_element{ flex:1; min-width:0; }
.title-search-result .bx_name{
	display:block; font-size:14px; line-height:1.3;
	color:var(--h-ink); text-decoration:none;
	overflow:hidden; text-overflow:ellipsis;
}
.title-search-result .bx_item_block:hover .bx_name{ color:var(--h-red); }
.title-search-result .bx_art{
	font-size:12px; color:var(--h-mute); margin-top:3px;
}
.title-search-result .bx_specs{
	font-size:12px; color:var(--h-slate); margin-top:2px;
	font-variant-numeric:tabular-nums;
}
.title-search-result .bx_price{
	font-size:13px; font-weight:700; color:var(--h-red); margin-top:3px;
}
.title-search-result .bx_price .old{
	font-weight:400; color:var(--h-mute); text-decoration:line-through;
	margin-left:6px; font-size:12px;
}
.title-search-result .all_result{
	border-top:1px solid var(--h-line2);
	margin-top:4px; padding-top:12px;
}
.title-search-result .all_result .all_result_title a{
	font-weight:600; color:var(--h-red);
}

/* ==========================================================================
   Мобильное меню — фуллскрин-оверлей (редизайн, замена старой .menu_mobile)
   ========================================================================== */
.mnav{
	position:fixed; inset:0; z-index:2000;
	display:flex; flex-direction:column;
	background:var(--h-bg,#fff);
	font-family:'Manrope',"Segoe UI",system-ui,-apple-system,Arial,sans-serif;
	opacity:0; visibility:hidden; transform:translateY(-6px);
	transition:opacity .26s ease, transform .26s ease, visibility 0s .26s;
	overscroll-behavior:contain;
}
.mnav.is-open{
	opacity:1; visibility:visible; transform:none;
	transition:opacity .26s ease, transform .26s ease;
}
/* блокировка скролла страницы под меню (iOS-safe: body фиксируется) */
body.mnav-open{ position:fixed; left:0; right:0; width:100%; overflow:hidden; }

.mnav__bar{ flex:none; border-bottom:1px solid var(--h-line); }
.mnav__bar-in{ display:flex; align-items:center; justify-content:space-between; height:70px; }
.mnav__logo{ display:flex; align-items:center; }
.mnav__logo img{ height:34px; width:auto; display:block; }
.mnav__close{
	flex:none; width:44px; height:44px; border-radius:12px; padding:0; cursor:pointer;
	display:grid; place-items:center;
	background:var(--h-soft); border:1px solid var(--h-line); color:var(--h-ink);
	transition:background .15s ease, color .15s ease, border-color .15s ease;
}
.mnav__close:active{ background:var(--h-red); border-color:var(--h-red); color:#fff; }
.mnav__close svg{ width:22px; height:22px; display:block; }

.mnav__scroll{ flex:1 1 auto; overflow-y:auto; -webkit-overflow-scrolling:touch; padding:8px 0 36px; }

.mnav__list{ list-style:none; margin:0; padding:0; }
.mnav__item{ border-bottom:1px solid var(--h-line2,#f0f1f3); }
.mnav__link{
	display:flex; align-items:center; justify-content:space-between; gap:14px; width:100%;
	box-sizing:border-box; padding:19px 2px; margin:0;
	font-family:inherit; font-size:22px; font-weight:600; letter-spacing:-.01em; line-height:1.2;
	color:var(--h-ink,#16181c); text-decoration:none; text-align:left;
	background:none; border:none; cursor:pointer;
}
.mnav__link:active{ color:var(--h-red); }
.mnav__chev{ width:22px; height:22px; flex:none; color:#b7bac1; transition:transform .28s ease, color .18s ease; }
.mnav__item--acc.is-expanded .mnav__chev{ transform:rotate(180deg); color:var(--h-red); }

.mnav__sub{ display:grid; grid-template-rows:0fr; transition:grid-template-rows .3s ease; }
.mnav__item--acc.is-expanded .mnav__sub{ grid-template-rows:1fr; }
.mnav__sub-in{ overflow:hidden; min-height:0; padding-bottom:6px; }
.mnav__sublink{
	display:block; padding:12px 2px 12px 14px;
	font-size:16px; font-weight:500; color:var(--h-slate,#5a5b5c); text-decoration:none;
	border-left:2px solid var(--h-line2,#f0f1f3);
}
.mnav__sublink:active{ color:var(--h-red); border-color:var(--h-red); }
.mnav__sublink--all{ color:var(--h-red); font-weight:600; border-color:transparent; }

.mnav__foot{ margin-top:30px; display:flex; flex-direction:column; align-items:flex-start; gap:6px; }
.mnav__phone{
	font-size:26px; font-weight:800; letter-spacing:-.02em;
	color:var(--h-ink,#16181c); text-decoration:none;
}
.mnav__hint{ font-size:13px; color:#9598a0; }
.mnav__cta{
	align-self:stretch; margin-top:14px;
	display:inline-flex; align-items:center; justify-content:center; height:54px;
	border-radius:12px; background:var(--h-red); color:#fff;
	font-size:16px; font-weight:600; text-decoration:none;
	transition:background .15s ease;
}
.mnav__cta:active{ background:#c72c2a; }
.mnav__dealer{
	align-self:center; margin-top:8px; padding:8px 12px;
	font-size:14px; font-weight:500; color:var(--h-slate,#5a5b5c); text-decoration:none;
}
.mnav__dealer:active{ color:var(--h-red); }

/* меню только для мобильной ширины (бургер тоже ≤991) */
@media (min-width:992px){ .mnav{ display:none; } }

/* SEO-подборки в карточке мегаменю: вторая группа плиток */
.hdr-cat-card__subs--seo{ margin-top:6px; }
.hdr-cat-card:hover .hdr-cat-card__subs--seo a{ background:#fff; border:1px solid var(--h-line); }
.hdr-cat-card:hover .hdr-cat-card__subs--seo a:hover{ border-color:var(--h-red); color:var(--h-red); }

/* ===== мегаменю v3.1: минимализм — без коробок, тонкие акценты ===== */
.hdr-mega__wrap{
	display:grid; grid-template-columns:296px minmax(0,1fr);
	min-height:380px;
}
.hdr-mega__nav{
	display:flex; flex-direction:column; gap:2px;
	padding:2px 28px 2px 0; border-right:1px solid var(--h-line);
}
.hdr-mega__nav-i{
	position:relative; display:flex; align-items:center; gap:12px;
	padding:10px 12px 10px 14px; border-radius:10px; text-decoration:none; color:inherit;
	transition:background .13s;
}
.hdr-mega__nav-i::before{
	content:""; position:absolute; left:0; top:50%; transform:translateY(-50%) scaleY(0);
	width:2px; height:22px; border-radius:2px; background:var(--h-red);
	transition:transform .16s ease;
}
.hdr-mega__nav-i.is-active{ background:var(--h-soft); }
.hdr-mega__nav-i.is-active::before{ transform:translateY(-50%) scaleY(1); }
.hdr-mega__nav-ic{ width:24px; height:24px; flex:none; display:grid; place-items:center; opacity:.75; transition:opacity .13s; }
.hdr-mega__nav-i.is-active .hdr-mega__nav-ic{ opacity:1; }
.hdr-mega__nav-ic img{ width:22px; height:22px; object-fit:contain; display:block; }
.hdr-mega__nav-t{ display:flex; flex-direction:column; min-width:0; }
.hdr-mega__nav-t b{ font-size:13.5px; font-weight:600; color:var(--h-ink); white-space:nowrap; transition:color .13s; }
.hdr-mega__nav-t > span{ display:none; }
.hdr-mega__nav-i.is-active .hdr-mega__nav-t b{ color:var(--h-red); }
.hdr-mega__nav-i > svg{ width:13px; height:13px; color:transparent; margin-left:auto; flex:none; transition:color .13s, transform .16s; }
.hdr-mega__nav-i.is-active > svg{ color:var(--h-red); transform:translateX(2px); }

.hdr-mega__panes{ position:relative; padding:6px 0 6px 40px; }
.hdr-mega__pane{ display:none; gap:18px 56px; align-content:start; }
.hdr-mega__pane.is-active{ display:flex; flex-wrap:wrap; align-items:flex-start; }
.hdr-mega__col{ display:flex; flex-direction:column; gap:8px; min-width:168px; }
.hdr-mega__grp-t{
	font-size:11px; font-weight:700; letter-spacing:.1em; text-transform:uppercase;
	color:#a7abb3; margin-bottom:4px;
}
.hdr-mega__col a{
	font-size:13.5px; line-height:1.45; font-weight:500; color:var(--h-ink); text-decoration:none;
	transition:color .12s;
}
.hdr-mega__col a:hover{ color:var(--h-red); }
.hdr-mega__all{ margin-top:8px; font-weight:600; font-size:13px !important; color:var(--h-ink) !important; }
.hdr-mega__all:hover{ color:var(--h-red) !important; }
@media (max-width:1200px){
	.hdr-mega__wrap{ grid-template-columns:250px minmax(0,1fr); }
	.hdr-mega__nav{ padding-right:18px; }
	.hdr-mega__panes{ padding-left:26px; }
}

/* бейджи избранного/сравнения в шапке */
.hdr-act{ position:relative; }
.hdr-act__badge{
	position:absolute; top:4px; right:4px; min-width:16px; height:16px;
	display:grid; place-items:center; padding:0 4px; box-sizing:border-box;
	background:var(--h-red); color:#fff; border-radius:99px;
	font-size:10px; font-weight:700; font-style:normal; line-height:1;
}