/* Compact phone header: logo + search, quote list, cart and menu buttons; the
   full navigation opens as a drawer. Applies only when scripting is enabled,
   so browsers without JavaScript keep the complete, always-visible header. */
.mobile-actions,.mobile-search,.site-header .icon-close{display:none}
.mobile-action .sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media (max-width:780px) and (scripting:enabled){
  .local-app .site-header{position:sticky;top:0;z-index:40}
  .local-app .site-header .header-phone{min-height:32px;font-size:13px}
  .local-app .site-header.menu-open{max-height:100vh;max-height:100dvh;overflow-y:auto;overscroll-behavior:contain;box-shadow:0 12px 30px #0000001f}
  .local-app .site-header .nav-wrap{min-height:60px;padding:8px 6px 8px 16px;flex-wrap:wrap;gap:0 2px;align-items:center}
  .local-app .site-header .nav-wrap>.logo{margin:0 auto 0 0;flex:0 0 auto;padding:13px 0}
  .local-app .site-header .nav-wrap>.logo img{width:120px;height:auto}
  .local-app .site-header .mobile-actions{display:flex;align-items:center;gap:0}
  .mobile-action{position:relative;display:inline-grid;place-items:center;width:44px;height:44px;padding:0;margin:0;border:0;border-radius:50%;background:transparent;color:inherit;cursor:pointer;text-decoration:none;-webkit-tap-highlight-color:transparent}
  .mobile-action:hover{background:#31523a0d}
  .local-app.gateway .mobile-action:hover{background:#ffffff12}
  .mobile-action:focus-visible{outline:2px solid currentColor;outline-offset:-3px}
  .mobile-action svg{width:22px;height:22px}
  .mobile-action [data-count]{position:absolute;top:3px;right:1px;min-width:18px;height:18px;padding:0 5px;box-sizing:border-box;border-radius:9px;background:#006536;color:#fff;font-size:10px;font-weight:600;line-height:18px;text-align:center}
  .local-app.gateway .mobile-action [data-count]{background:#d5e3c9;color:#171917}
  .mobile-action [data-count][data-empty]{display:none}
  .site-header.menu-open .icon-menu{display:none}
  .site-header.menu-open .icon-close{display:block}

  .local-app .site-header:not(.menu-open) .header-links,
  .local-app .site-header:not(.menu-open) .mobile-search{display:none}
  .local-app .site-header:not(.menu-open) .shop-bar{display:flex;justify-content:center;min-height:34px;padding:0 16px;border-top:1px solid #8882}
  .local-app .site-header:not(.menu-open) .shop-bar nav,.local-app .site-header:not(.menu-open) .shop-bar>div{display:none}
  .local-app .site-header:not(.menu-open) .shop-bar>.shop-phone{margin:0;padding:0;border:0}
  .local-app .shop-bar .header-search,.local-app .shop-bar .basket-link{display:none}

  .local-app .site-header.menu-open .mobile-search{display:flex;flex:1 0 100%;max-width:none;min-width:0;margin:8px 10px 4px 0;order:0}
  .local-app .site-header .mobile-search input{font-size:16px}
  .local-app .site-header.menu-open .header-links{display:flex;flex:1 0 100%;flex-direction:column;align-items:stretch;flex-wrap:nowrap;gap:0;padding:6px 10px 0 0;margin:0;font-size:16px}
  .local-app .site-header.menu-open .header-links>a{display:flex;align-items:center;min-height:48px;border-bottom:1px solid #8882;font-size:16px;text-decoration:none}
  .local-app .site-header.menu-open .header-links>a.partner-login-link{font-size:15px;opacity:1}
  .local-app .site-header.menu-open .language-options{display:flex;justify-content:flex-start;gap:6px;padding:12px 0 6px;margin:0}
  .local-app .site-header.menu-open .language-switch{display:inline-grid;place-items:center;min-width:48px;min-height:44px;opacity:1;border:1px solid #8884;border-radius:4px}
  .local-app .site-header.menu-open .language-switch.is-current{border-color:transparent}
  .local-app .site-header.menu-open .shop-bar{display:block;padding:0 16px 18px;border-top:0}
  .local-app .site-header.menu-open .shop-bar nav{display:flex;flex-direction:column;align-items:stretch;flex-wrap:nowrap;gap:0;overflow:visible;padding:0;font-size:16px}
  .local-app .site-header.menu-open .shop-bar nav a{display:flex;align-items:center;min-height:48px;border-bottom:1px solid #8882;font-size:16px}
  .local-app .site-header.menu-open .shop-bar .clearance-link{border-left:0;padding-left:0}
  .local-app .site-header.menu-open .shop-bar>.shop-phone{display:flex;min-height:48px;margin:0;padding:0;border:0;border-bottom:1px solid #8882;font-size:16px}
  .local-app .site-header.menu-open .shop-bar>div{display:flex;border-top:0;padding:10px 0 0;justify-content:flex-start}
  .local-app .site-header.menu-open .shop-bar>div:not(:has(a:not(.basket-link))){display:none}
}
@media (max-width:780px) and (scripting:enabled) and (prefers-reduced-motion:no-preference){
  .local-app .site-header.menu-open .header-links,.local-app .site-header.menu-open .shop-bar,.local-app .site-header.menu-open .mobile-search{animation:menu-in .16s ease-out}
  @keyframes menu-in{from{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}
}