/* Stronger gold and price hierarchy on the local Standoff page. */
.hero-offer { gap: 6px; }
.hero-offer .goal-badge {
  padding: 8px 14px 9px;
  border: 1px solid #ffe5a7;
  border-radius: 12px;
  background: linear-gradient(145deg, #fff0b3, #ffcf73 45%, #e9a742);
  color: #382309;
  font-size: 44px;
  letter-spacing: -1px;
  box-shadow: inset 0 1px 0 #fff9, inset 0 -2px 0 #a66a2226,
    0 4px 0 #a76e25, 0 9px 25px #eab34d26;
}
.hero-offer .offer-reading { align-items: center; gap: 10px; }
.hero-offer .offer-intro {
  color: #fff3d6;
  font-size: 20px;
  font-weight: 800;
  line-height: 1.2;
  letter-spacing: -.35px;
}
.hero-offer .offer-current { gap: 12px; }
.hero-offer .offer-current strong {
  color: #fff0c2;
  font-size: 44px;
  line-height: 1.12;
  letter-spacing: -1px;
  text-shadow: 0 2px 18px #ffd47c2b;
}
.hero-offer .offer-currency { font-size: .62em; }
.hero-offer .offer-was { color: #e8a1a8; font-size: 20px; }
.hero-offer .offer-was s { text-decoration-thickness: 2px; }
@media (max-width: 640px) {
  .hero-offer .goal-badge { padding: 7px 12px 8px; font-size: 40px; }
}
@media (max-width: 560px) {
  .hero-offer .goal-badge { padding: 7px 10px 8px; font-size: 34px; }
  .hero-offer .offer-reading, .hero-offer .offer-current { gap: 10px; }
  .hero-offer .offer-intro { font-size: 16px; }
  .hero-offer .offer-current strong { font-size: 38px; }
  .hero-offer .offer-was { font-size: 18px; }
}
@media (max-width: 360px) {
  .hero-offer .goal-badge { padding: 6px 8px 7px; font-size: 28px; letter-spacing: -.6px; }
  .hero-offer .offer-reading, .hero-offer .offer-current { gap: 6px; }
  .hero-offer .offer-intro { font-size: 14px; }
  .hero-offer .offer-current strong { font-size: 36px; }
  .hero-offer .offer-was { font-size: 16px; }
}