body.woocommerce #top ul.products {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 24px 20px;
	clear: both;
	margin: 24px 0;
	padding: 0;
}

body.woocommerce #top ul.products::before,
body.woocommerce #top ul.products::after { display: none; content: none; }

body.woocommerce #top ul.products li.product {
	display: flex;
	flex-direction: column;
	float: none;
	width: auto;
	min-width: 0;
	margin: 0;
	padding: 16px;
	border: 1px solid var(--line);
	border-radius: 8px;
	background: var(--surface);
	color: var(--text);
}

body.woocommerce #top ul.products li.product a.woocommerce-LoopProduct-link { display: block; color: var(--text); }
body.woocommerce #top ul.products li.product a img { display: block; width: 100%; height: auto; margin: 0; aspect-ratio: 1; object-fit: contain; border-radius: 5px; background: #fff; }
body.woocommerce #top ul.products li.product .woocommerce-loop-product__title { margin: 14px 0 8px; padding: 0; color: var(--text); font-size: 16px; line-height: 1.5; overflow-wrap: anywhere; }
body.woocommerce #top ul.products li.product .price { display: block; margin: 0 0 16px; color: var(--mint); font-size: 16px; font-weight: 700; }
body.woocommerce #top ul.products li.product .button { align-self: flex-start; min-height: 40px; margin-top: auto; padding: 12px 16px; color: var(--button-text); background: var(--mint); text-align: center; line-height: 1.4; }
body.woocommerce #top ul.products li.product .button:hover { filter: brightness(1.08); }
body.woocommerce #top ul.products li.product a:focus-visible { outline: 2px solid var(--mint); outline-offset: 3px; }
body.woocommerce #top .woocommerce-products-header h1 { color: var(--text); }
body.woocommerce #top .woocommerce-result-count { color: var(--muted); }
body.woocommerce #top .woocommerce-ordering select { max-width: 100%; padding: 10px; border: 1px solid var(--line); border-radius: 5px; color: var(--text); background: var(--surface); }

@media (max-width: 1050px) {
	body.woocommerce #top ul.products { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 740px) {
	body.woocommerce #top ul.products { grid-template-columns: minmax(0, 1fr); }
}