.mega-chevron{transition:transform .25s;margin-left:1px}.nav-products[aria-expanded=true] .mega-chevron{transform:rotate(180deg)}
.mega-backdrop{position:fixed;inset:var(--header) 0 0;background:#0b203b33;z-index:34;backdrop-filter:blur(3px)}
.product-mega-menu{position:fixed;z-index:35;top:var(--header);left:0;right:0;background:#fff;border-top:1px solid #e5e9ef;box-shadow:0 25px 35px #20324b18;animation:mega-enter .25s ease;max-height:calc(100svh - var(--header));overscroll-behavior:contain}
.mega-topline{width:min(1500px,90%);margin:auto;display:flex;justify-content:space-between;align-items:center;height:58px;font-size:15px}.mega-topline small{font-size:12px;color:#8a96a2;margin-left:18px}.mega-close{display:flex;align-items:center;gap:16px;background:transparent;color:#7a858f;padding:10px 0 10px 18px;font-size:13px}.mega-close span{font-size:25px;line-height:1}.mega-close:hover{color:#2466cc}
.mega-inner{width:min(1500px,90%);margin:auto;display:grid;grid-template-columns:220px minmax(0,1fr);height:min(720px,calc(100svh - var(--header) - 78px));padding-bottom:28px;gap:44px}
.mega-sidebar{border-right:1px solid #dce1e7;padding:10px 28px 0 0;overflow:auto;overscroll-behavior:contain}.mega-label{font-size:13px;font-weight:600;letter-spacing:0;color:#293b4e;margin:0 0 15px}.mega-filters{display:grid;gap:3px}.mega-filter{border:0;background:none;text-align:left;color:#8c939a;font-size:16px;padding:7px 0;cursor:pointer;line-height:1.6;transition:color .2s}.mega-filter:hover{color:#326db9}.mega-filter.is-active{color:#172b42;font-weight:550}.mega-related{margin-top:38px}.mega-related a{display:block;color:#596b7e;font-size:14px;margin:12px 0}.mega-related a:hover{color:#246bd1}
.mega-gallery{overflow:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#c6d4e3 transparent;padding-right:10px}.mega-products{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.mega-product{display:flex;min-width:0;flex-direction:column;background:#f4f5f7;overflow:hidden;border:1px solid transparent;transition:background .25s,border-color .25s}.mega-product:hover,.mega-product:focus-visible{background:#edf3fc;border-color:#bfd2f0}.mega-product-image{height:185px;padding:14px 20px 0}.mega-product img{width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply;transition:transform .55s cubic-bezier(.2,.7,.2,1)}.mega-product:hover img{transform:scale(1.045)}.mega-product-copy{padding:12px 16px 22px;text-align:center}.mega-product-copy small{display:block;font-size:11px;line-height:1.5;color:#7f90a0;margin-bottom:7px}.mega-product strong{display:block;color:#233345;font-size:17px;line-height:1.45;font-weight:500;overflow-wrap:anywhere}.mega-empty{font-size:16px;padding:45px 20px;color:#718091}.product-mega-menu :focus-visible{outline:2px solid #4285f4;outline-offset:-2px}
@keyframes mega-enter{from{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:none}}
@media(max-width:1100px){.mega-inner{grid-template-columns:180px minmax(0,1fr);gap:26px}.mega-products{gap:16px}.mega-product-image{height:150px;padding:10px}.mega-product strong{font-size:15px}.mega-product-copy{padding:10px 10px 18px}}
@media(max-width:760px){.mega-topline{height:55px}.mega-topline small{margin-left:10px;font-size:11px}.mega-inner{display:flex;flex-direction:column;gap:14px;height:calc(100svh - var(--header) - 55px);padding-bottom:20px}.mega-sidebar{border:0;padding:0;overflow:visible;flex-shrink:0}.mega-sidebar>.mega-label{display:none}.mega-filters{display:flex;overflow-x:auto;gap:22px;padding-bottom:8px;scrollbar-width:thin}.mega-filter{white-space:nowrap;font-size:14px;padding:7px 0;min-height:38px}.mega-filter.is-active{border-bottom:2px solid #306bcc}.mega-related{margin:0;display:flex;gap:18px;flex-wrap:wrap;padding-top:4px}.mega-related h2{display:none}.mega-related a{font-size:12px;margin:0}.mega-gallery{min-height:0;flex:1;padding-right:2px}.mega-products{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.mega-product-image{height:126px;padding:8px}.mega-product strong{font-size:14px;line-height:1.5}.mega-product-copy{padding:9px 8px 16px}.mega-product-copy small{font-size:10px;margin-bottom:5px}}
@media(prefers-reduced-motion:reduce){.product-mega-menu{animation:none}.mega-product img,.mega-chevron{transition:none}}