/* Keep the public mobile view inside the visual viewport without clipping content. */
html,
body.ui-public {
  max-width: 100%;
  overflow-x: hidden;
}
@supports (overflow: clip) {
  html,
  body.ui-public { overflow-x: clip; }
}
.ui-public :is(.wrap, .app-topbar, .hero, main, section, .public-quote-shell, .card, .custom-tour, .sights-route-result) {
  min-width: 0;
  max-width: 100%;
}
.ui-public :is(img, svg, video, iframe) { max-width: 100%; }
@media (max-width: 760px) {
  /* Reserve room for the language bar and app header as well as the home controls. */
  .ui-public.app-mobile .hero-media {
    width: clamp(180px, calc((100svh - 535px) * 1.777), 100%);
  }
}