/*
 * 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; }

/* 2026-10-19 bulk SEO: the hero kicker line is now the H1 and the large display line is a <div>.
   These rules give both exactly the look they had before (verified by computed-style comparison). */
.homeCompletion>section.hc-hero h1.hc-eyebrow{color:var(--px-gold,#cfb681);letter-spacing:.22em;text-transform:uppercase;margin:0 0 20px;max-width:none;font:500 10px/1.5 Arial,sans-serif!important}
.homeCompletion>section.hc-hero .hc-display{display:block;color:#fff6e4;letter-spacing:-.035em;max-width:1100px;margin:12px 0 0;font:400 clamp(48px,6.2vw,94px)/1.02 var(--font-playfair),Georgia,serif}
@media (max-width:760px){.homeCompletion>section.hc-hero h1.hc-eyebrow{letter-spacing:.16em;max-width:100%}.homeCompletion>section.hc-hero .hc-display{font-size:clamp(37px,10vw,58px)}}
@media (max-width:700px){.homeCompletion>section.hc-hero h1.hc-eyebrow{font-size:9px!important}}
.vc-hero h1.vc-kicker{letter-spacing:.2em;margin:0 0 20px}
.vc-hero .vc-display{display:block;color:var(--vc-text);letter-spacing:-.035em;margin:0 0 25px;font:400 clamp(48px,6.1vw,86px)/1.04 var(--sm-serif,Georgia)}
@media (max-width:700px){.vc-hero .vc-display{font-size:clamp(42px,10vw,62px)}}
h1.pl-kicker{font-family:inherit!important}

/* ---------- 2026-10-21: desktop "Inquiry help" vs film control ---------- */
/* The fixed "Inquiry help" button (bottom-right, shown from 1024 px) covered the film Play/Pause control
   while the film was at the bottom of the screen. Position offset only; look and copy unchanged. */
@media (min-width: 1024px) { .hc-film .hc-film-control { right: 128px; } }