body { margin: 0; font-family: Figtree, sans-serif; }
[hidden] { display: none !important; }
.demo-payment-section { overflow: hidden; border-radius: 12px; }
.demo-payment-section img { display: block; width: 100%; height: auto; }
input:disabled, button:disabled { cursor: default; }
@media (prefers-reduced-motion: no-preference) { html { scroll-behavior: smooth; } }
.demo-mobile-payment-bar { display: none; }
@media (max-width: 749px) {
  .demo-mobile-payment-bar { position: fixed; inset: auto 0 0; z-index: 50; display: flex; justify-content: space-between; align-items: center; gap: 16px; padding: 16px; background: rgb(255 255 255 / .95); border-top: 1px solid var(--demo-accent, #3b0263); backdrop-filter: blur(16px); }
  .demo-mobile-payment-bar span { display: block; font-size: 12px; color: #6b7280; }
  .demo-mobile-payment-bar strong { font-size: 20px; color: #1f2937; }
  .demo-mobile-payment-bar button { background: var(--demo-accent, #3b0263); color: white; border: 0; border-radius: 999px; padding: 12px 36px; font-weight: 600; }
}
