.ss-related-drops{background:var(--ss-white);padding:60px 0 80px}.ss-related-drops__inner{padding:0 50px;display:flex;flex-direction:column;gap:40px}.ss-related-drops__heading{font-family:var(--ss-font-body);font-size:40px;font-weight:500;color:var(--ss-black);letter-spacing:-1px;line-height:42px;margin:0;word-break:keep-all!important}.ss-related-drops__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.ss-related-drops__card{position:relative;height:560px;background:#f4f4f4;overflow:hidden;display:block;text-decoration:none}.ss-related-drops__card-image{width:100%;height:100%}.ss-related-drops__card-image img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .4s ease}.ss-related-drops__card:hover .ss-related-drops__card-image img{transform:scale(1.03)}.ss-related-drops__card-info{position:absolute;left:50%;bottom:10px;transform:translate(-50%) translateY(calc(100% + 10px));width:calc(100% - 20px);background:var(--ss-white);border-radius:2px;padding:10px;display:flex;flex-direction:column;gap:16px;min-height:119px;transition:transform .3s ease}.ss-related-drops__card:hover .ss-related-drops__card-info{transform:translate(-50%) translateY(0)}.ss-related-drops__card-meta{display:flex;flex-direction:column;gap:6px}.ss-related-drops__card-title{font-family:var(--ss-font-body);font-size:14px;font-weight:400;color:var(--ss-black);text-transform:uppercase;line-height:16px;margin:0}.ss-related-drops__card-subtitle{font-family:var(--ss-font-body);font-size:10px;font-weight:400;text-transform:uppercase;line-height:12px;letter-spacing:.2px;margin:0}.ss-related-drops__card-vendor{font-family:var(--ss-font-body);font-size:8px;font-weight:400;color:#818181;text-transform:uppercase;line-height:10px;margin:0}.ss-related-drops__card-bottom{display:flex;justify-content:space-between;align-items:flex-end;margin-top:auto}.ss-related-drops__card-price{font-family:var(--ss-font-body);font-size:14px;font-weight:400;color:var(--ss-black);text-transform:uppercase;margin:0;line-height:14px}.ss-related-drops__card-arrow{width:24px;height:24px;color:var(--ss-black);display:flex;align-items:center;justify-content:center}.ss-related-drops__cta{display:flex;justify-content:center}.ss-related-drops__view-all{font-family:var(--ss-font-body);font-size:14px;font-weight:400;color:var(--ss-black);text-decoration:none;text-transform:uppercase;line-height:16px;letter-spacing:0;transition:opacity var(--ss-dur-hover) ease;display:inline-flex;align-items:center;gap:8px}.ss-related-drops__bracket{flex-shrink:0;display:block}.ss-related-drops__view-all:hover{opacity:.5}.ss-related-drops__indicators{display:none}@media(max-width:767.98px){.ss-related-drops__inner{padding:0 20px;gap:24px}.ss-related-drops__heading{font-size:28px;line-height:32px}.ss-related-drops__grid{display:flex;flex-direction:row;overflow-x:scroll;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;gap:0;grid-template-columns:unset}.ss-related-drops__grid::-webkit-scrollbar{display:none}.ss-related-drops__card{flex:0 0 100%;scroll-snap-align:start;height:500px}.ss-related-drops__card-info{transform:translate(-50%) translateY(0)}.ss-related-drops__indicators{display:flex;align-items:center;justify-content:center;gap:6px}.ss-related-drops__indicators span{display:block;height:1.5px;width:20px;background:#0003;transition:width .25s ease,background-color .25s ease}.ss-related-drops__indicators span.is-active{width:50px;background:var(--ss-black)}}
/*# sourceMappingURL=/cdn/shop/t/5/assets/ss-related-drops.css.map */