/**
 * Mobile Product Title Frontend Styles
 *
 * Woodmart stacks the gallery/summary grid columns at 768.98px, so below
 * that width the duplicated title shows above the gallery and the original
 * summary title is hidden. The hide rule is scoped to
 * .product-image-summary-inner (main product page markup only) so Woodmart
 * quick-view popups — which have their own summary title and never render
 * the duplicated element — keep their title.
 *
 * @package MioAnimale\Features\MobileProductTitle
 */

.mio-animale-mobile-title {
	display: none;
}

@media (max-width: 768.98px) {
	.mio-animale-mobile-title {
		display: block;
		margin: 0 0 15px;
		font-family: var(--wd-title-font, inherit);
		font-style: var(--wd-title-font-style, normal);
		font-weight: var(--wd-title-font-weight, 600);
		font-size: 20px;
		line-height: 1.4;
		color: var(--wd-title-color, #242424);
	}

	.product-image-summary-inner > .summary .product_title {
		display: none;
	}
}