/* ==========================================================================
   Custom styles for Seraphina Child
   ========================================================================== */

/* Product Category List (custom class "lover-category-gallery"):
   make every category image fill its cell uniformly. */
.lover-category-gallery .qodef-e-inner > a {
	display: block;
}

.lover-category-gallery .qodef-list-image {
	display: block;
	width: 100%;
	height: 100%;
	aspect-ratio: 1 / 1;
	object-fit: cover;
	object-position: center;
}

/* Single product: shrink the gallery (left) and widen the summary (right).
   Theme default is 52.1% / 48%; fr units keep the 85px grid gap intact.
   Desktop only — below 1200px the theme stacks to a single column. */
@media only screen and (min-width: 1201px) {
	#qodef-woo-page.qodef--single .qodef-woo-single-inner {
		grid-template-columns: 42fr 58fr;
	}
}