/* Starverse homepage "Featured Product" section ([starverse_featured_product]) */
.sv-feat {
	--f-text: #f2f2f2; --f-muted: #a6a6a6; --f-line: #262626; --f-amber: #f0a25a; --f-ok: #6fdc9a;
	position: relative;
	overflow: hidden;
	margin: 40px auto;
	max-width: 1200px;
	padding: 56px 40px;
	border-radius: 24px;
	border: 1px solid var(--f-line);
	color: var(--f-text);
	font-family: "Montserrat", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
	background:
		radial-gradient(1px 1px at 6% 16%, rgba(255,255,255,.85), transparent),
		radial-gradient(1px 1px at 18% 78%, rgba(255,255,255,.55), transparent),
		radial-gradient(1.5px 1.5px at 33% 30%, rgba(255,240,220,.9), transparent),
		radial-gradient(1px 1px at 52% 88%, rgba(255,255,255,.5), transparent),
		radial-gradient(1px 1px at 64% 10%, rgba(255,255,255,.8), transparent),
		radial-gradient(1.5px 1.5px at 77% 62%, rgba(230,210,255,.85), transparent),
		radial-gradient(1px 1px at 90% 24%, rgba(255,255,255,.7), transparent),
		radial-gradient(1px 1px at 96% 84%, rgba(255,255,255,.55), transparent),
		radial-gradient(ellipse 55% 85% at 22% 45%, rgba(214,118,40,.32), transparent 62%),
		radial-gradient(ellipse 45% 70% at 85% 70%, rgba(150,95,210,.16), transparent 60%),
		#000;
	box-sizing: border-box;
}
.sv-feat *, .sv-feat *::before, .sv-feat *::after { box-sizing: border-box; }
.sv-feat a { text-decoration: none; }
.sv-feat-inner {
	display: grid;
	grid-template-columns: 1fr 1.05fr;
	gap: 48px;
	align-items: center;
}
.sv-feat-media {
	position: relative;
	display: block;
	border-radius: 20px;
	overflow: hidden;
	background: radial-gradient(circle at 50% 40%, #241608, #060606 70%);
	border: 1px solid var(--f-line);
	aspect-ratio: 1 / 1;
	box-shadow: 0 30px 80px rgba(0,0,0,.55), 0 0 0 1px rgba(255,255,255,.03);
}
.sv-feat-media img.sv-feat-img {
	width: 100% !important;
	height: 100% !important;
	object-fit: cover;
	display: block;
	margin: 0 !important;
	transition: transform .5s ease;
}
.sv-feat-media:hover img.sv-feat-img { transform: scale(1.04); }
.sv-feat-badge {
	position: absolute; top: 16px; left: 16px; z-index: 2;
	background: #fff; color: #000;
	font-weight: 800; font-size: 13px;
	padding: 6px 12px; border-radius: 999px;
}
.sv-feat-eyebrow {
	display: inline-block;
	font-size: 12px; font-weight: 600; letter-spacing: .22em; text-transform: uppercase;
	color: var(--f-amber);
	border: 1px solid rgba(240,162,90,.45);
	padding: 6px 14px; border-radius: 999px;
	margin-bottom: 16px;
}
.sv-feat-title {
	margin: 0 0 12px !important;
	font-family: inherit !important;
	font-size: clamp(32px, 4.4vw, 52px) !important;
	line-height: 1.05 !important;
	font-weight: 800 !important;
	letter-spacing: -.01em;
}
.sv-feat-title a { color: #fff !important; }
.sv-feat-price { font-size: 30px; font-weight: 800; color: #fff; margin-bottom: 16px; }
.sv-feat-price del { color: var(--f-muted); font-size: .6em; font-weight: 400; margin-right: 8px; opacity: 1; }
.sv-feat-price ins { text-decoration: none; background: none; color: inherit; }
.sv-feat-desc { color: #cfcfcf; font-size: 16px; line-height: 1.6; margin-bottom: 14px; }
.sv-feat-desc p { margin: 0 0 8px; }
.sv-feat-desc ul { list-style: none; padding: 0; margin: 0; }
.sv-feat-desc li { margin: 0 0 6px; }
.sv-feat-desc li::before { content: "✦ "; color: var(--f-amber); }
.sv-feat-stock {
	display: inline-flex; align-items: center; gap: 8px;
	color: var(--f-ok); font-size: 14px; font-weight: 600; margin: 0 0 22px;
}
.sv-feat-stock::before { content: ""; width: 8px; height: 8px; border-radius: 50%; background: currentColor; box-shadow: 0 0 10px currentColor; }
.sv-feat-actions { display: flex; flex-wrap: wrap; gap: 12px; margin-bottom: 22px; }
.sv-feat-btn {
	flex: 1 1 200px;
	display: inline-flex; align-items: center; justify-content: center; gap: 8px;
	min-height: 54px; padding: 0 26px;
	border-radius: 8px;
	background: #fff; color: #000 !important;
	font-weight: 700; font-size: 16px;
	box-shadow: 0 8px 28px rgba(0,0,0,.45);
	transition: transform .15s, background .15s;
}
.sv-feat-btn:hover { transform: translateY(-2px); background: #ececec; }
.sv-feat-btn--ghost {
	background: transparent; color: #fff !important;
	border: 1px solid rgba(255,255,255,.65);
	box-shadow: none;
}
.sv-feat-btn--ghost:hover { background: #fff; color: #000 !important; }
.sv-feat-perks {
	display: flex; flex-wrap: wrap; gap: 8px;
	list-style: none; padding: 0 !important; margin: 0 !important;
}
.sv-feat-perks li {
	margin: 0 !important;
	font-size: 13px; font-weight: 600; color: #e6e6e6;
	background: rgba(255,255,255,.06);
	border: 1px solid var(--f-line);
	padding: 8px 12px; border-radius: 999px;
}
.sv-feat-perks li:first-child { border-color: rgba(240,162,90,.5); background: rgba(240,162,90,.12); color: #fff; }
.sv-feat-perks a { color: #fff !important; }

@media (max-width: 860px) {
	.sv-feat { padding: 28px 18px 24px; margin: 24px 12px; border-radius: 18px; }
	.sv-feat-inner { grid-template-columns: 1fr; gap: 24px; }
	.sv-feat-body { text-align: left; }
	.sv-feat-price { font-size: 26px; }
	.sv-feat-btn { flex-basis: 100%; }
}
@media (prefers-reduced-motion: reduce) { .sv-feat * { transition: none !important; } }
.sv-buy-wrap { display: flex; flex-direction: column; align-items: center; gap: 8px; margin: 16px 0; font-family: "Montserrat", system-ui, sans-serif; }
.sv-buy-wrap .sv-buy-btn { width: 100%; max-width: 420px; text-decoration: none; }
.sv-buy-note { font-size: 13px; color: #a6a6a6; }