/* MEAI Quick Checkout v4
   Visual layer for Journal3 Quick Checkout. No checkout logic is changed. */
.quick-checkout-wrapper {
  --meai-qc-text:#172033;
  --meai-qc-muted:#667085;
  --meai-qc-border:#e4e8ee;
  --meai-qc-soft:#f6f7f9;
  --meai-qc-soft2:#fafbfc;
  --meai-qc-dark:#15191f;
  --meai-qc-green:#1b7f47;
  --meai-qc-radius:16px;
  max-width:1280px;
  margin:18px auto 44px !important;
}

/* Vue root / two-column shell */
.quick-checkout-wrapper .quick-checkout > div:not(.journal-loading),
.quick-checkout-wrapper .quick-checkout > div.login-active {
  display:grid !important;
  grid-template-columns:minmax(0, 1fr) minmax(390px, .82fr) !important;
  align-items:start !important;
  gap:22px !important;
  width:100% !important;
  background:transparent !important;
}
.quick-checkout-wrapper .left,
.quick-checkout-wrapper .right {
  display:flex !important;
  flex-direction:column !important;
  gap:16px !important;
  float:none !important;
  width:auto !important;
  min-width:0 !important;
  padding:0 !important;
  margin:0 !important;
  background:transparent !important;
}

/* Section cards */
.quick-checkout-wrapper .checkout-section,
.quick-checkout-wrapper .shipping-payment > .section-shipping,
.quick-checkout-wrapper .shipping-payment > .section-payment {
  margin:0 !important;
  border:1px solid var(--meai-qc-border) !important;
  border-radius:var(--meai-qc-radius) !important;
  background:#fff !important;
  box-shadow:0 5px 20px rgba(16,24,40,.045) !important;
  overflow:hidden !important;
}
.quick-checkout-wrapper .shipping-payment {
  display:grid !important;
  grid-template-columns:1fr !important;
  gap:16px !important;
  margin:0 !important;
  padding:0 !important;
  border:0 !important;
  background:transparent !important;
  box-shadow:none !important;
  overflow:visible !important;
}
.quick-checkout-wrapper .section-title {
  display:flex !important;
  align-items:center !important;
  min-height:52px !important;
  margin:0 !important;
  padding:14px 17px !important;
  border:0 !important;
  border-bottom:1px solid #eceff3 !important;
  background:#fff !important;
  color:var(--meai-qc-text) !important;
  font-size:15px !important;
  line-height:1.25 !important;
  font-weight:800 !important;
  letter-spacing:0 !important;
}
.quick-checkout-wrapper .section-body {
  padding:17px !important;
  background:#fff !important;
  color:var(--meai-qc-text) !important;
}

/* Fields */
.quick-checkout-wrapper .form-group { margin-bottom:13px !important; }
.quick-checkout-wrapper .control-label,
.quick-checkout-wrapper label {
  color:#3a4454 !important;
  font-size:12.5px !important;
  font-weight:700 !important;
}
.quick-checkout-wrapper .form-control {
  height:44px !important;
  padding:9px 12px !important;
  border:1px solid #d7dde5 !important;
  border-radius:10px !important;
  background:#fff !important;
  color:var(--meai-qc-text) !important;
  box-shadow:none !important;
  font-size:14px !important;
}
.quick-checkout-wrapper textarea.form-control { height:auto !important; min-height:86px !important; }
.quick-checkout-wrapper .form-control:focus {
  border-color:#8d98a8 !important;
  box-shadow:0 0 0 3px rgba(23,32,51,.06) !important;
}
.quick-checkout-wrapper .text-danger { margin-top:5px !important; font-size:12px !important; }

/* Choice rows */
.quick-checkout-wrapper .radio,
.quick-checkout-wrapper .checkbox { margin:7px 0 !important; }
.quick-checkout-wrapper .radio > label,
.quick-checkout-wrapper .checkbox > label,
.quick-checkout-wrapper .radio-inline {
  display:flex !important;
  align-items:flex-start !important;
  gap:9px !important;
  min-height:42px !important;
  margin:0 !important;
  padding:10px 11px !important;
  border:1px solid #e4e8ed !important;
  border-radius:10px !important;
  background:var(--meai-qc-soft2) !important;
  color:#344054 !important;
  line-height:1.35 !important;
  cursor:pointer !important;
}
.quick-checkout-wrapper input[type="radio"],
.quick-checkout-wrapper input[type="checkbox"] { flex:0 0 auto; margin:2px 0 0 !important; }

/* Shipping/payment blocks */
.quick-checkout-wrapper .shippings,
.quick-checkout-wrapper .section-payment .section-body { display:block !important; }
.quick-checkout-wrapper .shipping-quote-title { color:var(--meai-qc-text) !important; font-weight:800 !important; }
.quick-checkout-wrapper .shipping-quote-desc { color:var(--meai-qc-muted) !important; font-size:12px !important; }

/* Fix legacy inline COD notice */
.quick-checkout-wrapper .shipping-payment > div[style*="1000%"] {
  display:block !important;
  width:auto !important;
  max-width:none !important;
  margin:0 !important;
  padding:11px 13px !important;
  border:1px solid #dce9e2 !important;
  border-radius:11px !important;
  background:#f5faf7 !important;
  color:#315b43 !important;
}
.quick-checkout-wrapper .shipping-payment > div[style*="1000%"] p {
  margin:0 !important;
  color:#315b43 !important;
  font-size:12.5px !important;
  font-weight:700 !important;
}

/* Coupon / voucher */
.quick-checkout-wrapper .section-cvr .input-group { display:flex !important; gap:8px !important; width:100% !important; }
.quick-checkout-wrapper .section-cvr .input-group .form-control { flex:1 1 auto !important; border-radius:10px !important; }
.quick-checkout-wrapper .section-cvr .input-group-btn { width:auto !important; }

