.mobile-category-menu{width:100%;position:relative;overflow:hidden;margin-bottom:1rem}.mobile-category-menu .scroll-container{display:flex;overflow-x:auto;padding:5px 12px;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none;scroll-snap-type:x mandatory;gap:10px;-webkit-tap-highlight-color:transparent;mask-image:linear-gradient(to right,transparent,black 8px,black calc(100% - 8px),transparent);-webkit-mask-image:linear-gradient(to right,transparent,black 8px,black calc(100% - 8px),transparent)}.mobile-category-menu .scroll-container::-webkit-scrollbar{display:none;width:0;height:0;-webkit-appearance:none}.mobile-category-menu .category-item{flex:0 0 auto;white-space:nowrap;padding:10px 18px;background-color:#f3f4f6;border-radius:9999px;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .2s ease;scroll-snap-align:center;-webkit-user-select:none;-moz-user-select:none;user-select:none;touch-action:manipulation;max-width:100%;text-overflow:ellipsis;overflow:hidden}.mobile-category-menu .category-item.active{background-color:#008c45;color:#fff;transform:scale(1.05);box-shadow:0 2px 6px #0000001a}.mobile-category-menu .scroll-indicator-left,.mobile-category-menu .scroll-indicator-right{position:absolute;top:0;bottom:0;width:40px;pointer-events:auto;cursor:pointer;z-index:10;display:flex;align-items:center;justify-content:center;color:#555;opacity:.8;transition:opacity .2s;background-color:#ffffffd9}.mobile-category-menu .scroll-indicator-left{left:0;background:linear-gradient(to right,#fffffff2,#fff0);border-top-right-radius:20px;border-bottom-right-radius:20px}.mobile-category-menu .scroll-indicator-right{right:0;background:linear-gradient(to left,#fffffff2,#fff0);border-top-left-radius:20px;border-bottom-left-radius:20px}.mobile-category-menu .scroll-indicator-left:hover,.mobile-category-menu .scroll-indicator-right:hover{opacity:1}@media (hover: none){.mobile-category-menu .category-item:active{transform:scale(.97)}.mobile-category-menu .category-item.active:active{transform:scale(1.02)}}@media (min-width: 768px){.mobile-category-menu .category-item{padding:10px 20px;font-size:1rem}}@supports (-webkit-touch-callout: none){.mobile-category-menu .scroll-container{-webkit-overflow-scrolling:touch}.mobile-category-menu .category-item{-webkit-tap-highlight-color:transparent}}