/* GSD brand applied to standard WooCommerce shop, category and product pages. */

.woocommerce, .woocommerce-page { --gsd-card-bg: var(--gsd-plaster); }
.woocommerce ul.products li.product,
.woocommerce-page ul.products li.product { font-family: var(--gsd-font); text-align: left; }
.woocommerce ul.products li.product a img {
	background: var(--gsd-plaster);
	border-radius: var(--gsd-radius);
	aspect-ratio: 1; object-fit: cover;
	margin-bottom: 14px;
	transition: transform .6s var(--gsd-ease);
	transform-origin: 0 50%;
}
@media (hover: hover) and (prefers-reduced-motion: no-preference) {
	.woocommerce ul.products li.product a.woocommerce-LoopProduct-link { display: block; perspective: 900px; }
	.woocommerce ul.products li.product:hover a img { transform: rotateY(-12deg); }
}
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product .woocommerce-loop-category__title {
	font-family: var(--gsd-font); font-weight: 700; font-size: 1.0625rem !important; line-height: 1.3;
	color: var(--gsd-ink); padding: 0 !important;
}
.woocommerce ul.products li.product .price {
	font-family: var(--gsd-font); font-weight: 700; font-size: 1.0625rem !important; color: var(--gsd-ink) !important;
	margin-top: 6px;
}
.woocommerce ul.products li.product .price del { color: var(--gsd-muted); font-weight: 400; opacity: 1; }
.woocommerce ul.products li.product .price ins { text-decoration: none; background: rgba(var(--gsd-accent-rgb), .22); padding: 1px 6px; border-radius: 3px; }
.woocommerce span.onsale {
	background: var(--gsd-dark) !important; color: #fff !important;
	border-radius: 4px !important; min-height: 0 !important; min-width: 0 !important;
	line-height: 1 !important; padding: 6px 10px !important; font-weight: 650; font-size: .8125rem;
	top: 12px !important; left: 12px !important; right: auto !important; margin: 0 !important;
}
.woocommerce ul.products li.product .button.gsd-view-btn,
.woocommerce ul.products li.product .button {
	display: inline-flex; align-items: center; justify-content: center;
	min-height: 42px; padding: 0 18px !important; margin-top: 12px;
	background: var(--gsd-dark) !important; color: #fff !important;
	border-radius: var(--gsd-radius) !important; font-family: var(--gsd-font); font-weight: 650;
}
.woocommerce ul.products li.product .button:hover { background: var(--gsd-steel) !important; }

/* Single product */
.single-product div.product .product_title { font-family: var(--gsd-font); font-stretch: 112%; font-weight: 760; line-height: 1.1; letter-spacing: -.01em; }
.single-product div.product p.price,
.single-product div.product span.price { font-family: var(--gsd-font); color: var(--gsd-ink) !important; font-weight: 760; font-size: 1.625rem !important; }
.single-product div.product p.price del { color: var(--gsd-muted); font-weight: 400; font-size: .7em; opacity: 1; }
.single-product div.product p.price ins { text-decoration: none; }
.single-product div.product .woocommerce-product-gallery__image img { background: var(--gsd-plaster); border-radius: var(--gsd-radius); }
.single-product .woocommerce-tabs ul.tabs li a { font-family: var(--gsd-font); }
.single-product .woocommerce-tabs table { border-collapse: collapse; width: 100%; }
.single-product .woocommerce-tabs table th,
.single-product .woocommerce-tabs table td { padding: 10px 12px; border-bottom: 1px solid var(--gsd-line); text-align: left; }
.single-product .woocommerce-tabs table tr:nth-child(odd) { background: #FAFBFB; }

/* Category tiles in the shop */
.woocommerce ul.products li.product-category a img { aspect-ratio: 4 / 5; }
.woocommerce ul.products li.product-category mark.count { background: none; color: var(--gsd-muted); font-weight: 400; }