/* Free Eighth spend ladder — storefront touchpoints (mini cart, Cart block, loop badge, product callout, strip).
   Flat, near-zero radius, brand pink accents; matches the landing page. */
:root{
	--hh-stg-pink:#e83b60;
	--hh-stg-pink-2:#cf2f52; /* white text clears 4.5:1 here (5.0:1), not on the brand pink (4.0:1) */
	--hh-stg-pink-3:#a81d3d;
	--hh-stg-pink-text:#c8244a; /* small text on cream, 4.9:1 */
	--hh-stg-ink:#111;
	--hh-stg-cream:#f8f4ec;
	--hh-stg-rule:rgba(17,17,17,.12);
}

/* Nudge (shared) */
.hh-stg-nudge{display:flex;align-items:flex-start;gap:10px;padding:12px 14px;border:1px solid var(--hh-stg-rule);border-left:3px solid var(--hh-stg-pink);background:var(--hh-stg-cream);color:var(--hh-stg-ink);font-size:13px;line-height:1.45;border-radius:2px;}
.hh-stg-nudge__icon{flex:0 0 auto;margin-top:2px;color:var(--hh-stg-pink);display:inline-flex;}
.hh-stg-nudge__body{flex:1 1 auto;min-width:0;}
.hh-stg-nudge__text{display:block;}
.hh-stg-nudge__legacy{display:block;margin-bottom:4px;font-weight:700;}
.hh-stg-nudge__cta{display:inline-block;margin-top:6px;font-weight:700;color:var(--hh-stg-pink-text);text-decoration:none;letter-spacing:.02em;}
.hh-stg-nudge__cta:hover,.hh-stg-nudge__cta:focus{color:var(--hh-stg-pink-3);text-decoration:none;}
.hh-stg-nudge.is-action{background:var(--hh-stg-ink);color:#fff;border-color:var(--hh-stg-ink);}
.hh-stg-nudge.is-action .hh-stg-nudge__cta{display:inline-block;margin-top:8px;padding:8px 12px;background:var(--hh-stg-pink-2);color:#fff;text-transform:uppercase;font-size:12px;letter-spacing:.12em;border-radius:2px;}
.hh-stg-nudge.is-action .hh-stg-nudge__cta:hover,.hh-stg-nudge.is-action .hh-stg-nudge__cta:focus{background:var(--hh-stg-pink-3);color:#fff;}
.hh-stg-amt{font-weight:700;color:var(--hh-stg-pink-text);display:inline-block;animation:hh-stg-amt-pop .55s cubic-bezier(.2,.9,.3,1.3) 1,hh-stg-amt-pulse 2.6s ease-in-out .55s infinite;transform-origin:50% 80%;}
.hh-stg-nudge.is-action .hh-stg-amt{color:#ff5f82;}
@keyframes hh-stg-amt-pop{0%{transform:scale(.7);opacity:.35;}60%{transform:scale(1.12);opacity:1;}100%{transform:scale(1);}}
@keyframes hh-stg-amt-pulse{0%,100%{transform:scale(1);}50%{transform:scale(1.07);}}

/* Mini cart (Porto off-canvas): sits between the item list and the subtotal like a line. */
#mini-cart .hh-stg-nudge--minicart,.widget_shopping_cart_content .hh-stg-nudge--minicart{margin:10px 0 12px;}

/* Cart block: above the line items. */
.hh-stg-cart-nudge{margin:0 0 20px;}
.hh-stg-cart-nudge .hh-stg-nudge{font-size:14px;padding:14px 16px;}

/* Loop badge: bottom-left of the card image (Porto's own labels sit top-left). */
.product-image .hh-stg-badge,.porto-tb-featured-image .hh-stg-badge{position:absolute;bottom:10px;left:10px;z-index:3;padding:4px 8px;background:#FBE34C;color:#121212;font-size:10px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;line-height:1.2;border-radius:2px;pointer-events:none;}

/* Product page callout: under the add-to-cart form. */
.hh-stg-callout{display:flex;align-items:flex-start;gap:10px;margin:0 0 1.5em;padding:12px 14px;border:1px solid var(--hh-stg-rule);border-left:3px solid var(--hh-stg-pink);background:var(--hh-stg-cream);font-size:13px;line-height:1.5;color:var(--hh-stg-ink);border-radius:2px;}
.hh-stg-callout__icon{flex:0 0 auto;margin-top:2px;color:var(--hh-stg-pink);display:inline-flex;}
.hh-stg-callout__text a{font-weight:700;color:var(--hh-stg-pink-text);text-decoration:none;white-space:nowrap;}
.hh-stg-callout__text a:hover,.hh-stg-callout__text a:focus{color:var(--hh-stg-pink-3);}

/* Site-wide strip above the main content. */
.hh-stg-strip{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:6px 10px;padding:9px 16px;background:var(--hh-stg-ink);color:#fff;font-size:13px;line-height:1.4;text-align:center;}
.hh-stg-strip__icon{display:inline-flex;color:var(--hh-stg-pink);}
.hh-stg-strip__cta{font-weight:700;color:#ff5f82;text-decoration:none;white-space:nowrap;}
.hh-stg-strip__cta:hover,.hh-stg-strip__cta:focus{color:#fff;text-decoration:underline;}
body.hh-fe-page .hh-stg-strip{display:none;}
/* Phones: one compact run of text — icon inline, link inline, no stacking. */
@media (max-width:767px){
	.hh-stg-strip{display:block;padding:7px 14px;font-size:12px;line-height:1.35;}
	.hh-stg-strip__icon{vertical-align:-3px;margin-right:5px;}
	.hh-stg-strip__icon svg{width:14px;height:14px;}
	.hh-stg-strip__text{display:inline;}
	.hh-stg-strip__cta{display:inline;margin-left:4px;}
}

@media (prefers-reduced-motion:reduce){.hh-stg-amt{animation:none;}}