/**
 * Migrated from news.detail template.php inline <style> (CLS: early paint).
 * Loaded via addExternalCss with news-boosthub.css.
 */

/* --- layout shell (was Asset critical inline) --- */
.single_page{padding-top:40px}
	.container{width:100%;max-width:1200px;margin:0 auto;padding:0 15px;box-sizing:border-box}
	.page_wrap{display:flex;justify-content:space-between; position: relative;}
	.page_wrap .left-sidebar{width: 280px; position: absolute; left: -300px; top: 0; z-index: 10; transition: top 0.6s cubic-bezier(0.4, 0, 0.2, 1);}
	.page_wrap .left{width:calc(100% - 400px);}
	
	.breadcrumb{display:flex;align-items:center;margin:0;padding:0;list-style-type:none}
	.breadcrumb li a{color:#8c8f92;font-size:1.4rem;line-height:1;padding:0 6px 0 0}
	.info{display:flex;align-items:center;margin:0 0 59px 0;padding:0;list-style-type:none}
	.info li{display:flex;align-items:center;margin-right:26px}
	.info li span{color:rgba(255,255,255,0.4);font-size:16px;line-height:19px}

/* --- migrated inline block 1 --- */
.com-mess.active{
						color: #FE9900 !important;
						background: transparent;
					}
					.com-mess.active span{
						color: #FE9900 !important;
					}
					.com-mess.active svg path{
						fill: #FE9900;
					}
					.com-mess{
						position: absolute;
						top: 0;
						right: 0;
						display: flex;
						justify-content: center;
						align-items: center;
						width: 91px;
						height: 23px;
						background: #FE9900;
						border-radius: 0px 15px;
					}
					.com-mess svg{
						margin-right: 4px;
					}
					.com-mess img{
						width: 14px;
						height: 10px;
						margin-right: 4px;
						object-fit: contain;
					}
					.com-mess span{
						color: #000000;
						font-size: 12px;
						line-height: 14px;
						font-weight: bold;
					}
					.com-like{
						position: absolute;
						right: 13px;
						bottom: 10px;
						display: flex;
					}
					.com-like div{
						margin: 0;
						font-size: 13.9px;
						font-weight: 400;
						line-height: 1.2;
						cursor: pointer;
					}
					.com-like div .fa{
						font-size: 12px;
					}
					.com-like div span{
						margin-right: 10px;
					}
					.com-like div.plus{
						color: #44FF6D;
					}
					.com-like div.minus{
						color: #FF4444;
					}

					.cosmodal.open{
						position: fixed;
						display: flex;
					}
					.cosmodal{
						top: 0;
						left: 0;
						width: 100%;
						height: 100%;
						display: none;
						justify-content: center;
						align-items: center;
						background: rgba(26, 41, 62, .8);
						z-index: 999;
					}	
					.cosmodal-wrap{
						width: 100%;
						max-width: 370px;
						padding: 37px 57px 41px 47px;
						font-family: var(--bh-font-sans);
						background: #fff;
						box-shadow: 0 5px 20px #fe9900;
						border-radius: 18px;
					}
					.cosmodal-wrap .title{
						display: block !important;
						color: #152030 !important;
						font-size: 26px !important;
						font-family: var(--bh-font-sans); font-weight: 800;
						line-height: 1.2 !important;
						font-weight: bold !important;
						margin: 0 0 20px 0 !important;
					}
					.cosmodal-wrap textarea{
						width: 100%;
						height: 120px;
						margin-bottom: 20px;
						padding: 10px;
						border-radius: 15px;
						border: 2px solid #bbc0c8;
					}
					.cosmodal-wrap button{
						padding: 17px 26px 15px 25px;
						color: #000;
						font-size: 1.8rem;
						font-family: var(--bh-font-sans);

						font-weight: 700;
						background: #fe9900;
						border-radius: 25px;
						box-shadow: 0 2px 7px rgba(254, 153, 0, 0.75);
						cursor: pointer;
					}
					@media(max-width: 768px){
						.page_comment ul li.mini::before{display: none;}
						.page_comment ul li.mini{margin-left: 0 !important;}
					}

/* --- migrated inline block 2 --- */
.ccc{
						display: flex;
						align-items: center;
					}
					.ccc div:first-child{
						display: flex;	
						align-items: center;
					}
					.ccc svg path{
						fill: #FE9900;
					}
					.ccc span{
						padding: 0 20px 0 6px;
						color: #FE9900;
						font-size: 12px;
						font-weight: 700;
					}
					.ccc p{
						margin: 0;
						color: rgba(255, 255, 255, 0.3);
						font-size: 12px;
						font-weight: 400;
					}

/* --- migrated inline block 3 --- */
/* Текст статьи вне таблиц; в ячейках — цвет из стилей таблицы (иначе белый на белом) */
		/* Не трогаем span.num: в оглавлении часто <a>… Tier <span class="num">11</span></a> — иначе «11» белым, а текст ссылки оранжевым/синим. */
		.bottom span:not(.num){color: #fff !important;}
		/* CTA-кнопка: глобальный a { color: #ff9802 } + .bottom span { color: #fff } ломают контраст (оранжевый/белый текст на оранжевом фоне кнопки). */
		.bottom .bh-callout.bh-callout--cta a,
		.bottom .bh-callout.bh-callout--cta a:link,
		.bottom .bh-callout.bh-callout--cta a:visited,
		.bottom .bh-callout.bh-callout--cta a:active,
		.bottom .info-box-cta a,
		.bottom .info-box-cta a:link,
		.bottom .info-box-cta a:visited,
		.bottom .info-box-cta a:active{
			color: #0a0e14 !important;
			-webkit-text-fill-color: #0a0e14;
		}
		.bottom .bh-callout.bh-callout--cta a:hover,
		.bottom .info-box-cta a:hover{
			color: #05080d !important;
			-webkit-text-fill-color: #05080d;
		}
		.bottom .bh-callout.bh-callout--cta a span,
		.bottom .bh-callout.bh-callout--cta a strong,
		.bottom .info-box-cta a span,
		.bottom .info-box-cta a strong{
			color: inherit !important;
			-webkit-text-fill-color: inherit;
		}
		.bottom table td,
		.bottom table th,
		.bottom table span{color: inherit !important;}
		.left .bottom ul{margin: 0; padding: 10px 0; list-style-type: none;}
		.left .bottom ul li{
			list-style-type: none;
			position: relative;
			padding: 0 0 0 29px;
			overflow: hidden;
			line-height: 1.56;
		}
		.left .bottom ul li::after {
		    content: "";
		    width: 19px;
		    height: 1px;
		    background: #fe9900;
		    position: absolute;
		    top: 12px;
		    left: 0;
		    border-radius: 100%;
		}

/* --- migrated inline block 4 --- */
.test{
			width: 25px;
			height: 25px;
			position: absolute;
			top: 56px;
			right: 0;
		}
		.ai{
			width: 78px;
			height: 78px;
			border-radius: 100px;
			overflow: hidden;
		}
		.form-link{
			width: 100%;
			max-width: 100%;
			display: flex;
			flex-wrap: wrap;
			justify-content: space-between;
			align-items: center;
			gap: 16px 24px;
			margin-top: 8px;
			padding-top: 8px;
			border-top: 1px solid rgba(255, 255, 255, 0.08);
		}
		.com{
			display: flex;
			align-items: center;
			flex-wrap: wrap;
			gap: 8px 12px;
			margin: 16px 0;
		}
		.com span{
			color: rgba(255, 255, 255, 0.82);
			font-size: 1.35rem;
			line-height: 1.3;
			padding-right: 4px;
			font-family: var(--bh-font-sans);
			font-weight: 600;
		}
		.com ul{
			display: flex;
			flex-direction: row !important;
			align-items: center;
			margin: 0;
			padding: 0;
			list-style-type: none;
		}
		.com ul li{
			margin: 0 5px !important;
			padding: 0 !important;
			background: transparent !important;
		}
		.com ul li .bhNewsComAuth__link{
			display: flex;
			align-items: center;
			justify-content: center;
			width: 36px;
			height: 36px;
			border-radius: 50%;
			background: rgba(255, 255, 255, 0.06);
			border: 1px solid rgba(255, 255, 255, 0.1);
			transition: background 0.2s ease, border-color 0.2s ease, transform 0.15s ease;
			cursor: pointer;
			padding: 0;
			margin: 0;
			font: inherit;
			color: inherit;
			-webkit-appearance: none;
			appearance: none;
			box-sizing: border-box;
		}
		.com ul li .bhNewsComAuth__link:hover{
			background: rgba(254, 153, 0, 0.15);
			border-color: rgba(254, 153, 0, 0.35);
		}
		.com ul li .bhNewsComAuth__link:focus-visible{
			outline: 2px solid rgba(127, 222, 252, 0.85);
			outline-offset: 2px;
		}
		.com ul li .bhNewsComAuth__link img{
			width: 19px;
			height: 19px;
		}
		.post{
			display: flex;
			align-items: center;
			flex-wrap: wrap;
			gap: 8px 12px;
			margin: 16px 0;
		}
		.post span{
			color: rgba(255, 255, 255, 0.82);
			font-size: 1.35rem;
			line-height: 1.3;
			padding-right: 4px;
			font-family: var(--bh-font-sans);
			font-weight: 600;
		}
		.post ul{
			display: flex;
			flex-direction: row !important;
			align-items: center;
			margin: 0;
			padding: 0;
			list-style-type: none;
		}
		.post ul li{
			margin: 0 8px !important;
			padding: 0 !important;
			background: transparent !important;
		}
		.post ul li a{
			display: flex;
			align-items: center;
			justify-content: center;
			width: 36px;
			height: 36px;
			border-radius: 50%;
			background: rgba(255, 255, 255, 0.06);
			border: 1px solid rgba(255, 255, 255, 0.1);
			transition: background 0.2s ease, border-color 0.2s ease, transform 0.15s ease;
		}
		.post ul li a:hover{
			background: rgba(254, 153, 0, 0.15);
			border-color: rgba(254, 153, 0, 0.35);
		}
		.post ul li a img{
			width: 19px;
			height: 19px;
			opacity: 0.95;
		}
		body{
			font-family: var(--bh-font-sans);
		}
		.container{
			width: 100%;
			max-width: 1200px;
			margin: 0 auto;
			padding: 0 15px;
			box-sizing: border-box;
		}
		ul{
			margin: 0;
			padding: 0;
			list-style-type: none;
		}
		a{
			text-decoration: none;
		}
		a:hover{
			text-decoration: none;
		}	
		p{
			margin-top: 0;
		}
		h1,h2,h3{
			font-family: var(--bh-font-sans); font-weight: 800;
		}
		.single_page{
			padding-top: 40px;	
		}
		.head .page-title{
			font-size: 35px !important;
			line-height: 1.2;
		}
		.head .page-title::before{
			display: block !important;
			top: 22px !important;
		}
		
		.page_wrap{
			display: flex;	
			justify-content: space-between;
			position: relative;
		}

		/*----------------------- left-sidebar ------------------------------ */
		.page_wrap .left-sidebar{
			width: 280px;
			position: absolute;
			left: -300px;
			top: 0;
			z-index: 10;
			transition: top 0.6s cubic-bezier(0.4, 0, 0.2, 1);
		}
		.recommended-product-sidebar:hover {
			transform: translateY(-3px);
			box-shadow: 0 8px 20px rgba(254, 153, 0, 0.15);
		}
		.recommended-product-sidebar:hover .product-link-sidebar {
			color: #FFB84D;
		}
		.recommended-product-sidebar .product-link-sidebar span {
			transition: transform 0.3s;
		}
		.recommended-product-sidebar:hover .product-link-sidebar span {
			transform: translateX(3px);
		}

		/*----------------------- left ------------------------------ */
		.page_wrap .left{
			width: calc(100% - 400px);
		}
		.preview{
			display: flex;	
			flex-wrap: wrap;
			margin-bottom: 32px;	
		}
		.preview div{
			width: 50%;
		}
		.preview div p{
			margin-bottom: 0 !important;
		}
		.preview div img{
			width: calc(100% - 30px);
		}
		.page_wrap .left p{
			color: #FFFFFF;
			font-size: 18px;	
			font-weight: 400;	
			line-height: 22px;	
			margin-bottom: 0px;	
		}
		/* Тело новости: вертикальный ритм (заголовки, абзацы, таблицы не «слипаются») */
		.page_wrap .left #article-content p,
		.page_wrap .left .bottom p{
			margin-bottom: 1.25em;
		}
		/* Абзацы внутри инфоблоков — без внешнего margin (иначе #article-content p перебивает main.css и «тянет» блок вниз) */
		.page_wrap .left #article-content .bh-callout:not(.bh-callout--cta) p,
		.page_wrap .left .bottom .bh-callout:not(.bh-callout--cta) p,
		.page_wrap .left #article-content [class*="info-box-"]:not(.info-box-cta) p,
		.page_wrap .left .bottom [class*="info-box-"]:not(.info-box-cta) p,
		.page_wrap .left #article-content .blockquote-info p,
		.page_wrap .left #article-content .blockquote-alert p,
		.page_wrap .left .bottom .blockquote-info p,
		.page_wrap .left .bottom .blockquote-alert p,
		.page_wrap .left #article-content .blockquote p,
		.page_wrap .left .bottom .blockquote p,
		.page_wrap .left #article-content blockquote p,
		.page_wrap .left .bottom blockquote p{
			margin-top: 0;
			margin-bottom: 0;
		}
		/* CTA: не тянуть h2/p правилами статьи — отступы задаёт main.css (.bh-cta-*) */
		.page_wrap .left #article-content .bh-callout.bh-callout--cta h2,
		.page_wrap .left .bottom .bh-callout.bh-callout--cta h2,
		.page_wrap .left #article-content .info-box-cta h2,
		.page_wrap .left .bottom .info-box-cta h2{
			margin-top: 0;
			margin-bottom: var(--bh-cta-h2-mb, 12px);
			line-height: 1.25;
		}
		.page_wrap .left #article-content .bh-callout.bh-callout--cta h3,
		.page_wrap .left #article-content .bh-callout.bh-callout--cta h4,
		.page_wrap .left .bottom .bh-callout.bh-callout--cta h3,
		.page_wrap .left .bottom .bh-callout.bh-callout--cta h4,
		.page_wrap .left #article-content .info-box-cta h3,
		.page_wrap .left #article-content .info-box-cta h4,
		.page_wrap .left .bottom .info-box-cta h3,
		.page_wrap .left .bottom .info-box-cta h4{
			margin-top: 0;
		}
		.page_wrap .left #article-content .bh-callout.bh-callout--cta p,
		.page_wrap .left .bottom .bh-callout.bh-callout--cta p,
		.page_wrap .left #article-content .info-box-cta p,
		.page_wrap .left .bottom .info-box-cta p{
			margin-top: 0;
			margin-bottom: var(--bh-cta-p-mb, 20px);
		}
		.page_wrap .left #article-content .bh-callout.bh-callout--cta p:last-child,
		.page_wrap .left .bottom .bh-callout.bh-callout--cta p:last-child,
		.page_wrap .left #article-content .info-box-cta p:last-child,
		.page_wrap .left .bottom .info-box-cta p:last-child{
			margin-bottom: 0;
		}
		.page_wrap .left #article-content h2,
		.page_wrap .left #article-content h3,
		.page_wrap .left #article-content h4,
		.page_wrap .left .bottom h2,
		.page_wrap .left .bottom h3,
		.page_wrap .left .bottom h4{
			margin-top: 1.35em;
			margin-bottom: 0.65em;
			line-height: 1.3;
		}
		.page_wrap .left #article-content > h2:first-child,
		.page_wrap .left #article-content > h3:first-child,
		.page_wrap .left #article-content > h4:first-child,
		.page_wrap .left .bottom > h2:first-child,
		.page_wrap .left .bottom > h3:first-child,
		.page_wrap .left .bottom > h4:first-child{
			margin-top: 0;
		}
		.page_wrap .left #article-content table,
		.page_wrap .left .bottom table{
			margin-top: 0.35em;
			margin-bottom: 1.5em;
		}
		.page_wrap .left h1{
			color: #FFFFFF;
			font-size: 4rem;	
			font-weight: 700;	
			line-height: 49px;	
			margin-bottom: 30px;	
		}
		.page_wrap .left h1::before{
			display: none;
		}
		.page_wrap .left h1{
			padding: 0;
		}

		.page_comment{
			margin: 0 0 40px;
			padding: 0;
			max-width: min(1200px, 100%);
		}
		.page_comment span.title{
			display: block;
			color: rgba(255, 255, 255, 0.98);
			font-size: clamp(2.2rem, 4vw, 3.2rem);
			font-weight: 800;
			line-height: 1.2;
			margin: 32px 0 20px;
			font-family: var(--bh-font-sans);
			letter-spacing: -0.02em;
		}
		.page_comment ul{
			margin: 0;
			padding: 0;
			display: flex;
			flex-direction: column;
		}
		.page_comment ul li{
			position: relative;
			display: flex;
			margin-bottom: 16px;
			padding: 16px 18px 18px 16px;
			background: linear-gradient(165deg, rgba(22, 28, 44, 0.98) 0%, rgba(14, 16, 28, 0.99) 100%);
			border-radius: 16px;
			border: 1px solid rgba(255, 255, 255, 0.08);
			box-shadow: 0 12px 28px rgba(0, 0, 0, 0.22);
		}
		.page_comment ul li.mini{
			margin-left: 134px;
		}
		.page_comment ul li.mini::before{
			content: '';
			position: absolute;
			top: 50%;
			left: -92px;
			width: 50px;
			height: 43px;
			background: url(<?= $baseUrl ?>/news-img/msg.svg) no-repeat;
			background-position: center;
			background-size: cover;
			transform: translate(0, -50%);
		}
		.page_comment ul li div:first-child{
			margin-right: 23px;
		}
		.page_comment ul li div aside:first-child{
			display: flex;
			align-items: center;
			margin-bottom: 14px;
		}
		.page_comment ul li div aside:first-child span{		
			color: #FE9900;
			font-size: 16px;
			line-height: 19px;
			margin-bottom: 0;
		}
		.page_comment ul li div aside:first-child small{		
			padding-left: 10px;
			color: #ADADAD;
			font-size: 16px;
			line-height: 19px;
		}
		.page_comment ul li div p{
			color: #ADADAD;
			font-size: 16px;
			line-height: 19px;
			margin-bottom: 22px;
		}
		.page_comment ul li div p:last-child{
			margin-bottom: 0;
		}
		.cccv{
			width: 100%;
		}
		.page_comment .form-com{
			display: flex;
			flex-direction: column;
			align-items: stretch;
			gap: 14px;
			margin-top: 8px;
			width: 100%;
			max-width: 100%;
		}
		.page_comment .form-com .form-row{
			width: 100%;
			max-width: 100%;
		}
		.page_comment .form-com .form-row:last-child{
			display: flex;
			justify-content: flex-end;
		}
		.page_comment .form-com div:first-child{
			width: 100% !important;
			max-width: none !important;
		}
		.page_comment .form-com div:last-child{
			width: 100% !important;
			max-width: none !important;
		}
		.page_comment .form-com textarea{
			box-sizing: border-box;
			width: 100%;
			min-height: 104px;
			height: auto;
			padding: 14px 16px;
			color: rgba(255, 255, 255, 0.92);
			font-size: 1.55rem;
			line-height: 1.45;
			font-family: var(--bh-font-sans);
			background: rgba(17, 18, 31, 0.95);
			border-radius: 14px;
			border: 1px solid rgba(255, 255, 255, 0.12);
			box-shadow: 0 1px 0 rgba(255, 255, 255, 0.04) inset;
			resize: vertical;
			transition: border-color 0.2s ease, box-shadow 0.2s ease;
		}
		.page_comment .form-com textarea:hover{
			border-color: rgba(255, 255, 255, 0.18);
		}
		.page_comment .form-com textarea:focus{
			outline: none;
			border-color: rgba(254, 153, 0, 0.45);
			box-shadow: 0 0 0 1px rgba(254, 153, 0, 0.2);
		}
		.page_comment .form-com textarea::placeholder{
			color: rgba(255, 255, 255, 0.42);
			font-size: 1.45rem;
			line-height: 1.45;
			font-family: var(--bh-font-sans);
		}
		.page_comment .form-com button{
			display: inline-flex;
			align-items: center;
			justify-content: center;
			min-width: 148px;
			padding: 0 28px;
			height: 48px;
			color: #0a1018;
			font-size: 1.45rem;
			font-weight: 800;
			font-family: var(--bh-font-sans);
			text-transform: none;
			letter-spacing: 0.02em;
			background: #fe9900;
			border-radius: 999px;
			border: 2px solid transparent;
			cursor: pointer;
			transition: background 0.2s ease, color 0.2s ease, border-color 0.2s ease;
		}
		.page_comment .form-com button:hover{
			color: #fff;
			background: transparent;
			border-color: rgba(254, 153, 0, 0.85);
		}

		 .sp-scrollbar {
        width: 3px;
        margin: 0 !important;
        background-color: rgba(255, 255, 255, 0.1);
        cursor: pointer;
    }

        .sp-thumb {
        	background: #FE9900;
			border-radius: 100px;
        }
    
 
        .sp-thumb {
            background: #FE9900;
			border-radius: 100px;
        }
		/*----------------------- right ------------------------------ */
		.page_wrap .right{
			width: 365px;
			padding-left: 70px;
		}
		.page_wrap .right ul{
			height: 862px;
			margin: 0;
			padding-right: 8px;
			list-style-type: none;
			overflow: hidden;
		}
		.page_wrap .right ul li{
			display: flex;
			height: 80px;
			margin-bottom: 10px;	
			padding: 9px;
			background: #11121F;
			border-radius: 10px;
			transition: .3s;
		}
		.page_wrap .right ul li:hover{
			background: #fff;
		}
		.page_wrap .right ul li:hover p{
			color: #11121F;
		}
		.page_wrap .right ul li a{
			display: flex;
			align-items: flex-start;
		}
		.page_wrap .right ul li aside:first-child{
			position: relative;
			width: 112px;
			height: 100%;
			margin-right: 15px;
			border-radius: 5px;
			overflow: hidden;
		}
		.page_wrap .right ul li aside:last-child{
			width: calc(100% - 127px);
		}
		.page_wrap .right ul li img{
			position: absolute;
			top: 0;
			left: 0;
			width: 100%;
			height: 100%;
			object-fit: cover;
		}
		.page_wrap .right ul li span{
			color: #FE9900;
			font-size: 12px;
			line-height: 15px;
			vertical-align: top;
		}
		.page_wrap .right ul li p{
			color: #FFFF;
			font-size: 16px;
			font-weight: 400;
			line-height: 19.49px;
			margin-bottom: 0;	
			text-align: left;
		}
		@media(max-width: 1300px){
			.page_wrap .right{display: none;}
			.page_wrap .left{width: 100%; max-width: none;}
		}
		@media(max-width: 1200px){
			.page_wrap .left-sidebar{display: none;}
			.page_wrap .left{width: 100%;}
		}
		@media(max-width: 968px){
			.page_wrap .left-sidebar{display: none;}
			.page_wrap .left{width: 100%;}
			.preview div:first-child{width: 100%; max-width: none}
			.preview div:first-child img{width: 100%;	margin-right: 0;	margin-bottom: 19px;	}
			.preview div:last-child{width: 100%;}
		}
		@media(max-width: 768px){
			.breadcrumb{flex-direction: column; align-items: flex-start;}
			.form-link{width: 100%}
			.page_wrap .left h1{font-size: 22px !important; padding-left: 0px !important;}
			.info li:first-child{display: none}
			.head .page-title::before{display: none !important;}
			.bottom img{width: 100%; height: auto;}
			.preview{flex-direction: column;}
			.preview div{width: 100%; max-width: none;}
			.page_comment .form-com{
				flex-direction: column;
			}
			.page_comment .form-com div{
				width: 100% !important;
				max-width: none !important;
			}
			.page_comment .form-com .form-row:last-child{
				justify-content: stretch;
			}
			.page_comment .form-com button{
				width: 100%;
				margin-top: 4px;
			}
		}