.ast-variation-button-group .ast-single-variation{ position:relative; }

.ast-variation-button-group .ast-single-variation.agotado{
  opacity:.55;
  cursor:not-allowed;
  border-style:dashed !important;
  border-width:2px !important;
}
.ast-variation-button-group .ast-single-variation.agotado::after{
  content:"";
  position:absolute;
  left:20%; right:20%;
  top:40%;
  height:1px;
  background:currentColor;
  transform:rotate(345deg);
  opacity:.5;
  pointer-events:none;
}

/* Deja que el click atraviese el texto/precio y lo capture el botón */
.ast-variation-button-group .ast-single-variation .svp-var-text{
  pointer-events: none;
}

/* PERO el enlace "Ver disponibles" sí debe ser clicable */
.ast-variation-button-group .ast-single-variation .svp-see-available{
  pointer-events: auto;
}

.ast-variation-button-group .ast-single-variation .svp-var-text{
  display:flex;
  flex-direction:column;
  align-items:center;
  text-align:center;
  line-height:1.05;
}
.ast-variation-button-group .ast-single-variation .svp-var-price{
  font-size:12px;
  font-weight:700;
  margin-top:4px;
}
.ast-variation-button-group .ast-single-variation .svp-see-available{
  display:inline-block;
  margin-top:6px;
  font-size:12px;
  text-decoration:underline;
  cursor:pointer;
}
.ast-variation-button-group .ast-single-variation:not(.agotado) .svp-see-available{ display:none; }

/* Swatch color dentro del selector de color */
.ast-variation-button-group.svp-is-color .ast-single-variation{
  display:inline-flex;
  align-items:center;
  gap:10px;
}
.ast-variation-button-group.svp-is-color .ast-single-variation::before{
  content:"";
  width:18px;height:18px;border-radius:999px;
  border:2px solid var(--svp-swatch,#9ca3af);
  background: radial-gradient(circle at center,
    var(--svp-swatch,#9ca3af) 0 4px,
    #fff 5px 100%
  );
  box-sizing:border-box;
  flex:0 0 18px;
}
.ast-variation-button-group.svp-is-color .ast-single-variation[data-swatch="white"]::before{
  border-color: rgba(0,0,0,.35);
  background: radial-gradient(circle at center,#fff 0 4px,#fff 5px 100%);
}