/*
 * Fowles — Home Top Banner (sidecar, front page only)
 *
 * The banner reuses the theme's `.page .woocommerce-page-banner` rules
 * wholesale — padding, the 35% black overlay, white text, max-width, centring
 * all come from style.css and are NOT duplicated here.
 *
 * The one thing that doesn't carry over is the heading size. The theme has a
 * blanket `.home h1 { font-size: 18px; margin: 0; padding: 0 }` in
 * elements/_typography.scss, written to shrink the front-page logo (which
 * site_title_home() wraps in an <h1> only on the front page). It is not scoped
 * to the logo, so it also caught this banner's heading and rendered it at 18px
 * where /carpet renders 48px.
 *
 * Rather than narrowing that global rule — style.css is a compiled artifact
 * that has been hand-edited on the server before, so recompiling from the SCSS
 * source could silently revert those edits — this restores the /carpet sizes
 * for the banner heading only. Specificity 0,3,0 beats `.home h1` at 0,1,1.
 *
 * Breakpoint 60em matches the theme's $break-medium, where style.css drops
 * h1 to 32px.
 */

.home .woocommerce-page-banner .woocommerce-products-header__title {
	font-size: 48px;
	margin: 0;
	padding: 0;
}

@media screen and (max-width: 60em) {
	.home .woocommerce-page-banner .woocommerce-products-header__title {
		font-size: 32px;
	}
}