/* =============================================
   03_WIDGETS / w-buyblock
   Секция «Как купить/продать» (пронумерованные шаги).
   ============================================= */

.buyblock__list {
	list-style-type: none;
	counter-reset: item;
}
.buyblock__item {
	border-radius: 20px;
	background-color: var(--whiteColor);
	position: relative;
}
.buyblock__item::before {
	counter-increment: item;
	content: counter(item);
	position: absolute;
	border-radius: 50%;
	display: flex;
	justify-content: center;
	align-items: center;
	text-align: center;
	background-color: var(--greenColor4);
	color: var(--whiteColor);
	font-weight: 700;
	text-transform: uppercase;
}
.buyblock__item p {
	color: var(--greenColor5);
}
.buyblock__item.buyblock__item-reg {
	background-color: var(--greenColor2);
}
.buyblock__item.buyblock__item-reg::before {
	display: none;
}
.buyblock__item.buyblock__item-reg .buyblock__itemtitle {
	color: var(--whiteColor);
}
.buyblock__item.buyblock__item-reg p {
	color: var(--whiteColor);
}
.buyblock__item.buyblock__item-reg p:not(:last-child) {
	margin-bottom: 10px;
}
.buyblock__itemtitle {
	font-weight: 500;
}
.buyblock__itemtitle:not(:last-child) {
	margin-bottom: 10px;
}

/* ── Responsive ── */

@media (max-width: 63.99875em) {
	.buyblock__item {
		padding: 20px 20px 20px 62px;
	}
	.buyblock__item:not(:last-child) {
		margin-bottom: 10px;
	}
	.buyblock__item::before {
		font-size: 18px;
		line-height: 127.777778%;
		width: 32px;
		height: 32px;
		top: 20px;
		left: 20px;
	}
	.buyblock__item.buyblock__item-reg {
		padding-left: 20px;
	}
	.buyblock__item.buyblock__item-reg p br {
		display: none;
	}
}
@media (min-width: 63.99875em) {
	.buyblock__list {
		display: flex;
		flex-wrap: wrap;
		gap: 20px;
	}
	.buyblock__item {
		padding: 40px 40px 40px 108px;
		flex: 0 1 calc((100% - 20px) / 2);
	}
	.buyblock__item::before {
		width: 40px;
		height: 40px;
		font-size: 24px;
		line-height: 125%;
		top: 40px;
		left: 40px;
	}
	.buyblock__item.buyblock__item-reg {
		padding-left: 40px;
	}
}