.ppe-pricing-wrap {
	width: 100%;
}

.ppe-pricing-title {
	text-align: center;
}

.ppe-pricing-columns {
	display: flex;
	flex-wrap: wrap;
	align-items: flex-start;
	justify-content: center;
	width: 100%;
	max-width: 100%;
}

.ppe-pricing-card {
	flex: 1 1 0;
	min-width: 0;
	display: flex;
	flex-direction: column;
	overflow: hidden;
	box-sizing: border-box;
	max-width: 100%;
}

.ppe-pricing-card * {
	box-sizing: border-box;
}

.ppe-card-header {
	text-align: center;
}

.ppe-card-badge {
	display: block;
}

.ppe-card-price-wrap {
	text-align: center;
}

.ppe-card-note {
	text-align: center;
}

.ppe-card-divider {
	width: 100%;
}

.ppe-card-features {
	list-style: none;
	margin: 0;
	padding: 0;
	flex-grow: 1;
}

.ppe-card-features li {
	display: block;
	text-align: center;
}

.ppe-feature-icon {
	display: inline-block;
}

.ppe-card-button-wrap {
	text-align: center;
}

.ppe-card-button {
	display: inline-block;
	text-decoration: none;
	cursor: pointer;
}

.ppe-pricing-footnote {
	text-align: center;
}

/* Column widths per breakpoint are handled natively by the widget's
   "Column Width" responsive control in Elementor Style tab (Cards - Layout),
   so no hardcoded media queries are needed here. */