/*=========================================
PRODUCT CARD
=========================================*/

.product-card{

    cursor:pointer;

}

.product-image{

    position:relative;

    overflow:hidden;

    background:#f7f7f7;

}

.product-image img{

    width:100%;

    aspect-ratio:4/5;

    object-fit:cover;

    transition:.8s ease;

}

.product-card:hover img{

    transform:scale(1.08);

}

/* Badge */

.product-badge{

    position:absolute;

    top:20px;

    left:20px;

    padding:8px 14px;

    background:white;

    font-size:.75rem;

    letter-spacing:2px;

    z-index:5;

}

/* Actions */

.product-actions{

    position:absolute;

    right:20px;

    top:50%;

    transform:translateY(-50%);

    display:flex;

    flex-direction:column;

    gap:12px;

    opacity:0;

    transition:.4s;

}

.product-card:hover .product-actions{

    opacity:1;

}

.icon-btn{

    width:48px;

    height:48px;

    background:white;

    border-radius:50%;

    display:flex;

    justify-content:center;

    align-items:center;

    box-shadow:0 10px 25px rgba(0,0,0,.08);

    transition:.35s;

}

.icon-btn:hover{

    background:var(--color-primary);

    color:white;

}

/* Info */

.product-info{

    padding-top:25px;

}

.category{

    font-size:.75rem;

    letter-spacing:3px;

    text-transform:uppercase;

    margin-bottom:10px;

}

.product-info h3{

    margin-bottom:15px;

}

.price-row{

    display:flex;

    align-items:center;

    gap:15px;

}

.price{

    font-weight:600;

    color:var(--color-primary);

}

.old-price{

    color:#999;

    text-decoration:line-through;

}

/* Wishlist */

.wishlist-btn.active{

    background:var(--color-primary);

    color:white;

}

.wishlist-btn svg{

    width:20px;

    height:20px;

}