/* ──────────────────────────────────────────────────────────────────
 * FloresYa — Product Single Stitch v2 (2026-04-27)
 * Layout 7/12 + 5/12, badges flotantes, variations chips, delivery info,
 * upsell "Agrega un Detalle"
 * ────────────────────────────────────────────────────────────────── */

/* ── Layout ratio Stitch 7:5 (single-product-stitch.css ya tiene minmax 7fr 5fr) ── */

/* CRÍTICO: Blocksy aplica .is-width-constrained con variables propias
 * --theme-container-width y --theme-block-max-width. Las override a 1280px
 * en single-product y aplico el grid 7:5 al wrapper. */
body.single-product {
	--theme-container-width: 1280px !important;
	--theme-block-max-width: 1280px !important;
	--theme-content-vertical-spacing: 32px !important;
	--wp--style--global--content-size: 1280px !important;
	--wp--style--global--wide-size: 1280px !important;
}

/* Wrapper: grid 7fr:5fr a 1280px. Specificity alta para vencer global-stitch-fixes.css */
html body.single-product .woocommerce div.product .product-entry-wrapper.is-width-constrained,
html body.single-product .woocommerce div.product .product-entry-wrapper {
	max-width: 1280px !important;
	width: 100% !important;
	display: grid !important;
	grid-template-columns: minmax(0, 7fr) minmax(0, 5fr) !important;
	gap: 40px !important;
	position: relative !important;
	margin-left: auto !important;
	margin-right: auto !important;
	padding-left: 0 !important;
	padding-right: 0 !important;
}

/* div.product NO debe ser grid (es solo container) — el grid va dentro */
@media (min-width: 901px) {
	body.single-product .woocommerce div.product {
		display: block !important;
		grid-template-columns: none !important;
		max-width: 1280px !important;
		margin: 0 auto !important;
	}
}

/* Badges flotantes: posición absoluta sobre la galería, no ocupan celda del grid */
.product-entry-wrapper > .fy-product-badges {
	grid-column: 1 / 2 !important;
	grid-row: 1 !important;
	align-self: start !important;
	position: absolute !important;
	top: 16px !important;
	left: 16px !important;
	z-index: 5 !important;
	pointer-events: none !important;
}
.product-entry-wrapper > .fy-product-badges .fy-product-badge {
	pointer-events: auto;
}

/* Si hay duplicados (el hook se llamó 2 veces), ocultar el segundo */
.product-entry-wrapper > .fy-product-badges ~ .fy-product-badges {
	display: none !important;
}

/* ── 2026-04-29: Hover zoom permitido — el handler real está en gallery.php
 * (antes este bloque mataba el zoom porque venía mal de Blocksy. Ahora
 * controlamos el zoom via inc/gallery.php con scale(1.06) suave). */
body.single-product .woocommerce-product-gallery .ct-image-container::after,
body.single-product .woocommerce-product-gallery .ct-image-container::before {
	display: none !important;
}
/* Cursor zoom-in solo, sin transformación visual */
body.single-product .woocommerce-product-gallery img {
	cursor: zoom-in !important;
	transition: opacity 200ms ease !important;
}

/* ── Galería redondeada con shadow ───────────────────────────────── */
.woocommerce div.product .woocommerce-product-gallery,
.woocommerce div.product .ct-product-gallery,
body.single-product .woocommerce-product-gallery {
	position: relative !important;
}
.woocommerce div.product .woocommerce-product-gallery .woocommerce-product-gallery__image:first-child,
.woocommerce div.product .ct-image-container,
body.single-product .woocommerce-product-gallery img {
	border-radius: 16px !important;
	overflow: hidden !important;
}
body.single-product .woocommerce-product-gallery img {
	box-shadow: 0 4px 20px rgba(0,0,0,0.05) !important;
}

