.shop-by-category-section{width:100%;overflow:hidden}.shop-by-category-wrapper{position:relative;padding:0 4rem}.shop-by-category-container{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;gap:2.5rem;padding:2rem 0 3rem;scrollbar-width:none;-ms-overflow-style:none}.shop-by-category-container::-webkit-scrollbar{display:none}.shop-category-nav{position:absolute;top:50%;transform:translateY(-50%);width:48px;height:48px;background:#fff;border:1px solid rgba(139,115,85,.2);border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:10;transition:all .3s ease;box-shadow:0 4px 16px #00000014}.shop-category-nav:hover{background:var(--color-accent, #8b7355);border-color:var(--color-accent, #8b7355);box-shadow:0 6px 24px #8b735540}.shop-category-nav:hover svg{stroke:#fff}.shop-category-nav svg{width:20px;height:20px;stroke:var(--color-text-primary, #1a1a1a);stroke-width:2;fill:none;transition:stroke .3s ease}.shop-category-nav--prev{left:0}.shop-category-nav--next{right:0}.shop-by-category-item{flex:0 0 auto;width:180px;display:flex;flex-direction:column;align-items:center;text-decoration:none;scroll-snap-align:center;gap:1.4rem;position:relative}.shop-by-category-image-wrapper{width:100%;aspect-ratio:3 / 4;position:relative;overflow:hidden;border-radius:100px 100px 20px 20px;background:linear-gradient(145deg,#f9f7f5,#ece8e4);box-shadow:0 12px 32px #8b73551f,0 4px 12px #0000000d;transition:all .5s cubic-bezier(.16,1,.3,1)}.shop-by-category-image-wrapper:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;border:1px solid rgba(139,115,85,.12);z-index:2;transition:all .4s ease}.shop-by-category-image-wrapper:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;background:linear-gradient(to bottom,rgba(255,255,255,.1) 0%,transparent 30%,transparent 70%,rgba(139,115,85,.08) 100%);opacity:0;transition:opacity .4s ease;z-index:1}.shop-by-category-item:hover .shop-by-category-image-wrapper:after{opacity:1}.shop-by-category-image-wrapper img{width:100%;height:100%;object-fit:cover;transition:transform .6s cubic-bezier(.16,1,.3,1)}.shop-by-category-item:hover .shop-by-category-image-wrapper{transform:translateY(-10px);box-shadow:0 20px 48px #8b73552e,0 8px 24px #00000014}.shop-by-category-item:hover .shop-by-category-image-wrapper:before{border-color:#8b735540;border-width:2px}.shop-by-category-item:hover .shop-by-category-image-wrapper img{transform:scale(1.06)}.shop-by-category-name{font-family:var(--font-body, "Inter", sans-serif);font-size:1.3rem;font-weight:400;color:var(--color-text-primary, #1a1a1a);text-align:center;letter-spacing:.06em;text-transform:uppercase;transition:all .3s ease;position:relative;padding-bottom:6px}.shop-by-category-name:after{content:"";position:absolute;bottom:0;left:50%;transform:translate(-50%);width:0;height:1px;background:linear-gradient(90deg,transparent,var(--color-accent, #8b7355),transparent);transition:width .4s ease}.shop-by-category-item:hover .shop-by-category-name{color:var(--color-accent, #8b7355)}.shop-by-category-item:hover .shop-by-category-name:after{width:120%}.shop-by-category-image-wrapper .placeholder-svg{width:100%;height:100%;fill:#d9d9d9;background:linear-gradient(145deg,#f0ebe6,#e8e3de)}@media screen and (min-width:750px){.shop-by-category-item{width:200px}.shop-by-category-container{gap:3rem;padding:2rem 1rem 3rem}.shop-by-category-name{font-size:1.3rem}.shop-by-category-wrapper{padding:0 5rem}.shop-category-nav{width:52px;height:52px}}@media screen and (min-width:1200px){.shop-by-category-item{width:220px}.shop-by-category-container{gap:3.5rem}.shop-by-category-name{font-size:1.35rem}.shop-by-category-wrapper{padding:0 6rem}}@media screen and (max-width:749px){.shop-by-category-wrapper{padding:0 1rem}.shop-by-category-container{padding:1.5rem 1rem 2.5rem;gap:1.5rem}.shop-by-category-item{width:150px}.shop-by-category-image-wrapper{box-shadow:0 8px 20px #8b73551a,0 3px 8px #0000000d}.shop-by-category-name{font-size:1.1rem}.shop-category-nav{display:none}}
/*# sourceMappingURL=/cdn/shop/t/9/assets/shop-by-category.css.map */