.kd-clubpro-top {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	height: 320px;
	padding: 40px;
	gap: 8px;
	background-image: url('/assets/media/clubpro-dv.webp');
	background-position: center center;
}

.kd-clubpro-top .kd-h2 {
	color: var(--white-color);
	text-align: center;
}

.kd-title-8-block {
	position: relative;
	width: 100%;
}

.kd-clubpro-top-subtitle {
	color: var(--white-color);
	font-size: 18px;
	font-style: normal;
	font-weight: 500;
	line-height: 22px;
	letter-spacing: 0.54px;
	text-transform: uppercase;
	text-align: center;
}

/* ==== блок под верхним баннерам ===== */

.kd-clubpro-under-top {
	padding: 16px 0;
	border-bottom: 1px solid var(--white-grey-color);
}

.kd-clubpro-under-top-grid {
	display: flex;
	justify-content: space-between;
}

.kd-clubpro-under-top-item {
	display: flex;
	gap: 12px;
	align-items: center;
	min-width: 233px;
}

.kd-clubpro-under-top-item img{
	width: 24px;
	min-width: 24px;
}

.kd-clubpro-under-top-item div {
	color: var(--grey-color);
	font-size: 12px;
	font-weight: 400;
	line-height: 14px;
	letter-spacing: 0.72px;
	text-transform: uppercase;
}

.kd-clubpro-under-top-item div span {
	font-weight: 700;
	display: inline-block;
	color: var(--red-color);
}

@media(max-width: 1279px) {
	.kd-clubpro-under-top-grid {
		display: grid;
		grid-template-columns: repeat(2, 1fr);
		grid-gap: 16px;
	}
}

@media(max-width: 768px) {
	.kd-clubpro-under-top-grid {
		display: grid;
		grid-template-columns: repeat(1, 1fr);
		grid-gap: 16px;
	}
}

/* ===== единая клубная программа ==== */

.kd-edinaya-clubpro {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	grid-gap: 40px;
}

.kd-edinaya-clubpro .kd-h3 {
	margin-bottom: 24px;
	color: var(--grey-color);
}

.kd-edinaya-clubpro-text {
	display: flex;
	flex-direction: column;
	justify-content: center;
}

.kd-edinaya-clubpro-img {
	width: 100%;
	object-position: top center;
	object-fit: cover;
}

.kd-edinaya-clubpro-list {
	display: flex;
	flex-direction: column;
	gap: 24px;
}

.kd-edinaya-clubpro-list li {
	display: flex;
	gap: 12px;
}

.kd-icon.kd-check {
	width: 24px;
	min-width: 24px;
	height: 24px;
	color: var(--grey-color);
	transition: color .3s;
}

.kd-edinaya-clubpro-list li.active .kd-icon.kd-check {
	color: var(--red-color);
	animation: anim 1s linear forwards;
}

@keyframes anim {
	0%,
	100% {
		transform: scale(1)
	}

	50% {
		transform: scale(2)
	}
}

.kd-edinaya-clubpro-list-title {
	font-size: 18px;
	font-weight: 500;
	line-height: 22px;
	letter-spacing: 0.54px;
	text-transform: uppercase;
	margin-bottom: 8px;
}

.kd-edinaya-clubpro-list-subtitle {
	font-size: 16px;
	font-weight: 400;
	line-height: 22px;
}


@media(max-width: 768px) {
	.kd-edinaya-clubpro {
		grid-template-columns: repeat(1, 1fr);
		grid-gap: 24px;
	}

	.kd-edinaya-clubpro-img {
		object-position: center center;
		max-height: 730px;
	}
}

/* ======= как стать участником клубной програмы ====== */

.kd-how-clubpro .kd-h3 {
	margin-bottom: 24px;
	color: var(--grey-color);
}

.kd-how-clubpro-grid {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	grid-gap: 40px;
}

.kd-how-clubpro-grid .kd-how-clubpro-item {
	display: flex;
	gap: 24px;
}

.kd-how-clubpro-img {
	display: flex;
	align-items: center;
	justify-content: center;
	position: relative;
	overflow: hidden;
	height: 136px;
	flex-shrink: 0;
}

