/* Additional styles — tweaks accent buttons, reveal animation, nav scrolled */
.nav.scrolled { box-shadow: 0 6px 20px -10px rgba(6,28,30,.2); }

.reveal { opacity: 0; transform: translateY(16px); transition: opacity .7s ease, transform .7s ease; }
.reveal.in { opacity: 1; transform: none; }

.tweaks .opts[data-group="accent"] button {
  width: 26px; height: 26px; padding: 0; border-radius: 50%;
  border: 2px solid rgba(242,234,210,.35);
  display: inline-block;
}
.tweaks .opts[data-group="accent"] button.active { border-color: #fff; transform: scale(1.08); }

.discount-mini {
  margin-top: 14px; display: inline-flex; align-items: center; gap: 10px;
  color: var(--gold-300); font-size: 13px; letter-spacing: .14em; text-transform: uppercase; font-weight: 700;
}
.discount-mini::before { content: "★"; color: var(--gold-400); }