/* Start:/local/templates/vepr/components/bitrix/news.list/main_banner/style.css?17841921813753*/
/* ==========================================================================
   Главный баннер — news.list/main_banner (1 крупный + 2 мелких)
   ========================================================================== */

.mbnr{ margin:22px 0 40px; }
.mbnr__grid{
	display:grid;
	grid-template-columns:2fr 1fr;
	gap:20px;
}
.mbnr__col{
	display:grid;
	grid-template-rows:1fr 1fr;
	gap:20px;
	min-height:0;
}

.mbnr-card{
	position:relative;
	display:block;
	overflow:hidden;
	border-radius:16px;
	text-decoration:none;
	color:#fff;
	background:#1a1a1a no-repeat center center;
	background-size:cover;
	min-height:220px;
}
.mbnr-card--lg{ min-height:460px; }

.mbnr-card__shade{
	position:absolute; inset:0; z-index:1;
	background:linear-gradient(90deg, rgba(15,16,18,.9) 0%, rgba(15,16,18,.55) 45%, rgba(15,16,18,.12) 100%);
}
.mbnr-card--sm .mbnr-card__shade{
	background:linear-gradient(0deg, rgba(15,16,18,.92) 0%, rgba(15,16,18,.4) 60%, rgba(15,16,18,.1) 100%);
}

.mbnr-card__body{
	position:absolute; inset:0; z-index:2;
	box-sizing:border-box;
	display:flex; flex-direction:column; align-items:flex-start;
	padding:40px;
}
.mbnr-card--lg .mbnr-card__body{ justify-content:center; max-width:70%; }
.mbnr-card--sm .mbnr-card__body{ justify-content:flex-end; padding:26px 28px 36px; }

.mbnr-badge{
	display:inline-block;
	background:#E5231F; color:#fff;
	font-size:12px; font-weight:700; text-transform:uppercase; letter-spacing:.05em;
	padding:6px 12px; border-radius:6px; margin-bottom:16px;
}

.mbnr-card__title{ font-weight:600; transition:color .15s; }
.mbnr-card--lg .mbnr-card__title{ font-size:44px; line-height:1.2; text-transform:uppercase; margin-bottom:18px; }
.mbnr-card--sm .mbnr-card__title{ font-size:20px; line-height:1.4; margin-bottom:12px; }

.mbnr-card__text{
	font-size:15px; line-height:1.55;
	color:rgba(255,255,255,.82); max-width:440px; margin-bottom:26px;
}

/* мелкие баннеры — текстовая ссылка (как на референсе) */
.mbnr-card__cta{ font-weight:500; font-size:15px; color:#ff5b57; transition:color .15s; }
.mbnr-card--sm:hover .mbnr-card__cta{ color:#fff; }
/* крупный баннер — кнопка: ниже, аккуратнее, шире */
.mbnr-card__cta--btn{
	display:inline-flex; align-items:center; justify-content:center;
	background:#E5231F; color:#fff;
	padding:12px 46px; border-radius:8px; font-size:14px;
	transition:background .15s;
}
.mbnr-card:hover .mbnr-card__cta--btn{ background:#C71A16; color:#fff; }

@media (max-width:992px){
	.mbnr__grid{ grid-template-columns:1fr; }
	.mbnr__col{ grid-template-columns:1fr 1fr; grid-template-rows:auto; }
	.mbnr-card--lg{ min-height:360px; }
	.mbnr-card--lg .mbnr-card__title{ font-size:34px; }
	.mbnr-card--lg .mbnr-card__body{ max-width:85%; }
}
@media (max-width:600px){
	.mbnr__col{ grid-template-columns:1fr; }
	.mbnr-card__body{ padding:24px; }
	.mbnr-card--sm .mbnr-card__body{ padding:22px; }
	.mbnr-card--lg .mbnr-card__title{ font-size:26px; }
	.mbnr-card--sm{ min-height:170px; }
}

/* мобильная карусель: все три баннера свайпом в одном слоте (todo2 п.12) */
@media (max-width: 768px){
	.mbnr__grid{
		display:flex; overflow-x:auto; gap:12px;
		scroll-snap-type:x mandatory; -webkit-overflow-scrolling:touch;
		scrollbar-width:none;
	}
	.mbnr__grid::-webkit-scrollbar{ display:none; }
	.mbnr__col{ display:contents; }
	.mbnr__grid .mbnr-card,
	.mbnr__grid .mbnr-card--lg,
	.mbnr__grid .mbnr-card--sm{
		flex:0 0 88%; scroll-snap-align:start; min-height:300px;
	}
	.mbnr__grid .mbnr-card--sm .mbnr-card__body{ justify-content:center; padding:24px; }
	.mbnr__grid .mbnr-card--sm .mbnr-card__title{ font-size:24px; }
}

/* End */
/* /local/templates/vepr/components/bitrix/news.list/main_banner/style.css?17841921813753 */