/**
 * ==========================================================
 * CHACHA HOME — FAVORITES / WISHLIST PAGE V1.0
 * DEV-05 / PATCH-03
 * ==========================================================
 *
 * Quiet-luxury collection presentation for /favoriler/.
 * Product-card visuals remain owned by product-card.css.
 */


/* ==========================================================
 * 01. PAGE FOUNDATION
 * ========================================================== */
body.chacha-wishlist-page-page,
body.chacha-wishlist-page-page .site-main {
	background:
		var(
			--chacha-background,
			#F6F1EA
		);
}

.chacha-wishlist-page {
	width: 100%;
	min-height: 62vh;
	color:
		var(
			--chacha-text-strong,
			#3B322D
		);
}

.chacha-wishlist-page__shell {
	width:
		min(
			calc(100% - 48px),
			var(
				--chacha-container-max,
				1400px
			)
		);
	margin-inline: auto;
}


/* ==========================================================
 * 02. EDITORIAL HERO
 * ========================================================== */
.chacha-wishlist-page__hero {
	padding:
		76px
		0
		56px;
	border-bottom:
		1px
		solid
		rgba(
			215,
			206,
			196,
			0.72
		);
}

.chacha-wishlist-page__hero-inner {
	max-width: 860px;
	text-align: center;
}

.chacha-wishlist-page__eyebrow {
	margin:
		0
		0
		14px;
	font-family:
		var(
			--chacha-font-body,
			Inter,
			sans-serif
		);
	font-size: 10px;
	font-weight: 600;
	line-height: 1.35;
	letter-spacing: 0.19em;
	text-transform: uppercase;
	color:
		var(
			--chacha-brass-dark,
			#8F6F3F
		);
}

.chacha-wishlist-page__hero h1 {
	margin: 0;
	font-family:
		var(
			--chacha-font-heading,
			"Cormorant Garamond",
			serif
		);
	font-size:
		clamp(
			46px,
			5vw,
			70px
		);
	font-weight: 400;
	line-height: 0.96;
	letter-spacing: -0.025em;
	color:
		var(
			--chacha-text-strongest,
			#201A17
		);
}

.chacha-wishlist-page__intro {
	max-width: 690px;
	margin:
		24px
		auto
		0;
	font-family:
		var(
			--chacha-font-body,
			Inter,
			sans-serif
		);
	font-size: 15px;
	font-weight: 400;
	line-height: 1.75;
	color:
		var(
			--chacha-text-muted,
			#6A5F58
		);
}

.chacha-wishlist-page__meta {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-wrap: wrap;
	gap: 9px;
	margin-top: 26px;
	font-family:
		var(
			--chacha-font-body,
			Inter,
			sans-serif
		);
	font-size: 11px;
	font-weight: 500;
	line-height: 1.5;
	letter-spacing: 0.035em;
	color:
		var(
			--chacha-text-muted,
			#6A5F58
		);
}

.chacha-wishlist-page__count {
	font-weight: 700;
	color:
		var(
			--chacha-text-strongest,
			#201A17
		);
}


/* ==========================================================
 * 03. CONTENT / SECTION HEADING
 * ========================================================== */
.chacha-wishlist-page__content {
	padding:
		54px
		0
		96px;
}

.chacha-wishlist-page__section-heading {
	display: flex;
	align-items: flex-end;
	justify-content: space-between;
	gap: 24px;
	margin-bottom: 30px;
	padding-bottom: 20px;
	border-bottom:
		1px
		solid
		var(
			--chacha-border,
			#D7CEC4
		);
}

.chacha-wishlist-page__section-heading p {
	margin:
		0
		0
		6px;
	font-family:
		var(
			--chacha-font-body,
			Inter,
			sans-serif
		);
	font-size: 9px;
	font-weight: 600;
	line-height: 1.3;
	letter-spacing: 0.18em;
	text-transform: uppercase;
	color:
		var(
			--chacha-brass-dark,
			#8F6F3F
		);
}

