/* =====================================================================
   Крепость — синий неон вместо жёлтого (20.10.2026)
   Подключается после стилей темы. Откат: убрать <link> на этот файл.
   Баннеры на главной не затрагиваются.
   ===================================================================== */
:root, html {
	--color-accent: #1565ff;
	--color-accent-hover: #2f7dff;
	--kr-neon-1: #0a3dff;
	--kr-neon-2: #00a8ff;
	--kr-neon-core: #8ff7ff;
	--kr-neon-glow: 0 0 0 1px rgba(0, 190, 255, .35), 0 0 12px rgba(0, 150, 255, .45);
	--kr-neon-glow-strong: 0 0 0 1px rgba(0, 210, 255, .55), 0 0 18px rgba(0, 170, 255, .65);
}

/* --- Общая «неоновая» заливка ------------------------------------------ */
.h-search input[type=submit],
.h-search button,
.e-btn_yellow,
.p-nav .p-nav-list .p-nav-list__item .active,
.m-tab .m-tab-control .active,
.chk-tab .chk-tab__item input[type=radio]:checked + label,
.inf-switch .inf-switch__item input[type=radio]:checked + label,
.v4_button_accent {
	background: linear-gradient(135deg, var(--kr-neon-1) 0%, var(--kr-neon-2) 100%) !important;
	color: #fff !important;
	fill: #fff !important;
	border-color: transparent !important;
	box-shadow: var(--kr-neon-glow);
	text-shadow: 0 0 6px rgba(143, 247, 255, .55);
	transition: box-shadow .2s, filter .2s;
}
.h-search input[type=submit]:hover,
.h-search button:hover,
.e-btn_yellow:hover,
.v4_button_accent:hover,
.m-tab .m-tab-control a:hover,
.p-nav .p-nav-list .p-nav-list__item .active:hover {
	box-shadow: var(--kr-neon-glow-strong);
	filter: brightness(1.08);
}
.h-search button .fa, .h-search button .fas, .h-search button i, .h-search button svg {
	color: #fff !important;
	fill: #fff !important;
	filter: drop-shadow(0 0 4px rgba(143, 247, 255, .8));
}
.h-search input[type=submit],
.h-search button {
	background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='2.6' stroke-linecap='round'%3E%3Ccircle cx='10.5' cy='10.5' r='6.5'/%3E%3Cpath d='M15.5 15.5L21 21'/%3E%3C/svg%3E") 55% 50% / 19px no-repeat,
		linear-gradient(135deg, var(--kr-neon-1) 0%, var(--kr-neon-2) 100%) !important;
}
.m-tab .m-tab-control .active a,
.p-nav .p-nav-list .p-nav-list__item .active a { color: #fff !important; }

/* --- Счётчики в шапке (избранное, сравнение) --------------------------- */
.h-control .h-control__value,
.v4_header .v4_header-button .v4_header-button__value {
	background: #0094ff !important;
	color: #fff !important;
	box-shadow: 0 0 8px rgba(0, 170, 255, .7);
}

/* --- Пагинация, вкладки, номера шагов, буквы производителей ------------ */
.p-pagination .active span {
	background: linear-gradient(135deg, var(--kr-neon-1), var(--kr-neon-2)) !important;
	border-color: transparent !important;
	color: #fff !important;
	box-shadow: var(--kr-neon-glow);
}
.e-num_big,
.mf-section .mf-letter,
.r-mark,
.m-obj,
.d-link .d-link__item a .d-link__icon,
.inf-tab .inf-tab__item input[type=radio]:checked + label .fa,
.inf-tab .inf-tab__item input[type=radio]:checked + label .fas {
	background: linear-gradient(135deg, var(--kr-neon-1), var(--kr-neon-2)) !important;
	color: #fff !important;
	box-shadow: var(--kr-neon-glow);
}

/* --- Рамки (галерея товара, лупа, таблицы) ----------------------------- */
.p-image .p-image-nav .slick-current,
.loupe { border-color: #1f8bff !important; box-shadow: 0 0 8px rgba(0, 160, 255, .45); }
.e-table table thead th { border-bottom-color: #1f8bff !important; }

/* --- Мега-меню: заголовок раздела при наведении («Сейфы (все)») -------- */
.n-sub .n-sub__title:hover,
.n-sub .n-sub__title:hover * {
	color: #e8fdff !important;
	text-shadow: 0 0 6px #00e1ff, 0 0 14px #00a2ff;
}

/* --- Плашка «Сложно с подбором?» в карточке — тоже неон ---------------- */
.kr-help {
	background: linear-gradient(135deg, #0a1f7a 0%, #0a3dff 55%, #00a8ff 100%) !important;
	box-shadow: 0 0 0 1px rgba(0, 200, 255, .45), 0 6px 22px rgba(0, 140, 255, .35) !important;
}
.kr-help:hover { box-shadow: 0 0 0 1px rgba(0, 220, 255, .7), 0 8px 28px rgba(0, 170, 255, .5) !important; }
.kr-help .kr-help__title,
.kr-help .kr-help__text,
.kr-help .kr-help__cta { color: #fff !important; }
.kr-help .kr-help__title { text-shadow: 0 0 8px rgba(143, 247, 255, .7); }
.kr-help .kr-help__ico svg { fill: #0a5bff !important; }

/* --- Информационные блоки: вместо бежевого — светло-голубой ------------ */
.kr-reserve { background: #eef6ff !important; border-color: #cfe3ff !important; }
.kr-reserve__icon { background: linear-gradient(135deg, #0a3dff, #00a8ff) !important; box-shadow: 0 0 8px rgba(0, 150, 255, .45); }
.kr-reserve__text { border-top-color: #bcd8ff !important; }
.krs__note, .kr-note { background: #eef6ff !important; color: #0b3d91 !important; border-color: #cfe3ff !important; }
