/* SpiceItUp! Discover — shopper journey. Brand tokens match the Discover pages (--si-*). */
.siud-fans,
.siud-sticky {
	--siud-red: #d51f26;
	--siud-red-dark: #a81218;
	--siud-green: #176a3b;
	--siud-green-dark: #0d4928;
	--siud-cream: #fff8e9;
	--siud-ink: #171717;
}

/* Trust strip ------------------------------------------------------------ */
.siud-fans {
	background: var(--siud-cream);
	border-bottom: 2px solid var(--siud-ink);
	padding: clamp(22px, 3.4vw, 34px) 0;
}

.siud-fans-inner {
	width: min(1180px, calc(100% - 32px));
	margin: 0 auto;
	display: flex;
	align-items: center;
	gap: clamp(16px, 3vw, 32px);
}

.siud-fans-faces {
	display: flex;
	flex: none;
	padding-left: 12px;
}

.siud-fans-faces img {
	width: 52px;
	height: 52px;
	margin-left: -12px;
	border: 3px solid var(--siud-cream);
	border-radius: 50%;
	box-shadow: 0 0 0 2px var(--siud-ink);
	object-fit: cover;
	background: #fff;
}

.siud-fans-copy {
	flex: 1;
	min-width: 0;
}

.siud-fans-eyebrow {
	display: flex;
	align-items: center;
	gap: 10px;
	margin: 0 0 4px;
	color: var(--siud-green);
	font-size: .78rem;
	font-weight: 900;
	letter-spacing: .12em;
	text-transform: uppercase;
}

.siud-fans-eyebrow::before {
	content: "";
	width: 28px;
	height: 3px;
	background: var(--siud-red);
}

.siud-fans-title {
	margin: 0;
	color: var(--siud-ink);
	font-size: clamp(1.05rem, 1.9vw, 1.35rem);
	font-weight: 800;
	line-height: 1.3;
	letter-spacing: 0;
	text-transform: none;
}

.siud-fans-link {
	flex: none;
	display: inline-flex;
	align-items: center;
	gap: 8px;
	min-height: 48px;
	padding: 10px 20px;
	border: 2px solid var(--siud-ink);
	border-radius: 999px;
	background: #fff;
	box-shadow: 3px 3px 0 var(--siud-ink);
	color: var(--siud-ink);
	font-weight: 900;
	text-decoration: none;
	transition: transform .18s ease, box-shadow .18s ease;
}

.siud-fans-link:hover {
	transform: translate(2px, 2px);
	box-shadow: 1px 1px 0 var(--siud-ink);
	color: var(--siud-ink);
}

.siud-fans-link:focus-visible {
	outline: 4px solid rgba(240, 200, 61, .7);
	outline-offset: 3px;
}

#siud-testimonials {
	display: block;
	scroll-margin-top: 110px;
}

@media (max-width: 760px) {
	.siud-fans-inner {
		flex-wrap: wrap;
	}

	.siud-fans-copy {
		flex-basis: calc(100% - 200px);
	}

	.siud-fans-faces img {
		width: 44px;
		height: 44px;
	}

	.siud-fans-link {
		width: 100%;
		justify-content: center;
	}
}

/* Sticky mobile shop bar ------------------------------------------------- */
.siud-sticky {
	display: none;
}

@media (max-width: 760px) {
	.siud-sticky:not([hidden]) {
		position: fixed;
		right: 0;
		bottom: 0;
		left: 0;
		z-index: 9990;
		display: flex;
		gap: 10px;
		padding: 10px 16px calc(10px + env(safe-area-inset-bottom));
		background: var(--siud-cream);
		border-top: 2px solid var(--siud-ink);
		box-shadow: 0 -6px 18px rgba(23, 23, 23, .12);
		transform: translateY(110%);
		transition: transform .22s ease;
	}

	.siud-sticky.is-visible {
		transform: translateY(0);
	}

	.siud-sticky a {
		display: inline-flex;
		align-items: center;
		justify-content: center;
		min-height: 48px;
		padding: 10px 14px;
		border: 2px solid var(--siud-ink);
		border-radius: 999px;
		font-weight: 900;
		line-height: 1.15;
		text-align: center;
		text-decoration: none;
	}

	.siud-sticky-primary {
		flex: 1.4;
		background: var(--siud-red);
		color: #fff;
	}

	.siud-sticky-primary:hover,
	.siud-sticky-primary:focus {
		background: var(--siud-red-dark);
		color: #fff;
	}

	.siud-sticky-secondary {
		flex: 1;
		background: #fff;
		color: var(--siud-ink);
	}

	.siud-sticky a:focus-visible {
		outline: 4px solid rgba(240, 200, 61, .7);
		outline-offset: 2px;
	}

	body.siud-has-sticky {
		padding-bottom: calc(76px + env(safe-area-inset-bottom));
	}
}

@media (prefers-reduced-motion: reduce) {
	.siud-sticky,
	.siud-fans-link {
		transition: none;
	}
}