.jd-partners {
	--jd-partner-blue: #123f82;
	--jd-partner-card: #ffffff;
	--jd-partner-border: #dfe8f6;
	color: #172238;
	padding: clamp(24px, 4vw, 48px);
}

.jd-partners__section + .jd-partners__section {
	margin-top: 28px;
}

.jd-partners__heading-row {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 20px;
}

body .jd-partners__heading {
	color: var(--jd-partner-blue);
	font-size: 18px;
	font-weight: 800;
	letter-spacing: .02em;
	line-height: 1.3;
	margin: 0 0 12px;
	text-transform: uppercase;
}

body .jd-partners__view-all {
	color: var(--jd-partner-blue);
	font-size: 12px;
	font-weight: 700;
	text-decoration: none;
}

.jd-partners__view-all[hidden] {
	display: none !important;
}

.jd-partners__slider-shell {
	display: block;
	min-width: 0;
	position: relative;
	transition: padding .2s ease;
	width: 100%;
}

.jd-partners__slider-shell--active {
	padding-inline: 48px;
}

.jd-partners__swiper {
	display: block;
	min-width: 0;
	overflow: hidden;
	width: 100%;
}

.jd-partners__swiper.swiper-initialized .swiper-wrapper {
	display: flex;
}

.jd-partners__swiper .swiper-slide {
	box-sizing: border-box;
	flex-shrink: 0;
	min-width: 0;
}

.jd-partners__swiper:not(.swiper-initialized) .swiper-wrapper {
	display: grid;
	gap: 10px;
	grid-template-columns: repeat(5, minmax(0, 1fr));
}

.jd-partners__slider-shell:has(.jd-partners__swiper:not(.swiper-initialized)) .jd-partners__arrow {
	display: none;
}

body .jd-partners__arrow,body .jd-partners__arrow:hover,body .jd-partners__arrow:focus-visible {
	align-items: center;
	appearance: none;
	background: transparent;
	border: 0;
	color: var(--jd-partner-blue);
	cursor: pointer;
	display: flex;
	font-size: 50px;
	height: 60px;
	justify-content: center;
	margin: 0;
	line-height: 1;
	padding: 0;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	transition: opacity .2s ease, transform .2s ease;
	width: 40px;
	z-index: 3;
}

body .jd-partners__arrow--previous {
	left: 0;
}

body .jd-partners__arrow--next {
	right: 0;
}

body .jd-partners__arrow:hover,
body .jd-partners__arrow:focus-visible {
	transform: translateY(-50%) scale(1.12);
}

body .jd-partners__arrow.swiper-button-disabled {
	cursor: default;
	opacity: .3;
}

body .jd-partners__arrow.swiper-button-lock {
	display: none !important;
}

.jd-partner-card {
	align-items: center;
	background: var(--jd-partner-card);
	border: 1px solid var(--jd-partner-border);
	border-radius: 4px;
	display: flex;
	flex-direction: column;
	height: auto;
	justify-content: flex-start;
	min-height: 220px;
	padding: 22px 16px 18px;
	text-align: center;
}

.jd-partner-card__logo {
	align-items: center;
	display: flex;
	height: 96px;
	justify-content: center;
	width: 100%;
}

.jd-partner-card__image,
.jd-partners__logo-image {
	display: block;
	height: auto;
	max-height: 86px;
	max-width: 100%;
	object-fit: contain;
	width: auto;
}

.jd-partner-card__title {
	color: #1c2940;
	font-size: 14px;
	font-weight: 700;
	line-height: 1.25;
	margin: 12px 0 14px;
}

.jd-partner-card__link {
	color: var(--jd-partner-blue);
	font-size: 11px;
	font-weight: 800;
	margin-top: auto;
	text-decoration: none;
	text-transform: uppercase;
}

.jd-partner-card__link:hover,
.jd-partner-card__link:focus-visible,
.jd-partners__view-all:hover,
.jd-partners__view-all:focus-visible,
.jd-partners__supporter:hover,
.jd-partners__supporter:focus-visible {
	text-decoration: underline;
}

.jd-partners__logo-grid {
	display: grid;
	gap: 10px;
	grid-template-columns: repeat(6, minmax(0, 1fr));
}

.jd-partners__logo-item {
	align-items: center;
	background: var(--jd-partner-card);
	border: 1px solid var(--jd-partner-border);
	border-radius: 3px;
	color: #1c2940;
	display: flex;
	flex-direction: column;
	font-size: 13px;
	font-weight: 700;
	min-height: 130px;
	justify-content: center;
	padding: 12px;
	text-align: center;
	text-decoration: none;
}

.jd-partners__logo-media {
	align-items: center;
	display: flex;
	height: 72px;
	justify-content: center;
	text-decoration: none;
	width: 100%;
}

.jd-partners__logo-media .jd-partners__logo-image {
	max-height: 60px;
}

.jd-partners__logo-title {
	color: #1c2940;
	font-size: 13px;
	font-weight: 700;
	line-height: 1.25;
	margin: 10px 0 0;
}

.jd-partners__supporter-list {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	row-gap: 10px;
}

.jd-partners__supporter {
	color: #27344a;
	font-size: 14px;
	line-height: 1.3;
	padding: 0 14px;
	position: relative;
	text-decoration: none;
}

.jd-partners__supporter:not(:last-child)::after {
	background: #6d7890;
	content: '';
	height: 15px;
	position: absolute;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
	width: 1px;
}

@media (max-width: 900px) {
	.jd-partners__swiper:not(.swiper-initialized) .swiper-wrapper {
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}

	.jd-partners__logo-grid {
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}
}

@media (max-width: 600px) {
	.jd-partners {
		padding: 24px 14px;
	}

	.jd-partners__slider-shell--active {
		padding-inline: 30px;
	}

	body .jd-partners__arrow,
	body .jd-partners__arrow:hover,
	body .jd-partners__arrow:focus-visible {
		font-size: 28px;
		width: 26px;
	}

	.jd-partners__logo-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.jd-partners__swiper:not(.swiper-initialized) .swiper-wrapper {
		grid-template-columns: 1fr;
	}

	.jd-partners__supporter {
		font-size: 13px;
		padding: 0 10px;
	}
}