.megabar{position:relative;border-top:1px solid #eef4f9;background:#fff}.megabar__inner{width:min(1200px,100%);margin:0 auto;box-sizing:border-box;padding:0 16px;display:flex;gap:2px;align-items:stretch}.nav-item{position:static;display:inline-flex;align-items:stretch}.nav-item--dropdown{position:relative!important}.nav-item__link{display:inline-flex;align-items:center;padding:12px 13px;font-size:13.5px;font-weight:500;color:#123551;border-bottom:2px solid transparent;white-space:nowrap;text-decoration:none;transition:color .15s ease,border-color .15s ease;cursor:pointer}.nav-item:hover>.nav-item__link,.nav-item__link:hover,.nav-item__link--active{color:#0071bc!important;border-bottom-color:#0071bc!important}.mega{display:none;position:absolute;left:0;right:0;top:calc(100% + 1px);z-index:60;background:#fff;border:1px solid #e6eff6;border-radius:0 0 16px 16px;box-shadow:0 26px 46px #12355129;padding:26px}.nav-item:hover .mega,.nav-item:focus-within .mega{display:block}.mega--dropdown{display:none;position:absolute;left:0;right:auto;top:calc(100% + 1px);min-width:230px;width:max-content;max-width:320px;z-index:60;background:#fff;border:1px solid #e6eff6;border-radius:0 0 12px 12px;box-shadow:0 18px 42px #12355124;padding:10px}.mega-link--simple{display:block;padding:9px 12px;font-size:13.5px;color:#333;border-radius:8px;text-decoration:none;white-space:nowrap;transition:background .15s ease,color .15s ease}.mega-link--simple:hover{background:#f4f9fc;color:#0071bc!important}.mega__grid{width:min(1200px,100%);margin:0 auto;display:grid;gap:28px;grid-template-columns:repeat(var(--cols, 4),minmax(0,1fr))}.mega__grid:has(.mega-promo){grid-template-columns:repeat(var(--cols, 4),minmax(0,1fr)) 260px}@supports not (selector(:has(*))){.mega__grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}}.mega__col{display:flex;flex-direction:column}.mega__col-heading{font-size:11px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:#123551;margin-bottom:10px;display:block}.mega__col-subheading{font-size:11px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:#123551;margin:16px 0 10px;display:block}.mega-link{display:block;padding:6px 0;font-size:13.5px;color:#333;text-decoration:none;line-height:1.35;transition:color .15s ease}.mega-link:hover{color:#0071bc!important}.mega-link--color{display:flex;align-items:center;gap:9px;padding:5px 0}.mega-color-swatch{width:16px;height:16px;border-radius:50%;border:1px solid rgba(0,0,0,.12);flex:0 0 auto}.mega-promo{position:relative;display:flex;flex-direction:column;justify-content:flex-end;min-height:240px;border-radius:12px;overflow:hidden;color:#fff;padding:18px;text-decoration:none;transition:opacity .15s ease,transform .15s ease}.mega-promo:hover{opacity:.96}.mega-promo__img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.mega-promo__gradient{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top,#123551d9,#1235510d 62%)}.mega-promo__tag{position:relative;font-size:11px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:#51cee8;z-index:1}.mega-promo__heading{position:relative;font-size:16px;font-weight:600;margin-top:4px;line-height:1.25;color:#fff;z-index:1}.mega-promo__btn{position:relative;margin-top:12px;align-self:flex-start;background:#fff;color:#123551;font-weight:600;font-size:12.5px;padding:9px 14px;border-radius:8px;z-index:1;transition:background .15s ease,color .15s ease}.mega-promo:hover .mega-promo__btn{background:#0071bc;color:#fff}@media screen and (max-width:989px){.spoel-header__desktop-nav{display:none!important}}
/*# sourceMappingURL=/cdn/shop/t/30/assets/component-mega-menu.css.map */