/*
 * The field the catalogue stands on.
 *
 * Reference: averixlabs.com/all-products, measured 2026-09-25. Their cards are not white on white -
 * the section under them is a cool light ground with a haze in the top left corner and a glow in the
 * bottom right, and the cards themselves are translucent white over it. On our flat white page the
 * same cards had nothing to sit on, so the grid read as text on paper.
 *
 * Only the catalogue and the search results get it. The reading pages stay white: a legal page on a
 * tinted ground looks like a form to fill in.
 */

body.post-type-archive-product .site-main,
body.woocommerce-shop .site-main,
body.search-results .site-main {
	background:
		radial-gradient(45% 55% at 12% 20%, rgb(var(--akem-tint) / 14%) 0%, rgb(var(--akem-tint) / 0%) 70%),
		radial-gradient(40% 50% at 90% 90%, rgb(255 255 255 / 60%) 0%, rgb(255 255 255 / 0%) 70%),
		linear-gradient(160deg, var(--akem-field) 0%, var(--akem-field-deep) 100%);
	/* A panel, not a stripe: the reference rounds the whole ground by 40 and lets the white page
	   show past its corners. */
	border-radius: var(--akem-radius-panel);
	padding-block: var(--akem-space-5) var(--akem-space-6);
}