/* Mobile only (<= 767.98px). Loaded via <link media="(max-width: 767.98px)">. */

/* 1. Taller app-download banner image */
section.uc_app_banner .uc_app_banner_img {
  height: 210px;
  object-fit: cover;
  object-position: 70% center;
}

/* 2. Hide the scroll-to-top button */
.tap-top {
  display: none !important;
}

/* 3. Day/night toggle was pinned to the vertical center of the viewport
   (top: 50%), which lands directly on top of mid-page content on short
   pages — e.g. it covered the hero search card's input text on the
   landing page. Anchor it to the bottom-right corner instead, clear of
   the WhatsApp button (bottom-left) and the mobile filter FAB
   (bottom: 20px / right: 10px) where present. */
.alSwitch {
  top: auto;
  bottom: 80px;
  right: 10px;
  transform: none;
}

/* 4. Smooth-scroll fix for mobile.
   `html { overflow-x: hidden }` elsewhere in the theme turns <html> into a
   scroll container alongside <body>, and mobile Chrome / iOS Safari then
   silently drop the FIRST touch-swipe after each page load while they
   resolve which element owns the scroll. Force <html> back to the default
   so it's the sole scroll root, and guard horizontal overflow on <body>
   with `overflow-x: clip` (which does NOT create a scroll container).
   `!important` is needed because the base template rule has already
   loaded by the time this stylesheet applies on top. */
html {
  overflow-x: visible !important;
  overflow-y: visible !important;
}
body {
  overflow-x: clip !important;
  /* iOS momentum scrolling — makes long-page swipe decelerate naturally
     instead of stopping instantly. */
  -webkit-overflow-scrolling: touch;
}