.fd-product-badge {
	display: inline-flex;
	align-items: center;
	position: relative;
	gap: 7px;
	width: max-content;
	margin: 0 0 10px;
	border-radius: 999px;
	background: var(--fd-badge-bg, #d84b36);
	color: var(--fd-badge-text, #fff);
	padding: 6px 10px;
	font: 800 11px/1.1 Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
	letter-spacing: .07em;
}

.fd-badge-help {
	display: inline-grid;
	place-items: center;
	width: 17px;
	height: 17px;
	border: 1px solid currentColor;
	border-radius: 50%;
	font-size: 11px;
	line-height: 1;
	letter-spacing: 0;
	cursor: help;
}

/* Backward compatibility for cached product fragments from versions <= 0.3. */
.fd-badge-tooltip { display: none !important; }

#fd-badge-popover {
	all: initial;
	box-sizing: border-box;
	position: fixed;
	z-index: 2147483000;
	display: block;
	width: min(300px, calc(100vw - 24px));
	border-radius: 9px;
	background: #171a17;
	color: #fff;
	padding: 12px 14px;
	font: 550 13px/1.42 Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
	box-shadow: 0 8px 24px rgba(0,0,0,.28);
	isolation: isolate;
	pointer-events: auto;
}

#fd-badge-popover[hidden] { display: none !important; }

.fd-badge-effect-shadow { box-shadow: 0 4px 11px rgba(0,0,0,.25); }
.fd-badge-effect-glow { box-shadow: 0 0 0 2px color-mix(in srgb, var(--fd-badge-bg) 35%, transparent), 0 0 16px var(--fd-badge-bg); }
.fd-badge-effect-outline { background: transparent; color: var(--fd-badge-text); box-shadow: inset 0 0 0 2px var(--fd-badge-bg); }
.fd-badge-effect-pulse { animation: fd-badge-pulse 1.8s ease-in-out infinite; }

@keyframes fd-badge-pulse {
	50% { transform: scale(1.035); box-shadow: 0 0 13px var(--fd-badge-bg); }
}

/* In product grids the badge floats over the thumbnail instead of taking up
 * a separate row and changing the height/alignment of the product card. */
li.product {
	position: relative;
}

.woocommerce ul.products li.product .fd-product-badge,
ul.products li.product .fd-product-badge,
li.product .fd-product-badge {
	position: absolute !important;
	top: 10px;
	left: 10px;
	z-index: 30;
	margin: 0;
}

@media (prefers-reduced-motion: reduce) {
	.fd-badge-effect-pulse { animation: none; }
}

@media (max-width: 600px) {
	#fd-badge-popover {
		left: 12px !important;
		right: 12px !important;
		top: auto !important;
		bottom: 14px !important;
		width: auto;
		font-size: 14px;
	}
}

.fd-tasting-stock {
	color: #b74322 !important;
	font-weight: 750;
}

.fd-tasting-cart-notice strong {
	color: #b74322;
}