/* ------------------------------------------------------------------ *
 * WP Smooth Web — WooCommerce store pages.
 *
 * A light touch on top of WooCommerce's own stylesheet: a boxed, sidebar-less
 * content column (the theme removes Woo's default wrapper + sidebar), tidy grid
 * cards and a rounded Sale badge. Loaded only on store pages.
 * ------------------------------------------------------------------ */

/* Boxed, centred store column — matches the site content width, no sidebar. */
.smw-main .smw-woo {
	width: 100%;
	max-width: 1140px;
	margin: 0 auto;
	padding: 2rem 1.25rem 3rem;
	box-sizing: border-box;
}

/* Breathing room under the breadcrumb / result count + ordering bar. */
.smw-woo .woocommerce-breadcrumb {
	margin-bottom: 1.25rem;
}
.smw-woo .woocommerce-products-header__title {
	margin-bottom: 0.75rem;
}

/* Product grid cards. */
.woocommerce ul.products li.product {
	text-align: center;
}
.woocommerce ul.products li.product .woocommerce-loop-product__title {
	font-size: 1.05rem;
	line-height: 1.3;
	padding-top: 0.75em;
}
.woocommerce ul.products li.product img {
	margin-bottom: 0.75em;
}

/* Rounded Sale badge, top-right of the thumbnail. */
.woocommerce span.onsale {
	min-height: auto;
	min-width: auto;
	padding: 0.35em 0.75em;
	line-height: 1;
	border-radius: 999px;
	font-size: 0.8rem;
}

/* Single product: keep the gallery and summary from feeling cramped. */
.woocommerce div.product .product_title {
	margin-top: 0;
}