.ProductCard{display:flex;flex-direction:column;gap:1rem}.ProductCard .ProductCard--title{font-size:1.5rem;font-weight:500;font-family:var(--text-font)}.ProductCard .ProductCard--infos{display:flex;gap:1rem;justify-content:space-between}.ProductCard .ProductCard--quick-add{padding:0 1rem}.ProductCard .QuickAdd--trigger{width:1.5rem}.ProductCard .ProductCard--image-link{position:relative;overflow:hidden;aspect-ratio:4/3;width:100%;opacity:1}.ProductCard .ProductCard--image-link .ProductCard--image{width:100%;height:100%;background-color:var(--black)}.ProductCard .ProductCard--image-link .ProductCard--image svg{fill:var(--white);object-fit:cover;width:100%;height:100%}.ProductCard .ProductCard--image-link .ProductCard--image img{transition:scale 1s var(--ease-curve)}.ProductCard .ProductCard--image-link .ProductCard--overlay{position:absolute;z-index:1;top:0;left:0;width:100%;height:100%;display:flex;flex-direction:column;gap:1rem;align-items:center;justify-content:center;background-color:#0000;transition:background-color 1s var(--ease-curve)}.ProductCard .ProductCard--image-link .ProductCard--overlay .ProductCard--overlay-text{color:var(--white);opacity:0;transition:opacity .6s var(--ease-curve),scale .5s var(--ease-curve);position:relative;text-decoration:underline}.ProductCard .ProductCard--image-link .ProductCard--overlay .ProductCard--overlay-text:hover{scale:.97}.ProductCard .ProductCard--image-link .ProductCard--overlay .ProductCard--overlay-add{padding:12px 12px 8px;background-color:var(--white);color:var(--black);text-decoration:none}.ProductCard .ProductCard--image-link:hover img{scale:1.02}.ProductCard .ProductCard--image-link:hover .ProductCard--overlay{background-color:#00000073}.ProductCard .ProductCard--image-link:hover .ProductCard--overlay-text{opacity:1}.ProductCard:has(.ProductCard--title:hover) .ProductCard--image-link img{scale:1.02}.ProductCard:has(.ProductCard--title:hover) .ProductCard--image-link .ProductCard--overlay{background-color:#00000073}.ProductCard:has(.ProductCard--title:hover) .ProductCard--image-link .ProductCard--overlay-text{opacity:1}.ProductCard:has(.ProductCard--title:hover) .ProductCard--image-link .ProductCard--overlay-text:after{width:100%}.ProductCard .ProductCard--text{display:flex;flex-direction:column;gap:.5rem}.ProductCard .ProductCard--price{font-size:1.125rem;font-family:var(--text-font);color:var(--white)}@media screen and (max-width: 768px){.ProductCard .ProductCard--infos{flex-direction:column;gap:.5rem}.ProductCard .ProductCard--title{font-size:1rem}.ProductCard .ProductCard--price{font-size:.9rem}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/product-card.css.map */