/* =========================================================================
   ESENCIA · pieza PAGO  (pantalla 04 de la maqueta)  +  el carrito
   Todo va dentro de .esc-pago (el pago) o .esc-bolsa (el carrito), así no
   toca ninguna otra pantalla. Las medidas salen de la maqueta a 1180 px.
   La hoja base (esencia.css) trae reglas generales con !important para los
   campos y botones de WooCommerce; por eso aquí hace falta subir la
   "fuerza" de cada regla (más clases delante) y también usar !important.
   ========================================================================= */

/* ------------------------------------------------------------- la caja */

body.woocommerce-checkout .esc-pago {
  box-sizing: border-box;
  width: 100% !important;
  max-width: 1180px !important;
  margin: 0 auto !important;
  padding: 0 44px !important;
  color: var(--esc-tinta);
  font-family: var(--esc-sans) !important;
  font-weight: 400;
  letter-spacing: normal;
}
body.woocommerce-checkout .esc-pago *,
body.woocommerce-checkout .esc-pago *::before,
body.woocommerce-checkout .esc-pago *::after { box-sizing: border-box; }

/* El tema deja aire arriba y abajo del contenido de la página: aquí no. */
body.woocommerce-checkout .content-wrapper:has(.esc-pago),
body.woocommerce-checkout .site-main:has(.esc-pago),
body.woocommerce-checkout .site-main:has(.esc-pago) article,
body.woocommerce-checkout .site-main:has(.esc-pago) .entry-content {
  margin: 0 !important;
  padding: 0 !important;
  max-width: none !important;
}

/* ------------------------------------------------------------ la miga */

body.woocommerce-checkout .esc-pago .esc-pasos {
  padding: 26px 0;
  margin: 0;
  font-family: var(--esc-sans) !important;
  font-size: 11px;
  font-weight: 400;
  line-height: normal;
  letter-spacing: .16em;
  text-transform: uppercase;
  color: var(--esc-grafito-pdf);
}
body.woocommerce-checkout .esc-pago .esc-pasos a {
  color: var(--esc-grafito-pdf) !important;
  text-decoration: none !important;
}
body.woocommerce-checkout .esc-pago .esc-pasos a:hover { color: var(--esc-tinta) !important; }
body.woocommerce-checkout .esc-pago .esc-pasos .esc-pasos__on { color: var(--esc-tinta) !important; }

/* ------------------------------------- avisos de WooCommerce (errores…) */

body.woocommerce-checkout .esc-pago .woocommerce-notices-wrapper:empty { display: none; }
body.woocommerce-checkout .esc-pago .woocommerce-error,
body.woocommerce-checkout .esc-pago .woocommerce-info,
body.woocommerce-checkout .esc-pago .woocommerce-message {
  margin: 0 0 24px !important;
  padding: 16px 20px 16px 48px !important;
  border: 1px solid var(--esc-linea) !important;
  border-top: 2px solid var(--esc-tinta) !important;
  font-size: 13px !important;
  line-height: 1.6 !important;
  color: var(--esc-texto-2) !important;
  list-style: none !important;
}
body.woocommerce-checkout .esc-pago .woocommerce-error { border-top-color: #8E2C38 !important; }
body.woocommerce-checkout .esc-pago .woocommerce-error li { margin: 0 !important; }

/* ------------------------------------- las dos columnas (1.25fr / .75fr) */

body.woocommerce-checkout .esc-pago form.checkout.woocommerce-checkout {
  display: grid !important;
  grid-template-columns: minmax(0, 1.25fr) minmax(0, .75fr);
  grid-template-rows: auto auto 1fr;
  column-gap: 60px;
  row-gap: 0;
  align-items: start;
  padding: 38px 0 80px !important;
  margin: 0 !important;
  position: relative;
  width: auto !important;
  float: none !important;
}
body.woocommerce-checkout .esc-pago form.checkout > * { grid-column: 1 / -1; }
body.woocommerce-checkout .esc-pago form.checkout > #customer_details {
  grid-column: 1; grid-row: 2;
  width: auto !important; max-width: none !important; float: none !important; margin: 0 !important; padding: 0 !important;
}
body.woocommerce-checkout .esc-pago form.checkout > .esc-resumen { grid-column: 2; grid-row: 2 / span 2; width: auto !important; max-width: none !important; }
body.woocommerce-checkout .esc-pago form.checkout > .checkout-wrapper {
  grid-column: 1; grid-row: 3;
  width: auto !important; max-width: none !important; float: none !important; margin: 0 !important; padding: 0 !important;
  position: static !important; border: 0 !important; background: none !important;
}
body.woocommerce-checkout .esc-pago #customer_details .col-1,
body.woocommerce-checkout .esc-pago #customer_details .col-2 {
  width: auto !important; float: none !important; margin: 0 !important; padding: 0 !important;
  max-width: none !important; flex: none !important;
}
body.woocommerce-checkout .esc-pago #customer_details::before,
body.woocommerce-checkout .esc-pago #customer_details::after { display: none !important; }
body.woocommerce-checkout .esc-pago #customer_details .woocommerce-shipping-fields,
body.woocommerce-checkout .esc-pago #customer_details .woocommerce-additional-fields { margin: 0 !important; padding: 0 !important; }
body.woocommerce-checkout .esc-pago #order_review_heading { display: none !important; }
body.woocommerce-checkout .esc-pago #order_review,
body.woocommerce-checkout .esc-pago #order_review.woocommerce-checkout-review-order {
  background: none !important; border: 0 !important; padding: 0 !important; margin: 0 !important;
  width: auto !important; float: none !important; position: static !important;
}
body.woocommerce-checkout .esc-pago wc-order-attribution-inputs { display: none; }

/* --------------------------------------------- "01 Sus datos" (títulos) */

body.woocommerce-checkout .esc-pago h3.esc-paso {
  display: flex;
  align-items: baseline;
  gap: 13px;
  margin: 0 0 20px !important;
  padding: 0 !important;
  font-family: var(--esc-serif) !important;
  font-size: 21px !important;
  font-weight: 400 !important;
  line-height: normal !important;
  letter-spacing: 0 !important;
  color: var(--esc-tinta) !important;
  text-transform: none !important;
  border: 0 !important;
}
body.woocommerce-checkout .esc-pago h3.esc-paso i {
  font-family: var(--esc-sans) !important;
  font-style: normal;
  font-size: 10px;
  font-weight: 400;
  letter-spacing: .2em;
  color: var(--esc-grafito-pdf);
}
body.woocommerce-checkout .esc-pago .esc-bloque {
  padding: 0 0 34px;
  margin: 0 0 34px;
  border-bottom: 1px solid var(--esc-linea);
}

