/**
 * Moshi Store CR - Estilos principales de la Tienda (WooCommerce)
 * Override de Astra + diseño Cyberpunk/HUD: carrito, productos, botones, etiquetas, menú.
 * Cargado por el plugin moshi-store-custom.
 */

@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@300;600;700;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Orbitron:wght@400;500;600;700&display=swap');

/* ==========================================================================
   1. VARIABLES (neón y marca)
   ========================================================================== */
:root {
	--moshi-cyan: #00FFFF;
	--moshi-cyan-glow: rgba(0, 255, 255, 0.4);
	--moshi-green: #39FF14;
	--moshi-green-glow: rgba(57, 255, 20, 0.6);
	--moshi-magenta: #FF00FF;
	--moshi-magenta-glow: rgba(255, 0, 255, 0.4);
	--moshi-red: #FF0000;
	--moshi-red-dark: #8B0000;
	--moshi-orange: #FF4500;
	--moshi-gold: #FFD700;
	--moshi-font: 'Montserrat', sans-serif;
	--moshi-font-tech: 'Orbitron', sans-serif;
	--moshi-ease: cubic-bezier(0.23, 1, 0.32, 1);
	--moshi-label-radius-left: 40px 0 20px 0;
	--moshi-label-radius-right: 0 40px 0 20px;
	--moshi-bg-dark: #0B0D0F;
}

/* ==========================================================================
   1b. PÁGINA DE PRODUCTO – Fondo negro (igual que inicio y tienda)
   ========================================================================== */
body.moshi-single-product-page,
body.moshi-category-page {
	background-color: var(--moshi-bg-dark) !important;
	position: relative;
}

body.moshi-single-product-page::before,
body.moshi-category-page::before {
	content: "";
	position: fixed;
	inset: 0;
	background-image:
		linear-gradient(rgba(0, 255, 255, 0.02) 1px, transparent 1px),
		linear-gradient(90deg, rgba(0, 255, 255, 0.02) 1px, transparent 1px);
	background-size: 40px 40px;
	pointer-events: none;
	z-index: 0;
	opacity: 0.5;
}

body.moshi-single-product-page .site,
body.moshi-category-page .site,
body.moshi-single-product-page #content,
body.moshi-category-page #content,
body.moshi-single-product-page .ast-woocommerce-container,
body.moshi-category-page .ast-woocommerce-container {
	position: relative;
	z-index: 1;
}

/* ==========================================================================
   2. BOTONES DEL CARRITO (footer Xoo/Woo – Montserrat 300)
   ========================================================================== */
body .xoo-wsc-footer a.xoo-wsc-ft-btn,
body .xoo-wsc-footer button.xoo-wsc-ft-btn {
	font-family: var(--moshi-font) !important;
	font-weight: 300 !important;
	font-size: 15px !important;
	letter-spacing: 1px !important;
	border-radius: 50px !important;
	background-color: var(--moshi-cyan) !important;
	color: #000000 !important;
	text-transform: uppercase !important;
	padding: 18px 25px !important;
	transition: all 0.3s ease-out !important;
	box-shadow: 0 4px 10px rgba(0, 0, 0, 0.4) !important;
}

/* ==========================================================================
   3. BLOQUEO DE ELEMENTOS NO DESEADOS + FIX LOGO
   ========================================================================== */
.ast-shop-main-section .ast-onsale,
.ast-shop-main-section .ast-out-of-stock,
.ast-out-of-stock-label,
.ast-on-card-button,
.ast-select-options-trigger,
.woocommerce ul.products li.product .ast-shop-product-out-of-stock,
.woocommerce span.onsale,
.woocommerce span.out-of-stock,
.ast-cart-menu-wrap,
.price,
.added_to_cart,
.woocommerce ul.products li.product .button:not(.boton-cian-capsula) {
	display: none !important;
	visibility: hidden !important;
	opacity: 0 !important;
	pointer-events: none !important;
}

.site-logo-img img,
.custom-logo {
	filter: none !important;
	mix-blend-mode: normal !important;
	opacity: 1 !important;
}

/* ==========================================================================
   4. TARJETAS DE PRODUCTO – Contenedor, imagen, simetría (mismo tamaño)
   ========================================================================== */
/* Animación de entrada HUD */
@keyframes moshi-card-entrance {
	from {
		opacity: 0;
		transform: translateY(30px);
	}

	to {
		opacity: 1;
		transform: translateY(0);
	}
}

/* Animación Plasma-Nimbus (Luxury Glow) */
@keyframes moshi-nimbus-pulse {
	0% {
		opacity: 0.2;
		transform: translateY(-12px) scale(1.1);
		filter: blur(30px);
	}

	50% {
		opacity: 0.4;
		transform: translateY(-12px) scale(1.2);
		filter: blur(45px);
	}

	100% {
		opacity: 0.2;
		transform: translateY(-12px) scale(1.1);
		filter: blur(30px);
	}
}

/* Grid escritorio: columnas iguales, filas con misma altura */
.woocommerce ul.products {
	display: grid !important;
	grid-template-columns: repeat(auto-fill, minmax(260px, 1fr)) !important;
	gap: 24px !important;
	align-items: stretch !important;
}


.woocommerce ul.products li.product {
	display: flex !important;
	flex-direction: column !important;
	background: transparent !important;
	border: none !important;
	box-shadow: none !important;
	text-align: center !important;
	padding: 20px !important;
	transition: all 0.4s var(--moshi-ease) !important;
	position: relative !important;
	overflow: hidden !important;
	min-height: 0 !important;
	/* Entrance animation */
	animation: moshi-card-entrance 0.8s var(--moshi-ease) backwards;
}

/* Stagger delay for cards */
.woocommerce ul.products li.product:nth-child(1) {
	animation-delay: 0.1s;
}

.woocommerce ul.products li.product:nth-child(2) {
	animation-delay: 0.2s;
}

.woocommerce ul.products li.product:nth-child(3) {
	animation-delay: 0.3s;
}

.woocommerce ul.products li.product:nth-child(4) {
	animation-delay: 0.4s;
}

.woocommerce ul.products li.product:nth-child(5) {
	animation-delay: 0.5s;
}

.woocommerce ul.products li.product:nth-child(6) {
	animation-delay: 0.6s;
}

.woocommerce ul.products li.product:nth-child(n+7) {
	animation-delay: 0.7s;
}

