/*
 * Pimasur - Stickers de envío
 * El sticker es una capa visual: no modifica las fotografías originales.
 */

.woocommerce ul.products li.product,
.woocommerce-page ul.products li.product {
	position: relative;
}

/* Sticker de listados */
.pes-sticker--loop {
	position: absolute;
	top: 0;
	right: 0;
	width: var(--pes-loop-size, 125px);
	max-width: 42%;
	height: auto;
	z-index: 25;
	pointer-events: none;
	line-height: 0;
}

.pes-sticker--loop img {
	display: block;
	width: 100%;
	height: auto;
	margin: 0;
	padding: 0;
	border: 0;
	box-shadow: none;
}

/* Sticker de la ficha individual.
 * Se activa después de que JS lo introduzca dentro de la galería.
 */
.pes-sticker--single {
	display: none;
}

.woocommerce-product-gallery .pes-sticker--single.pes-sticker-mounted {
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	width: var(--pes-single-size, 185px);
	max-width: 38%;
	height: auto;
	z-index: 35;
	pointer-events: none;
	line-height: 0;
}

.woocommerce-product-gallery .pes-sticker--single.pes-sticker-mounted img {
	display: block;
	width: 100%;
	height: auto;
	margin: 0;
	padding: 0;
	border: 0;
	box-shadow: none;
}

/* GeneratePress / WooCommerce */
.single-product .woocommerce-product-gallery {
	position: relative;
}

/* Ajuste móvil: evita que el sticker se coma demasiada fotografía. */
@media (max-width: 768px) {
	.pes-sticker--loop {
		width: min(var(--pes-loop-size, 125px), 34vw);
		max-width: 38%;
	}

	.woocommerce-product-gallery .pes-sticker--single.pes-sticker-mounted {
		width: min(var(--pes-single-size, 185px), 42vw);
		max-width: 36%;
	}
}