.bf-right { background: #f1f0ff; border-radius: 20px; padding: 24px; display: flex; align-items: center; justify-content: center; position: relative; }
.bf-preview-img { position: absolute; inset: 0; width: 100%; opacity: 0; visibility: hidden; transform: scale(.95); transition: 300ms ease; }
.bf-preview-img.is-active { position: relative; opacity: 1; visibility: visible; transform: scale(1); }
.howto-tabs-left .howto-tabs_nav { order: 1; }
.howto-tabs-left .howto-tabs_content { order: 2; }
.howto-tabs-right .howto-tabs_nav { order: 2; }
.howto-tabs-right .howto-tabs_content { order: 1; }
.bf-step { background: #fff; padding: 16px; border-radius: 20px; margin-bottom: 16px; border: 1px solid #e4ebff; cursor: pointer; }
.bf-step.active { border-color: #2f80ff; background: rgba(47, 128, 255, .06); box-shadow: 0 10px 30px rgba(47, 128, 255, .18), 0 0 0 3px rgba(47, 128, 255, .08); }
.bf-step h4 { font-size: 20px; margin-bottom: 0; }
.bf-step p { display: none; color: #5b6b84; }
.bf-step.active p { display: block; }
.bf-mobile-img { display: none; }
.bf-mobile-img img { width: 100%; border-radius: 14px; }
@media (max-width:1024px) and (min-width:768px) {
	.bf-right { display: flex; }
	.bf-mobile-img { display: none; }
}

@media (max-width:767px) {
	.bf-right { display: none; }
	.bf-mobile-img { display: block; }
	.bf-step h4 { font-size: 18px; margin: 6px 0; }
}