/* Base card styles */
.woocommerce ul.products li.product {
    /* border: 1px solid #e5e5e5; */
    border: 1px solid black;
    padding: 1.5rem;
    background-color: #fff;
    position: relative;
    text-align: start;
    transition: transform 0.3s ease;
    font-family: 'Arial', sans-serif;
}

.woocommerce ul.products li.product:hover {
    transform: translateY(-4px);
}

/* Discount badge */
.discount-badge {
    position: absolute;
    top: 10px;
    right: 10px;
    background: #000;
    color: #fff;
    padding: 5px 8px;
    font-size: 0.75rem;
    font-weight: bold;
    border-radius: 4px;
}

/* SALE tag */
.woocommerce ul.products li.product .onsale {
    /* position: absolute;
    top: 10px;
    left: 10px;
    background: #ff3b3b;
    color: #fff;
    padding: 5px 10px;
    font-size: 0.7rem;
    font-weight: bold;
    border-radius: 3px;
    z-index: 2; */
    display: none;
}

/* Product category */
.product-category {
    display: block;
    font-size: 0.75rem;
    color: #777;
    letter-spacing: 1px;
    margin-top: 10px;
    text-transform: uppercase;
}

/* Product title */
.woocommerce-loop-product__title {
    font-size: 1rem;
    font-weight: bold;
    margin: 5px 0 10px;
    color: #111;
}

/* Custom price layout */
.custom-price {
    font-size: 0.9rem;
    margin-bottom: 1rem;
}

.custom-price .sale-price {
    font-weight: bold;
    color: #000;
    margin-right: 5px;
}

.custom-price .regular-price {
    text-decoration: line-through;
    color: #999;
    font-size: 0.85rem;
}

/* Add to cart button */
.woocommerce ul.products li.product .button {
    background-color: #000;
    color: #fff;
    border: none;
    padding: 0.6rem 1rem;
    font-size: 0.85rem;
    font-weight: bold;
    cursor: pointer;
    border-radius: 5px;
    text-transform: uppercase;
    transition: background 0.3s ease;
}

.woocommerce ul.products li.product .button:hover {
    background-color: #111;
}