/*
 * Plugin compatibility only, NOT for theme templates: .grid--auto-1-3, .grid--auto-3-2, .gap--l, .margin-top--m, .ct-div-block.
 * Plugin markup (wooptima modules, product-page code) still prints these Automatic.css / Oxygen classes;
 * these rules reproduce what ACSS and Oxygen computed for them so that markup keeps its layout.
 */

/* ACSS forced display:grid with !important on every grid--auto-* class; kept so plugin rules that set display lose as before. */
.grid--auto-1-3,
.grid--auto-3-2 {
	display: grid !important;
	gap: var(--grid-gap);
	inline-size: 100%;
}

.grid--auto-1-3 {
	grid-template-columns: minmax(0, 1fr) minmax(0, 3fr);
}

.grid--auto-3-2 {
	grid-template-columns: minmax(0, 3fr) minmax(0, 2fr);
}

.grid--auto-1-3 > *,
.grid--auto-3-2 > * {
	min-width: 0;
	max-width: 100%;
	overflow-wrap: break-word;
}

@media (max-width: 1024px) {
	.grid--auto-1-3,
	.grid--auto-3-2 {
		grid-template-columns: minmax(0, 1fr);
	}
}

.gap--l:not(section) {
	--row-gap: var(--space-l);
	--col-gap: var(--space-l);
	--grid-gap: var(--space-l);
	gap: var(--space-l);
}

.margin-top--m {
	margin-block-start: var(--space-m);
}

/* Oxygen div block. */
.ct-div-block {
	display: flex;
	flex-flow: column nowrap;
	align-items: flex-start;
	max-width: 100%;
}