.chacha-wishlist-page__section-heading h2 {
	margin: 0;
	font-family:
		var(
			--chacha-font-heading,
			"Cormorant Garamond",
			serif
		);
	font-size:
		clamp(
			30px,
			3vw,
			42px
		);
	font-weight: 500;
	line-height: 1;
	letter-spacing: -0.02em;
	color:
		var(
			--chacha-text-strongest,
			#201A17
		);
}

.chacha-wishlist-page__section-heading > a {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	flex: 0 0 auto;
	padding-bottom: 3px;
	border-bottom:
		1px
		solid
		rgba(
			143,
			111,
			63,
			0.50
		);
	font-family:
		var(
			--chacha-font-body,
			Inter,
			sans-serif
		);
	font-size: 11px;
	font-weight: 600;
	line-height: 1.3;
	letter-spacing: 0.06em;
	text-transform: uppercase;
	text-decoration: none;
	color:
		var(
			--chacha-text-strong,
			#3B322D
		);
	transition:
		border-color 180ms ease,
		color 180ms ease;
}

@media (hover: hover) and (pointer: fine) {

	.chacha-wishlist-page__section-heading > a:hover {
		border-color:
			var(
				--chacha-brass,
				#B08D57
			);
		color:
			var(
				--chacha-brass-dark,
				#8F6F3F
			);
	}

}


/* ==========================================================
 * 04. PRODUCT GRID
 * ========================================================== */
.chacha-wishlist-products {
	width: 100%;
	transition: opacity 160ms ease;
}

.chacha-wishlist-products[aria-busy="true"] {
	opacity: 0.52;
}

.chacha-wishlist-products ul.products {
	display: grid !important;
	grid-template-columns:
		repeat(
			2,
			minmax(0, 1fr)
		);
	column-gap: 14px;
	row-gap: 34px;
	align-items: stretch;
	width: 100%;
	margin:
		0
		0
		48px !important;
	padding: 0;
	list-style: none;
}

.chacha-wishlist-products ul.products::before,
.chacha-wishlist-products ul.products::after {
	display: none !important;
	content: none !important;
}

.chacha-wishlist-products ul.products li.product,
.chacha-wishlist-products ul.products li.product.first,
.chacha-wishlist-products ul.products li.product.last {
	float: none !important;
	clear: none !important;
	width: 100% !important;
	max-width: none !important;
	min-width: 0;
	height: 100%;
	margin: 0 !important;
	align-self: stretch;
}

@media (min-width: 768px) {

	.chacha-wishlist-products ul.products {
		grid-template-columns:
			repeat(
				3,
				minmax(0, 1fr)
			);
		column-gap: 20px;
		row-gap: 42px;
		margin-bottom: 56px !important;
	}

}

@media (min-width: 1200px) {

	.chacha-wishlist-products ul.products {
		grid-template-columns:
			repeat(
				4,
				minmax(0, 1fr)
			);
		column-gap: 28px;
		row-gap: 52px;
		margin-bottom: 64px !important;
	}

}


/* ==========================================================
 * 05. EMPTY STATE
 * ========================================================== */
.chacha-wishlist-empty {
	max-width: 760px;
	margin:
		22px
		auto
		0;
	padding:
		64px
		48px;
	text-align: center;
	background:
		var(
			--chacha-white,
			#FFFDFC
		);
	border:
		1px
		solid
		var(
			--chacha-border,
			#D7CEC4
		);
	border-radius: 6px;
	box-shadow: none;
}

.chacha-wishlist-empty__icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 54px;
	height: 54px;
	margin-bottom: 22px;
	border:
		1px
		solid
		var(
			--chacha-border,
			#D7CEC4
		);
	border-radius: 50%;
	color:
		var(
			--chacha-text-muted,
			#6A5F58
		);
}

.chacha-wishlist-empty__icon .chacha-wishlist-icon {
	width: 22px;
	height: 22px;
}

.chacha-wishlist-empty__eyebrow {
	margin:
		0
		0
		9px;
	font-family:
		var(
			--chacha-font-body,
			Inter,
			sans-serif
		);
	font-size: 9px;
	font-weight: 600;
	line-height: 1.3;
	letter-spacing: 0.18em;
	text-transform: uppercase;
	color:
		var(
			--chacha-brass-dark,
			#8F6F3F
		);
}