/* ------------------------- los campos: caja blanca con la etiqueta adentro */

body.woocommerce-checkout .esc-pago .esc-campos {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  column-gap: 14px;
}
body.woocommerce-checkout .esc-pago .esc-campos .form-row,
body.woocommerce-checkout .esc-pago .esc-cupon .esc-cupon__caja {
  grid-column: 1 / -1;
  display: block !important;
  width: auto !important;
  float: none !important;
  margin: 0 0 14px !important;
  padding: 13px 15px !important;
  border: 1px solid var(--esc-linea-sv) !important;
  background: var(--esc-nieve) !important;
  border-radius: 0 !important;
  cursor: text;
  transition: border-color .15s ease;
}
body.woocommerce-checkout .esc-pago .esc-campos .form-row.form-row-first { grid-column: 1; }
body.woocommerce-checkout .esc-pago .esc-campos .form-row.form-row-last { grid-column: 2; }
body.woocommerce-checkout .esc-pago .esc-campos .form-row:focus-within,
body.woocommerce-checkout .esc-pago .esc-cupon .esc-cupon__caja:focus-within {
  border-color: var(--esc-tinta) !important;
}
/* País: solo Colombia, el renglón no se muestra (el dato "CO" viaja igual). */
body.woocommerce-checkout .esc-pago .esc-campos #billing_country_field { display: none !important; }

body.woocommerce-checkout .esc-pago .esc-campos .form-row label,
body.woocommerce-checkout .esc-pago .esc-cupon .esc-cupon__caja label {
  display: block !important;
  margin: 0 0 5px !important;
  padding: 0 !important;
  font-family: var(--esc-sans) !important;
  font-size: 9.5px !important;
  font-weight: 300 !important;
  line-height: normal !important;
  letter-spacing: .2em !important;
  text-transform: uppercase !important;
  color: var(--esc-grafito-pdf) !important;
  cursor: text;
}
/* La maqueta no lleva asterisco ni "(opcional)". */
body.woocommerce-checkout .esc-pago .esc-campos .form-row label .required,
body.woocommerce-checkout .esc-pago .esc-campos .form-row label .optional { display: none !important; }

body.woocommerce-checkout .esc-pago .esc-campos .form-row .woocommerce-input-wrapper { display: block; }
body.woocommerce-checkout .esc-pago .esc-campos .form-row input.input-text,
body.woocommerce-checkout .esc-pago .esc-campos .form-row textarea,
body.woocommerce-checkout .esc-pago .esc-campos .form-row select,
body.woocommerce-checkout .esc-pago .esc-cupon .esc-cupon__caja input.input-text {
  display: block;
  width: 100% !important;
  height: 19px !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  outline: none !important;
  font-family: var(--esc-sans) !important;
  font-size: 13px !important;
  font-weight: 300 !important;
  line-height: 19px !important;
  letter-spacing: normal !important;
  color: #3C3B41 !important;
}
body.woocommerce-checkout .esc-pago .esc-campos .form-row input.input-text::placeholder,
body.woocommerce-checkout .esc-pago .esc-cupon input.input-text::placeholder {
  color: #9A999F;
  opacity: 1;
}

/* Departamento: la lista con buscador de WooCommerce (select2), sin caja propia. */
body.woocommerce-checkout .esc-pago .esc-campos .select2-container { width: 100% !important; display: block; }
body.woocommerce-checkout .esc-pago .esc-campos .select2-container .select2-selection--single {
  height: 19px !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  outline: none !important;
}
body.woocommerce-checkout .esc-pago .esc-campos .select2-container .select2-selection__rendered {
  padding: 0 22px 0 0 !important;
  line-height: 19px !important;
  font-family: var(--esc-sans) !important;
  font-size: 13px !important;
  font-weight: 300 !important;
  color: #3C3B41 !important;
}
body.woocommerce-checkout .esc-pago .esc-campos .select2-container .select2-selection__arrow {
  height: 19px !important; top: 0 !important; right: 0 !important; width: 16px !important;
}
body.woocommerce-checkout .esc-pago .esc-campos .select2-container .select2-selection__arrow b {
  border-color: var(--esc-grafito-pdf) transparent transparent transparent !important;
}
/* La lista abierta (se dibuja al final de la página, fuera de .esc-pago). */
body.woocommerce-checkout .select2-dropdown {
  border: 1px solid var(--esc-tinta) !important;
  border-radius: 0 !important;
  font-family: var(--esc-sans) !important;
  font-size: 13px !important;
  font-weight: 300 !important;
}
body.woocommerce-checkout .select2-results__option--highlighted[aria-selected],
body.woocommerce-checkout .select2-results__option--highlighted[data-selected] {
  background: var(--esc-tinta) !important;
  color: var(--esc-porcelana) !important;
}

