/* ===== MOBILE NAVIGATION (Sep 2026) =====================================
   The fixed bottom bar (Home / Kitchen / My Rhythm / Life Map) is removed and
   replaced with a dropdown from the header, so the whole site is reachable
   rather than four pages, and no screen space is permanently spent.
   ======================================================================== */
@media (max-width:900px){
  #mobBottomNav{ display:none !important; }
  /* the bar reserved space at the foot of every page; reclaim it */
  body{ padding-bottom:0 !important; }
}

/* the button lives in the header on small screens only */
.hu-mnav-btn{ display:none; }
@media (max-width:900px){
  .hu-mnav-btn{
    display:inline-flex; align-items:center; justify-content:center; gap:7px;
    position:fixed; top:14px; right:14px; z-index:9300;
    min-height:44px; min-width:44px; padding:10px 14px; border-radius:999px;
    cursor:pointer; font:inherit; font-size:.82rem; font-weight:800;
    font-family:'Nunito',system-ui,sans-serif;
    background:#fff !important; border:1px solid #E8E4DC !important;
    color:#243447 !important; -webkit-text-fill-color:#243447 !important;
    box-shadow:0 4px 14px rgba(36,52,71,.16); }
  .hu-mnav-btn:focus-visible{ outline:3px solid #CF9E3F; outline-offset:3px; }
  .hu-mnav-bars{ display:inline-flex; flex-direction:column; gap:3px; }
  .hu-mnav-bars i{ display:block; width:17px; height:2px; border-radius:2px; background:#243447; }
}

#huMobNav{ position:fixed; inset:0; z-index:9400; display:none;
  background:rgba(20,28,44,.45); font-family:'Nunito',system-ui,sans-serif; }
#huMobNav.is-open{ display:block; }
#huMobNav .hu-mnav-sheet{
  position:absolute; top:0; right:0; width:min(320px,86vw); height:100%;
  background:#FFFFFF; box-shadow:-14px 0 40px rgba(20,28,44,.22);
  padding:18px 16px calc(24px + env(safe-area-inset-bottom));
  overflow-y:auto; transform:translateX(100%);
  transition:transform .28s cubic-bezier(.22,1,.36,1); }
#huMobNav.is-open .hu-mnav-sheet{ transform:translateX(0); }
#huMobNav .hu-mnav-head{ display:flex; align-items:center; justify-content:space-between;
  gap:12px; margin:0 0 14px; }
#huMobNav .hu-mnav-t{ font-family:'Playfair Display',Georgia,serif; font-size:1.15rem;
  font-weight:700; color:#243447; }
#huMobNav .hu-mnav-x{ width:44px; height:44px; min-height:44px; border-radius:50%;
  border:0; cursor:pointer; font:inherit; background:#F1EDE8; color:#243447; }
#huMobNav .hu-mnav-link{ display:flex; align-items:center; justify-content:space-between;
  width:100%; min-height:52px; padding:14px 16px; margin:0 0 7px; border-radius:14px;
  cursor:pointer; font:inherit; font-size:.98rem; font-weight:700; text-align:left;
  background:#FBFAF7; border:1px solid #EFEBE2; color:#243447; }
#huMobNav .hu-mnav-link:hover{ border-color:#7d9e77; }
#huMobNav .hu-mnav-link:focus-visible{ outline:3px solid #CF9E3F; outline-offset:2px; }
#huMobNav .hu-mnav-link.is-here{ background:#EDF3E9; border-color:#CFE0C9; }
#huMobNav .hu-mnav-arw{ color:#9AA2AD; font-size:.9rem; }
#huMobNav .hu-mnav-k{ margin:16px 0 8px; font-size:.68rem; font-weight:800;
  letter-spacing:.15em; text-transform:uppercase; color:#9AA2AD; }