.mobile-catnav{display:none;}
@media (max-width:768px){.mobile-catnav{display:block;position:relative;background-color:var(--color-white);box-shadow:0 1px 0 rgba(0,0,0,.145);}
.mobile-catnav::after{content:"";position:absolute;top:0;right:0;bottom:0;width:28px;pointer-events:none;background:linear-gradient(270deg,var(--color-white) 15%,rgba(255,255,255,0));transition:opacity .2s;}
.mobile-catnav.is-at-end::after{opacity:0;}
.mobile-catnav-track{display:flex;gap:4px;padding:0 12px;overflow-x:auto;scroll-snap-type:x proximity;scroll-padding-left:12px;scrollbar-width:none;-ms-overflow-style:none;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain;}
.mobile-catnav-track::-webkit-scrollbar{display:none;}
.mobile-catnav-link{flex:none;scroll-snap-align:start;position:relative;padding:12px 10px 14px;font-size:14px;font-weight:600;line-height:1;white-space:nowrap;color:var(--color-text);transition:color .2s;}
.mobile-catnav-link::after{content:"";position:absolute;left:0;right:0;bottom:0;height:3px;background-color:transparent;transition:background-color .2s;}
.mobile-catnav-link.is-active{color:var(--color-primary);}
.mobile-catnav-link.is-active::after{background-color:var(--color-primary);}
body.has-mobile-catnav #main-content.theme-main-bordered{border-top:0;}
body.has-mobile-catnav-sticky .site-header{position:sticky;top:0;z-index:1000;}
body.has-mobile-catnav-sticky .site-header.header-bg-none{background-color:var(--color-white);}
body.has-mobile-catnav-sticky .site-header::before{content:"";position:absolute;inset:0;background-color:var(--overlay-medium);z-index:999;pointer-events:none;opacity:0;transition:opacity .3s ease;}
body.has-mobile-catnav-sticky.mobile-menu-active .site-header::before{opacity:1;}
body.has-mobile-catnav-sticky .mobile-catnav{position:sticky;top:calc(var(--tpl-catnav-top,60px) - 1px);z-index:990;}
.tpl-sec-anchor{display:block;height:0;scroll-margin-top:calc(var(--tpl-catnav-top,60px) + var(--tpl-catnav-h,44px) + 8px);}
}
@media (min-width:601px) and (max-width:768px){body.admin-bar.has-mobile-catnav-sticky .site-header{top:46px;}
body.admin-bar.has-mobile-catnav-sticky .mobile-catnav{top:calc(var(--tpl-catnav-top,60px) + 45px);}
.admin-bar .tpl-sec-anchor{scroll-margin-top:calc(var(--tpl-catnav-top,60px) + var(--tpl-catnav-h,44px) + 54px);}
}