/* copied from public/assets/css/styles.css (truncated) */
/* keep this file to satisfy /assets/css/styles.css requests */
@import url('/public/assets/css/styles.css');

/* Shared tile styles for categories and services (square image, rounded corners, label below) */
.category-tile, .service-tile {
	display: inline-flex;
	flex-direction: column;
	align-items: center;
	text-align: center;
	gap: 0.5rem;
}
.tile-media {
	width: 100%;
	aspect-ratio: 1 / 1;
	border-radius: 0.75rem;
	overflow: hidden;
	background-color: var(--surface-dark);
	box-shadow: none !important;
}
.tile-media img { width: 100%; height: 100%; object-fit: cover; display: block; }
.category-tile p, .service-tile p { margin: 0; font-weight: 600; color: var(--text-main); line-height: 1.15; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }