/* Preserve the handoff design; fixes shared accessibility and responsive behavior. */
.mobile-nav { max-height:calc(100dvh - 79px); overflow-y:auto; overscroll-behavior:contain; }
input:focus-visible, select:focus-visible, textarea:focus-visible, summary:focus-visible { outline:3px solid #0070c9; outline-offset:4px; }
[hidden] { display:none!important; }
.no-script-note { padding:20px; background:#eaf6ff; text-align:center; }
.no-script-note a { text-decoration:underline; }
.price-category-nav a { min-height:44px; display:inline-flex; align-items:center; }
.price-arrow { min-width:44px; min-height:44px; }
/* Actual dimensions describe the source. Explicit CSS preserves the original crop. */
.hero-kiosk-screen img { aspect-ratio:5/4; object-fit:cover; }
.kiosk-preview>img { aspect-ratio:10/7; object-fit:cover; }
.use-case-grid article>img { aspect-ratio:31/19; object-fit:cover; }
.industries-result-photo img { aspect-ratio:10/7; object-fit:cover; }
.concept-image img { aspect-ratio:59/36; object-fit:cover; }
@media (max-width:650px) {
  .btn { max-width:100%; white-space:normal; text-align:center; }
  .header-actions .btn { white-space:nowrap; }
  .store-window { background-image:linear-gradient(#6b4c1c45,#070e1a77),url('/assets/storefront-640.webp'); }
  .browser-body { background-image:linear-gradient(90deg,#fff 4%,#fffc 37%,#fff0 76%),url('/assets/website-concept-640.webp'); }
  .kiosk-food,.ops-kiosk-photo { background-image:url('/assets/dish-640.webp'); }
  .mini-restaurant { background-image:linear-gradient(90deg,#071c3de3,#071c3d00),url('/assets/restaurant-interior-640.webp'); }
  .restaurant-photo { background-image:url('/assets/bytqo-restaurants-final.webp'); }
  .clinic-photo { background-image:url('/assets/bytqo-clinics-final.webp'); }
  .retail-photo { background-image:url('/assets/bytqo-retail-final.webp'); }
  .contractor-photo { background-image:url('/assets/bytqo-contractors-final.webp'); }
}
/* Keep complete faces in the shallow two-column mobile image crop. */
@media (min-width:500px) and (max-width:650px) {
  .restaurant-photo { background-position:50% 28%; }
  .clinic-photo { background-position:50% 33%; }
  .retail-photo { background-position:50% 37%; }
  .contractor-photo { background-position:50% 33%; }
}
@media (prefers-reduced-motion:reduce) {
  html { scroll-behavior:auto!important; }
  *,*::before,*::after { scroll-behavior:auto!important; animation:none!important; transition:none!important; }
}