:root {
	--red-1:#B5292A;
	--red-2:#E64646;
	--red-3:rgba(230,70,70,0.12);
	--red-4:rgba(230,70,70,0.25);
	--red-5:rgba(230, 70, 70, 0.2););
}
/***********************
* DEFAULT SET
***********************/
body {min-width: 340px;max-width:100%; /*line-height: 1.3;*/ color: var(--black-8);}
.max-w-550 {max-width:550px;}

/***************************
* COLORS
***************************/
.clr-red-1 {color: var(--red-1);}
.clr-red-2 {color: var(--red-2);}
.clr-gray-5 {color: var(--gray-5);}
.clr-gray-6 {color: var(--gray-6);}
.clr-gray-8 {color: var(--gray-8);}
.clr-black-8 {color: var(--black-8);}
/**/
.hvr\:clr-red-2 {--he-clr: var(--red-2);}
.hvr\:clr-red-1 {--he-clr: var(--red-1);}

/***************************
* BG
***************************/
.bg-red-1 {background: var(--red-1);}
.bg-red-2 {background: var(--red-2);}
.bg-red-3 {background: var(--red-3);}
.bg-black-blur {background: rgba(10, 10, 10, 0.2); backdrop-filter: blur(10px);}
.bg-gray-10 {background:var(--gray-10);}
.bg-gray-2 {background:var(--gray-2);}
.bg-gray-3 {background:var(--gray-3);}
.bg-black-3 {background: var(--black-3);}
.bg-black-5 {background: var(--black-5);}
.bg-o-red-10 {background: rgba(230,70,70,.10);}
/**/
.hvr\:bg-white {--he-bg:white;}
.hvr\:bg-red-2 {--he-bg:var(--red-2);}
.hvr\:bg-gray-2 {--he-bg:var(--gray-2);}
.hvr\:bg-o-red-10 {--he-bg:rgba(230,70,70,.10);}

/***************************
* BORDER
***************************/
.bdr-btm-red-2-d {border-bottom: 1px dotted var(--red-2);}
.bdr-btm-red-4 {border-bottom: 1px solid var(--red-4);}
.bdr-red-5 {border: 1px solid var(--red-5);}
.bdr-red-2x2 {border: 2px solid var(--red-2);}
.bdr-btm-gray-4 {border-bottom: 1px solid var(--gray-4);}
.bdr-gray-5 {border: 1px solid var(--gray-5);}
.bdr-gray-10 {border: 1px solid var(--gray-10);}
.bdr-top-gray-5 {border-top: 1px solid var(--gray-5);}
.bdr-gray-10 {border: 1px solid var(--gray-10);}
/**/
.hvr\:bdr-red-2 {--he-bdr: 1px solid var(--red-2);}

/***************************
* HR
***************************/
hr.sep-red-2 {width: 100px; height: 2px; border: 0; background: linear-gradient(90deg, transparent, var(--red-2), transparent); margin-inline: auto;}
hr.sl-gray-5 {width: 100%;height: 1px;background: linear-gradient(90deg, var(--gray-5), transparent); border: 0;}

/***************************
* SHADOW
***************************/
.hvr\:bs-red-4 {--he-bs: 0 20px 30px -10px var(--red-4);}


/***********************
* blockTitle
***********************/
.blockTitle {}
.blockTitle>* {/*font-size: clamp(1.5rem,calc(1rem + 1vw),2.5rem);*/ margin-bottom: 2rem; position: relative; display: inline-block; color:white;}
.blockTitle>*:after {content: '';  position: absolute;  bottom: -5px;  left: 0;  width: 80px;  height: 3px;  background: var(--red-2);}


