/* ================================================================
   Heritage Mansion — Single Look Page
================================================================ */

.single-look {
	width: 100%;
	padding-bottom: 80px;
}

/* ========================
   Date heading
======================== */
.single-look-date {
	font-family: var(--serif);
	font-size: clamp(22px, 4vw, 36px);
	font-weight: 400;
	text-align: center;
	letter-spacing: 0.1em;
	padding: 48px 32px 40px;
	max-width: var(--max-width);
	margin: 0 auto;
}

/* ========================
   Split Section
======================== */
.look-split {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 0;
	align-items: stretch;
	margin: 0 auto 80px;
	max-width: var(--max-width);
	padding: 0 32px;
}

.look-split-image { position: relative; }

.look-split-image img {
	width: 100%;
	height: 633px;
	display: block;
	object-fit: cover;
	object-position: center top;
}

.look-image-credit {
	font-family: var(--serif);
	font-style: italic;
	font-size: 11px;
	color: var(--mid-gray);
	margin-top: 10px;
	line-height: 1.5;
}

/* Details side */
.look-split-details {
	display: flex;
	flex-direction: column;
	gap: 22px;
	justify-content: center;
	align-items: center;
	text-align: center;
	padding-left: 48px;
	padding-right: 16px;
}

.look-subtitle {
	font-family: var(--serif);
	font-size: clamp(20px, 2.4vw, 26px);
	font-weight: 400;
	line-height: 1.3;
}

.look-description {
	font-size: 14px;
	color: var(--dark-gray);
	line-height: 1.8;
}
.look-description p { margin-bottom: 14px; }
.look-description p:last-child { margin-bottom: 0; }

/* Key pieces */
.look-key-pieces { margin-top: 4px; width: 100%; }

.pieces-heading {
	font-family: var(--sans);
	font-size: 11px;
	font-weight: 600;
	letter-spacing: 0.14em;
	text-transform: uppercase;
	margin-bottom: 12px;
	color: var(--black);
}

.pieces-list { padding-left: 0; list-style: none; }
.pieces-list li {
	font-size: 14px;
	color: var(--dark-gray);
	padding: 4px 0;
	border-bottom: 1px solid var(--light-gray);
}
.pieces-list li:last-child { border-bottom: none; }

.piece-link {
	color: var(--black);
	text-decoration: none;
	display: flex;
	align-items: center;
	justify-content: space-between;
	transition: opacity .2s;
}
.piece-link::after {
	content: '→';
	font-size: 12px;
	opacity: .5;
}
.piece-link:hover { opacity: .6; }

.recreate-link {
	display: inline-block;
	font-family: var(--sans);
	font-size: 12px;
	font-weight: 500;
	letter-spacing: 0.12em;
	text-transform: uppercase;
	color: var(--black);
	border-bottom: 1px solid var(--black);
	padding-bottom: 2px;
	margin-top: 4px;
	transition: opacity .2s;
}
.recreate-link:hover { opacity: .6; }

/* ========================
   Shop Similar Pieces
======================== */
.shop-similar {
	background: var(--off-white);
	padding: 64px 0;
	margin-bottom: 80px;
}
.shop-similar-inner {
	max-width: var(--max-width);
	margin: 0 auto;
	padding: 0 40px;
}

.affiliate-disclosure {
	font-size: 11px;
	color: var(--mid-gray);
	text-align: center;
	font-style: italic;
}

.affiliate-disclosure--top {
	display: block;
	max-width: var(--max-width);
	margin: 0 auto;
	padding: 16px 32px 0;
}

/* Embed code (ShopMy iframe, shortcode) */
.embed-code-wrap {
	width: 100%;
	overflow: hidden;
}
.embed-code-wrap iframe {
	width: 100%;
	min-height: 500px;
	border: none;
	display: block;
}

/* Manual products grid */
.products-grid {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 24px;
}

.product-card {
	background: var(--white);
	display: flex;
	flex-direction: column;
}

.product-card-image {
	aspect-ratio: 1 / 1;
	overflow: hidden;
	background: var(--light-gray);
	display: flex;
	align-items: center;
	justify-content: center;
}
.product-card-image img {
	width: 100%;
	height: 100%;
	object-fit: contain;
	padding: 16px;
}
.product-img-placeholder {
	width: 100%;
	height: 100%;
	background: var(--light-gray);
}

.product-card-body {
	padding: 14px 16px 20px;
	text-align: center;
	display: flex;
	flex-direction: column;
	gap: 4px;
}

.product-brand {
	font-size: 10px;
	letter-spacing: 0.14em;
	text-transform: uppercase;
	color: var(--mid-gray);
}

.product-name {
	font-family: var(--serif);
	font-size: 14px;
	font-weight: 400;
	color: var(--black);
	line-height: 1.4;
}

.product-link {
	font-size: 12px;
	letter-spacing: 0.06em;
	color: var(--dark-gray);
	text-decoration: underline;
	text-underline-offset: 3px;
	margin-top: 8px;
	transition: color .2s;
}
.product-link:hover { color: var(--black); }

/* ========================
   When to Wear
======================== */
.when-to-wear {
	padding: 60px 0;
	margin-bottom: 64px;
	text-align: center;
}
.when-to-wear-inner {
	max-width: 680px;
	margin: 0 auto;
}
.when-to-wear-text {
	font-family: var(--sans);
	font-style: normal;
	font-size: 16px;
	font-weight: 300;
	color: var(--dark-gray);
	line-height: 1.95;
	margin-top: 16px;
}

/* ========================
   More Looks
======================== */
.more-looks {
	padding-bottom: 20px;
	max-width: var(--max-width);
	margin: 0 auto;
	padding: 0 32px 20px;
}
.more-looks .section-title { margin-bottom: 32px; }

.more-looks-grid {
	display: grid;
	grid-template-columns: repeat(5, 1fr);
	gap: 10px;
}

.more-look-item { display: block; text-align: center; }
.more-look-item img {
	width: 100%;
	aspect-ratio: 3 / 4;
	object-fit: cover;
	transition: opacity .3s;
}
.more-look-item:hover img { opacity: .82; }

.more-look-label {
	font-family: var(--serif);
	font-size: 12px;
	color: var(--dark-gray);
	margin-top: 8px;
	font-style: italic;
}

/* ========================
   Responsive
======================== */
@media ( max-width: 960px ) {
	.look-split {
		grid-template-columns: 1fr;
		gap: 28px;
	}
	.look-split-image img {
		max-height: 520px;
		width: 100%;
		object-fit: cover;
	}
	.products-grid { grid-template-columns: repeat(2, 1fr); }
	.more-looks-grid { grid-template-columns: repeat(3, 1fr); }
}
@media ( max-width: 540px ) {
	.products-grid { grid-template-columns: repeat(2, 1fr); gap: 12px; }
	.more-looks-grid { grid-template-columns: repeat(2, 1fr); }
	.shop-similar-inner { padding: 0 16px; }
}