.kd-how-clubpro-img .kd-icon {
	transform: translate3d(-100%, 0, 0);
	transition: .7s cubic-bezier(0.165, 0.84, 0.44, 1);
	height: inherit;
	width: inherit;
	position: relative;
	opacity: 0;
	color: var(--light-grey-color);
}

.kd-how-clubpro-grid .kd-how-clubpro-item.active .kd-how-clubpro-img .kd-icon {
	transform: translate3d(0, 0, 0);
	opacity: 1;
}

.kd-how-clubpro-grid-title {
	font-size: 18px;
	font-weight: 500;
	line-height: 22px;
	letter-spacing: 0.54px;
	text-transform: uppercase;
	margin-bottom: 8px;
}

.kd-how-clubpro-grid-subtitle {
	font-size: 16px;
	font-weight: 400;
	line-height: 22px;
}

@media(max-width: 1279px) {
	.kd-how-clubpro-grid {
		grid-template-columns: repeat(1, 1fr);
		grid-gap: 24px;
	}

	.kd-how-clubpro-img {
		height: 64px;
		width: 48px;
		min-width: 48px;
	}
}

/* ===== баннеры ========= */

.kd-clubpro-banners {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	grid-gap: 4px;
}

.kd-clubpro-banner {
	display: flex;
	justify-content: flex-end;
	flex-direction: column;
	gap: 8px;
	background-position: center center;
	background-size: cover;
	padding: 24px 40px;
	height: 320px;
	box-sizing: border-box;
}

.kd-clubpro-banner.kd-actions {
	background-image: url('/assets/media/actions-pv.webp');
}

.kd-clubpro-banner.kd-2000-bonusov {
	background-image: url('/assets/media/bonuses-pv.webp');
}

.kd-clubpro-banner .kd-h3 {
	color: var(--white-color);
}

.kd-clubpro-banner .kd-clubpro-banner-subtitle {
	font-size: 14px;
	font-weight: 500;
	line-height: 20px;
	letter-spacing: 2.24px;
	text-transform: uppercase;
	color: var(--white-color);
}

@media(max-width: 1279px) {
	.kd-clubpro-banners {
		grid-template-columns: repeat(1, 1fr);
	}

	.kd-clubpro-banner {
		height: 280px;
	}
}

@media(max-width: 767px) {
	.kd-clubpro-banner {
		height: 240px;
		padding: 24px 16px;
	}
}

/* ========= больше покупок, больше выгоды ======= */
.kd-vigoda-clubpro .kd-h3 {
	margin-bottom: 24px;
	color: var(--grey-color);
}

.kd-vigoda-clubpro-grid {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	grid-gap: 40px;
}

.kd-vigoda-clubpro-top-inscription,
.kd-vigoda-clubpro-bottom-inscription {
	font-size: 12px;
	font-weight: 400;
	line-height: 14px;
	color: var(--medium-grey-color);
}

.kd-vigoda-clubpro-top-inscription {
	margin-bottom: 8px;
}

.kd-vigoda-clubpro-bottom-inscription {
	margin-top: 20px;
}

.kd-vigoda-clubpro-procent {
	font-size: 64px;
	font-weight: 700;
	line-height: 64px;
	color: var(--grey-color);
	display: inline-block;
	transition: color .5s;
}

.kd-vigoda-clubpro-item.active .kd-vigoda-clubpro-procent {
	color: var(--red-color);
}

.kd-vigoda-clubpro-under-procent, 
.kd-vigoda-clubpro-text {
	font-size: 16px;
	font-weight: 400;
	line-height: 22px;
}

.kd-vigoda-clubpro-under-procent {
	margin-bottom: 20px;
}

.kd-vigoda-clubpro-under-procent span {
	font-weight: 700;
}

@media(max-width: 1279px) {
	.kd-vigoda-clubpro-grid {
		overflow-x: scroll;
	}

	.kd-vigoda-clubpro-item {
		width: 280px;
	}

	.kd-vigoda-clubpro-procent {
		font-size: 48px;
		font-weight: 700;
		line-height: 48px;
	}
}

/* ======= вопросы в файле стилей accordion.css */