/* Myles Hustler Store 21 · V38.7 (owner): WhatsApp bottom-left, compact gold coupon card above it, live chat (Smartsupp) bottom-right. */
.wa-float { left: 25px; right: auto; bottom: 25px; width: 60px; height: 60px; z-index: 9995; box-shadow: 0 4px 12px rgba(0,0,0,.3); }
@media (max-width: 599px) { .wa-float { left: 16px; bottom: 16px; width: 56px; height: 56px; } }

/* Coupon: small card, no dark overlay, stays out of the way */
.promo { inset: auto auto 100px 25px; display: block; padding: 0; background: none; width: 280px; max-width: calc(100vw - 50px); z-index: 9994; }
.promo[hidden] { display: none; }
.promo .promo-card { width: 100%; padding: 12px 36px 12px 16px; border: 0; border-radius: 8px; background: #D4AF37; color: #000; text-align: left; font-size: 14px; box-shadow: 0 4px 12px rgba(0,0,0,.2); animation: promo-in .3s ease-out; }
.promo .promo-card img { display: none; }
.promo .promo-card h2 { margin: 0 0 4px; font-family: var(--font); font-size: 16px; font-weight: 800; color: #000; }
.promo .promo-card p { margin: 0 0 6px; color: #1a1a1a; }
.promo .promo-code { justify-content: flex-start; margin: 6px 0; }
.promo .promo-code code { border-color: #000; color: #000; font-size: 15px; padding: 4px 10px; background: rgba(255,255,255,.35); }
.promo .promo-code .btn, .promo .btn-gold { background: #000; color: #D4AF37; border-color: #000; min-height: 36px; padding: 0 12px; font-size: 13px; }
.promo .promo-close { top: 2px; right: 2px; width: 36px; height: 36px; color: #000; font-size: 22px; }
@keyframes promo-in { from { opacity: 0; transform: translateY(12px); } to { opacity: 1; transform: none; } }
@media (prefers-reduced-motion: reduce) { .promo .promo-card { animation: none; } }
@media (max-width: 599px) { .promo { left: 16px; bottom: 84px; } }

/* Small coupon pill after the card closes: same corner, above WhatsApp */
.promo-corner, .promo-corner.pos-right, .promo-corner.pos-center { left: 25px; right: auto; bottom: 100px; transform: none; }
@media (max-width: 599px) { .promo-corner, .promo-corner.pos-right, .promo-corner.pos-center { left: 16px; bottom: 84px; } }
body:has(.pd-sticky:not([hidden])) .promo { bottom: 160px; }