/**
 * Cookies & Jams Items - frontend grid.
 * Self-contained (brand colours hardcoded) so it looks right regardless
 * of the active theme.
 */

.twcj-grid {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
	gap: 28px;
	margin: 2rem 0;
}

.twcj-item {
	background: #ffffff;
	border: 1px solid #ded7c4;
	border-radius: 10px;
	overflow: hidden;
	box-shadow: 0 3px 12px rgba(38, 51, 15, 0.08);
}

.twcj-item-photo {
	display: block;
	aspect-ratio: 4 / 3;
	overflow: hidden;
}

.twcj-item-photo img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
	cursor: zoom-in;
}

.twcj-item-body {
	padding: 1rem 1.15rem 1.25rem;
}

.twcj-item-name {
	margin: 0 0 0.4rem;
	font-family: "Cormorant Garamond", "Playfair Display", Georgia, serif;
	font-weight: 600;
	color: #354517;
	font-size: 1.3rem;
}

.twcj-item-desc {
	color: #565247;
	font-size: 0.95rem;
	line-height: 1.6;
}

.twcj-item-desc p {
	margin: 0 0 0.5rem;
}

.twcj-item-desc p:last-child {
	margin-bottom: 0;
}

.twcj-item-price {
	margin: 0.6rem 0 0;
	font-weight: 700;
	color: #354517;
}

.twcj-empty {
	color: #857f70;
	font-style: italic;
}

@media (max-width: 480px) {
	.twcj-grid {
		grid-template-columns: 1fr;
	}
}