/* Баннер фонда «Дай лапу» в каталоге (чанк fundBanner, выводится из 2021msProducts.row-shop). */

.fb_paw {
	display: grid;
	place-items: center;
	flex: 0 0 auto;
	border-radius: 50%;
	background-color: #fff;
}

.fb_paw svg {
	fill: #FF4F1B;
}

.fb_paw .fb_heart {
	fill: #fff;
}

/* row-cols-xxl-5 объявлен в Bootstrap позже col-12 и сужает баннер до 1/5 ряда */
.row > .fb_row_full {
	flex: 0 0 100%;
	width: 100%;
	max-width: 100%;
}

.fb_wide {
	position: relative;
	display: flex;
	align-items: center;
	gap: 2rem;
	padding: 2rem 2.5rem;
	border-radius: 20px;
	background-color: #FFEEE9;
	color: #222;
	text-decoration: none;
	overflow: hidden;
}

.fb_wide .fb_paw {
	width: 104px;
	height: 104px;
}

.fb_wide .fb_paw svg {
	width: 70px;
	height: 70px;
}

.fb_wide_body {
	flex: 1 1 auto;
	min-width: 0;
}

.fb_wide_title {
	display: block;
	margin-bottom: .5rem;
	font-size: 21pt;
	font-weight: 500;
	line-height: 1.2;
}

.fb_wide_title span {
	color: #FF4F1B;
}

.fb_wide_text {
	display: block;
	max-width: 38em;
	font-size: 1.1rem;
	line-height: 1.5;
	color: #5B6572;
}

.fb_wide_trace {
	position: absolute;
	right: -30px;
	bottom: -40px;
	width: 220px;
	height: 220px;
	fill: #FF4F1B;
	opacity: .07;
	transform: rotate(-20deg);
	pointer-events: none;
}

.fb_wide .btn {
	position: relative;
	flex: 0 0 auto;
}

.fb_wide:hover {
	color: #222;
}

@media (max-width: 767.98px) {
	.fb_wide {
		flex-direction: column;
		align-items: flex-start;
		gap: 1rem;
		padding: 1.5rem;
	}

	.fb_wide .fb_paw {
		width: 64px;
		height: 64px;
	}

	.fb_wide .fb_paw svg {
		width: 44px;
		height: 44px;
	}

	.fb_wide_title {
		font-size: 17pt;
	}
}