/* ── Badges flotantes top-left sobre galería ─────────────────────── */
.fy-product-badges {
	position: absolute;
	top: 16px;
	left: 16px;
	z-index: 5;
	display: flex;
	gap: 8px;
	flex-wrap: wrap;
}
.fy-product-badge {
	display: inline-block;
	padding: 6px 12px;
	border-radius: 999px;
	font-size: 12px;
	font-weight: 600;
	letter-spacing: 0.02em;
	box-shadow: 0 4px 14px rgba(0,0,0,0.10);
}
.fy-product-badge--bestseller {
	background: #79f9cd;
	color: #002117;
}
.fy-product-badge--delivery {
	background: #fff8f7;
	color: var(--fy-on-surface, #1b1c1c);
}

/* ── Tipografía Stitch ───────────────────────────────────────────── */
body.single-product .product_title {
	font-family: 'Plus Jakarta Sans', sans-serif !important;
	font-size: clamp(28px, 3vw, 32px) !important;
	font-weight: 700 !important;
	letter-spacing: -0.02em !important;
	line-height: 1.25 !important;
	color: var(--fy-on-surface, #26181a) !important;
	margin: 0 0 8px !important;
}
body.single-product .summary .price,
body.single-product .summary p.price,
body.single-product .summary .price .woocommerce-Price-amount {
	font-family: 'Plus Jakarta Sans', sans-serif !important;
	font-size: 24px !important;
	font-weight: 700 !important;
	color: var(--fy-primary, #b70068) !important;
	margin: 0 0 16px !important;
}
body.single-product .summary .woocommerce-product-details__short-description {
	font-size: 16px !important;
	line-height: 1.6 !important;
	color: var(--fy-on-surface-variant, #594043) !important;
	border-bottom: 1px solid var(--fy-outline-variant, #e1bdc7) !important;
	padding-bottom: 16px !important;
	margin-bottom: 24px !important;
}

/* ── Variations: select → chip group via JS ──────────────────────── */
.fy-variation-chips {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 8px;
	margin: 0 0 16px;
}
@media (max-width: 480px) {
	.fy-variation-chips { grid-template-columns: repeat(2, 1fr); gap: 6px; }
}
.fy-variation-chip {
	cursor: pointer;
	position: relative;
	padding: 14px 12px;
	background: #fff;
	border: 1.5px solid var(--fy-outline-variant, #e1bdc7);
	border-radius: 12px;
	text-align: center;
	transition: all 200ms ease;
	min-height: 64px;
	display: flex;
	flex-direction: column;
	justify-content: center;
}
.fy-variation-chip:hover {
	background: var(--fy-surface-container-low, #f6f3f2);
}
.fy-variation-chip__title {
	display: block;
	font-size: 14px;
	font-weight: 700;
	letter-spacing: 0.02em;
	margin-bottom: 2px;
	color: var(--fy-on-surface, #1b1c1c);
}
.fy-variation-chip__sub {
	display: block;
	font-size: 11px;
	color: var(--fy-on-surface-variant, #594043);
	opacity: 0.85;
}
.fy-variation-chip input[type="radio"] {
	position: absolute;
	opacity: 0;
	pointer-events: none;
}
.fy-variation-chip.is-selected {
	border-color: var(--fy-primary, #b70068);
	background: var(--fy-primary-container, #df1e82);
	color: #fff;
	box-shadow: 0 4px 14px rgba(183,0,104,0.20);
}
.fy-variation-chip.is-selected .fy-variation-chip__title,
.fy-variation-chip.is-selected .fy-variation-chip__sub {
	color: #fff;
}
.fy-variation-chip__label {
	display: block;
	font-size: 14px;
	font-weight: 600;
	color: var(--fy-on-surface-variant, #594043);
	margin-bottom: 8px;
}
.fy-variation-chips-wrap {
	margin-bottom: 24px;
}
/* Ocultar el select original cuando hay chips */
.fy-variation-has-chips select {
	display: none !important;
}
.fy-variation-has-chips .reset_variations {
	display: none !important;
}

/* ── Doble línea divider — quitar duplicado antes de "Presentación" ── */
body.single-product .summary .woocommerce-product-details__short-description + hr,
body.single-product .summary > hr + hr,
body.single-product .summary .price + hr,
body.single-product .summary > hr {
	display: none !important;
}
/* Solo dejamos 1 separador (el border-bottom de short-description) */
body.single-product .summary .woocommerce-product-details__short-description {
	border-bottom: 1px solid var(--fy-outline-variant, #e1bdc7) !important;
	padding-bottom: 16px !important;
	margin-bottom: 24px !important;
}
/* No dejar otro border duplicado */
body.single-product .variations_form,
body.single-product form.cart {
	border-top: 0 !important;
	margin-top: 0 !important;
	padding-top: 0 !important;
}

/* ── Add to cart button rose pill full-width con icono ───────────── */
body.single-product form.cart .single_add_to_cart_button,
body.single-product .single_add_to_cart_button {
	background: var(--fy-primary, #b70068) !important;
	color: #fff !important;
	border: 0 !important;
	border-radius: 999px !important;
	padding: 16px 32px !important;
	font-size: 16px !important;
	font-weight: 700 !important;
	letter-spacing: 0.02em !important;
	width: 100% !important;
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	gap: 8px !important;
	transition: background 200ms ease, transform 200ms ease, box-shadow 200ms ease !important;
	cursor: pointer !important;
	box-shadow: 0 4px 14px rgba(183,0,104,0.20) !important;
}
body.single-product form.cart .single_add_to_cart_button:hover,
body.single-product .single_add_to_cart_button:hover {
	background: var(--fy-secondary, #b21871) !important;
	transform: translateY(-2px) !important;
	box-shadow: 0 8px 24px rgba(183,0,104,0.30) !important;
	opacity: 1 !important;
}

/* Estado disabled — solo aplica cuando WC bloquea el botón (no producto sin variation) */
body.single-product form.cart .single_add_to_cart_button.disabled,
body.single-product form.cart .single_add_to_cart_button:disabled,
body.single-product .single_add_to_cart_button.disabled {
	/* Override del WC default disabled (rosa pálido) — mantener rose vibrante */
	background: var(--fy-primary, #b70068) !important;
	color: #fff !important;
	opacity: 0.6 !important;
	cursor: not-allowed !important;
}
body.single-product form.cart .single_add_to_cart_button.wc-variation-selection-needed {
	background: var(--fy-primary, #b70068) !important;
	color: #fff !important;
	opacity: 1 !important;
}
/* Forzar rose siempre (overrride máximo) */
html body.single-product html body.single-product .single_add_to_cart_button,
html body.woocommerce body.single-product .single_add_to_cart_button {
	background: var(--fy-primary, #b70068) !important;
	color: #fff !important;
}
body.single-product .single_add_to_cart_button .material-symbols-outlined {
	font-size: 20px !important;
}

/* Icono shopping_bag inline SVG via ::before (filter escapea HTML) */
body.single-product .single_add_to_cart_button::before {
	content: '';
	display: inline-block;
	width: 20px;
	height: 20px;
	background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23ffffff'><path d='M19 7h-3V6c0-2.21-1.79-4-4-4S8 3.79 8 6v1H5c-1.1 0-2 .9-2 2v11c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V9c0-1.1-.9-2-2-2zm-9-1c0-1.1.9-2 2-2s2 .9 2 2v1h-4V6zm9 14H5V9h14v11z'/></svg>");
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
	margin-right: 4px;
	vertical-align: middle;
}

/* ── Quantity input — esconder o estilizar ───────────────────────── */
body.single-product form.cart .quantity {
	display: none !important; /* Por default qty=1; users que quieran más pueden ir al carrito */
}

/* ── Delivery info ──────────────────────────────────────────────── */
.fy-product-delivery-info {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 6px;
	margin: 12px 0 0 !important;
	font-size: 13px !important;
	color: var(--fy-on-surface-variant, #594043) !important;
	text-align: center;
}
.fy-product-delivery-info .material-symbols-outlined {
	font-size: 16px !important;
	color: var(--fy-primary, #b70068);
}

/* ── Sección "Agrega un Detalle" — upsell PROPIO 4 productos ──
 * IMPORTANTE: forzar max-width 1280 + margin auto para que NO herede
 * el ancho del .product-entry-wrapper grid (que es solo gallery+summary). */
body.single-product .fy-product-extras,
.fy-product-extras {
	max-width: 1280px !important;
	width: 100% !important;
	margin: 80px auto 60px !important;
	padding: 0 !important;
	display: block !important;
	clear: both;
}
.fy-product-extras__head {
	margin-bottom: 24px !important;
}
.fy-product-extras__head h2 {
	font-family: 'Plus Jakarta Sans', sans-serif !important;
	font-size: 28px !important;
	font-weight: 700 !important;
	color: var(--fy-on-surface, #1b1c1c) !important;
	margin: 0 0 6px !important;
	letter-spacing: -0.01em !important;
}
.fy-product-extras__head p {
	font-size: 14px !important;
	color: var(--fy-on-surface-variant, #594043) !important;
	margin: 0 !important;
}
.fy-product-extras__grid {
	display: grid !important;
	grid-template-columns: repeat(4, 1fr) !important;
	gap: 24px !important;
	margin: 0 !important;
	padding: 0 !important;
	max-width: 100% !important;
}
@media (max-width: 900px) {
	.fy-product-extras__grid { grid-template-columns: repeat(2, 1fr) !important; gap: 16px !important; }
}
.fy-product-extra-card {
	background: #fff !important;
	border-radius: 16px !important;
	overflow: hidden !important;
	border: 1px solid var(--fy-outline-variant, #e1bdc7) !important;
	box-shadow: 0 4px 20px rgba(0,0,0,0.05) !important;
	transition: transform 200ms ease, box-shadow 200ms ease !important;
	display: flex !important;
	flex-direction: column !important;
}
.fy-product-extra-card:hover {
	transform: translateY(-4px);
	box-shadow: 0 12px 30px rgba(0,0,0,0.08) !important;
}
.fy-product-extra-card__media {
	display: block !important;
	aspect-ratio: 1 !important;
	background: var(--fy-surface-container-low, #f6f3f2) !important;
	overflow: hidden !important;
}
.fy-product-extra-card__media img {
	width: 100% !important;
	height: 100% !important;
	object-fit: cover !important;
	display: block !important;
	transition: transform 500ms ease;
}
.fy-product-extra-card:hover .fy-product-extra-card__media img { transform: scale(1.05); }
.fy-product-extra-card__body {
	padding: 14px !important;
	display: flex !important;
	flex-direction: column !important;
	gap: 6px !important;
	flex: 1 !important;
}
.fy-product-extra-card__body h4 {
	margin: 0 !important;
	font-size: 14px !important;
	font-weight: 600 !important;
	line-height: 1.3 !important;
}
.fy-product-extra-card__body h4 a {
	color: var(--fy-on-surface, #1b1c1c) !important;
	text-decoration: none !important;
}
.fy-product-extra-card__body h4 a:hover { color: var(--fy-primary, #b70068) !important; }
.fy-product-extra-card__price {
	font-size: 14px !important;
	font-weight: 700 !important;
	color: var(--fy-primary, #b70068) !important;
	margin: 0 !important;
}
.fy-product-extra-card__price .woocommerce-Price-amount {
	color: var(--fy-primary, #b70068) !important;
}
.fy-product-extra-card__add {
	margin-top: auto !important;
	padding: 8px 16px !important;
	border: 1.5px solid var(--fy-primary, #b70068) !important;
	color: var(--fy-primary, #b70068) !important;
	border-radius: 999px !important;
	font-size: 12px !important;
	font-weight: 600 !important;
	letter-spacing: 0.05em !important;
	text-align: center !important;
	text-decoration: none !important;
	transition: background 200ms ease, color 200ms ease !important;
}
.fy-product-extra-card__add:hover {
	background: var(--fy-primary, #b70068) !important;
	color: #fff !important;
}

/* ── Sección "Productos Relacionados" — .related.products nativa WC ── */
body.single-product .related.products,
body.single-product section.related.products {
	max-width: 1280px !important;
	width: 100% !important;
	margin: 80px auto 40px !important;
	padding: 0 !important;
}
body.single-product .related.products > h2 {
	font-family: 'Plus Jakarta Sans', sans-serif !important;
	font-size: 24px !important;
	font-weight: 700 !important;
	color: var(--fy-on-surface, #1b1c1c) !important;
	margin: 0 0 24px !important;
	letter-spacing: -0.01em !important;
}
/* Grid: 4 cols en desktop, 2 en mobile */
body.single-product .related.products ul.products,
body.single-product .related.products .products {
	display: grid !important;
	grid-template-columns: repeat(4, 1fr) !important;
	gap: 24px !important;
	margin: 0 !important;
	padding: 0 !important;
	list-style: none !important;
}
@media (max-width: 900px) {
	body.single-product .related.products ul.products,
	body.single-product .related.products .products {
		grid-template-columns: repeat(2, 1fr) !important;
		gap: 16px !important;
	}
}
/* Cards */
body.single-product .related.products ul.products li.product,
body.single-product .related.products .products > .product {
	width: 100% !important;
	max-width: 100% !important;
	margin: 0 !important;
	padding: 0 !important;
	background: #fff !important;
	border: 1px solid var(--fy-outline-variant, #e1bdc7) !important;
	border-radius: 16px !important;
	overflow: hidden !important;
	box-shadow: 0 4px 20px rgba(0,0,0,0.05) !important;
	transition: transform 200ms ease, box-shadow 200ms ease !important;
	display: flex !important;
	flex-direction: column !important;
	float: none !important;
	clear: none !important;
}
body.single-product .related.products li.product:hover,
body.single-product .related.products .products > .product:hover {
	transform: translateY(-4px) !important;
	box-shadow: 0 12px 30px rgba(0,0,0,0.08) !important;
}
body.single-product .related.products li.product img,
body.single-product .related.products .products > .product img {
	width: 100% !important;
	aspect-ratio: 1 !important;
	object-fit: cover !important;
	margin: 0 !important;
	border-radius: 0 !important;
	transition: transform 500ms ease;
}
body.single-product .related.products li.product:hover img,
body.single-product .related.products .products > .product:hover img {
	transform: scale(1.05);
}
body.single-product .related.products li.product .woocommerce-loop-product__title,
body.single-product .related.products .products > .product h2,
body.single-product .related.products .products > .product h3 {
	font-family: 'Plus Jakarta Sans', sans-serif !important;
	font-size: 15px !important;
	font-weight: 600 !important;
	color: var(--fy-on-surface, #1b1c1c) !important;
	padding: 14px 14px 0 !important;
	margin: 0 !important;
	line-height: 1.3 !important;
}
body.single-product .related.products li.product .price,
body.single-product .related.products .products > .product .price {
	font-size: 14px !important;
	font-weight: 700 !important;
	color: var(--fy-primary, #b70068) !important;
	padding: 4px 14px 0 !important;
	margin: 0 !important;
}
body.single-product .related.products .price .woocommerce-Price-amount {
	color: var(--fy-primary, #b70068) !important;
}
body.single-product .related.products li.product .button,
body.single-product .related.products .products > .product .button {
	display: inline-block !important;
	margin: 12px 14px 14px !important;
	padding: 8px 16px !important;
	border: 1.5px solid var(--fy-primary, #b70068) !important;
	background: transparent !important;
	color: var(--fy-primary, #b70068) !important;
	border-radius: 999px !important;
	font-size: 12px !important;
	font-weight: 600 !important;
	letter-spacing: 0.05em !important;
	text-align: center !important;
	text-decoration: none !important;
	width: auto !important;
	align-self: flex-start !important;
	transition: background 200ms ease, color 200ms ease !important;
	margin-top: auto !important;
}
body.single-product .related.products li.product .button:hover,
body.single-product .related.products .products > .product .button:hover {
	background: var(--fy-primary, #b70068) !important;
	color: #fff !important;
}
/* Esconder badges/sale ribbon que no matchea Stitch */
body.single-product .related.products .onsale {
	background: var(--fy-primary, #b70068) !important;
	border-radius: 999px !important;
	padding: 4px 10px !important;
	font-size: 11px !important;
	font-weight: 700 !important;
}

/* ── Hide breadcrumbs WC default si todavía aparece ──────────────── */
body.single-product .woocommerce-breadcrumb { display: none !important; }

/* ──────────────────────────────────────────────────────────────────
 * MOBILE PRODUCT SINGLE FIXES (2026-04-27)
 * ────────────────────────────────────────────────────────────────── */
@media (max-width: 900px) {
	html body.single-product .woocommerce div.product,
	html body.single-product .woocommerce div.product .product-entry-wrapper,
	html body.single-product .woocommerce div.product .product-entry-wrapper.is-width-constrained {
		display: block !important;
		grid-template-columns: 1fr !important;
		gap: 0 !important;
		padding: 0 16px !important;
		max-width: 100vw !important;
		width: 100% !important;
	}
	html body.single-product .woocommerce-product-gallery,
	html body.single-product div.product .summary,
	html body.single-product div.product .entry-summary {
		width: 100% !important;
		max-width: 100% !important;
		float: none !important;
		margin: 0 0 24px !important;
	}
	html body.single-product .woocommerce-product-gallery .woocommerce-product-gallery__wrapper {
		display: block !important;
	}
	html body.single-product .woocommerce-product-gallery .woocommerce-product-gallery__image {
		width: 100% !important;
		float: none !important;
		margin: 0 0 8px !important;
	}
	html body.single-product .woocommerce-product-gallery img {
		width: 100% !important;
		height: auto !important;
		max-height: 70vh !important;
		object-fit: cover !important;
		border-radius: 16px !important;
	}
	/* Solo mostrar la primera imagen, ocultar las extras del galería WC */
	html body.single-product .woocommerce-product-gallery .woocommerce-product-gallery__image:not(:first-child) {
		display: none !important;
	}
	/* Variations chips: 2-col en mobile */
	html body.single-product .fy-variation-chips {
		grid-template-columns: repeat(2, 1fr) !important;
	}
	/* Botón Ordenar full-width */
	html body.single-product .single_add_to_cart_button {
		width: 100% !important;
		padding: 16px 24px !important;
	}
	/* Productos relacionados / Agrega un Detalle: 2 cols mobile */
	html body.single-product .related.products ul.products,
	html body.single-product .related.products .products,
	html body.single-product .fy-product-extras__grid {
		grid-template-columns: repeat(2, 1fr) !important;
		gap: 12px !important;
	}
}
@media (max-width: 480px) {
	html body.single-product .related.products ul.products,
	html body.single-product .related.products .products,
	html body.single-product .fy-product-extras__grid {
		grid-template-columns: 1fr !important;
	}
	html body.single-product .fy-variation-chips {
		grid-template-columns: 1fr !important;
	}
}


/* ── Blocksy doble divider entre descripción y variaciones (2026-04-28)
 * Blocksy genera ct-product-divider[data-id="divider_1"] + [data-id="divider_2"]
 * El segundo queda pegado al primero — mostramos solo el primero.          */
.entry-summary-items .ct-product-divider ~ .ct-product-divider,
.entry-summary .ct-product-divider + .ct-product-divider {
	display: none !important;
}


/* ═══════════════════════════════════════════════════════════════════
 * BUGFIXES 2026-04-28
 * ═══════════════════════════════════════════════════════════════════ */

/* ── 1. Delivery badge pill — CSS faltante ───────────────────────────
 * PHP genera .fy-product-delivery-badge/__row/__pill/__eta pero no
 * había CSS para ellos → se mostraban como texto plano sin estilos.  */
.fy-product-delivery-badge {
	display: flex;
	flex-direction: column;
	gap: 10px;
	margin: 14px 0 0 !important;
	padding: 14px 16px;
	background: var(--fy-surface-container-low, #f6f3f2);
	border-radius: 14px;
	border: 1px solid var(--fy-outline-variant, #e1bdc7);
}
.fy-product-delivery-badge__row {
	display: flex;
	align-items: center;
	gap: 8px;
	font-size: 14px;
	color: var(--fy-on-surface, #1b1c1c);
}
.fy-product-delivery-badge__row .material-symbols-outlined {
	font-size: 18px !important;
	color: var(--fy-primary, #b70068);
	flex-shrink: 0;
}
.fy-product-delivery-badge__pill {
	background: var(--fy-primary, #b70068);
	color: #fff;
	padding: 3px 12px;
	border-radius: 999px;
	font-size: 12px;
	font-weight: 700;
	letter-spacing: 0.02em;
	white-space: nowrap;
}
.fy-product-delivery-badge__eta {
	color: var(--fy-on-surface-variant, #594043);
	font-size: 13px;
	font-weight: 500;
}
.fy-product-delivery-badge a {
	color: var(--fy-primary, #b70068) !important;
	text-decoration: none !important;
	font-weight: 700 !important;
}

/* ── 2. Badges flotantes: stack vertical en mobile para no solaparse ──
 * Con 2 badges en la misma fila ("ENTREGA HOY" + "MÁS VENDIDO") la
 * imagen no tiene suficiente ancho → columna vertical en mobile.       */
@media (max-width: 600px) {
	.fy-product-badges {
		flex-direction: column !important;
		gap: 6px !important;
		align-items: flex-start !important;
	}
}

/* ── 3. Relacionados: layout correcto en mobile ──────────────────────
 * Blocksy pone .related.products en flex → h2 queda al lado de la ul.
 * Forzar display:block para que h2 y ul queden en filas separadas.     */
@media (max-width: 900px) {
	body.single-product .related.products,
	body.single-product section.related.products {
		display: block !important;
		padding: 0 16px !important; /* padding propio — evita doble-pad de JS Pass9 */
	}
	body.single-product .related.products > h2 {
		width: 100% !important;
		display: block !important;
		margin-bottom: 16px !important;
	}
}