/**
 * Avada child — site-specific overrides (version-controlled “custom CSS”).
 * Loaded after style.css; enqueue priority is high so this wins over Avada where needed.
 *
 * @package Avada Child
 */

/*
 * Yogurt single (CPT) + WC product single: “other flavours” / carousels / Fusion titles.
 * Hierarchical pages under the `2025-new` parent use body.iy-site-2025-new (see misc.php).
 * These selectors keep body[class*="2025-new"] because CPT singles may not get that class;
 * yogurt URLs use single-yogurt and often have no 2025-new substring on body.
 */

/*
 * [page_carousel] shortcode output (misc.php): div.swiper.page-carousel + h3.carousel-title.
 * No Fusion wrappers — previous rules used :is(#main,…) chains that often never matched.
 */
html body .iy-yogurt-flavours-carousel .swiper-slide,
html body .swiper.page-carousel.iy-yogurt-flavours-carousel .swiper-slide {
	text-align: center !important;
}

html body .iy-yogurt-flavours-carousel .carousel-title,
html body .iy-yogurt-flavours-carousel .carousel-title a,
html body .swiper.page-carousel.iy-yogurt-flavours-carousel .carousel-title,
html body .swiper.page-carousel.iy-yogurt-flavours-carousel .carousel-title a {
	text-align: center !important;
	display: block !important;
	width: 100% !important;
	margin-left: auto !important;
	margin-right: auto !important;
	overflow-wrap: normal !important;
	word-break: normal !important;
	hyphens: none !important;
	white-space: normal !important;
}

@media (max-width: 1199px) {
	html body .iy-yogurt-flavours-carousel .carousel-title,
	html body .iy-yogurt-flavours-carousel .carousel-title a,
	html body .swiper.page-carousel.iy-yogurt-flavours-carousel .carousel-title,
	html body .swiper.page-carousel.iy-yogurt-flavours-carousel .carousel-title a {
		font-size: clamp(11px, 2.8vw, 14px) !important;
		line-height: 1.3 !important;
	}
}

/* Fallback: yogurt singles often only have this one [page_carousel] (class may be missing in full-page cache) */
html body.single-yogurt .swiper.page-carousel .swiper-slide {
	text-align: center !important;
}

html body.single-yogurt .swiper.page-carousel .carousel-title,
html body.single-yogurt .swiper.page-carousel .carousel-title a {
	text-align: center !important;
	display: block !important;
	width: 100% !important;
	margin-left: auto !important;
	margin-right: auto !important;
}

@media (max-width: 1199px) {
	html body.single-yogurt .swiper.page-carousel .carousel-title,
	html body.single-yogurt .swiper.page-carousel .carousel-title a {
		font-size: clamp(11px, 2.8vw, 14px) !important;
		line-height: 1.3 !important;
	}
}

/*
 * Fusion Post Cards carousel (“Enjoy our other flavours”) on yogurt singles.
 * data-columns="4" in a 2/3 column (~1091px): Avada uses --fontSize ~20px; long words
 * (CLONAKILTY) get clipped by the slide box. Do NOT set overflow:visible on .swiper —
 * that exposes a 5th partial slide and shifts the row to the right.
 */
html body.single-yogurt .fusion-post-cards .post-card .fusion-title-heading,
html body.single-yogurt .fusion-post-cards .post-card .fusion-title-heading h1,
html body.single-yogurt .fusion-post-cards .post-card .fusion-title-heading h2,
html body.single-yogurt .fusion-post-cards .post-card .fusion-title-heading h3,
html body.single-yogurt .fusion-post-cards .post-card .fusion-title-heading h4,
html body.single-yogurt .fusion-post-cards .post-card .fusion-title-heading .fusion-title-text,
html body.single-yogurt .fusion-post-cards .post-card .fusion-title-heading a,
html body.single-yogurt .fusion-post-cards .post-card .fusion-title-heading span,
html body.single-yogurt .fusion-post-cards .post-card .fusion-title-heading * {
	overflow-wrap: normal !important;
	word-wrap: normal !important;
	word-break: normal !important;
	hyphens: none !important;
	white-space: normal !important;
	text-align: center !important;
	max-width: 100% !important;
	box-sizing: border-box !important;
}

html body.single-yogurt .fusion-post-cards .swiper-slide.post-card {
	text-align: center !important;
}

@media (max-width: 1199px) {
	html body.single-yogurt .fusion-post-cards .post-card .fusion-title-heading,
	html body.single-yogurt .fusion-post-cards .post-card .fusion-title-heading.fusion-responsive-typography-calculated,
	html body.single-yogurt .fusion-post-cards .post-card .fusion-title-heading[data-fontsize],
	html body.single-yogurt .fusion-post-cards .post-card .fusion-title-heading h3,
	html body.single-yogurt .fusion-post-cards .post-card .fusion-title-heading a {
		font-size: clamp(8px, 1.25vw, 11px) !important;
		line-height: 1.25 !important;
	}
}

/* Fusion Title: include * so nested .fusion-title-text / links aren’t forced break-word */
html body.single-yogurt .fusion-title-heading,
html body.single-yogurt .fusion-title-heading h1,
html body.single-yogurt .fusion-title-heading h2,
html body.single-yogurt .fusion-title-heading h3,
html body.single-yogurt .fusion-title-heading h4,
html body.single-yogurt .fusion-title-heading h5,
html body.single-yogurt .fusion-title-heading h6,
html body.single-yogurt .fusion-title-heading .fusion-title-text,
html body.single-yogurt .fusion-title-heading .fusion-title-text a,
html body.single-yogurt .fusion-title-heading a,
html body.single-yogurt .fusion-title-heading span,
html body.single-yogurt .fusion-title-heading *,
html body.single-product .fusion-title-heading,
html body.single-product .fusion-title-heading h1,
html body.single-product .fusion-title-heading h2,
html body.single-product .fusion-title-heading h3,
html body.single-product .fusion-title-heading h4,
html body.single-product .fusion-title-heading h5,
html body.single-product .fusion-title-heading h6,
html body.single-product .fusion-title-heading .fusion-title-text,
html body.single-product .fusion-title-heading .fusion-title-text a,
html body.single-product .fusion-title-heading a,
html body.single-product .fusion-title-heading span,
html body.single-product .fusion-title-heading * {
	overflow-wrap: normal !important;
	word-wrap: normal !important;
	word-break: normal !important;
	hyphens: none !important;
	white-space: normal !important;
}

