/* No tocar el layout del theme */
.mcb-wrap { position: relative; }

/* Overlay genérico */
.mcb-badges {
  position: absolute;
  inset: 0;
  pointer-events: none;
  z-index: 20;
  opacity: 0;
  animation: mcb-in .25s ease forwards .1s;
}
@keyframes mcb-in { to { opacity: 1; } }

.mcb-badge { position: absolute; display: block; border-radius: 6px; overflow: hidden; will-change: transform; width: 100%; }
.mcb-badge img { display: block; width: 100%; height: auto; }

/* Posiciones utilitarias (para los "sueltos") */
.mcb-pos--tl { top: .5rem; left: .5rem; }
.mcb-pos--tr { top: .5rem; right: .5rem; }
.mcb-pos--br { bottom: .5rem; right: .5rem; }
.mcb-pos--bc { bottom: .5rem; left: 50%; transform: translateX(-50%); }

/* Tamaños (↑ un poco) */
.mcb-size--lg { width: 40%; }
.mcb-size--md { width: 30%; }
.mcb-size--sm { width: 24%; }
.mcb-size--xs { width: 18%; }

/* Single un poco más grande que antes */
.single-product .mcb-badges .mcb-size--lg { width: 26%; }
.single-product .mcb-badges .mcb-size--md { width: 20%; }
.single-product .mcb-badges .mcb-size--sm { width: 16%; }
.single-product .mcb-badges .mcb-size--xs { width: 12%; }

/* "Sin stock" más chico */
.mcb-badge[data-mcb="stock"] { width: 20%; }
.single-product .mcb-badge[data-mcb="stock"] { width: 15%; }

/* -------- Columna derecha -------- */
.mcb-col { position: absolute; pointer-events: none; width: 90%; }
.mcb-col-right { top: .5rem; right: .5rem; display: flex; flex-direction: column; align-items: flex-end; gap: .35rem; }
/* Los badges dentro de una columna NO son absolutos (los acomoda el flex) */
.mcb-col .mcb-badge { position: static; }