/* Buttons */
.quick-checkout-wrapper .btn {
  min-height:42px !important;
  border-radius:10px !important;
  box-shadow:none !important;
  font-weight:800 !important;
  transition:background .18s ease,border-color .18s ease,transform .18s ease !important;
}
.quick-checkout-wrapper .btn-primary {
  border-color:var(--meai-qc-dark) !important;
  background:var(--meai-qc-dark) !important;
  color:#fff !important;
}
.quick-checkout-wrapper .btn-primary:hover { background:#292f38 !important; border-color:#292f38 !important; }
.quick-checkout-wrapper .btn-default { border:1px solid #d9dee6 !important; background:#fff !important; color:#303846 !important; }

/* Order summary */
.quick-checkout-wrapper .cart-section .section-body { padding:13px !important; }
.quick-checkout-wrapper .cart-section .table-responsive {
  margin:0 !important;
  border:0 !important;
  overflow:visible !important;
}
.quick-checkout-wrapper .cart-section table {
  width:100% !important;
  margin:0 !important;
  border:0 !important;
  border-collapse:separate !important;
  border-spacing:0 8px !important;
  background:transparent !important;
}
.quick-checkout-wrapper .cart-section table thead { display:none !important; }
.quick-checkout-wrapper .cart-section table tbody tr { background:transparent !important; }
.quick-checkout-wrapper .cart-section table tbody td {
  padding:9px 8px !important;
  vertical-align:middle !important;
  border-top:1px solid #e7ebef !important;
  border-bottom:1px solid #e7ebef !important;
  background:#f8f9fb !important;
  color:var(--meai-qc-text) !important;
}
.quick-checkout-wrapper .cart-section table tbody td:first-child { border-left:1px solid #e7ebef !important; border-radius:11px 0 0 11px !important; }
.quick-checkout-wrapper .cart-section table tbody td:last-child { border-right:1px solid #e7ebef !important; border-radius:0 11px 11px 0 !important; }
.quick-checkout-wrapper .cart-section .td-image { width:66px !important; }
.quick-checkout-wrapper .cart-section .td-image img {
  width:52px !important; height:52px !important; object-fit:contain !important;
  padding:3px !important; border:1px solid #eceff2 !important; border-radius:9px !important; background:#fff !important;
}
.quick-checkout-wrapper .cart-section .td-product a { color:var(--meai-qc-text) !important; font-weight:800 !important; line-height:1.3 !important; }
.quick-checkout-wrapper .cart-section .td-product small,
.quick-checkout-wrapper .cart-section .label-info { color:var(--meai-qc-muted) !important; font-size:11px !important; }
.quick-checkout-wrapper .cart-section .td-model,
.quick-checkout-wrapper .cart-section .td-price { display:none !important; }
.quick-checkout-wrapper .cart-section .td-total { width:90px !important; white-space:nowrap !important; font-weight:900 !important; }
.quick-checkout-wrapper .cart-section .td-qty { width:126px !important; }
.quick-checkout-wrapper .cart-section .td-qty .input-group { display:flex !important; align-items:center !important; max-width:120px !important; }
.quick-checkout-wrapper .cart-section .td-qty .form-control { height:36px !important; text-align:center !important; padding:6px !important; }
.quick-checkout-wrapper .cart-section .td-qty .btn { min-width:34px !important; min-height:36px !important; height:36px !important; padding:6px !important; }
.quick-checkout-wrapper .cart-section .table-responsive + table {
  width:100% !important;
  margin:10px 0 0 !important;
  border:1px solid #e5e9ee !important;
  border-spacing:0 !important;
  border-radius:11px !important;
  overflow:hidden !important;
  background:#fff !important;
}
.quick-checkout-wrapper .cart-section .table-responsive + table td {
  padding:8px 11px !important;
  border:0 !important;
  border-bottom:1px solid #eef0f3 !important;
  background:#fff !important;
}
.quick-checkout-wrapper .cart-section .table-responsive + table tr:last-child td {
  border-bottom:0 !important;
  padding-top:11px !important; padding-bottom:11px !important;
  font-size:16px !important; font-weight:900 !important;
}

/* Payment details + confirmation */
.quick-checkout-wrapper .checkout-payment-details .quick-checkout-payment { padding:14px 17px !important; background:#fff !important; }
.quick-checkout-wrapper .confirm-section .section-body { padding-top:14px !important; }
.quick-checkout-wrapper .confirm-buttons { margin:12px 0 0 !important; }
.quick-checkout-wrapper .confirm-buttons .pull-right { float:none !important; width:100% !important; }
.quick-checkout-wrapper #quick-checkout-button-confirm,
.quick-checkout-wrapper .confirm-section .btn-primary {
  width:100% !important;
  min-height:50px !important;
  background:var(--meai-qc-green) !important;
  border-color:var(--meai-qc-green) !important;
  font-size:15px !important;
}
.quick-checkout-wrapper #quick-checkout-button-confirm:hover,
.quick-checkout-wrapper .confirm-section .btn-primary:hover { background:#176b3d !important; border-color:#176b3d !important; }

/* Alerts */
.quick-checkout-wrapper .alert { margin:0 0 12px !important; border-radius:10px !important; border-width:1px !important; font-size:13px !important; }

/* Tablet */
@media (max-width: 1050px) {
  .quick-checkout-wrapper .quick-checkout > div:not(.journal-loading),
  .quick-checkout-wrapper .quick-checkout > div.login-active {
    grid-template-columns:minmax(0, 1fr) minmax(350px, .9fr) !important;
    gap:16px !important;
  }
}

/* Mobile */
@media (max-width: 820px) {
  .quick-checkout-wrapper { margin:10px auto 28px !important; }
  .quick-checkout-wrapper .quick-checkout > div:not(.journal-loading),
  .quick-checkout-wrapper .quick-checkout > div.login-active {
    display:flex !important;
    flex-direction:column !important;
    gap:13px !important;
  }
  .quick-checkout-wrapper .left,
  .quick-checkout-wrapper .right { width:100% !important; gap:13px !important; }
  .quick-checkout-wrapper .checkout-section,
  .quick-checkout-wrapper .shipping-payment > .section-shipping,
  .quick-checkout-wrapper .shipping-payment > .section-payment { border-radius:13px !important; }
  .quick-checkout-wrapper .section-title { min-height:47px !important; padding:12px 13px !important; font-size:14px !important; }
  .quick-checkout-wrapper .section-body { padding:13px !important; }

  .quick-checkout-wrapper .cart-section table,
  .quick-checkout-wrapper .cart-section tbody { display:block !important; }
  .quick-checkout-wrapper .cart-section tbody tr {
    position:relative !important;
    display:grid !important;
    grid-template-columns:62px minmax(0,1fr) !important;
    gap:2px 10px !important;
    margin:0 0 9px !important;
    padding:9px !important;
    border:1px solid #e6e9ed !important;
    border-radius:11px !important;
    background:#f8f9fb !important;
  }
  .quick-checkout-wrapper .cart-section tbody td {
    display:block !important;
    width:auto !important;
    padding:2px 0 !important;
    border:0 !important;
    border-radius:0 !important;
    background:transparent !important;
  }
  .quick-checkout-wrapper .cart-section .td-image { grid-column:1 !important; grid-row:1 / 4 !important; }
  .quick-checkout-wrapper .cart-section .td-image img { width:58px !important; height:58px !important; }
  .quick-checkout-wrapper .cart-section .td-product { grid-column:2 !important; padding-right:44px !important; }
  .quick-checkout-wrapper .cart-section .td-qty { grid-column:2 !important; margin-top:5px !important; }
  .quick-checkout-wrapper .cart-section .td-total { position:absolute !important; right:9px !important; bottom:12px !important; width:auto !important; }
  .quick-checkout-wrapper .cart-section .td-qty .input-group { max-width:108px !important; }
  .quick-checkout-wrapper .cart-section .table-responsive + table { display:table !important; }
  .quick-checkout-wrapper .section-cvr .input-group { flex-wrap:wrap !important; }
  .quick-checkout-wrapper .section-cvr .input-group .form-control { flex-basis:100% !important; }
  .quick-checkout-wrapper .section-cvr .input-group-btn,
  .quick-checkout-wrapper .section-cvr .input-group-btn .btn { width:100% !important; }
}

@media (max-width: 430px) {
  .quick-checkout-wrapper .form-control { height:42px !important; }
  .quick-checkout-wrapper .section-title { padding-left:12px !important; padding-right:12px !important; }
  .quick-checkout-wrapper .section-body { padding:12px !important; }
  .quick-checkout-wrapper .radio > label,
  .quick-checkout-wrapper .checkbox > label,
  .quick-checkout-wrapper .radio-inline { padding:9px !important; }
}

/* MEAI Quick Checkout v5 — Vue mount layout fix
   Journal/Vue replaces .quick-checkout with the template root, so .left/.right
   become children of the direct root inside .quick-checkout-wrapper. */
@media (min-width: 821px) {
  .quick-checkout-wrapper > div:not(.quick-checkout):not(.journal-loading),
  .quick-checkout-wrapper > div.login-active {
    display:grid !important;
    grid-template-columns:minmax(0, 1fr) minmax(390px, .82fr) !important;
    align-items:start !important;
    gap:22px !important;
    width:100% !important;
    max-width:none !important;
    float:none !important;
    clear:both !important;
    background:transparent !important;
  }

  .quick-checkout-wrapper > div > .left,
  .quick-checkout-wrapper > div > .right {
    float:none !important;
    width:auto !important;
    max-width:none !important;
    min-width:0 !important;
    margin:0 !important;
  }
}

@media (min-width: 821px) and (max-width: 1050px) {
  .quick-checkout-wrapper > div:not(.quick-checkout):not(.journal-loading),
  .quick-checkout-wrapper > div.login-active {
    grid-template-columns:minmax(0, 1fr) minmax(350px, .9fr) !important;
    gap:16px !important;
  }
}

@media (max-width: 820px) {
  .quick-checkout-wrapper > div:not(.quick-checkout):not(.journal-loading),
  .quick-checkout-wrapper > div.login-active {
    display:flex !important;
    flex-direction:column !important;
    gap:13px !important;
    width:100% !important;
  }

  .quick-checkout-wrapper > div > .left,
  .quick-checkout-wrapper > div > .right {
    width:100% !important;
  }
}

/* MEAI Quick Checkout v6 — unified right rail + payment/confirm polish */
@media (min-width: 821px) {
  .quick-checkout-wrapper .right {
    align-items:stretch !important;
  }
  .quick-checkout-wrapper .right > *,
  .quick-checkout-wrapper .right > .checkout-section,
  .quick-checkout-wrapper .right > .shipping-payment,
  .quick-checkout-wrapper .right > .section-cvr,
  .quick-checkout-wrapper .right > .cart-section,
  .quick-checkout-wrapper .right > .checkout-payment-details,
  .quick-checkout-wrapper .right > .confirm-section {
    display:block;
    width:100% !important;
    min-width:0 !important;
    max-width:none !important;
    margin-left:0 !important;
    margin-right:0 !important;
    float:none !important;
    align-self:stretch !important;
    box-sizing:border-box !important;
  }
}

/* Keep Shipping + Payment as two equal cards, but everything below full-width. */
.quick-checkout-wrapper .shipping-payment {
  width:100% !important;
  max-width:none !important;
  box-sizing:border-box !important;
}
@media (min-width: 980px) {
  .quick-checkout-wrapper .shipping-payment {
    display:grid !important;
    grid-template-columns:minmax(0,1fr) minmax(0,1fr) !important;
    align-items:stretch !important;
    gap:14px !important;
  }
  .quick-checkout-wrapper .shipping-payment > .section-shipping,
  .quick-checkout-wrapper .shipping-payment > .section-payment {
    width:100% !important;
    min-width:0 !important;
    height:100% !important;
  }
}
@media (max-width: 979px) {
  .quick-checkout-wrapper .shipping-payment {
    display:grid !important;
    grid-template-columns:1fr !important;
  }
}

/* The legacy theme contains the COD note twice (both hard-coded with width:1000%).
   Keep the actual payment method title/terms and remove the duplicate legacy notes. */
.quick-checkout-wrapper div[style*="1000%"] {
  display:none !important;
}

/* Normalize all right-side cards to one visual system. */
.quick-checkout-wrapper .right .checkout-section,
.quick-checkout-wrapper .right .section-shipping,
.quick-checkout-wrapper .right .section-payment {
  box-sizing:border-box !important;
}
.quick-checkout-wrapper .right .section-cvr,
.quick-checkout-wrapper .right .cart-section,
.quick-checkout-wrapper .right .checkout-payment-details,
.quick-checkout-wrapper .right .confirm-section {
  width:100% !important;
}

/* Agreement / privacy / newsletter rows: do not let Journal's checkbox styling overlap text. */
.quick-checkout-wrapper .confirm-section .checkbox {
  display:block !important;
  width:100% !important;
  margin:9px 0 !important;
}
.quick-checkout-wrapper .confirm-section .checkbox > label {
  position:relative !important;
  display:grid !important;
  grid-template-columns:20px minmax(0,1fr) !important;
  align-items:start !important;
  column-gap:10px !important;
  width:100% !important;
  min-height:0 !important;
  padding:11px 12px !important;
  white-space:normal !important;
  overflow:visible !important;
  line-height:1.45 !important;
  box-sizing:border-box !important;
}
.quick-checkout-wrapper .confirm-section .checkbox > label input[type="checkbox"] {
  position:static !important;
  display:block !important;
  width:18px !important;
  height:18px !important;
  min-width:18px !important;
  margin:1px 0 0 !important;
  padding:0 !important;
  opacity:1 !important;
  visibility:visible !important;
  transform:none !important;
  vertical-align:top !important;
}
.quick-checkout-wrapper .confirm-section .checkbox > label a {
  color:#1f4e79 !important;
  text-decoration:underline !important;
  text-underline-offset:2px !important;
  font-weight:800 !important;
}
.quick-checkout-wrapper .confirm-section .checkbox > label a:hover {
  color:#132f49 !important;
}

/* Make any confirm/payment CTA readable even when the payment extension injects its own button. */
.quick-checkout-wrapper #quick-checkout-button-confirm,
.quick-checkout-wrapper #button-confirm,
.quick-checkout-wrapper .quick-checkout-payment .btn-primary,
.quick-checkout-wrapper .quick-checkout-payment input[type="submit"],
.quick-checkout-wrapper .confirm-section .btn-primary,
.quick-checkout-wrapper .confirm-section button[type="button"] {
  width:100% !important;
  min-height:50px !important;
  padding:12px 18px !important;
  border:1px solid #15191f !important;
  border-radius:11px !important;
  background:#15191f !important;
  color:#fff !important;
  -webkit-text-fill-color:#fff !important;
  box-shadow:none !important;
  font-size:15px !important;
  line-height:1.2 !important;
  font-weight:900 !important;
  text-shadow:none !important;
  opacity:1 !important;
}
.quick-checkout-wrapper #quick-checkout-button-confirm:hover,
.quick-checkout-wrapper #button-confirm:hover,
.quick-checkout-wrapper .quick-checkout-payment .btn-primary:hover,
.quick-checkout-wrapper .quick-checkout-payment input[type="submit"]:hover,
.quick-checkout-wrapper .confirm-section .btn-primary:hover,
.quick-checkout-wrapper .confirm-section button[type="button"]:hover {
  border-color:#2b313a !important;
  background:#2b313a !important;
  color:#fff !important;
  -webkit-text-fill-color:#fff !important;
}

/* Payment details is often empty until the selected gateway renders; keep it compact. */
.quick-checkout-wrapper .checkout-payment-details .quick-checkout-payment:empty {
  display:none !important;
}
.quick-checkout-wrapper .checkout-payment-details:has(.quick-checkout-payment:empty) {
  display:none !important;
}

/* Better visual rhythm in the right rail. */
.quick-checkout-wrapper .right {
  gap:14px !important;
}
.quick-checkout-wrapper .right .section-body {
  width:100% !important;
  box-sizing:border-box !important;
}
.quick-checkout-wrapper .section-cvr .form-group:last-child,
.quick-checkout-wrapper .confirm-section .section-body > *:last-child {
  margin-bottom:0 !important;
}

@media (max-width: 820px) {
  .quick-checkout-wrapper .right > * {
    width:100% !important;
    max-width:none !important;
  }
  .quick-checkout-wrapper .confirm-section .checkbox > label {
    padding:10px !important;
  }
}

/* MEAI Quick Checkout v7 — balanced columns and final confirmation polish */
@media (min-width: 821px) {
  /* Flatten Journal's left/right wrappers so each checkout section can be placed
     in the actual two-column grid without moving DOM nodes or touching Vue. */
  .quick-checkout-wrapper > div:not(.quick-checkout):not(.journal-loading),
  .quick-checkout-wrapper > div.login-active {
    display:grid !important;
    grid-template-columns:minmax(0, 1fr) minmax(0, 1fr) !important;
    column-gap:14px !important;
    row-gap:14px !important;
    align-items:start !important;
  }

  .quick-checkout-wrapper > div > .left,
  .quick-checkout-wrapper > div > .right {
    display:contents !important;
  }

  /* Customer/address and delivery/payment live on the left. */
  .quick-checkout-wrapper .section-register,
  .quick-checkout-wrapper .payment-address,
  .quick-checkout-wrapper .shipping-address,
  .quick-checkout-wrapper .shipping-payment {
    grid-column:1 !important;
    width:100% !important;
    min-width:0 !important;
  }

  /* Coupon, cart summary and confirmation live on the right. */
  .quick-checkout-wrapper .section-cvr,
  .quick-checkout-wrapper .cart-section,
  .quick-checkout-wrapper .checkout-payment-details,
  .quick-checkout-wrapper .confirm-section {
    grid-column:2 !important;
    width:100% !important;
    min-width:0 !important;
  }

  /* Keep all sections naturally stacked within their assigned column. */
  .quick-checkout-wrapper .section-register { grid-row:auto !important; }
  .quick-checkout-wrapper .payment-address { grid-row:auto !important; }
  .quick-checkout-wrapper .shipping-address { grid-row:auto !important; }
  .quick-checkout-wrapper .shipping-payment { grid-row:auto !important; }
  .quick-checkout-wrapper .section-cvr { grid-row:auto !important; }
  .quick-checkout-wrapper .cart-section { grid-row:auto !important; }
  .quick-checkout-wrapper .checkout-payment-details { grid-row:auto !important; }
  .quick-checkout-wrapper .confirm-section { grid-row:auto !important; }
}

/* Shipping + Payment belong together vertically in the left column. */
.quick-checkout-wrapper .shipping-payment {
  position:relative !important;
  display:grid !important;
  grid-template-columns:1fr !important;
  gap:12px !important;
  padding-top:74px !important;
}

/* Replace the two legacy duplicate COD notices with one compact information card. */

.quick-checkout-wrapper div[style*="1000%"] { display:none !important; }

/* The agreement should read as one compact row, not a tall card. */
.quick-checkout-wrapper .confirm-section .checkbox {
  margin:8px 0 12px !important;
}
.quick-checkout-wrapper .confirm-section .checkbox > label {
  display:flex !important;
  flex-direction:row !important;
  align-items:flex-start !important;
  gap:8px !important;
  width:100% !important;
  min-height:0 !important;
  padding:9px 10px !important;
  font-size:12.5px !important;
  line-height:1.35 !important;
  white-space:normal !important;
  word-break:normal !important;
  overflow-wrap:normal !important;
}
.quick-checkout-wrapper .confirm-section .checkbox > label input[type="checkbox"] {
  flex:0 0 17px !important;
  width:17px !important;
  height:17px !important;
  min-width:17px !important;
  margin:0 !important;
}
.quick-checkout-wrapper .confirm-section .checkbox > label a {
  display:inline !important;
  white-space:normal !important;
}

/* Strong final CTA reset: some payment extensions override Bootstrap with
   background images / gradients or plain .btn styles. */
.quick-checkout-wrapper .confirm-section .buttons .btn,
.quick-checkout-wrapper .confirm-section .buttons button,
.quick-checkout-wrapper .confirm-section .buttons input[type="button"],
.quick-checkout-wrapper .confirm-section .buttons input[type="submit"],
.quick-checkout-wrapper .quick-checkout-payment .buttons .btn,
.quick-checkout-wrapper .quick-checkout-payment .buttons button,
.quick-checkout-wrapper .quick-checkout-payment .buttons input[type="button"],
.quick-checkout-wrapper .quick-checkout-payment .buttons input[type="submit"],
.quick-checkout-wrapper #button-confirm,
.quick-checkout-wrapper #quick-checkout-button-confirm {
  display:block !important;
  width:100% !important;
  min-height:50px !important;
  padding:13px 18px !important;
  border:1px solid #15191f !important;
  border-radius:11px !important;
  background:#15191f !important;
  background-color:#15191f !important;
  background-image:none !important;
  color:#fff !important;
  -webkit-text-fill-color:#fff !important;
  text-shadow:none !important;
  box-shadow:none !important;
  font-size:15px !important;
  line-height:1.2 !important;
  font-weight:900 !important;
  opacity:1 !important;
  visibility:visible !important;
  filter:none !important;
}
.quick-checkout-wrapper .confirm-section .buttons .btn *,
.quick-checkout-wrapper .confirm-section .buttons button *,
.quick-checkout-wrapper .quick-checkout-payment .buttons .btn *,
.quick-checkout-wrapper .quick-checkout-payment .buttons button *,
.quick-checkout-wrapper #button-confirm *,
.quick-checkout-wrapper #quick-checkout-button-confirm * {
  color:#fff !important;
  -webkit-text-fill-color:#fff !important;
}
.quick-checkout-wrapper .confirm-section .buttons .btn:hover,
.quick-checkout-wrapper .confirm-section .buttons button:hover,
.quick-checkout-wrapper .confirm-section .buttons input:hover,
.quick-checkout-wrapper .quick-checkout-payment .buttons .btn:hover,
.quick-checkout-wrapper .quick-checkout-payment .buttons button:hover,
.quick-checkout-wrapper .quick-checkout-payment .buttons input:hover,
.quick-checkout-wrapper #button-confirm:hover,
.quick-checkout-wrapper #quick-checkout-button-confirm:hover {
  background:#2b313a !important;
  background-color:#2b313a !important;
  background-image:none !important;
  border-color:#2b313a !important;
  color:#fff !important;
  -webkit-text-fill-color:#fff !important;
}

@media (max-width: 820px) {
  .quick-checkout-wrapper > div > .left,
  .quick-checkout-wrapper > div > .right {
    display:flex !important;
    flex-direction:column !important;
  }
  .quick-checkout-wrapper .shipping-payment {
    padding-top:78px !important;
  }
}

/* MEAI Quick Checkout v8 — remove artificial top gap in right column */
@media (min-width:821px) {
  /* Pin the right rail to the first grid row so Coupon starts at the top,
     independently from the COD information block in the left column. */
  .quick-checkout-wrapper .section-cvr {
    grid-column:2 !important;
    grid-row:1 !important;
    align-self:start !important;
    margin-top:0 !important;
  }

  .quick-checkout-wrapper .cart-section {
    grid-column:2 !important;
    grid-row:2 !important;
    align-self:start !important;
  }

  .quick-checkout-wrapper .checkout-payment-details {
    grid-column:2 !important;
    grid-row:3 !important;
    align-self:start !important;
  }

  .quick-checkout-wrapper .confirm-section {
    grid-column:2 !important;
    grid-row:4 !important;
    align-self:start !important;
  }
}

/* MEAI Quick Checkout v9 — keep native COD notices + natural card heights */

/* Remove the synthetic combined COD card introduced in v7. */
.quick-checkout-wrapper .shipping-payment {
  padding-top:0 !important;
}
.quick-checkout-wrapper .shipping-payment::before {
  content:none !important;
  display:none !important;
}

/* Keep Journal/OpenCart's two original notices, but make each a compact callout. */
.quick-checkout-wrapper div[style*="1000%"] {
  display:block !important;
  width:100% !important;
  max-width:100% !important;
  min-width:0 !important;
  height:auto !important;
  min-height:0 !important;
  margin:0 !important;
  padding:10px 12px !important;
  border:1px solid #dce5de !important;
  border-radius:10px !important;
  background:#f6faf7 !important;
  color:#365545 !important;
  box-sizing:border-box !important;
  overflow:visible !important;
}
.quick-checkout-wrapper div[style*="1000%"] + div[style*="1000%"] {
  margin-top:8px !important;
}
.quick-checkout-wrapper div[style*="1000%"] p {
  margin:0 !important;
  color:#365545 !important;
  font-size:12.5px !important;
  line-height:1.4 !important;
  font-weight:700 !important;
}

/* Never stretch right-column cards to match taller content on the left. */
@media (min-width:821px) {
  .quick-checkout-wrapper .section-cvr,
  .quick-checkout-wrapper .cart-section,
  .quick-checkout-wrapper .checkout-payment-details,
  .quick-checkout-wrapper .confirm-section,
  .quick-checkout-wrapper .section-cvr .section-body,
  .quick-checkout-wrapper .cart-section .section-body,
  .quick-checkout-wrapper .checkout-payment-details .section-body,
  .quick-checkout-wrapper .confirm-section .section-body {
    height:auto !important;
    min-height:0 !important;
    align-self:start !important;
  }

  .quick-checkout-wrapper .right,
  .quick-checkout-wrapper .right > * {
    align-items:start !important;
    align-self:start !important;
  }

  .quick-checkout-wrapper .shipping-payment > .section-shipping,
  .quick-checkout-wrapper .shipping-payment > .section-payment {
    height:auto !important;
    min-height:0 !important;
    align-self:start !important;
  }
}

@media (max-width:820px) {
  .quick-checkout-wrapper div[style*="1000%"] {
    padding:9px 10px !important;
  }
}

/* MEAI Quick Checkout v10 — real independent columns.
   JS moves shipping/payment into the left column after Vue renders. */
@media (min-width:821px) {
  .quick-checkout-wrapper > .meai-checkout-columns-ready,
  .quick-checkout-wrapper > div.meai-checkout-columns-ready {
    display:grid !important;
    grid-template-columns:minmax(0, 1fr) minmax(360px, .86fr) !important;
    gap:18px !important;
    align-items:start !important;
  }

  .quick-checkout-wrapper .meai-checkout-columns-ready > .left,
  .quick-checkout-wrapper .meai-checkout-columns-ready > .right,
  .quick-checkout-wrapper .meai-checkout-left,
  .quick-checkout-wrapper .meai-checkout-right {
    display:flex !important;
    flex-direction:column !important;
    gap:12px !important;
    width:auto !important;
    max-width:none !important;
    min-width:0 !important;
    float:none !important;
    clear:none !important;
    align-self:start !important;
  }

  /* Undo v7/v8 display:contents and manual grid-row placement. */
  .quick-checkout-wrapper .meai-checkout-columns-ready > .left,
  .quick-checkout-wrapper .meai-checkout-columns-ready > .right {
    grid-column:auto !important;
    grid-row:auto !important;
  }

  .quick-checkout-wrapper .meai-checkout-right > .section-cvr,
  .quick-checkout-wrapper .meai-checkout-right > .cart-section,
  .quick-checkout-wrapper .meai-checkout-right > .checkout-payment-details,
  .quick-checkout-wrapper .meai-checkout-right > .confirm-section,
  .quick-checkout-wrapper .meai-checkout-left > .shipping-payment {
    grid-column:auto !important;
    grid-row:auto !important;
    width:100% !important;
    height:auto !important;
    min-height:0 !important;
    align-self:stretch !important;
    margin:0 !important;
  }

  .quick-checkout-wrapper .meai-checkout-left > .shipping-payment {
    display:grid !important;
    grid-template-columns:1fr !important;
    gap:12px !important;
    padding:0 !important;
  }

  .quick-checkout-wrapper .meai-checkout-left > .shipping-payment > * {
    width:100% !important;
    height:auto !important;
    min-height:0 !important;
    margin:0 !important;
  }

  /* Right rail: natural-height cards, no row synchronization. */
  .quick-checkout-wrapper .meai-checkout-right > * {
    flex:0 0 auto !important;
    height:auto !important;
    min-height:0 !important;
    align-self:stretch !important;
  }
}

@media (max-width:820px) {
  .quick-checkout-wrapper .meai-checkout-left,
  .quick-checkout-wrapper .meai-checkout-right {
    display:flex !important;
    flex-direction:column !important;
    gap:12px !important;
  }
}

/* MEAI Quick Checkout v11 — billing/address cards match the full left rail width. */
@media (min-width:821px) {
  .quick-checkout-wrapper .meai-checkout-left > .section-register,
  .quick-checkout-wrapper .meai-checkout-left > .payment-address,
  .quick-checkout-wrapper .meai-checkout-left > .shipping-address,
  .quick-checkout-wrapper .meai-checkout-left > .checkout-section,
  .quick-checkout-wrapper .meai-checkout-left > .section-login,
  .quick-checkout-wrapper .meai-checkout-left > .section-customer {
    width:100% !important;
    max-width:none !important;
    min-width:0 !important;
    flex:0 0 auto !important;
    align-self:stretch !important;
    box-sizing:border-box !important;
    margin-left:0 !important;
    margin-right:0 !important;
  }

  .quick-checkout-wrapper .meai-checkout-left > .section-register > *,
  .quick-checkout-wrapper .meai-checkout-left > .payment-address > *,
  .quick-checkout-wrapper .meai-checkout-left > .shipping-address > * {
    max-width:none !important;
  }
}

/* MEAI Quick Checkout v12 — billing section truly fills the left rail. */
@media (min-width:821px) {
  .quick-checkout-wrapper .meai-checkout-left .section-register,
  .quick-checkout-wrapper .meai-checkout-left .section-register .section-body,
  .quick-checkout-wrapper .meai-checkout-left .section-register .section-body > *,
  .quick-checkout-wrapper .meai-checkout-left .section-register .form-group,
  .quick-checkout-wrapper .meai-checkout-left .payment-address,
  .quick-checkout-wrapper .meai-checkout-left .payment-address .section-body,
  .quick-checkout-wrapper .meai-checkout-left .payment-address .section-body > * {
    width:100% !important;
    max-width:none !important;
    min-width:0 !important;
    flex:0 0 auto !important;
    flex-basis:auto !important;
    align-self:stretch !important;
    box-sizing:border-box !important;
  }

  .quick-checkout-wrapper .meai-checkout-left .section-register .section-body,
  .quick-checkout-wrapper .meai-checkout-left .payment-address .section-body {
    display:flex !important;
    flex-direction:column !important;
  }
}

/* MEAI Quick Checkout v13 — force billing-address card to full left-column width. */
@media (min-width:821px) {
  .quick-checkout-wrapper .meai-checkout-left > .checkout-section.payment-address,
  .quick-checkout-wrapper .meai-checkout-left .checkout-section.payment-address {
    display:block !important;
    width:100% !important;
    max-width:100% !important;
    min-width:100% !important;
    flex:0 0 100% !important;
    flex-basis:100% !important;
    float:none !important;
    clear:both !important;
    align-self:stretch !important;
    box-sizing:border-box !important;
    margin-left:0 !important;
    margin-right:0 !important;
  }

  .quick-checkout-wrapper .meai-checkout-left > .checkout-section.payment-address > .section-body,
  .quick-checkout-wrapper .meai-checkout-left .checkout-section.payment-address > .section-body {
    width:100% !important;
    max-width:none !important;
    min-width:0 !important;
    box-sizing:border-box !important;
  }
}

/* MEAI Quick Checkout v15 — only the actual billing form fills its card. */
@media (min-width:821px) {
  .quick-checkout-wrapper .meai-checkout-left .checkout-section.payment-address form {
    display:block !important;
    width:100% !important;
    max-width:none !important;
    min-width:0 !important;
    flex:1 1 100% !important;
    align-self:stretch !important;
    box-sizing:border-box !important;
    margin-left:0 !important;
    margin-right:0 !important;
  }
}

/* MEAI Quick Checkout v16 — billing form wrapper full width (exact DOM fix). */
@media (min-width:821px) {
  .quick-checkout-wrapper .left > form,
  .quick-checkout-wrapper .meai-checkout-left > form {
    width:100% !important;
    max-width:100% !important;
    box-sizing:border-box !important;
  }
}

/* MEAI Quick Checkout v17 — billing form wrapper full width on ALL breakpoints. */
.quick-checkout-wrapper .left > form,
.quick-checkout-wrapper .meai-checkout-left > form {
  display:block !important;
  width:100% !important;
  max-width:100% !important;
  min-width:0 !important;
  flex:0 0 100% !important;
  align-self:stretch !important;
  box-sizing:border-box !important;
  margin-left:0 !important;
  margin-right:0 !important;
}

@media (max-width:820px) {
  .quick-checkout-wrapper .left,
  .quick-checkout-wrapper .meai-checkout-left,
  .quick-checkout-wrapper .left > form,
  .quick-checkout-wrapper .meai-checkout-left > form,
  .quick-checkout-wrapper .checkout-section.payment-address {
    width:100% !important;
    max-width:100% !important;
    min-width:0 !important;
    box-sizing:border-box !important;
  }
}

/* MEAI Quick Checkout v18 — login/register spacing + visible confirm button */
.quick-checkout-wrapper .section-login .login-options {
  display:flex !important;
  align-items:center !important;
  flex-wrap:wrap !important;
  gap:8px 16px !important;
  margin:0 0 8px !important;
  padding:0 !important;
}

.quick-checkout-wrapper .section-login .login-options > .radio {
  display:block !important;
  width:auto !important;
  margin:0 !important;
  padding:0 !important;
  min-height:0 !important;
}

.quick-checkout-wrapper .section-login .login-options > .radio > label {
  display:inline-flex !important;
  align-items:center !important;
  gap:8px !important;
  width:auto !important;
  margin:0 !important;
  padding:7px 10px !important;
  line-height:1.25 !important;
  white-space:nowrap !important;
}

.quick-checkout-wrapper .section-login .login-options input[type="radio"] {
  position:static !important;
  float:none !important;
  flex:0 0 auto !important;
  margin:0 !important;
  transform:none !important;
}

.quick-checkout-wrapper .section-login .login-form {
  margin-top:0 !important;
  padding-top:0 !important;
}

.quick-checkout-wrapper .section-login .login-form > .form-group:first-child {
  margin-top:4px !important;
}

/* Journal/payment extensions can override .btn-primary late; pin the final action. */
.quick-checkout-wrapper #quick-checkout-button-confirm,
.quick-checkout-wrapper #button-confirm,
.quick-checkout-wrapper .confirm-buttons .btn-primary,
.quick-checkout-wrapper .quick-checkout-payment .btn-primary {
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  width:100% !important;
  min-height:48px !important;
  border:1px solid #171717 !important;
  border-radius:10px !important;
  background:#171717 !important;
  background-image:none !important;
  color:#fff !important;
  text-shadow:none !important;
  box-shadow:none !important;
  opacity:1 !important;
  font-weight:700 !important;
}

.quick-checkout-wrapper #quick-checkout-button-confirm span,
.quick-checkout-wrapper #button-confirm span,
.quick-checkout-wrapper .confirm-buttons .btn-primary span,
.quick-checkout-wrapper .quick-checkout-payment .btn-primary span {
  color:#fff !important;
}

.quick-checkout-wrapper #quick-checkout-button-confirm:hover,
.quick-checkout-wrapper #quick-checkout-button-confirm:focus,
.quick-checkout-wrapper #button-confirm:hover,
.quick-checkout-wrapper #button-confirm:focus,
.quick-checkout-wrapper .confirm-buttons .btn-primary:hover,
.quick-checkout-wrapper .confirm-buttons .btn-primary:focus,
.quick-checkout-wrapper .quick-checkout-payment .btn-primary:hover,
.quick-checkout-wrapper .quick-checkout-payment .btn-primary:focus {
  background:#2b2b2b !important;
  border-color:#2b2b2b !important;
  color:#fff !important;
}

@media (max-width:520px) {
  .quick-checkout-wrapper .section-login .login-options {
    gap:7px 10px !important;
  }
  .quick-checkout-wrapper .section-login .login-options > .radio > label {
    padding:6px 8px !important;
    white-space:normal !important;
  }
}

/* MEAI v19: normalize all radio/checkbox labels in Quick Checkout */
.quick-checkout-wrapper .radio label,
.quick-checkout-wrapper .checkbox label,
.quick-checkout-wrapper label.radio,
.quick-checkout-wrapper label.checkbox {
  display: flex !important;
  align-items: flex-start !important;
  gap: 10px !important;
  padding-left: 0 !important;
  margin: 0 0 8px !important;
  line-height: 1.45 !important;
  white-space: normal !important;
}

.quick-checkout-wrapper .radio label input[type="radio"],
.quick-checkout-wrapper .checkbox label input[type="checkbox"],
.quick-checkout-wrapper label.radio input[type="radio"],
.quick-checkout-wrapper label.checkbox input[type="checkbox"] {
  position: static !important;
  float: none !important;
  margin: 3px 0 0 !important;
  flex: 0 0 auto !important;
  width: 16px !important;
  height: 16px !important;
}

.quick-checkout-wrapper .radio,
.quick-checkout-wrapper .checkbox {
  padding-left: 0 !important;
  margin-top: 0 !important;
  margin-bottom: 8px !important;
}

/* MEAI v19: hard reset confirm button against Journal/payment overrides */
.quick-checkout-wrapper #quick-checkout-button-confirm.btn,
.quick-checkout-wrapper #quick-checkout-button-confirm.btn-primary,
.quick-checkout-wrapper button#quick-checkout-button-confirm,
.quick-checkout-wrapper #button-confirm.btn,
.quick-checkout-wrapper #button-confirm.btn-primary,
.quick-checkout-wrapper button#button-confirm {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 100% !important;
  min-height: 48px !important;
  padding: 13px 18px !important;
  background: #171717 !important;
  background-color: #171717 !important;
  background-image: none !important;
  color: #fff !important;
  border: 1px solid #171717 !important;
  box-shadow: none !important;
  text-shadow: none !important;
  opacity: 1 !important;
  -webkit-text-fill-color: #fff !important;
}

.quick-checkout-wrapper #quick-checkout-button-confirm span,
.quick-checkout-wrapper #button-confirm span {
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
}

.quick-checkout-wrapper #quick-checkout-button-confirm:hover,
.quick-checkout-wrapper #quick-checkout-button-confirm:focus,
.quick-checkout-wrapper #button-confirm:hover,
.quick-checkout-wrapper #button-confirm:focus {
  background: #000 !important;
  background-color: #000 !important;
  color: #fff !important;
  border-color: #000 !important;
}