/* Imagen: mismo tamaño; transición suave; PLASMA-NIMBUS EFFECT */
.woocommerce ul.products li.product img {
	width: 100% !important;
	max-width: 100% !important;
	margin: 0 auto 10px auto !important;
	height: 400px !important;
	flex-shrink: 0 !important;
	border-radius: 20px !important;
	padding: 5px !important;
	border: 1px solid rgba(255, 255, 255, 0.05) !important;
	object-fit: cover !important;
	object-position: center top !important;
	transition: all 0.4s var(--moshi-ease) !important;
	position: relative !important;
	z-index: 2 !important;
	box-shadow: 0 10px 40px rgba(0, 0, 0, 0.5) !important;
}

/* EFECTO HOVER: GLOW-LIFT (Elegancia Boutique) */
.woocommerce ul.products li.product:hover img {
	transform: translateY(-12px) !important;
	filter: brightness(1.1) !important;
	border-color: rgba(255, 255, 255, 0.2) !important;
	/* PLASMA-NIMBUS (Broad White-Core Luxury Glow) */
	box-shadow: 0 20px 60px rgba(0, 0, 0, 0.8) !important;
}

/* Pseudo-elemento para el resplandor Ethereal Aura (Circular y fino como luz de boutique) */
.woocommerce ul.products li.product::after {
	content: '';
	position: absolute;
	top: 55%;
	left: 50%;
	width: 500px;
	/* Amplio para ser circular */
	height: 500px;
	transform: translate(-50%, -50%) scale(0.7);
	background: radial-gradient(circle, rgba(255, 255, 255, 0.4) 0%, rgba(157, 95, 251, 0.1) 40%, transparent 70%);
	z-index: 1;
	opacity: 0;
	transition: all 0.8s var(--moshi-ease);
	pointer-events: none;
	mix-blend-mode: plus-lighter;
	filter: blur(30px);
}

.woocommerce ul.products li.product:hover::after {
	opacity: 1;
	transform: translate(-50%, -50%) scale(1.1);
	animation: moshi-nimbus-pulse 8s infinite ease-in-out;
}

/* Eliminado: Brackets Frame Lock (User feedback: "se ve raro") */

/* ==========================================================================
   5. TÍTULOS Y ETIQUETAS (Ajuste Final)
   ========================================================================== */

/* ETIQUETA DE ANIME (High-Fidelity Electronic Tab v2 - Minimalist) */
.woocommerce li.product .ast-come-from-category,
.woocommerce ul.products li.product .ast-woo-product-category {
	display: inline-block !important;
	margin: 15px auto 10px auto !important;
	padding: 6px 20px !important;
	background: linear-gradient(135deg, rgba(0, 255, 255, 0.15) 0%, rgba(0, 0, 0, 0.6) 100%) !important;
	backdrop-filter: blur(12px) !important;
	border: 1px solid rgba(0, 255, 255, 0.4) !important;
	/* Diseño asimétrico de alta precisión */
	border-radius: 2px 12px 2px 12px !important;
	font-family: var(--moshi-font) !important;
	font-size: 10.5px !important;
	font-weight: 800 !important;
	color: #ffffff !important;
	text-transform: uppercase !important;
	letter-spacing: 3.5px !important;
	transition: all 0.4s var(--moshi-ease) !important;
	position: relative !important;
}

.woocommerce ul.products li.product:hover .ast-come-from-category,
.woocommerce ul.products li.product:hover .ast-woo-product-category {
	background: rgba(0, 255, 255, 0.25) !important;
	border-color: var(--moshi-cyan) !important;
	color: #ffffff !important;
	transform: translateY(-15px) !important;
	letter-spacing: 4.5px !important;
}

/* Fallback: categoría sin clase "come-from" (pulido final) */
.woocommerce ul.products li.product .ast-woo-product-category {
	margin-top: 4px !important;
	margin-bottom: 2px !important;
	font-size: 11px !important;
	font-weight: 300 !important;
	letter-spacing: 1.5px !important;
	color: rgba(255, 255, 255, 0.6) !important;
}

/* ==========================================================================
   6. TÍTULO DEL PRODUCTO (nombre personaje) – altura mínima para alineación
   ========================================================================== */
/* TÍTULO DEL PRODUCTO (Personaje) */
.woocommerce ul.products li.product .woocommerce-loop-product__title {
	color: #ffffff !important;
	font-size: 18px !important;
	font-weight: 500 !important;
	margin: 15px 0 10px 0 !important;
	/* Reducido margen inferior para acercar a las estrellas */
	min-height: 2.2em !important;
	line-height: 1.4 !important;
	text-shadow: none !important;
	transition: all 0.4s var(--moshi-ease) !important;
}

.woocommerce ul.products li.product:hover .woocommerce-loop-product__title {
	color: #ffffff !important;
	transform: translateY(-12px) !important;
	text-shadow: 0 0 10px rgba(255, 255, 255, 0.2) !important;
}

/* ==========================================================================
   6. ENCABEZADO DE LA TIENDA (Minimalist Integrated Screen)
   ========================================================================== */
@keyframes moshi-title-glint {
	0% {
		text-shadow: 0 0 0px transparent;
		transform: skewX(0deg);
		opacity: 1;
	}

	10% {
		text-shadow: -2px 0 var(--moshi-cyan), 2px 0 var(--moshi-magenta);
		opacity: 0.95;
	}

	12% {
		text-shadow: 0 0 0px transparent;
		opacity: 1;
	}

	48% {
		background-position: -200%;
	}

	50% {
		background-position: 0%;
	}

	52% {
		background-position: 200%;
	}

	100% {
		text-shadow: 0 0 0px transparent;
	}
}

/* ══════════════════════════════════════════════════════════
   LASER SYNC & ENERGY SYNAPSE – HUD v11
   ══════════════════════════════════════════════════════════ */

/* Animación: La línea se "dibuja" desde el centro al cargar */
@keyframes moshi-laser-draw {
	0% {
		width: 0;
		opacity: 0;
	}

	30% {
		width: 0;
		opacity: 1;
	}

	100% {
		width: 450px;
		opacity: 1;
	}
}

/* Animación: Chispa de energía nerviosa (Synapse Spark) */
@keyframes moshi-synapse-spark {
	0% {
		left: -10%;
		opacity: 0;
		scale: 0.5;
	}

	5% {
		opacity: 1;
		scale: 1;
	}

	15% {
		left: 110%;
		opacity: 0;
		scale: 0.8;
	}

	100% {
		left: 110%;
		opacity: 0;
	}
}

