/* ===== Home page menu add-on (separate file) =====
   The home page (หน้าหลัก) used a floating text-pill menu. This switches it to the same
   icon bottom bar the other pages already use (heart / store / chat / document / person,
   active item = pink circle). The icon bar's markup and buttons come from app.js
   (buildShopBottomNav) unchanged — this file only shows/hides and spaces them.
   Remove the <link> line in index.html to undo. */

/* hide the floating text-pill menu */
#view-shop .shop-sticky-nav { display: none !important; }

/* show the icon bottom bar on the home page too */
#view-shop .bottom-nav { display: flex !important; }

/* same bottom clearance the other pages use for the icon bar */
#view-shop.view { padding-bottom: calc(68px + env(safe-area-inset-bottom)) !important; }