/* MEAI v20: targeted Quick Checkout radio layouts */

/* Shipping methods (e.g. Cargus): radio + title on the same row, description below. */
.quick-checkout-wrapper .section-shipping .ship-wrapper .radio {
  width:100% !important;
  margin:0 0 8px !important;
  padding:0 !important;
}

.quick-checkout-wrapper .section-shipping .ship-wrapper .radio > label {
  display:grid !important;
  grid-template-columns:18px minmax(0, 1fr) !important;
  column-gap:10px !important;
  row-gap:2px !important;
  align-items:start !important;
  width:100% !important;
  margin:0 !important;
  padding:8px 0 !important;
  line-height:1.4 !important;
}

.quick-checkout-wrapper .section-shipping .ship-wrapper .radio > label > input[type="radio"] {
  grid-column:1 !important;
  grid-row:1 !important;
  position:static !important;
  float:none !important;
  width:16px !important;
  height:16px !important;
  margin:2px 0 0 !important;
}

.quick-checkout-wrapper .section-shipping .ship-wrapper .shipping-quote-title {
  grid-column:2 !important;
  grid-row:1 !important;
  display:block !important;
  min-width:0 !important;
  margin:0 !important;
  padding:0 !important;
}

.quick-checkout-wrapper .section-shipping .ship-wrapper .shipping-quote-desc {
  grid-column:2 !important;
  grid-row:2 !important;
  display:block !important;
  min-width:0 !important;
  margin:0 !important;
  padding:0 !important;
}