/* Un campo con error: borde y nota en vino (lo marca WooCommerce). */
body.woocommerce-checkout .esc-pago .esc-campos .form-row.woocommerce-invalid,
body.woocommerce-checkout .esc-pago .esc-cupon .esc-cupon__caja.woocommerce-invalid { border-color: #8E2C38 !important; }
body.woocommerce-checkout .esc-pago .esc-campos .form-row.woocommerce-invalid label { color: #8E2C38 !important; }
body.woocommerce-checkout .esc-pago .esc-campos .checkout-inline-error-message {
  margin: 6px 0 0 !important;
  padding: 0 !important;
  font-size: 11px !important;
  line-height: 1.5 !important;
  color: #8E2C38 !important;
}

/* ------------------------------------------------------------ 03 Pago */

body.woocommerce-checkout .esc-pago #payment.esc-metodos {
  background: none !important;
  border: 0 !important;
  border-radius: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
}
body.woocommerce-checkout .esc-pago #payment ul.wc_payment_methods {
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  list-style: none !important;
  background: none !important;
}
body.woocommerce-checkout .esc-pago #payment ul.wc_payment_methods li.esc-metodo {
  position: relative;
  margin: 0 0 11px !important;
  padding: 0 !important;
  border: 1px solid var(--esc-linea-sv) !important;
  background: var(--esc-nieve) !important;
  list-style: none !important;
  line-height: normal !important;
  transition: border-color .15s ease;
}
body.woocommerce-checkout .esc-pago #payment ul.wc_payment_methods li.esc-metodo::before,
body.woocommerce-checkout .esc-pago #payment ul.wc_payment_methods li.esc-metodo::after { display: none !important; }
body.woocommerce-checkout .esc-pago #payment ul.wc_payment_methods li.esc-metodo.is-on,
body.woocommerce-checkout .esc-pago #payment ul.wc_payment_methods li.esc-metodo:has(input:checked) {
  border-color: var(--esc-tinta) !important;
}
/* El círculo de la maqueta ES el botón de opción de verdad (sirve con teclado). */
body.woocommerce-checkout .esc-pago #payment li.esc-metodo input.input-radio {
  -webkit-appearance: none;
  appearance: none;
  position: absolute;
  left: 16px;
  top: 19px;
  width: 13px !important;
  height: 13px !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 1px solid #9C9992 !important;
  border-radius: 50% !important;
  background: var(--esc-nieve) !important;
  cursor: pointer;
}
body.woocommerce-checkout .esc-pago #payment li.esc-metodo input.input-radio:checked {
  border: 4px solid var(--esc-tinta) !important;
}
body.woocommerce-checkout .esc-pago #payment li.esc-metodo input.input-radio:focus-visible {
  outline: 2px solid var(--esc-tinta);
  outline-offset: 3px;
}
body.woocommerce-checkout .esc-pago #payment li.esc-metodo label {
  display: block !important;
  margin: 0 !important;
  padding: 16px 16px 16px 42px !important;
  cursor: pointer;
  font-family: var(--esc-sans) !important;
  font-size: 12.5px !important;
  line-height: normal !important;
  letter-spacing: normal !important;
  text-transform: none !important;
  color: var(--esc-tinta) !important;
}
body.woocommerce-checkout .esc-pago #payment li.esc-metodo label b {
  display: block;
  margin: 0 0 5px;
  font-size: 12.5px;
  font-weight: 500;
  line-height: normal;
  letter-spacing: .12em;
  text-transform: uppercase;
  color: var(--esc-tinta);
}
body.woocommerce-checkout .esc-pago #payment li.esc-metodo label span {
  display: block;
  font-size: 12.5px;
  font-weight: 300;
  line-height: 1.55;
  color: var(--esc-grafito-pdf);
}
body.woocommerce-checkout .esc-pago #payment li.esc-metodo .payment_box {
  margin: 0 16px 16px 42px !important;
  padding: 0 !important;
  background: none !important;
  font-size: 12.5px;
  color: var(--esc-texto-2);
}
body.woocommerce-checkout .esc-pago #payment li.esc-metodo .payment_box::before { display: none !important; }

body.woocommerce-checkout .esc-pago #payment .form-row.place-order {
  margin: 26px 0 0 !important;
  padding: 0 !important;
  border: 0 !important;
  background: none !important;
  float: none !important;
  width: auto !important;
}
body.woocommerce-checkout .esc-pago #payment .woocommerce-terms-and-conditions-wrapper:empty { display: none; }
body.woocommerce-checkout .esc-pago #payment #place_order,
body.woocommerce-checkout .esc-pago #payment button#place_order.button.alt {
  display: block !important;
  float: none !important;
  width: 100% !important;
  height: auto !important;
  margin: 0 !important;
  padding: 15px 38px !important;
  border: 1px solid var(--esc-tinta) !important;
  border-radius: 0 !important;
  background: var(--esc-tinta) !important;
  color: var(--esc-porcelana) !important;
  font-family: var(--esc-sans) !important;
  font-size: 11px !important;
  font-weight: 400 !important;
  line-height: normal !important;
  letter-spacing: .26em !important;
  text-transform: uppercase !important;
  text-align: center !important;
  box-shadow: none !important;
}
body.woocommerce-checkout .esc-pago #payment #place_order:hover {
  background: transparent !important;
  color: var(--esc-tinta) !important;
}
body.woocommerce-checkout .esc-pago #payment .esc-seguro {
  margin: 16px 0 0 !important;
  padding: 0 !important;
  font-size: 11px !important;
  font-weight: 300 !important;
  line-height: 1.6 !important;
  letter-spacing: normal !important;
  text-align: center;
  color: var(--esc-grafito-pdf) !important;
}

/* ------------------------------------------------------------ SU PEDIDO */

body.woocommerce-checkout .esc-pago .esc-resumen {
  align-self: start;
  margin: 0;
  padding: 30px;
  background: var(--esc-nieve);
  border: 1px solid var(--esc-linea);
  transition: opacity .15s ease;
}
body.woocommerce-checkout .esc-pago .esc-resumen.is-cargando { opacity: .55; }
body.woocommerce-checkout .esc-pago .esc-resumen .blockUI.blockOverlay { background: transparent !important; }
body.woocommerce-checkout .esc-pago .esc-resumen__prendas {
  margin: 0 !important; padding: 0 !important; border: 0 !important; background: none !important;
}
body.woocommerce-checkout .esc-pago .esc-resumen h2.esc-resumen__tit {
  margin: 0 0 22px !important;
  padding: 0 !important;
  font-family: var(--esc-sans) !important;
  font-size: 10.5px !important;
  font-weight: 500 !important;
  line-height: normal !important;
  letter-spacing: .24em !important;
  text-transform: uppercase !important;
  color: var(--esc-tinta) !important;
}
body.woocommerce-checkout .esc-pago .esc-lin {
  display: flex;
  gap: 14px;
  align-items: flex-start;
  padding: 0 0 18px;
  margin: 0 0 18px;
  border-bottom: 1px solid var(--esc-linea);
}
body.woocommerce-checkout .esc-pago .esc-lin__f {
  flex: none;
  width: 62px;
  aspect-ratio: 3 / 4;
  overflow: hidden;
  background: #EAE7E2;
}
body.woocommerce-checkout .esc-pago .esc-lin__f img {
  display: block;
  width: 100% !important;
  height: 100% !important;
  max-width: none !important;
  object-fit: cover;
  object-position: center;
}
body.woocommerce-checkout .esc-pago .esc-lin__t { min-width: 0; }
body.woocommerce-checkout .esc-pago .esc-lin__t h3 {
  margin: 0 0 5px !important;
  padding: 0 !important;
  font-family: var(--esc-sans) !important;
  font-size: 12.5px !important;
  font-weight: 400 !important;
  line-height: 1.45 !important;
  letter-spacing: normal !important;
  text-transform: none !important;
  color: var(--esc-tinta) !important;
}
body.woocommerce-checkout .esc-pago .esc-lin__t small {
  display: block;
  font-size: 11px;
  font-weight: 300;
  line-height: normal;
  color: var(--esc-grafito-pdf);
}
body.woocommerce-checkout .esc-pago .esc-lin__p {
  margin-left: auto;
  flex: none;
  white-space: nowrap;
  font-family: var(--esc-serif) !important;
  font-size: 15px;
  font-weight: 400;
  line-height: normal;
  color: var(--esc-tinta);
}

