/*
Theme Name: Divi Child
Theme URI: http://www.elegantthemes.com/gallery/divi/
Template: Divi
Author: Elegant Themes
Author URI: http://www.elegantthemes.com
Description: Smart. Flexible. Beautiful. Divi is the most powerful theme in our collection.
Version: 5.6.0.1785276612
Updated: 2026-07-28 21:17:33

*/


/* Show full product photos (uncropped) in product grids while keeping image boxes a uniform size for alignment */
.woocommerce ul.products li.product .et_shop_image {
	display: flex;
	align-items: center;
	justify-content: center;
	position: relative;
	height: 300px;
	box-sizing: border-box;
	padding: 14px;
	overflow: hidden;
	background-color: #ffffff;
	margin: 0 0 1em;
}

.woocommerce ul.products li.product .et_shop_image img {
	width: 100% !important;
	height: 100% !important;
	max-width: 100%;
	max-height: 100%;
	margin: 0;
	object-fit: contain !important;
	object-position: center;
}

/* Align product titles and prices within each grid row: use CSS Grid so every row's height matches only its own tallest title (short titles in a row of short titles stay compact; a long title only affects its own row) */
@media (min-width: 768px) {
	.woocommerce ul.products {
		display: grid;
		grid-template-columns: repeat(4, 1fr);
		column-gap: 2%;
		align-items: stretch;
	}

	.woocommerce ul.products::before,
	.woocommerce ul.products::after {
		display: none !important;
	}
	.woocommerce ul.products.columns-1 { grid-template-columns: repeat(1, 1fr); }
	.woocommerce ul.products.columns-2 { grid-template-columns: repeat(2, 1fr); }
	.woocommerce ul.products.columns-3 { grid-template-columns: repeat(3, 1fr); }
	.woocommerce ul.products.columns-4 { grid-template-columns: repeat(4, 1fr); }
	.woocommerce ul.products.columns-5 { grid-template-columns: repeat(5, 1fr); }
	.woocommerce ul.products.columns-6 { grid-template-columns: repeat(6, 1fr); }

	.woocommerce ul.products li.product {
		width: auto !important;
		margin-right: 0 !important;
		float: none !important;
	}
}

.woocommerce ul.products li.product a.woocommerce-loop-product__link {
	display: flex;
	flex-direction: column;
	height: 100%;
}

.woocommerce ul.products li.product .woocommerce-loop-product__title {
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
	line-clamp: 3;
	max-height: 5.5em; /* hard clip at exactly 3 lines (box-sizing:border-box includes the base .5em top+bottom padding) so overflow never shows a partial cut-off line */
	overflow: hidden;
}

.woocommerce ul.products li.product .price {
	margin-top: auto !important;
}