.shop-by-style__header{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:32px}.shop-by-style__header-text{max-width:640px}.shop-by-style__heading{margin:8px 0 0;font-family:var(--font-heading-family)}.shop-by-style__nav{display:flex;gap:10px;flex-shrink:0}.shop-by-style__arrow{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:50%;border:1px solid rgba(var(--color-foreground),.15);background:rgb(var(--color-background));color:rgb(var(--color-foreground));cursor:pointer;transition:transform .3s cubic-bezier(.16,1,.3,1),border-color .3s ease,opacity .3s ease}.shop-by-style__arrow svg{width:16px;height:16px}.shop-by-style__arrow:hover{transform:translateY(-2px);border-color:rgba(var(--color-foreground),.4)}.shop-by-style__arrow:disabled{opacity:.35;cursor:default;transform:none}.shop-by-style__carousel{position:relative}.shop-by-style__track{display:flex;gap:24px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;padding-bottom:4px;scrollbar-width:none}.shop-by-style__track::-webkit-scrollbar{display:none}.shop-by-style__card{position:relative;display:flex;flex-direction:column;flex:0 0 auto;width:calc((100% - 48px) / 3);border-radius:12px;overflow:hidden;text-decoration:none;color:#1f1f1f;scroll-snap-align:start;background:#fff;border:1px solid rgba(var(--color-foreground),.08);transition:transform .35s cubic-bezier(.16,1,.3,1),box-shadow .35s ease}.shop-by-style__card:hover{transform:translateY(-4px);box-shadow:0 20px 40px #00000014}.shop-by-style__media{position:relative;aspect-ratio:4 / 3;flex-shrink:0}.shop-by-style__media img,.shop-by-style__placeholder{width:100%;height:100%;object-fit:cover;display:block;transition:transform .6s cubic-bezier(.16,1,.3,1)}.shop-by-style__card:hover .shop-by-style__media img{transform:scale(1.04)}.shop-by-style__overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top,#0000001f,#0000 30%);pointer-events:none}.shop-by-style__content{position:relative;z-index:2;flex-grow:1;display:flex;flex-direction:column;padding:24px 24px 28px}.shop-by-style__title{margin:0 0 8px;font-family:var(--font-heading-family);font-size:22px;font-weight:500;line-height:1.15;color:#1f1f1f}.shop-by-style__tagline{margin:0 0 16px;font-size:14px;line-height:1.5;color:#1f1f1fa6}.shop-by-style__btn{margin-top:auto;display:inline-flex;align-items:center;gap:8px;font-size:13px;font-weight:500;letter-spacing:.04em;text-transform:uppercase;color:#a67c52}.shop-by-style__btn svg{width:14px;height:14px;transition:transform .3s cubic-bezier(.16,1,.3,1)}.shop-by-style__card:hover .shop-by-style__btn svg{transform:translate(4px)}@media screen and (max-width:989px){.shop-by-style__card{width:calc((100% - 24px)/2)}}@media screen and (max-width:749px){.shop-by-style__header{flex-direction:column;align-items:flex-start;gap:16px;margin-bottom:24px}.shop-by-style__card{width:85%}.shop-by-style__content{padding:20px 20px 24px}.shop-by-style__title{font-size:20px}}
/*# sourceMappingURL=/cdn/shop/t/11/assets/shop-by-style.css.map */