/* Static independent rows prevent scrollbar/grid flashes before JavaScript runs. */
#shuiping-category-navigation{position:relative;margin:20px 6px 40px;min-width:0;}
#shuiping-categories{margin:0!important;min-width:0;scrollbar-width:none!important;-ms-overflow-style:none;}
#shuiping-categories::-webkit-scrollbar{display:none!important;width:0!important;height:0!important;}
#shuiping-categories .category-nav-row{display:contents;}
#shuiping-categories .category-nav-row:empty{display:none!important;}
#shuiping-categories:focus,#shuiping-categories .category-btn:focus,#shuiping-category-navigation .category-scroll-button:focus{outline:none!important;box-shadow:none!important;}
#shuiping-category-navigation .category-btn,#shuiping-category-navigation button{-webkit-tap-highlight-color:transparent;}
#shuiping-category-navigation.is-category-scroll{--category-fade-left:0px;--category-fade-right:0px;}
#shuiping-category-navigation.is-category-scroll.has-category-prev{--category-fade-left:42px;}
#shuiping-category-navigation.is-category-scroll.has-category-next{--category-fade-right:42px;}
#shuiping-category-navigation.is-category-scroll #shuiping-categories{-webkit-mask-image:linear-gradient(to right,transparent,#000 var(--category-fade-left),#000 calc(100% - var(--category-fade-right)),transparent);mask-image:linear-gradient(to right,transparent,#000 var(--category-fade-left),#000 calc(100% - var(--category-fade-right)),transparent);}
#shuiping-category-navigation.is-category-scroll:not(.has-category-prev):not(.has-category-next) #shuiping-categories{-webkit-mask-image:none;mask-image:none;}
#shuiping-category-navigation .category-scroll-button{position:absolute;top:50%;transform:translateY(-50%);z-index:3;display:flex;align-items:center;justify-content:center;width:34px;height:34px;padding:0;border:0;border-radius:50%;color:#777;background:#fff;box-shadow:0 2px 10px rgba(0,0,0,.09);cursor:pointer;}
#shuiping-category-navigation .category-scroll-prev{left:0;}
#shuiping-category-navigation .category-scroll-next{right:0;}
#shuiping-category-navigation .category-scroll-button[hidden]{display:none!important;}
#shuiping-category-navigation .category-scroll-button:disabled{opacity:.3;cursor:default;}
@media(max-width:767.98px){
 #shuiping-category-navigation .category-scroll-button{display:none!important;}
 #shuiping-category-navigation.is-category-scroll.has-category-prev{--category-fade-left:24px;}
 #shuiping-category-navigation.is-category-scroll.has-category-next{--category-fade-right:24px;}
 #shuiping-categories[data-mobile-category-mode="two_rows"]{display:flex;flex-direction:column;flex-wrap:nowrap;align-items:flex-start;gap:12px;overflow-x:auto;overflow-y:hidden;padding:6px;box-sizing:border-box;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;}
 #shuiping-categories[data-mobile-category-mode="two_rows"]>.category-nav-row{display:flex;flex:none;align-items:flex-start;gap:12px;width:max-content;}
 #shuiping-categories[data-mobile-category-mode="two_rows"] .category-btn{flex:none;white-space:nowrap;justify-content:center;}
}
@media(min-width:768px){
 #shuiping-categories[data-pc-category-mode="two_rows"]{display:flex;flex-direction:column;flex-wrap:nowrap;align-items:flex-start;gap:12px;overflow-x:auto;overflow-y:hidden;padding:6px;box-sizing:border-box;overscroll-behavior-x:contain;}
 #shuiping-categories[data-pc-category-mode="two_rows"]>.category-nav-row{display:flex;flex:none;align-items:flex-start;gap:12px;width:max-content;}
 #shuiping-categories[data-pc-category-mode="two_rows"] .category-btn{flex:none;white-space:nowrap;justify-content:center;}
}