/* Animación: Respiración sutil de la línea base */
@keyframes moshi-line-breathe {

	0%,
	100% {
		opacity: 0.1;
	}

	50% {
		opacity: 0.25;
	}
}

.moshi-shop-header-hud {
	width: 100% !important;
	max-width: 1200px !important;
	background: rgba(255, 255, 255, 0.01) !important;
	margin: 90px auto 70px auto !important;
	padding: 50px 30px !important;
	position: relative !important;
	border: 1px solid rgba(255, 255, 255, 0.02) !important;
	border-radius: 20px !important;
	text-align: center !important;
	overflow: visible !important;
	box-shadow: 0 0 40px rgba(0, 0, 0, 0.5), inset 0 0 60px rgba(255, 255, 255, 0.01) !important;
}

.moshi-shop-header-hud h1 {
	background: linear-gradient(90deg, transparent, #fff, transparent);
	background-size: 200% auto;
	-webkit-background-clip: text;
	background-clip: text;
	position: relative;
	animation: moshi-title-glint 8s infinite ease-in-out;
	color: transparent !important;
	letter-spacing: 14px !important;
	font-weight: 950 !important;
}

.moshi-shop-header-hud h1::after {
	display: none !important;
}

/* ── La línea base: Dibujo sincronizado y respiración ── */
.hud-neon-line {
	position: relative !important;
	height: 1px !important;
	background: linear-gradient(90deg, transparent, rgba(255, 0, 255, 0.4), #fff, rgba(255, 0, 255, 0.4), transparent) !important;
	width: 0;
	/* Inicia en 0 para la animación */
	margin: 25px auto 0 auto !important;
	overflow: visible !important;
	animation:
		moshi-laser-draw 1.5s cubic-bezier(0.16, 1, 0.3, 1) forwards,
		moshi-line-breathe 4s infinite ease-in-out 1.5s;
	border-radius: 2px;
}

/* ── Synapse Spark: Chispa de energía ultra-rápida ── */
.hud-neon-line::before {
	content: '';
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	left: -10%;
	width: 60px;
	height: 2px;
	background: linear-gradient(90deg, transparent, #ff00ff, #fff, #ff00ff, transparent);
	border-radius: 10px;
	box-shadow:
		0 0 10px rgba(255, 0, 255, 1),
		0 0 20px rgba(255, 255, 255, 0.6);
	animation: moshi-synapse-spark 4s infinite cubic-bezier(0.4, 0, 0.2, 1) 2s;
	/* Empieza tras la carga */
	z-index: 5;
	opacity: 0;
}

/* Segunda chispa con desfase para ritmo asimétrico */
.hud-neon-line::after {
	content: '';
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	left: -10%;
	width: 30px;
	height: 1px;
	background: #fff;
	border-radius: 10px;
	box-shadow: 0 0 15px #fff;
	animation: moshi-synapse-spark 7s infinite cubic-bezier(0.4, 0, 0.2, 1) 5s;
	z-index: 6;
	opacity: 0;
}

/* ── Mostrar la barra inferior (contiene la línea) ── */
.hud-bottom-bar {
	display: block !important;
	visibility: visible !important;
	opacity: 1 !important;
	position: relative !important;
}

/* ── Ocultar etiquetas decorativas ── */
.hud-top-bar,
.hud-text-small,
.moshi-shop-header-hud-scan {
	display: none !important;
	visibility: hidden !important;
	opacity: 0 !important;
}

/* ==========================================================================
   7. BOTONES MOSHI (cian cápsula) – Mismo tamaño y alineación
   ========================================================================== */
.woocommerce ul.products li.product .astra-shop-summary-wrap {
	display: flex !important;
	flex-direction: column !important;
	flex-grow: 1 !important;
	justify-content: flex-start !important;
	align-items: center !important;
	/* Centrar todo horizontalmente */
}

/* Forzar orden de elementos para que el botón SIEMPRE quede al final, incluso si hay estrellas (ratings) ocultos o visibles */
.woocommerce ul.products li.product .astra-shop-summary-wrap>* {
	order: 5;
	width: 100%;
}

.woocommerce ul.products li.product .astra-shop-summary-wrap .ast-come-from-category,
.woocommerce ul.products li.product .astra-shop-summary-wrap .ast-woo-product-category {
	order: 1 !important;
}

.woocommerce ul.products li.product .astra-shop-summary-wrap .ast-loop-product__link {
	order: 2 !important;
}

/* ==========================================================================
   8. ESTRELLAS DE VALORACIÓN (Doradas)
   ========================================================================== */
.woocommerce ul.products li.product .astra-shop-summary-wrap .star-rating {
	order: 3 !important;
	position: relative !important;
	top: auto !important;
	right: auto !important;
	margin: 0 auto 15px auto !important;
	/* Margen superior 0 para pegar al título */
	background: transparent !important;
	padding: 0 !important;
	border-radius: 0 !important;
	border: none !important;
	box-shadow: none !important;
	z-index: 1 !important;
	font-size: 13px !important;
	backdrop-filter: none !important;
}

/* Color de las estrellas llenas y vacías a dorado clásico */
.woocommerce ul.products li.product .astra-shop-summary-wrap .star-rating span,
.woocommerce ul.products li.product .astra-shop-summary-wrap .star-rating::before {
	color: var(--moshi-gold) !important;
}

.woocommerce ul.products li.product .astra-shop-summary-wrap .price {
	order: 4 !important;
}

.contenedor-boton-moshi {
	order: 10 !important;
	margin-top: auto !important;
	display: block !important;
	padding-top: 15px !important;
	width: 100% !important;
}

.boton-cian-capsula {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	width: 100% !important;
	min-width: 130px !important;
	min-height: 48px !important;
	padding: 12px 18px !important;
	box-sizing: border-box !important;
	border-radius: 50px !important;
	font-size: 16px !important;
	/* Precio más grande para destacar */
	font-weight: 700 !important;
	text-transform: uppercase !important;
	text-decoration: none !important;
	transition: all 0.3s ease !important;
	border: 2px solid var(--moshi-cyan) !important;
	color: var(--moshi-cyan) !important;
	box-shadow: none !important;
	background: transparent !important;
}


.boton-cian-capsula del {
	display: none !important;
}

.boton-cian-capsula ins {
	text-decoration: none !important;
	background: transparent !important;
	color: inherit !important;
}

.boton-cian-capsula.confirmado {
	border-color: var(--moshi-green) !important;
	color: var(--moshi-green) !important;
	box-shadow: 0 0 15px var(--moshi-green-glow) !important;
}

.boton-cian-capsula.en-error {
	border-color: var(--moshi-orange) !important;
	color: var(--moshi-orange) !important;
	box-shadow: 0 0 15px rgba(255, 69, 0, 0.8) !important;
}

.boton-cian-capsula.agotado {
	border-color: var(--moshi-red) !important;
	box-shadow: 0 0 12px rgba(255, 0, 0, 0.6) !important;
}

/* Texto "Agotado" siempre en blanco para que se lea sobre el fondo rojo */
.boton-cian-capsula.moshi-msg-agotado,
.boton-cian-capsula.agotado.moshi-msg-agotado {
	color: #FFFFFF !important;
	text-shadow: 0 0 1px rgba(0, 0, 0, 0.6), 0 1px 2px rgba(0, 0, 0, 0.4) !important;
}

.boton-cian-capsula.agotado:hover {
	background-color: var(--moshi-red) !important;
	color: #FFFFFF !important;
	box-shadow: 0 0 25px var(--moshi-red) !important;
}

/* Límite alcanzado (stock máx. o cantidad máx. en pedido): tono ámbar elegante */
.woocommerce ul.products li.product a.moshi-msg-limit,
.boton-cian-capsula.moshi-msg-limit {
	border-color: #C9A227 !important;
	color: #C9A227 !important;
	box-shadow: 0 0 12px rgba(201, 162, 39, 0.5) !important;
}

.woocommerce ul.products li.product a.moshi-msg-limit:hover,
.boton-cian-capsula.moshi-msg-limit:hover {
	background-color: rgba(201, 162, 39, 0.12) !important;
	box-shadow: 0 0 18px rgba(201, 162, 39, 0.5) !important;
}

/* Agotado cuando sale la palabra "Agotado": cápsula roja, texto claro para que se lea bien */
.woocommerce ul.products li.product a.moshi-msg-agotado,
.woocommerce ul.products li.product a.button.moshi-msg-agotado,
.woocommerce ul.products li.product a.add_to_cart_button.moshi-msg-agotado,
.boton-cian-capsula.moshi-msg-agotado {
	border: 2px solid var(--moshi-red) !important;
	border-style: solid !important;
	color: #FFFFFF !important;
	text-shadow: 0 0 1px rgba(0, 0, 0, 0.6), 0 1px 2px rgba(0, 0, 0, 0.4) !important;
	background-color: rgba(180, 0, 0, 0.85) !important;
	box-shadow: 0 0 12px rgba(255, 0, 0, 0.35), 0 0 24px rgba(255, 0, 0, 0.15) !important;
	-webkit-tap-highlight-color: transparent !important;
}

/* Agotado al hacer clic: mismo estilo, texto blanco legible */
.woocommerce ul.products li.product a.moshi-msg-agotado.moshi-btn-feedback,
.woocommerce ul.products li.product a.button.moshi-msg-agotado.moshi-btn-feedback,
.boton-cian-capsula.moshi-msg-agotado.moshi-btn-feedback {
	animation: none !important;
	border: 2px solid var(--moshi-red) !important;
	color: #FFFFFF !important;
	text-shadow: 0 0 1px rgba(0, 0, 0, 0.6), 0 1px 2px rgba(0, 0, 0, 0.4) !important;
	background-color: rgba(180, 0, 0, 0.85) !important;
	box-shadow: 0 0 12px rgba(255, 0, 0, 0.35), 0 0 24px rgba(255, 0, 0, 0.15) !important;
	transform: scale(1) !important;
}

/* Agotado al pasar el mouse: efecto diferente (solo borde, se agranda, sin relleno ni glow) */
.woocommerce ul.products li.product a.moshi-msg-agotado:hover,
.woocommerce ul.products li.product a.moshi-msg-agotado:focus,
.woocommerce ul.products li.product a.button.moshi-msg-agotado:hover,
.woocommerce ul.products li.product a.button.moshi-msg-agotado:focus,
.boton-cian-capsula.moshi-msg-agotado:hover,
.boton-cian-capsula.moshi-msg-agotado:focus {
	border: 2px solid var(--moshi-red) !important;
	color: var(--moshi-red) !important;
	background: transparent !important;
	box-shadow: none !important;
	transform: scale(1.05) !important;
}

/* Efecto al clic: pulso para normal y Límite alcanzado (Agotado usa el de arriba) */
.woocommerce ul.products li.product a.moshi-btn-feedback:not(.moshi-msg-agotado),
.boton-cian-capsula.moshi-btn-feedback:not(.moshi-msg-agotado) {
	animation: moshi-btn-pulse 0.4s ease;
}

@keyframes moshi-btn-pulse {
	0% {
		transform: scale(1);
	}

	35% {
		transform: scale(0.96);
	}

	70% {
		transform: scale(1.02);
	}

	100% {
		transform: scale(1);
	}
}

.boton-cian-capsula:not(.agotado):not(.confirmado):not(.en-error):not(.moshi-msg-limit):not(.moshi-msg-agotado):hover {
	transform: scale(1.05) !important;
	background-color: var(--moshi-cyan) !important;
	color: #000 !important;
	/* RESPLANDOR SUAVE (Soft Bloom) – Sin parecer parche */
	box-shadow: 0 5px 20px rgba(0, 255, 255, 0.3), inset 0 0 10px rgba(255, 255, 255, 0.4) !important;
}

/* ==========================================================================
   8. ETIQUETAS DINÁMICAS – Izquierda (::before) y Derecha (::after / .onsale)
   ========================================================================== */

/* Etiqueta base izquierda: ORIGINAL / REPLICA / NUEVO / Marcas */
.woocommerce ul.products li.product::before {
	content: "ORIGINAL";
	position: absolute;
	top: 10px;
	/* AJUSTE MILIMÉTRICO A LA ESQUINA REAL DE LA FOTO (con padding del li) */
	left: 10px;
	background: var(--moshi-cyan);
	color: #000;
	font-family: var(--moshi-font);
	font-size: 9px;
	font-weight: 900;
	padding: 5px 12px;
	border-radius: 20px 0 15px 0 !important;
	/* Calce exacto con el radio de la foto */
	z-index: 15;
	letter-spacing: 1.5px;
	text-transform: uppercase;
	box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.5);
	transition: all 0.5s var(--moshi-ease);
}

.woocommerce ul.products li.product:hover::before {
	/* SINCRONIZADO: 12px igual que la imagen */
	transform: translateY(-12px) !important;
	box-shadow: 0 5px 15px var(--moshi-cyan-glow) !important;
}

.product_tag-replica::before,
.product.es-replica::before {
	content: "REPLICA" !important;
	background: #E0E0E0 !important;
	color: #000 !important;
}

.product_tag-nuevo::before,
.product.es-nuevo::before {
	content: "NUEVO" !important;
	background: var(--moshi-green) !important;
}

/* Marcas (izquierda) */
.product_tag-bandai::before {
	content: "BANDAI" !important;
	background: #E60012 !important;
	color: #fff !important;
}

.product_tag-goodsmile::before,
.product_tag-good-smile-company::before {
	content: "GOOD SMILE" !important;
	background: #ED6109 !important;
	color: #fff !important;
}

.product_tag-kotobukiya::before {
	content: "KOTOBUKIYA" !important;
	background: #009FE3 !important;
	color: #fff !important;
}

.product_tag-banpresto::before {
	content: "BANPRESTO" !important;
	background: #2F2F2F !important;
	color: #fff !important;
}

.product_tag-sega::before {
	content: "SEGA" !important;
	background: #0089CF !important;
	color: #fff !important;
}

.product_tag-taito::before {
	content: "TAITO" !important;
	background: #005CAF !important;
	color: #fff !important;
}

.product_tag-vivit::before,
.product_tag-espresto::before {
	content: "VIVIT" !important;
	background: #FF007F !important;
	color: #fff !important;
}

.product_tag-furyu::before {
	content: "FURYU" !important;
	background: #9DCC00 !important;
	color: #000 !important;
}

.product_tag-max-factory::before {
	content: "MAX FACTORY" !important;
	background: #FFD700 !important;
	color: #000 !important;
}

.product_tag-alter::before {
	content: "ALTER" !important;
	background: #7A4FA1 !important;
	color: #fff !important;
}

.product_tag-megahouse::before {
	content: "MEGAHOUSE" !important;
	background: #FF1493 !important;
	color: #fff !important;
}

.product_tag-aniplex::before {
	content: "ANIPLEX" !important;
	background: #231F20 !important;
	color: #fff !important;
	border: 1px solid #fff !important;
}

/* Etiqueta base izquierda: Marcas (Bandai, Taito, etc.) */
.woocommerce ul.products li.product::before {
	content: "ORIGINAL";
	position: absolute;
	/* PIXEL-PERFECT: 20px coincide con el padding del li y la esquina de la foto */
	top: 20px;
	left: 20px;
	background: var(--moshi-cyan);
	color: #000;
	font-family: var(--moshi-font);
	font-size: 9px;
	font-weight: 900;
	padding: 6px 14px;
	/* Radio 20px */
	border-radius: 20px 0 15px 0 !important;
	z-index: 15;
	letter-spacing: 1.5px;
	text-transform: uppercase;
	/* ESTILO ELITE: Profundidad visual sin bordes físicos */
	border: none !important;
	box-shadow: 2px 4px 12px rgba(0, 0, 0, 0.6) !important;
	transition: all 0.4s var(--moshi-ease);
}

.woocommerce ul.products li.product:hover::before {
	/* ELITE 3D: Sube igual (-12px) pero hace "pop" con escala y sombra profunda */
	transform: translateY(-12px) scale(1.1) !important;
	background: #ffffff !important;
	color: #000 !important;
	box-shadow: 0 10px 25px rgba(0, 255, 255, 0.4), 0 5px 15px rgba(0, 0, 0, 0.8) !important;
}

/* Etiqueta derecha: OFERTA / SALE */
.woocommerce ul.products li.product .onsale,
.woocommerce ul.products li.product span.onsale,
li.product .ast-onsale-card,
li.product .ast-onsale-card .onsale {
	display: inline-block !important;
	visibility: visible !important;
	opacity: 1 !important;
	position: absolute !important;
	top: 20px !important;
	right: 20px !important;
	left: auto !important;
	margin: 0 !important;
	padding: 6px 14px !important;
	background: var(--moshi-magenta) !important;
	color: #ffffff !important;
	font-family: var(--moshi-font) !important;
	font-size: 9px !important;
	font-weight: 900 !important;
	z-index: 99 !important;
	line-height: 1 !important;
	letter-spacing: 1.5px !important;
	text-transform: uppercase !important;
	/* Radio 20px simétrico */
	border-radius: 0 20px 0 15px !important;
	/* Estilo PLANO */
	border: none !important;
	box-shadow: 0 0 15px var(--moshi-magenta-glow) !important;
	transition: all 0.4s var(--moshi-ease) !important;
}

.woocommerce ul.products li.product:hover .onsale {
	/* ELITE 3D: Synced lift + Scale pop */
	transform: translateY(-12px) scale(1.1) !important;
	box-shadow: 0 10px 25px var(--moshi-magenta-glow), 0 5px 15px rgba(0, 0, 0, 0.8) !important;
}

/* Etiqueta derecha: AGOTADO y PRE-ORDEN (::after) */
.woocommerce ul.products li.product.es-agotado-total::after,
.woocommerce ul.products li.product.out-of-stock::after,
.woocommerce ul.products li.product.product_tag-preorden::after,
.woocommerce ul.products li.product.es-preorden::after {
	position: absolute !important;
	display: block !important;
	top: 21px !important;
	right: 23px !important;
	left: auto !important;
	padding: 8px 14px !important;
	color: #ffffff !important;
	font-family: var(--moshi-font) !important;
	font-size: 8px !important;
	font-weight: 900 !important;
	z-index: 100 !important;
	letter-spacing: 1px !important;
	text-transform: uppercase !important;
	border-radius: var(--moshi-label-radius-right) !important;
	line-height: 1 !important;
	transition: all 0.4s var(--moshi-ease) !important;
}

.woocommerce ul.products li.product.es-agotado-total::after,
.woocommerce ul.products li.product.out-of-stock::after {
	content: "AGOTADO" !important;
	background: var(--moshi-red-dark) !important;
	box-shadow: 0 0 15px rgba(139, 0, 0, 0.5) !important;
}

.woocommerce ul.products li.product.product_tag-preorden::after,
.woocommerce ul.products li.product.es-preorden::after {
	content: "PRE-ORDEN" !important;
	background: var(--moshi-gold) !important;
	color: #000 !important;
	box-shadow: 0 0 15px rgba(255, 215, 0, 0.4) !important;
}

/* Hover sincronizado en etiquetas */
.woocommerce ul.products li.product:hover::before,
.woocommerce ul.products li.product:hover::after,
.woocommerce ul.products li.product:hover .onsale,
.woocommerce ul.products li.product:hover .ast-onsale-card {
	transform: translateY(-10px) scale(1.02) !important;
}

/* Ocultar oferta si hay Agotado o Pre-orden */
.es-agotado-total .onsale,
.out-of-stock .onsale,
.product_tag-preorden .onsale,
.es-preorden .onsale {
	display: none !important;
}

/* Página de producto individual: sin etiquetas */
.single-product .product::before,
.single-product .product::after,
.single-product .onsale,
.ast-shop-product-out-of-stock {
	display: none !important;
}

/* ==========================================================================
   9. MENÚ SUPERIOR (header)
   ========================================================================== */
#ast-hf-menu-1 .menu-item a,
.main-header-menu .menu-item a {
	font-family: var(--moshi-font) !important;
	font-weight: 700 !important;
	font-size: 15px !important;
	text-transform: uppercase !important;
	letter-spacing: 1.5px !important;
	color: #ffffff !important;
	transition: all 0.3s ease !important;
}

#ast-hf-menu-1 .menu-item a:hover,
.main-header-menu .menu-item a:hover {
	color: var(--moshi-cyan) !important;
	text-shadow: 0 0 10px var(--moshi-cyan-glow) !important;
	transform: translateY(-2px);
}

.site-title a {
	font-family: var(--moshi-font) !important;
	font-weight: 700 !important;
	text-transform: uppercase !important;
	letter-spacing: 2px !important;
	color: #ffffff !important;
}

.site-logo-img img {
	transition: transform 0.3s ease !important;
}

.site-logo-img img:hover {
	transform: scale(1.05);
}

/* ==========================================================================
  10. TÍTULOS ELEMENTOR – H1 (secciones) vs H2 (nombres / banner)
   ========================================================================== */
h1.elementor-heading-title {
	font-family: var(--moshi-font) !important;
	text-transform: uppercase !important;
	letter-spacing: 3px !important;
	font-weight: 700 !important;
	text-shadow: 0 0 15px var(--moshi-cyan-glow) !important;
	color: var(--moshi-cyan) !important;
	text-align: center !important;
}

h2.elementor-heading-title {
	color: #ffffff !important;
	text-shadow: 0 0 8px rgba(255, 255, 255, 0.4) !important;
}

h2.elementor-heading-title a {
	color: #ffffff !important;
}

/* ==========================================================================
   11. TIENDA – MÓVIL (filas de 2, tarjetas finas con más altura)
   ========================================================================== */

@media (max-width: 767px) {

	/* Grid: 2 columnas iguales; filas con la misma altura */
	.woocommerce ul.products {
		display: grid !important;
		grid-template-columns: repeat(2, 1fr) !important;
		gap: 16px 10px !important;
		padding: 14px 16px 28px !important;
		margin: 0 !important;
		align-items: stretch !important;
	}

	/* Tarjeta: flex column para que el botón quede abajo; todas la misma altura en la fila */
	.woocommerce ul.products li.product {
		display: flex !important;
		flex-direction: column !important;
		width: 100% !important;
		min-height: 0 !important;
		padding: 0 2px 12px !important;
		margin: 0 !important;
		background: transparent !important;
		box-shadow: none !important;
		border-radius: 0 !important;
		text-align: center !important;
	}

	/* Imagen: mismo tamaño; transición suave para el efecto táctil */
	.woocommerce ul.products li.product img {
		width: calc(100% - 8px) !important;
		max-width: calc(100% - 8px) !important;
		margin: 0 auto 4px !important;
		height: 280px !important;
		min-height: 280px !important;
		max-height: 280px !important;
		flex-shrink: 0 !important;
		border-radius: 18px !important;
		padding: 3px !important;
		object-fit: cover !important;
		object-position: center top !important;
		transition: transform 0.25s var(--moshi-ease), box-shadow 0.25s ease, border-color 0.25s ease, filter 0.25s ease !important;
	}

	/* Móvil: efecto HUD / “lock-on” al tocar – sin subir, glow tipo escaneo */
	.woocommerce ul.products li.product:active img {
		transform: scale(1.02) !important;
		box-shadow: 0 0 14px var(--moshi-cyan-glow), 0 0 28px rgba(0, 255, 255, 0.25) !important;
		filter: brightness(1.06) !important;
		transition-duration: 0.12s !important;
	}

	/* Categoría: compacta; en móvil sin efecto hover para que no quede pegado */
	.woocommerce li.product .ast-come-from-category,
	.woocommerce ul.products li.product .ast-woo-product-category {
		font-size: 7px !important;
		padding: 2px 8px !important;
		margin: 0 auto 2px !important;
		display: inline-block !important;
	}

	.woocommerce ul.products li.product .ast-woo-product-category {
		font-size: 8px !important;
		margin-top: 0 !important;
	}

	.woocommerce ul.products li.product:hover .ast-come-from-category,
	.woocommerce ul.products li.product:hover .ast-woo-product-category {
		opacity: 0.8 !important;
		background: rgba(255, 255, 255, 0.05) !important;
		text-shadow: none !important;
	}

	/* Título: 2 líneas y altura mínima; pegado a la categoría */
	.woocommerce ul.products li.product .woocommerce-loop-product__title {
		font-size: 11px !important;
		line-height: 1.3 !important;
		margin: 0 2px 6px !important;
		min-height: 2.6em !important;
		display: -webkit-box !important;
		-webkit-line-clamp: 2 !important;
		line-clamp: 2 !important;
		/* Standard property */
		-webkit-box-orient: vertical !important;
		overflow: hidden !important;
		text-align: center !important;
	}

	/* Botón: mismo tamaño; contenedor pegado al fondo; efecto táctil unificado para celular */
	.contenedor-boton-moshi {
		margin-top: auto !important;
		padding: 0 6px !important;
		text-align: center !important;
	}

	/* Todos los botones de la tienda en móvil: transición rápida para feedback táctil */
	.woocommerce ul.products li.product .boton-cian-capsula,
	.woocommerce ul.products li.product a.boton-cian-capsula {
		min-width: 0 !important;
		width: calc(100% - 4px) !important;
		max-width: 100% !important;
		margin: 0 auto !important;
		padding: 10px 6px !important;
		font-size: 10px !important;
		min-height: 44px !important;
		border-radius: 50px !important;
		box-sizing: border-box !important;
		display: inline-flex !important;
		align-items: center !important;
		justify-content: center !important;
		transition: transform 0.12s ease, background-color 0.12s ease, box-shadow 0.12s ease, opacity 0.12s ease !important;
		-webkit-tap-highlight-color: transparent !important;
	}

	.woocommerce ul.products li.product a.moshi-msg-agotado,
	.woocommerce ul.products li.product a.button.moshi-msg-agotado,
	.boton-cian-capsula.moshi-msg-agotado {
		min-height: 44px !important;
	}

	/* Hover/focus en móvil: sin efecto pegado */
	.woocommerce ul.products li.product .boton-cian-capsula:hover,
	.woocommerce ul.products li.product .boton-cian-capsula:focus,
	.woocommerce ul.products li.product a.boton-cian-capsula:hover,
	.woocommerce ul.products li.product a.boton-cian-capsula:focus {
		transform: scale(1) !important;
		background-color: transparent !important;
		box-shadow: none !important;
	}

	.woocommerce ul.products li.product a.moshi-msg-agotado:hover,
	.woocommerce ul.products li.product a.moshi-msg-agotado:focus,
	.woocommerce ul.products li.product a.button.moshi-msg-agotado:hover,
	.woocommerce ul.products li.product a.button.moshi-msg-agotado:focus,
	.boton-cian-capsula.moshi-msg-agotado:hover,
	.boton-cian-capsula.moshi-msg-agotado:focus {
		transform: scale(1) !important;
		background-color: rgba(180, 0, 0, 0.85) !important;
		box-shadow: 0 0 12px rgba(255, 0, 0, 0.35), 0 0 24px rgba(255, 0, 0, 0.15) !important;
	}

	/* Efecto táctil unificado: al tocar, "press" (se hunde un poco) + feedback de color */
	.woocommerce ul.products li.product .boton-cian-capsula:active,
	.woocommerce ul.products li.product a.boton-cian-capsula:active {
		transform: scale(0.97) !important;
		background-color: rgba(0, 255, 255, 0.12) !important;
		box-shadow: inset 0 2px 8px rgba(0, 0, 0, 0.2) !important;
	}

	.woocommerce ul.products li.product a.moshi-msg-agotado:active,
	.woocommerce ul.products li.product a.button.moshi-msg-agotado:active,
	.boton-cian-capsula.moshi-msg-agotado:active {
		transform: scale(0.97) !important;
		box-shadow: inset 0 2px 8px rgba(0, 0, 0, 0.25) !important;
	}

	.woocommerce ul.products li.product a.moshi-msg-limit:active,
	.woocommerce ul.products li.product a.button.moshi-msg-limit:active,
	.boton-cian-capsula.moshi-msg-limit:active {
		transform: scale(0.97) !important;
		box-shadow: inset 0 2px 8px rgba(0, 0, 0, 0.2) !important;
	}

	/* Etiquetas sobre la imagen */
	.woocommerce ul.products li.product::before {
		top: 8px !important;
		left: 8px !important;
		font-size: 6px !important;
		padding: 3px 6px !important;
		border-radius: 16px 0 10px 0 !important;
	}

	.woocommerce ul.products li.product .onsale,
	.woocommerce ul.products li.product span.onsale,
	li.product .ast-onsale-card .onsale {
		top: 8px !important;
		right: 8px !important;
		font-size: 6px !important;
		padding: 3px 6px !important;
		border-radius: 0 16px 0 10px !important;
	}

	.woocommerce ul.products li.product.es-agotado-total::after,
	.woocommerce ul.products li.product.out-of-stock::after,
	.woocommerce ul.products li.product.product_tag-preorden::after,
	.woocommerce ul.products li.product.es-preorden::after {
		top: 8px !important;
		right: 8px !important;
		font-size: 6px !important;
		padding: 3px 6px !important;
		border-radius: 0 16px 0 10px !important;
	}

	/* Etiquetas en móvil: solo escala suave, sin subir */
	.woocommerce ul.products li.product:hover::before,
	.woocommerce ul.products li.product:hover::after,
	.woocommerce ul.products li.product:hover .onsale {
		transform: scale(1.05) !important;
	}

	#ast-hf-menu-1 .menu-item a,
	.main-header-menu .menu-item a {
		font-size: 13px !important;
		letter-spacing: 1px !important;
	}

	h1.elementor-heading-title {
		font-size: clamp(1.25rem, 5vw, 1.75rem) !important;
		letter-spacing: 2px !important;
	}
}

/* Pantallas muy pequeñas: misma fila de 2, tarjetas igual de delgadas */
@media (max-width: 479px) {
	.woocommerce ul.products {
		gap: 14px 8px !important;
		padding: 12px 14px 24px !important;
	}

	.woocommerce ul.products li.product {
		padding: 0 2px 10px !important;
	}

	.woocommerce ul.products li.product img {
		width: calc(100% - 6px) !important;
		max-width: calc(100% - 6px) !important;
		margin: 0 auto 6px !important;
		height: 250px !important;
		min-height: 250px !important;
		border-radius: 16px !important;
	}

	.woocommerce ul.products li.product .woocommerce-loop-product__title {
		font-size: 10px !important;
		min-height: 2.6em !important;
	}

	.woocommerce ul.products li.product .boton-cian-capsula,
	.woocommerce ul.products li.product a.boton-cian-capsula {
		min-height: 42px !important;
		padding: 9px 6px !important;
		font-size: 9px !important;
	}

	.woocommerce ul.products li.product::before {
		font-size: 5px !important;
		padding: 2px 5px !important;
		top: 6px !important;
		left: 6px !important;
	}

	.woocommerce ul.products li.product .onsale,
	.woocommerce ul.products li.product span.onsale,
	.woocommerce ul.products li.product.es-agotado-total::after,
	.woocommerce ul.products li.product.out-of-stock::after,
	.woocommerce ul.products li.product.product_tag-preorden::after,
	.woocommerce ul.products li.product.es-preorden::after {
		font-size: 5px !important;
		padding: 2px 5px !important;
		top: 6px !important;
		right: 6px !important;
	}
}

/* Carrito flotante: margen inferior seguro en móvil (notch / barra de gestos) */
@media (max-width: 767px) {

	#moshi-cart-float-trigger,
	.moshi-cart-float-trigger {
		bottom: max(12px, env(safe-area-inset-bottom)) !important;
		right: max(12px, env(safe-area-inset-right)) !important;
	}
}

/* ==========================================================================
   CONTROLES DE TIENDA (Result Count & Ordering) - HUD v1.0
   ========================================================================== */

/* Contenedor general (ajuste de espaciado) */
.ast-woocommerce-container>.woocommerce-result-count,
.ast-woocommerce-container>.woocommerce-ordering {
	margin-top: 20px !important;
	margin-bottom: 25px !important;
}

/* 1. Resultado de Conteo (Elegante & Tecnológico) */
.woocommerce-result-count {
	color: var(--moshi-cyan) !important;
	font-family: var(--moshi-font) !important;
	font-size: 11px !important;
	font-weight: 800 !important;
	letter-spacing: 3px !important;
	text-transform: uppercase !important;
	position: relative !important;
	display: inline-flex !important;
	align-items: center !important;
	padding-left: 15px !important;
	border-left: 2px solid var(--moshi-cyan) !important;
	margin-bottom: 25px !important;
	text-shadow: 0 0 8px var(--moshi-cyan-glow) !important;
}

/* 2. Filtro de Orden (SORT_CORE) */
.woocommerce-ordering {
	position: relative !important;
	display: inline-flex !important;
	align-items: center !important;
}

.woocommerce-ordering select.orderby {
	background: rgba(0, 0, 0, 0.6) !important;
	border: 1px solid rgba(0, 255, 255, 0.4) !important;
	border-radius: 4px !important;
	color: #ffffff !important;
	font-family: var(--moshi-font) !important;
	font-size: 11px !important;
	font-weight: 600 !important;
	text-transform: uppercase !important;
	letter-spacing: 1.5px !important;
	padding: 8px 35px 8px 15px !important;
	cursor: pointer !important;
	appearance: none !important;
	-webkit-appearance: none !important;
	transition: all 0.3s ease !important;
	box-shadow: 0 0 15px rgba(0, 0, 0, 0.8) !important;
}

/* Fix para legibilidad de opciones en navegadores que lo permiten */
.woocommerce-ordering select.orderby option {
	background-color: #0b0d0f !important;
	color: #ffffff !important;
}

.woocommerce-ordering select.orderby:hover,
.woocommerce-ordering select.orderby:focus {
	border-color: var(--moshi-cyan) !important;
	box-shadow: 0 0 15px var(--moshi-cyan-glow) !important;
	background: rgba(0, 255, 255, 0.05) !important;
}

/* Icono de flecha personalizado en cian */
.woocommerce-ordering::after {
	content: "▼" !important;
	position: absolute !important;
	right: 15px !important;
	top: 50% !important;
	transform: translateY(-50%) !important;
	color: var(--moshi-cyan) !important;
	font-size: 8px !important;
	pointer-events: none !important;
	transition: transform 0.3s ease !important;
	z-index: 10 !important;
}

/* Layout Desktop */
@media (min-width: 768px) {
	.ast-woocommerce-container>.woocommerce-result-count {
		float: left !important;
	}

	.ast-woocommerce-container>.woocommerce-ordering {
		float: right !important;
	}

	.ast-woocommerce-container::after {
		content: "" !important;
		display: table !important;
		clear: both !important;
	}
}

@media (max-width: 767px) {

	.ast-woocommerce-container .woocommerce-result-count,
	.ast-woocommerce-container .woocommerce-ordering {
		width: 100% !important;
		justify-content: center !important;
		margin: 10px 0 !important;
		text-align: center !important;
	}

	.woocommerce-ordering select.orderby {
		width: 100% !important;
	}
}
/* ==========================================================================
   MOSHI SHIELD: Content Protection & Aesthetic Branding
   ========================================================================== */

/* 1. DIGITAL SHIELD (Anti-Theft) */
.astra-shop-thumbnail-wrap,
.woocommerce-product-gallery__image,
.moshi-card-img-container {
    position: relative !important;
    user-select: none !important;
    -webkit-user-drag: none !important;
}

/* Bloqueo de puntero en imágenes para evitar arrastre y clic derecho simple */
.astra-shop-thumbnail-wrap img,
.woocommerce-product-gallery__image img,
.moshi-card-img-container img {
    pointer-events: none !important;
}

/* Capa Protectora Transparente (Impide 'Guardar como' directo) */
.astra-shop-thumbnail-wrap::before,
.woocommerce-product-gallery__image::before,
.moshi-card-img-container::before {
    content: '';
    position: absolute;
    inset: 0;
    z-index: 5;
    background: transparent;
    cursor: default;
}

/* 2. AESTHETIC BRANDING: Gaming UI Badge */
/* Este sello aparece en la esquina superior derecha de la tarjeta como un badge de UI de juego */
.astra-shop-thumbnail-wrap::after,
.moshi-card-img-container::after {
    content: '';
    position: absolute;
    top: 15px;
    right: 15px;
    width: 45px;
    height: 45px;
    background: url('https://moshistorecr.com/wp-content/uploads/2026/01/cropped-WhatsApp-Image-2026-01-31-at-1.56.31-PM-192x192.png') no-repeat center/contain;
    z-index: 10;
    filter: drop-shadow(0 0 8px rgba(0, 255, 255, 0.7));
    opacity: 0.85;
    pointer-events: none;
    transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    border: 1px solid rgba(0, 255, 255, 0.3);
    border-radius: 5px;
    padding: 3px;
    background-color: rgba(6, 10, 20, 0.4);
}

.astra-shop-thumbnail-wrap:hover::after,
.moshi-card-img-container:hover::after {
    transform: scale(1.15) rotate(5deg);
    opacity: 1;
    filter: drop-shadow(0 0 15px var(--moshi-cyan, #00ffff));
    border-color: var(--moshi-cyan, #00ffff);
}

/* Ajuste para Galería Single Product */
.woocommerce-product-gallery__image::after {
    content: 'MOSHI SECURED';
    position: absolute;
    bottom: 15px;
    left: 15px;
    font-family: 'Inter', sans-serif;
    font-size: 10px;
    color: rgba(0, 255, 255, 0.6);
    letter-spacing: 2px;
    z-index: 10;
    pointer-events: none;
    text-shadow: 0 0 5px #00ffff;
}