/* La caja del cupón */
body.woocommerce-checkout .esc-pago .esc-cupon { margin: 0 0 22px; }
body.woocommerce-checkout .esc-pago .esc-cupon .esc-cupon__caja { margin: 0 !important; }
body.woocommerce-checkout .esc-pago .esc-cupon__fila { display: flex; align-items: center; gap: 12px; }
body.woocommerce-checkout .esc-pago .esc-cupon__fila input.input-text { flex: 1; min-width: 0; }
body.woocommerce-checkout .esc-pago .esc-cupon .esc-cupon__btn {
  flex: none;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-bottom: 1px solid var(--esc-tinta) !important;
  border-radius: 0 !important;
  background: none !important;
  box-shadow: none !important;
  font-family: var(--esc-sans) !important;
  font-size: 10px !important;
  font-weight: 500 !important;
  line-height: 1.4 !important;
  letter-spacing: .2em !important;
  text-transform: uppercase !important;
  color: var(--esc-tinta) !important;
  cursor: pointer;
}
/* "Aplicar" aparece cuando hay algo escrito (vacía se ve como en la maqueta). */
body.woocommerce-checkout .esc-pago .esc-cupon__fila input:placeholder-shown + .esc-cupon__btn { visibility: hidden; }
body.woocommerce-checkout .esc-pago .esc-cupon.is-cargando .esc-cupon__btn { opacity: .4; }
body.woocommerce-checkout .esc-pago .esc-cupon__msj {
  margin: 0 !important;
  padding: 0 !important;
  font-size: 11px;
  font-weight: 300;
  line-height: 1.5;
  color: var(--esc-grafito-pdf);
}
body.woocommerce-checkout .esc-pago .esc-cupon__msj:not(:empty) { margin-top: 7px !important; }
body.woocommerce-checkout .esc-pago .esc-cupon__msj.is-error { color: #8E2C38; }

/* Las cuentas */
body.woocommerce-checkout .esc-pago .esc-tot {
  display: flex;
  justify-content: space-between;
  align-items: baseline;
  gap: 18px;
  margin: 0 0 11px;
  font-size: 13px;
  font-weight: 300;
  line-height: normal;
  color: var(--esc-texto-2);
  font-variant-numeric: tabular-nums;
}
body.woocommerce-checkout .esc-pago .esc-tot > span:last-child { text-align: right; white-space: nowrap; }
body.woocommerce-checkout .esc-pago .esc-tot .amount,
body.woocommerce-checkout .esc-pago .esc-tot bdi { font-weight: inherit !important; color: inherit !important; }
body.woocommerce-checkout .esc-pago .esc-tot.esc-tot--g {
  margin-top: 16px;
  padding-top: 16px;
  border-top: 1px solid var(--esc-linea);
  font-family: var(--esc-serif) !important;
  font-size: 22px;
  font-weight: 400;
  color: var(--esc-tinta);
}
body.woocommerce-checkout .esc-pago .esc-tot.esc-tot--g small { font-family: var(--esc-sans); font-size: 11px; color: var(--esc-grafito-pdf); }
body.woocommerce-checkout .esc-pago .esc-tot a.woocommerce-remove-coupon {
  margin-left: 8px;
  font-size: 10px;
  letter-spacing: .16em;
  text-transform: uppercase;
  color: var(--esc-grafito-pdf) !important;
  text-decoration: underline !important;
}
body.woocommerce-checkout .esc-pago .esc-tot label.esc-envio { display: flex; gap: 8px; align-items: baseline; cursor: pointer; }

/* ------------------------------------------------ pantallas medianas */

@media (max-width: 1179px) {
  body.woocommerce-checkout .esc-pago { padding: 0 24px !important; }
  body.woocommerce-checkout .esc-pago form.checkout.woocommerce-checkout { column-gap: 44px; }
}

/* ---------------------------- tableta y celular: una sola columna
   Orden: 01 Sus datos · 02 Envío · SU PEDIDO (con el total y el cupón) ·
   03 Pago con el botón. Así la clienta ve qué paga justo antes de pagar. */

@media (max-width: 960px) {
  body.woocommerce-checkout .esc-pago form.checkout.woocommerce-checkout {
    display: block !important;
    padding: 22px 0 56px !important;
  }
  body.woocommerce-checkout .esc-pago .esc-resumen { margin: 0 0 34px; }
  body.woocommerce-checkout .esc-pago .esc-pasos { padding: 20px 0 0; }
}
@media (max-width: 600px) {
  body.woocommerce-checkout .esc-pago { padding: 0 16px !important; }
  body.woocommerce-checkout .esc-pago .esc-pasos { font-size: 10px; letter-spacing: .14em; }
  body.woocommerce-checkout .esc-pago .esc-resumen { padding: 22px 18px; }
  body.woocommerce-checkout .esc-pago .esc-bloque { padding-bottom: 26px; margin-bottom: 26px; }
  body.woocommerce-checkout .esc-pago .esc-campos { column-gap: 10px; }
  body.woocommerce-checkout .esc-pago .esc-campos .form-row { margin-bottom: 10px !important; padding: 12px 13px !important; }
  /* En celular, cada campo con su renglón propio salvo nombre/apellido. */
  body.woocommerce-checkout .esc-pago .esc-campos #billing_state_field,
  body.woocommerce-checkout .esc-pago .esc-campos #billing_city_field,
  body.woocommerce-checkout .esc-pago .esc-campos #billing_barrio_field,
  body.woocommerce-checkout .esc-pago .esc-campos #billing_address_2_field { grid-column: 1 / -1; }
  /* 16 px en los campos: si no, el iPhone acerca la pantalla al tocarlos. */
  body.woocommerce-checkout .esc-pago .esc-campos .form-row input.input-text,
  body.woocommerce-checkout .esc-pago .esc-cupon .esc-cupon__caja input.input-text,
  body.woocommerce-checkout .esc-pago .esc-campos .select2-container .select2-selection__rendered {
    font-size: 16px !important;
    height: 22px !important;
    line-height: 22px !important;
  }
  body.woocommerce-checkout .esc-pago .esc-campos .select2-container .select2-selection--single,
  body.woocommerce-checkout .esc-pago .esc-campos .select2-container .select2-selection__arrow { height: 22px !important; }
  body.woocommerce-checkout .esc-pago #payment li.esc-metodo label { padding: 15px 14px 15px 40px !important; }
  body.woocommerce-checkout .esc-pago #payment li.esc-metodo input.input-radio { left: 14px; top: 18px; }
  body.woocommerce-checkout .esc-pago #payment #place_order { padding: 18px 20px !important; }
}


/* =========================================================================
   LA BOLSA (/cart/). No hay maqueta: se viste con el mismo lenguaje que
   "Su pedido" del pago. Sigue siendo el widget Carrito de Elementor de hoy
   (funciona igual); solo cambia cómo se ve.
   ========================================================================= */

/* El marco de la página: sin el aire ni los fondos grises del widget. */
body.esc-bolsa .elementor-12 .elementor-top-section {
  padding: 0 !important;
  margin: 0 !important;
  background: none !important;
}
body.esc-bolsa .elementor-12 .elementor-top-section > .elementor-background-overlay { display: none !important; }
body.esc-bolsa .elementor-12 .elementor-top-section > .elementor-container {
  box-sizing: border-box;
  max-width: 1180px !important;
  padding: 0 44px !important;
}
body.esc-bolsa .elementor-12 .elementor-top-column > .elementor-widget-wrap { padding: 0 !important; }
body.esc-bolsa .elementor-widget-woocommerce-cart .woocommerce {
  font-family: var(--esc-sans) !important;
  color: var(--esc-tinta);
  letter-spacing: normal;
}
/* El widget parte las palabras por la mitad ("transpor-tadora"): aquí no. */
body.esc-bolsa .elementor-widget-woocommerce-cart .woocommerce * { word-break: normal !important; overflow-wrap: break-word; }
/* Los precios y enlaces heredan la letra de su renglón (el widget les ponía otra). */
body.esc-bolsa .elementor-widget-woocommerce-cart .woocommerce .amount,
body.esc-bolsa .elementor-widget-woocommerce-cart .woocommerce bdi,
body.esc-bolsa .elementor-widget-woocommerce-cart .woocommerce .woocommerce-Price-currencySymbol,
body.esc-bolsa .elementor-widget-woocommerce-cart .woocommerce a.shipping-calculator-button {
  font-family: inherit !important;
}

/* La miga */
body.esc-bolsa .esc-pasos {
  padding: 26px 0;
  margin: 0;
  font-size: 11px;
  font-weight: 400;
  line-height: normal;
  letter-spacing: .16em;
  text-transform: uppercase;
  color: var(--esc-grafito-pdf);
}
body.esc-bolsa .esc-pasos a { color: var(--esc-grafito-pdf) !important; text-decoration: none !important; }
body.esc-bolsa .esc-pasos a:hover { color: var(--esc-tinta) !important; }
body.esc-bolsa .esc-pasos .esc-pasos__on { color: var(--esc-tinta) !important; }

/* Dos columnas como el pago: prendas y cupón a la izquierda, cuentas a la derecha. */
body.esc-bolsa .elementor-widget-woocommerce-cart .e-cart__container {
  display: block !important;
  padding: 38px 0 80px !important;
  margin: 0 !important;
}
body.esc-bolsa .elementor-widget-woocommerce-cart .e-cart__column-start {
  display: grid !important;
  grid-template-columns: minmax(0, 1.25fr) minmax(0, .75fr);
  column-gap: 60px;
  align-items: start;
  width: auto !important;
  max-width: none !important;
  padding: 0 !important;
}
body.esc-bolsa .elementor-widget-woocommerce-cart .e-cart__column-start > form.woocommerce-cart-form { grid-column: 1; grid-row: 1 / span 2; }
body.esc-bolsa .elementor-widget-woocommerce-cart .e-cart__column-start > .cart_totals { grid-column: 2; grid-row: 1; }
body.esc-bolsa .elementor-widget-woocommerce-cart .e-cart__column-start > * { grid-column: 1; }
body.esc-bolsa .elementor-widget-woocommerce-cart .e-cart__column-end {
  width: auto !important; max-width: none !important; padding: 0 !important; margin: 0 !important;
}
body.esc-bolsa .elementor-widget-woocommerce-cart .e-cart__column-end .e-cart-section { padding: 0 !important; margin: 0 !important; background: none !important; border: 0 !important; }
body.esc-bolsa .elementor-widget-woocommerce-cart .e-cart-section {
  background: none !important;
  border: 0 !important;
  border-radius: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
  box-shadow: none !important;
}

/* El título de la columna de prendas (como "SU PEDIDO"). */
body.esc-bolsa .elementor-widget-woocommerce-cart form.woocommerce-cart-form::before {
  content: "Su bolsa";
  display: block;
  margin: 0 0 22px;
  font-size: 10.5px;
  font-weight: 500;
  letter-spacing: .24em;
  text-transform: uppercase;
  color: var(--esc-tinta);
}

/* La tabla de prendas, vestida como las líneas de "Su pedido". */
body.esc-bolsa .elementor-widget-woocommerce-cart table.shop_table.cart {
  display: block;
  width: 100% !important;
  margin: 0 !important;
  border: 0 !important;
  border-collapse: separate;
  background: none !important;
}
body.esc-bolsa .elementor-widget-woocommerce-cart table.shop_table.cart thead {
  position: absolute !important; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap;
}
body.esc-bolsa .elementor-widget-woocommerce-cart table.shop_table.cart tbody { display: block; }
body.esc-bolsa .elementor-widget-woocommerce-cart table.shop_table.cart tr.cart_item {
  display: grid !important;
  grid-template-columns: 62px minmax(0, 1fr) auto auto;
  grid-template-areas: "foto nombre subtotal quitar" "foto cantidad subtotal quitar";
  grid-template-rows: auto 1fr;
  column-gap: 14px;
  row-gap: 10px;
  padding: 0 0 18px !important;
  margin: 0 0 18px !important;
  border-bottom: 1px solid var(--esc-linea) !important;
  background: none !important;
}
body.esc-bolsa .elementor-widget-woocommerce-cart table.shop_table.cart tr.cart_item td {
  display: block !important;
  padding: 0 !important;
  margin: 0 !important;
  border: 0 !important;
  background: none !important;
  text-align: left !important;
  font-size: 12.5px;
  line-height: 1.45;
  min-width: 0;
}
body.esc-bolsa .elementor-widget-woocommerce-cart table.shop_table.cart tr.cart_item td::before { display: none !important; content: none !important; }
body.esc-bolsa .elementor-widget-woocommerce-cart table.shop_table.cart td.product-thumbnail { grid-area: foto; width: 62px !important; }
body.esc-bolsa .elementor-widget-woocommerce-cart table.shop_table.cart td.product-thumbnail a { display: block; width: 62px; aspect-ratio: 3 / 4; overflow: hidden; background: #EAE7E2; }
body.esc-bolsa .elementor-widget-woocommerce-cart table.shop_table.cart td.product-thumbnail img {
  display: block; width: 100% !important; height: 100% !important; max-width: none !important; object-fit: cover; margin: 0 !important;
}
body.esc-bolsa .elementor-widget-woocommerce-cart table.shop_table.cart td.product-name { grid-area: nombre; }
body.esc-bolsa .elementor-widget-woocommerce-cart table.shop_table.cart td.product-name a {
  font-family: var(--esc-sans) !important;
  font-size: 12.5px !important;
  font-weight: 400 !important;
  line-height: 1.45 !important;
  color: var(--esc-tinta) !important;
  text-decoration: none !important;
}
body.esc-bolsa .elementor-widget-woocommerce-cart table.shop_table.cart td.product-name .esc-bolsa__talla {
  display: block;
  margin-top: 5px;
  font-size: 11px;
  font-weight: 300;
  color: var(--esc-grafito-pdf);
}
body.esc-bolsa .elementor-widget-woocommerce-cart table.shop_table.cart td.product-name dl.variation { font-size: 11px; color: var(--esc-grafito-pdf); }
/* El precio de una unidad no se repite (el de la derecha ya es cantidad × precio). */
body.esc-bolsa .elementor-widget-woocommerce-cart table.shop_table.cart tr.cart_item td.product-price { display: none !important; }
body.esc-bolsa .elementor-widget-woocommerce-cart table.shop_table.cart td.product-quantity { grid-area: cantidad; align-self: end; }
body.esc-bolsa .elementor-widget-woocommerce-cart table.shop_table.cart td.product-subtotal {
  grid-area: subtotal;
  white-space: nowrap;
  font-family: var(--esc-serif) !important;
  font-size: 15px !important;
  line-height: normal !important;
  color: var(--esc-tinta) !important;
}
body.esc-bolsa .elementor-widget-woocommerce-cart table.shop_table.cart td.product-subtotal .amount { font-weight: 400 !important; color: inherit !important; }
body.esc-bolsa .elementor-widget-woocommerce-cart table.shop_table.cart td.product-remove { grid-area: quitar; }
body.esc-bolsa .elementor-widget-woocommerce-cart table.shop_table.cart td.product-remove a.remove {
  display: block !important;
  width: auto !important;
  height: auto !important;
  font-family: var(--esc-sans) !important;
  font-size: 18px !important;
  font-weight: 300 !important;
  line-height: 1 !important;
  color: var(--esc-grafito-pdf) !important;
  background: none !important;
  border-radius: 0 !important;
  text-align: center;
}
body.esc-bolsa .elementor-widget-woocommerce-cart table.shop_table.cart td.product-remove a.remove:hover { color: var(--esc-tinta) !important; }
/* La fila escondida que actualiza la bolsa (se usa por detrás). */
body.esc-bolsa .elementor-widget-woocommerce-cart table.shop_table.cart tr:not(.cart_item) { display: none !important; }

/* La cantidad: − 1 + con líneas de un pelo. */
body.esc-bolsa .elementor-widget-woocommerce-cart .quantity {
  display: inline-flex !important;
  align-items: center;
  height: 32px;
  width: auto !important;
  border: 1px solid var(--esc-linea-sv) !important;
  background: var(--esc-nieve) !important;
  border-radius: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
}
body.esc-bolsa .elementor-widget-woocommerce-cart .quantity .qty,
body.esc-bolsa .elementor-widget-woocommerce-cart .quantity input.qty {
  width: 34px !important;
  height: 30px !important;
  min-height: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  text-align: center;
  font-size: 13px !important;
  font-weight: 400 !important;
  color: var(--esc-tinta) !important;
  -moz-appearance: textfield;
}
body.esc-bolsa .elementor-widget-woocommerce-cart .quantity .qty::-webkit-outer-spin-button,
body.esc-bolsa .elementor-widget-woocommerce-cart .quantity .qty::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; }
body.esc-bolsa .elementor-widget-woocommerce-cart .quantity a.botiga-quantity-minus,
body.esc-bolsa .elementor-widget-woocommerce-cart .quantity a.botiga-quantity-plus {
  display: flex !important;
  align-items: center;
  justify-content: center;
  width: 30px;
  height: 30px;
  font-size: 14px !important;
  line-height: 1 !important;
  color: var(--esc-tinta) !important;
  text-decoration: none !important;
  background: none !important;
  border: 0 !important;
}

/* El cupón: la misma caja que en el pago. */
body.esc-bolsa .elementor-widget-woocommerce-cart .coupon {
  margin: 4px 0 0 !important;
  padding: 0 !important;
  background: none !important;
  border: 0 !important;
}
body.esc-bolsa .elementor-widget-woocommerce-cart .coupon .coupon-col {
  display: flex !important;
  align-items: center;
  gap: 12px;
  margin: 0 !important;
  padding: 13px 15px !important;
  border: 1px solid var(--esc-linea-sv) !important;
  background: var(--esc-nieve) !important;
  float: none !important;
  width: auto !important;
}
body.esc-bolsa .elementor-widget-woocommerce-cart .coupon .coupon-col:focus-within { border-color: var(--esc-tinta) !important; }
body.esc-bolsa .elementor-widget-woocommerce-cart .coupon .coupon-col-start { flex: 1; min-width: 0; padding: 0 !important; margin: 0 !important; width: auto !important; }
body.esc-bolsa .elementor-widget-woocommerce-cart .coupon .coupon-col-start::before {
  content: "Cupón";
  display: block;
  margin: 0 0 5px;
  font-size: 9.5px;
  font-weight: 300;
  line-height: normal;
  letter-spacing: .2em;
  text-transform: uppercase;
  color: var(--esc-grafito-pdf);
}
body.esc-bolsa .elementor-widget-woocommerce-cart .coupon input#coupon_code {
  width: 100% !important;
  height: 19px !important;
  min-height: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
  border: 0 !important;
  background: transparent !important;
  font-family: var(--esc-sans) !important;
  font-size: 13px !important;
  font-weight: 300 !important;
  line-height: 19px !important;
  color: #3C3B41 !important;
  box-shadow: none !important;
  outline: none !important;
}
body.esc-bolsa .elementor-widget-woocommerce-cart .coupon input#coupon_code::placeholder { color: #9A999F; opacity: 1; }
body.esc-bolsa .elementor-widget-woocommerce-cart .coupon .coupon-col-end { flex: none; padding: 0 !important; margin: 0 !important; width: auto !important; }
body.esc-bolsa .elementor-widget-woocommerce-cart .coupon button.e-apply-coupon {
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-bottom: 1px solid var(--esc-tinta) !important;
  background: none !important;
  color: var(--esc-tinta) !important;
  font-size: 10px !important;
  font-weight: 500 !important;
  letter-spacing: .2em !important;
  line-height: 1.4 !important;
  width: auto !important;
  min-height: 0 !important;
  animation: none !important;
}

