/*!
 * Pay2S Elementor Widgets — Features
 * Số đo pay2s.vn (#features):
 *  lưới repeat(4, 1fr) 1.15fr, gap 18 (≤1100: 4 cột + khối mô hình cả hàng · ≤800: 2 cột, gap 12)
 *  thẻ: padding 25/20/20 (≤800: 20/16), viền #e9efec, bo 17, hover nâng 5px + bóng
 *  tiêu đề 17px (≤1100: 15px) · mô tả 14px/1.65 (≤1100: 12px) · icon 49×49, 29px
 *  khối mô hình: padding 23/19, bo 17 · thanh cam kết: padding 20/24, bo 9, dòng phụ ẩn ở ≤1100
 */

.p2sew.p2sew-features {
	scroll-margin-top: 25px;
}

.p2sew-features .p2sew-features__grid {
	display: grid;
	grid-template-columns: repeat(4, 1fr) 1.15fr;
	gap: 18px;
}

.p2sew-features .p2sew-features__card {
	position: relative;
	padding: 25px 20px 20px;
	border: 1px solid #e9efec;
	border-radius: 17px;
	background: linear-gradient(135deg, #fff, rgba(255, 255, 255, 0.71));
	box-shadow: 0 3px 17px rgba(20, 73, 49, 0.027);
	transition: transform 0.2s, box-shadow 0.2s;
}

.p2sew-features .p2sew-features__card:hover {
	box-shadow: 0 18px 32px rgba(18, 61, 38, 0.063);
	transform: translateY(var(--p2s-card-lift, -5px));
}

.p2sew-features .p2sew-features__icon {
	width: 49px;
	height: 49px;
	font-size: 29px;
}

.p2sew-features .p2sew-features__title {
	margin: 16px 0 10px;
	font-size: 17px;
	letter-spacing: -0.5px;
}

.p2sew-features .p2sew-features__text {
	font-size: 14px;
	line-height: 1.65;
}

.p2sew-features .p2sew-features__link,
.p2sew-features .p2sew-features__link:hover,
.p2sew-features .p2sew-features__link:focus {
	color: #4b9972;
	text-decoration: none;
}

.p2sew-features .p2sew-features__link {
	display: block;
	margin-top: 12px;
}

.p2sew-features .p2sew-features__badge {
	position: absolute;
	top: 25px;
	right: 20px;
	padding: 3px 11px;
	border-radius: 20px;
	background: #fff0ee;
	color: #e84b43;
	font-size: 11px;
}

/* Khối "Dành cho mọi mô hình" */
.p2sew-features .p2sew-features__fit {
	padding: 23px 19px;
	border-radius: 17px;
	background: linear-gradient(130deg, #ddf5e8, #f0fbf6);
}

.p2sew-features .p2sew-features__fit-label {
	padding: 5px 10px;
	border-radius: 20px;
	background: #087b4b;
	color: #fff;
	font-size: 10px;
}

.p2sew-features .p2sew-features__fit-item {
	display: flex;
	align-items: center;
	gap: 9px;
	margin-top: 17px;
	color: #5c7a69;
	font-size: 12px;
}

.p2sew-features .p2sew-features__fit-item .p2sew-icon {
	color: #148957;
	font-size: 17px;
}

/* Thanh cam kết */
.p2sew-features .p2sew-features__trust {
	display: flex;
	align-items: center;
	gap: 15px;
	margin-top: 23px;
	padding: 20px 24px;
	border-radius: 9px;
	background: linear-gradient(120deg, #f1f7f4, #f8faf9);
	font-size: 12px;
}

.p2sew-features .p2sew-features__trust-icon {
	color: #278f5e;
	font-size: 27px;
}

.p2sew-features .p2sew-features__trust-title {
	font-size: 14px;
	font-weight: 700;
}

.p2sew-features .p2sew-features__trust-text {
	margin-left: auto;
	color: #8a9a91;
	font-size: 11px;
}

@media (max-width: 1100px) {
	.p2sew-features .p2sew-features__grid {
		grid-template-columns: repeat(4, 1fr);
	}

	.p2sew-features .p2sew-features__title {
		font-size: 15px;
	}

	.p2sew-features .p2sew-features__text {
		font-size: 12px;
	}

	.p2sew-features .p2sew-features__fit {
		display: flex;
		grid-column: 1 / -1;
		align-items: center;
		gap: 25px;
	}

	.p2sew-features .p2sew-features__fit-item {
		margin: 0;
	}

	.p2sew-features .p2sew-features__trust-text {
		display: none;
	}
}

/* container-mode: bản sao tự sinh từ @media phía trên (tools/container-mode.js) */
@container p2sew (max-width: 1100px) {
	.p2sew-features .p2sew-features__grid {
		grid-template-columns: repeat(4, 1fr);
	}

	.p2sew-features .p2sew-features__title {
		font-size: 15px;
	}

	.p2sew-features .p2sew-features__text {
		font-size: 12px;
	}

	.p2sew-features .p2sew-features__fit {
		display: flex;
		grid-column: 1 / -1;
		align-items: center;
		gap: 25px;
	}

	.p2sew-features .p2sew-features__fit-item {
		margin: 0;
	}

	.p2sew-features .p2sew-features__trust-text {
		display: none;
	}
}

@media (max-width: 800px) {
	.p2sew-features .p2sew-features__grid {
		grid-template-columns: repeat(2, 1fr);
		gap: 12px;
	}

	.p2sew-features .p2sew-features__card {
		padding: 20px 16px;
	}

	.p2sew-features .p2sew-features__fit {
		display: grid;
		grid-template-columns: 1fr 1fr;
		gap: 15px;
	}

	.p2sew-features .p2sew-features__fit-label {
		grid-column: 1 / -1;
		width: fit-content;
	}
}

/* container-mode: bản sao tự sinh từ @media phía trên (tools/container-mode.js) */
@container p2sew (max-width: 800px) {
	.p2sew-features .p2sew-features__grid {
		grid-template-columns: repeat(2, 1fr);
		gap: 12px;
	}

	.p2sew-features .p2sew-features__card {
		padding: 20px 16px;
	}

	.p2sew-features .p2sew-features__fit {
		display: grid;
		grid-template-columns: 1fr 1fr;
		gap: 15px;
	}

	.p2sew-features .p2sew-features__fit-label {
		grid-column: 1 / -1;
		width: fit-content;
	}
}

@media (max-width: 480px) {
	.p2sew-features .p2sew-features__badge {
		top: 23px;
		right: 10px;
		padding: 2px 7px;
		font-size: 9px;
	}

	.p2sew-features .p2sew-features__fit {
		gap: 14px;
	}

	.p2sew-features .p2sew-features__trust {
		font-size: 11px;
	}

	.p2sew-features .p2sew-features__trust-title {
		font-size: 11px;
	}
}

/* container-mode: bản sao tự sinh từ @media phía trên (tools/container-mode.js) */
@container p2sew (max-width: 480px) {
	.p2sew-features .p2sew-features__badge {
		top: 23px;
		right: 10px;
		padding: 2px 7px;
		font-size: 9px;
	}

	.p2sew-features .p2sew-features__fit {
		gap: 14px;
	}

	.p2sew-features .p2sew-features__trust {
		font-size: 11px;
	}

	.p2sew-features .p2sew-features__trust-title {
		font-size: 11px;
	}
}