/* Start:/tn/s/hero-banner.css?17906417404121*/
/* ==========================================================================
	HERO BANNER v2 — Этап 1: фото на всю ширину, текст оверлеем поверх
	Новый блок, не пересекается с hero-slide (hero-slider-2026.css)
	========================================================================== */


.hero-banner { max-width:var(--maxw); margin:1.5rem auto 0; overflow:hidden; }
.hero-banner__swiper { border-radius:var(--r-lg); overflow:hidden; }

.hero-banner__slide { position:relative; aspect-ratio:16 / 4.5; overflow:hidden; background:var(--blue-deep-2); }
.hero-banner--red { background:var(--blue-deep-2); }

/* --- Фото на всю ширину слайда --- */
.hero-banner__media { position:absolute; inset:0; z-index:0; }
.hero-banner__image { width:100%; height:100%; object-fit:cover; object-position:center; display:block; }

/* --- Скрим для читаемости текста поверх фото --- */
.hero-banner__scrim { position:absolute; inset:0; z-index:1; background:linear-gradient(90deg, rgba(20,26,32,.78) 0%, rgba(20,26,32,.4) 45%, rgba(20,26,32,0) 72%); }

/* --- Текст и кнопка — та же позиция, что и в hero-slide (слева, по центру вертикали) --- */
.hero-banner__content { position:relative; z-index:2; display:flex; flex-direction:column; justify-content:center; gap:1rem; height:100%; width:50%; padding:clamp(2rem, 5vw, 4rem); color:#fff; }
.hero-banner__title { margin:0; color:#fff; font-size:clamp(1.8rem, 4vw, 3.2rem); font-weight:700; line-height:1.05; letter-spacing:-0.01em; }
.hero-banner__subtitle { margin:0; color:rgba(255,255,255,.82); font-size:clamp(.95rem, 1.5vw, 1.25rem); line-height:1.4; max-width:32ch; }
.hero-banner__btn { align-self:flex-start; margin-top:.5rem; }

/* ============================================================
	АДАПТИВ
	============================================================ */

@media (max-width: 900px) {
	.hero-banner__swiper { border-radius:var(--r-md); }
	.hero-banner__slide { aspect-ratio:16 / 5; }
	.hero-banner__content { width:100%; padding:clamp(1.5rem, 5vw, 2.5rem); }
	.hero-banner__scrim { background:linear-gradient(180deg, rgba(20,26,32,.2) 0%, rgba(20,26,32,.85) 60%); }
	.hero-banner__subtitle { max-width:none; }
}



@media (max-width: 800px) {
	.hero-banner__slide { aspect-ratio:16 / 10; }
}

@media (max-width: 480px) {
	.hero-banner__btn { align-self:stretch; text-align:center;aspect-ratio:1 / 2;  }
}

/* ============================================================
	НАВИГАЦИЯ — идентична hero-slider, но под новыми классами
	============================================================ */

.hero-banner__arrow { width:2.75rem; height:2.75rem; margin-top:-1.375rem; background:rgba(20,26,32,.45); border:1px solid rgba(255,255,255,.15); border-radius:0%; transition:background .2s ease, border-color .2s ease; z-index:3; }
.hero-banner__arrow:hover { background:var(--green); border-color:var(--green); }
.hero-banner__arrow .swiper-navigation-icon { display:none; }
.hero-banner__arrow::after { content:""; display:block; width:.7rem; height:.7rem; border-top:2px solid #fff; border-right:2px solid #fff; }
.hero-banner__arrow--prev::after { transform:rotate(-135deg); margin-left:.2rem; }
.hero-banner__arrow--next::after { transform:rotate(45deg); margin-right:.2rem; }
.hero-banner__arrow--prev { left:1.25rem; }
.hero-banner__arrow--next { right:1.25rem; }
.hero-banner__arrow.swiper-button-disabled { opacity:0; pointer-events:none; }

.hero-banner__pagination { bottom:1.25rem !important; z-index:3; }
.hero-banner__pagination .swiper-pagination-bullet { width:.6rem; height:.6rem; background:rgba(255,255,255,.55); opacity:1; transition:width .25s ease, background .25s ease; border-radius:var(--swiper-pagination-bullet-border-radius, 0%); }
.hero-banner__pagination .swiper-pagination-bullet-active { width:1.6rem; border-radius:.0rem; background:var(--green); }

@media (max-width: 900px) {
	.hero-banner__arrow { display:none; }
}
/* End */


/* Start:/local/templates/thermaru/components/bitrix/news.list/fp_set_prod/style.css?1788730376150*/
div.news-list
{
	word-wrap: break-word;
}
div.news-list img.preview_picture
{
	float:left;
	margin:0 4px 6px 0;
}
.news-date-time {
	color:#486DAA;
}

/* End */


/* Start:/bitrix/components/bitrix/system.show_message/templates/.default/style.min.css?178519059151*/
font.errortext{color:red}font.notetext{color:green}
/* End */
/* /tn/s/hero-banner.css?17906417404121 */
/* /local/templates/thermaru/components/bitrix/news.list/fp_set_prod/style.css?1788730376150 */
/* /bitrix/components/bitrix/system.show_message/templates/.default/style.min.css?178519059151 */