/* Ababil Foundation - WooCommerce visual integration */
.woocommerce ul.products li.product,
.woocommerce-page ul.products li.product {
	border: 1px solid var(--line);
	border-radius: var(--radius);
	padding: 16px;
	transition: .2s;
}
.woocommerce ul.products li.product:hover { box-shadow: 0 14px 30px rgba(0,0,0,.08); transform: translateY(-3px); }
.woocommerce ul.products li.product .woocommerce-loop-product__title { font-size: 16px; color: var(--ink); }
.woocommerce span.onsale,
.woocommerce ul.products li.product .price { color: var(--brand-dark); font-weight: 700; }
.woocommerce a.button, .woocommerce button.button, .woocommerce #respond input#submit,
.woocommerce input.button, .woocommerce #payment #place_order {
	background: var(--accent);
	color: #2b1c00;
	border-radius: 6px;
	font-weight: 700;
	border: none;
	padding: 10px 20px;
}
.woocommerce a.button:hover, .woocommerce button.button:hover { background: #d99414; }
.woocommerce nav.woocommerce-pagination ul { border-color: var(--line); }
.woocommerce nav.woocommerce-pagination ul li { border-right-color: var(--line); }
html[data-theme="dark"] .woocommerce ul.products li.product { background: #121b16; border-color: #22302a; }
html[data-theme="dark"] .woocommerce ul.products li.product .woocommerce-loop-product__title { color: #eaf3ee; }