/* MY2LK inner-page containment.
 * WooCommerce/template code now prints a stable .my2lk-frame around the real
 * commerce content. Keep this file deliberately small so Avada layout markup
 * cannot create competing width systems again.
 */

.my2lk-frame {
	box-sizing: border-box;
	width: min(1180px, calc(100% - 48px));
	max-width: 1180px;
	margin-inline: auto;
}

/* Give WooCommerce inner pages consistent breathing room without changing the
 * approved full-bleed homepage, contact page, sourcing page, header or footer. */
.my2lk-frame--woocommerce,
.my2lk-frame--woocommerce-page {
	padding-block: 40px 60px;
}

@media (max-width: 980px) {
	.my2lk-frame {
		width: min(1180px, calc(100% - 40px));
	}
	.my2lk-frame--woocommerce,
	.my2lk-frame--woocommerce-page {
		padding-block: 32px 48px;
	}
}

@media (max-width: 640px) {
	.my2lk-frame {
		width: min(1180px, calc(100% - 24px));
	}
	.my2lk-frame--woocommerce,
	.my2lk-frame--woocommerce-page {
		padding-block: 24px 40px;
	}
}