/*!
 * Pay2S Elementor Widgets — Product Benefits (".feature-card" của template trang sản phẩm pay2s.vn)
 * Phụ thuộc: product.css.
 * Số đo /open-api-banking (26/09/2026):
 *  section: không padding trên, dưới 70 (60 ≤991) · lưới Bootstrap col-xl-4 col-md-6 gutter 24, căn giữa
 *   → 3 cột ≥1200 · 2 cột ≥768 (thẻ lẻ nằm giữa) · 1 cột; hàng cách 24 (40 ≤575: gutter 24 + row-gap 16)
 *  thẻ: căn giữa, viền 2px #d9e0f3, bo 10, padding 40/12 (24/16 ≤575), cao theo nội dung
 *  icon 120×115 (90×86 ≤575), cách dưới 30 (16 ≤575), bóng drop-shadow(0 10 30 rgba(8,14,28,.06)),
 *   nền blob trắng (clip-path path của site, ở đây dùng mask SVG cùng path để co giãn theo ô); ≤991: nền tròn, không bóng
 *   ảnh rộng 120 (90 ≤575, object-fit contain), cao tự động, căn giữa dòng 115px
 *  tiêu đề 24px/1.417 700 #0d2719, margin −.32em 0 15 (line-height 1.3, cách dưới 8 ≤575)
 *  mô tả 16/1.7 #4b5563, max 315, margin 0 auto −.5em (15px/1.55, margin dưới 0 ≤575)
 */

.p2sew.p2sew-product-benefits {
	padding-bottom: var(--p2s-product-space);
}

.p2sew-product-benefits .p2sew-product-benefits__grid {
	--p2s-columns: 1;
	--p2s-gap-x: 24px;
	--p2s-gap-y: 24px;

	display: flex;
	flex-wrap: wrap;
	align-items: flex-start;
	justify-content: center;
	gap: var(--p2s-gap-y) var(--p2s-gap-x);
}

.p2sew-product-benefits.p2sew-product-benefits--equal .p2sew-product-benefits__grid {
	align-items: stretch;
}

/* Thẻ */
.p2sew-product-benefits .p2sew-product-benefits__card {
	flex: 0 0 calc((100% - (var(--p2s-columns) - 1) * var(--p2s-gap-x)) / var(--p2s-columns));
	min-width: 0;
	padding: 40px 12px;
	border: 2px solid #d9e0f3;
	border-radius: 10px;
	text-align: center;
	transition: transform 0.3s, border-color 0.3s, box-shadow 0.3s;
}

.p2sew-product-benefits .p2sew-product-benefits__card:hover {
	transform: translateY(var(--p2s-card-lift, 0));
}

/* Icon */
.p2sew-product-benefits .p2sew-product-benefits__icon {
	--p2s-icon-bg: #fff;
	--p2s-icon-size: 48px;

	position: relative;
	z-index: 2;
	width: 120px;
	height: 115px;
	margin: 0 auto 30px;
	color: var(--p2s-product-primary);
	line-height: 115px;
	text-align: center;
	filter: drop-shadow(0 10px 30px rgba(8, 14, 28, 0.06));
}

.p2sew-product-benefits .p2sew-product-benefits__icon::before {
	content: "";
	position: absolute;
	inset: 0;
	z-index: -1;
	background-color: var(--p2s-icon-bg);
	transition: 0.4s ease-in-out;
}

/* Blob của site: path(M 6.35418 25.7699 C … Z) trong ô 120×115 — mask SVG cùng toạ độ, co giãn theo ô. */
.p2sew-product-benefits.p2sew-product-benefits--icon-blob .p2sew-product-benefits__icon::before {
	-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 120 115' preserveAspectRatio='none'%3E%3Cpath d='M6.35418 25.7699C-3.10248 43.0115-1.601 65.2669 8.18807 82.317C21.8699 106.149 51.9755 119.386 78.1565 111.915C104.338 104.443 123.425 76.1006 119.484 48.8163C112.307-0.867846 31.1988-19.5262 6.35418 25.7699Z'/%3E%3C/svg%3E");
	mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 120 115' preserveAspectRatio='none'%3E%3Cpath d='M6.35418 25.7699C-3.10248 43.0115-1.601 65.2669 8.18807 82.317C21.8699 106.149 51.9755 119.386 78.1565 111.915C104.338 104.443 123.425 76.1006 119.484 48.8163C112.307-0.867846 31.1988-19.5262 6.35418 25.7699Z'/%3E%3C/svg%3E");
	-webkit-mask-repeat: no-repeat;
	mask-repeat: no-repeat;
	-webkit-mask-size: 100% 100%;
	mask-size: 100% 100%;
}

.p2sew-product-benefits.p2sew-product-benefits--icon-circle .p2sew-product-benefits__icon::before {
	border-radius: 50%;
}

