/* Zingry Collections: collections grid and collection page */

.zc-grid {
	list-style: none;
	margin: 0 auto;
	padding: 0;
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 24px;
}
@media (max-width: 1000px) {
	.zc-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 600px) {
	.zc-grid { grid-template-columns: 1fr; }
}

.zc-tile a {
	display: block;
	text-decoration: none;
	color: var(--wp--preset--color--logo-grey, #6c6a7a);
}
.zc-tile-image {
	display: block;
	width: 100%;
	height: auto;
	aspect-ratio: 1;
	object-fit: cover;
	transition: opacity 0.25s;
}
.zc-tile-placeholder { background: #eeedf1; }
.zc-tile-name {
	display: block;
	margin-top: 12px;
	text-align: center;
	text-transform: uppercase;
	letter-spacing: 3px;
	font-size: 18px;
	font-weight: 200;
}
.zc-tile a:hover .zc-tile-image,
.zc-tile a:focus-visible .zc-tile-image { opacity: 0.85; }
.zc-tile a:hover .zc-tile-name { text-decoration: underline; text-underline-offset: 6px; text-decoration-thickness: 1px; }
.zc-tile a:focus-visible { outline: 2px solid var(--wp--preset--color--text-grey, #4a4858); outline-offset: 4px; }
@media (prefers-reduced-motion: reduce) {
	.zc-tile-image { transition: none; }
}

.zc-description { margin-bottom: var(--wp--preset--spacing--60, 2.5rem); }
.zc-description > :first-child { margin-top: 0; }