/**
 * WooCommerce shop, categories, and other Woo templates (not front page):
 * #haru-content-main padding clears sticky #haru-header over the first row (breadcrumbs / shop bar).
 * Phone: larger minimum — narrow viewports were hitting clamp()’s low bound while headers stay tall.
 */

@media screen and (min-width: 768px) and (max-width: 991px) {
	body.woocommerce-page:not(.lux-home-body) #haru-content-main {
		padding-top: calc(
			env(safe-area-inset-top, 0px) + clamp(2.85rem, 8.5vw, 4rem)
		);
	}
}

@media screen and (max-width: 767px) {
	body.woocommerce-page:not(.lux-home-body) #haru-content-main {
		/* Between “too much gap” and header overlapping breadcrumbs (~4rem min typical mobile header) */
		padding-top: calc(
			env(safe-area-inset-top, 0px) + clamp(3.95rem, 14.5vw, 5.35rem)
		);
	}
}

@media screen and (max-width: 991px) {
	body.woocommerce-page:not(.lux-home-body) .haru-archive-product {
		scroll-margin-top: clamp(4rem, 12vw, 7rem);
	}

	body.woocommerce-page:not(.lux-home-body) .shop-filter {
		scroll-margin-top: clamp(3.5rem, 10vw, 6rem);
	}
}