.category-main{position:relative;margin-bottom:16px;margin-top:8px;overflow:hidden;background:0 0}.category-swiper{width:100%;padding:12px 28px;overflow:hidden;position:relative}.category-swiper .swiper-wrapper{display:flex;flex-wrap:nowrap;width:100%;box-sizing:content-box}.category-swiper .swiper-slide{width:calc((100% - 20px)/ 3)!important;height:auto!important;flex-shrink:0;margin-right:10px;text-align:center;padding:0 2px}.category-swiper .swiper-slide:last-child{margin-right:0}@media (min-width:480px){.category-swiper .swiper-slide{width:calc((100% - 24px)/ 3)!important;margin-right:12px}}.category-box-h3{padding:0;margin:0;text-align:center;font-size:11px;color:#4f4747;border:none!important;box-shadow:none!important;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:6px}.category-box-h3 h3{margin:0;padding:0 4px;font-size:12px;font-weight:600;color:#333;text-align:center;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;line-clamp:2;overflow:hidden;word-break:break-word;width:100%}.category-box{display:flex;justify-content:center;align-items:center;width:100%;aspect-ratio:1/1;position:relative;overflow:hidden;box-shadow:0 1px 3px rgba(0,0,0,.1);background:#fff;border:1px solid #eee;transition:transform .3s,box-shadow .3s}.category-box img{width:80%;height:80%;object-fit:contain;position:absolute;top:10%;left:10%;z-index:1}.category-box-h3,.category-box-h3:active,.category-box-h3:focus,.category-box-h3:hover{background:0 0!important;outline:0!important}.category-box,.category-box img,.category-box-h3:focus .category-box,.category-box-h3:hover .category-box,.category-box:focus,.category-box:hover{border-radius:4px!important;outline:0!important}.category-box-h3:hover .category-box{transform:translateY(-2px);box-shadow:0 3px 10px rgba(0,0,0,.15);border-color:#ddd}.category-box-h3::after,.category-box-h3::before,.category-box::after,.category-box::before{display:none!important}.skeleton-loader-category{position:absolute;top:0;left:0;width:100%;height:100%;border-radius:4px;display:flex;justify-content:center;align-items:center;text-align:center;color:#aaa;font-size:12px;background:#f0f0f0;animation:1.5s infinite pulse;z-index:1}@keyframes pulse{0%,100%{opacity:1}50%{opacity:.5}}.category-loading{margin:20px 0 0;padding:20px}.category-loading-in{display:flex;justify-content:space-around;align-items:center;flex-wrap:wrap;margin:14px;border:1px solid #0000000f;padding:30px}.no-category{width:90%;text-align:center;height:50vh;display:flex;justify-content:center;align-items:center;margin:20px auto 0;font-size:26px;border:1px solid #ccc}@media (min-width:768px){.category-swiper{padding:16px 12px}.category-swiper .swiper-slide{width:calc((100% - 60px)/ 4)!important;margin-right:20px}}@media (min-width:1024px){.category-swiper{padding:20px 16px}.category-swiper .swiper-slide{width:calc((100% - 80px)/ 5)!important;margin-right:20px}}@media all and (max-width:767px){.category-main{margin-bottom:10px}.category-swiper{padding:12px 10px}.category-box-h3 h3{font-size:11px;padding:0 2px}.skeleton-loader-category{font-size:11px}}@media all and (max-width:480px){.category-swiper{padding:10px 8px}.category-box-h3 h3{font-size:10px;padding:0 2px}.skeleton-loader-category{font-size:10px}}