.shop-by-category{max-width:1200px;margin:0 auto}.shop-cat-heading{font-family:var(--font-heading, sans-serif);font-size:1.8rem;font-weight:600;margin:0}.shop-cat-title,.shop-cat-shopall{font-family:var(--font-body, sans-serif);font-size:.75rem;transition:color .3s ease}.shop-cat-header{display:flex;justify-content:space-between;align-items:center;padding:0 2rem 1.5rem}.shop-cat-arrow{display:none!important}.shop-cat-item{text-align:center;text-decoration:none;color:inherit;cursor:pointer}.shop-cat-img{width:90px;height:90px;border-radius:50%;background-color:#f5f5f5;display:flex;align-items:center;justify-content:center;overflow:hidden;box-shadow:0 4px 8px #00000014;transition:box-shadow .3s ease,transform .3s ease}.shop-cat-img img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.shop-cat-item:hover .shop-cat-img{transform:translateY(-2px);box-shadow:0 8px 16px #0003}.shop-cat-item:hover .shop-cat-img img{transform:scale(1.08)}.shop-cat-item:hover .shop-cat-title{color:var(--color-primary, #0056b3);font-weight:600}.shop-cat-title{font-weight:500;margin-top:.5rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.shop-cat-placeholder{width:80%;height:80%;background-color:#ccc;border-radius:50%}.shop-cat-carousel{display:grid;grid-template-columns:repeat(auto-fit,minmax(90px,1fr));gap:1.5rem;padding:1rem 2rem 2rem;overflow-x:visible;scroll-snap-type:none;-ms-overflow-style:none;scrollbar-width:none}.shop-cat-carousel::-webkit-scrollbar{display:none}.shop-cat-item{flex:initial;scroll-snap-align:none;width:auto}.shop-cat-img{margin:0 auto .5rem}.shop-cat-dots{display:none}@media screen and (max-width: 768px){.shop-cat-carousel{display:flex;overflow-x:scroll;scroll-snap-type:x mandatory;grid-template-columns:initial;scroll-padding-left:1rem;gap:1rem}.shop-cat-item{flex:0 0 auto;scroll-snap-align:start;flex-shrink:0;width:75px}.shop-cat-header,.shop-cat-carousel{padding-left:1rem;padding-right:1rem}.shop-cat-heading{font-size:1.4rem}.shop-cat-img{width:75px;height:75px;margin:0 auto .5rem;box-shadow:0 2px 4px #0000000d}.shop-cat-title{font-size:.7rem}.shop-cat-dots{display:flex;justify-content:center;padding-bottom:2rem;gap:8px}.shop-cat-dots button{height:8px;width:8px;background-color:#ccc;border:none;border-radius:50%;padding:0;cursor:pointer;opacity:.6;transition:background-color .3s,opacity .3s}.shop-cat-dots button.active{background-color:var(--color-primary, #000);opacity:1}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/shop-by-category.css.map */