.mobile-quote { display: none; }
@media (max-width: 900px) {
  body:has(.mobile-quote) { padding-bottom: calc(5.5rem + env(safe-area-inset-bottom, 0px)); }
  .mobile-quote { display: block; position: fixed; inset: auto 0 0; z-index: 45; padding: .85rem max(1.25rem, env(safe-area-inset-right)) calc(.85rem + env(safe-area-inset-bottom, 0px)); background: #101010; border-top: 1px solid #454545; box-shadow: 0 -8px 30px #0006; transform: translateY(110%); visibility: hidden; transition: transform .25s ease, visibility .25s; }
  .mobile-quote.is-visible { transform: translateY(0); visibility: visible; }
  .mobile-quote a { display: flex; justify-content: center; align-items: center; min-height: 3.5rem; width: 100%; padding: .75rem 1rem; background: var(--orange); color: #080808; font: 800 1rem var(--body); text-transform: uppercase; }
  .mobile-quote a:focus-visible { outline: 3px solid white; outline-offset: 3px; }
}
@media (prefers-reduced-motion: reduce) { .mobile-quote { transition: none; } }