/*!
 * Pay2S Elementor Widgets — Product Solution (".img-box6" + ".checklist.style4" của template trang sản phẩm pay2s.vn)
 * Phụ thuộc: product.css.
 * Số đo /open-api-banking ("Pay2S giúp doanh nghiệp bạn giải quyết bài toán gì?", 26/09/2026):
 *  section padding trên 70 (60 ≤991), không padding dưới · hàng flex căn giữa dọc, gutter 24
 *  cột ảnh 5/12 · cột chữ 7/12 (lề trái 48 ≥1400) từ 992; ≤991 xếp dọc, ảnh trên (cách dưới 30), chữ căn giữa
 *  ảnh 540 (co theo cột), bo 30, căn phải (căn giữa ≤575); cách trên 50 ≤1199
 *  badge: Webhooks dưới-phải (jump-reverse 7s), Tích hợp trên-trái −40px (moving 8s; left 0 ≤991); 130px ≤575;
 *   tắt chuyển động ≤991 · quầng radial-gradient xanh inset −8% −12% −10% −14% (inset 0, nhạt hơn ≤991)
 *  mô tả 16/1.7 margin −9.6px 0 25 · checklist: dòng flex gap 10, 16px 500 #141d38, cách nhau 20, icon 26px,
 *   cách dưới 40 (!important trên site ở mọi độ rộng); ≤991 rộng tối đa 480 căn giữa, chữ trái
 */

.p2sew.p2sew-product-solution {
	padding-top: var(--p2s-product-space);
}

.p2sew-product-solution .p2sew-product-solution__row {
	--p2s-media-width: 41.6667%;

	display: flex;
	flex-wrap: wrap;
	align-items: center;
	margin-right: -12px;
	margin-left: -12px;
}

.p2sew-product-solution .p2sew-product-solution__media,
.p2sew-product-solution .p2sew-product-solution__content {
	flex: 0 0 auto;
	width: 100%;
	min-width: 0;
	max-width: 100%;
	padding-right: 12px;
	padding-left: 12px;
}

.p2sew-product-solution .p2sew-product-solution__media {
	margin-bottom: 30px;
}

.p2sew-product-solution .p2sew-product-solution__content {
	text-align: center;
}

/* Ảnh + badge */
.p2sew-product-solution .p2sew-product-solution__visual {
	position: relative;
	z-index: 2;
	isolation: isolate;
	text-align: right;
}

.p2sew-product-solution .p2sew-product-solution__image {
	position: relative;
	z-index: 1;
	border-radius: 30px;
	text-align: right;
}

.p2sew-product-solution .p2sew-product-solution__image img {
	border-radius: 30px;
}

.p2sew-product-solution .p2sew-product-solution__badge {
	position: absolute;
	z-index: 1;
}

.p2sew-product-solution .p2sew-product-solution__badge--top-left {
	top: 0;
	left: -40px;
}

.p2sew-product-solution .p2sew-product-solution__badge--top-right {
	top: 0;
	right: 0;
}

.p2sew-product-solution .p2sew-product-solution__badge--bottom-left {
	bottom: 0;
	left: 0;
}

.p2sew-product-solution .p2sew-product-solution__badge--bottom-right {
	right: 0;
	bottom: 0;
}

.p2sew-product-solution.p2sew-product-solution--animated .p2sew-product-solution__badge--moving {
	animation: p2sew-moving 8s linear infinite;
}

.p2sew-product-solution.p2sew-product-solution--animated .p2sew-product-solution__badge--jump {
	animation: p2sew-jump 7s linear infinite;
}

.p2sew-product-solution.p2sew-product-solution--animated .p2sew-product-solution__badge--jump-reverse {
	animation: p2sew-jump-reverse 7s linear infinite;
}

.p2sew-product-solution .p2sew-product-solution__glow {
	position: absolute;
	inset: -8% -12% -10% -14%;
	z-index: 0;
	border-radius: 50%;
	background: radial-gradient(circle at 46% 52%, rgba(86, 194, 112, 0.22), rgba(126, 211, 143, 0.11) 38%, rgba(255, 255, 255, 0) 72%);
	pointer-events: none;
	contain: strict;
}

/* Nội dung */
.p2sew-product-solution .p2sew-product-solution__text {
	margin: -9.6px 0 25px;
	color: var(--p2s-product-text);
	font-size: 16px;
	line-height: 1.7;
}

.p2sew-product-solution .p2sew-product-solution__list {
	--p2s-list-gap: 20px;

	margin: 0 0 40px;
	padding: 0;
	list-style: none;
	text-align: left;
}

.p2sew-product-solution .p2sew-product-solution__item {
	position: relative;
	display: flex;
	align-items: center;
	gap: 10px;
	color: #141d38;
	font-size: 16px;
	font-weight: 500;
	line-height: 1.7;
}

