/* Cross Out-of-Stock Combinations */

.product-variants .coos-oos {
  position: relative;
  opacity: 0.55;
  pointer-events: none; /* opcional: impede selecionar o tamanho esgotado */
}

/* Desenha um X por cima (duas diagonais). */
.product-variants .coos-oos::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  pointer-events: none;
  background-image:
    linear-gradient(to top right,
      rgba(0, 0, 0, 0) calc(50% - 1px),
      #c0392b calc(50%),
      rgba(0, 0, 0, 0) calc(50% + 1px)),
    linear-gradient(to bottom right,
      rgba(0, 0, 0, 0) calc(50% - 1px),
      #c0392b calc(50%),
      rgba(0, 0, 0, 0) calc(50% + 1px));
}

/* Se preferires apenas uma barra diagonal (estilo "riscado"),
   comenta o bloco acima e usa este:
.product-variants .coos-oos::after {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background-image: linear-gradient(to top right,
    rgba(0,0,0,0) calc(50% - 1px),
    #c0392b calc(50%),
    rgba(0,0,0,0) calc(50% + 1px));
}
*/