.mega-wrap{position:relative;display:flex;align-items:center;justify-content:space-between}.nav-main{display:flex;align-items:center;gap:36px}.nav-side{display:flex;align-items:center;gap:20px}.nav-item,.nav-side a{position:relative;display:flex;align-items:center;gap:6px;text-decoration:none;font-size:14px;font-weight:500;color:var(--mega-text);transition:color .25s ease;text-transform:uppercase;padding:15px 0}.nav-side a{text-transform:capitalize;color:#8c8a85}.nav-item svg{width:14px;height:14px;transition:transform .25s ease}.nav-item.active svg{transform:rotate(180deg)}.nav-item:hover,.nav-item.active,.nav-side a:hover{color:var(--mega-text)}.mega{position:absolute;top:100%;left:0;margin-top:14px;background:#141210;border:2px solid rgba(237,234,227,.09);border-radius:12px;box-shadow:0 24px 48px #00000073;opacity:0;visibility:hidden;pointer-events:none;transform:translateY(-8px);transition:opacity .25s ease,transform .25s ease,visibility .25s ease;z-index:999}.mega.open{opacity:1;visibility:visible;pointer-events:auto;transform:translateY(0)}.mega-caret{position:absolute;top:-8px;left:40px;width:16px;height:16px;background:var(--mega-bg);border-top:1px solid var(--mega-border);border-left:1px solid var(--mega-border);transform:rotate(45deg);transition:left .25s ease}.nav-item:after{content:"";position:absolute;left:0;bottom:0;width:0;height:2px;background:#b8362a;border-radius:1px;transition:width .18s ease}.nav-item.active:after{width:100%}.mega-content{position:relative;z-index:2}.mega-body{display:flex}.mega-menu-panel{width:100%}.mega-menu-panel[hidden]{display:none}.mega-panel{display:none;animation:megaFade .25s ease}.mega-panel.active{display:block}@keyframes megaFade{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.mega-cats{width:220px;flex-shrink:0;border-right:1px solid rgba(237,234,227,.09);background:#141210;padding:10px 0;border-radius:16px}.mega-cat{display:block;width:100%;background:transparent;border:0;border-left:3px solid transparent;text-align:left;padding:14px 22px;font-size:14px;font-weight:500;color:#666;cursor:pointer;transition:all .25s ease}.mega-cat:hover{background:#edeae30a;color:var(--mega-text)}.mega-cat.active{background:#edeae30a;border-left-color:var(--mega-accent);color:var(--mega-text)}.mega-panels{flex:1;min-width:0}.mega-panel{padding:24px 28px}.mega-panel-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:22px}.mega-panel-head h4{margin:0;font-size:18px;font-weight:600;line-height:1.2;color:var(--mega-text)}.mega-viewall{text-decoration:none;color:#777;font-size:13px;transition:.25s}.mega-viewall:hover{color:var(--mega-accent)}.mega-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.mega-item{display:flex;align-items:center;gap:14px;text-decoration:none;color:var(--mega-text);transition:.25s}.mega-item:hover{color:var(--mega-accent)}.mega-tile{width:42px;height:42px;flex-shrink:0;display:flex;align-items:center;justify-content:center;border:1px solid rgba(237,234,227,.09);border-radius:8px;background:#000;font-size:14px;font-weight:700;transition:.25s;color:#55534e;transition:border-color .12s ease,color .12s ease}.mega-item:hover .mega-tile{border-color:var(--mega-accent);background:var(--mega-bg)}.mega-item:hover .mega-item-label{border-color:#b8362a}.mega-item-label{font-size:13px;line-height:1.4;color:var(--mega-text);border-bottom:1px solid transparent}.mega-flat{padding:24px 28px}.mega-flat .mega-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.mega-list{padding:12px 0}.mega-list a{display:block;padding:12px 24px;text-decoration:none;color:#555;transition:.25s}.mega-list a:hover{background:#f8f8f8;color:var(--mega-text)}.mega-panels{max-height:550px;overflow:auto}.mega-panels::-webkit-scrollbar{width:6px}.mega-panels::-webkit-scrollbar-thumb{background:#ccc;border-radius:20px}.mega-panels::-webkit-scrollbar-track{background:transparent}@media screen and (max-width:1200px){.mega{width:680px}.mega-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.mega-flat .mega-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media screen and (max-width:990px){.mega-wrap{flex-wrap:wrap;gap:16px}.nav-main{gap:18px;flex-wrap:wrap}.nav-side{gap:16px;flex-wrap:wrap}.mega{left:0;right:0;width:100%;max-width:100%}.mega-body{flex-direction:column;min-height:auto}.mega-cats{width:100%;border-right:none;border-bottom:1px solid rgba(0,0,0,.08);display:flex;overflow-x:auto;padding:0}.mega-cats::-webkit-scrollbar{display:none}.mega-cat{width:auto;white-space:nowrap;border-left:none;border-bottom:3px solid transparent;padding:16px 20px}.mega-cat.active{border-left:none;border-bottom-color:var(--mega-accent)}.mega-panel{padding:20px}.mega-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media screen and (max-width:749px){.nav-main{width:100%;justify-content:flex-start;gap:14px;overflow-x:auto;flex-wrap:nowrap;padding-bottom:4px}.nav-main::-webkit-scrollbar{display:none}.nav-item{white-space:nowrap;flex-shrink:0}.nav-side{display:none}.mega{position:fixed;left:12px;right:12px;top:90px;width:auto;margin-top:0;max-height:75vh;overflow:auto;border-radius:12px;z-index:9999}.mega-caret{display:none}.mega-panel{padding:18px}.mega-panel-head{margin-bottom:18px}.mega-grid{grid-template-columns:1fr;gap:14px}.mega-flat .mega-grid{grid-template-columns:1fr}.mega-item{gap:12px}.mega-tile{width:42px;height:42px;font-size:13px}}@media screen and (max-width:480px){.mega{left:8px;right:8px;top:75px}.mega-panel{padding:16px}.mega-cat{padding:14px 16px;font-size:13px}.mega-item-label{font-size:13px}}
/*# sourceMappingURL=/cdn/shop/t/8/assets/native-mega-menu.css.map */