.chacha-wishlist-empty h2 {
	margin: 0;
	font-family:
		var(
			--chacha-font-heading,
			"Cormorant Garamond",
			serif
		);
	font-size:
		clamp(
			32px,
			3.4vw,
			46px
		);
	font-weight: 500;
	line-height: 1;
	letter-spacing: -0.02em;
	color:
		var(
			--chacha-text-strongest,
			#201A17
		);
}

.chacha-wishlist-empty > p:not(.chacha-wishlist-empty__eyebrow) {
	max-width: 560px;
	margin:
		18px
		auto
		0;
	font-family:
		var(
			--chacha-font-body,
			Inter,
			sans-serif
		);
	font-size: 13px;
	font-weight: 400;
	line-height: 1.75;
	color:
		var(
			--chacha-text-muted,
			#6A5F58
		);
}

.chacha-wishlist-empty__cta {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 10px;
	min-height: 42px;
	margin-top: 28px;
	padding: 11px 20px;
	border:
		1px
		solid
		var(
			--chacha-text-strongest,
			#201A17
		);
	border-radius: 0;
	background:
		var(
			--chacha-text-strongest,
			#201A17
		);
	font-family:
		var(
			--chacha-font-body,
			Inter,
			sans-serif
		);
	font-size: var(--chacha-button-standard-size);
	font-weight: var(--chacha-button-standard-weight);
	line-height: var(--chacha-button-standard-line-height);
	letter-spacing: var(--chacha-button-standard-letter-spacing);
	text-transform: var(--chacha-button-text-transform);
	text-decoration: none !important;
	color:
		var(
			--chacha-white,
			#FFFDFC
		) !important;
	transition:
		background-color 180ms ease,
		border-color 180ms ease;
}

@media (hover: hover) and (pointer: fine) {

	.chacha-wishlist-empty__cta:hover {
		border-color:
			var(
				--chacha-brass-dark,
				#8F6F3F
			);
		background:
			var(
				--chacha-brass-dark,
				#8F6F3F
			);
	}

}


/* ==========================================================
 * 06. STATUS / ERROR
 * ========================================================== */
.chacha-wishlist-page__status:empty {
	display: none;
}

.chacha-wishlist-page__status {
	margin-bottom: 22px;
	padding: 12px 14px;
	border:
		1px
		solid
		var(
			--chacha-border,
			#D7CEC4
		);
	background:
		var(
			--chacha-white,
			#FFFDFC
		);
	font-family:
		var(
			--chacha-font-body,
			Inter,
			sans-serif
		);
	font-size: 12px;
	line-height: 1.55;
	color:
		var(
			--chacha-text-strong,
			#3B322D
		);
}


/* ==========================================================
 * 07. PAGINATION
 * ========================================================== */
.chacha-wishlist-pagination {
	display: flex;
	justify-content: center;
	margin-top: 8px;
}

.chacha-wishlist-pagination ul.page-numbers {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-wrap: wrap;
	gap: 8px;
	margin: 0;
	padding: 0;
	list-style: none;
}

.chacha-wishlist-pagination .page-numbers a,
.chacha-wishlist-pagination .page-numbers span {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 38px;
	height: 38px;
	padding: 0 10px;
	border:
		1px
		solid
		var(
			--chacha-border,
			#D7CEC4
		);
	background:
		var(
			--chacha-white,
			#FFFDFC
		);
	font-family:
		var(
			--chacha-font-body,
			Inter,
			sans-serif
		);
	font-size: 11px;
	font-weight: 600;
	line-height: 1;
	text-decoration: none;
	color:
		var(
			--chacha-text-strong,
			#3B322D
		);
}

.chacha-wishlist-pagination .page-numbers .current {
	border-color:
		var(
			--chacha-text-strongest,
			#201A17
		);
	background:
		var(
			--chacha-text-strongest,
			#201A17
		);
	color:
		var(
			--chacha-white,
			#FFFDFC
		);
}


