/**
 * Code Visual Builder - Frontend Output Styles
 */
.cvb-rendered-container {
	position: relative;
	box-sizing: border-box;
	width: 100%;
}

.cvb-rendered-container *,
.cvb-rendered-container *::before,
.cvb-rendered-container *::after {
	box-sizing: border-box;
}

.cvb-content-wrap {
	width: 100%;
}

/* Built-in Container Grid Helpers */
.cvb-container {
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	position: relative;
}

.cvb-grid-2 {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 24px;
	width: 100%;
}

.cvb-grid-3 {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 24px;
	width: 100%;
}

@media (max-width: 768px) {
	.cvb-grid-2,
	.cvb-grid-3 {
		grid-template-columns: 1fr;
		gap: 16px;
	}
}