.mega-nav{--bg: #000000;--fg: #ffffff;--muted:rgb(84, 84, 84);--muted-hover:rgb(98, 94, 94);--border: #e5e5e5;--shadow: 0 12px 30px rgba(0,0,0,.08), 0 2px 6px rgba(0,0,0,.06);--dur: .24s;--ease: cubic-bezier(.2,.6,.2,1);color:var(--fg);background:var(--bg);position:relative;z-index:30;font-size:16px;line-height:1.4}.mega-panel__inner{position:relative;margin-inline:auto;padding:1rem;max-width:1920px}.mega-panel__close{position:absolute;top:.75rem;right:.75rem;padding:.5rem .75rem;border-radius:.5rem;border:1px solid var(--border);background:var(--muted);cursor:pointer}.mega-panel__close:hover{background:var(--muted-hover)}.mega-panel__close:focus-visible{outline:2px solid #000;outline-offset:2px}.mega-nav__bar{display:grid;grid-template-columns:repeat(3,1fr);border-block-end:1px solid var(--border)}.mega-nav__item{-webkit-appearance:none;appearance:none;background:transparent;border:0;padding:.875rem 1rem;font:inherit;color:var(--fg);cursor:pointer;width:100%;text-align:center;position:relative;font-weight:700;text-transform:uppercase;font-size:1.3rem;letter-spacing:.5px;align-items:center;justify-content:center;display:flex;gap:10px}.mega-nav__item:focus-visible{outline:2px solid #fff;outline-offset:2px}.mega-nav__item:hover,.mega-nav__item[aria-expanded=true]{background:var(--muted)}.mega-panel{position:absolute;top:100%;left:0;right:0;min-height:500px;background:#000;opacity:0;transform:translateY(10px);visibility:hidden;pointer-events:none;transition:opacity var(--dur) var(--ease),transform var(--dur) var(--ease),visibility 0s linear var(--dur);box-shadow:var(--shadow);border-top:1px solid var(--border);will-change:opacity,transform}.mega-panel.is-open{opacity:1;transform:translateY(0);visibility:visible;pointer-events:auto;transition:opacity var(--dur) var(--ease),transform var(--dur) var(--ease),visibility 0s linear 0s}.grid-12{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:1rem}.col-4,.col-8{grid-column:span 12}.mega-panel__sidebar{border-right:1px solid var(--border)}.sidebar-list{margin:0;padding:.5rem 0;list-style:none}.mega-panel a{color:#fff!important;font-size:1.3rem;text-transform:uppercase;letter-spacing:.8px;font-weight:100;display:block;padding:6px;text-decoration:none;background:#100e0e;transition:background-color .5s ease,background-size .5s ease}.mega-panel a:hover{background:#13480e;font-weight:700}.sidebar-link{width:100%;text-align:left;padding:.75rem .875rem;border-radius:.5rem;background:transparent;border:0;cursor:pointer;font:inherit;color:var(--fg);display:block;text-transform:uppercase;font-size:1.2rem;font-weight:600}.sidebar-link:hover{background:gray}.sidebar-link.is-active{background:var(--muted);font-weight:600}.mega-panel__content{min-height:500px}.content-grid{display:none}.content-grid.is-visible{display:block}.subcategory-list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem}.content-link{display:block;padding:.75rem .875rem;border:1px solid var(--border);border-radius:.5rem;text-decoration:none;color:var(--fg);transition:transform var(--dur) var(--ease),box-shadow var(--dur) var(--ease);box-shadow:0 1px 2px #0000000a}.content-link:hover,.content-link:focus-visible{transform:translateY(-1px);box-shadow:0 6px 18px #00000014;outline:none}@media (min-width: 768px){.subcategory-list{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (min-width: 992px){.col-4{grid-column:span 2}.col-8{grid-column:span 10}.subcategory-list{grid-template-columns:repeat(5,minmax(0,1fr))}}@media (prefers-reduced-motion: reduce){.mega-panel,.mega-panel.is-open,.content-link{transition:none;transform:none}}.mega-panel img.chassis-img{width:100%;height:auto;padding:20px}.mega-panel aside li{border-bottom:1px solid var(--border)}.mega-panel .chassis-btn p{margin:0;text-align:center;padding:0 20px 20px;font-size:1.7rem;font-weight:400;letter-spacing:1px}.xxmega-panel#panel-brands{opacity:1!important;transform:translateY(0)!important;visibility:visible!important;pointer-events:auto!important;display:block!important;transition:opacity var(--dur) var(--ease),transform var(--dur) var(--ease),visibility 0s linear 0s!important}.xxmega-nav__item[aria-controls=panel-brands]{background:var(--muted)!important}.xxmega-panel:not(#panel-brands){opacity:0!important;transform:translateY(10px)!important;visibility:hidden!important;pointer-events:none!important}
/*# sourceMappingURL=/cdn/shop/t/28/assets/mega-menu.css.map */