.sticky-navigation{position:sticky;top:calc(56px - var(--section-spacing-mobile, 0));z-index:30;background-color:#fff;margin:var(--section-spacing-mobile) 0;margin-top:0!important;padding-top:var(--section-spacing-mobile)}.sticky-navigation-inner{padding:18px 16px;box-sizing:border-box;border:1px solid transparent;border-top:1px solid rgba(0,0,0,.1);border-bottom:1px solid rgba(0,0,0,.1)}.sticky-navigation a{white-space:nowrap;color:#00000070;text-align:center;font-size:14px;font-style:normal;font-weight:700;line-height:140%}.sticky-navigation .flickity-slider{margin-left:15px}.sticky-navigation a.active{color:var(--color-body, rgba(0, 0, 0, .88))}.bundle__nav{position:sticky;margin:28px -15px 48px!important;background-color:#fff;padding:16px 20px;top:56px;z-index:30}.bundle__nav:before{content:"";display:block;position:absolute;background-color:#fff;height:60px;left:0;right:0;top:0}.bundle_nav-items{display:flex;justify-content:center;gap:32px}.bundle_nav-items a,.rte .bundle_nav-items a{border-bottom:0!important;color:#b2b2b2;font-size:15px;font-weight:600!important}.bundle_nav-items a:hover:after,.rte .bundle_nav-items a:hover:after{display:none}.bundle_nav-items a.active:after,.rte .bundle_nav-items a.active:after{display:block;width:100%;bottom:0}.bundle_nav-items a.active,.rte .bundle_nav-items a.active,.bundle_nav-items a:hover,.rte .bundle_nav-items a:hover{color:#000}@media screen and (min-width:768px){.bundle__nav{margin:60px -300% 80px!important}.sticky-navigation{top:calc(56px - var(--section-spacing-desktop, 0));margin:var(--section-spacing-desktop) -15px;margin-top:0!important;padding-top:var(--section-spacing-desktop)}.sticky-navigation .flickity-slider{margin-left:0}}@media only screen and (max-width:767px){.bundle_nav-items{justify-content:flex-start;gap:24px;overflow-x:auto}.bundle_nav-items::-webkit-scrollbar{width:0;height:0}.bundle_nav-items a,.rte .bundle_nav-items a{font-size:14px}.bundle_nav-items a:hover,.rte .bundle_nav-items a:hover{color:#b2b2b2}.bundle_nav-items a.active,.rte .bundle_nav-items a.active{color:#000}.sticky-navigation{--top: 0px;--bottom: 0px;--left: 40px;--right: 40px;--scroll-shadow-size: 40;--scroll-shadow-top: linear-gradient( rgba(var(--bg-body-rgb), 1), rgba(var(--bg-body-rgb), 0) );--scroll-shadow-bottom: linear-gradient( rgba(var(--bg-body-rgb), 0), rgba(var(--bg-body-rgb), 1) );--scroll-shadow-left: linear-gradient( 90deg, rgba(var(--bg-body-rgb), 1), rgba(var(--bg-body-rgb), 0) );--scroll-shadow-right: linear-gradient( 90deg, rgba(var(--bg-body-rgb), 0), rgba(var(--bg-body-rgb), 1) )}.sticky-navigation:before{content:"";position:absolute;top:0;bottom:0;left:0;right:0;pointer-events:none;z-index:5;border-radius:var(--scroll-shadow-radius);background:var( --scroll-shadow-top, radial-gradient( farthest-side at 50% 0%, rgba(0, 0, 0, .2), rgba(0, 0, 0, 0) ) ) top/100% var(--top),var( --scroll-shadow-bottom, radial-gradient( farthest-side at 50% 100%, rgba(0, 0, 0, .2), rgba(0, 0, 0, 0) ) ) bottom/100% var(--bottom),var( --scroll-shadow-left, radial-gradient( farthest-side at 0%, rgba(0, 0, 0, .2), rgba(0, 0, 0, 0) ) ) left/var(--left) 100%,var( --scroll-shadow-right, radial-gradient( farthest-side at 100%, rgba(0, 0, 0, .2), rgba(0, 0, 0, 0) ) ) right/var(--right) 100%;background-repeat:no-repeat}}
/*# sourceMappingURL=/cdn/shop/t/24/assets/sticky-navigation.css.map */