/* Las cuentas (la caja blanca de la derecha, como "Su pedido"). */
body.esc-bolsa .elementor-widget-woocommerce-cart .cart_totals {
  width: auto !important;
  float: none !important;
  margin: 0 !important;
  padding: 30px !important;
  background: var(--esc-nieve) !important;
  border: 1px solid var(--esc-linea) !important;
  border-radius: 0 !important;
}
body.esc-bolsa .elementor-widget-woocommerce-cart .cart_totals h2 {
  margin: 0 0 22px !important;
  padding: 0 !important;
  font-family: var(--esc-sans) !important;
  font-size: 10.5px !important;
  font-weight: 500 !important;
  line-height: normal !important;
  letter-spacing: .24em !important;
  text-transform: uppercase !important;
  color: var(--esc-tinta) !important;
}
body.esc-bolsa .elementor-widget-woocommerce-cart .cart_totals table.shop_table,
body.esc-bolsa .elementor-widget-woocommerce-cart .cart_totals table.shop_table tbody { display: block; width: 100%; border: 0 !important; margin: 0 !important; background: none !important; }
body.esc-bolsa .elementor-widget-woocommerce-cart .cart_totals table.shop_table tr {
  display: flex !important;
  justify-content: space-between;
  align-items: baseline;
  gap: 18px;
  margin: 0 0 11px;
  padding: 0 !important;
  border: 0 !important;
  background: none !important;
}
body.esc-bolsa .elementor-widget-woocommerce-cart .cart_totals table.shop_table th,
body.esc-bolsa .elementor-widget-woocommerce-cart .cart_totals table.shop_table td {
  display: block !important;
  padding: 0 !important;
  border: 0 !important;
  background: none !important;
  font-family: var(--esc-sans) !important;
  font-size: 13px !important;
  font-weight: 300 !important;
  line-height: normal !important;
  letter-spacing: normal !important;
  text-transform: none !important;
  color: var(--esc-texto-2) !important;
  width: auto !important;
}
body.esc-bolsa .elementor-widget-woocommerce-cart .cart_totals table.shop_table td { text-align: right !important; }
body.esc-bolsa .elementor-widget-woocommerce-cart .cart_totals table.shop_table td::before { display: none !important; }
body.esc-bolsa .elementor-widget-woocommerce-cart .cart_totals table.shop_table .amount,
body.esc-bolsa .elementor-widget-woocommerce-cart .cart_totals table.shop_table strong { font-weight: inherit !important; color: inherit !important; }
/* Envío: el método real y su costo, la ciudad y "Cambiar dirección", en letra pequeña. */
/* El nombre del envío ya dice "Envío…": el título de la fila se deja solo para lectores de pantalla. */
body.esc-bolsa .elementor-widget-woocommerce-cart .cart_totals tr.shipping { display: block !important; }
body.esc-bolsa .elementor-widget-woocommerce-cart .cart_totals tr.shipping th {
  position: absolute !important; width: 1px !important; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap;
}
body.esc-bolsa .elementor-widget-woocommerce-cart .cart_totals table.shop_table tr.shipping td { text-align: left !important; }
body.esc-bolsa .elementor-widget-woocommerce-cart .cart_totals ul#shipping_method { margin: 0 !important; padding: 0 !important; list-style: none !important; }
body.esc-bolsa .elementor-widget-woocommerce-cart .cart_totals ul#shipping_method li { display: flex; gap: 8px; align-items: baseline; margin: 0 !important; padding: 0 !important; text-indent: 0 !important; }
body.esc-bolsa .elementor-widget-woocommerce-cart .cart_totals ul#shipping_method label { font-size: 13px !important; font-weight: 300 !important; color: var(--esc-texto-2) !important; display: inline !important; margin: 0 !important; text-transform: none !important; letter-spacing: normal !important; }
body.esc-bolsa .elementor-widget-woocommerce-cart .cart_totals .woocommerce-shipping-destination,
body.esc-bolsa .elementor-widget-woocommerce-cart .cart_totals .woocommerce-shipping-calculator {
  margin: 6px 0 0 !important;
  font-size: 11px !important;
  line-height: 1.5;
  color: var(--esc-grafito-pdf) !important;
  text-align: left;
}
body.esc-bolsa .elementor-widget-woocommerce-cart .cart_totals .woocommerce-shipping-destination strong { font-weight: 400 !important; }
body.esc-bolsa .elementor-widget-woocommerce-cart .cart_totals form.woocommerce-shipping-calculator {
  position: static !important; left: auto !important; right: auto !important; width: auto !important;
}
body.esc-bolsa .elementor-widget-woocommerce-cart .cart_totals a.shipping-calculator-button {
  font-size: 10px !important;
  letter-spacing: .16em;
  text-transform: uppercase;
  color: var(--esc-grafito-pdf) !important;
  text-decoration: underline !important;
  margin: 0 !important;
  position: static !important;
}
body.esc-bolsa .elementor-widget-woocommerce-cart .cart_totals .shipping-calculator-form { text-align: left; margin-top: 10px; }
body.esc-bolsa .elementor-widget-woocommerce-cart .cart_totals .shipping-calculator-form .form-row { margin: 0 0 8px !important; padding: 0 !important; }
body.esc-bolsa .elementor-widget-woocommerce-cart .cart_totals table.shop_table tr.order-total {
  margin: 16px 0 0;
  padding-top: 16px !important;
  border-top: 1px solid var(--esc-linea) !important;
}
body.esc-bolsa .elementor-widget-woocommerce-cart .cart_totals tr.order-total th,
body.esc-bolsa .elementor-widget-woocommerce-cart .cart_totals tr.order-total td {
  font-family: var(--esc-serif) !important;
  font-size: 22px !important;
  font-weight: 400 !important;
  color: var(--esc-tinta) !important;
}
body.esc-bolsa .elementor-widget-woocommerce-cart .cart_totals .wc-proceed-to-checkout { margin: 26px 0 0 !important; padding: 0 !important; }
body.esc-bolsa .elementor-widget-woocommerce-cart .cart_totals a.checkout-button {
  display: block !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 15px 20px !important;
  border: 1px solid var(--esc-tinta) !important;
  border-radius: 0 !important;
  background: var(--esc-tinta) !important;
  color: var(--esc-porcelana) !important;
  font-family: var(--esc-sans) !important;
  font-size: 11px !important;
  font-weight: 400 !important;
  line-height: normal !important;
  letter-spacing: .26em !important;
  text-transform: uppercase !important;
  text-align: center !important;
  animation: none !important;
}
body.esc-bolsa .elementor-widget-woocommerce-cart .cart_totals a.checkout-button:hover { background: transparent !important; color: var(--esc-tinta) !important; }

