/**
 * Casa Terra Floor plans (Figma Home "V5 Signature · Floor plans" 7:453): three plan sheets
 * (paper, 1px line, radius 16, 384 × 551 at 1440) with the drawing at the top, then the villa
 * name and its figures. Three columns on desktop and tablet; a horizontal scroll row on phones
 * (Figma "Scroll row · Plans", 310 wide sheets).
 */

.ct-plans__list {
	margin-top: 0;
}

.ct-plans__item {
	display: flex;
	flex-direction: column;
	min-width: 0;
}

.ct-plans__sheet {
	display: flex;
	align-items: flex-start;
	aspect-ratio: 384 / 551;
	overflow: hidden;
	border: 1px solid var(--ct-c-line);
	border-radius: var(--ct-radius-panel);
	background: var(--ct-c-paper);
}

.ct-plans__drawing {
	width: 100%;
}

.ct-plans__name {
	margin-top: 20px;
}

.ct-plans__specs {
	margin-top: 4px;
	color: var(--ct-muted);
}

/* Desktop and tablet: three columns, no scrolling. */
@media (min-width: 768px) {
	.ct-plans .ct-plans__list {
		display: grid;
		grid-template-columns: repeat(3, minmax(0, 1fr));
		gap: 24px;
		margin-inline: 0;
		padding-inline: 0;
		overflow: visible;
	}
}

@media (min-width: 768px) and (max-width: 1024px) {
	.ct-plans .ct-plans__list {
		gap: 16px;
	}

	.ct-plans__specs {
		font-size: var(--ct-fs-small);
		line-height: var(--ct-lh-small);
	}

	/* The drawings are scaled with the sheet; their labels too. */
	.ct-plans .ct-drawing__label {
		font-size: 8px;
		line-height: 10px;
	}
}

@media (max-width: 767px) {
	.ct-plans .ct-plans__list {
		gap: 16px;
	}

	.ct-plans__item {
		width: 310px;
	}

	/* The drawing sits in the middle of the sheet on phones (Figma). */
	.ct-plans__sheet {
		align-items: center;
	}

	.ct-plans__specs {
		font-size: var(--ct-fs-small);
		line-height: var(--ct-lh-small);
	}

	.ct-plans .ct-drawing__label {
		font-size: 10px;
		line-height: 12px;
	}
}