/* ==========================================================
 * 08. MOBILE
 * ========================================================== */
@media (max-width: 767px) {

	.chacha-wishlist-page__shell {
		width: calc(100% - 28px);
	}

	.chacha-wishlist-page__hero {
		padding:
			52px
			0
			38px;
	}

	.chacha-wishlist-page__hero h1 {
		font-size: 44px;
	}

	.chacha-wishlist-page__intro {
		margin-top: 18px;
		font-size: 13px;
		line-height: 1.7;
	}

	.chacha-wishlist-page__meta {
		gap: 6px;
		margin-top: 20px;
		font-size: 10px;
	}

	.chacha-wishlist-page__content {
		padding:
			38px
			0
			70px;
	}

	.chacha-wishlist-page__section-heading {
		align-items: flex-start;
		gap: 16px;
		margin-bottom: 22px;
		padding-bottom: 16px;
	}

	.chacha-wishlist-page__section-heading h2 {
		font-size: 30px;
	}

	.chacha-wishlist-page__section-heading > a {
		max-width: 120px;
		justify-content: flex-end;
		text-align: right;
		font-size: 9px;
	}

	.chacha-wishlist-products ul.products {
		column-gap: 10px;
		row-gap: 30px;
	}

	.chacha-wishlist-empty {
		padding:
			46px
			22px;
	}

	.chacha-wishlist-empty h2 {
		font-size: 34px;
	}

}


/* ==========================================================
 * 09. REDUCED MOTION
 * ========================================================== */
@media (prefers-reduced-motion: reduce) {

	.chacha-wishlist-products,
	.chacha-wishlist-page__section-heading > a,
	.chacha-wishlist-empty__cta {
		transition: none;
	}

}

/**
 * ==========================================================
 * DEV-UI-WISHLIST-PAGE-POLISH-01
 * FAVORITES PAGE — VISUAL RHYTHM + COMPACT HERO
 * ==========================================================
 *
 * Scope:
 * - /favoriler/ presentation only
 * - preserve DEV-05 wishlist state/runtime
 * - preserve shared Product Card System
 * - keep Favorites title visually connected to the header
 */


/* ==========================================================
 * A. PAGE SHELL — REMOVE UNUSED TOP OFFSET
 * ========================================================== */

body.chacha-wishlist-page-page
.chacha-wishlist-page {
	width:
		100%;

	min-height:
		0;

	margin-top:
		0 !important;

	padding-top:
		0 !important;

	background:
		#F8F4EE;
}


/* ==========================================================
 * B. HERO — CONTENT DRIVEN, NOT A LARGE EMPTY BANNER
 * ========================================================== */

body.chacha-wishlist-page-page
.chacha-wishlist-page__hero {
	min-height:
		0 !important;

	height:
		auto !important;

	margin:
		0 !important;

	padding:
		18px
		24px
		24px !important;

	border-bottom:
		1px
		solid
		#E2D8CD;

	background:
		#FBF8F3;
}


body.chacha-wishlist-page-page
.chacha-wishlist-page__shell {
	width:
		min(
			calc(
				100%
				-
				48px
			),
			1400px
		);

	margin-left:
		auto;

	margin-right:
		auto;
}


body.chacha-wishlist-page-page
.chacha-wishlist-page__hero-inner {
	display:
		block;

	min-height:
		0 !important;

	height:
		auto !important;
}


body.chacha-wishlist-page-page
.chacha-wishlist-page__eyebrow {
	margin:
		0
		0
		8px !important;

	font-size:
		9px;

	font-weight:
		700;

	line-height:
		1;

	letter-spacing:
		0.16em;

	color:
		#B08D57;
}


body.chacha-wishlist-page-page
.chacha-wishlist-page__hero
h1 {
	max-width:
		760px;

	margin:
		0 !important;

	font-family:
		"Cormorant Garamond",
		serif;

	font-size:
		clamp(
			44px,
			4.5vw,
			60px
		);

	font-weight:
		500;

	line-height:
		0.98;

	letter-spacing:
		-0.02em;

	color:
		#201A17;
}


