/* STIQ24 - products.css (Produktuebersicht): Kategoriekarten, gleiche Gestaltung wie auf der Startseite */
.s24-catgrid { display: grid; gap: 24px; grid-template-columns: 1fr; }
@media (min-width: 600px) { .s24-catgrid { grid-template-columns: repeat(2, 1fr); } }

.s24-catcard {
	position: relative; display: flex; flex-direction: column; text-decoration: none;
	background: var(--s24-surface); border: 1px solid var(--s24-border);
	border-radius: var(--s24-r-md); overflow: hidden; transition: border-color 0.2s;
}
.s24-catcard:hover { border-color: var(--s24-primary); }
.s24-catcard__badge { position: absolute; top: 12px; right: 12px; z-index: 2; }
.s24-catcard__img { display: block; aspect-ratio: 1; background: var(--s24-surface-low); }
.s24-catcard__body {
	display: flex; align-items: center; justify-content: space-between; gap: 8px;
	padding: 20px; border-top: 1px solid var(--s24-border); flex: 1;
}
.s24-catcard__body strong { display: block; font-family: var(--s24-font-head); font-size: 18px; line-height: 24px; font-weight: 600; letter-spacing: -0.01em; color: var(--s24-primary); }
.s24-catcard__body small { display: block; margin-top: 2px; font-size: 12px; line-height: 18px; color: var(--s24-on-variant); }
.s24-catcard__arrow {
	display: inline-flex; align-items: center; justify-content: center; flex-shrink: 0;
	width: 32px; height: 32px; border: 1px solid var(--s24-border); border-radius: 50%;
	transition: transform 0.2s, border-color 0.2s;
}
.s24-catcard:hover .s24-catcard__arrow { border-color: var(--s24-primary); transform: translateX(4px); }

@media (min-width: 900px) { .s24-catgrid--products { grid-template-columns: repeat(3, 1fr); } }
.s24-catgrid--products .s24-catcard__body small { font-size: 13px; }
.s24-catgrid--products + .s24-hint { margin-top: 24px; }