/* =========================================================
   ZH OUTFITS — TAMANHO ESGOTADO BEM VISÍVEL
   Antes, no card, o tamanho esgotado ficava cinza igual a um
   tamanho disponível que só não estava selecionado (não dava pra
   diferenciar). Agora ele fica apagado e riscado na diagonal,
   no card e na página do produto.
   ========================================================= */

.card__sizes button:disabled,
.produto__tam:disabled{
  position:relative;
  overflow:hidden;
  opacity:.45;
  color:var(--muted);
  text-decoration:line-through;
  cursor:not-allowed;
  border-style:dashed;
}

/* risco diagonal (o da página do produto já existia; agora o card também tem) */
.card__sizes button:disabled::after{
  content:'';
  position:absolute; inset:0;
  background:linear-gradient(to top right,
    transparent calc(50% - 1px), var(--muted) calc(50% - 1px),
    var(--muted) calc(50% + 1px), transparent calc(50% + 1px));
  pointer-events:none;
}

.card__sizes button:disabled:hover{ color:var(--muted); border-color:var(--line); }