/* Shared header + phone tab bar (Back to Earth Cooking) */
.bx-nav{position:sticky!important;top:0;left:0;right:0;z-index:900!important;background:rgba(250,244,232,.96);backdrop-filter:blur(10px);border-bottom:1px solid rgba(184,148,74,.18);font-family:Inter,Arial,sans-serif}
.bx-nav+.page-wrap{padding-top:0!important}
.bx-bar{display:flex;align-items:center;gap:.25rem;max-width:1240px;margin:0 auto;padding:.35rem clamp(.6rem,3vw,2rem);min-height:64px}
.bx-logo{display:inline-flex;align-items:center;min-height:44px;margin-right:auto;text-decoration:none}
.bx-logo img{width:54px;height:54px;object-fit:contain;border-radius:50%;mix-blend-mode:multiply;background:transparent!important}
.bx-links{display:flex;align-items:center;gap:.1rem;list-style:none;margin:0;padding:0}
.bx-links>li{position:relative}
.bx-links a,.bx-links button,.bx-menu-btn{display:inline-flex;align-items:center;gap:.3rem;min-height:44px;min-width:44px;padding:0 .8rem;border:0;background:none;color:#4a3b28;font:500 .72rem/1 Inter,Arial,sans-serif;letter-spacing:.16em;text-transform:uppercase;text-decoration:none;cursor:pointer;border-radius:3px}
.bx-links a:hover,.bx-links button:hover,.bx-menu-btn:hover{background:rgba(184,148,74,.12);color:#7d642f}
.bx-links a[aria-current="page"]{color:#9a7a2c;box-shadow:inset 0 -2px 0 #b8944a}
.bx-caret{font-size:.6rem;transition:transform .2s}
[aria-expanded="true"]>.bx-caret{transform:rotate(180deg)}
.bx-drop{position:absolute;right:0;top:100%;min-width:220px;margin:0;padding:.4rem;list-style:none;background:#fbf6ec;border:1px solid rgba(184,148,74,.3);box-shadow:0 14px 36px rgba(63,51,38,.16);border-radius:4px}
.bx-drop a{display:flex;width:100%;letter-spacing:.1em}
.bx-drop[hidden]{display:none}
.bx-search-slot{display:flex;align-items:center}
.bx-search-slot .global-search{position:static}
.bx-menu-btn{display:none}
.bx-tabs{display:none}
:where(.bx-nav,.bx-tabs) :focus-visible{outline:2px solid #7d642f;outline-offset:2px}
@media(max-width:820px){
  .bx-bar{min-height:58px}
  .bx-logo img{width:46px;height:46px}
  .bx-menu-btn{display:inline-flex}
  .bx-links{display:none;position:absolute;left:0;right:0;top:100%;flex-direction:column;align-items:stretch;background:#fbf6ec;border-bottom:1px solid rgba(184,148,74,.3);box-shadow:0 14px 30px rgba(63,51,38,.14);padding:.4rem .8rem .8rem;max-height:calc(100vh - 140px);overflow:auto}
  .bx-nav.open .bx-links{display:flex}
  .bx-links a,.bx-links button{width:100%;justify-content:space-between;font-size:.78rem}
  .bx-drop{position:static;box-shadow:none;border:0;background:transparent;padding:0 0 0 .8rem;min-width:0}
  .bx-tabs{display:grid;grid-template-columns:repeat(4,1fr);position:fixed;left:0;right:0;bottom:0;z-index:950;background:rgba(251,246,236,.98);border-top:1px solid rgba(184,148,74,.3);padding-bottom:env(safe-area-inset-bottom);box-shadow:0 -6px 20px rgba(63,51,38,.08)}
  .bx-tabs a{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.15rem;min-height:56px;color:#5a4a34;text-decoration:none;font:500 .64rem/1 Inter,Arial,sans-serif;letter-spacing:.1em;text-transform:uppercase}
  .bx-tabs a span{font-size:1.15rem;line-height:1}
  .bx-tabs a[aria-current="page"]{color:#9a7a2c;background:rgba(184,148,74,.1)}
  body{padding-bottom:calc(64px + env(safe-area-inset-bottom))}
}
@media print{.bx-nav,.bx-tabs{display:none!important}body{padding-bottom:0}}
/* Bigger tap targets across the site's own controls */
.pill,.fridge-tag,.recipe-sort-select,.search-input,.global-search-toggle,.modal-close,.m-jump,.np-btn{min-height:44px}
.m-jump{display:inline-flex!important;align-items:center}
.modal-close{min-width:44px}
html,body{max-width:100%;overflow-x:clip}
.global-search-toggle{min-height:44px!important;min-width:44px}
@media(max-width:820px){.home-install-bar{bottom:calc(60px + env(safe-area-inset-bottom))!important}}