.p2sew-product-solution .p2sew-product-solution__item:not(:last-child) {
	margin-bottom: var(--p2s-list-gap);
}

.p2sew-product-solution .p2sew-product-solution__item img {
	display: block;
	flex-shrink: 0;
	max-width: 26px;
	height: auto;
}

.p2sew-product-solution .p2sew-product-solution__item-text {
	display: block;
}

@media (min-width: 992px) {
	:where(:not(.p2sew-rwd-container)) > .p2sew-product-solution .p2sew-product-solution__media {
		width: var(--p2s-media-width);
		margin-bottom: 0;
	}

	:where(:not(.p2sew-rwd-container)) > .p2sew-product-solution .p2sew-product-solution__content {
		width: calc(100% - var(--p2s-media-width));
		text-align: left;
	}

	:where(:not(.p2sew-rwd-container)) > .p2sew-product-solution.p2sew-product-solution--image-right .p2sew-product-solution__media {
		order: 2;
	}
}

/* container-mode: bản sao tự sinh từ @media phía trên (tools/container-mode.js) */
@container p2sew (min-width: 992px) {
	.p2sew-product-solution .p2sew-product-solution__media {
		width: var(--p2s-media-width);
		margin-bottom: 0;
	}

	.p2sew-product-solution .p2sew-product-solution__content {
		width: calc(100% - var(--p2s-media-width));
		text-align: left;
	}

	.p2sew-product-solution.p2sew-product-solution--image-right .p2sew-product-solution__media {
		order: 2;
	}
}

@media (min-width: 1400px) {
	:where(:not(.p2sew-rwd-container)) > .p2sew-product-solution .p2sew-product-solution__inner {
		padding-left: 48px;
	}

	:where(:not(.p2sew-rwd-container)) > .p2sew-product-solution.p2sew-product-solution--image-right .p2sew-product-solution__inner {
		padding-right: 48px;
		padding-left: 0;
	}
}

/* container-mode: bản sao tự sinh từ @media phía trên (tools/container-mode.js) */
@container p2sew (min-width: 1400px) {
	.p2sew-product-solution .p2sew-product-solution__inner {
		padding-left: 48px;
	}

	.p2sew-product-solution.p2sew-product-solution--image-right .p2sew-product-solution__inner {
		padding-right: 48px;
		padding-left: 0;
	}
}

@media (max-width: 1199px) {
	.p2sew-product-solution .p2sew-product-solution__image {
		margin-top: 50px;
	}
}

/* container-mode: bản sao tự sinh từ @media phía trên (tools/container-mode.js) */
@container p2sew (max-width: 1199px) {
	.p2sew-product-solution .p2sew-product-solution__image {
		margin-top: 50px;
	}
}

@media (max-width: 991px) {
	.p2sew-product-solution .p2sew-product-solution__badge--top-left {
		left: 0;
	}

	.p2sew-product-solution.p2sew-product-solution--animated .p2sew-product-solution__badge {
		animation: none;
		transform: none;
	}

	.p2sew-product-solution .p2sew-product-solution__glow {
		inset: 0;
		background: radial-gradient(circle, rgba(86, 194, 112, 0.16), rgba(255, 255, 255, 0) 68%);
	}

	.p2sew-product-solution .p2sew-product-solution__list {
		max-width: 480px;
		margin-right: auto;
		margin-left: auto;
	}
}

/* container-mode: bản sao tự sinh từ @media phía trên (tools/container-mode.js) */
@container p2sew (max-width: 991px) {
	.p2sew-product-solution .p2sew-product-solution__badge--top-left {
		left: 0;
	}

	.p2sew-product-solution.p2sew-product-solution--animated .p2sew-product-solution__badge {
		animation: none;
		transform: none;
	}

	.p2sew-product-solution .p2sew-product-solution__glow {
		inset: 0;
		background: radial-gradient(circle, rgba(86, 194, 112, 0.16), rgba(255, 255, 255, 0) 68%);
	}

	.p2sew-product-solution .p2sew-product-solution__list {
		max-width: 480px;
		margin-right: auto;
		margin-left: auto;
	}
}

@media (max-width: 575px) {
	.p2sew-product-solution .p2sew-product-solution__image {
		text-align: center;
	}

	.p2sew-product-solution .p2sew-product-solution__badge {
		max-width: 130px;
	}
}

/* container-mode: bản sao tự sinh từ @media phía trên (tools/container-mode.js) */
@container p2sew (max-width: 575px) {
	.p2sew-product-solution .p2sew-product-solution__image {
		text-align: center;
	}

	.p2sew-product-solution .p2sew-product-solution__badge {
		max-width: 130px;
	}
}