/***********************
* MENU
***********************/
nav.menu-desktop {}
nav.menu-desktop>ul {}
nav.menu-desktop>ul>li {}
nav.menu-desktop>ul>li>a {color:white; font-weight: 500; text-decoration:none;border-bottom: 2px solid transparent; padding: .25rem;}
/**/
nav.menu-desktop>ul>li.active>a,nav.menu-desktop>ul>li>a:hover {color: var(--red-2); border-bottom-color: #E64646;}
nav.menu-desktop>ul>li.active>a {}
/**/
.submenu_wrap {position: relative;}
.submenu_wrap>.dropdown-menu {position: absolute; top: 100%; left: 0; min-width: 280px; background: rgba(20, 20, 20, 0.8); backdrop-filter: blur(15px); border: 1px solid rgba(230, 70, 70, 0.4); border-radius: 16px; padding: 0.8rem 0; box-shadow: 0 20px 40px -10px rgba(0,0,0,0.8), 0 0 0 1px rgba(230,70,70,0.2); opacity: 0; visibility: hidden;transform: translateY(10px); transition: opacity 0.3s, transform 0.3s, visibility 0.3s; z-index: 999;}
.submenu_wrap>.dropdown-menu>li {}
.submenu_wrap>.dropdown-menu>li>a {padding: 0.5rem 1rem;  border-bottom: none;  display: flex;  align-items: center;  gap: 1rem;  color: #ddd;  transition: background 0.2s, color 0.2s; text-decoration: none;}
.submenu_wrap>.dropdown-menu>li>a>i {font-size:1.5rem; color:var(--red-2);transition: all 0.2s;}
.submenu_wrap>.dropdown-menu>li>a>div {}
.submenu_wrap>.dropdown-menu>li>a>div>span {display: block;color:white;font-weight: 500;}
.submenu_wrap>.dropdown-menu>li>a>div>small {color: var(--gray-8);}
/**/
.submenu_wrap:hover .dropdown-menu { opacity: 1; visibility: visible; transform: translateY(5px); }
.submenu_wrap>.dropdown-menu>li>a:hover i {transform: rotate(-15deg);}
.submenu_wrap>.dropdown-menu>li>a:hover {background: rgba(230, 70, 70, 0.15); color: #fff;}


/***********************
* DEFAULT SET
***********************/
.as-style-white {text-decoration: none; }
.as-style-white:has(span)>span {color:white; border-bottom: 1px dotted var(--red-2); }
.as-style-white:hover:has(span)>span {color:var(--red-2);}
.as-style-white:has(i)>i {color:var(--red-2);}

.a-style-red {}
/**/
a.as-white {color:white; text-decoration:none;border-bottom: 1px dotted var(--red-2);}
a.as-white:hover {color:var(--red-2);}

/***********************
* pagination
**********************cursor: no-drop*/
.pagination {display:flex; justify-content:center; gap:.5rem}
.pagination>li {font-size:.9rem; padding:6px 12px; margin-left:-1px; list-style:none; color:var(--gray-6); border:1px solid var(--gray-5); background:white;border-radius: .4rem;}
.pagination>li:last-child { /*border-top-right-radius:4px; border-bottom-right-radius:4px;*/ }
.pagination>li:first-child {margin-left:0; /*border-top-left-radius:4px; border-bottom-left-radius:4px;*/}
.pagination>li>a {color:var(--black-10); text-decoration:none;}
.pagination>li.active {cursor:default; background:var(--red-2); border-color:var(--red-2);}
.pagination>li.active a {color:#fff!important;}
.pagination>li:hover:not(.active) {background:var(--gray-2);color:var(--gray-7); border:1px solid var(--red-2);}
.pagination>li:hover a {color:var(--red-2);}


/***********************
 * WYSIWYG — типографика и элементы контента
 * Адаптировано под дизайн-систему SPECTOR & CO
 ***********************/
.WYSIWYG {color: var(--black-8); font-family: 'Jost', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif; font-size: 1.125rem; word-wrap: break-word;}
/* Абзацы */
.WYSIWYG p {margin: 0 0 1.2em 0;}
/* Заголовки — с фирменной красной полоской */
.WYSIWYG h1,.WYSIWYG h2,.WYSIWYG h3,.WYSIWYG h4,.WYSIWYG h5,.WYSIWYG h6 {margin: 1.6em 0 0.5em 0;font-weight: 600;line-height: 1.3;color: var(--black-8);}
.WYSIWYG h2 {position: relative;}
.WYSIWYG h2::before {content: '';display: block;width: 40px;height: 3px;background: var(--red-2);margin-bottom: 0.5rem;border-radius: 2px;}
.WYSIWYG h1 { font-size: 2.2rem; }
.WYSIWYG h2 { font-size: 1.8rem; }
.WYSIWYG h3 { font-size: 1.5rem; }
.WYSIWYG h4 { font-size: 1.25rem; }
.WYSIWYG h5 { font-size: 1.1rem; }
.WYSIWYG h6 { font-size: 1rem; color: var(--gray-8); }
/* Списки */
.WYSIWYG ul,.WYSIWYG ol {margin: 0 0 1.2em 0;padding-left: 1.8em;}
.WYSIWYG li {margin: 0.35em 0;color: var(--gray-8);}
.WYSIWYG li > ul,.WYSIWYG li > ol {margin-top: 0.25em;margin-bottom: 0.25em;}
/* Цитаты — фирменный красный акцент */
.WYSIWYG blockquote {margin: 1.8em 0;padding: 1em 1.8em;border-left: 4px solid var(--red-2);background: var(--gray-2);font-style: italic;color: var(--black-8);border-radius: 0 var(--br-3) var(--br-3) 0;position: relative;}
.WYSIWYG blockquote p {margin: 0.5em 0;}
.WYSIWYG blockquote cite {display: block;font-style: normal;font-weight: 500;margin-top: 0.5em;color: var(--red-2);}
.WYSIWYG blockquote cite::before {content: '— ';}
/* Таблицы — в стиле фирменной таблицы сравнения */
.WYSIWYG table {width: 100%;border-collapse: collapse;margin: 1.8em 0;font-size: 0.95em;border-radius: var(--br-3);overflow: hidden;border: 1px solid var(--gray-5);}
.WYSIWYG th,.WYSIWYG td {border: 1px solid var(--gray-4);padding: 0.6em 1em;text-align: left;vertical-align: top;}
.WYSIWYG th {background: var(--red-2);color: white;font-weight: 600;text-transform: uppercase;font-size: 0.8rem;letter-spacing: 0.02em;}
.WYSIWYG tr:nth-child(even) {background: var(--gray-2);}
.WYSIWYG tr:last-child td {border-bottom: none;}
/* Горизонтальная линия — фирменный градиент */
.WYSIWYG hr:not([class]) {border: 0;height: 2px;width: 100px;background: linear-gradient(90deg, transparent, var(--red-2), transparent);margin: 2.5em auto;}
/* Изображения */
.WYSIWYG img {display: block;max-width: 100%;height: auto;margin: 1.8em auto;border-radius: var(--br-3);box-shadow: 0 2px 10px rgba(0,0,0,0.08);}
/* Выравнивание изображений */
.WYSIWYG .alignleft {float: left;margin: 0.5em 1.5em 0.5em 0;max-width: 50%;}
.WYSIWYG .alignright {float: right;margin: 0.5em 0 0.5em 1.5em;max-width: 50%;}
.WYSIWYG .aligncenter {display: block;margin-left: auto;margin-right: auto;}
/* Блоки кода */
.WYSIWYG pre,.WYSIWYG code {font-family: 'Fira Code', 'Courier New', monospace;border-radius: 6px;}
.WYSIWYG code {padding: 0.2em 0.4em;font-size: 0.9em;background: var(--gray-3);border: 1px solid var(--gray-5);color: var(--red-1);}
.WYSIWYG pre {padding: 1.2em;overflow-x: auto;background: var(--black-3);color: #f8f8f2;border-radius: var(--br-3);margin: 1.8em 0;line-height: 1.6;box-shadow: 0 2px 10px rgba(0,0,0,0.1);}
.WYSIWYG pre code {background: transparent;border: none;padding: 0;font-size: 0.9rem;color: inherit;}
/* Ссылки — фирменный красный */
.WYSIWYG a {color: var(--red-2);text-decoration: underline dotted;font-weight: 500;transition: color 0.25s ease;}
.WYSIWYG a:hover {color: var(--red-1);text-decoration: none;}
/* Встроенные видео (iframe) */
.WYSIWYG iframe {max-width: 100%;display: block;margin: 1.8em auto;border: none;border-radius: var(--br-3);box-shadow: 0 2px 10px rgba(0,0,0,0.08);}
/* Адаптивность */
@media (max-width: 768px) {
	.WYSIWYG { font-size: 1rem; line-height: 1.6;}
	.WYSIWYG h1 { font-size: 1.8rem; }
	.WYSIWYG h2 { font-size: 1.5rem; }
	.WYSIWYG h3 { font-size: 1.3rem; }
	.WYSIWYG h4 { font-size: 1.1rem; }
	.WYSIWYG ul,.WYSIWYG ol { padding-left: 1.2em;}
	.WYSIWYG blockquote { padding: 0.5em 1em;}
	.WYSIWYG .alignleft,.WYSIWYG .alignright {    float: none;    margin: 1em auto;    max-width: 100%;}
	.WYSIWYG table { font-size: 0.85rem;}
}


/******************
* tooltip
*******************/
[tooltip]{position:relative;cursor: help;}
[tooltip]::before {content: ""; position: absolute;top:-6px;left:50%; transform: translateX(-50%); border-width: 4px 6px 0 6px; border-style: solid; border-color: rgba(0,0,0,0.7) transparent transparent     transparent; z-index: 99; opacity:0;}
[tooltip-pos='left']::before{left:0%; top:50%; margin-left:-12px; transform:translatey(-50%) rotate(-90deg);}
[tooltip-pos='top']::before{left:50%;}
[tooltip-pos='buttom']::before{top:100%; margin-top:8px; transform: translateX(-50%) translatey(-100%) rotate(-180deg);}
[tooltip-pos='right']::before{left:100%; top:50%;margin-left:1px; transform:translatey(-50%) rotate(90deg);}
[tooltip]::after {content: attr(tooltip); position: absolute; left:50%; top:-6px; transform: translateX(-50%)   translateY(-100%); background: rgba(0,0,0,0.7); text-align: center; color: #fff; padding:4px 2px; font-size: 12px; min-width: 80px; border-radius: 5px; pointer-events: none; padding: 4px 4px; z-index:99; opacity:0;}
[tooltip-pos='left']::after{left:0%; top:50%; margin-left:-8px; transform: translateX(-100%)   translateY(-50%);}
[tooltip-pos='top']::after{ left:50%;}
[tooltip-pos='buttom']::after{ top:100%; margin-top:8px; transform: translateX(-50%) translateY(0%);}
[tooltip-pos='right']::after{left:100%; top:50%; margin-left:8px; transform: translateX(0%)   translateY(-50%);}
[tooltip]:hover::after,[tooltip]:hover::before {opacity:1}




/******************
* tooltip
*******************/
.li-s-1>li+li:before {content: '·'; transform: translateX(-50%); padding-right:calc(var(--gap)); position:absolute;}


/*******************
* tabs ajax
*******************/
.tabs {}
.tabs>.tab-menu {display: flex; }
.tabs>.tab-menu>li {list-style: none; /*padding: 10px;*/}
.tabs>.tab-menu>li.active {/*background: rgba(0,0,0,.1);*/}
.tabs>.tab-menu>li[disabled] {cursor:not-allowed!important;}
.tabs>.tab-menu>li:hover {/*background: rgba(0,0,0,.1);cursor:pointer;*/}
.tabs>.tab-menu>li:before {display: none;}
.tabs>.tab-content {}
.tabs>.tab-content>div {display: none;}
.tabs>.tab-content>div.active {display: block;}


/*******************
* loadsendform ajax
*******************/
.as-loading {cursor:progress; position:relative;overflow:hidden;}
.as-loading:before {content:'';backdrop-filter: blur(2px); background:rgba(255,255,255,.3);  width:100%; height:100%; position:absolute; inset: 0; }
.as-loading:after {content: '\f110';font-family: FontAwesome;position: absolute; inset: 0;display: flex;justify-content: center;align-items: center;font-size:clamp(1.5rem, calc(2vw), 3rem);animation: fa-spin 1s infinite steps(10);}
[as-action].as-sending {opacity: .6; cursor: progress; pointer-events: none; user-select: none;}


/******************************
* Mob menu - General
******************************/
body:has(.mm-view) {overflow: hidden;}
.mm-container {position:fixed;left:-100%;z-index: 999;}
.mm-view {inset: 0;/*z-index: 99;*/}
.mm-blur {z-index:1;transition: all 1s ease;}
.mm-view .mm-blur {backdrop-filter: blur(5px);background-color: rgba(3, 3, 3, 0.3); }
.mm-content {z-index:9;position:fixed; top:0; left:-100%; bottom:0;width: 80%;background-color: var(--gray-1); min-width:300px; max-width:380px; transition: all .5s ease;}
.mm-view .mm-content {left:0; overflow: auto;}

/* Content/menu */
#MobMenu .mm-content::before {content: '';position: absolute;top: 0;left: 0;right: 0;height: 3px;z-index: 4;background: linear-gradient(90deg, var(--red-2), rgba(230,70,70,.25) 60%, transparent);}
#MobMenu .menu-conteiner {flex: 0 0 auto;display: grid;place-items: center; width: 40px;height: 40px;margin-right: 6px; border: 1px solid rgba(0,0,0,.14); border-radius: 50%; background: #fff; color: var(--gray-9); font-style: normal; cursor: pointer;}
/*nav*/
#MobMenu .submenu_mob>ul {display:none;}
#MobMenu nav>ul>li.active>a, .sub-mm-wrap>li>a.active {background: rgba(230,70,70,.10); color:var(--red-1);}
#MobMenu nav>ul>li.active>a::before {content: '';position: absolute;left: 0;top: 22%;bottom: 22%;width: 3px;border-radius: 3px;background: linear-gradient(180deg, var(--red-2), var(--red-1)); box-shadow: 0 0 10px rgba(230,70,70,.45);}
#MobMenu .open_submenu_mob {transform: rotate(-180deg);}


/******************************
* copy-code - button
******************************/
pre { position: relative; }
.copy-code {position: absolute; top: 6px; right: 6px; padding: 2px 8px; font: 12px/1.4 system-ui, sans-serif; background: var(--gray-9); color: #fff; border: 0; border-radius: 4px; cursor: pointer;  opacity: 0.6; transition: opacity 0.15s;}
pre:hover .copy-code { opacity: 1; }