/* ============================================================
   KLUB · GOLDEN HOUR · FLOATING NAV ROLLOUT ADAPTER
   Load AFTER styles.css and every screen stylesheet, paired with
   ../_system/float-nav.css (the component). Scope: the static
   mobile mock screens in redesign/mobile.
   1) Clearance: any phone with a floating bar gets scroll-end
      clearance automatically (no per-screen .fnav-pad needed).
   2) Mock safe area: fixed 24px stand-in for env(safe-area-inset-bottom).
   3) Tab-level headers (.apphead on Discover, .feedhead on Feed and
      Marketplace) restyled to the floating glass treatment: wordmark
      pill + 42px glass circles + options dots. Stack-push headers
      (.mghead, hero overlays) keep their own back-button chrome, and
      .bigtitle page titles stay in-flow by design.
   ============================================================ */
.phone:has(> .fnav-wrap) .edbody::after { content:''; display:block; flex:0 0 84px; }
.phone .fnav-wrap { padding-bottom:24px; }

/* floating tab-level headers */
.phone .apphead, .phone .feedhead { border-bottom:0; background:transparent; display:flex; align-items:center; justify-content:space-between; gap:8px; padding:38px 14px 12px; }
.apphead .left, .feedhead > .wm { height:42px; display:flex; align-items:center; gap:9px; padding:0 15px 0 13px; border-radius:999px; background:var(--fglass); backdrop-filter:blur(24px) saturate(150%); -webkit-backdrop-filter:blur(24px) saturate(150%); border:1px solid var(--hair); box-shadow:0 8px 22px -8px rgba(0,0,0,.55), inset 0 1px 0 rgba(247,242,234,.07); }
.feedhead > .wm { font-size:20px; }
.apphead .acts, .feedhead .acts { gap:8px; }
.apphead .acts .ai, .feedhead .acts .ai { width:42px; height:42px; border-radius:50%; align-items:center; justify-content:center; font-size:20px; background:var(--fglass); backdrop-filter:blur(24px) saturate(150%); -webkit-backdrop-filter:blur(24px) saturate(150%); border:1px solid var(--hair); box-shadow:0 8px 22px -8px rgba(0,0,0,.55), inset 0 1px 0 rgba(247,242,234,.07); }
.apphead .acts .ai svg, .feedhead .acts .ai svg { width:20px; height:20px; }
.apphead .acts .ai .nb, .feedhead .acts .ai .nb { top:8px; right:8px; }
.apphead .acts .hav, .feedhead .acts .hav { width:34px; height:34px; }