/* Luxury card — exact Figma (clipped gold circle). Loads AFTER home-v2.css */
body.is-v2 .hv2-ads--luxury,
body.is-home .hv2-ads--luxury,
body.is-adlist .hv2-ads--luxury {
	display: grid !important;
	grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
	gap: 22px !important;
}

body.is-v2 a.shl-lux,
body.is-home a.shl-lux,
body.is-adlist a.shl-lux {
	--lux-gold: #ffc107;
	--lux-cream: #fef9ee;
	--lux-ink: #1f2430;
	position: relative !important;
	display: block !important;
	box-sizing: border-box !important;
	min-height: 260px !important;
	margin: 0 !important;
	padding: 0 !important;
	border: 0 !important;
	border-radius: 14px !important;
	overflow: hidden !important;
	background: var(--lux-cream) !important;
	box-shadow: 0 12px 30px rgba(31, 36, 48, 0.1) !important;
	text-decoration: none !important;
	color: var(--lux-ink) !important;
	transition: transform 0.2s ease, box-shadow 0.2s ease;
}

body.is-v2 a.shl-lux:hover,
body.is-home a.shl-lux:hover,
body.is-adlist a.shl-lux:hover {
	transform: translateY(-3px) !important;
	box-shadow: 0 18px 40px rgba(31, 36, 48, 0.14) !important;
	color: var(--lux-ink) !important;
	text-decoration: none !important;
}

body.is-v2 .shl-lux__content,
body.is-home .shl-lux__content,
body.is-adlist .shl-lux__content {
	position: relative !important;
	z-index: 2 !important;
	box-sizing: border-box !important;
	display: flex !important;
	flex-direction: column !important;
	gap: 6px !important;
	min-height: 260px !important;
	padding: 20px 22px 18px !important;
	padding-inline-end: 46% !important;
	background: transparent !important;
	width: 100% !important;
}

body.is-v2 .shl-lux__badges,
body.is-home .shl-lux__badges,
body.is-adlist .shl-lux__badges {
	display: flex !important;
	flex-direction: column !important;
	align-items: flex-start !important;
	gap: 5px !important;
	margin: 0 0 4px !important;
}

body.is-v2 .shl-lux__vip,
body.is-home .shl-lux__vip,
body.is-adlist .shl-lux__vip {
	display: inline-flex !important;
	align-items: center !important;
	gap: 6px !important;
	height: 26px !important;
	padding: 0 11px !important;
	border-radius: 4px !important;
	background: var(--lux-gold) !important;
	border: 1.5px solid #3b82f6 !important;
	color: #111 !important;
	font-size: 12px !important;
	font-weight: 800 !important;
	line-height: 1 !important;
}