/* Los avisos ("Carrito actualizado.", errores del cupón…) */
body.esc-bolsa .woocommerce .woocommerce-message,
body.esc-bolsa .woocommerce .woocommerce-info,
body.esc-bolsa .woocommerce .woocommerce-error {
  margin: 0 0 24px !important;
  padding: 16px 20px !important;
  border: 1px solid var(--esc-linea) !important;
  border-top: 2px solid var(--esc-tinta) !important;
  background: var(--esc-nieve) !important;
  font-family: var(--esc-sans) !important;
  font-size: 13px !important;
  font-weight: 300 !important;
  line-height: 1.6 !important;
  text-align: left !important;
  color: var(--esc-texto-2) !important;
  list-style: none !important;
}
body.esc-bolsa .woocommerce .woocommerce-error { border-top-color: #8E2C38 !important; }
body.esc-bolsa .woocommerce .woocommerce-message::before,
body.esc-bolsa .woocommerce .woocommerce-info::before,
body.esc-bolsa .woocommerce .woocommerce-error::before { display: none !important; }

/* La bolsa vacía */
body.esc-bolsa .elementor-widget-woocommerce-cart .cart-empty,
body.esc-bolsa .woocommerce .cart-empty {
  margin: 60px 0 24px !important;
  padding: 0 !important;
  border: 0 !important;
  background: none !important;
  font-family: var(--esc-serif) !important;
  font-size: 26px !important;
  text-align: center;
  color: var(--esc-tinta) !important;
}
body.esc-bolsa .woocommerce .cart-empty.woocommerce-info { text-align: center !important; border: 0 !important; background: none !important; padding: 0 !important; font-size: 26px !important; color: var(--esc-tinta) !important; font-family: var(--esc-serif) !important; }
body.esc-bolsa .woocommerce .cart-empty::before { display: none !important; }
body.esc-bolsa .woocommerce .return-to-shop { text-align: center; margin: 0 0 80px !important; }

@media (max-width: 1179px) {
  body.esc-bolsa .elementor-12 .elementor-top-section > .elementor-container { padding: 0 24px !important; }
  body.esc-bolsa .elementor-widget-woocommerce-cart .e-cart__column-start { column-gap: 44px; }
}
@media (max-width: 960px) {
  body.esc-bolsa .elementor-widget-woocommerce-cart .e-cart__column-start { display: block !important; }
  body.esc-bolsa .elementor-widget-woocommerce-cart .e-cart__container { padding: 22px 0 56px !important; }
  body.esc-bolsa .elementor-widget-woocommerce-cart .cart_totals { margin-top: 34px !important; }
  body.esc-bolsa .esc-pasos { padding: 20px 0 0; }
}
@media (max-width: 600px) {
  body.esc-bolsa .elementor-12 .elementor-top-section > .elementor-container { padding: 0 16px !important; }
  body.esc-bolsa .esc-pasos { font-size: 10px; letter-spacing: .14em; }
  body.esc-bolsa .elementor-widget-woocommerce-cart .cart_totals { padding: 22px 18px !important; }
  body.esc-bolsa .elementor-widget-woocommerce-cart .coupon input#coupon_code { font-size: 16px !important; height: 22px !important; line-height: 22px !important; }
}