/* ==========================================================================
   Models page grid (Point L/M)
   ==========================================================================

   Migrated out of the Customizer's "Additional CSS" field, which lives only in
   the database: not in git, not deployed by pushing code, and installed only by
   running a per-feature script on each target. That is why five unrelated
   features silently reverted on www.mmspecs.com - the PHP that depends on this
   CSS shipped, and the CSS did not. See CLAUDE.md, "Site CSS lives in git".

   Edit these files, commit, push. There is no install step.
   ========================================================================== */

/* Point L/M - Models page: breathing room + cleaner product grid.
   Scoped to .page-id-2065 only (the /models/ page), so the site's other
   WooCommerce product grids are not affected. The grid itself stays the
   native WooCommerce [products] shortcode output - only spacing and
   typography are adjusted here, no markup changes. */

.page-id-2065 .woocommerce ul.products {
	column-gap: 48px;
	row-gap: 56px;
}

.page-id-2065 .woocommerce ul.products li.product {
	margin-bottom: 0;
}

.page-id-2065 .woocommerce ul.products li.product a img {
	margin-bottom: 22px;
}

.page-id-2065 .woocommerce ul.products li.product .woocommerce-loop-product__title {
	font-size: 1.05em;
	font-weight: 600;
	margin-bottom: 8px;
	letter-spacing: 0.3px;
}

.page-id-2065 .woocommerce ul.products li.product .price {
	font-size: 0.95em;
	color: #555;
	margin-bottom: 0;
}

.page-id-2065 .elementor-element-320d21d {
	padding-top: 10px;
	padding-bottom: 70px;
}

@media (max-width: 767px) {
	.page-id-2065 .woocommerce ul.products {
		column-gap: 24px;
		row-gap: 36px;
	}
}