.shop-by-category{background-image:var(--background-img);background-color:var(--background-color);padding-top:var(--padding-top);padding-bottom:var(--padding-bottom);position:relative;background-size:cover;top:0;left:0;background-position:center}.shop-by-category .main-heading h2{margin:0;font-size:var(--title-size);color:var(--title-color);text-transform:uppercase;line-height:1.2;letter-spacing:0;padding-bottom:1.6667vw}.shop-by-category .main-shop-by-category{position:relative}.shop-by-category .background-image img{display:block;width:100%;height:auto;object-fit:cover;max-width:48.8021vw}.shop-by-category .background-image{position:absolute;bottom:0;right:0}.text-with-image .category-text{color:var(--font-color);font-size:var(--font-size);text-transform:uppercase;font-weight:400;font-family:Roboto Condensed black;opacity:20%;line-height:1;letter-spacing:0}.shop-by-category .main-category-content{position:relative}.shop-by-category .text-with-image .category-image{position:absolute;z-index:1;left:50%;top:50%;transform:translate(-50%,-50%);display:none}.shop-by-category .text-with-image.active .category-image{display:block}.shop-by-category .text-with-image.active a.category-link{display:flex}.shop-by-category .text-with-image.active a.category-link svg{transition:all .4s;width:1.0417vw;height:1.0417vw}.shop-by-category .text-with-image.active a.category-link svg line{stroke:#fff}.shop-by-category .text-with-image.active a.category-link svg path{fill:#fff}.shop-by-category .text-with-image:first-child .category-image img{max-width:22.0417vw}.shop-by-category .category-image img{display:block;object-fit:cover;max-width:26.0417vw;width:100%;height:auto}.shop-by-category .text-with-image{cursor:pointer;padding-bottom:.7813vw}.text-with-image.active .category-text{opacity:1}.shop-by-category .text-with-image a.category-link{gap:.1042vw;align-items:center;justify-content:center;color:#fff;font-size:.9375vw;padding:.1563vw .3646vw;background:#525634;text-decoration:none;letter-spacing:0;max-height:1.4583vw;height:100%;text-transform:capitalize;overflow:hidden;display:none;transition:all .3s ease;position:relative}.shop-by-category .category-link{flex-shrink:0}.shop-by-category .text-with-btn{display:flex;width:100%;flex-wrap:wrap}.shop-by-category .category-button{display:flex;padding-top:.625vw;justify-content:center;border-top:2px dashed #525634;margin-top:.8333vw}.shop-by-category .category-divider{flex:1;border-top:.1042vw dashed #525634;display:none;margin-right:.2604vw;margin-top:.8333vw}.shop-by-category .text-with-image.active .category-divider{display:block}.shop-by-category span.bottom-text{position:absolute;transform:translateY(50px);transition:all .3s ease;line-height:1;opacity:0}.shop-by-category .animation-text{display:flex;flex-wrap:wrap;flex-direction:column}.shop-by-category span.top-text{line-height:1;transform:translateY(0);transition:all .3s ease;opacity:1}.shop-by-category .category-link:hover svg{transform:rotate(30deg);transition:all .3s ease}.category-link:hover span.top-text{transform:translateY(-50px);transition:all .3s ease;opacity:0}.category-link:hover span.bottom-text{transform:translateY(-200%);transform:translateY(0);transition:all .3s ease;color:#fff;opacity:1}@media(max-width:768px){.text-with-image .category-text{font-size:var(--font-size-mob);line-height:1.22}.shop-by-category .main-heading h2{font-size:var(--title-size-mob);padding-bottom:18px;text-align:center}.shop-by-category{padding-top:var(--padding-top-mob);padding-bottom:var(--padding-bottom-mob)}.shop-by-category .text-with-image .category-image{left:46%;top:43%;transform:translate(-46%,-43%)}.shop-by-category .text-with-image{padding-bottom:16px}.shop-by-category .text-with-image a.category-link{font-size:12px;padding:5px 9px;max-height:24px;gap:4px}.shop-by-category .category-image img{max-width:200px}.shop-by-category .text-with-image:first-child .category-image img{max-width:100%}.shop-by-category .category-divider{border-top:2px dashed #525634;margin-right:3px;margin-top:10px}.shop-by-category .category-button{margin-top:10px;padding-top:8px}.shop-by-category .text-with-image.active a.category-link svg{width:14px;height:14px}}@media(max-width:540px){.shop-by-category .background-image img{max-width:unset}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/shop-by-category.css.map */