.card-product{position:relative;z-index:1;overflow:hidden;border-radius:4px;width:100%;background:radial-gradient(84.72% 84.72% at 49.76% 45.14%,rgba(255,255,255,0.53) 0,rgba(0,0,0,0.01) 100%),linear-gradient(0,#363636 0,#363636 100%),#363636;text-align:center;transform:scale(1)}
@media(prefers-reduced-motion:no-preference){.card-product{transition:transform .2s ease-in}
}
.card-product:hover{z-index:2;transform:scale(1.05)}
@media(prefers-reduced-motion:no-preference){.card-product:hover{transition:transform .2s ease-in}
}
.card-product.card-product--bgImage{position:relative;background-image:var(--bg-card);background-size:cover}
.card-product.card-product--bgImage::before{content:"";position:absolute;top:0;left:0;z-index:1;width:100%;height:100%;background-color:rgba(0,0,0,0.2)}
.card-product.card-product--bgImage::after{content:"";position:absolute;top:50%;left:50%;z-index:2;transform:translate(-50%,-50%);opacity:.6;border-radius:286px;width:123px;height:286px;background-color:#fff;mix-blend-mode:overlay;filter:blur(25px)}
.card-product__link{display:flex;flex-direction:column;justify-content:flex-start;align-items:center;text-decoration:none}
.card-product--bgImage .card-product__link{position:relative;z-index:3}
.card-product__title{font-family:'Helvetica',helvetica,sans-serif;font-size:14px;font-style:normal;font-weight:700;line-height:18px;letter-spacing:-0.21px;color:#f2f2f2}
.card-product__subtitle{font-family:'Martel',Times,serif;font-style:normal;font-feature-settings:'clig' off,'liga' off;font-size:13px;font-weight:400;line-height:22px;color:#f2f2f2}
.card-product{height:288px;max-width:205px}
.card-product__link{row-gap:3px;padding:18px 24px}
.card-product__img{width:122px;height:auto;aspect-ratio:.56744186}
@media(min-width:768px){.card-product{height:476px;max-width:350px}
.card-product__link{row-gap:8px;padding:32px 24px}
.card-product__img{width:212px;height:auto;aspect-ratio:.56684492}
.card-product__title{font-family:'Helvetica',helvetica,sans-serif;font-size:14px;font-style:normal;font-weight:700;line-height:20px;letter-spacing:-0.28px;color:#f2f2f2}
}