/* One offer: the picture on the left, everything a buyer needs on the right. */

.offer {
	padding-top: clamp(36px, 5vw, 72px);
	align-items: start;
	row-gap: clamp(28px, 3.4vw, 44px);
}

.offer__media {
	grid-column: 1 / span 6;
	position: sticky;
	top: calc(var(--head-h) + 28px);
}

.offer__media a {
	display: block;
	cursor: zoom-in;
}

.offer__media img {
	width: 100%;
}

.offer__main {
	grid-column: 8 / span 5;
}

.offer--text .offer__main {
	grid-column: 1 / span 8;
}

@media (max-width: 900px) {
	.offer__media,
	.offer__main,
	.offer--text .offer__main {
		grid-column: 1 / -1;
	}

	.offer__media {
		position: static;
	}
}

.offer__price {
	font-size: clamp(1.75rem, 3.2vw, 2.6rem);
	line-height: 1;
}

.offer__spec {
	margin: 0;
	padding: 0;
	list-style: none;
	font-size: var(--t-small);
	line-height: 1.45;
	color: var(--bone-2);
}

.offer__spec li {
	padding-block: 8px;
	border-top: 1px dashed var(--line);
}

.offer__spec li:last-child {
	border-bottom: 1px dashed var(--line);
}

/* Santos's own description of the piece */

.offer__body {
	font-size: 1.0625rem;
	max-width: 46ch;
}

.offer__body a {
	color: var(--sky);
}

.buy-note {
	max-width: 46ch;
	font-size: var(--t-small);
	line-height: 1.5;
	color: var(--bone-3);
}