/* Payment address person type: remove Bootstrap radio-inline negative/left spacing. */
.quick-checkout-wrapper .checkout-section.payment-address .radio-group {
  display:flex !important;
  align-items:center !important;
  flex-wrap:wrap !important;
  gap:10px 18px !important;
  width:100% !important;
  margin:4px 0 14px !important;
  padding:0 !important;
}

.quick-checkout-wrapper .checkout-section.payment-address .radio-group > label.radio-inline {
  display:inline-flex !important;
  align-items:center !important;
  gap:8px !important;
  width:auto !important;
  margin:0 !important;
  padding:0 !important;
  line-height:1.35 !important;
  white-space:nowrap !important;
}

.quick-checkout-wrapper .checkout-section.payment-address .radio-group > label.radio-inline > input[type="radio"] {
  position:static !important;
  float:none !important;
  flex:0 0 auto !important;
  width:16px !important;
  height:16px !important;
  margin:0 !important;
  transform:none !important;
}

@media (max-width:520px) {
  .quick-checkout-wrapper .checkout-section.payment-address .radio-group {
    gap:8px 14px !important;
  }

  .quick-checkout-wrapper .checkout-section.payment-address .radio-group > label.radio-inline {
    white-space:normal !important;
  }
}

/* MEAI v23 - Quick Checkout quantity control readability */
.quick-checkout-wrapper .cart-section .td-qty {
  width: 154px !important;
  min-width: 154px !important;
}
.quick-checkout-wrapper .cart-section .td-qty .input-group {
  display: inline-flex !important;
  align-items: stretch !important;
  flex-wrap: nowrap !important;
  width: 146px !important;
  max-width: 146px !important;
}
.quick-checkout-wrapper .cart-section .td-qty .form-control,
.quick-checkout-wrapper .cart-section .td-qty input[type="text"],
.quick-checkout-wrapper .cart-section .td-qty input[type="number"] {
  flex: 0 0 58px !important;
  width: 58px !important;
  min-width: 58px !important;
  height: 38px !important;
  padding: 6px 8px !important;
  text-align: center !important;
  line-height: 24px !important;
  font-size: 14px !important;
  box-sizing: border-box !important;
}
.quick-checkout-wrapper .cart-section .td-qty .btn,
.quick-checkout-wrapper .cart-section .td-qty .input-group-btn .btn {
  flex: 0 0 40px !important;
  width: 40px !important;
  min-width: 40px !important;
  height: 38px !important;
  min-height: 38px !important;
  padding: 0 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
}
@media (max-width: 820px) {
  .quick-checkout-wrapper .cart-section .td-qty {
    width: auto !important;
    min-width: 0 !important;
  }
  .quick-checkout-wrapper .cart-section .td-qty .input-group {
    width: 140px !important;
    max-width: 140px !important;
  }
  .quick-checkout-wrapper .cart-section .td-qty .form-control,
  .quick-checkout-wrapper .cart-section .td-qty input[type="text"],
  .quick-checkout-wrapper .cart-section .td-qty input[type="number"] {
    flex-basis: 56px !important;
    width: 56px !important;
    min-width: 56px !important;
  }
  .quick-checkout-wrapper .cart-section .td-qty .btn,
  .quick-checkout-wrapper .cart-section .td-qty .input-group-btn .btn {
    flex-basis: 38px !important;
    width: 38px !important;
    min-width: 38px !important;
  }
}

