/* Controles +/− dentro del Side Cart (XootiX free) */
.papillon-sc-qty-host {
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  margin-top: 8px !important;
  font-size: 13px !important;
  color: transparent !important;
}

.papillon-sc-qty-host .papillon-sc-qty {
  color: #1a1a1a !important;
}

.papillon-sc-qty {
  display: inline-flex !important;
  align-items: center !important;
  gap: 0 !important;
  box-sizing: border-box !important;
  margin-left: 1px !important;
  border: 1px solid rgba(26, 26, 26, 0.28) !important;
  border-left: 1px solid rgba(26, 26, 26, 0.28) !important;
  background: #fff !important;
  border-radius: 0 !important;
  box-shadow: inset 0 0 0 1px rgba(26, 26, 26, 0.12) !important;
  overflow: visible !important;
}

.papillon-sc-qty.is-busy {
  opacity: 0.55;
  pointer-events: none;
}

.papillon-sc-qty__btn {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  visibility: visible !important;
  opacity: 1 !important;
  width: 34px !important;
  height: 34px !important;
  margin: 0 !important;
  padding: 0 !important;
  border: none !important;
  border-radius: 0 !important;
  background: #fff !important;
  color: #757575 !important;
  font-family: Lato, Arial, sans-serif !important;
  font-size: 20px !important;
  font-weight: 600 !important;
  line-height: 1 !important;
  cursor: pointer !important;
  transition: background 0.15s ease, color 0.15s ease !important;
}

.papillon-sc-qty__btn span {
  display: block !important;
  color: inherit !important;
  font-size: inherit !important;
  font-weight: inherit !important;
  line-height: 1 !important;
}

.papillon-sc-qty__btn:hover,
.papillon-sc-qty__btn:focus-visible {
  background: #e2007a !important;
  color: #fff !important;
  outline: none !important;
}

.papillon-sc-qty__val {
  min-width: 28px !important;
  padding: 0 4px !important;
  text-align: center !important;
  font-family: Lato, Arial, sans-serif !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  color: #1a1a1a !important;
  line-height: 1 !important;
}

/* X unificada: negra → blanca sobre fucsia */
.xoo-wsc-header {
  position: relative !important;
}

button.papillon-sc-close,
.papillon-sc-close-native.xoo-wsch-close,
span.xoo-wsch-close,
.xoo-wsch-close {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  visibility: visible !important;
  opacity: 1 !important;
  box-sizing: border-box !important;
  width: 44px !important;
  height: 44px !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 1px solid rgba(26, 26, 26, 0.18) !important;
  border-radius: 0 !important;
  background: #fff !important;
  box-shadow: none !important;
  color: #1a1a1a !important;
  font-family: Arial, sans-serif !important;
  font-size: 0 !important;
  line-height: 0 !important;
  cursor: pointer !important;
  transition: background-color 220ms ease, border-color 220ms ease, color 220ms ease !important;
}

button.papillon-sc-close,
.papillon-sc-close-native.xoo-wsch-close {
  position: absolute !important;
  top: 50% !important;
  right: 10px !important;
  z-index: 20 !important;
  transform: translateY(-50%) !important;
}

.papillon-sc-close-native.xoo-wsch-close::before,
span.xoo-wsch-close::before,
.xoo-wsch-close::before {
  content: "\00d7" !important;
  font-size: 28px !important;
  font-weight: 400 !important;
  line-height: 1 !important;
  color: inherit !important;
}

button.papillon-sc-close span {
  font-size: 28px !important;
  line-height: 1 !important;
  color: inherit !important;
}

button.papillon-sc-close:hover,
button.papillon-sc-close:focus-visible,
.papillon-sc-close-native.xoo-wsch-close:hover,
.papillon-sc-close-native.xoo-wsch-close:focus-visible,
span.xoo-wsch-close:hover,
.xoo-wsch-close:hover {
  border-color: #e2007a !important;
  background: #e2007a !important;
  color: #fff !important;
}