/*!
 * Pay2S Elementor Widgets — Bank Partnership, bố cục "carousel chứng nhận" (trang sản phẩm)
 * Chỉ nạp khi instance chọn bố cục này. Phụ thuộc: bank-partnership, product, carousel.
 * Số đo /open-api-banking ("CHỨNG NHẬN HỢP TÁC VỚI NGÂN HÀNG"):
 *  container cách trên/dưới 48 · h2 700 căn giữa, cách dưới 16: 40px/1.25 · 36px/1.3 ≤1199 · 34px ≤767 · 28px ≤575 (cỡ h2 của template)
 *  carousel loop: 4 thẻ mỗi khung (≥768), 2 (nhỏ hơn), gap 24; padding dưới 32 cho hàng chấm
 *  thẻ: nền trắng, bo 8, bóng 0 4 30 rgba(46,45,116,.05) · ảnh viền 1px rgba(209,213,219,.5) bo 6
 *   (markup site có class border-4 border-warning nhưng CSS .border của template đè thành 1px xám) · chú thích 16/1.7 #4b5563
 *  nút prev/next mặc định Swiper: 27×44, cách mép 10px, #007aff · chấm 12px #e0e0e0, chấm chọn viền/ nền #106a38
 */

/* Bố cục carousel không có dải nền/viền của trang chủ. */
.p2sew.p2sew-bank-partnership.p2sew-bank-partnership--carousel {
	border-bottom: 0;
	background: none;
}

.p2sew-bank-partnership.p2sew-bank-partnership--carousel .p2sew-bank-partnership__certs {
	padding-top: 48px;
	padding-bottom: 48px;
}

.p2sew-bank-partnership--carousel .p2sew-bank-partnership__cert-title {
	margin: 0 0 16px;
	color: var(--p2s-product-title);
	font-family: var(--p2s-product-font);
	font-size: 40px;
	font-weight: 700;
	line-height: 1.25;
	text-align: center;
}

.p2sew-bank-partnership--carousel .p2sew-bank-partnership__carousel {
	--p2s-per-view: 2;
	--p2s-gap: 24px;

	padding-bottom: 32px;
}

.p2sew-bank-partnership--carousel .p2sew-carousel__track {
	align-items: flex-start;
}

/* Thẻ (figure hoặc button khi bật hộp thoại) */
.p2sew-bank-partnership--carousel .p2sew-bank-partnership__cert,
.p2sew-bank-partnership--carousel .p2sew-bank-partnership__cert:hover,
.p2sew-bank-partnership--carousel .p2sew-bank-partnership__cert:focus {
	border: 0;
	background-color: #fff;
	color: var(--p2s-product-text);
}

.p2sew-bank-partnership--carousel .p2sew-bank-partnership__cert {
	display: flex;
	flex-direction: column;
	width: 100%;
	margin: 0;
	padding: 0;
	border-radius: 8px;
	box-shadow: 0 4px 30px rgba(46, 45, 116, 0.05);
	font: inherit;
	text-align: center;
	-webkit-appearance: none;
	appearance: none;
}

.p2sew-bank-partnership--carousel .p2sew-bank-partnership__cert--button {
	cursor: zoom-in;
}

.p2sew-bank-partnership--carousel .p2sew-bank-partnership__cert-image {
	display: block;
	max-width: 100%;
	height: auto;
	border: 1px solid rgba(209, 213, 219, 0.5);
	border-radius: 6px;
}

.p2sew-bank-partnership--carousel .p2sew-bank-partnership__cert-figcaption {
	display: block;
}

.p2sew-bank-partnership--carousel .p2sew-bank-partnership__cert-caption {
	display: block;
	margin-top: 2px;
	color: var(--p2s-product-text);
	font-size: 16px;
	line-height: 1.7;
}

/* Nút prev/next kiểu Swiper + chấm: CSS dùng chung trong carousel.css (selector của Bank Partnership giữ nguyên). */

@media (min-width: 768px) {
	:where(:not(.p2sew-rwd-container)) > .p2sew-bank-partnership--carousel .p2sew-bank-partnership__carousel {
		--p2s-per-view: 4;
	}
}

/* container-mode: bản sao tự sinh từ @media phía trên (tools/container-mode.js) */
@container p2sew (min-width: 768px) {
	.p2sew-bank-partnership--carousel .p2sew-bank-partnership__carousel {
		--p2s-per-view: 4;
	}
}

@media (max-width: 1199px) {
	.p2sew-bank-partnership--carousel .p2sew-bank-partnership__cert-title {
		font-size: 36px;
		line-height: 1.3;
	}
}

/* container-mode: bản sao tự sinh từ @media phía trên (tools/container-mode.js) */
@container p2sew (max-width: 1199px) {
	.p2sew-bank-partnership--carousel .p2sew-bank-partnership__cert-title {
		font-size: 36px;
		line-height: 1.3;
	}
}

@media (max-width: 767px) {
	.p2sew-bank-partnership--carousel .p2sew-bank-partnership__cert-title {
		font-size: 34px;
	}
}

/* container-mode: bản sao tự sinh từ @media phía trên (tools/container-mode.js) */
@container p2sew (max-width: 767px) {
	.p2sew-bank-partnership--carousel .p2sew-bank-partnership__cert-title {
		font-size: 34px;
	}
}

@media (max-width: 575px) {
	.p2sew-bank-partnership--carousel .p2sew-bank-partnership__cert-title {
		font-size: 28px;
	}
}

/* container-mode: bản sao tự sinh từ @media phía trên (tools/container-mode.js) */
@container p2sew (max-width: 575px) {
	.p2sew-bank-partnership--carousel .p2sew-bank-partnership__cert-title {
		font-size: 28px;
	}
}