.shop-by-category__title{font-size:28px;font-weight:700;margin:0 0 40px;text-align:center;color:rgb(var(--heading-color))}.shop-by-category__wrapper{position:relative;width:100%}.shop-by-category__scroll-container{display:flex;gap:24px;overflow-x:auto;overflow-y:hidden;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:rgb(0 0 0 / .3) rgb(0 0 0 / .1);padding:10px 0 20px}.shop-by-category__scroll-container::-webkit-scrollbar{height:8px}.shop-by-category__scroll-container::-webkit-scrollbar-track{background:rgb(0 0 0 / .1);border-radius:10px}.shop-by-category__scroll-container::-webkit-scrollbar-thumb{background:rgb(0 0 0 / .3);border-radius:10px}.shop-by-category__scroll-container::-webkit-scrollbar-thumb:hover{background:rgb(0 0 0 / .5)}.category-item{flex:0 0 auto;width:150px;text-align:center;cursor:pointer;transition:transform 0.3s ease;text-decoration:none;display:block}.category-item:hover{transform:translateY(-5px)}.category-item__image-wrapper{width:150px;height:150px;background:#f5f5f5;border-radius:12px;overflow:hidden;margin-bottom:12px;display:flex;align-items:center;justify-content:center;transition:box-shadow 0.3s ease,transform 0.3s ease;border:1px solid rgb(0 0 0 / .08)}.category-item:hover .category-item__image-wrapper{box-shadow:0 8px 20px rgb(0 0 0 / .15)}.category-item__image-wrapper img{width:100%;height:100%;object-fit:cover;transition:transform 0.3s ease}.category-item:hover .category-item__image-wrapper img{transform:scale(1.05)}.category-item__placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:#e0e0e0}.category-item__placeholder svg{width:60%;height:60%;opacity:.3}.category-item__name{font-size:14px;font-weight:600;color:rgb(var(--text-color));margin:0;word-wrap:break-word;line-height:1.4}.shop-by-category-section .container{max-width:1520px;margin:0 auto;padding:0 40px}@media screen and (max-width:768px){.shop-by-category__title{font-size:24px;margin-bottom:30px}.shop-by-category__scroll-container{gap:20px}.category-item{width:130px}.category-item__image-wrapper{width:130px;height:130px}.category-item__name{font-size:13px}}@media screen and (max-width:480px){.shop-by-category__title{font-size:20px;margin-bottom:24px}.shop-by-category__scroll-container{gap:16px;padding:10px 0 16px}.category-item{width:110px}.category-item__image-wrapper{width:110px;height:110px;border-radius:10px}.category-item__name{font-size:12px}.shop-by-category-section .container{padding:0 24px}}.category-item{min-width:110px}@keyframes fadeInUp{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.category-item{animation:fadeInUp 0.6s ease-out;animation-fill-mode:both}.category-item:nth-child(1){animation-delay:0.05s}.category-item:nth-child(2){animation-delay:0.1s}.category-item:nth-child(3){animation-delay:0.15s}.category-item:nth-child(4){animation-delay:0.2s}.category-item:nth-child(5){animation-delay:0.25s}.category-item:nth-child(6){animation-delay:0.3s}.category-item:nth-child(7){animation-delay:0.35s}.category-item:nth-child(8){animation-delay:0.4s}