.wh-quick-links-grid {
	display: grid;
	gap: 1rem;
}

/* Legacy single breakpoint support */
.wh-quick-links-grid.cols-2 { grid-template-columns: repeat(2, 1fr); }
.wh-quick-links-grid.cols-3 { grid-template-columns: repeat(3, 1fr); }
.wh-quick-links-grid.cols-4 { grid-template-columns: repeat(4, 1fr); }
.wh-quick-links-grid.cols-5 { grid-template-columns: repeat(5, 1fr); }
.wh-quick-links-grid.cols-6 { grid-template-columns: repeat(6, 1fr); }
.wh-quick-links-grid.cols-7 { grid-template-columns: repeat(7, 1fr); }
.wh-quick-links-grid.cols-8 { grid-template-columns: repeat(8, 1fr); }

/* Mobile (default) */
.wh-quick-links-grid.cols-m-1 { grid-template-columns: repeat(1, 1fr); }
.wh-quick-links-grid.cols-m-2 { grid-template-columns: repeat(2, 1fr); }
.wh-quick-links-grid.cols-m-3 { grid-template-columns: repeat(3, 1fr); }
.wh-quick-links-grid.cols-m-4 { grid-template-columns: repeat(4, 1fr); }
.wh-quick-links-grid.cols-m-5 { grid-template-columns: repeat(5, 1fr); }
.wh-quick-links-grid.cols-m-6 { grid-template-columns: repeat(6, 1fr); }
.wh-quick-links-grid.cols-m-7 { grid-template-columns: repeat(7, 1fr); }
.wh-quick-links-grid.cols-m-8 { grid-template-columns: repeat(8, 1fr); }

/* Tablet */
@media (min-width: 768px) {
	.wh-quick-links-grid.cols-t-1 { grid-template-columns: repeat(1, 1fr); }
	.wh-quick-links-grid.cols-t-2 { grid-template-columns: repeat(2, 1fr); }
	.wh-quick-links-grid.cols-t-3 { grid-template-columns: repeat(3, 1fr); }
	.wh-quick-links-grid.cols-t-4 { grid-template-columns: repeat(4, 1fr); }
	.wh-quick-links-grid.cols-t-5 { grid-template-columns: repeat(5, 1fr); }
	.wh-quick-links-grid.cols-t-6 { grid-template-columns: repeat(6, 1fr); }
	.wh-quick-links-grid.cols-t-7 { grid-template-columns: repeat(7, 1fr); }
	.wh-quick-links-grid.cols-t-8 { grid-template-columns: repeat(8, 1fr); }
}

/* Desktop */
@media (min-width: 1024px) {
	.wh-quick-links-grid.cols-d-1 { grid-template-columns: repeat(1, 1fr); }
	.wh-quick-links-grid.cols-d-2 { grid-template-columns: repeat(2, 1fr); }
	.wh-quick-links-grid.cols-d-3 { grid-template-columns: repeat(3, 1fr); }
	.wh-quick-links-grid.cols-d-4 { grid-template-columns: repeat(4, 1fr); }
	.wh-quick-links-grid.cols-d-5 { grid-template-columns: repeat(5, 1fr); }
	.wh-quick-links-grid.cols-d-6 { grid-template-columns: repeat(6, 1fr); }
	.wh-quick-links-grid.cols-d-7 { grid-template-columns: repeat(7, 1fr); }
	.wh-quick-links-grid.cols-d-8 { grid-template-columns: repeat(8, 1fr); }
}

.wh-quick-link-item {
	display: flex;
	flex-direction: column;
	align-items: center;
	text-align: center;
	text-decoration: none;
	padding: .5rem;
	border-radius: .25rem;
	transition: transform .2s ease;
}
.wh-quick-link-item:hover { transform: translateY(-2px); }

.wh-quick-link-thumb {
	display: inline-flex;
	width: 120px;
	height: 120px;
	border-radius: 6px;
	overflow: hidden;
	align-items: center;
	justify-content: center;
	margin-bottom: .5rem;
}
.wh-quick-link-thumb img {
	width: 100%;
	height: 100%;
	object-fit: contain;
	object-position: center center;
}
.wh-quick-link-title { font-weight: 600; color: inherit; }