body.chacha-wishlist-page-page
.chacha-wishlist-page__intro {
	max-width:
		720px;

	margin:
		12px
		0
		0 !important;

	font-size:
		13px;

	line-height:
		1.65;

	color:
		#6A5F58;
}


/* ==========================================================
 * C. FAVORITES META — COMPACT SUPPORTING INFORMATION
 * ========================================================== */

body.chacha-wishlist-page-page
.chacha-wishlist-page__meta {
	display:
		flex;

	flex-wrap:
		wrap;

	align-items:
		center;

	gap:
		8px
		14px;

	max-width:
		760px;

	margin-top:
		15px !important;

	padding-top:
		13px;

	border-top:
		1px
		solid
		#E7DED5;

	font-size:
		10px;

	line-height:
		1.45;

	color:
		#7B7069;
}


body.chacha-wishlist-page-page
.chacha-wishlist-page__count {
	font-weight:
		700;

	color:
		#3B322D;
}


/* ==========================================================
 * D. CONTENT — PULL PRODUCTS CLOSER TO HERO
 * ========================================================== */

body.chacha-wishlist-page-page
.chacha-wishlist-page__content {
	margin:
		0 !important;

	padding:
		26px
		24px
		56px !important;

	background:
		#F8F4EE;
}


body.chacha-wishlist-page-page
.chacha-wishlist-page__section-heading {
	display:
		flex;

	align-items:
		flex-end;

	justify-content:
		space-between;

	gap:
		20px;

	margin:
		0
		0
		20px !important;

	padding:
		0
		0
		16px;

	border-bottom:
		1px
		solid
		#E2D8CD;
}


body.chacha-wishlist-page-page
.chacha-wishlist-page__section-heading
h2 {
	margin:
		0 !important;

	font-family:
		"Cormorant Garamond",
		serif;

	font-size:
		clamp(
			30px,
			3vw,
			38px
		);

	font-weight:
		500;

	line-height:
		1;

	color:
		#201A17;
}


body.chacha-wishlist-page-page
.chacha-wishlist-page__section-heading
p {
	margin:
		6px
		0
		0 !important;

	font-size:
		10px;

	line-height:
		1.55;

	color:
		#7B7069;
}


body.chacha-wishlist-page-page
.chacha-wishlist-page__section-heading
> a {
	flex:
		0
		0
		auto;

	min-height:
		38px;

	padding:
		0
		14px;
}


/* ==========================================================
 * E. STATUS / PRODUCTS — DO NOT ALTER SHARED PRODUCT CARDS
 * ========================================================== */

body.chacha-wishlist-page-page
.chacha-wishlist-page__status {
	margin:
		0
		0
		16px !important;
}


body.chacha-wishlist-page-page
.chacha-wishlist-page__status[hidden] {
	display:
		none !important;
}


body.chacha-wishlist-page-page
.chacha-wishlist-products {
	min-height:
		0;

	margin:
		0 !important;
}


/**
 * Product card ownership deliberately stays with:
 * product-card.css + wishlist-controls.css.
 * No card dimensions / commerce controls are redefined here.
 */


/* ==========================================================
 * F. EMPTY STATE — COMPACT, PREMIUM, NO FAKE HERO HEIGHT
 * ========================================================== */

body.chacha-wishlist-page-page
.chacha-wishlist-empty {
	min-height:
		0 !important;

	margin:
		0;

	padding:
		38px
		24px;

	border:
		1px
		solid
		#DED5CB;

	background:
		#FFFDFC;

	text-align:
		center;
}


body.chacha-wishlist-page-page
.chacha-wishlist-empty__icon {
	margin-bottom:
		14px;
}


body.chacha-wishlist-page-page
.chacha-wishlist-empty__eyebrow {
	margin-bottom:
		8px !important;
}


body.chacha-wishlist-page-page
.chacha-wishlist-empty
> p:not(
	.chacha-wishlist-empty__eyebrow
) {
	max-width:
		560px;

	margin:
		0
		auto !important;

	font-size:
		12px;

	line-height:
		1.7;
}