body.is-v2 .shl-lux__vip i { color: #111 !important; font-size: 12px !important; }

body.is-v2 .shl-lux__new,
body.is-home .shl-lux__new,
body.is-adlist .shl-lux__new {
	display: inline-block !important;
	color: #ff6a00 !important;
	font-size: 14px !important;
	font-weight: 800 !important;
	text-shadow: 0 0 12px rgba(255, 106, 0, 0.65), 0 0 3px rgba(255, 106, 0, 0.4) !important;
}

body.is-v2 .shl-lux__title,
body.is-home .shl-lux__title,
body.is-adlist .shl-lux__title {
	margin: 0 !important;
	font-family: Tajawal, Cairo, sans-serif !important;
	font-size: 22px !important;
	font-weight: 800 !important;
	line-height: 1.3 !important;
	color: var(--lux-ink) !important;
	display: -webkit-box !important;
	-webkit-line-clamp: 1 !important;
	-webkit-box-orient: vertical !important;
	overflow: hidden !important;
}

body.is-v2 .shl-lux__desc,
body.is-home .shl-lux__desc,
body.is-adlist .shl-lux__desc {
	margin: 0 !important;
	font-size: 13px !important;
	line-height: 1.65 !important;
	color: #6b7280 !important;
	display: -webkit-box !important;
	-webkit-line-clamp: 2 !important;
	-webkit-box-orient: vertical !important;
	overflow: hidden !important;
}

body.is-v2 .shl-lux__rule,
body.is-home .shl-lux__rule,
body.is-adlist .shl-lux__rule {
	display: block !important;
	width: 100% !important;
	max-width: 220px !important;
	height: 0 !important;
	margin: 10px 0 0 !important;
	border: 0 !important;
	border-top: 1.5px solid var(--lux-gold) !important;
}

body.is-v2 .shl-lux__foot,
body.is-home .shl-lux__foot,
body.is-adlist .shl-lux__foot {
	display: flex !important;
	flex-direction: row !important;
	align-items: flex-end !important;
	justify-content: space-between !important;
	gap: 12px !important;
	margin-top: auto !important;
	padding-top: 12px !important;
	width: 100% !important;
}

/* RTL: first item (price) sits near the circle (inline-start = right) */
body.is-v2 .shl-lux__price,
body.is-home .shl-lux__price,
body.is-adlist .shl-lux__price {
	display: flex !important;
	flex-direction: column !important;
	align-items: flex-start !important;
	flex: 0 0 auto !important;
}

body.is-v2 .shl-lux__amount,
body.is-home .shl-lux__amount,
body.is-adlist .shl-lux__amount {
	display: block !important;
	font-family: Tajawal, Cairo, sans-serif !important;
	font-size: 28px !important;
	font-weight: 800 !important;
	line-height: 1 !important;
	color: var(--lux-gold) !important;
}

body.is-v2 .shl-lux__cur,
body.is-home .shl-lux__cur,
body.is-adlist .shl-lux__cur {
	display: block !important;
	margin-top: 4px !important;
	font-size: 14px !important;
	font-weight: 800 !important;
	color: var(--lux-gold) !important;
}

body.is-v2 .shl-lux__loc,
body.is-home .shl-lux__loc,
body.is-adlist .shl-lux__loc {
	display: inline-flex !important;
	align-items: center !important;
	gap: 6px !important;
	font-size: 13px !important;
	font-weight: 600 !important;
	color: #6b7280 !important;
}

body.is-v2 .shl-lux__visual,
body.is-home .shl-lux__visual,
body.is-adlist .shl-lux__visual {
	position: absolute !important;
	top: 0 !important;
	bottom: 0 !important;
	inset-inline-end: 0 !important;
	inset-inline-start: auto !important;
	width: 48% !important;
	z-index: 1 !important;
	pointer-events: none !important;
	overflow: visible !important;
	background: transparent !important;
}

body.is-v2 .shl-lux__circle,
body.is-home .shl-lux__circle,
body.is-adlist .shl-lux__circle {
	position: absolute !important;
	top: 50% !important;
	inset-inline-end: -72px !important;
	inset-inline-start: auto !important;
	width: 300px !important;
	height: 300px !important;
	transform: translateY(-50%) !important;
	border-radius: 50% !important;
	border: 8px solid var(--lux-gold) !important;
	box-sizing: border-box !important;
	overflow: hidden !important;
	background: #d8dde4 !important;
	margin: 0 !important;
	padding: 0 !important;
}

body.is-v2 .shl-lux__circle img,
body.is-home .shl-lux__circle img,
body.is-adlist .shl-lux__circle img {
	display: block !important;
	width: 100% !important;
	height: 100% !important;
	max-width: none !important;
	object-fit: cover !important;
	border: 0 !important;
	border-radius: 0 !important;
}

body.is-v2 .shl-lux__fav,
body.is-home .shl-lux__fav,
body.is-adlist .shl-lux__fav {
	position: absolute !important;
	top: 16px !important;
	inset-inline-end: 16px !important;
	width: 38px !important;
	height: 38px !important;
	border-radius: 50% !important;
	background: rgba(35, 38, 46, 0.42) !important;
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	color: #fff !important;
	font-size: 15px !important;
	z-index: 3 !important;
}

/* neutralize legacy lux */
body.is-v2 .hv2-lux,
body.is-home .hv2-lux,
body.is-adlist .hv2-lux,
body.is-v2 .hv2-ad--luxury {
	display: none !important;
}

@media (max-width: 1024px) {
	body.is-v2 .hv2-ads--luxury,
	body.is-home .hv2-ads--luxury,
	body.is-adlist .hv2-ads--luxury {
		grid-template-columns: 1fr !important;
	}
}

@media (max-width: 640px) {
	body.is-v2 .shl-lux__content,
	body.is-home .shl-lux__content,
	body.is-adlist .shl-lux__content {
		min-height: 0 !important;
		padding: 18px 18px 200px !important;
		padding-inline-end: 18px !important;
	}
	body.is-v2 .shl-lux__visual,
	body.is-home .shl-lux__visual,
	body.is-adlist .shl-lux__visual {
		top: auto !important;
		bottom: 0 !important;
		inset-inline: 0 !important;
		width: 100% !important;
		height: 190px !important;
	}
	body.is-v2 .shl-lux__circle,
	body.is-home .shl-lux__circle,
	body.is-adlist .shl-lux__circle {
		width: 220px !important;
		height: 220px !important;
		inset-inline-end: 50% !important;
		transform: translate(50%, -42%) !important;
	}
	html[dir="ltr"] body.is-v2 .shl-lux__circle {
		transform: translate(-50%, -42%) !important;
	}
	body.is-v2 .shl-lux__amount { font-size: 22px !important; }
}
