/* ──────────────────────────────────────────────────────────────────────
 * Wishlist page template chrome (.ts-wishlist-page).
 *
 * Grid + remove button + item card live in main-style.css since they're
 * reused by the My Account tab. This file only carries the hero header and
 * page-template-only spacing.
 * ─────────────────────────────────────────────────────────────────────── */

.ts-wishlist-page {
	background: var(--cream, #FAF8F4);
	padding-bottom: 80px;
}

.ts-wishlist-hero {
	background: linear-gradient(180deg, #FAF8F4 0%, #FFFFFF 100%);
	border-bottom: 1px solid #ECE7E0;
	padding: 56px 24px 40px;
}
.ts-wishlist-hero-inner {
	max-width: 1100px;
	margin: 0 auto;
	text-align: center;
}
.ts-wishlist-eyebrow {
	font-size: 11px;
	letter-spacing: 0.18em;
	text-transform: uppercase;
	color: var(--terra);
	font-weight: 600;
	margin-bottom: 10px;
}
.ts-wishlist-title {
	font-family: 'Playfair Display', Georgia, 'Times New Roman', serif;
	font-size: clamp(32px, 4.5vw, 48px);
	font-weight: 500;
	color: var(--ink);
	margin: 0 0 12px;
	letter-spacing: -0.01em;
	line-height: 1.1;
}
.ts-wishlist-sub {
	font-size: 15px;
	color: var(--dust);
	margin: 0 0 16px;
}
.ts-wishlist-sub strong { color: var(--ink); font-weight: 600; }
.ts-wishlist-signin {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	background: var(--fri-yay-light);
	color: var(--ink);
	border-radius: 999px;
	padding: 8px 18px;
	font-size: 13px;
	margin-top: 6px;
}
.ts-wishlist-signin i { color: var(--terra); font-size: 16px; }
.ts-wishlist-signin a { color: var(--terra); font-weight: 600; text-decoration: underline; }

.ts-wishlist-content { padding: 40px 24px; }
.ts-wishlist-content-inner { max-width: 1100px; margin: 0 auto; }
.ts-wishlist-intro {
	margin-bottom: 28px;
	color: var(--ink);
	font-size: 15px;
	line-height: 1.6;
}

@media (max-width: 640px) {
	.ts-wishlist-hero { padding: 40px 20px 30px; }
	.ts-wishlist-content { padding: 28px 16px; }
}