.shop-by-categories{position:relative;width:100%;padding-left:20px;padding-right:20px;margin-bottom:30px}.shop-by-categories__header{text-align:center}.shop-by-categories__title{font-size:32px;font-weight:600;color:#1d1d1d;margin-bottom:32px;letter-spacing:normal}.shop-by-categories__carousel-container{position:relative;max-width:1400px;margin:0 auto}.shop-by-categories__carousel{display:flex;gap:16px;overflow-x:auto;overflow-y:hidden;scroll-behavior:smooth;scrollbar-width:none;-ms-overflow-style:none;padding:1rem 0 2rem;-webkit-overflow-scrolling:touch;cursor:grab}.shop-by-categories__carousel::-webkit-scrollbar{display:none}.shop-by-categories__item{flex:0 0 auto;width:calc(25% - 1.125rem);min-width:250px;position:relative}.shop-by-categories__image-wrapper{position:relative;width:100%;border-radius:12px;overflow:hidden;transition:none;display:block;background:#fff;margin-bottom:1rem}.shop-by-categories__image-wrapper:hover{cursor:pointer}.shop-by-categories__image-container{border-radius:12px;overflow:hidden;width:100%;position:relative;background:#fff}.shop-by-categories__image-link{display:block;text-decoration:none}.shop-by-categories__image{width:100%;height:118%;object-fit:contain;display:block;transition:none;background:#fff}.shop-by-categories__placeholder{width:100%;height:300px;display:flex;align-items:center;justify-content:center;background:#f8f8f8;border-radius:12px 12px 0 0}.shop-by-categories__button-wrapper{display:flex;justify-content:center}.shop-by-categories__button{border-radius:6px;position:relative;bottom:auto;left:auto;transform:none;background:#305724;color:#fff;padding:.75rem 2rem;text-decoration:none;font-weight:600;font-size:1.4rem;font-style:normal;transition:background-color .3s ease;border:none;white-space:nowrap;z-index:2;text-align:center;display:inline-block;margin-top:.75rem}.shop-by-categories__button:hover{background:#305724;color:#fff;cursor:pointer}.shop-by-categories__nav{position:absolute;top:50%;transform:translateY(-50%);background:#5251514d;color:#525151;border:none;border-radius:50%;width:48px;height:48px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;z-index:2;opacity:0;visibility:hidden}.shop-by-categories__carousel-container:hover .shop-by-categories__nav{opacity:1;visibility:visible}.shop-by-categories__nav:hover:not(:disabled){background:#305724;transform:translateY(-50%) scale(1.1)}.shop-by-categories__nav:hover:not(:disabled) svg{color:#fff}.shop-by-categories__nav--prev{left:4rem}.shop-by-categories__nav--next{right:4rem}.shop-by-categories__nav svg{width:20px;height:20px;color:inherit}.shop-by-categories__nav:disabled{opacity:.3!important;cursor:not-allowed}.shop-by-categories__progress{max-width:1200px;margin:2rem auto 0;padding:0 1rem}.shop-by-categories__progress-bar{width:100%;height:4px;background:#e0e0e0;border-radius:2px;overflow:visible;position:relative}.shop-by-categories__progress-fill{height:4px;background:#1d1d1d!important;border-radius:2px;transition:all .3s ease;width:25%;display:block!important;visibility:visible!important;opacity:1!important;position:relative;margin-left:0%}@media (min-width: 1024px){.shop-by-categories__item{width:calc(25% - 1.125rem);flex:0 0 auto}.shop-by-categories__carousel-container,.shop-by-categories__progress{padding:0 4rem}}@media (min-width: 768px) and (max-width: 1023px){.shop-by-categories__item{width:calc(33.333% - 1rem);flex:0 0 auto;min-width:unset}.shop-by-categories__carousel{gap:16px}.shop-by-categories__progress{padding:0 2rem}.shop-by-categories__nav{display:none}}@media (max-width: 767px){.shop-by-categories__carousel{gap:16px}.shop-by-categories__item{width:calc(50% - .5rem);flex:0 0 auto;min-width:unset}.shop-by-categories__title{font-size:20px;margin-bottom:6px}.shop-by-categories__progress{padding:0 1rem}.shop-by-categories__nav{display:none}.shop-by-categories__button{padding:10px 1.5rem;font-size:12px}}@media (max-width: 480px){.shop-by-categories__item{width:calc(50% - .5rem);flex:0 0 auto}.shop-by-categories__carousel{gap:6px}.shop-by-categories__title{font-size:20px;margin-bottom:6px}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/shop-by-categories.css.map */