body.chacha-wishlist-page-page
.chacha-wishlist-empty__cta {
	min-height:
		44px;

	margin-top:
		20px;
}


/* ==========================================================
 * G. PAGINATION
 * ========================================================== */

body.chacha-wishlist-page-page
.chacha-wishlist-pagination-host {
	margin-top:
		24px;
}


/* ==========================================================
 * H. TABLET
 * ========================================================== */

@media (
	min-width: 601px
)
and
(
	max-width: 900px
) {

	body.chacha-wishlist-page-page
	.chacha-wishlist-page__hero {
		padding:
			16px
			20px
			22px !important;
	}


	body.chacha-wishlist-page-page
	.chacha-wishlist-page__shell {
		width:
			min(
				calc(
					100%
					-
					40px
				),
				1400px
			);
	}


	body.chacha-wishlist-page-page
	.chacha-wishlist-page__hero
	h1 {
		font-size:
			clamp(
				42px,
				6vw,
				54px
			);
	}


	body.chacha-wishlist-page-page
	.chacha-wishlist-page__content {
		padding:
			24px
			20px
			50px !important;
	}


	body.chacha-wishlist-page-page
	.chacha-wishlist-empty {
		padding:
			32px
			22px;
	}

}


/* ==========================================================
 * I. MOBILE
 * ========================================================== */

@media (max-width: 600px) {

	body.chacha-wishlist-page-page
	.chacha-wishlist-page__hero {
		padding:
			12px
			18px
			18px !important;
	}


	body.chacha-wishlist-page-page
	.chacha-wishlist-page__shell {
		width:
			calc(
				100%
				-
				36px
			);
	}


	body.chacha-wishlist-page-page
	.chacha-wishlist-page__eyebrow {
		margin-bottom:
			7px !important;
	}


	body.chacha-wishlist-page-page
	.chacha-wishlist-page__hero
	h1 {
		font-size:
			clamp(
				38px,
				12vw,
				46px
			);

		line-height:
			1;
	}


	body.chacha-wishlist-page-page
	.chacha-wishlist-page__intro {
		margin-top:
			10px !important;

		font-size:
			12px;

		line-height:
			1.65;
	}


	body.chacha-wishlist-page-page
	.chacha-wishlist-page__meta {
		gap:
			6px
			10px;

		margin-top:
			12px !important;

		padding-top:
			11px;
	}


	body.chacha-wishlist-page-page
	.chacha-wishlist-page__content {
		padding:
			20px
			18px
			42px !important;
	}


	body.chacha-wishlist-page-page
	.chacha-wishlist-page__section-heading {
		display:
			block;

		margin-bottom:
			16px !important;

		padding-bottom:
			13px;
	}


	body.chacha-wishlist-page-page
	.chacha-wishlist-page__section-heading
	h2 {
		font-size:
			30px;
	}


	body.chacha-wishlist-page-page
	.chacha-wishlist-page__section-heading
	> a {
		margin-top:
			12px;
	}


	body.chacha-wishlist-page-page
	.chacha-wishlist-empty {
		padding:
			28px
			16px;
	}


	body.chacha-wishlist-page-page
	.chacha-wishlist-empty__cta {
		width:
			100%;
	}

}


/* ==========================================================
 * J. MOBILE CONSENT SAFE AREA
 * ========================================================== */

@media (max-width: 900px) {

	body.chacha-wishlist-page-page
	.chacha-consent__reopen {
		left:
			auto !important;

		right:
			max(
				4px,
				env(
					safe-area-inset-right
				)
			) !important;

		bottom:
			max(
				14px,
				env(
					safe-area-inset-bottom
				)
			) !important;

		width:
			28px !important;

		max-width:
			28px !important;

		min-width:
			28px !important;

		min-height:
			94px !important;

		padding:
			9px
			0 !important;

		writing-mode:
			vertical-rl;

		text-orientation:
			mixed;

		white-space:
			nowrap;

		font-size:
			7.5px !important;

		line-height:
			1 !important;

		letter-spacing:
			0.04em;

		transform:
			rotate(
				180deg
			) !important;
	}

}