/* Phone-first layer for the public home page. Additive only; phones (<=760px) get the action bar. */
html{-webkit-text-size-adjust:100%;text-size-adjust:100%;overflow-x:clip}
body{overflow-x:clip}
#frida-random-reel a,#frida-random-reel button,.fd-mbar a,.fd-mbar button{touch-action:manipulation;-webkit-tap-highlight-color:transparent}
.fd-mbar{display:none}
@media (max-width:760px){
  /* room under the last section for the bar AND the chat pill that sits above it (pill top ≈ 144px up) */
  body.fd-has-mbar{padding-bottom:calc(156px + env(safe-area-inset-bottom))}
  .fd-mbar{position:fixed;left:0;right:0;bottom:0;z-index:140;display:grid;grid-template-columns:repeat(4,1fr);gap:6px;padding:8px max(10px,env(safe-area-inset-right)) calc(8px + env(safe-area-inset-bottom)) max(10px,env(safe-area-inset-left));background:rgba(14,6,5,.88);-webkit-backdrop-filter:blur(16px) saturate(1.3);backdrop-filter:blur(16px) saturate(1.3);border-top:1px solid rgba(212,175,55,.28);transform:translateY(0);transition:transform .25s ease}
  .fd-mbar.is-hidden{transform:translateY(110%);pointer-events:none}
  .fd-mbar>*{min-height:52px;min-width:44px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;border:0;border-radius:14px;background:rgba(255,255,255,.06);color:#f6ead2;font:600 11.5px/1.15 -apple-system,BlinkMacSystemFont,"Inter","Segoe UI",sans-serif;text-decoration:none;cursor:pointer;padding:4px 2px;text-align:center}
  .fd-mbar>*:active{background:rgba(212,175,55,.22)}
  .fd-mbar .mb-ic{display:flex;align-items:center;justify-content:center;height:22px;line-height:1}
  .fd-mbar .mb-ic svg{display:block;width:22px;height:22px}
  .fd-mbar .mb-main{background:#d4af37;color:#2a1a06}
  .fd-mbar .mb-main:active{background:#e6c458}
  /* the bar carries WhatsApp; lift the chat launcher above it */
  body.fd-has-mbar .fd-wafab{display:none!important}
  body.fd-has-mbar #frai-launch{bottom:calc(84px + env(safe-area-inset-bottom))!important;transition:transform .28s ease}
  /* js/mobile-first tucks the pill to the screen edge while it would sit on the booth thumbnails, reservation buttons or rate link */
  body.fd-has-mbar #frai-launch.fd-tucked{transform:translateX(34px)!important}
  body.fd-has-mbar #frai-launch.fd-tucked .frai-label{opacity:0;visibility:hidden}
  /* thumb-sized tap targets */
  /* MON–SUN stay on ONE row (they used to wrap onto two); if a very narrow phone cannot fit all seven the row scrolls sideways */
  #frida-random-reel .fd-promo .fd-promo-days{flex-wrap:nowrap;overflow-x:auto;gap:5px;scrollbar-width:none;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch}
  #frida-random-reel .fd-promo .fd-promo-days::-webkit-scrollbar{display:none}
  #frida-random-reel .fd-promo .fd-promo-days .fd-day{flex:1 1 0;min-width:0;max-width:68px;padding:6px 0;letter-spacing:.04em;text-align:center}
  @media (max-width:350px){#frida-random-reel .fd-promo .fd-promo-days .fd-day{flex:0 0 auto;padding:6px 9px}}
  #frida-random-reel .fd-promo-open,#frida-random-reel .fdfx-rate-link,#frida-random-reel .fd-visit a,#frida-random-reel .fd-footer a,#frida-random-reel .fh-more a,.fp-wall a{display:inline-flex;align-items:center;min-height:44px}
  #frida-random-reel .fp-launch{min-height:44px}
  /* strips that are meant to swipe snap and never drag the page sideways */
  #frida-random-reel .fd-quick-categories{overflow-x:auto;-webkit-overflow-scrolling:touch;scroll-snap-type:x proximity;overscroll-behavior-x:contain;scrollbar-width:none}
  #frida-random-reel .fd-quick-categories::-webkit-scrollbar{display:none}
  #frida-random-reel .fd-quick-categories>*{scroll-snap-align:start;flex:none}
  #frida-random-reel video,#frida-random-reel img{max-width:100%}
  /* skip rendering of far-below-fold blocks until needed (first paint) */
  #frida-random-reel .fd-visit,#frida-random-reel .fh-more,#frida-random-reel .fp-wall,#frida-random-reel .fd-footer{content-visibility:auto;contain-intrinsic-size:auto 600px}
  /* TONIGHT'S OFFER ON THE CATEGORY TILES. The 16 Oct phone redesign (menu-phone / menu-discovery css) hid .fd-tile-badge and the gold ring
     with display:none!important, so on a phone the discount vanished from the main categories while desktop showed it (owner, 2026-10-22).
     Higher specificity + !important so those older rules can't win; a compact pill that wraps to two lines and clears the corner arrow. */
  #frida-random-reel .fd-overview .fd-tile .fd-tile-badge{display:inline-flex!important;position:absolute!important;left:8px!important;top:8px!important;right:auto!important;z-index:3!important;width:max-content;max-width:calc(100% - 52px);align-items:flex-start;gap:5px;padding:4px 8px!important;border-radius:9px!important;font-size:9.5px!important;line-height:1.15!important;letter-spacing:.03em!important;white-space:normal!important}
  #frida-random-reel .fd-overview .fd-tile .fd-tile-badge i{display:none!important}
  #frida-random-reel .fd-overview .fd-tile.fd-tile-promo{border:1px solid #d4af37!important;box-shadow:0 0 0 1px #d4af37,0 0 18px rgba(212,175,55,.28)!important}
  #frida-random-reel input,#frida-random-reel select,#frida-random-reel textarea{font-size:16px}
}
@media (prefers-reduced-motion:reduce){.fd-mbar{transition:none}body.fd-has-mbar #frai-launch{transition:none}}