/* Wishlist — HRR shell (Replit match; Anarkali wishlist data kept) */

.hrr-shell .hrr-wishlist-hero.hrr-compact-page-hero {
	padding: 75px 0 55px;
}

.hrr-shell .hrr-wishlist-section {
	width: min(1240px, calc(100% - 64px));
	margin: 0 auto;
	padding: 70px 0 96px;
}

/* Kill Anarkali panel styles that squash the grid into a 600px bordered box */
.hrr-shell .hrr-wishlist-page .wishlist-content,
.hrr-shell .hrr-wishlist-page .wishlist-all-items {
	max-width: none !important;
	width: 100% !important;
	margin: 0 !important;
	padding: 0 !important;
	border: 0 !important;
	height: auto !important;
	max-height: none !important;
	background: transparent !important;
}

.hrr-shell .hrr-wishlist-section .hrr-products {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 18px;
	width: 100%;
}

.hrr-shell .hrr-wishlist-item {
	min-width: 0;
}

.hrr-shell .hrr-wishlist-item .hrr-product-heart.is-saved,
.hrr-shell .hrr-wishlist-item .hrr-product-heart.anarkali-wishlist-del-icon {
	background: hsl(var(--background) / 0.9);
	color: hsl(var(--primary));
	border: 0;
	cursor: pointer;
	padding: 0;
}

.hrr-shell .hrr-wishlist-item .hrr-product-heart.is-saved svg {
	fill: currentColor;
	stroke: currentColor;
}

.hrr-shell .hrr-empty-page {
	min-height: 390px;
	display: grid;
	place-items: center;
	align-content: center;
	text-align: center;
	gap: 8px;
}

.hrr-shell .hrr-empty-page .hrr-icon,
.hrr-shell .hrr-empty-page svg {
	color: hsl(var(--primary));
	margin: 0 auto;
}

.hrr-shell .hrr-empty-page h2 {
	margin: 10px 0 0 !important;
	font: 500 36px/1.1 var(--hrr-font-serif, "Playfair Display", serif) !important;
	color: #351c26 !important;
}

.hrr-shell .hrr-empty-page p {
	margin: 0 0 17px !important;
	color: hsl(var(--muted-foreground)) !important;
	font: 14px/1.6 var(--hrr-font-serif, "Playfair Display", serif) !important;
}

.hrr-shell .hrr-empty-page .hrr-button-primary {
	margin-top: 4px;
}

/* Anarkali AJAX empty dump → restyle toward Replit */
.hrr-shell .hrr-wishlist-page .wishlist-all-items.content-empty,
.hrr-shell .hrr-wishlist-page .wishlist-all-items.is-empty {
	min-height: 390px;
	display: grid;
	place-items: center;
}

.hrr-shell .hrr-wishlist-page .anarkali-wishlist-content-notice.anarkali-empty-content,
.hrr-shell .hrr-wishlist-page .anarkali-panel-content-notice.anarkali-empty-content {
	display: grid;
	place-items: center;
	text-align: center;
	gap: 8px;
	border: 0 !important;
	background: transparent !important;
	padding: 0 !important;
}

.hrr-shell .hrr-wishlist-page .anarkali-empty-content .anarkali-big-svg-icon {
	width: 22px;
	height: 22px;
	color: hsl(var(--primary));
}

.hrr-shell .hrr-wishlist-page .anarkali-empty-content .anarkali-small-title {
	margin: 10px 0 0 !important;
	font: 500 36px/1.1 var(--hrr-font-serif, "Playfair Display", serif) !important;
	color: #351c26 !important;
}

.hrr-shell .hrr-wishlist-page .anarkali-empty-content .anarkali-btn-small {
	display: inline-flex !important;
	align-items: center;
	justify-content: center;
	min-height: 46px !important;
	margin-top: 17px !important;
	padding: 0 22px !important;
	border: 1px solid #f0b099 !important;
	background: #f0b099 !important;
	color: #4b182e !important;
	font: 500 10px/1 var(--hrr-font-mono, "DM Mono", monospace) !important;
	letter-spacing: 0.1em !important;
	text-transform: uppercase !important;
	border-radius: 0 !important;
	box-shadow: none !important;
}

.hrr-shell .hrr-wishlist-page .anarkali-page-hero,
.hrr-shell .hrr-wishlist-page .anarkali-breadcrumbs,
.hrr-shell .hrr-wishlist-page .nt-hero-title {
	display: none !important;
}

@media (max-width: 1100px) {
	.hrr-shell .hrr-wishlist-section .hrr-products {
		grid-template-columns: repeat(2, 1fr);
	}
}

@media (max-width: 899px) {
	.hrr-shell .hrr-wishlist-section {
		width: min(1240px, calc(100% - 40px));
		padding: 48px 0 72px;
	}

	.hrr-shell .hrr-wishlist-section .hrr-products {
		grid-template-columns: repeat(2, 1fr);
		gap: 24px 12px;
	}

	.hrr-shell .hrr-empty-page h2 {
		font-size: 30px !important;
	}
}

@media (max-width: 560px) {
	.hrr-shell .hrr-wishlist-section .hrr-products {
		grid-template-columns: 1fr;
	}
}
