/* Beautyforest, Product Deals: badges, nudges, cart tags. Uses tokens.css vars. */

/* Product card deal badge (coexists with the "The Standard" ribbon). */
.bf-card__media{position:relative}
.bf-card__badge--deal{
	position:absolute;top:.6rem;right:.6rem;left:auto;
	display:inline-flex;align-items:center;gap:.3rem;
	background:var(--bf-green);color:var(--bf-green-ink);
	font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;
	padding:.3rem .6rem;border-radius:var(--bf-radius-pill);
	box-shadow:var(--bf-shadow-seg);z-index:var(--bf-z-badge)
}

/* PDP deal pill — matches the product-card .bf-card__panel-deal gradient pill. */
.bf-deal-pdp-badge{
	display:inline-flex;align-items:center;justify-content:center;
	padding:8px 18px;white-space:nowrap;border-radius:var(--bf-radius);
	background:linear-gradient(135deg,#2faa5a,#1f8044);color:#fff;
	font-family:'Fjalla One',var(--bf-font-head);font-size:16px;font-weight:400;letter-spacing:.3px;
	box-shadow:0 3px 8px -4px rgba(20,58,36,.5);margin:.25rem 0 .5rem
}

/* "Add N more to unlock" nudge above the buy form — on-brand, matches the
   green deal badge. Soft mint pill with a small offer/tag icon. */
.bf-deal-nudge{
	display:flex;align-items:center;gap:.55rem;
	background:linear-gradient(180deg,rgba(95,190,34,.14),rgba(95,190,34,.07));
	border:1px solid rgba(31,128,68,.30);
	color:var(--bf-green-ink);border-radius:var(--bf-radius);
	padding:.6rem .85rem;font-size:var(--bf-fs-ui);font-weight:700;line-height:1.3;margin:0 0 1rem
}
.bf-deal-nudge::before{
	content:"";flex:0 0 auto;width:18px;height:18px;background:var(--bf-green-deep,#1f8044);
	-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M13 2 3 14h7l-1 8 10-12h-7l1-8z'/%3E%3C/svg%3E") center/contain no-repeat;
	mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M13 2 3 14h7l-1 8 10-12h-7l1-8z'/%3E%3C/svg%3E") center/contain no-repeat;
}

/* Cart line deal tag. */
.bf-deal-tag{
	display:inline-block;margin-left:.4rem;vertical-align:middle;
	background:var(--bf-mint);color:var(--bf-graphite);
	font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.03em;
	padding:.15rem .5rem;border-radius:var(--bf-radius-pill)
}
.bf-deal-tag--gift{background:var(--bf-green);color:var(--bf-green-ink)}