.mega-menu-navigation-section *{box-sizing:border-box}.mega-menu-navigation-section{position:relative;width:100%;z-index:100}.mega-nav-list{display:flex;align-items:center;list-style:none;margin:0;padding:0;flex-wrap:wrap}.mega-nav-item{position:relative;display:flex;align-items:center}.mega-nav-link{display:flex;align-items:center;text-decoration:none;position:relative;transition:all .3s cubic-bezier(.25,.46,.45,.94);white-space:nowrap;cursor:pointer}.mega-nav-link:focus{outline:2px solid currentColor;outline-offset:2px}.mega-nav-link:focus-visible{outline:2px solid currentColor;outline-offset:2px}.mega-nav-caret{transition:transform .3s ease;margin-left:4px;flex-shrink:0}.mega-nav-item:hover .mega-nav-caret{transform:rotate(180deg)}.mega-menu-dropdown{position:absolute;top:100%;left:50%;transform:translate(-50%);background:#fff;border:1px solid #e1e8ed;border-radius:12px;box-shadow:0 8px 24px #0000001a;opacity:0;visibility:hidden;transform:translate(-50%) translateY(-10px);transition:all .3s cubic-bezier(.25,.46,.45,.94);z-index:1000;pointer-events:none}.mega-nav-item:hover .mega-menu-dropdown{opacity:1;visibility:visible;transform:translate(-50%) translateY(0);pointer-events:auto}.mega-menu-content{display:grid;gap:32px;padding:32px}.mega-menu-column{display:flex;flex-direction:column;min-width:0}.mega-menu-column-title{text-decoration:none;margin-bottom:16px;transition:color .3s ease;font-weight:600;line-height:1.2}.mega-menu-column-title:hover{text-decoration:none}.mega-menu-links{list-style:none;margin:0;padding:0;display:flex;flex-direction:column}.mega-menu-link{text-decoration:none;transition:all .3s ease;position:relative;overflow:hidden;line-height:1.4;border-radius:4px}.mega-menu-link:hover{text-decoration:none}.mega-menu-promo{display:flex;flex-direction:column;text-decoration:none;border-radius:8px;overflow:hidden;transition:transform .3s ease,box-shadow .3s ease;background:#fff;border:1px solid #f0f0f0}.mega-menu-promo:hover{transform:translateY(-4px);box-shadow:0 12px 32px #00000026;text-decoration:none}.mega-menu-promo-image{width:100%;height:200px;object-fit:cover;display:block}.mega-menu-promo-content{padding:16px;flex-grow:1;display:flex;flex-direction:column}.mega-menu-promo-title{margin:0 0 8px;font-weight:600;line-height:1.3}.mega-menu-promo-text{margin:0;line-height:1.4;flex-grow:1}.mega-nav-blackout{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;opacity:0;visibility:hidden;transition:all .3s ease;z-index:99;pointer-events:none}.mega-nav-blackout.active{opacity:1;visibility:visible;pointer-events:auto}.mega-menu-navigation-section.sticky{position:sticky;top:0;z-index:100}.mega-menu-fade-in{animation:megaMenuFadeIn .3s ease forwards}.mega-menu-fade-out{animation:megaMenuFadeOut .3s ease forwards}@keyframes megaMenuFadeIn{0%{opacity:0;transform:translate(-50%) translateY(-10px)}to{opacity:1;transform:translate(-50%) translateY(0)}}@keyframes megaMenuFadeOut{0%{opacity:1;transform:translate(-50%) translateY(0)}to{opacity:0;transform:translate(-50%) translateY(-10px)}}.mega-nav-link:focus,.mega-menu-column-title:focus,.mega-menu-link:focus,.mega-menu-promo:focus{outline:2px solid #3498db;outline-offset:2px}@media (prefers-contrast: high){.mega-menu-dropdown{border-width:2px;border-color:currentColor}.mega-nav-link,.mega-menu-column-title,.mega-menu-link{border:1px solid transparent}.mega-nav-link:hover,.mega-menu-column-title:hover,.mega-menu-link:hover{border-color:currentColor}}@media (prefers-reduced-motion: reduce){.mega-nav-link,.mega-menu-dropdown,.mega-menu-link,.mega-menu-promo,.mega-nav-blackout,.mega-nav-caret{transition:none}.mega-menu-fade-in,.mega-menu-fade-out{animation:none}.mega-nav-item:hover .mega-nav-caret,.mega-menu-promo:hover{transform:none}}@media print{.mega-menu-navigation-section{display:none}}.mega-menu-navigation-section.loading{opacity:.7;pointer-events:none}.mega-menu-navigation-section.loading:after{content:"";position:absolute;top:50%;left:50%;width:20px;height:20px;margin:-10px 0 0 -10px;border:2px solid #f3f3f3;border-top:2px solid #3498db;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.mega-menu-navigation-section.error{background-color:#fee;border:1px solid #fcc}.mega-menu-navigation-section.error:before{content:"Navigation Error: Please check your menu settings";display:block;padding:8px 16px;background:#fcc;color:#c00;font-size:14px;text-align:center}[dir=rtl] .mega-nav-caret{margin-left:0;margin-right:4px;transform:scaleX(-1)}[dir=rtl] .mega-menu-dropdown{left:auto;right:50%;transform:translate(50%)}[dir=rtl] .mega-nav-item:hover .mega-menu-dropdown{transform:translate(50%) translateY(0)}[dir=rtl] .mega-menu-link:hover{transform:translate(-4px)}@media (prefers-color-scheme: dark){.mega-menu-dropdown{background:#2c3e50;border-color:#34495e;color:#ecf0f1}.mega-menu-promo{background:#2c3e50;border-color:#34495e}.mega-nav-blackout{background:#000c}}@media (hover: none) and (pointer: coarse){.mega-nav-link,.mega-menu-link{min-height:44px;padding:12px 16px}.mega-menu-promo{min-height:44px}}@media screen and (min-width: 1400px){.mega-menu-content{max-width:1200px;margin:0 auto}}@media screen and (max-width: 1199px){.mega-menu-dropdown{min-width:500px;max-width:90vw}}@media screen and (max-width: 989px){.mega-nav-list{flex-direction:column;align-items:stretch}.mega-nav-item{width:100%;border-bottom:1px solid #e1e8ed}.mega-nav-item:last-child{border-bottom:none}.mega-nav-link{width:100%;justify-content:space-between;padding:16px}.mega-menu-dropdown{position:static;transform:none;min-width:auto;max-width:none;width:100%;margin-top:0;border:none;border-radius:0;box-shadow:none;background:#f8f9fa;display:none}.mega-menu-dropdown.mobile-open{display:block;opacity:1;visibility:visible}.mega-menu-content{grid-template-columns:1fr;gap:16px;padding:16px}.mega-menu-promo{grid-column:span 1}.mega-nav-blackout{display:none}}@media screen and (max-width: 749px){.mega-menu-content{padding:12px;gap:12px}.mega-nav-link{padding:12px;font-size:16px}.mega-menu-link{padding:10px 12px}.mega-menu-promo-image{height:150px}.mega-menu-promo-content{padding:12px}}@media screen and (max-width: 479px){.mega-nav-link{padding:10px}.mega-menu-content{padding:8px;gap:8px}.mega-menu-promo-image{height:120px}.mega-menu-promo-content{padding:8px}}
/*# sourceMappingURL=/cdn/shop/t/10/assets/component-mega-menu-navigation.css.map */