/*
 * Carousel card titles — use .swiper (Avada often omits .page-carousel).
 * Keeps .page-carousel for backwards compatibility.
 */
html body.single-yogurt :is(#main, #content, #primary, .site-content, .entry-content, .main-content, .fusion-builder-row, .fusion_builder_row, .fusion-row, .fusion-fullwidth) .swiper .carousel-title,
html body.single-yogurt :is(#main, #content, #primary, .site-content, .entry-content, .main-content, .fusion-builder-row, .fusion_builder_row, .fusion-row, .fusion-fullwidth) .swiper .carousel-title a,
html body.single-product :is(#main, #content, #primary, .site-content, .entry-content, .main-content, .fusion-builder-row, .fusion_builder_row, .fusion-row, .fusion-fullwidth) .swiper .carousel-title,
html body.single-product :is(#main, #content, #primary, .site-content, .entry-content, .main-content, .fusion-builder-row, .fusion_builder_row, .fusion-row, .fusion-fullwidth) .swiper .carousel-title a,
html body.single-yogurt :is(#main, #content, #primary, .site-content, .entry-content, .main-content, .fusion-builder-row, .fusion_builder_row, .fusion-row, .fusion-fullwidth) .swiper.page-carousel .carousel-title,
html body.single-yogurt :is(#main, #content, #primary, .site-content, .entry-content, .main-content, .fusion-builder-row, .fusion_builder_row, .fusion-row, .fusion-fullwidth) .swiper.page-carousel .carousel-title a,
html body.single-product :is(#main, #content, #primary, .site-content, .entry-content, .main-content, .fusion-builder-row, .fusion_builder_row, .fusion-row, .fusion-fullwidth) .swiper.page-carousel .carousel-title,
html body.single-product :is(#main, #content, #primary, .site-content, .entry-content, .main-content, .fusion-builder-row, .fusion_builder_row, .fusion-row, .fusion-fullwidth) .swiper.page-carousel .carousel-title a {
	overflow-wrap: normal !important;
	word-wrap: normal !important;
	word-break: normal !important;
	hyphens: none !important;
	white-space: normal !important;
}

/* Carousel slides may use plain column headings */
html body.single-yogurt :is(#main, #content, #primary, .site-content, .entry-content, .main-content, .fusion-builder-row, .fusion_builder_row, .fusion-row, .fusion-fullwidth) .swiper .fusion-column-wrapper h1,
html body.single-yogurt :is(#main, #content, #primary, .site-content, .entry-content, .main-content, .fusion-builder-row, .fusion_builder_row, .fusion-row, .fusion-fullwidth) .swiper .fusion-column-wrapper h2,
html body.single-yogurt :is(#main, #content, #primary, .site-content, .entry-content, .main-content, .fusion-builder-row, .fusion_builder_row, .fusion-row, .fusion-fullwidth) .swiper .fusion-column-wrapper h3,
html body.single-yogurt :is(#main, #content, #primary, .site-content, .entry-content, .main-content, .fusion-builder-row, .fusion_builder_row, .fusion-row, .fusion-fullwidth) .swiper .fusion-builder-column h1,
html body.single-yogurt :is(#main, #content, #primary, .site-content, .entry-content, .main-content, .fusion-builder-row, .fusion_builder_row, .fusion-row, .fusion-fullwidth) .swiper .fusion-builder-column h2,
html body.single-yogurt :is(#main, #content, #primary, .site-content, .entry-content, .main-content, .fusion-builder-row, .fusion_builder_row, .fusion-row, .fusion-fullwidth) .swiper .fusion-builder-column h3,
html body.single-yogurt :is(#main, #content, #primary, .site-content, .entry-content, .main-content, .fusion-builder-row, .fusion_builder_row, .fusion-row, .fusion-fullwidth) .swiper .fusion-layout-column h1,
html body.single-yogurt :is(#main, #content, #primary, .site-content, .entry-content, .main-content, .fusion-builder-row, .fusion_builder_row, .fusion-row, .fusion-fullwidth) .swiper .fusion-layout-column h2,
html body.single-yogurt :is(#main, #content, #primary, .site-content, .entry-content, .main-content, .fusion-builder-row, .fusion_builder_row, .fusion-row, .fusion-fullwidth) .swiper .fusion-layout-column h3,
html body.single-product :is(#main, #content, #primary, .site-content, .entry-content, .main-content, .fusion-builder-row, .fusion_builder_row, .fusion-row, .fusion-fullwidth) .swiper .fusion-column-wrapper h1,
html body.single-product :is(#main, #content, #primary, .site-content, .entry-content, .main-content, .fusion-builder-row, .fusion_builder_row, .fusion-row, .fusion-fullwidth) .swiper .fusion-column-wrapper h2,
html body.single-product :is(#main, #content, #primary, .site-content, .entry-content, .main-content, .fusion-builder-row, .fusion_builder_row, .fusion-row, .fusion-fullwidth) .swiper .fusion-column-wrapper h3,
html body.single-product :is(#main, #content, #primary, .site-content, .entry-content, .main-content, .fusion-builder-row, .fusion_builder_row, .fusion-row, .fusion-fullwidth) .swiper .fusion-builder-column h1,
html body.single-product :is(#main, #content, #primary, .site-content, .entry-content, .main-content, .fusion-builder-row, .fusion_builder_row, .fusion-row, .fusion-fullwidth) .swiper .fusion-builder-column h2,
html body.single-product :is(#main, #content, #primary, .site-content, .entry-content, .main-content, .fusion-builder-row, .fusion_builder_row, .fusion-row, .fusion-fullwidth) .swiper .fusion-builder-column h3,
html body.single-product :is(#main, #content, #primary, .site-content, .entry-content, .main-content, .fusion-builder-row, .fusion_builder_row, .fusion-row, .fusion-fullwidth) .swiper .fusion-layout-column h1,
html body.single-product :is(#main, #content, #primary, .site-content, .entry-content, .main-content, .fusion-builder-row, .fusion_builder_row, .fusion-row, .fusion-fullwidth) .swiper .fusion-layout-column h2,
html body.single-product :is(#main, #content, #primary, .site-content, .entry-content, .main-content, .fusion-builder-row, .fusion_builder_row, .fusion-row, .fusion-fullwidth) .swiper .fusion-layout-column h3 {
	overflow-wrap: normal !important;
	word-wrap: normal !important;
	word-break: normal !important;
	hyphens: none !important;
	white-space: normal !important;
	text-align: center !important;
}

/* WooCommerce related grid (when used on yogurt or product singles) */
html body.single-yogurt .fusion-woo-related-products .products .product h3,
html body.single-yogurt .fusion-woo-related-products .products .product h3 a,
html body.single-yogurt .fusion-woo-related-products .products .product .product-title,
html body.single-yogurt .fusion-woo-related-products .products .product .product-title a,
html body.single-yogurt .fusion-woo-related-products .products .product .woocommerce-loop-product__title,
html body.single-yogurt .fusion-woo-related-products .products .product .woocommerce-loop-product__title a,
html body.single-yogurt .related .products .product h3,
html body.single-yogurt .related .products .product h3 a,
html body.single-yogurt .related .products .product .product-title,
html body.single-yogurt .related .products .product .product-title a,
html body.single-yogurt .related .products .product .woocommerce-loop-product__title,
html body.single-yogurt .related .products .product .woocommerce-loop-product__title a,
html body.single-product .fusion-woo-related-products .products .product h3,
html body.single-product .fusion-woo-related-products .products .product h3 a,
html body.single-product .fusion-woo-related-products .products .product .product-title,
html body.single-product .fusion-woo-related-products .products .product .product-title a,
html body.single-product .fusion-woo-related-products .products .product .woocommerce-loop-product__title,
html body.single-product .fusion-woo-related-products .products .product .woocommerce-loop-product__title a,
html body.single-product .related .products .product h3,
html body.single-product .related .products .product h3 a,
html body.single-product .related .products .product .product-title,
html body.single-product .related .products .product .product-title a,
html body.single-product .related .products .product .woocommerce-loop-product__title,
html body.single-product .related .products .product .woocommerce-loop-product__title a {
	overflow-wrap: normal !important;
	word-wrap: normal !important;
	word-break: normal !important;
	hyphens: none !important;
	white-space: normal !important;
}

/* URL path /2025-new/ without matching body class: still apply on any single-yogurt / single-product */
html body[class*="2025-new"].single-yogurt .fusion-woo-related-products .products .product h3,
html body[class*="2025-new"].single-yogurt .fusion-woo-related-products .products .product h3 a,
html body[class*="2025-new"].single-yogurt .fusion-woo-related-products .products .product .woocommerce-loop-product__title,
html body[class*="2025-new"].single-yogurt .fusion-woo-related-products .products .product .woocommerce-loop-product__title a,
html body[class*="2025-new"].single-product .fusion-woo-related-products .products .product h3,
html body[class*="2025-new"].single-product .fusion-woo-related-products .products .product h3 a,
html body[class*="2025-new"].single-product .fusion-woo-related-products .products .product .woocommerce-loop-product__title,
html body[class*="2025-new"].single-product .fusion-woo-related-products .products .product .woocommerce-loop-product__title a {
	overflow-wrap: normal !important;
	word-wrap: normal !important;
	word-break: normal !important;
	hyphens: none !important;
	white-space: normal !important;
}

/* --- Center “other flavours” carousel copy (overrides style.css .swiper.page-carousel slide text-align: left) --- */
html body.single-yogurt :is(#main, #content, #primary, .site-content, .entry-content, .main-content, .fusion-builder-row, .fusion_builder_row, .fusion-row, .fusion-fullwidth) .swiper .swiper-slide,
html body.single-product :is(#main, #content, #primary, .site-content, .entry-content, .main-content, .fusion-builder-row, .fusion_builder_row, .fusion-row, .fusion-fullwidth) .swiper .swiper-slide {
	text-align: center !important;
}

html body.single-yogurt :is(#main, #content, #primary, .site-content, .entry-content, .main-content, .fusion-builder-row, .fusion_builder_row, .fusion-row, .fusion-fullwidth) .swiper .fusion-column-wrapper,
html body.single-yogurt :is(#main, #content, #primary, .site-content, .entry-content, .main-content, .fusion-builder-row, .fusion_builder_row, .fusion-row, .fusion-fullwidth) .swiper .fusion-builder-column,
html body.single-yogurt :is(#main, #content, #primary, .site-content, .entry-content, .main-content, .fusion-builder-row, .fusion_builder_row, .fusion-row, .fusion-fullwidth) .swiper .fusion-layout-column,
html body.single-product :is(#main, #content, #primary, .site-content, .entry-content, .main-content, .fusion-builder-row, .fusion_builder_row, .fusion-row, .fusion-fullwidth) .swiper .fusion-column-wrapper,
html body.single-product :is(#main, #content, #primary, .site-content, .entry-content, .main-content, .fusion-builder-row, .fusion_builder_row, .fusion-row, .fusion-fullwidth) .swiper .fusion-builder-column,
html body.single-product :is(#main, #content, #primary, .site-content, .entry-content, .main-content, .fusion-builder-row, .fusion_builder_row, .fusion-row, .fusion-fullwidth) .swiper .fusion-layout-column {
	text-align: center !important;
}

html body.single-yogurt :is(#main, #content, #primary, .site-content, .entry-content, .main-content, .fusion-builder-row, .fusion_builder_row, .fusion-row, .fusion-fullwidth) .swiper .fusion-title-heading,
html body.single-yogurt :is(#main, #content, #primary, .site-content, .entry-content, .main-content, .fusion-builder-row, .fusion_builder_row, .fusion-row, .fusion-fullwidth) .swiper .fusion-title-heading.title-heading-left,
html body.single-yogurt :is(#main, #content, #primary, .site-content, .entry-content, .main-content, .fusion-builder-row, .fusion_builder_row, .fusion-row, .fusion-fullwidth) .swiper .fusion-title-heading.title-heading-center,
html body.single-yogurt :is(#main, #content, #primary, .site-content, .entry-content, .main-content, .fusion-builder-row, .fusion_builder_row, .fusion-row, .fusion-fullwidth) .swiper .fusion-title-heading.title-heading-right,
html body.single-product :is(#main, #content, #primary, .site-content, .entry-content, .main-content, .fusion-builder-row, .fusion_builder_row, .fusion-row, .fusion-fullwidth) .swiper .fusion-title-heading,
html body.single-product :is(#main, #content, #primary, .site-content, .entry-content, .main-content, .fusion-builder-row, .fusion_builder_row, .fusion-row, .fusion-fullwidth) .swiper .fusion-title-heading.title-heading-left,
html body.single-product :is(#main, #content, #primary, .site-content, .entry-content, .main-content, .fusion-builder-row, .fusion_builder_row, .fusion-row, .fusion-fullwidth) .swiper .fusion-title-heading.title-heading-center,
html body.single-product :is(#main, #content, #primary, .site-content, .entry-content, .main-content, .fusion-builder-row, .fusion_builder_row, .fusion-row, .fusion-fullwidth) .swiper .fusion-title-heading.title-heading-right {
	text-align: center !important;
	justify-content: center !important;
}

html body.single-yogurt :is(#main, #content, #primary, .site-content, .entry-content, .main-content, .fusion-builder-row, .fusion_builder_row, .fusion-row, .fusion-fullwidth) .swiper .carousel-title,
html body.single-yogurt :is(#main, #content, #primary, .site-content, .entry-content, .main-content, .fusion-builder-row, .fusion_builder_row, .fusion-row, .fusion-fullwidth) .swiper .carousel-title a,
html body.single-product :is(#main, #content, #primary, .site-content, .entry-content, .main-content, .fusion-builder-row, .fusion_builder_row, .fusion-row, .fusion-fullwidth) .swiper .carousel-title,
html body.single-product :is(#main, #content, #primary, .site-content, .entry-content, .main-content, .fusion-builder-row, .fusion_builder_row, .fusion-row, .fusion-fullwidth) .swiper .carousel-title a {
	text-align: center !important;
}

/* Inner title nodes often get title-heading-left / inline align; force center on all descendants */
html body.single-yogurt :is(#main, #content, #primary, .site-content, .entry-content, .main-content, .fusion-builder-row, .fusion_builder_row, .fusion-row, .fusion-fullwidth) .swiper .fusion-title-heading .fusion-title-text,
html body.single-yogurt :is(#main, #content, #primary, .site-content, .entry-content, .main-content, .fusion-builder-row, .fusion_builder_row, .fusion-row, .fusion-fullwidth) .swiper .fusion-title-heading .fusion-title-text a,
html body.single-yogurt :is(#main, #content, #primary, .site-content, .entry-content, .main-content, .fusion-builder-row, .fusion_builder_row, .fusion-row, .fusion-fullwidth) .swiper .fusion-title-heading a,
html body.single-yogurt :is(#main, #content, #primary, .site-content, .entry-content, .main-content, .fusion-builder-row, .fusion_builder_row, .fusion-row, .fusion-fullwidth) .swiper .fusion-title-heading span,
html body.single-yogurt :is(#main, #content, #primary, .site-content, .entry-content, .main-content, .fusion-builder-row, .fusion_builder_row, .fusion-row, .fusion-fullwidth) .swiper .fusion-title-heading p,
html body.single-yogurt :is(#main, #content, #primary, .site-content, .entry-content, .main-content, .fusion-builder-row, .fusion_builder_row, .fusion-row, .fusion-fullwidth) .swiper .fusion-title-heading *,
html body.single-product :is(#main, #content, #primary, .site-content, .entry-content, .main-content, .fusion-builder-row, .fusion_builder_row, .fusion-row, .fusion-fullwidth) .swiper .fusion-title-heading .fusion-title-text,
html body.single-product :is(#main, #content, #primary, .site-content, .entry-content, .main-content, .fusion-builder-row, .fusion_builder_row, .fusion-row, .fusion-fullwidth) .swiper .fusion-title-heading .fusion-title-text a,
html body.single-product :is(#main, #content, #primary, .site-content, .entry-content, .main-content, .fusion-builder-row, .fusion_builder_row, .fusion-row, .fusion-fullwidth) .swiper .fusion-title-heading a,
html body.single-product :is(#main, #content, #primary, .site-content, .entry-content, .main-content, .fusion-builder-row, .fusion_builder_row, .fusion-row, .fusion-fullwidth) .swiper .fusion-title-heading span,
html body.single-product :is(#main, #content, #primary, .site-content, .entry-content, .main-content, .fusion-builder-row, .fusion_builder_row, .fusion-row, .fusion-fullwidth) .swiper .fusion-title-heading p,
html body.single-product :is(#main, #content, #primary, .site-content, .entry-content, .main-content, .fusion-builder-row, .fusion_builder_row, .fusion-row, .fusion-fullwidth) .swiper .fusion-title-heading * {
	text-align: center !important;
}

/* Avada columns often use flex with align-items:flex-start — center the column content under the tub image */
html body.single-yogurt :is(#main, #content, #primary, .site-content, .entry-content, .main-content, .fusion-builder-row, .fusion_builder_row, .fusion-row, .fusion-fullwidth) .swiper .swiper-slide .fusion-column-wrapper,
html body.single-yogurt :is(#main, #content, #primary, .site-content, .entry-content, .main-content, .fusion-builder-row, .fusion_builder_row, .fusion-row, .fusion-fullwidth) .swiper .swiper-slide .fusion-builder-column,
html body.single-yogurt :is(#main, #content, #primary, .site-content, .entry-content, .main-content, .fusion-builder-row, .fusion_builder_row, .fusion-row, .fusion-fullwidth) .swiper .swiper-slide .fusion_builder_column,
html body.single-yogurt :is(#main, #content, #primary, .site-content, .entry-content, .main-content, .fusion-builder-row, .fusion_builder_row, .fusion-row, .fusion-fullwidth) .swiper .swiper-slide .fusion-layout-column,
html body.single-product :is(#main, #content, #primary, .site-content, .entry-content, .main-content, .fusion-builder-row, .fusion_builder_row, .fusion-row, .fusion-fullwidth) .swiper .swiper-slide .fusion-column-wrapper,
html body.single-product :is(#main, #content, #primary, .site-content, .entry-content, .main-content, .fusion-builder-row, .fusion_builder_row, .fusion-row, .fusion-fullwidth) .swiper .swiper-slide .fusion-builder-column,
html body.single-product :is(#main, #content, #primary, .site-content, .entry-content, .main-content, .fusion-builder-row, .fusion_builder_row, .fusion-row, .fusion-fullwidth) .swiper .swiper-slide .fusion_builder_column,
html body.single-product :is(#main, #content, #primary, .site-content, .entry-content, .main-content, .fusion-builder-row, .fusion_builder_row, .fusion-row, .fusion-fullwidth) .swiper .swiper-slide .fusion-layout-column {
	align-items: center !important;
	text-align: center !important;
}

html body.single-yogurt :is(#main, #content, #primary, .site-content, .entry-content, .main-content, .fusion-builder-row, .fusion_builder_row, .fusion-row, .fusion-fullwidth) .swiper .swiper-slide [class*="fusion-flex-align-flex-start"],
html body.single-product :is(#main, #content, #primary, .site-content, .entry-content, .main-content, .fusion-builder-row, .fusion_builder_row, .fusion-row, .fusion-fullwidth) .swiper .swiper-slide [class*="fusion-flex-align-flex-start"] {
	align-items: center !important;
}

/* Related / upsell cards: keep titles centered under images */
html body.single-yogurt .fusion-woo-related-products .products .product,
html body.single-yogurt .related .products .product,
html body.single-product .fusion-woo-related-products .products .product,
html body.single-product .related .products .product {
	text-align: center !important;
}

html body.single-yogurt .fusion-woo-related-products .products .product h3,
html body.single-yogurt .fusion-woo-related-products .products .product .woocommerce-loop-product__title,
html body.single-yogurt .related .products .product h3,
html body.single-yogurt .related .products .product .woocommerce-loop-product__title,
html body.single-product .fusion-woo-related-products .products .product h3,
html body.single-product .fusion-woo-related-products .products .product .woocommerce-loop-product__title,
html body.single-product .related .products .product h3,
html body.single-product .related .products .product .woocommerce-loop-product__title {
	text-align: center !important;
}

/*
 * Tablet / small laptop: smaller type for carousels + related grid.
 * max-width 1199px so iPad landscape and narrow laptops see the reduction (not only ≤1024).
 * Avada: duplicate selectors with .fusion-responsive-typography-calculated / [data-fontsize].
 */
@media (max-width: 1199px) {
	html body.single-yogurt :is(#main, #content, #primary, .site-content, .entry-content, .main-content, .fusion-builder-row, .fusion_builder_row, .fusion-row, .fusion-fullwidth) .swiper .fusion-title-heading,
	html body.single-yogurt :is(#main, #content, #primary, .site-content, .entry-content, .main-content, .fusion-builder-row, .fusion_builder_row, .fusion-row, .fusion-fullwidth) .swiper .fusion-title-heading.fusion-responsive-typography-calculated,
	html body.single-yogurt :is(#main, #content, #primary, .site-content, .entry-content, .main-content, .fusion-builder-row, .fusion_builder_row, .fusion-row, .fusion-fullwidth) .swiper .fusion-title-heading[data-fontsize],
	html body.single-yogurt :is(#main, #content, #primary, .site-content, .entry-content, .main-content, .fusion-builder-row, .fusion_builder_row, .fusion-row, .fusion-fullwidth) .swiper .fusion-title-heading h1,
	html body.single-yogurt :is(#main, #content, #primary, .site-content, .entry-content, .main-content, .fusion-builder-row, .fusion_builder_row, .fusion-row, .fusion-fullwidth) .swiper .fusion-title-heading h2,
	html body.single-yogurt :is(#main, #content, #primary, .site-content, .entry-content, .main-content, .fusion-builder-row, .fusion_builder_row, .fusion-row, .fusion-fullwidth) .swiper .fusion-title-heading h3,
	html body.single-yogurt :is(#main, #content, #primary, .site-content, .entry-content, .main-content, .fusion-builder-row, .fusion_builder_row, .fusion-row, .fusion-fullwidth) .swiper .fusion-title-heading h4,
	html body.single-yogurt :is(#main, #content, #primary, .site-content, .entry-content, .main-content, .fusion-builder-row, .fusion_builder_row, .fusion-row, .fusion-fullwidth) .swiper .fusion-title-heading .fusion-title-text,
	html body.single-yogurt :is(#main, #content, #primary, .site-content, .entry-content, .main-content, .fusion-builder-row, .fusion_builder_row, .fusion-row, .fusion-fullwidth) .swiper .fusion-title-heading .fusion-title-text a,
	html body.single-yogurt :is(#main, #content, #primary, .site-content, .entry-content, .main-content, .fusion-builder-row, .fusion_builder_row, .fusion-row, .fusion-fullwidth) .swiper .fusion-title-heading a,
	html body.single-yogurt :is(#main, #content, #primary, .site-content, .entry-content, .main-content, .fusion-builder-row, .fusion_builder_row, .fusion-row, .fusion-fullwidth) .swiper .fusion-title-heading span,
	html body.single-yogurt :is(#main, #content, #primary, .site-content, .entry-content, .main-content, .fusion-builder-row, .fusion_builder_row, .fusion-row, .fusion-fullwidth) .swiper .fusion-title-heading *,
	html body.single-product :is(#main, #content, #primary, .site-content, .entry-content, .main-content, .fusion-builder-row, .fusion_builder_row, .fusion-row, .fusion-fullwidth) .swiper .fusion-title-heading,
	html body.single-product :is(#main, #content, #primary, .site-content, .entry-content, .main-content, .fusion-builder-row, .fusion_builder_row, .fusion-row, .fusion-fullwidth) .swiper .fusion-title-heading.fusion-responsive-typography-calculated,
	html body.single-product :is(#main, #content, #primary, .site-content, .entry-content, .main-content, .fusion-builder-row, .fusion_builder_row, .fusion-row, .fusion-fullwidth) .swiper .fusion-title-heading[data-fontsize],
	html body.single-product :is(#main, #content, #primary, .site-content, .entry-content, .main-content, .fusion-builder-row, .fusion_builder_row, .fusion-row, .fusion-fullwidth) .swiper .fusion-title-heading h1,
	html body.single-product :is(#main, #content, #primary, .site-content, .entry-content, .main-content, .fusion-builder-row, .fusion_builder_row, .fusion-row, .fusion-fullwidth) .swiper .fusion-title-heading h2,
	html body.single-product :is(#main, #content, #primary, .site-content, .entry-content, .main-content, .fusion-builder-row, .fusion_builder_row, .fusion-row, .fusion-fullwidth) .swiper .fusion-title-heading h3,
	html body.single-product :is(#main, #content, #primary, .site-content, .entry-content, .main-content, .fusion-builder-row, .fusion_builder_row, .fusion-row, .fusion-fullwidth) .swiper .fusion-title-heading h4,
	html body.single-product :is(#main, #content, #primary, .site-content, .entry-content, .main-content, .fusion-builder-row, .fusion_builder_row, .fusion-row, .fusion-fullwidth) .swiper .fusion-title-heading .fusion-title-text,
	html body.single-product :is(#main, #content, #primary, .site-content, .entry-content, .main-content, .fusion-builder-row, .fusion_builder_row, .fusion-row, .fusion-fullwidth) .swiper .fusion-title-heading .fusion-title-text a,
	html body.single-product :is(#main, #content, #primary, .site-content, .entry-content, .main-content, .fusion-builder-row, .fusion_builder_row, .fusion-row, .fusion-fullwidth) .swiper .fusion-title-heading a,
	html body.single-product :is(#main, #content, #primary, .site-content, .entry-content, .main-content, .fusion-builder-row, .fusion_builder_row, .fusion-row, .fusion-fullwidth) .swiper .fusion-title-heading span,
	html body.single-product :is(#main, #content, #primary, .site-content, .entry-content, .main-content, .fusion-builder-row, .fusion_builder_row, .fusion-row, .fusion-fullwidth) .swiper .fusion-title-heading *,
	html body.single-yogurt :is(#main, #content, #primary, .site-content, .entry-content, .main-content, .fusion-builder-row, .fusion_builder_row, .fusion-row, .fusion-fullwidth) .swiper .carousel-title,
	html body.single-yogurt :is(#main, #content, #primary, .site-content, .entry-content, .main-content, .fusion-builder-row, .fusion_builder_row, .fusion-row, .fusion-fullwidth) .swiper .carousel-title a,
	html body.single-product :is(#main, #content, #primary, .site-content, .entry-content, .main-content, .fusion-builder-row, .fusion_builder_row, .fusion-row, .fusion-fullwidth) .swiper .carousel-title,
	html body.single-product :is(#main, #content, #primary, .site-content, .entry-content, .main-content, .fusion-builder-row, .fusion_builder_row, .fusion-row, .fusion-fullwidth) .swiper .carousel-title a,
	html body.single-yogurt :is(#main, #content, #primary, .site-content, .entry-content, .main-content, .fusion-builder-row, .fusion_builder_row, .fusion-row, .fusion-fullwidth) .swiper .fusion-column-wrapper h1,
	html body.single-yogurt :is(#main, #content, #primary, .site-content, .entry-content, .main-content, .fusion-builder-row, .fusion_builder_row, .fusion-row, .fusion-fullwidth) .swiper .fusion-column-wrapper h2,
	html body.single-yogurt :is(#main, #content, #primary, .site-content, .entry-content, .main-content, .fusion-builder-row, .fusion_builder_row, .fusion-row, .fusion-fullwidth) .swiper .fusion-column-wrapper h3,
	html body.single-yogurt :is(#main, #content, #primary, .site-content, .entry-content, .main-content, .fusion-builder-row, .fusion_builder_row, .fusion-row, .fusion-fullwidth) .swiper .fusion-builder-column h1,
	html body.single-yogurt :is(#main, #content, #primary, .site-content, .entry-content, .main-content, .fusion-builder-row, .fusion_builder_row, .fusion-row, .fusion-fullwidth) .swiper .fusion-builder-column h2,
	html body.single-yogurt :is(#main, #content, #primary, .site-content, .entry-content, .main-content, .fusion-builder-row, .fusion_builder_row, .fusion-row, .fusion-fullwidth) .swiper .fusion-builder-column h3,
	html body.single-yogurt :is(#main, #content, #primary, .site-content, .entry-content, .main-content, .fusion-builder-row, .fusion_builder_row, .fusion-row, .fusion-fullwidth) .swiper .fusion-layout-column h1,
	html body.single-yogurt :is(#main, #content, #primary, .site-content, .entry-content, .main-content, .fusion-builder-row, .fusion_builder_row, .fusion-row, .fusion-fullwidth) .swiper .fusion-layout-column h2,
	html body.single-yogurt :is(#main, #content, #primary, .site-content, .entry-content, .main-content, .fusion-builder-row, .fusion_builder_row, .fusion-row, .fusion-fullwidth) .swiper .fusion-layout-column h3,
	html body.single-product :is(#main, #content, #primary, .site-content, .entry-content, .main-content, .fusion-builder-row, .fusion_builder_row, .fusion-row, .fusion-fullwidth) .swiper .fusion-column-wrapper h1,
	html body.single-product :is(#main, #content, #primary, .site-content, .entry-content, .main-content, .fusion-builder-row, .fusion_builder_row, .fusion-row, .fusion-fullwidth) .swiper .fusion-column-wrapper h2,
	html body.single-product :is(#main, #content, #primary, .site-content, .entry-content, .main-content, .fusion-builder-row, .fusion_builder_row, .fusion-row, .fusion-fullwidth) .swiper .fusion-column-wrapper h3,
	html body.single-product :is(#main, #content, #primary, .site-content, .entry-content, .main-content, .fusion-builder-row, .fusion_builder_row, .fusion-row, .fusion-fullwidth) .swiper .fusion-builder-column h1,
	html body.single-product :is(#main, #content, #primary, .site-content, .entry-content, .main-content, .fusion-builder-row, .fusion_builder_row, .fusion-row, .fusion-fullwidth) .swiper .fusion-builder-column h2,
	html body.single-product :is(#main, #content, #primary, .site-content, .entry-content, .main-content, .fusion-builder-row, .fusion_builder_row, .fusion-row, .fusion-fullwidth) .swiper .fusion-builder-column h3,
	html body.single-product :is(#main, #content, #primary, .site-content, .entry-content, .main-content, .fusion-builder-row, .fusion_builder_row, .fusion-row, .fusion-fullwidth) .swiper .fusion-layout-column h1,
	html body.single-product :is(#main, #content, #primary, .site-content, .entry-content, .main-content, .fusion-builder-row, .fusion_builder_row, .fusion-row, .fusion-fullwidth) .swiper .fusion-layout-column h2,
	html body.single-product :is(#main, #content, #primary, .site-content, .entry-content, .main-content, .fusion-builder-row, .fusion_builder_row, .fusion-row, .fusion-fullwidth) .swiper .fusion-layout-column h3 {
		font-size: clamp(11px, 2.8vw, 14px) !important;
		line-height: 1.3 !important;
	}

	html body.single-yogurt .fusion-woo-related-products .products .product h3,
	html body.single-yogurt .fusion-woo-related-products .products .product h3 a,
	html body.single-yogurt .fusion-woo-related-products .products .product .product-title,
	html body.single-yogurt .fusion-woo-related-products .products .product .product-title a,
	html body.single-yogurt .fusion-woo-related-products .products .product .woocommerce-loop-product__title,
	html body.single-yogurt .fusion-woo-related-products .products .product .woocommerce-loop-product__title a,
	html body.single-yogurt .related .products .product h3,
	html body.single-yogurt .related .products .product h3 a,
	html body.single-yogurt .related .products .product .product-title,
	html body.single-yogurt .related .products .product .product-title a,
	html body.single-yogurt .related .products .product .woocommerce-loop-product__title,
	html body.single-yogurt .related .products .product .woocommerce-loop-product__title a,
	html body.single-product .fusion-woo-related-products .products .product h3,
	html body.single-product .fusion-woo-related-products .products .product h3 a,
	html body.single-product .fusion-woo-related-products .products .product .product-title,
	html body.single-product .fusion-woo-related-products .products .product .product-title a,
	html body.single-product .fusion-woo-related-products .products .product .woocommerce-loop-product__title,
	html body.single-product .fusion-woo-related-products .products .product .woocommerce-loop-product__title a,
	html body.single-product .related .products .product h3,
	html body.single-product .related .products .product h3 a,
	html body.single-product .related .products .product .product-title,
	html body.single-product .related .products .product .product-title a,
	html body.single-product .related .products .product .woocommerce-loop-product__title,
	html body.single-product .related .products .product .woocommerce-loop-product__title a,
	html body[class*="2025-new"].single-yogurt .fusion-woo-related-products .products .product h3,
	html body[class*="2025-new"].single-yogurt .fusion-woo-related-products .products .product h3 a,
	html body[class*="2025-new"].single-yogurt .fusion-woo-related-products .products .product .woocommerce-loop-product__title,
	html body[class*="2025-new"].single-yogurt .fusion-woo-related-products .products .product .woocommerce-loop-product__title a,
	html body[class*="2025-new"].single-product .fusion-woo-related-products .products .product h3,
	html body[class*="2025-new"].single-product .fusion-woo-related-products .products .product h3 a,
	html body[class*="2025-new"].single-product .fusion-woo-related-products .products .product .woocommerce-loop-product__title,
	html body[class*="2025-new"].single-product .fusion-woo-related-products .products .product .woocommerce-loop-product__title a {
		font-size: clamp(11px, 2.6vw, 13px) !important;
		line-height: 1.3 !important;
	}
}

/*
 * Hero / section wave: green accent along the wavy edge only (toward the hero).
 * A full 4-way drop-shadow traces the entire SVG fill including the flat bottom — avoided here.
 *
 * Where to put the class: `.iy-class .fusion-section-separator` must be a descendant.
 *
 * **Bottom separator** (Avada “Section Separator” at bottom of a Full Width): the wave lives in
 * **that same** Full Width’s HTML — e.g. curve between Products and Recipes is the **Products**
 * block’s bottom separator → add `iy-section-separator-green-border` to the **Products** Full Width,
 * not to the **Recipes** Full Width below. Default (−Y) shadows match this case (green into the
 * section above the wave).
 *
 * Inspect: find `.fusion-section-separator`, then put the class on the `.fusion-fullwidth` that
 * contains it (not an inner Row/Column unless the separator is inside that row).
 *
 * Optional: `iy-section-separator-green-border--full-outline` — all edges.
 * `iy-section-separator-green-border--shadow-down` — only for a **top** separator if −Y looks wrong.
 */
.iy-section-separator-green-border {
	--iy-sep-curve-border-color: #2d7d32;
	--iy-sep-curve-border-px: 1.5px;
}

.iy-section-separator-green-border:has(.fusion-section-separator) {
	overflow: visible !important;
}

.iy-section-separator-green-border .fusion-section-separator,
.iy-section-separator-green-border .fusion-section-separator .fusion-section-separator-svg-wrapper,
.iy-section-separator-green-border .fusion-section-separator .fusion-section-separator-svg {
	overflow: visible !important;
}

/* Upward-only shadows: green follows the wave into the section above, not the flat base of the fill. */
.iy-section-separator-green-border:not(.iy-section-separator-green-border--full-outline):not(
		.iy-section-separator-green-border--shadow-down
	)
	.fusion-section-separator
	.fusion-section-separator-svg
	svg {
	overflow: visible;
	-webkit-filter: drop-shadow(0 calc(-1 * var(--iy-sep-curve-border-px)) 0 var(--iy-sep-curve-border-color))
		drop-shadow(0 calc(-2 * var(--iy-sep-curve-border-px)) 0 var(--iy-sep-curve-border-color))
		drop-shadow(0 calc(-3 * var(--iy-sep-curve-border-px)) 0 var(--iy-sep-curve-border-color));
	filter: drop-shadow(0 calc(-1 * var(--iy-sep-curve-border-px)) 0 var(--iy-sep-curve-border-color))
		drop-shadow(0 calc(-2 * var(--iy-sep-curve-border-px)) 0 var(--iy-sep-curve-border-color))
		drop-shadow(0 calc(-3 * var(--iy-sep-curve-border-px)) 0 var(--iy-sep-curve-border-color));
}

/* Top-of-section separator: wave faces downward — shadow into the orange (below the SVG). */
.iy-section-separator-green-border.iy-section-separator-green-border--shadow-down:not(
		.iy-section-separator-green-border--full-outline
	)
	.fusion-section-separator
	.fusion-section-separator-svg
	svg {
	overflow: visible;
	-webkit-filter: drop-shadow(0 var(--iy-sep-curve-border-px) 0 var(--iy-sep-curve-border-color))
		drop-shadow(0 calc(2 * var(--iy-sep-curve-border-px)) 0 var(--iy-sep-curve-border-color))
		drop-shadow(0 calc(3 * var(--iy-sep-curve-border-px)) 0 var(--iy-sep-curve-border-color));
	filter: drop-shadow(0 var(--iy-sep-curve-border-px) 0 var(--iy-sep-curve-border-color))
		drop-shadow(0 calc(2 * var(--iy-sep-curve-border-px)) 0 var(--iy-sep-curve-border-color))
		drop-shadow(0 calc(3 * var(--iy-sep-curve-border-px)) 0 var(--iy-sep-curve-border-color));
}

.iy-section-separator-green-border.iy-section-separator-green-border--full-outline
	.fusion-section-separator
	.fusion-section-separator-svg
	svg {
	overflow: visible;
	-webkit-filter: drop-shadow(0 var(--iy-sep-curve-border-px) 0 var(--iy-sep-curve-border-color))
		drop-shadow(0 calc(-1 * var(--iy-sep-curve-border-px)) 0 var(--iy-sep-curve-border-color))
		drop-shadow(var(--iy-sep-curve-border-px) 0 0 var(--iy-sep-curve-border-color))
		drop-shadow(calc(-1 * var(--iy-sep-curve-border-px)) 0 0 var(--iy-sep-curve-border-color));
	filter: drop-shadow(0 var(--iy-sep-curve-border-px) 0 var(--iy-sep-curve-border-color))
		drop-shadow(0 calc(-1 * var(--iy-sep-curve-border-px)) 0 var(--iy-sep-curve-border-color))
		drop-shadow(var(--iy-sep-curve-border-px) 0 0 var(--iy-sep-curve-border-color))
		drop-shadow(calc(-1 * var(--iy-sep-curve-border-px)) 0 0 var(--iy-sep-curve-border-color));
}

/*
 * Same behaviour as `iy-section-separator-green-border`, white accent instead.
 * Placement rules identical — put the class on the Full Width that contains `.fusion-section-separator`.
 * Override tint: `--iy-sep-curve-border-color` / `--iy-sep-curve-border-px` on the element with this class.
 */
.iy-section-separator-white-border {
	--iy-sep-curve-border-color: #ffffff;
	--iy-sep-curve-border-px: 1.5px;
}

.iy-section-separator-white-border:has(.fusion-section-separator) {
	overflow: visible !important;
}

.iy-section-separator-white-border .fusion-section-separator,
.iy-section-separator-white-border .fusion-section-separator .fusion-section-separator-svg-wrapper,
.iy-section-separator-white-border .fusion-section-separator .fusion-section-separator-svg {
	overflow: visible !important;
}

.iy-section-separator-white-border:not(.iy-section-separator-white-border--full-outline):not(
		.iy-section-separator-white-border--shadow-down
	)
	.fusion-section-separator
	.fusion-section-separator-svg
	svg {
	overflow: visible;
	-webkit-filter: drop-shadow(0 calc(-1 * var(--iy-sep-curve-border-px)) 0 var(--iy-sep-curve-border-color))
		drop-shadow(0 calc(-2 * var(--iy-sep-curve-border-px)) 0 var(--iy-sep-curve-border-color))
		drop-shadow(0 calc(-3 * var(--iy-sep-curve-border-px)) 0 var(--iy-sep-curve-border-color));
	filter: drop-shadow(0 calc(-1 * var(--iy-sep-curve-border-px)) 0 var(--iy-sep-curve-border-color))
		drop-shadow(0 calc(-2 * var(--iy-sep-curve-border-px)) 0 var(--iy-sep-curve-border-color))
		drop-shadow(0 calc(-3 * var(--iy-sep-curve-border-px)) 0 var(--iy-sep-curve-border-color));
}

.iy-section-separator-white-border.iy-section-separator-white-border--shadow-down:not(
		.iy-section-separator-white-border--full-outline
	)
	.fusion-section-separator
	.fusion-section-separator-svg
	svg {
	overflow: visible;
	-webkit-filter: drop-shadow(0 var(--iy-sep-curve-border-px) 0 var(--iy-sep-curve-border-color))
		drop-shadow(0 calc(2 * var(--iy-sep-curve-border-px)) 0 var(--iy-sep-curve-border-color))
		drop-shadow(0 calc(3 * var(--iy-sep-curve-border-px)) 0 var(--iy-sep-curve-border-color));
	filter: drop-shadow(0 var(--iy-sep-curve-border-px) 0 var(--iy-sep-curve-border-color))
		drop-shadow(0 calc(2 * var(--iy-sep-curve-border-px)) 0 var(--iy-sep-curve-border-color))
		drop-shadow(0 calc(3 * var(--iy-sep-curve-border-px)) 0 var(--iy-sep-curve-border-color));
}

.iy-section-separator-white-border.iy-section-separator-white-border--full-outline
	.fusion-section-separator
	.fusion-section-separator-svg
	svg {
	overflow: visible;
	-webkit-filter: drop-shadow(0 var(--iy-sep-curve-border-px) 0 var(--iy-sep-curve-border-color))
		drop-shadow(0 calc(-1 * var(--iy-sep-curve-border-px)) 0 var(--iy-sep-curve-border-color))
		drop-shadow(var(--iy-sep-curve-border-px) 0 0 var(--iy-sep-curve-border-color))
		drop-shadow(calc(-1 * var(--iy-sep-curve-border-px)) 0 0 var(--iy-sep-curve-border-color));
	filter: drop-shadow(0 var(--iy-sep-curve-border-px) 0 var(--iy-sep-curve-border-color))
		drop-shadow(0 calc(-1 * var(--iy-sep-curve-border-px)) 0 var(--iy-sep-curve-border-color))
		drop-shadow(var(--iy-sep-curve-border-px) 0 0 var(--iy-sep-curve-border-color))
		drop-shadow(calc(-1 * var(--iy-sep-curve-border-px)) 0 0 var(--iy-sep-curve-border-color));
}

/*
 * Awards page — "Other" category only: uniform 289×289 featured-image box.
 * Year/product awards keep default portfolio image sizing.
 */
html body.iy-awards-page .fusion-portfolio-post.other .fusion-image-wrapper,
html body.iy-awards-page .fusion-portfolio-post.other .fusion-image-wrapper.portfolio-featured-image-wrapper {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	max-width: 289px;
	aspect-ratio: 1 / 1;
	height: auto;
	margin-left: auto;
	margin-right: auto;
	overflow: hidden;
}

html body.iy-awards-page .fusion-portfolio-post.other .fusion-image-wrapper > a {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 100%;
}

html body.iy-awards-page .fusion-portfolio-post.other .fusion-image-wrapper img {
	display: block;
	width: auto !important;
	height: auto !important;
	max-width: 100%;
	max-height: 100%;
	object-fit: contain;
	object-position: center;
}