/**
 * Urgency Kit for Kadence & Woo — front-end styles.
 *
 * Colours resolve in this order:
 *   1. the per-instance custom property set by the block (--ukk-accent, …)
 *   2. the Kadence global palette (--global-palette1 …)
 *   3. a neutral fallback, so the widgets look right on any theme.
 *
 * Layout uses logical properties throughout, so RTL works without a
 * separate stylesheet.
 */

/* -------------------------------------------------------------------------
 * 1. Tokens & base
 * ---------------------------------------------------------------------- */

.ukk-block {
	--ukk-c-accent: var(--ukk-accent, var(--global-palette1, #f76b15));
	--ukk-c-text: var(--ukk-text, var(--global-palette3, #1a202c));
	--ukk-c-muted: var(--ukk-muted, var(--global-palette5, #56606f));
	--ukk-c-track: var(--ukk-track, var(--global-palette7, #e9edf2));
	--ukk-c-border: var(--ukk-border, var(--global-palette6, #cbd3dd));
	--ukk-c-surface: var(--global-palette9, #ffffff);
	--ukk-c-urgent: var(--ukk-urgent, #e02b2b);
	--ukk-c-success: var(--ukk-success, #12a150);
	--ukk-radius: 12px;
	--ukk-gap: 12px;

	box-sizing: border-box;
	color: var(--ukk-c-text);
	font-family: var(--global-body-font-family, inherit);
	line-height: 1.45;
	margin-block: 0;
	max-width: 100%;
}

.ukk-block *,
.ukk-block *::before,
.ukk-block *::after {
	box-sizing: inherit;
}

.ukk-block .ukk-icon {
	display: block;
	flex: none;
}

.ukk-hl {
	color: var(--ukk-hl, inherit);
	font-weight: 700;
}

.ukk-num {
	font-variant-numeric: tabular-nums;
	font-weight: 700;
}

.ukk-stars {
	color: var(--ukk-star-color, #f5a524);
	display: inline-flex;
	gap: 1px;
	vertical-align: middle;
}

.ukk-stars .ukk-star {
	height: var(--ukk-star-size, 18px);
	width: var(--ukk-star-size, 18px);
}

.ukk-placement {
	margin-block: 12px;
}

/* Only rendered while ?ukk_tz= is active, and only for administrators. */
.ukk-tz-preview {
	outline: 2px dashed #dba617;
	outline-offset: 6px;
	position: relative;
}

.ukk-tz-preview::after {
	background: #dba617;
	border-radius: 4px;
	color: #1d2327;
	content: "Timezone preview";
	font-size: 10px;
	font-weight: 700;
	inset-block-start: -10px;
	inset-inline-start: 0;
	letter-spacing: 0.04em;
	padding: 2px 6px;
	position: absolute;
	text-transform: uppercase;
}

.ukk-editor-hint {
	background: #f6f7f7;
	border: 1px dashed #c3c4c7;
	border-radius: 6px;
	color: #50575e;
	display: block;
	font-size: 13px;
	padding: 12px 14px;
}

/* -------------------------------------------------------------------------
 * 2. Entrance animations
 * ---------------------------------------------------------------------- */

.ukk-anim {
	animation-duration: var(--ukk-anim-duration, 600ms);
	animation-fill-mode: both;
	animation-timing-function: cubic-bezier(0.22, 0.68, 0.35, 1);
}

.ukk-anim-fade { animation-name: ukk-fade; }
.ukk-anim-slide-up { animation-name: ukk-slide-up; }
.ukk-anim-slide-down { animation-name: ukk-slide-down; }
.ukk-anim-zoom { animation-name: ukk-zoom; }
.ukk-anim-pulse { animation: ukk-pulse 2.2s ease-in-out infinite; }

@keyframes ukk-fade { from { opacity: 0; } to { opacity: 1; } }
@keyframes ukk-slide-up { from { opacity: 0; transform: translateY(14px); } to { opacity: 1; transform: none; } }
@keyframes ukk-slide-down { from { opacity: 0; transform: translateY(-14px); } to { opacity: 1; transform: none; } }
@keyframes ukk-zoom { from { opacity: 0; transform: scale(0.94); } to { opacity: 1; transform: none; } }
@keyframes ukk-pulse { 0%, 100% { transform: scale(1); } 50% { transform: scale(1.03); } }

@keyframes ukk-ping {
	0% { transform: scale(1); opacity: 0.55; }
	70% { transform: scale(2.4); opacity: 0; }
	100% { transform: scale(2.4); opacity: 0; }
}

@keyframes ukk-stripes { from { background-position-x: 0; } to { background-position-x: 28px; } }

@keyframes ukk-tick {
	0% { transform: translateY(-38%); opacity: 0; }
	100% { transform: none; opacity: 1; }
}

/* -------------------------------------------------------------------------
 * 3. Order timeline
 * ---------------------------------------------------------------------- */

.ukk-order-timeline .ukk-tl {
	display: flex;
	list-style: none;
	margin: 0;
	padding: 0;
}

.ukk-order-timeline .ukk-tl__step {
	align-items: center;
	display: flex;
	flex: 1 1 0;
	flex-direction: column;
	min-width: 0;
	position: relative;
	text-align: center;
}

.ukk-order-timeline .ukk-tl__step::before {
	border-top: var(--ukk-conn-w, 3px) var(--ukk-conn-style, solid) var(--ukk-conn-color, var(--ukk-c-text));
	content: "";
	inset-inline-end: 50%;
	inset-inline-start: -50%;
	margin-inline: var(--ukk-conn-inset, 0);
	position: absolute;
	top: calc(var(--ukk-marker-size, 68px) / 2);
	z-index: 0;
}

.ukk-order-timeline .ukk-tl__step:first-child::before {
	content: none;
}

.ukk-order-timeline .ukk-tl__marker {
	align-items: center;
	background: var(--ukk-marker-bg, var(--ukk-c-text));
	border: 0 solid var(--ukk-marker-bd, transparent);
	border-radius: 50%;
	color: var(--ukk-marker-fg, var(--ukk-c-surface));
	display: inline-flex;
	flex: none;
	height: var(--ukk-marker-size, 68px);
	justify-content: center;
	position: relative;
	width: var(--ukk-marker-size, 68px);
	z-index: 1;
}

.ukk-order-timeline .ukk-tl__icon {
	height: var(--ukk-icon-size, 28px);
	width: var(--ukk-icon-size, 28px);
}

.ukk-order-timeline .ukk-tl__body {
	display: flex;
	flex-direction: column;
	gap: 2px;
	margin-block-start: 14px;
	padding-inline: 6px;
}

.ukk-order-timeline .ukk-tl__date {
	line-height: 1.3;
}

.ukk-order-timeline .ukk-tl__label {
	color: var(--ukk-c-muted);
	line-height: 1.35;
}

/* Progress states */
.ukk-order-timeline.ukk-tl--progress .ukk-tl__step.is-upcoming .ukk-tl__marker {
	background: var(--ukk-c-track);
	color: var(--ukk-c-muted);
}

.ukk-order-timeline.ukk-tl--progress .ukk-tl__step.is-upcoming::before {
	border-top-color: var(--ukk-c-track);
}

.ukk-order-timeline.ukk-tl--progress .ukk-tl__step.is-current .ukk-tl__marker {
	background: var(--ukk-marker-bg, var(--ukk-c-accent));
	box-shadow: 0 0 0 6px color-mix(in srgb, var(--ukk-c-accent) 18%, transparent);
}

/* Marker shapes */
.ukk-tl--marker-rounded .ukk-tl__marker { border-radius: 22%; }
.ukk-tl--marker-square .ukk-tl__marker { border-radius: 0; }

/* Vertical layout, shared with the mobile stack */
.ukk-tl--vertical .ukk-tl {
	flex-direction: column;
	gap: 0;
}

.ukk-tl--vertical .ukk-tl__step {
	align-items: flex-start;
	flex-direction: row;
	gap: 16px;
	padding-block-end: 22px;
	text-align: start;
}

.ukk-tl--vertical .ukk-tl__step::before {
	border-inline-start: var(--ukk-conn-w, 3px) var(--ukk-conn-style, solid) var(--ukk-conn-color, var(--ukk-c-text));
	border-top: 0;
	block-size: 100%;
	inset-block-start: auto;
	inset-inline-end: auto;
	inset-inline-start: calc(var(--ukk-marker-size, 68px) / 2);
	top: calc(-100% + var(--ukk-marker-size, 68px) / 2);
	transform: translateX(calc(var(--ukk-conn-w, 3px) / -2));
}

.ukk-tl--vertical .ukk-tl__body {
	margin-block-start: 0;
	padding-block-start: calc(var(--ukk-marker-size, 68px) / 2 - 14px);
	padding-inline: 0;
}

@media screen and (max-width: 767px) {
	.ukk-tl--stack-mobile.ukk-tl--horizontal .ukk-tl { flex-direction: column; }

	.ukk-tl--stack-mobile.ukk-tl--horizontal .ukk-tl__step {
		align-items: flex-start;
		flex-direction: row;
		gap: 14px;
		padding-block-end: 20px;
		text-align: start;
	}

	.ukk-tl--stack-mobile.ukk-tl--horizontal .ukk-tl__step::before {
		border-inline-start: var(--ukk-conn-w, 3px) var(--ukk-conn-style, solid) var(--ukk-conn-color, var(--ukk-c-text));
		border-top: 0;
		block-size: 100%;
		inset-inline-end: auto;
		inset-inline-start: calc(var(--ukk-marker-size, 48px) / 2);
		top: calc(-100% + var(--ukk-marker-size, 48px) / 2);
		transform: translateX(calc(var(--ukk-conn-w, 3px) / -2));
	}

	.ukk-tl--stack-mobile.ukk-tl--horizontal .ukk-tl__body {
		margin-block-start: 0;
		padding-block-start: calc(var(--ukk-marker-size, 48px) / 2 - 12px);
		padding-inline: 0;
	}
}

/* Timeline presets */
.ukk-order-timeline.ukk-preset-soft .ukk-tl__marker {
	background: var(--ukk-marker-bg, color-mix(in srgb, var(--ukk-c-accent) 14%, transparent));
	color: var(--ukk-marker-fg, var(--ukk-c-accent));
}

.ukk-order-timeline.ukk-preset-outline .ukk-tl__marker {
	background: var(--ukk-marker-bg, transparent);
	border-width: 2px;
	border-color: var(--ukk-marker-bd, var(--ukk-c-accent));
	color: var(--ukk-marker-fg, var(--ukk-c-accent));
}

.ukk-order-timeline.ukk-preset-minimal {
	--ukk-marker-size: 18px;
}

.ukk-order-timeline.ukk-preset-minimal .ukk-tl__icon {
	display: none;
}

.ukk-order-timeline.ukk-preset-minimal .ukk-tl__body {
	margin-block-start: 10px;
}

.ukk-order-timeline.ukk-preset-card {
	background: var(--ukk-bg, var(--ukk-c-surface));
	border: 1px solid var(--ukk-c-border);
	border-radius: var(--ukk-radius);
	padding: 26px 20px 22px;
}

/* The current step always keeps a contrasting icon, whatever the preset. */
.ukk-order-timeline.ukk-tl--progress .ukk-tl__step.is-current .ukk-tl__marker {
	background: var(--ukk-marker-bg, var(--ukk-c-accent));
	border-color: transparent;
	color: var(--ukk-marker-fg, var(--ukk-c-surface));
}

/* -------------------------------------------------------------------------
 * 4. Delivery estimate
 * ---------------------------------------------------------------------- */

.ukk-delivery-estimate .ukk-de__row {
	align-items: center;
	display: flex;
	gap: 10px;
	justify-content: var(--ukk-align, flex-start);
}

.ukk-delivery-estimate.ukk-de--stacked .ukk-de__row {
	align-items: flex-start;
	flex-direction: column;
	gap: 6px;
}

.ukk-delivery-estimate .ukk-de__marker {
	color: var(--ukk-icon-color, var(--ukk-c-accent));
	flex: none;
	font-size: var(--ukk-icon-size, 22px);
	line-height: 1;
}

.ukk-delivery-estimate .ukk-de__marker .ukk-icon {
	height: var(--ukk-icon-size, 22px);
	width: var(--ukk-icon-size, 22px);
}

.ukk-delivery-estimate .ukk-de__marker.is-image {
	height: auto;
	width: calc(var(--ukk-icon-size, 22px) * 1.4);
}

.ukk-delivery-estimate .ukk-de__cutoff {
	color: var(--ukk-c-muted);
	margin-block-start: 5px;
}

.ukk-delivery-estimate .ukk-hl {
	color: var(--ukk-hl, inherit);
}

.ukk-delivery-estimate.ukk-preset-soft,
.ukk-delivery-estimate.ukk-preset-card,
.ukk-delivery-estimate.ukk-preset-ticket,
.ukk-delivery-estimate.ukk-preset-bold {
	border-radius: var(--ukk-radius);
	padding: 12px 16px;
}

.ukk-delivery-estimate.ukk-preset-soft {
	background: var(--ukk-bg, color-mix(in srgb, var(--ukk-c-accent) 8%, transparent));
}

.ukk-delivery-estimate.ukk-preset-card {
	background: var(--ukk-bg, var(--ukk-c-surface));
	border: 1px solid var(--ukk-c-border);
}

.ukk-delivery-estimate.ukk-preset-ticket {
	background: var(--ukk-bg, transparent);
	border: 2px dashed var(--ukk-c-border);
}

.ukk-delivery-estimate.ukk-preset-bold {
	background: var(--ukk-bg, var(--ukk-c-accent));
	color: var(--ukk-c-surface);
}

.ukk-delivery-estimate.ukk-preset-bold .ukk-de__cutoff,
.ukk-delivery-estimate.ukk-preset-bold .ukk-de__marker {
	color: inherit;
	opacity: 0.9;
}

/* -------------------------------------------------------------------------
 * 5. Stock scarcity
 * ---------------------------------------------------------------------- */

.ukk-stock-scarcity {
	--ukk-level: var(--ukk-level-high, #12a150);
}

.ukk-stock-scarcity.ukk-ss--low { --ukk-level: var(--ukk-level-low, #e02b2b); }
.ukk-stock-scarcity.ukk-ss--mid { --ukk-level: var(--ukk-level-mid, #f5a524); }

.ukk-stock-scarcity .ukk-ss__head {
	align-items: center;
	display: flex;
	gap: 9px;
	justify-content: var(--ukk-align, flex-start);
}

.ukk-stock-scarcity .ukk-ss__dot {
	background: var(--ukk-level);
	border-radius: 50%;
	flex: none;
	height: 11px;
	position: relative;
	width: 11px;
}

.ukk-stock-scarcity.ukk-ss--pulse .ukk-ss__dot::after {
	animation: ukk-ping 1.9s cubic-bezier(0, 0, 0.2, 1) infinite;
	background: var(--ukk-level);
	border-radius: 50%;
	content: "";
	inset: 0;
	position: absolute;
}

.ukk-stock-scarcity .ukk-ss__ico {
	color: var(--ukk-level);
	flex: none;
}

.ukk-stock-scarcity .ukk-ss__num {
	color: var(--ukk-level);
	font-variant-numeric: tabular-nums;
}

.ukk-stock-scarcity .ukk-ss__pct {
	color: var(--ukk-c-muted);
	font-size: 0.86em;
	margin-inline-start: auto;
}

.ukk-stock-scarcity .ukk-ss__bar {
	background: var(--ukk-c-track);
	border-radius: var(--ukk-bar-radius, 99px);
	height: var(--ukk-bar-h, 8px);
	margin-block-start: 10px;
	overflow: hidden;
	width: 100%;
}

.ukk-stock-scarcity .ukk-ss__fill {
	background: var(--ukk-level);
	border-radius: inherit;
	display: block;
	height: 100%;
	width: var(--ukk-fill, 0%);
}

.ukk-stock-scarcity.ukk-ss--animate .ukk-ss__fill {
	transition: width 900ms cubic-bezier(0.22, 0.68, 0.35, 1);
}

.ukk-stock-scarcity.ukk-ss--stripes .ukk-ss__fill {
	animation: ukk-stripes 900ms linear infinite;
	background-image: linear-gradient(
		115deg,
		rgba(255, 255, 255, 0.28) 25%,
		transparent 25%,
		transparent 50%,
		rgba(255, 255, 255, 0.28) 50%,
		rgba(255, 255, 255, 0.28) 75%,
		transparent 75%
	);
	background-size: 28px 28px;
}

.ukk-stock-scarcity .ukk-ss__sub {
	color: var(--ukk-c-muted);
	font-size: 0.86em;
	margin-block-start: 6px;
}

.ukk-stock-scarcity.ukk-preset-card {
	background: var(--ukk-bg, var(--ukk-c-surface));
	border: 1px solid var(--ukk-c-border);
	border-radius: var(--ukk-radius);
	padding: 14px 16px;
}

.ukk-stock-scarcity.ukk-preset-bold {
	background: var(--ukk-bg, color-mix(in srgb, var(--ukk-level) 10%, transparent));
	border-inline-start: 4px solid var(--ukk-level);
	border-radius: 8px;
	padding: 12px 14px;
}

.ukk-stock-scarcity.ukk-preset-minimal .ukk-ss__bar { display: none; }

/* -------------------------------------------------------------------------
 * 6. Sold counter
 * ---------------------------------------------------------------------- */

.ukk-sold-counter {
	align-items: center;
	display: flex;
	gap: 8px;
	justify-content: var(--ukk-align, flex-start);
}

.ukk-sold-counter .ukk-sc__ico {
	color: var(--ukk-c-accent);
	flex: none;
}

.ukk-sold-counter .ukk-sc__ico .ukk-icon {
	height: var(--ukk-icon-size, 20px);
	width: var(--ukk-icon-size, 20px);
}

.ukk-sold-counter .ukk-num { color: var(--ukk-c-accent); }

.ukk-sold-counter.ukk-preset-pill {
	background: var(--ukk-bg, color-mix(in srgb, var(--ukk-c-accent) 12%, transparent));
	border-radius: 999px;
	display: inline-flex;
	padding: 7px 15px;
}

.ukk-sold-counter.ukk-preset-card {
	background: var(--ukk-bg, var(--ukk-c-surface));
	border: 1px solid var(--ukk-c-border);
	border-radius: var(--ukk-radius);
	padding: 12px 16px;
}

.ukk-sold-counter.ukk-preset-bold {
	background: var(--ukk-bg, var(--ukk-c-accent));
	border-radius: var(--ukk-radius);
	color: var(--ukk-c-surface);
	padding: 12px 16px;
}

.ukk-sold-counter.ukk-preset-bold .ukk-num,
.ukk-sold-counter.ukk-preset-bold .ukk-sc__ico { color: inherit; }

/* -------------------------------------------------------------------------
 * 7. Countdown
 * ---------------------------------------------------------------------- */

.ukk-countdown .ukk-cd__title,
.ukk-countdown .ukk-cd__subtitle {
	color: var(--ukk-c-text);
	text-align: var(--ukk-align, center);
}

.ukk-countdown .ukk-cd__title { margin-block-end: 10px; }
.ukk-countdown .ukk-cd__subtitle {
	color: var(--ukk-c-muted);
	font-size: 0.88em;
	margin-block-start: 10px;
}

.ukk-countdown .ukk-cd__digits {
	align-items: stretch;
	display: flex;
	flex-wrap: wrap;
	gap: var(--ukk-gap, 10px);
	justify-content: var(--ukk-align, center);
}

.ukk-countdown .ukk-cd__unit {
	align-items: center;
	display: flex;
	flex-direction: column;
	gap: 6px;
	min-width: var(--ukk-cd-min, 68px);
}

.ukk-countdown .ukk-cd__digit {
	align-items: center;
	background: var(--ukk-cd-bg, var(--ukk-c-accent));
	border: 2px solid transparent;
	border-radius: var(--ukk-cd-radius, 10px);
	color: var(--ukk-cd-fg, var(--ukk-c-surface));
	display: flex;
	font-variant-numeric: tabular-nums;
	justify-content: center;
	line-height: 1;
	padding: var(--ukk-cd-pad, 12px) 8px;
	width: 100%;
}

.ukk-countdown .ukk-cd__label {
	color: var(--ukk-cd-label, var(--ukk-c-muted));
	letter-spacing: 0.04em;
	text-transform: uppercase;
}

.ukk-countdown .ukk-cd__sep {
	align-self: center;
	color: var(--ukk-c-muted);
	font-size: 1.4em;
	font-weight: 700;
	margin-block-end: 18px;
}

.ukk-countdown.ukk-cd--sep-none .ukk-cd__sep { display: none; }
.ukk-countdown.ukk-cd--nolabels .ukk-cd__sep { margin-block-end: 0; }

.ukk-countdown.ukk-cd--labels-inside .ukk-cd__unit {
	background: var(--ukk-cd-bg, var(--ukk-c-accent));
	border-radius: var(--ukk-cd-radius, 10px);
	gap: 3px;
	padding: var(--ukk-cd-pad, 12px) 8px;
}

.ukk-countdown.ukk-cd--labels-inside .ukk-cd__digit {
	background: none;
	padding: 0;
}

.ukk-countdown.ukk-cd--labels-inside .ukk-cd__label { color: inherit; opacity: 0.75; }

.ukk-countdown.ukk-cd--labels-right .ukk-cd__unit {
	align-items: baseline;
	flex-direction: row;
	gap: 5px;
}

.ukk-countdown.ukk-cd--labels-right .ukk-cd__digit { width: auto; }

.ukk-countdown.ukk-cd--flip .ukk-cd__digit.is-tick {
	animation: ukk-tick 320ms cubic-bezier(0.22, 0.68, 0.35, 1);
}

.ukk-countdown.is-urgent .ukk-cd__digit {
	background: var(--ukk-urgent, #e02b2b);
	color: #fff;
}

.ukk-countdown .ukk-cd__expired {
	color: var(--ukk-c-muted);
	text-align: var(--ukk-align, center);
}

.ukk-countdown .ukk-cd__note {
	color: var(--ukk-c-muted);
	font-size: 13px;
	font-style: italic;
}

/* Countdown presets */
.ukk-countdown.ukk-preset-soft .ukk-cd__digit,
.ukk-countdown.ukk-preset-soft.ukk-cd--labels-inside .ukk-cd__unit {
	background: var(--ukk-cd-bg, color-mix(in srgb, var(--ukk-c-accent) 12%, transparent));
	color: var(--ukk-cd-fg, var(--ukk-c-accent));
}

.ukk-countdown.ukk-preset-outline .ukk-cd__digit,
.ukk-countdown.ukk-preset-outline.ukk-cd--labels-inside .ukk-cd__unit {
	background: none;
	border-color: var(--ukk-c-border);
	color: var(--ukk-cd-fg, var(--ukk-c-text));
}

.ukk-countdown.ukk-preset-plain .ukk-cd__digit {
	background: none;
	color: var(--ukk-cd-fg, var(--ukk-c-text));
	padding: 0;
}

.ukk-countdown.ukk-preset-circle .ukk-cd__digit {
	aspect-ratio: 1;
	border-radius: 50%;
	padding: 0;
}

.ukk-countdown.ukk-preset-ribbon {
	background: var(--ukk-bg, var(--ukk-c-accent));
	border-radius: var(--ukk-radius);
	color: var(--ukk-c-surface);
	padding: 16px;
}

.ukk-countdown.ukk-preset-ribbon .ukk-cd__digit {
	background: rgba(255, 255, 255, 0.16);
	color: inherit;
}

.ukk-countdown.ukk-preset-ribbon .ukk-cd__label,
.ukk-countdown.ukk-preset-ribbon .ukk-cd__title,
.ukk-countdown.ukk-preset-ribbon .ukk-cd__subtitle { color: inherit; }

/* When labels sit inside the tile, the tile — not the digit — is painted. */
.ukk-countdown.ukk-cd--labels-inside .ukk-cd__digit,
.ukk-countdown.ukk-preset-soft.ukk-cd--labels-inside .ukk-cd__digit,
.ukk-countdown.ukk-preset-outline.ukk-cd--labels-inside .ukk-cd__digit,
.ukk-countdown.ukk-preset-plain.ukk-cd--labels-inside .ukk-cd__digit,
.ukk-countdown.ukk-preset-circle.ukk-cd--labels-inside .ukk-cd__digit,
.ukk-countdown.ukk-preset-ribbon.ukk-cd--labels-inside .ukk-cd__digit {
	background: none;
	border-color: transparent;
	padding: 0;
}

/* -------------------------------------------------------------------------
 * 8. Cart reservation timer
 * ---------------------------------------------------------------------- */

.ukk-cart-timer .ukk-ct__row {
	align-items: center;
	display: flex;
	gap: 9px;
	justify-content: var(--ukk-align, flex-start);
}

.ukk-cart-timer .ukk-ct__ico { color: var(--ukk-c-accent); flex: none; }

.ukk-cart-timer .ukk-ct__dot {
	background: var(--ukk-c-accent);
	border-radius: 50%;
	flex: none;
	height: 10px;
	width: 10px;
}

.ukk-cart-timer .ukk-ct__time {
	font-variant-numeric: tabular-nums;
}

.ukk-cart-timer .ukk-ct__bar {
	background: var(--ukk-c-track);
	border-radius: var(--ukk-bar-radius, 99px);
	height: var(--ukk-bar-h, 6px);
	margin-block-start: 9px;
	overflow: hidden;
}

.ukk-cart-timer .ukk-ct__fill {
	background: var(--ukk-c-accent);
	display: block;
	height: 100%;
	transition: width 1s linear;
	width: var(--ukk-fill, 100%);
}

.ukk-cart-timer.is-urgent { --ukk-c-accent: var(--ukk-urgent, #e02b2b); }
.ukk-cart-timer.is-urgent .ukk-ct__time { color: var(--ukk-urgent, #e02b2b); }

.ukk-cart-timer .ukk-ct__expired {
	color: var(--ukk-urgent, #e02b2b);
	margin-block-start: 6px;
}

.ukk-cart-timer.ukk-preset-default,
.ukk-cart-timer.ukk-preset-card,
.ukk-cart-timer.ukk-preset-bold {
	border-radius: var(--ukk-radius);
	padding: 13px 16px;
}

.ukk-cart-timer.ukk-preset-default { background: var(--ukk-bg, color-mix(in srgb, var(--ukk-c-accent) 9%, transparent)); }
.ukk-cart-timer.ukk-preset-card { background: var(--ukk-bg, var(--ukk-c-surface)); border: 1px solid var(--ukk-c-border); }
.ukk-cart-timer.ukk-preset-bold { background: var(--ukk-bg, var(--ukk-c-accent)); color: var(--ukk-c-surface); }
.ukk-cart-timer.ukk-preset-bold .ukk-ct__ico,
.ukk-cart-timer.ukk-preset-bold .ukk-ct__time { color: inherit; }
.ukk-cart-timer.ukk-preset-bold .ukk-ct__bar { background: rgba(255, 255, 255, 0.28); }
.ukk-cart-timer.ukk-preset-bold .ukk-ct__fill { background: #fff; }

/* -------------------------------------------------------------------------
 * 9. Social proof row
 * ---------------------------------------------------------------------- */

.ukk-social-proof {
	align-items: center;
	display: flex;
	flex-wrap: wrap;
	gap: 12px;
	justify-content: var(--ukk-align, flex-start);
}

.ukk-social-proof.ukk-preset-stacked {
	align-items: flex-start;
	flex-direction: column;
	gap: 8px;
}

.ukk-social-proof .ukk-sp__avatars {
	display: inline-flex;
	flex: none;
	padding-inline-start: var(--ukk-avatar-overlap, 14px);
}

.ukk-social-proof .ukk-sp__avatar {
	background: var(--ukk-c-track);
	border: var(--ukk-avatar-ring, 3px) solid var(--ukk-avatar-ring-c, #f76b15);
	border-radius: 50%;
	display: block;
	height: var(--ukk-avatar, 52px);
	margin-inline-start: calc(var(--ukk-avatar-overlap, 14px) * -1);
	object-fit: cover;
	width: var(--ukk-avatar, 52px);
}

.ukk-social-proof .ukk-sp__label { line-height: 1.3; }

.ukk-social-proof .ukk-sp__sep {
	background: var(--ukk-c-border);
	border-radius: 50%;
	flex: none;
	height: 5px;
	width: 5px;
}

.ukk-social-proof .ukk-sp__rating {
	align-items: center;
	display: inline-flex;
	gap: 8px;
}

.ukk-social-proof .ukk-sp__score { font-weight: 700; }

.ukk-social-proof.ukk-preset-card {
	background: var(--ukk-bg, var(--ukk-c-surface));
	border: 1px solid var(--ukk-c-border);
	border-radius: var(--ukk-radius);
	padding: 14px 18px;
}

.ukk-social-proof.ukk-preset-bold {
	background: var(--ukk-bg, color-mix(in srgb, var(--ukk-c-accent) 10%, transparent));
	border-radius: var(--ukk-radius);
	padding: 14px 18px;
}

/* -------------------------------------------------------------------------
 * 10. Visitors
 * ---------------------------------------------------------------------- */

.ukk-visitors {
	align-items: center;
	display: flex;
	gap: 9px;
	justify-content: var(--ukk-align, flex-start);
}

.ukk-visitors .ukk-vw__dot {
	background: var(--ukk-dot-color, #12a150);
	border-radius: 50%;
	flex: none;
	height: 10px;
	position: relative;
	width: 10px;
}

.ukk-visitors.ukk-vw--pulse .ukk-vw__dot::after {
	animation: ukk-ping 2s cubic-bezier(0, 0, 0.2, 1) infinite;
	background: var(--ukk-dot-color, #12a150);
	border-radius: 50%;
	content: "";
	inset: 0;
	position: absolute;
}

.ukk-visitors .ukk-vw__ico { color: var(--ukk-c-accent); flex: none; }

.ukk-visitors.ukk-preset-pill {
	background: var(--ukk-bg, color-mix(in srgb, var(--ukk-c-accent) 10%, transparent));
	border-radius: 999px;
	display: inline-flex;
	padding: 7px 15px;
}

.ukk-visitors.ukk-preset-card {
	background: var(--ukk-bg, var(--ukk-c-surface));
	border: 1px solid var(--ukk-c-border);
	border-radius: var(--ukk-radius);
	padding: 12px 16px;
}

.ukk-visitors.ukk-preset-bold {
	background: var(--ukk-bg, var(--ukk-c-accent));
	border-radius: var(--ukk-radius);
	color: var(--ukk-c-surface);
	padding: 12px 16px;
}

/* -------------------------------------------------------------------------
 * 11. Recent sales popup
 * ---------------------------------------------------------------------- */

.ukk-recent-sales {
	--ukk-rs-width: 320px;
	--ukk-rs-img: 52px;
	--ukk-rs-x: 20px;
	--ukk-rs-y: 20px;
}

.ukk-recent-sales .ukk-rs__stage {
	inset-block-end: var(--ukk-rs-y);
	inset-inline-start: var(--ukk-rs-x);
	max-width: calc(100vw - (var(--ukk-rs-x) * 2));
	position: fixed;
	width: var(--ukk-rs-width);
	z-index: 9995;
}

.ukk-recent-sales.ukk-rs--bottom-right .ukk-rs__stage { inset-inline: auto var(--ukk-rs-x); }
.ukk-recent-sales.ukk-rs--top-left .ukk-rs__stage { inset-block: var(--ukk-rs-y) auto; }
.ukk-recent-sales.ukk-rs--top-right .ukk-rs__stage { inset-block: var(--ukk-rs-y) auto; inset-inline: auto var(--ukk-rs-x); }

.ukk-recent-sales .ukk-rs__list {
	list-style: none;
	margin: 0;
	padding: 0;
}

.ukk-recent-sales .ukk-rs__item {
	align-items: center;
	background: var(--ukk-bg, var(--ukk-c-surface));
	border: 1px solid var(--ukk-c-border);
	border-radius: var(--ukk-radius);
	box-shadow: 0 10px 30px rgba(15, 23, 42, 0.14);
	display: flex;
	gap: 12px;
	padding: 10px 12px;
}

.ukk-recent-sales .ukk-rs__item[hidden] { display: none; }

.ukk-recent-sales.ukk-rs--anim-slide .ukk-rs__item { animation: ukk-slide-up 420ms cubic-bezier(0.22, 0.68, 0.35, 1) both; }
.ukk-recent-sales.ukk-rs--anim-fade .ukk-rs__item { animation: ukk-fade 420ms ease both; }

.ukk-recent-sales .ukk-rs__item.is-leaving { opacity: 0; transition: opacity 320ms ease; }

.ukk-recent-sales .ukk-rs__img {
	block-size: var(--ukk-rs-img);
	border-radius: 8px;
	flex: none;
	inline-size: var(--ukk-rs-img);
	overflow: hidden;
}

.ukk-recent-sales .ukk-rs__img img {
	display: block;
	height: 100%;
	object-fit: cover;
	width: 100%;
}

.ukk-recent-sales .ukk-rs__body { min-width: 0; }
.ukk-recent-sales .ukk-rs__text { display: block; line-height: 1.35; }
.ukk-recent-sales .ukk-rs__text a { color: inherit; }

.ukk-recent-sales .ukk-rs__time {
	color: var(--ukk-c-muted);
	display: block;
	font-size: 0.82em;
	margin-block-start: 3px;
}

.ukk-recent-sales .ukk-rs__close {
	display: none;
	background: var(--ukk-c-surface);
	border: 1px solid var(--ukk-c-border);
	border-radius: 50%;
	color: var(--ukk-c-muted);
	cursor: pointer;
	font-size: 15px;
	height: 22px;
	inset-block-start: -8px;
	inset-inline-end: -8px;
	line-height: 1;
	padding: 0;
	position: absolute;
	width: 22px;
	z-index: 2;
}

.ukk-recent-sales .ukk-rs__stage:has(.ukk-rs__item:not([hidden])) .ukk-rs__close {
	display: block;
}

.ukk-recent-sales.ukk-rs--pill .ukk-rs__item { border-radius: 999px; }
.ukk-recent-sales.ukk-rs--pill .ukk-rs__img { border-radius: 50%; }
.ukk-recent-sales.ukk-rs--square .ukk-rs__item,
.ukk-recent-sales.ukk-rs--square .ukk-rs__img { border-radius: 0; }
.ukk-recent-sales.ukk-preset-bold .ukk-rs__item {
	background: var(--ukk-bg, var(--ukk-c-text));
	border-color: transparent;
	color: var(--ukk-c-surface);
}

@media screen and (max-width: 767px) {
	.ukk-recent-sales.ukk-rs--hide-mobile { display: none; }
}

/* -------------------------------------------------------------------------
 * 11b. Live sales alert
 * ---------------------------------------------------------------------- */

.ukk-sales-alert {
	--ukk-sa-width: 330px;
	--ukk-sa-avatar: 52px;
	--ukk-sa-radius: 10px;
	--ukk-sa-x: 20px;
	--ukk-sa-y: 20px;
}

.ukk-sales-alert .ukk-sa__stage {
	inset-block-end: var(--ukk-sa-y);
	inset-inline-start: var(--ukk-sa-x);
	max-width: calc(100vw - (var(--ukk-sa-x) * 2));
	position: fixed;
	width: var(--ukk-sa-width);
	z-index: 9995;
}

.ukk-sales-alert.ukk-sa--bottom-right .ukk-sa__stage { inset-inline: auto var(--ukk-sa-x); }
.ukk-sales-alert.ukk-sa--top-left .ukk-sa__stage { inset-block: var(--ukk-sa-y) auto; }
.ukk-sales-alert.ukk-sa--top-right .ukk-sa__stage { inset-block: var(--ukk-sa-y) auto; inset-inline: auto var(--ukk-sa-x); }

.ukk-sales-alert .ukk-sa__list {
	list-style: none;
	margin: 0;
	padding: 0;
}

.ukk-sales-alert .ukk-sa__item {
	align-items: center;
	background: var(--ukk-bg, var(--ukk-c-surface));
	border: 1px solid var(--ukk-c-border);
	border-radius: 14px;
	box-shadow: 0 12px 34px rgba(15, 23, 42, 0.16);
	display: flex;
	gap: 12px;
	padding: 10px 12px;
}

.ukk-sales-alert .ukk-sa__item[hidden] { display: none; }

.ukk-sales-alert.ukk-sa--anim-slide .ukk-sa__item { animation: ukk-slide-up 420ms cubic-bezier(0.22, 0.68, 0.35, 1) both; }
.ukk-sales-alert.ukk-sa--anim-fade .ukk-sa__item { animation: ukk-fade 420ms ease both; }
.ukk-sales-alert.ukk-sa--anim-pop .ukk-sa__item { animation: ukk-zoom 380ms cubic-bezier(0.22, 0.68, 0.35, 1) both; }

.ukk-sales-alert .ukk-sa__item.is-leaving {
	opacity: 0;
	transform: translateY(6px);
	transition: opacity 300ms ease, transform 300ms ease;
}

.ukk-sales-alert .ukk-sa__avatar {
	block-size: var(--ukk-sa-avatar);
	border-radius: var(--ukk-sa-radius);
	flex: none;
	inline-size: var(--ukk-sa-avatar);
	object-fit: cover;
}

.ukk-sales-alert .ukk-sa__avatar.is-initial {
	align-items: center;
	color: #fff;
	display: flex;
	font-size: calc(var(--ukk-sa-avatar) * 0.42);
	font-weight: 700;
	justify-content: center;
	line-height: 1;
}

.ukk-sales-alert.ukk-sa--avatar-gravatar .ukk-sa__avatar,
.ukk-sales-alert.ukk-sa--avatar-initial .ukk-sa__avatar { border-radius: 50%; }

.ukk-sales-alert .ukk-sa__body { min-width: 0; }
.ukk-sales-alert .ukk-sa__text { display: block; line-height: 1.35; }
.ukk-sales-alert .ukk-sa__text a { color: inherit; }

.ukk-sales-alert .ukk-sa__meta {
	align-items: center;
	color: var(--ukk-c-muted);
	display: flex;
	flex-wrap: wrap;
	font-size: 0.8em;
	gap: 4px 10px;
	margin-block-start: 4px;
}

.ukk-sales-alert .ukk-sa__verified {
	align-items: center;
	color: var(--ukk-success, #12a150);
	display: inline-flex;
	gap: 3px;
}

.ukk-sales-alert .ukk-sa__verified .ukk-icon { height: 13px; width: 13px; }

.ukk-sales-alert .ukk-sa__close {
	background: var(--ukk-c-surface);
	border: 1px solid var(--ukk-c-border);
	border-radius: 50%;
	color: var(--ukk-c-muted);
	cursor: pointer;
	display: none;
	font-size: 15px;
	height: 22px;
	inset-block-start: -8px;
	inset-inline-end: -8px;
	line-height: 1;
	padding: 0;
	position: absolute;
	width: 22px;
	z-index: 2;
}

.ukk-sales-alert .ukk-sa__stage:has(.ukk-sa__item:not([hidden])) .ukk-sa__close { display: block; }

.ukk-sales-alert.ukk-preset-pill .ukk-sa__item { border-radius: 999px; }
.ukk-sales-alert.ukk-preset-pill .ukk-sa__avatar { border-radius: 50%; }
.ukk-sales-alert.ukk-preset-square .ukk-sa__item,
.ukk-sales-alert.ukk-preset-square .ukk-sa__avatar { border-radius: 0; }
.ukk-sales-alert.ukk-preset-compact { --ukk-sa-avatar: 34px; }
.ukk-sales-alert.ukk-preset-compact .ukk-sa__item { padding: 8px 10px; }

.ukk-sales-alert.ukk-preset-dark .ukk-sa__item {
	background: var(--ukk-bg, #16181d);
	border-color: rgba(255, 255, 255, 0.1);
	color: #fff;
}

.ukk-sales-alert.ukk-preset-dark .ukk-sa__meta { color: rgba(255, 255, 255, 0.62); }

@media screen and (max-width: 767px) {
	.ukk-sales-alert.ukk-sa--hide-mobile { display: none; }
}

/* -------------------------------------------------------------------------
 * 11c. Live sales ticker
 * ---------------------------------------------------------------------- */

.ukk-sales-ticker {
	--ukk-tk-img: 28px;
	--ukk-tk-gap: 36px;
	--ukk-tk-speed: 40s;

	overflow: hidden;
}

.ukk-sales-ticker .ukk-tk__viewport {
	-webkit-mask-image: linear-gradient(90deg, transparent, #000 6%, #000 94%, transparent);
	mask-image: linear-gradient(90deg, transparent, #000 6%, #000 94%, transparent);
	overflow: hidden;
	width: 100%;
}

.ukk-sales-ticker .ukk-tk__track {
	animation: ukk-marquee var(--ukk-tk-speed) linear infinite;
	display: flex;
	width: max-content;
}

.ukk-sales-ticker.ukk-tk--right .ukk-tk__track { animation-direction: reverse; }
.ukk-sales-ticker.ukk-tk--pause:hover .ukk-tk__track { animation-play-state: paused; }

.ukk-sales-ticker .ukk-tk__list {
	display: flex;
	gap: var(--ukk-tk-gap);
	list-style: none;
	margin: 0;
	padding-inline: calc(var(--ukk-tk-gap) / 2);
}

.ukk-sales-ticker .ukk-tk__item {
	align-items: center;
	display: flex;
	flex: none;
	gap: 8px;
	white-space: nowrap;
}

.ukk-sales-ticker.ukk-tk--sep-dot .ukk-tk__item::after {
	background: var(--ukk-c-border);
	border-radius: 50%;
	content: "";
	height: 4px;
	margin-inline-start: calc(var(--ukk-tk-gap) / 2 - 4px);
	width: 4px;
}

.ukk-sales-ticker.ukk-tk--sep-line .ukk-tk__item::after {
	background: var(--ukk-c-border);
	content: "";
	height: 14px;
	margin-inline-start: calc(var(--ukk-tk-gap) / 2 - 1px);
	width: 1px;
}

.ukk-sales-ticker .ukk-tk__img {
	border-radius: 6px;
	height: var(--ukk-tk-img);
	object-fit: cover;
	width: var(--ukk-tk-img);
}

.ukk-sales-ticker .ukk-tk__ico { color: var(--ukk-c-accent); flex: none; }
.ukk-sales-ticker .ukk-tk__text a { color: inherit; }

.ukk-sales-ticker .ukk-tk__ago {
	color: var(--ukk-c-muted);
	font-size: 0.86em;
}

.ukk-sales-ticker .ukk-tk__item.is-new { animation: ukk-fade 500ms ease both; }

.ukk-sales-ticker.ukk-preset-soft {
	background: var(--ukk-bg, color-mix(in srgb, var(--ukk-c-accent) 8%, transparent));
	border-radius: var(--ukk-radius);
	padding-block: 10px;
}

.ukk-sales-ticker.ukk-preset-bold {
	background: var(--ukk-bg, var(--ukk-c-accent));
	color: var(--ukk-c-surface);
	padding-block: 10px;
}

.ukk-sales-ticker.ukk-preset-bold .ukk-tk__ago,
.ukk-sales-ticker.ukk-preset-bold .ukk-tk__ico { color: inherit; opacity: 0.78; }
.ukk-sales-ticker.ukk-preset-bold .ukk-tk__item::after { background: rgba(255, 255, 255, 0.4); }

.ukk-sales-ticker.ukk-preset-cards .ukk-tk__item {
	background: var(--ukk-c-surface);
	border: 1px solid var(--ukk-c-border);
	border-radius: 999px;
	padding: 6px 14px 6px 6px;
}

.ukk-sales-ticker.ukk-preset-cards .ukk-tk__item::after { content: none; }

@keyframes ukk-marquee {
	from { transform: translateX(0); }
	to { transform: translateX(-50%); }
}

/* A changed figure flashes once so a live update is noticed. */
.ukk-flash { animation: ukk-flash 900ms ease-out; }

@keyframes ukk-flash {
	0% { background-color: color-mix(in srgb, var(--ukk-c-accent) 34%, transparent); }
	100% { background-color: transparent; }
}

/* -------------------------------------------------------------------------
 * 12. Free shipping progress
 * ---------------------------------------------------------------------- */

.ukk-shipping-progress .ukk-fs__row {
	align-items: center;
	display: flex;
	gap: 9px;
	justify-content: var(--ukk-align, flex-start);
}

.ukk-shipping-progress .ukk-fs__ico { color: var(--ukk-c-accent); flex: none; }
.ukk-shipping-progress .ukk-fs__row.is-reached .ukk-fs__ico { color: var(--ukk-success, #12a150); }

.ukk-shipping-progress .ukk-fs__bar {
	background: var(--ukk-c-track);
	border-radius: var(--ukk-bar-radius, 99px);
	height: var(--ukk-bar-h, 10px);
	margin-block-start: 10px;
	overflow: hidden;
}

.ukk-shipping-progress .ukk-fs__fill {
	background: var(--ukk-c-accent);
	border-radius: inherit;
	display: block;
	height: 100%;
	transition: width 700ms cubic-bezier(0.22, 0.68, 0.35, 1);
	width: var(--ukk-fill, 0%);
}

.ukk-shipping-progress.is-reached .ukk-fs__fill { background: var(--ukk-success, #12a150); }

.ukk-shipping-progress.ukk-fs--stripes .ukk-fs__fill {
	animation: ukk-stripes 900ms linear infinite;
	background-image: linear-gradient(
		115deg,
		rgba(255, 255, 255, 0.3) 25%,
		transparent 25%,
		transparent 50%,
		rgba(255, 255, 255, 0.3) 50%,
		rgba(255, 255, 255, 0.3) 75%,
		transparent 75%
	);
	background-size: 28px 28px;
}

.ukk-shipping-progress.ukk-preset-card {
	background: var(--ukk-bg, var(--ukk-c-surface));
	border: 1px solid var(--ukk-c-border);
	border-radius: var(--ukk-radius);
	padding: 14px 16px;
}

.ukk-shipping-progress.ukk-preset-minimal { --ukk-bar-h: 4px; }

/* -------------------------------------------------------------------------
 * 13. Urgency bar
 * ---------------------------------------------------------------------- */

.ukk-urgency-bar {
	background: var(--ukk-bg, var(--ukk-c-accent));
	color: var(--ukk-c-surface);
	display: block;
	position: relative;
	width: 100%;
}

.ukk-urgency-bar .ukk-ub__inner {
	align-items: center;
	display: flex;
	flex-wrap: wrap;
	gap: 12px;
	justify-content: var(--ukk-align, center);
	margin-inline: auto;
	max-width: var(--global-content-width, 1200px);
	min-height: 44px;
	padding: 10px 44px;
}

.ukk-urgency-bar .ukk-ub__ico { flex: none; opacity: 0.9; }

.ukk-urgency-bar .ukk-ub__timer {
	align-items: center;
	display: inline-flex;
	gap: 4px;
}

.ukk-urgency-bar .ukk-ub__prefix { margin-inline-end: 4px; opacity: 0.85; }

.ukk-urgency-bar .ukk-ub__num {
	background: rgba(255, 255, 255, 0.18);
	border-radius: 6px;
	font-variant-numeric: tabular-nums;
	font-weight: 700;
	min-width: 2.1em;
	padding: 3px 6px;
	text-align: center;
}

.ukk-urgency-bar .ukk-ub__colon { opacity: 0.7; }

.ukk-urgency-bar .ukk-ub__cta {
	background: var(--ukk-cta-bg, var(--ukk-c-surface));
	border-radius: var(--ukk-cta-radius, 8px);
	color: var(--ukk-cta-fg, var(--ukk-c-text));
	font-weight: 600;
	padding: 8px 16px;
	text-decoration: none;
	transition: transform 160ms ease, opacity 160ms ease;
}

.ukk-urgency-bar .ukk-ub__cta:hover { opacity: 0.92; transform: translateY(-1px); }

.ukk-urgency-bar.ukk-ub--cta-outline .ukk-ub__cta {
	background: none;
	border: 2px solid currentColor;
	color: inherit;
}

.ukk-urgency-bar.ukk-ub--cta-link .ukk-ub__cta {
	background: none;
	color: inherit;
	padding: 0;
	text-decoration: underline;
}

.ukk-urgency-bar .ukk-ub__close {
	background: none;
	border: 0;
	color: inherit;
	cursor: pointer;
	font-size: 22px;
	inset-block-start: 50%;
	inset-inline-end: 12px;
	line-height: 1;
	opacity: 0.7;
	padding: 4px 8px;
	position: absolute;
	transform: translateY(-50%);
}

.ukk-urgency-bar .ukk-ub__close:hover { opacity: 1; }

.ukk-urgency-bar.ukk-ub--sticky-top,
.ukk-urgency-bar.ukk-ub--sticky-bottom {
	inset-inline: 0;
	position: fixed;
	z-index: 9996;
}

.ukk-urgency-bar.ukk-ub--sticky-top { inset-block-start: 0; }
.ukk-urgency-bar.ukk-ub--sticky-bottom { inset-block-end: 0; }

.ukk-urgency-bar.ukk-preset-gradient {
	background: var(--ukk-bg, linear-gradient(100deg, var(--ukk-c-accent), color-mix(in srgb, var(--ukk-c-accent) 72%, #7a1f00)));
}

.ukk-urgency-bar.ukk-preset-soft {
	background: var(--ukk-bg, color-mix(in srgb, var(--ukk-c-accent) 14%, transparent));
	color: var(--ukk-c-text);
}

.ukk-urgency-bar.ukk-preset-soft .ukk-ub__num { background: color-mix(in srgb, var(--ukk-c-accent) 22%, transparent); }

.ukk-urgency-bar.ukk-preset-outline {
	background: var(--ukk-bg, transparent);
	border: 2px solid var(--ukk-c-accent);
	color: var(--ukk-c-text);
}

.ukk-urgency-bar.ukk-preset-outline .ukk-ub__num { background: color-mix(in srgb, var(--ukk-c-accent) 16%, transparent); }

.ukk-urgency-bar.is-dismissed { display: none; }

.ukk-urgency-bar .ukk-ub__expired {
	padding: 12px 20px;
	text-align: center;
}

/* -------------------------------------------------------------------------
 * 14. Accessibility & print
 * ---------------------------------------------------------------------- */

@media (prefers-reduced-motion: reduce) {
	.ukk-block *,
	.ukk-block *::before,
	.ukk-block *::after {
		animation-duration: 0.001ms !important;
		animation-iteration-count: 1 !important;
		transition-duration: 0.001ms !important;
	}
}

@media print {
	.ukk-recent-sales,
	.ukk-urgency-bar { display: none !important; }
}