.woocommerce ul.products li.product {
    background: #101010 !important;
    border-radius: var(--radius-lg);
    padding: 16px;
    border: 1px solid rgba(255,255,255,0.10);

    transition:
        transform var(--transition-normal),
        box-shadow var(--transition-normal),
        background var(--transition-normal);

    position: relative;
    overflow: hidden;
    color: #ffffff !important;
}

.woocommerce ul.products li.product:hover {
    transform: translateY(-6px);
    background: #171717 !important;
    box-shadow: var(--shadow-primary);
}

/* Усе всередині картки робимо світлим */
.woocommerce ul.products li.product *,
.woocommerce-page ul.products li.product * {
    color: #ffffff !important;
}

/* Фото товару */
.woocommerce ul.products li.product img {
    width: 100%;
    height: 240px;
    object-fit: contain;
    background: #ffffff;
    border-radius: 16px;
    padding: 10px;
    transition: transform var(--transition-normal);
}

.woocommerce ul.products li.product:hover img {
    transform: scale(1.03);
}

/* Назва товару */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2,
.woocommerce ul.products li.product h2 a {
    color: #ffffff !important;
    font-size: 15px;
    font-weight: 800;
    line-height: 1.45;
    margin: 14px 0 10px;
    min-height: 64px;

    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;

    overflow: hidden;
}

/* Ціна */
.woocommerce ul.products li.product .price,
.woocommerce ul.products li.product .price *,
.woocommerce ul.products li.product .amount,
.woocommerce ul.products li.product ins,
.woocommerce ul.products li.product ins * {
    color: var(--primary) !important;
    font-weight: 900;
    font-size: 22px;
    text-decoration: none;
}

/* Стара ціна */
.woocommerce ul.products li.product del,
.woocommerce ul.products li.product del *,
.woocommerce ul.products li.product del .amount {
    color: rgba(255,255,255,0.45) !important;
    font-size: 15px;
}

/* Категорії всередині картки */
.woocommerce ul.products li.product .product-categories,
.woocommerce ul.products li.product .product-categories *,
.woocommerce ul.products li.product .ct-product-categories,
.woocommerce ul.products li.product .ct-product-categories * {
    color: rgba(255,255,255,0.55) !important;
    font-size: 12px;
}

/* Sale badge */
.woocommerce ul.products li.product .onsale {
    position: absolute;
    top: 18px;
    left: 18px;
    background: var(--primary) !important;
    color: #ffffff !important;
    border-radius: 999px;
    padding: 8px 14px;
    font-size: 12px;
    font-weight: 900;
    z-index: 3;
}

/* Compare / wishlist text */
.woocommerce ul.products li.product .compare,
.woocommerce ul.products li.product .yith-wcwl-add-to-wishlist,
.woocommerce ul.products li.product .ct-compare-button {
    color: rgba(255,255,255,0.60) !important;
}

/* Mobile */
@media (max-width: 768px) {

    .woocommerce ul.products li.product {
        padding: 10px;
        border-radius: 18px;
    }

    .woocommerce ul.products li.product img {
        height: 150px;
        border-radius: 14px;
    }

    .woocommerce ul.products li.product .woocommerce-loop-product__title,
    .woocommerce ul.products li.product h2,
    .woocommerce ul.products li.product h2 a {
        font-size: 13px;
        min-height: 58px;
        margin-top: 10px;
    }

    .woocommerce ul.products li.product .price,
    .woocommerce ul.products li.product .price *,
    .woocommerce ul.products li.product .amount {
        font-size: 17px;
    }
}