/* Card สินค้า */
.woocommerce ul.products li.product {
    font-family: "Anuphan", Sans-serif;
    color: var(--e-global-color-text);
    background: #fff;
    border-radius: 8px;
    overflow: hidden;
    border-width: 1px;
    border-style: solid;
    border-color: var(--e-global-color-efa2fcd);
    transition: all .3s ease;
}

/* Hover */
.woocommerce ul.products li.product:hover {
    border-color: var(--e-global-color-75c1cc2);
}

/* รูปสินค้า */
.woocommerce ul.products li.product .wcc-product-image {
    width: 100%;
    aspect-ratio: 4/3;
    object-fit: cover;
    margin-bottom: 0;
}
.woocommerce ul.products li.product .wcc-content {
    padding: 16px;
}
/* SKU */
.woocommerce ul.products li.product .wcc-sku {
    font-size: 14px;
    color: var(--e-global-color-text);
    line-height: 1.5;
    padding: 0;
}

/* ชื่อสินค้า */
.woocommerce ul.products li.product .wcc-title {
    font-size: 18px;
    font-weight: 600;
    line-height: 1.3em;
    color: var(--e-global-color-secondary);
}

/* ราคาเริ่มต้น */
.woocommerce ul.products li.product .wcc-price-label {
    font-size: 16px;
    color: var(--e-global-color-text);
}

/* ราคา */
.woocommerce ul.products li.product .wcc-price {
    font-size: 24px;
    font-weight: bold;
    color: var(--e-global-color-secondary);
}
.woocommerce ul.products li.product del {
	font-size: 75%;
	color: #727272;
	text-decoration: line-through;
	text-decoration-color: var(--e-global-color-accent, #E61F19);
}
.woocommerce ul.products li.product del .woocommerce-Price-amount {
	font-size: inherit;
	font-weight: normal;
}
.woocommerce ul.products li.product ins {
	text-decoration: none;
}
/* ลดราคา */
.woocommerce ul.products li.product .onsale {
	padding: 0.5em 0.75em 0.5em 0.5em !important;
	margin: -.75em -.5em 0 0 !important;
	background-color: var(--e-global-color-accent, #E61F19);
}
/* หน่วยสินค้า */
.woocommerce ul.products li.product .wcc-unit {
    font-size: 16px;
    color: var(--e-global-color-text);
    font-weight: normal;
}

@media (max-width: 1024px) {
    .woocommerce ul.products li.product .wcc-content {
        padding: 8px 8px 16px 8px;
    }
    .woocommerce ul.products li.product .wcc-sku,
    .woocommerce ul.products li.product .wcc-price-label,
    .woocommerce ul.products li.product .wcc-unit {
        font-size: 12px;
    }
    .woocommerce ul.products li.product .wcc-title {
        font-size: 14px;
    }
    .woocommerce ul.products li.product .woocommerce-Price-amount {
        font-size: 18px;
    }
}