/* A compact, balanced phone header; the desktop header stays intact. */
.host-mobile-menu-button,.iz-nav>nav.host-mobile-nav{display:none!important}
@media(max-width:900px){
  .iz-nav{display:grid!important;grid-template-columns:52px minmax(0,1fr) 52px;align-items:center;gap:8px;padding:10px 16px!important;min-height:76px;height:auto;position:sticky;top:0;z-index:80;background:#fff;border-bottom:1px solid #dce6e2;box-shadow:0 2px 12px #073c4308}
  .iz-nav>.iz-brand{grid-column:2;grid-row:1;justify-self:center;white-space:nowrap;font-size:23px!important;line-height:1;gap:5px;letter-spacing:-1px;margin:0;min-width:0}
  .iz-nav>.iz-brand .iz-brand-icon{display:none}
  .iz-nav>.iz-brand sup{font-size:10px;letter-spacing:0}
  .iz-nav>img,.iz-nav>nav.host-desktop-nav{display:none!important}
  .iz-nav>.iz-nav-actions{grid-column:3;grid-row:1;width:52px;margin:0;justify-content:center;gap:0}
  .iz-nav .iz-cart-link{position:relative;display:flex;justify-content:center;align-items:center;padding:10px;width:48px;height:48px;min-height:48px;box-sizing:border-box;border:0;background:transparent;box-shadow:none;border-radius:12px;color:#073c43}
  .iz-nav .iz-cart-link>span:not(.iz-cart-count),.iz-nav .iz-cart-chevron{display:none}
  .iz-nav .iz-cart-icon{width:25px;height:25px}
  .iz-nav .iz-cart-count{position:absolute;top:0;right:0;min-width:19px;height:19px;padding:0 4px;box-sizing:border-box;font-size:10px;background:#073c43;color:#fff;border:2px solid #fff;border-radius:20px}
  .host-mobile-menu-button{display:flex!important;flex-direction:column;align-items:center;justify-content:center;gap:2px;grid-column:1;grid-row:1;background:transparent;border:0;border-radius:12px;color:#073c43;padding:4px;width:48px;height:52px;cursor:pointer}
  .host-mobile-menu-button svg{width:24px;height:24px}
  .host-mobile-menu-label{font-size:10px;font-weight:600;line-height:1.2;letter-spacing:.02em}
  .host-menu-close{display:none}
  .host-mobile-menu-button[aria-expanded=true] .host-menu-lines{display:none}
  .host-mobile-menu-button[aria-expanded=true] .host-menu-close{display:block}
  .host-mobile-menu-button[aria-expanded=true]{background:#f0f5f3}
  .iz-nav>nav.host-mobile-nav{position:absolute;top:100%;left:0;right:0;width:100%;margin:0;padding:22px 20px max(24px,env(safe-area-inset-bottom));max-height:calc(100dvh - 76px);overflow-y:auto;overscroll-behavior:contain;background:#fff;border-bottom:1px solid #d8e3dc;box-shadow:0 18px 30px #062f3526;flex-direction:column;flex-wrap:nowrap;align-items:stretch;gap:22px;z-index:85;box-sizing:border-box}
  .iz-nav>nav.host-mobile-nav.is-open{display:flex!important}
  .host-mobile-menu-heading{font-size:11px;letter-spacing:.13em;color:#5e7977;font-weight:700;margin:0 0 10px;text-transform:uppercase}
  .host-mobile-products{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
  .iz-nav .host-mobile-products>a{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:52px;padding:12px 14px;border:1px solid #dce6e2;border-radius:9px;background:#f6f8f6;font-size:14px;font-weight:650;color:#073c43;text-decoration:none;line-height:1.3;box-sizing:border-box}
  .host-mobile-products>a::after{content:'↗';color:#d66a40;font-size:16px}
  .host-mobile-links{display:grid;gap:0}
  .iz-nav .host-mobile-links>a{display:flex;align-items:center;min-height:46px;padding:10px 2px;border-bottom:1px solid #e6edeb;font-size:14px;font-weight:500;color:#123d40;text-decoration:none;line-height:1.4;box-sizing:border-box}
  .iz-nav .host-mobile-nav a[aria-current=page]{color:#a54523;border-color:#dd9c80;background:#fff5ee}
  .host-mobile-menu-button:focus-visible,.host-mobile-nav a:focus-visible{outline:3px solid #df7550;outline-offset:3px}
  .iz-nav .iz-cart-preview{position:fixed;top:76px;left:12px;right:12px;width:auto;max-width:none;max-height:calc(100dvh - 92px);overflow:auto}
}
@media(max-width:359px){
  .iz-nav{padding:8px 10px!important;gap:4px;grid-template-columns:48px minmax(0,1fr) 48px}
  .iz-nav>.iz-brand{font-size:21px!important;letter-spacing:-.7px}
  .iz-nav>.iz-nav-actions{width:48px}
}

/* Keep the full navigation within tablet and small desktop landscape widths. */
@media(min-width:901px) and (max-width:1600px){
  .iz-nav{flex-wrap:wrap;gap:14px 20px}
  .iz-nav>.iz-brand{flex-shrink:0}
  .iz-nav>.iz-nav-actions{margin-left:auto;flex-shrink:0}
  .iz-nav>nav.host-desktop-nav{flex:1 0 100%;order:3;min-width:0;width:100%;flex-wrap:wrap;justify-content:center;gap:12px 22px;border-top:1px solid #eef3f2;padding-top:12px}
}