/* MEAI v24 — checkout quantity: hide native number spinners */
.quick-checkout-wrapper .cart-section input[type="number"] {
  -moz-appearance: textfield !important;
  appearance: textfield !important;
  text-align: center !important;
  padding-left: 8px !important;
  padding-right: 8px !important;
}
.quick-checkout-wrapper .cart-section input[type="number"]::-webkit-inner-spin-button,
.quick-checkout-wrapper .cart-section input[type="number"]::-webkit-outer-spin-button {
  -webkit-appearance: none !important;
  margin: 0 !important;
}

/* MEAI v25 — Quick Checkout quantity stepper: keep value clear of custom arrows */
.quick-checkout-wrapper .cart-section .td-qty .stepper {
  width: 72px !important;
  min-width: 72px !important;
  height: 38px !important;
  min-height: 38px !important;
  flex: 0 0 72px !important;
  overflow: hidden !important;
}
.quick-checkout-wrapper .cart-section .td-qty .stepper .form-control {
  width: 100% !important;
  min-width: 0 !important;
  height: 100% !important;
  padding: 0 26px 0 8px !important;
  text-align: center !important;
  line-height: 36px !important;
  box-sizing: border-box !important;
}
.quick-checkout-wrapper .cart-section .td-qty .stepper > span {
  width: 22px !important;
  min-width: 22px !important;
  right: 0 !important;
}
.quick-checkout-wrapper .cart-section .td-qty .stepper > span > i {
  min-width: 22px !important;
  width: 22px !important;
}
.quick-checkout-wrapper .cart-section .td-qty .input-group {
  width: 168px !important;
  max-width: 168px !important;
}
@media (max-width: 820px) {
  .quick-checkout-wrapper .cart-section .td-qty .stepper {
    width: 68px !important;
    min-width: 68px !important;
    flex-basis: 68px !important;
  }
  .quick-checkout-wrapper .cart-section .td-qty .input-group {
    width: 158px !important;
    max-width: 158px !important;
  }
}

/* MEAI v26 — compact coupon / voucher action button on mobile */
@media (max-width: 820px) {
  .quick-checkout-wrapper .section-cvr .input-group-btn {
    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  .quick-checkout-wrapper .section-cvr .input-group-btn .btn,
  .quick-checkout-wrapper .section-cvr button.btn {
    width: 100% !important;
    height: 42px !important;
    min-height: 42px !important;
    max-height: 42px !important;
    padding: 0 16px !important;
    margin: 0 !important;
    line-height: 1.2 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    box-sizing: border-box !important;
  }
}