/*
 * Category card: .hp-category-card (link), .hp-category-card__image, .hp-category-card__text.
 * Used on the homepage and the holiday notice page; hover shadow from snippet 5419.
 */

.hp-category-card {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	align-items: center;
	padding: var(--space-l) var(--space-m);
	border-radius: var(--radius-l);
	text-align: center;
	transition: 300ms;
}

.hp-category-card:hover {
	box-shadow: var(--shadow-card-hover);
}

.hp-category-card__image {
	height: 10rem;
	max-width: 100%;
}

.hp-category-card__text {
	margin-top: var(--space-m);
	color: var(--base);
	font-size: var(--text-m);
	font-weight: 700;
	line-height: 1.2;
	text-align: center;
}

@media (min-width: 480px) {
	.hp-category-card__image {
		height: 15rem;
	}

	.hp-category-card__text {
		font-size: var(--text-l);
		line-height: inherit;
	}
}

@media (min-width: 481px) {
	.hp-category-card {
		padding-inline: var(--space-l);
	}
}