.byag-native-menu{--bnm-bg:#fff;--bnm-text:#111;--bnm-muted:#6b7280;--bnm-line:#e7e7e7;--bnm-accent:#111;--bnm-panel-max:78vh;position:relative;z-index:30;background:var(--bnm-bg);color:var(--bnm-text);border-top:1px solid var(--bnm-line);border-bottom:1px solid var(--bnm-line);font-family:inherit}.byag-native-menu *{box-sizing:border-box}.byag-native-menu a{color:inherit;text-decoration:none}.byag-native-menu button,.byag-native-menu input{font:inherit}.bnm-bar{max-width:var(--page-width,1600px);margin:auto;display:flex;align-items:center;min-height:50px;padding:0 24px;gap:6px}.bnm-all{flex:0 0 auto;display:inline-flex;align-items:center;gap:10px;border:0;background:#111;color:#fff;border-radius:999px;padding:10px 16px;font-weight:750;cursor:pointer;white-space:nowrap}.bnm-all svg{width:18px;height:18px;fill:currentColor}.bnm-top{display:flex;align-items:stretch;gap:0;overflow-x:auto;scrollbar-width:none;white-space:nowrap;flex:1}.bnm-top::-webkit-scrollbar{display:none}.bnm-top-link,.bnm-top-button{display:flex;align-items:center;min-height:49px;padding:0 14px;border:0;border-bottom:2px solid transparent;background:transparent;color:#181818;font-weight:650;cursor:pointer;white-space:nowrap}.bnm-top-link:hover,.bnm-top-button:hover,.bnm-top-button[aria-expanded=true]{background:#f6f6f6;border-bottom-color:#111}.bnm-top-button span{max-width:180px;overflow:hidden;text-overflow:ellipsis}.bnm-chevron{width:15px;height:15px;margin-left:5px;transition:transform .18s}.bnm-top-button[aria-expanded=true] .bnm-chevron{transform:rotate(180deg)}.bnm-panel{position:absolute;left:0;right:0;top:100%;display:none;background:#fff;border-bottom:1px solid var(--bnm-line);box-shadow:0 18px 50px #0000001f;max-height:var(--bnm-panel-max);overflow:hidden}.bnm-panel.is-open{display:block}.bnm-panel-shell{max-width:var(--page-width,1600px);margin:auto;padding:24px;display:grid;grid-template-rows:auto minmax(0,1fr);gap:18px;max-height:var(--bnm-panel-max)}.bnm-panel-head{display:flex;align-items:center;gap:20px}.bnm-panel-title{margin:0;font-size:clamp(24px,2.1vw,38px);line-height:1;font-weight:850;letter-spacing:-.04em}.bnm-view-all{font-weight:750;text-decoration:underline!important;text-underline-offset:4px}.bnm-panel-search{margin-left:auto;width:min(370px,42vw);position:relative}.bnm-panel-search input{width:100%;height:44px;border:1px solid #d8d8d8;border-radius:999px;padding:0 42px 0 16px;background:#fafafa;color:#111}.bnm-panel-search svg{position:absolute;right:15px;top:13px;width:18px;height:18px;fill:#555}.bnm-panel-close{width:42px;height:42px;border:1px solid #ddd;border-radius:50%;background:#fff;cursor:pointer;font-size:25px;line-height:1}.bnm-grid{min-height:0;overflow:auto;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;padding:2px 4px 24px 0}.bnm-group{border:1px solid #e7e7e7;border-radius:16px;padding:16px;background:#fff;min-width:0}.bnm-group-title{display:flex;justify-content:space-between;gap:12px;font-size:15px;line-height:1.25;font-weight:800;margin-bottom:12px}.bnm-group-title svg{width:16px;height:16px;flex:none}.bnm-children{display:grid;gap:7px}.bnm-child{font-size:13.5px;line-height:1.35;color:#4b5563;padding:2px 0}.bnm-child:hover{color:#000;text-decoration:underline;text-underline-offset:3px}.bnm-empty{grid-column:1/-1;text-align:center;padding:48px;color:#6b7280}.bnm-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000070;opacity:0;visibility:hidden;transition:.2s;z-index:80}.bnm-overlay.is-open{opacity:1;visibility:visible}.bnm-drawer{position:fixed;z-index:81;left:0;top:0;bottom:0;width:min(440px,94vw);background:#fff;transform:translate(-105%);transition:transform .25s ease;display:grid;grid-template-rows:auto auto minmax(0,1fr);box-shadow:18px 0 55px #0000002e}.bnm-drawer.is-open{transform:translate(0)}.bnm-drawer-head{display:flex;align-items:center;justify-content:space-between;padding:18px 20px;border-bottom:1px solid #eee}.bnm-drawer-brand{font-size:28px;font-weight:900;letter-spacing:-.055em}.bnm-drawer-close{width:42px;height:42px;border:1px solid #ddd;background:#fff;border-radius:50%;font-size:26px;cursor:pointer}.bnm-drawer-search{position:relative;padding:14px 18px;border-bottom:1px solid #eee}.bnm-drawer-search input{width:100%;height:46px;border:1px solid #d8d8d8;border-radius:12px;padding:0 44px 0 14px}.bnm-drawer-search svg{position:absolute;right:34px;top:28px;width:18px;height:18px;fill:#555}.bnm-drawer-body{overflow:auto;padding:8px 12px 30px}.bnm-mobile-item{border-bottom:1px solid #eee}.bnm-mobile-row{display:flex;align-items:center;min-height:54px}.bnm-mobile-main{flex:1;padding:15px 8px;font-weight:750}.bnm-mobile-toggle{width:46px;height:46px;border:0;background:transparent;cursor:pointer}.bnm-mobile-toggle svg{width:18px;height:18px;transition:transform .18s}.bnm-mobile-toggle[aria-expanded=true] svg{transform:rotate(180deg)}.bnm-mobile-children{display:none;padding:0 6px 12px 14px}.bnm-mobile-children.is-open{display:block}.bnm-mobile-group{border-left:2px solid #eee;padding:4px 0 7px 14px}.bnm-mobile-group+.bnm-mobile-group{margin-top:7px}.bnm-mobile-group>a{display:block;font-weight:750;padding:8px 0}.bnm-mobile-leaf{display:block;color:#555;padding:7px 0 7px 10px;font-size:14px}.bnm-search-results{display:grid;gap:3px}.bnm-result{display:block;padding:12px 10px;border-bottom:1px solid #eee}.bnm-result strong{display:block;font-size:14px}.bnm-result span{display:block;font-size:12px;color:#777;margin-top:3px}.bnm-noscript{padding:12px 24px;display:flex;gap:15px;overflow:auto;white-space:nowrap}.bnm-sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}body.bnm-lock{overflow:hidden}@media(max-width:1199px){.bnm-top{display:none}.bnm-bar{padding:8px 16px;min-height:58px}.bnm-all{width:100%;justify-content:center}.bnm-panel{display:none!important}}@media(min-width:1200px){.bnm-all{padding-inline:18px}.bnm-drawer{width:min(520px,94vw)}}@media(max-width:1450px)and (min-width:1200px){.bnm-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.bnm-top-link,.bnm-top-button{padding-inline:11px;font-size:13px}}@media(max-width:600px){.bnm-bar{padding:7px 12px}.bnm-all{min-height:44px}.bnm-drawer{width:100vw}.bnm-panel-search{display:none}}@media(prefers-reduced-motion:reduce){.bnm-drawer,.bnm-overlay,.bnm-chevron,.bnm-mobile-toggle svg{transition:none!important}}
/*# sourceMappingURL=/cdn/shop/t/27/assets/byag-native-mega-menu.css.map */