.pages-header {
	margin-bottom: 2em;
}

.pages-header H1 {
	margin: 0;
	font-size: 1.75em;
}

.catalog-list {
	grid-template: auto / repeat(auto-fill, minmax(clamp(25% - var(--x-gap, 1em), 16em, 100%), 1fr));
	row-gap: 1.5em;
}

.catalog-aside {
	position: sticky;
	top: 14rem;
	width: 22%;
	min-width: 24rem;
}

.card-item {
	position: relative;
	color: #111;
	border-radius: 1.5em;
	font-size: 0.875em;
	padding: 1em;
	background-color: #E7EEF1;
	aspect-ratio: 1.4;
	width: 100%;
	height: auto;
	align-self: stretch;
}
.preview-picture {
	object-fit: contain;
	height: 7rem;
	width: auto;
	max-width: 44%;
	background-color: #fff;
	border-radius: 1ex;
	padding: 1ex;
	align-self: flex-start;
	font-size: 1.25em;
	font-weight: bold;
	text-align: center;
	color: var(--color-orng, #eb5f0a);
	line-height: 1;
}
.card-item H2 {
	margin: 0;
	font-size: 1.125em;
}
.card-item H2 A::after {
	content: '';
	position: absolute;
	inset: 0;
	z-index: 10;
}
.card-item TIME {
	margin: -.5ex 0 1ex;
}

TIME STRONG {
	font-weight: 600;
}

.ugl-bubl {
	position: absolute;
	top: 1.6rem;
	right: 1.6rem;
	height: 4em;
	aspect-ratio: 1.25;
	z-index: 1;
	text-align: right;
	padding: 1.5ex 1.5ex 0;
	white-space: nowrap;
}
.ugl-bubl::before {
	content: '';
	position: absolute;
	inset: 0;
	z-index: -1;
	-webkit-clip-path: url("#pixBub");
	clip-path: url("#pixBub");
}

.floornum {
	padding-left: 3ex;
}
.floornum BIG {
	font-size: 1.5em;
	font-weight: 600;
	letter-spacing: -2px;
}
.floornum::before {
	background-color: #fff;
}

.card-item .label {
	background-color: transparent;
	color: #fff;
	padding-top: 2ex;
}
.card-item .label::before {
	background-color: var(--color-stat, gold);
}

@media (max-width: 720px) {
	.catalog-content {
		display: block;
	}

	.catalog-list {
		row-gap: 1em;
	}

	.card-item {
		aspect-ratio: 1.75;
	}

	.catalog-aside {
		width: 100%;
		z-index: 20;
		display: none;
	}

	.flt-opened .catalog-aside {
		display: flex;
	}

	.pages-header {
		position: sticky;
		top: 3rem;
		z-index: 30;
		margin-bottom: 1em;
	}
}