.ymal{padding:48px 0;content-visibility:auto;contain-intrinsic-size:auto 520px}.ymal__container{max-width:none;padding:0 max(16px,4vw)}.ymal__title{font-family:var(--font-heading-family);font-size:2.4rem;font-weight:700;margin:0 0 20px;text-transform:uppercase;letter-spacing:.5px}.ymal__wrapper{position:relative}.ymal__track{display:flex;gap:16px;overflow-x:auto;scroll-behavior:smooth;scroll-snap-type:x mandatory;scrollbar-width:none;-ms-overflow-style:none}.ymal__track::-webkit-scrollbar{display:none}.ymal__card{flex:0 0 calc(25% - 12px);scroll-snap-align:start;text-decoration:none;color:rgb(var(--color-foreground));display:block}.ymal__image{position:relative;aspect-ratio:3/4;overflow:hidden;border-radius:8px;background:#f5f5f5;margin-bottom:10px}.ymal__img{width:100%;height:100%;object-fit:cover;transition:opacity .35s ease,transform .5s ease}.ymal__img--hover{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0}.ymal__card:hover .ymal__img--primary{opacity:0}.ymal__card:hover .ymal__img--hover{opacity:1}.ymal__card:hover .ymal__img{transform:scale(1.03)}.ymal__placeholder{width:100%;height:100%;background:#eee}.ymal__badge{position:absolute;top:10px;left:10px;background:#000;color:#fff;font-size:1rem;font-weight:700;letter-spacing:.5px;text-transform:uppercase;padding:3px 8px;border-radius:3px}.ymal__badge--sold{background:#000000a6}.ymal__name{font-family:var(--font-heading-family);font-size:1.4rem;font-weight:600;margin:0 0 4px;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.ymal__price-row{display:flex;gap:8px;align-items:baseline}.ymal__price{font-size:1.35rem;margin:0;opacity:.85}.ymal__price--sale{color:#c0392b}.ymal__price-compare{font-size:1.2rem;opacity:.5;text-decoration:line-through}.ymal__arrow{position:absolute;top:40%;transform:translateY(-50%);width:36px;height:36px;border-radius:50%;background:#fffffff2;border:1px solid rgba(var(--color-foreground),.15);box-shadow:0 2px 10px #0000001a;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:2;color:rgb(var(--color-foreground));transition:box-shadow .2s}.ymal__arrow:hover{box-shadow:0 4px 16px #00000029}.ymal__arrow--prev{left:-4px}.ymal__arrow--next{right:-4px}@media(max-width:989px){.ymal__card{flex:0 0 calc(33.333% - 11px)}}@media(max-width:749px){.ymal{padding:32px 0}.ymal__title{font-size:1.8rem}.ymal__card{flex:0 0 60vw;max-width:220px}.ymal__name{font-size:1.3rem}.ymal__arrow{display:none}}
/*# sourceMappingURL=/cdn/shop/t/5/assets/you-may-also-like.css.map */