/*
 * SM SALT v81 — owner mobile QA corrections (2026-10-17). Scoped, additive rules only.
 * Colours, fonts, imagery and copy of the approved v81 design are unchanged.
 */

/* ---------- Priority 1: homepage Health & Wellness ---------- */
/* Rebuilt by mobile-ui.js with the homepage's own .hc-film / .hc-arrival-film markup, so the
   approved New Arrivals styles apply unchanged. Only the control's cursor is set here. */
#wellness-showcase .hc-film-control { cursor: pointer; }

/* ---------- Priority 2: bottom bars and floating buttons ---------- */
/* --sm-bar-h is the height of the visible fixed bottom bar (set by mobile-ui.js, 0 if none). */
html.sm-has-bar body { padding-bottom: var(--sm-bar-h, 0px); }
html.sm-has-bar .mx-top { bottom: calc(var(--sm-bar-h, 0px) + 12px) !important; }
/* The page's own sticky bars stay above the back-to-top button so their buttons stay tappable. */
html.sm-has-bar .sm-bottom-bar { z-index: 90; }
/* Redundant bar hidden while the hero CTAs or the inquiry form are on screen, or while typing. */
.sm-bar-hidden { transform: translateY(110%) !important; pointer-events: none; }
.px-mobile-trade, .mobilebar, .mobile-bar, .sm-bottom-bar { transition: transform .25s ease; }
@media (prefers-reduced-motion: reduce) {
  .px-mobile-trade, .mobilebar, .mobile-bar, .sm-bottom-bar { transition: none; }
}
/* Inquiry assistant (test preview only) sits above any bottom bar and the safe area. */
/* Stacked above the back-to-top button (42px + gaps) so the two never overlap. */
.smc-btn { bottom: calc(var(--sm-bar-h, 0px) + 66px + env(safe-area-inset-bottom)) !important; right: 12px !important; }
.smc-panel { bottom: calc(var(--sm-bar-h, 0px) + 122px + env(safe-area-inset-bottom)) !important; max-height: calc(100svh - var(--sm-bar-h, 0px) - 200px) !important; }