.p2sew-product-benefits.p2sew-product-benefits--icon-none .p2sew-product-benefits__icon {
	filter: none;
}

.p2sew-product-benefits.p2sew-product-benefits--icon-none .p2sew-product-benefits__icon::before {
	content: none;
}

.p2sew-product-benefits .p2sew-product-benefits__icon img {
	width: 120px;
	max-width: 100%;
	height: auto;
}

/* Icon thư viện Elementor: cỡ riêng, không đổi font-size của ô (giữ vị trí "middle" của ảnh như site). */
.p2sew-product-benefits .p2sew-product-benefits__icon :is(i, svg) {
	font-size: var(--p2s-icon-size);
	vertical-align: middle;
}

.p2sew-product-benefits .p2sew-product-benefits__icon svg {
	width: 1em;
	height: 1em;
	fill: currentColor;
}

/* Chữ */
.p2sew-product-benefits .p2sew-product-benefits__title {
	margin: -0.32em 0 15px;
	color: var(--p2s-product-title);
	font-family: var(--p2s-product-font);
	font-size: 24px;
	font-weight: 700;
	line-height: 1.417;
}

.p2sew-product-benefits .p2sew-product-benefits__text {
	max-width: 315px;
	margin: 0 auto -0.5em;
	color: var(--p2s-product-text);
	font-size: 16px;
	line-height: 1.7;
}

@media (min-width: 768px) {
	:where(:not(.p2sew-rwd-container)) > .p2sew-product-benefits .p2sew-product-benefits__grid {
		--p2s-columns: 2;
	}
}

/* container-mode: bản sao tự sinh từ @media phía trên (tools/container-mode.js) */
@container p2sew (min-width: 768px) {
	.p2sew-product-benefits .p2sew-product-benefits__grid {
		--p2s-columns: 2;
	}
}

@media (min-width: 1200px) {
	:where(:not(.p2sew-rwd-container)) > .p2sew-product-benefits .p2sew-product-benefits__grid {
		--p2s-columns: 3;
	}
}

/* container-mode: bản sao tự sinh từ @media phía trên (tools/container-mode.js) */
@container p2sew (min-width: 1200px) {
	.p2sew-product-benefits .p2sew-product-benefits__grid {
		--p2s-columns: 3;
	}
}

@media (max-width: 991px) {
	.p2sew-product-benefits .p2sew-product-benefits__icon {
		filter: none;
	}

	.p2sew-product-benefits.p2sew-product-benefits--icon-blob .p2sew-product-benefits__icon::before {
		border-radius: 50%;
		-webkit-mask-image: none;
		mask-image: none;
	}
}

/* container-mode: bản sao tự sinh từ @media phía trên (tools/container-mode.js) */
@container p2sew (max-width: 991px) {
	.p2sew-product-benefits .p2sew-product-benefits__icon {
		filter: none;
	}

	.p2sew-product-benefits.p2sew-product-benefits--icon-blob .p2sew-product-benefits__icon::before {
		border-radius: 50%;
		-webkit-mask-image: none;
		mask-image: none;
	}
}

@media (max-width: 575px) {
	.p2sew-product-benefits .p2sew-product-benefits__grid {
		--p2s-gap-y: 40px;
	}

	.p2sew-product-benefits .p2sew-product-benefits__card {
		padding: 24px 16px;
	}

	.p2sew-product-benefits .p2sew-product-benefits__icon {
		width: 90px;
		height: 86px;
		margin-bottom: 16px;
		line-height: 86px;
	}

	.p2sew-product-benefits .p2sew-product-benefits__icon img {
		width: 90px;
		height: 86px;
		object-fit: contain;
	}

	.p2sew-product-benefits .p2sew-product-benefits__title {
		margin-bottom: 8px;
		line-height: 1.3;
	}

	.p2sew-product-benefits .p2sew-product-benefits__text {
		margin-bottom: 0;
		font-size: 15px;
		line-height: 1.55;
	}
}

/* container-mode: bản sao tự sinh từ @media phía trên (tools/container-mode.js) */
@container p2sew (max-width: 575px) {
	.p2sew-product-benefits .p2sew-product-benefits__grid {
		--p2s-gap-y: 40px;
	}

	.p2sew-product-benefits .p2sew-product-benefits__card {
		padding: 24px 16px;
	}

	.p2sew-product-benefits .p2sew-product-benefits__icon {
		width: 90px;
		height: 86px;
		margin-bottom: 16px;
		line-height: 86px;
	}

	.p2sew-product-benefits .p2sew-product-benefits__icon img {
		width: 90px;
		height: 86px;
		object-fit: contain;
	}

	.p2sew-product-benefits .p2sew-product-benefits__title {
		margin-bottom: 8px;
		line-height: 1.3;
	}

	.p2sew-product-benefits .p2sew-product-benefits__text {
		margin-bottom: 0;
		font-size: 15px;
		line-height: 1.55;
	}
}