/*
 * Single product page.
 *
 * The page itself is the ametica product page (.amtc-npp, styled by assets/product-page/css/).
 * This file only makes the theme's global primitives render that markup exactly as the
 * Oxygen site did (the WooCommerce globals: components/woocommerce-legacy.css).
 */

/* ---- Layout primitives ----
 * layout.css turns every .container and section into a flex box. On Oxygen the product
 * page containers were plain blocks, and only a section's direct div was a flex column.
 * :where() keeps these resets below the product page's own (.amtc-npp .x) rules.
 */
.amtc-npp :where(div.container) {
	display: block;
	height: auto;
	justify-content: normal;
	align-items: normal;
}

.amtc-npp :where(section > .container) {
	display: flex;
	align-items: flex-start;
}

.amtc-npp :where(section) {
	display: block;
}

/* Oxygen zeroed the block padding of top-level sections; the inline padding comes from .container. */
.amtc-npp section.section {
	padding: 0;
}