.mobile-menu-toggle{display:none}
.mobile-menu-dialog:not([open]){display:none}
@media(max-width:700px){
 header.has-mobile-menu{flex-wrap:nowrap;gap:12px;padding:14px 4%}
 header.has-mobile-menu>.brand{width:clamp(166.25px,50.54vw,239.4px);flex-shrink:1;min-width:0;margin:0}
 header.has-mobile-menu>.header-actions{gap:5px;margin-left:auto}
 header.has-mobile-menu>.header-actions button{min-height:44px}
 header.has-mobile-menu .mobile-menu-toggle{display:flex;flex-shrink:0;align-items:center;justify-content:center;flex-direction:column;gap:6px;width:44px;min-height:44px;border:0;background:none;color:var(--green);font:500 10px/1 var(--font-ui);padding:5px;cursor:pointer}
 .mobile-menu-lines{display:block;width:21px;height:14px;border-top:1.5px solid currentColor;border-bottom:1.5px solid currentColor;position:relative}
 .mobile-menu-lines:after{content:'';position:absolute;left:0;right:0;top:5px;border-top:1.5px solid currentColor}
 .mobile-menu-dialog{position:fixed;inset:0 0 0 auto;margin:0;width:min(370px,92vw);height:100dvh;max-width:none;max-height:none;padding:0;border:0;background:#fff;color:var(--ink);overflow:hidden}
 .mobile-menu-dialog[open]{display:flex;flex-direction:column}
 .mobile-menu-dialog::backdrop{background:#17272066;backdrop-filter:blur(3px)}
 .mobile-menu-top{display:flex;align-items:center;justify-content:space-between;flex-shrink:0;padding:18px 20px;border-bottom:1px solid var(--line)}
 .mobile-menu-top h2{font:500 22px/1.2 var(--font-ui);letter-spacing:-.03em;margin:0}
 .mobile-menu-close{width:44px;height:44px;border:1px solid var(--line);border-radius:50%;background:#fff;color:var(--green);font:300 28px/1 var(--font-ui);cursor:pointer}
 .mobile-menu-scroll{overflow-y:auto;overscroll-behavior:contain;padding:10px 20px max(24px,env(safe-area-inset-bottom));flex:1;min-height:0}
 .mobile-menu-dialog nav{display:flex;flex-direction:column;align-items:stretch;gap:0;width:100%;font-size:15px}
 .mobile-menu-dialog nav>a,.mobile-menu-dialog .products-dropdown>summary{padding:17px 0;min-height:54px;border-bottom:1px solid var(--line);font-size:15px;font-weight:500}
 .mobile-menu-dialog nav>a[aria-current=page]{color:var(--green);font-weight:600}
 .mobile-menu-dialog .products-dropdown>summary{justify-content:space-between}
 .mobile-menu-dialog .products-popover{position:static;transform:none;width:100%;max-height:none;overflow:visible;padding:8px 0 12px;border:0;box-shadow:none;background:#f7f8f5}
 .mobile-menu-dialog .product-group-list{min-height:0;margin-top:5px}
 .mobile-menu-dialog .product-group{width:100%}
 .mobile-menu-dialog .product-group summary,.mobile-menu-dialog .direct-category{font-size:13px;font-weight:500;min-height:48px;padding:12px}
 .mobile-menu-dialog .category-submenu{position:static;min-height:0;padding:0 0 8px 6px;margin:0 10px 8px;border-left:2px solid #c4d2c5}
 .mobile-menu-dialog .category-submenu li a{font-size:13px;padding:12px 8px}
 .mobile-menu-dialog .category-all{font-size:13px;padding:12px 8px}
 .mobile-menu-dialog button:focus-visible,.mobile-menu-toggle:focus-visible,.mobile-menu-dialog a:focus-visible{outline:2px solid #648c76;outline-offset:2px}
 body:has(.mobile-menu-dialog[open]){overflow:hidden}
}
