/* ======================================================
   QUICK CHECKOUT – MÉTODOS DE PAGO
====================================================== */
/*
.quick-checkout-wrapper .section-payment .radio {
  width: 100%;
  margin-bottom: 10px;
}

.quick-checkout-wrapper .section-payment .radio label {
  width: 100%;
  padding: 18px 20px 18px 180px;
  display: flex;
  align-items: center;
  min-height: 75px;
  border-radius: 10px;
  background: #f8f9fb;
  border: 1px solid #e2e5ea;
  transition: .25s ease;
  box-sizing: border-box;
  position: relative;
}

.quick-checkout-wrapper .section-payment .radio label:hover {
  background: #eef3ff;
  border-color: #c5d4ff;
}

.quick-checkout-wrapper .section-payment .radio label input[type="radio"] {
  position: absolute;
  left: 18px;
  top: 50%;
  transform: translateY(-50%);
}

.quick-checkout-wrapper .section-payment .radio label span::before {
  content: "";
  position: absolute;
  left: 55px;
  top: 50%;
  transform: translateY(-50%);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  width: 100px;
  height: 40px;
}

.quick-checkout-wrapper .section-payment input[value="paypal"] + span::before {
  background-image: url("https://www.nutricentershop.es/image/catalog/payment/paypal.png");
}

.quick-checkout-wrapper .section-payment input[value="bank_transfer"] + span::before {
  background-image: url("https://www.nutricentershop.es/image/catalog/payment/transferencia.png");
}

.quick-checkout-wrapper .section-payment input[value="redsys"] + span::before {
  background-image: url("https://www.nutricentershop.es/image/catalog/payment/bbva-bizum.png");
}

.quick-checkout-wrapper .section-payment input[value="viabill"] + span::before {
  background-image: url("https://www.nutricentershop.es/image/catalog/payment/viabill_logo.png");
}

.quick-checkout-wrapper .section-payment .radio label:has(input[type="radio"]:checked) {
  border-color: #2f5cff;
  background: #f0f4ff;
  box-shadow: 0 0 0 1px rgba(47,92,255,.15);
}

.quick-checkout-wrapper .section-payment .radio label input[type="radio"] {
    position: absolute;
    left: -9999px;
}
*/

/* ======================================================
   QUICK CHECKOUT – MÉTODOS DE PAGO
====================================================== */

.quick-checkout-wrapper .section-payment .radio {
  width: 100%;
  margin-bottom: 10px;
}

.quick-checkout-wrapper .section-payment .radio label {
  width: 100%;
  padding: 18px 20px 18px 180px;
  display: flex;
  align-items: center;
  min-height: 75px;
  border-radius: 10px;
  background: #f8f9fb;
  border: 1px solid #e2e5ea;
  transition: .25s ease;
  box-sizing: border-box;
  position: relative;
}

.quick-checkout-wrapper .section-payment .radio label:hover {
  background: #eef3ff;
  border-color: #c5d4ff;
}

/* Radio oculto pero funcional */
.quick-checkout-wrapper .section-payment .radio label input[type="radio"] {
  opacity: 0;
  position: absolute;
  left: 18px;
  top: 50%;
  transform: translateY(-50%);
  margin: 0;
  width: 20px;
  height: 20px;
  cursor: pointer;
  z-index: 2;
}

/* Indicador visual personalizado (círculo exterior) */
.quick-checkout-wrapper .section-payment .radio label::before {
  content: "";
  position: absolute;
  left: 18px;
  top: 50%;
  transform: translateY(-50%);
  width: 20px;
  height: 20px;
  border: 2px solid #cbd5e1;
  border-radius: 50%;
  background: white;
  transition: all 0.2s ease;
  z-index: 1;
  pointer-events: none;
  box-sizing: border-box;
}

/* Círculo interior cuando está seleccionado */
.quick-checkout-wrapper .section-payment .radio label:has(input[type="radio"]:checked)::before {
  border-color: #2f5cff;
  background: #2f5cff;
  box-shadow: inset 0 0 0 4px white;
}

/* Efecto hover en el indicador */
.quick-checkout-wrapper .section-payment .radio label:hover::before {
  border-color: #2f5cff;
}

.quick-checkout-wrapper .section-payment .radio label span::before {
  content: "";
  position: absolute;
  left: 55px;
  top: 50%;
  transform: translateY(-50%);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  width: 100px;
  height: 40px;
}

.quick-checkout-wrapper .section-payment input[value="paypal"] + span::before {
  background-image: url("/image/catalog/payment/paypal.png");
}

.quick-checkout-wrapper .section-payment input[value="bank_transfer"] + span::before {
  background-image: url("/image/catalog/payment/transferencia.png");
}

.quick-checkout-wrapper .section-payment input[value="redsys"] + span::before {
  background-image: url("/image/catalog/payment/bbva-bizum.png");
}

.quick-checkout-wrapper .section-payment input[value="viabill"] + span::before {
  background-image: url("/image/catalog/payment/viabill_logo.png");
}

.quick-checkout-wrapper .section-payment .radio label:has(input[type="radio"]:checked) {
  border-color: #2f5cff;
  background: #f0f4ff;
  box-shadow: 0 0 0 1px rgba(47,92,255,.15);
}