/*!
 * Pay2S Elementor Widgets — Bank Logos
 * Số đo pay2s.vn (.hp-bank-strip):
 *  padding-top 12 · hàng logo padding 12/0/25, gap 12, dàn đều
 *  ô logo: flex 1, padding 14/12 (≤1100: 10/8), viền #e4eee9, bo 12, logo 95×25 contain
 *  ≤800: 4 ô/hàng (25% − 9px), gap 9, căn giữa · ≤480: 3 ô/hàng
 */

.p2sew-bank-logos .p2sew-bank-logos__inner {
	padding-top: 12px;
}

.p2sew-bank-logos .p2sew-bank-logos__list {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
	padding: 12px 0 25px;
}

.p2sew-bank-logos .p2sew-bank-logos__tile {
	display: flex;
	flex: 1 1 0%;
	align-items: center;
	justify-content: center;
	min-width: 0;
	padding: 14px 12px;
	border: 1px solid #e4eee9;
	border-radius: 12px;
	background: rgba(255, 255, 255, 0.79);
	box-shadow: 0 3px 12px rgba(35, 94, 56, 0.01);
}

.p2sew-bank-logos .p2sew-bank-logos__tile img {
	width: 100%;
	max-width: 95px;
	height: 25px;
	object-fit: contain;
}

.p2sew-bank-logos .p2sew-bank-logos__more,
.p2sew-bank-logos .p2sew-bank-logos__more:hover,
.p2sew-bank-logos .p2sew-bank-logos__more:focus {
	color: #889a90;
	text-decoration: none;
}

.p2sew-bank-logos .p2sew-bank-logos__more {
	display: flex;
	align-items: center;
	gap: 5px;
	padding: 14px;
	border: 1px solid #e4eee9;
	border-radius: 12px;
	background: rgba(255, 255, 255, 0.6);
	font-size: 11px;
	white-space: nowrap;
}

@media (max-width: 1100px) {
	.p2sew-bank-logos .p2sew-bank-logos__list {
		flex-wrap: wrap;
	}

	.p2sew-bank-logos .p2sew-bank-logos__tile {
		padding: 10px 8px;
	}
}

/* container-mode: bản sao tự sinh từ @media phía trên (tools/container-mode.js) */
@container p2sew (max-width: 1100px) {
	.p2sew-bank-logos .p2sew-bank-logos__list {
		flex-wrap: wrap;
	}

	.p2sew-bank-logos .p2sew-bank-logos__tile {
		padding: 10px 8px;
	}
}

@media (max-width: 800px) {
	.p2sew-bank-logos .p2sew-bank-logos__list {
		justify-content: center;
		gap: 9px;
	}

	.p2sew-bank-logos .p2sew-bank-logos__tile {
		flex: 0 0 calc(25% - 9px);
	}

	.p2sew-bank-logos .p2sew-bank-logos__more {
		flex: 0 0 calc(25% - 9px);
		justify-content: center;
		padding: 10px 5px;
		font-size: 10px;
	}
}

/* container-mode: bản sao tự sinh từ @media phía trên (tools/container-mode.js) */
@container p2sew (max-width: 800px) {
	.p2sew-bank-logos .p2sew-bank-logos__list {
		justify-content: center;
		gap: 9px;
	}

	.p2sew-bank-logos .p2sew-bank-logos__tile {
		flex: 0 0 calc(25% - 9px);
	}

	.p2sew-bank-logos .p2sew-bank-logos__more {
		flex: 0 0 calc(25% - 9px);
		justify-content: center;
		padding: 10px 5px;
		font-size: 10px;
	}
}

@media (max-width: 480px) {
	.p2sew-bank-logos .p2sew-bank-logos__tile,
	.p2sew-bank-logos .p2sew-bank-logos__more {
		flex-basis: calc(33.333% - 9px);
	}
}

/* container-mode: bản sao tự sinh từ @media phía trên (tools/container-mode.js) */
@container p2sew (max-width: 480px) {
	.p2sew-bank-logos .p2sew-bank-logos__tile,
	.p2sew-bank-logos .p2sew-bank-logos__more {
		flex-basis: calc(33.333% - 9px);
	}
}