/* Product listing: responsive grid matching production (no tables) */
/* Override store.css .desc-prod-listing { position:absolute; top:150px } — breaks grid layout */
#productsListing .desc-prod-listing,
#indexProductList .desc-prod-listing,
#advancedSearchResultDefault .desc-prod-listing {
	position: static;
	top: auto;
	width: 100%;
}
#productsListing .fest-product-grid {
	margin-left: 0;
	margin-right: 0;
	width: 100%;
	clear: both;
}
#productsListing-topRow,
#productsListing-bottomRow {
	clear: both;
	position: relative;
	z-index: 2;
	width: 100%;
}
#productsListing-bottomRow {
	margin-top: 1rem;
	margin-bottom: 0.5rem;
}
#productsListing .card.mb-3 {
	clear: both;
}
#productsListing .fest-product-grid-cell {
	padding: 0;
}
#productsListing .centerBoxContentsListing,
#productsListing .centerBoxContentsProducts {
	width: 100%;
	height: 100%;
	display: block;
	position: relative;
	border: 0;
	border-radius: 0;
	margin: 0;
	padding: 0.75rem 0.5rem;
	box-shadow: none;
	background: #fff;
}
/* Grid lines come from store.css ::before (horizontal) and ::after (vertical).
   Do not add border-right/border-bottom here — that doubles the dividers. */
#productsListing .fest-product-grid-cell:last-child .centerBoxContentsProducts::after {
	display: none;
}
#productsListing .centerBoxContentsListing .listingProductImage,
#productsListing .centerBoxContentsProducts .listingProductImage {
	display: block;
	margin: 0 auto;
	max-width: 100%;
	height: auto;
}
#productsListing .centerBoxContentsListing hr.hr-product-listing,
#productsListing .centerBoxContentsProducts hr.hr-product-listing {
	margin: 0.35rem auto 0.5rem;
}
#productsListing .centerBoxContentsListing .desc-prod-listing,
#productsListing .centerBoxContentsProducts .desc-prod-listing {
	text-align: center;
}
#productsListing .centerBoxContentsListing .itemTitle,
#productsListing .centerBoxContentsProducts .itemTitle {
	display: block;
	margin: 0.25rem 0;
	font-size: 1rem;
	font-weight: bold;
	line-height: 1.25;
}
#productsListing .centerBoxContentsListing .itemTitle a,
#productsListing .centerBoxContentsProducts .itemTitle a {
	color: #0066cc;
}
#productsListing .centerBoxContentsListing .pl-dp,
#productsListing .centerBoxContentsProducts .pl-dp {
	margin: 0.35rem 0;
}
#productsListing .centerBoxContentsListing .moreinfoLink,
#productsListing .centerBoxContentsProducts .moreinfoLink {
	display: inline-block;
	margin-top: 0.25rem;
	white-space: nowrap;
}