#menu-dialog{width:495px;max-width:100%;height:100dvh;max-height:100dvh;padding:0;background:#fff;color:#1c1b1a;overflow:hidden}
#menu-dialog .dialog-top{flex:none;height:82px;margin:0;padding:16px 20px;border-bottom:1px solid #eee}
#menu-dialog .menu-brand{margin:0;min-width:0;font:32px/1 var(--heading);letter-spacing:-1px}
#menu-dialog .menu-brand a{display:block}
#menu-dialog .menu-brand img{width:var(--menu-logo-width,110px);max-width:200px;max-height:48px;object-fit:contain;object-position:left;height:auto}
#menu-dialog .dialog-top .icon-button{flex:none;width:44px;height:44px}
#menu-dialog .dialog-top svg{width:28px;height:28px}
#menu-dialog .menu-body{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:24px 20px}
#menu-dialog .mobile-nav{margin:0;display:flex;flex-direction:column;font:500 20px/1.4 var(--body)}
#menu-dialog .mobile-nav>a,#menu-dialog .mobile-nav>details{border-bottom:1px solid #ebebeb}
#menu-dialog .mobile-nav a,#menu-dialog .mobile-nav summary{display:flex;align-items:center;min-height:68px;padding:16px 0;text-decoration:none;gap:16px}
#menu-dialog .mobile-nav summary{cursor:pointer;list-style:none;justify-content:space-between}
#menu-dialog .mobile-nav summary::-webkit-details-marker{display:none}
#menu-dialog .mobile-nav summary::after{content:'';width:8px;height:8px;flex:none;margin-right:8px;border-right:1px solid currentColor;border-top:1px solid currentColor;transform:rotate(45deg);transition:transform .2s}
#menu-dialog .mobile-nav details[open]>summary::after{transform:rotate(135deg)}
#menu-dialog .menu-submenu{padding:0 12px 10px 16px;font-size:16px;font-weight:400}
#menu-dialog .menu-submenu a,#menu-dialog .menu-submenu summary{min-height:48px;padding-block:12px}
#menu-dialog .mobile-nav [aria-current=page]{text-decoration:underline;text-underline-offset:5px}
#menu-dialog .menu-footer{flex:none;margin-top:auto;padding-bottom:env(safe-area-inset-bottom,0px);background:#fff}
#menu-dialog .menu-account{padding:16px 20px;border-top:1px solid #f5f5f5}
#menu-dialog .menu-login{display:flex;align-items:center;justify-content:center;width:100%;min-height:52px;background:#1c1b1a;color:#fff;font:500 16px/1.4 var(--body);text-transform:uppercase}
#menu-dialog .menu-localization{border-top:1px solid #eee;padding:8px 20px}
#menu-dialog .menu-localization form{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:8px 24px}
#menu-dialog .menu-localization label{display:flex;align-items:center;position:relative;min-width:0;max-width:100%}
#menu-dialog .menu-localization select{appearance:none;border:0;border-radius:0;background:transparent;color:inherit;min-height:44px;max-width:100%;padding:8px 24px 8px 0;font:400 16px/1.4 var(--body);cursor:pointer}
#menu-dialog .menu-localization label::after{content:'';width:7px;height:7px;border-right:1px solid;border-bottom:1px solid;transform:rotate(45deg);position:absolute;right:3px;top:16px;pointer-events:none}
#menu-dialog .menu-socials{display:flex;align-items:center;justify-content:center;gap:6px;border-top:1px solid #eee;padding:8px 20px}
#menu-dialog .menu-socials a,#menu-dialog .menu-socials span{display:flex;align-items:center;justify-content:center;width:44px;height:44px}
#menu-dialog .menu-socials svg{width:22px;height:22px;fill:currentColor;stroke:none}
#menu-dialog .menu-socials span{opacity:.35}
#menu-dialog :focus-visible{outline-offset:-3px}
#menu-dialog:focus{outline:none}
@media(max-width:767px){#menu-dialog{width:100%}}
@media(max-height:500px){#menu-dialog{overflow-y:auto}#menu-dialog .menu-body{flex:1 0 auto;overflow:visible}}
@media(prefers-reduced-motion:reduce){#menu-dialog .mobile-nav summary::after{transition:none}}
#menu-dialog.menu-enhanced .menu-body{position:relative;padding:0;overflow:hidden}
#menu-dialog .menu-panel{position:absolute;inset:0;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;padding:24px 20px}
#menu-dialog .menu-next{display:flex;align-items:center;justify-content:space-between;gap:16px;width:100%;min-height:68px;padding:16px 0;border-bottom:1px solid #ebebeb;text-align:left;font:inherit}
#menu-dialog .menu-next::after{content:'';width:8px;height:8px;flex:none;margin-right:8px;border-right:1px solid;border-top:1px solid;transform:rotate(45deg)}
#menu-dialog .menu-back{display:flex;align-items:center;gap:8px;min-width:0;min-height:44px;text-align:left}
#menu-dialog .menu-back svg{width:18px;height:24px;flex:none}
#menu-dialog .menu-submenu-title{font:28px/1.2 var(--heading);overflow-wrap:anywhere}
#menu-dialog.menu-in-submenu .menu-brand,#menu-dialog.menu-in-submenu .menu-footer{display:none}
#menu-dialog .menu-child-panel{padding-top:12px;font-size:18px;font-weight:400}
#menu-dialog .menu-child-panel>a,#menu-dialog .menu-child-panel>.menu-next{min-height:48px;padding-block:12px;border:0}
@media(max-height:500px){#menu-dialog.menu-enhanced{overflow:hidden}#menu-dialog.menu-enhanced .menu-body{flex:1;min-height:80px}#menu-dialog.menu-enhanced .menu-footer{max-height:45dvh;overflow-y:auto}}
