/**
 * Product-card thumbnail breathing room.
 *
 * The product-card images already use object-fit:contain (no CSS cropping), so
 * nothing is being cut off. The "excessively zoomed" look on the single-nut
 * photos (Premium Cashews, Premium California Almonds, Premium Pistachios) comes
 * from the SOURCE images themselves being tight close-ups that fill the frame
 * edge to edge. We cannot add margins the source photo does not have without
 * replacing the photo, so instead we give every card thumbnail a consistent
 * internal padding: the existing image is shown slightly smaller with even
 * whitespace around it, which reads as a contained product rather than a
 * zoomed-in crop. Jar/scene photos keep a clean margin too, so the grid stays
 * visually consistent. Scoped to listing cards (ul.products) — the single
 * product gallery is untouched.
 *
 * NOTE: this is a container-level mitigation. The permanent fix for the tight
 * nut photos is replacement source images with built-in margins (owner to
 * supply/approve — no attachment is modified here).
 */
ul.products li.product img.attachment-woocommerce_thumbnail,
ul.products li.product a.woocommerce-LoopProduct-link img {
	padding: 10%;
	box-sizing: border-box;
}