/* Shared offer treatment for the landing and checkout. */
.offer-labels {
  display: flex;
  align-items: center;
  gap: 6px;
  white-space: nowrap;
}
.shipping-label,
.promo-label {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  min-height: 30px;
  padding: 6px 10px;
  border-radius: 999px;
  font-size: 11px;
  line-height: 1.2;
  font-weight: 700;
}
.shipping-label { color: #00eba0; background: rgb(0 235 160 / 10%); }
.shipping-label svg { flex-shrink: 0; }
.promo-label {
  border: 1px solid transparent;
  color: #f5dfa0;
  background: linear-gradient(115deg, #272114, #171610, #272114) padding-box,
    linear-gradient(110deg, #715021, #c39a49, #ffedb1, #c39a49, #715021) border-box;
  background-size: 200% 100%, 300% 100%;
  animation: offer-gold 6s ease-in-out infinite;
}
@keyframes offer-gold {
  0%, 100% { background-position: 0% 50%; }
  50% { background-position: 100% 50%; }
}
@media (max-width: 359px) {
  .shipping-label, .promo-label { padding-inline: 7px; font-size: 10px; }
}
@media (prefers-reduced-motion: reduce) {
  .promo-label { animation: none; }
}