/* ==========================================================================
   mod_bdbenefits — полоса преимуществ
   Токены берутся из шаблона, значения после запятой — запасные
   ========================================================================== */

.bd-benefits { padding-block: 26px; }

.bd-benefits--dark { background: var(--bd-dark, #0E1114); color: #fff; }
.bd-benefits--light { background: var(--bd-light, #F2F0EC); color: var(--bd-text, #1A1A1A); }
.bd-benefits--plain { background: transparent; }

.bd-benefits__wide { padding-inline: 20px; }

.bd-benefits__grid {
	display: grid;
	grid-template-columns: repeat(var(--bd-benefits-cols, 5), minmax(0, 1fr));
	align-items: stretch;
}

/* --- Блок ---------------------------------------------------------------- */

.bd-benefit {
	display: flex;
	gap: 14px;
	min-width: 0;
	padding: 6px 20px;
	color: inherit;
	text-decoration: none;
}

.bd-benefit:first-child { padding-left: 0; }
.bd-benefit:last-child { padding-right: 0; }

/* Разделители внутренними границами: у крайних блоков линий не будет */
.bd-benefits--dividers .bd-benefit + .bd-benefit {
	border-left: 1px solid rgba(255, 255, 255, .12);
}

.bd-benefits--light.bd-benefits--dividers .bd-benefit + .bd-benefit,
.bd-benefits--plain.bd-benefits--dividers .bd-benefit + .bd-benefit {
	border-left-color: var(--bd-line, #E3DFD8);
}

.bd-benefit--linked { transition: opacity .15s; }
.bd-benefit--linked:hover { opacity: .75; }

/* --- Иконка -------------------------------------------------------------- */

.bd-benefit__icon {
	flex: 0 0 auto;
	font-size: 1.5rem;
	line-height: 1 !important;
	color: var(--bd-accent, #C9A57B);
}

.bd-benefits--iconst-circle .bd-benefit__icon {
	display: inline-flex !important;
	align-items: center;
	justify-content: center;
	width: 46px;
	height: 46px;
	border-radius: 50%;
	background: var(--bd-accent, #C9A57B);
	color: var(--bd-dark, #0E1114);
	font-size: 1.125rem !important;
}

/* Иконка сверху */
.bd-benefits--icon-top .bd-benefit {
	flex-direction: column;
	gap: 10px;
}

/* --- Текст --------------------------------------------------------------- */

.bd-benefit__body {
	display: flex;
	flex-direction: column;
	gap: 3px;
	min-width: 0;
}

.bd-benefit__title {
	font-size: .875rem;
	font-weight: 700;
	line-height: 1.25;
}

.bd-benefit__text {
	font-size: .75rem;
	line-height: 1.35;
	opacity: .65;
}

/* --- Кнопка -------------------------------------------------------------- */

.bd-benefit__btn {
	position: relative;
	z-index: 2;
	align-self: flex-start;
	margin-top: 8px;
	padding: 8px 16px;
	background: var(--bd-accent, #C9A57B);
	border-radius: var(--bd-radius, 6px);
	color: var(--bd-dark, #0E1114);
	font-size: .8125rem;
	font-weight: 600;
	text-decoration: none;
	transition: background-color .15s;
}

.bd-benefit__btn:hover { background: var(--bd-accent-dark, #B08E64); }

/* --- Адаптив ------------------------------------------------------------- */

@media (max-width: 1199.98px) {
	.bd-benefits__grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }

	.bd-benefit { padding: 14px 18px; }
	.bd-benefit:first-child { padding-left: 18px; }
	.bd-benefit:last-child { padding-right: 18px; }

	/* При переносе строк вертикальные линии мешают — рисуем сетку целиком */
	.bd-benefits--dividers .bd-benefit + .bd-benefit { border-left: 0; }

	.bd-benefits--dividers .bd-benefit {
		border: 1px solid rgba(255, 255, 255, .1);
		margin: -0.5px;
	}

	.bd-benefits--light.bd-benefits--dividers .bd-benefit,
	.bd-benefits--plain.bd-benefits--dividers .bd-benefit { border-color: var(--bd-line, #E3DFD8); }
}

@media (max-width: 767.98px) {
	.bd-benefits__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 479.98px) {
	.bd-benefits__grid { grid-template-columns: minmax(0, 1fr); }
}