.cr-qty-native {
  display:flex;
  align-items:center;
  gap:6px;
  margin-top:6px;
}
.cr-qty-native .qty {
  width:56px;
  text-align:center;
}
.cr-qty-native .qib-button {
  background:#f5f5f5;
  border:1px solid #ccc;
  width:28px;
  height:28px;
  line-height:26px;
  text-align:center;
  cursor:pointer;
  font-size:16px;
  font-weight:600;
  border-radius:4px;
  /* Forzar signos negros como pidió el usuario */
  color:#000;
}
/* Ocultar flechas nativas en algunos navegadores */
.cr-qty-native input.qty::-webkit-outer-spin-button,
.cr-qty-native input.qty::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.cr-qty-native input.qty[type=number] {
  -moz-appearance: textfield;
}



/* === Grupo unido (- [qty] +) === */
.cr-qty-native{
  display:inline-flex;
  align-items:stretch;
  margin-top:6px;
  gap:0;
}
.cr-qty-native .qib-button{
  display:flex;
  align-items:center;
  justify-content:center;
  background:#f5f5f5;
  border:1px solid #ccc;
  width:36px;
  height:36px;
  cursor:pointer;
  font-size:18px;
  font-weight:700;
  color:#000;
  user-select:none;
  line-height:1;
}
.cr-qty-native .qib-button.minus{
  border-radius:6px 0 0 6px;
  border-right:none;
}
.cr-qty-native .qib-button.plus{
  border-radius:0 6px 6px 0;
  border-left:none;
}
.cr-qty-native .quantity{ display:flex; }
.cr-qty-native .quantity input.qty{
  width:70px;
  height:36px;
  text-align:center;
  border:1px solid #ccc;
  border-left:none;
  border-right:none;
  border-radius:0;
  margin:0;
  box-shadow:none;
  line-height:36px;
  padding:0;
}
.cr-qty-native input.qty::-webkit-outer-spin-button,
.cr-qty-native input.qty::-webkit-inner-spin-button{ -webkit-appearance:none; margin:0; }
.cr-qty-native input.qty[type=number]{ -moz-appearance:textfield; }



/* === Bloques blancos de relleno a los lados (35x35) ======================== */
.cr-qty-native{
  display: inline-flex !important;
  align-items: center !important;
}
.cr-qty-native::before,
.cr-qty-native::after{
  content: "" !important;
  display: block !important;
  width: 35px !important;
  height: 35px !important;
  background: #fff !important;
  border: 1px solid #fff !important;
  border-radius: 6px !important;
  flex: 0 0 auto !important;
  margin: 0 6px !important;
}
/* Mantén tus botones e input como 35x35 (por si no estaban) */
.cr-qty-native .qib-button,
.cr-qty-native .quantity input.qty{
  width:35px !important;
  height:35px !important;
  line-height:35px !important;
}