.card{display:flex;flex-direction:column;text-align:center;justify-content:space-between;gap:10px;cursor:pointer}.card .image{position:relative;overflow:hidden}.card .image img{border-radius:var(--productImageRadius);width:100%;aspect-ratio:4/5;object-fit:cover;display:block}.card .image .button{position:absolute;top:45%;background:rgba(0,0,0,0);border:none;border-radius:50%;width:50px;height:50px;display:flex;align-items:center;justify-content:center;cursor:pointer;padding:0;opacity:1;pointer-events:auto;z-index:10}.card .image .button.left{left:15px}.card .image .button.right{right:15px}.card .image .button .chevron{height:50px;width:50px;color:var(--mainColor);cursor:pointer}.card .image .button:hover .chevron{color:var(--secondColor)}.card .image .favori{position:absolute;top:10%;right:15%;background:none;border:none;padding:0;color:var(--favoryColor);pointer-events:none}.card .image .favori svg{height:30px;width:30px;stroke:var(--mainTextColor);pointer-events:none;display:block;transition:stroke .3s ease,fill .3s ease}.card .image .favori svg path{pointer-events:auto;cursor:pointer}.card .image .favori:hover svg{stroke:var(--favoryColor)}.card .image .favori.active svg{stroke:var(--favoryColor);fill:var(--favoryColor)}.card .image .favori.active:hover svg{filter:brightness(.8)}.card h3{font-size:20px;font-weight:400}.card .price{display:flex;flex-direction:row;gap:10px;align-items:center;justify-content:center}.card .prix{font-size:24px;font-weight:800;margin:0}.card .reserved{font-size:20px;font-weight:900;color:var(--reservedColor);text-transform:uppercase;margin:0;letter-spacing:1px}.card.skeleton{pointer-events:none}.card.skeleton .placeholder{width:100%;aspect-ratio:4/5;background-color:var(--thirdBackgroundColor);border-radius:var(--productImageRadius)}.card.skeleton .text{height:29px;background-color:var(--thirdBackgroundColor);border-radius:10px}.card.skeleton .text.short{width:80%;margin:0 auto}.card.skeleton .text.long{width:30%;margin:0 auto}