.shop-category-section{padding-top:var(--padding-top, 40px);padding-bottom:var(--padding-bottom, 40px)}.shop-category-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px}.shop-category-title{font-size:28px;font-weight:600;margin:0}.shop-category-view-all{display:flex;align-items:center;gap:8px;color:#ff5600;text-decoration:none;font-size:14px;font-weight:600;transition:color .2s ease;white-space:nowrap;flex:0 0 auto;-webkit-tap-highlight-color:transparent}.shop-category-view-all svg{width:18px;height:18px;transition:transform .2s ease;flex:0 0 auto}.shop-category-view-all:hover{color:#d94800}.shop-category-view-all:hover svg{transform:translate(4px)}.shop-category-slider-wrapper{position:relative;display:flex;align-items:center}.shop-category-grid{display:flex;overflow-x:auto;scroll-behavior:smooth;scroll-snap-type:x proximity;gap:24px;width:100%;padding:10px 2px 16px;scrollbar-width:none;-ms-overflow-style:none;cursor:grab;-webkit-user-select:none;user-select:none}.shop-category-grid.is-dragging{cursor:grabbing;scroll-snap-type:none}.shop-category-grid::-webkit-scrollbar{display:none}.shop-category-item{flex:0 0 auto;width:calc((100% - (var(--desktop-columns) - 1) * 24px) / var(--desktop-columns));min-width:calc(var(--image-size) + 10px);text-align:center;text-decoration:none;color:#111;scroll-snap-align:start;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none}.shop-category-item:active .shop-category-image{transform:scale(.94)}.shop-category-item:focus-visible{outline:2px solid #ff5600;outline-offset:4px;border-radius:8px}.shop-category-image{width:var(--image-size);height:var(--image-size);overflow:hidden;margin:0 auto 12px;background:#f7f7f7;transition:transform .25s ease,box-shadow .25s ease}.shop-category-item:hover .shop-category-image{transform:scale(1.06);box-shadow:0 8px 18px #0000001f}.shop-category-image img{width:100%;height:100%;object-fit:cover;pointer-events:none}.shop-category-name{font-size:13px;line-height:1.4;font-weight:600;transition:color .2s ease}.shop-category-item:hover .shop-category-name{color:#ff5600}.view-all-item .shop-category-image{display:flex;align-items:center;justify-content:center;color:#ff5600}.category-slider-btn{position:absolute;top:calc(10px + (var(--image-size, 90px) / 2));transform:translateY(-50%);z-index:5;width:34px;height:34px;border-radius:50%;background:#fff;border:1px solid #e2e2e2;box-shadow:0 4px 10px #0000001f;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#333;transition:background .2s ease,color .2s ease,border-color .2s ease,opacity .2s ease,transform .15s ease;padding:0;-webkit-tap-highlight-color:transparent}.category-slider-btn:active{transform:translateY(-50%) scale(.9)}.category-slider-btn:hover{background:#ff5600;color:#fff;border-color:#ff5600}.category-slider-btn:focus-visible{outline:2px solid #ff5600;outline-offset:2px}.category-slider-btn.is-disabled{opacity:0;pointer-events:none}.category-slider-btn.prev-btn{left:-17px}.category-slider-btn.next-btn{right:-17px}@media(max-width:1024px)and (min-width:768px){.shop-category-grid{gap:18px;padding:10px 2px 14px}.shop-category-item{width:auto;min-width:calc(var(--image-size) + 24px)}}@media(max-width:767px){.shop-category-section{padding-top:calc(var(--padding-top, 40px) * .6);padding-bottom:calc(var(--padding-bottom, 40px) * .6)}.shop-category-header{margin-bottom:16px}.shop-category-title{font-size:20px;line-height:1.2}.shop-category-view-all span{display:none}.shop-category-grid{gap:14px;padding:8px 4px 10px;scroll-snap-type:x mandatory}.shop-category-item{width:calc((100% - (4 * 14px)) / 4.5);min-width:0}.shop-category-image{width:100%;max-width:96px;height:auto;aspect-ratio:1 / 1;margin:0 auto 6px}.shop-category-name{font-size:11px}.category-slider-btn{display:none}}
/*# sourceMappingURL=/cdn/shop/t/46/assets/shop-by-category.css.map */