/* Checkout UI ported from checkout-responsive-editable.html.
   Everything is scoped to the checkout route to avoid affecting the storefront. */
:root {
  --checkout-brand: #c8102e;
  --checkout-brand-dark: #a10d25;
  --checkout-ink: #1a1a1a;
  --checkout-muted: #757575;
  --checkout-line: #e5e5e7;
  --checkout-bg: #f5f5f7;
  --checkout-success: #0a8f3f;
}

/* Persistent checkout content: login toggle plus right-hand order summary. */
.checkout-second .checkout-layout { align-items: start; display: grid; gap: 24px; grid-template-columns: minmax(0, 1fr) 360px; }
.checkout-second .checkout-form { min-width: 0; }
.checkout-second .menu-bar { display: none !important; }
.checkout-login-toggle { align-items: center; background: #fff; border: 1px solid #e2e2e5; border-radius: 10px; color: #222; cursor: pointer; display: flex; font-size: 14px; margin: 0 0 12px; padding: 17px 20px; text-align: left; width: 100%; }
.checkout-login-toggle span { font-weight: 600; }
.checkout-login-toggle strong { color: #c8102e; margin-left: 7px; text-transform: uppercase; }
.checkout-login-toggle i { color: #777; font-size: 17px; margin-left: auto; }
.checkout-second .checkout-login-panel .row > .offset-lg-3 { flex: 0 0 100%; margin-left: 0; max-width: 100%; }
.checkout-second .checkout-login-panel .nav-tabs { display: none; }
.checkout-second .checkout-login-panel .tab-content { margin-top: 0 !important; }
.checkout-second .checkout-cart-panel { background: #fff; border: 1px solid var(--checkout-line); border-radius: 12px; padding: 22px; position: sticky; top: 20px; }
.checkout-second .checkout-cart-panel .checkout-details { margin-top: 0 !important; }
.checkout-second #shipping_address > .form-card > .row > .col-lg-8,
.checkout-second #process_payment .form-card > .row > .col-lg-8 { flex: 0 0 100%; max-width: 100%; }

@media (max-width: 900px) {
  .checkout-second .checkout-layout { grid-template-columns: 1fr; }
  .checkout-second .checkout-cart-panel { grid-row: 1; position: static; }
}

.checkout-second, .checkout-second * { box-sizing: border-box; }
.checkout-second {
  background: var(--checkout-bg) !important;
  color: var(--checkout-ink);
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  min-height: 100vh;
  padding: 20px 32px 44px !important;
}
.checkout-second .custom-container { max-width: 1240px; margin: 0 auto; padding: 0; }
.checkout-ui-header, .checkout-whatsapp, .checkout-progress { max-width: 1240px; margin-left: auto; margin-right: auto; }
.checkout-ui-header {
  align-items: center; background: #fff; border-radius: 12px; display: flex;
  gap: 12px; margin-bottom: 12px; padding: 17px 24px;
}
.checkout-ui-header h1 { display: none; font-size: 18px; font-weight: 700; margin: 0; }
.checkout-brand { color: var(--checkout-brand); font-size: 21px; font-weight: 800; }
.checkout-secure { color: var(--checkout-success); font-size: 12px; font-weight: 600; margin-left: auto; }
.checkout-back {
  align-items: center; background: #f0f0f0; border-radius: 50%; color: var(--checkout-ink);
  display: none; font-size: 18px; height: 36px; justify-content: center; width: 36px;
}
.checkout-whatsapp {
  background: linear-gradient(135deg, #25d366, #128c7e); border-radius: 12px; color: #fff;
  font-size: 12px; font-weight: 600; margin-bottom: 12px; padding: 11px 20px; text-align: center;
}
.checkout-progress {
  align-items: center; background: #fff; border-radius: 12px; color: var(--checkout-muted);
  display: flex; font-size: 12px; gap: 12px; margin-bottom: 16px; padding: 13px 24px;
}
.checkout-progress strong { color: var(--checkout-ink); font-weight: 600; }
.checkout-progress-track { background: #eee; border-radius: 4px; flex: 1; height: 4px; overflow: hidden; }
.checkout-progress-track span { background: var(--checkout-brand); display: block; height: 100%; width: 66%; }

.checkout-second .row.justify-content-center > .col-md-11 { flex: 0 0 100%; max-width: 100%; padding: 0; }
.checkout-second .checkout-box, .checkout-second .checkout-body, .checkout-second .checkout-form { background: transparent; box-shadow: none; padding: 0; }
.checkout-second .menu-bar {
  background: #fff; border: 0; border-radius: 12px; display: flex; justify-content: space-between;
  list-style: none; margin: 0 0 16px; overflow: hidden; padding: 0;
}
.checkout-second .menu-bar li {
  align-items: center; color: var(--checkout-muted); display: flex; flex: 1; font-size: 13px;
  font-weight: 600; gap: 8px; justify-content: center; padding: 15px 10px; position: relative;
}
.checkout-second .menu-bar li.active { color: var(--checkout-brand); }
.checkout-second .menu-bar li.active:after { background: var(--checkout-brand); bottom: 0; content: ""; height: 3px; left: 0; position: absolute; right: 0; }
.checkout-second .menu-bar .icon { align-items: center; background: #eee; border-radius: 50%; display: flex; height: 28px; justify-content: center; width: 28px; }
.checkout-second .menu-bar li.active .icon { background: var(--checkout-brand); }
.checkout-second .menu-bar svg { fill: #777; height: 14px; width: 14px; }
.checkout-second .menu-bar li.active svg { fill: #fff; }

.checkout-second .checkout-fr-box { background: #fff; border-radius: 12px; margin: 0; padding: 22px; }
.checkout-second .checkout-fr-box .form-card { background: transparent; border: 0; box-shadow: none; margin: 0; padding: 0; }
.checkout-second .form-title, .checkout-second .checkout-title h3 {
  color: var(--checkout-ink); font-size: 16px; font-weight: 700; margin: 0 0 16px; text-transform: none;
}
.checkout-second .form-title:before { display: none; }
.checkout-second label { color: var(--checkout-muted); font-size: 12px; font-weight: 600; margin-bottom: 6px; }
.checkout-second .form-group { margin-bottom: 14px; }
.checkout-second .form-control {
  background: #fff; border: 1.5px solid #d0d0d0; border-radius: 10px; box-shadow: none;
  color: var(--checkout-ink); font-size: 15px; height: 48px; padding: 11px 14px;
}
.checkout-second .form-control:focus { border-color: var(--checkout-brand); box-shadow: 0 0 0 3px rgba(200,16,46,.08); }
.checkout-second input[type="radio"], .checkout-second input[type="checkbox"] { accent-color: var(--checkout-brand); }
.checkout-second .btn-normal, .checkout-second .action-button {
  background: var(--checkout-brand) !important; border: 0 !important; border-radius: 10px !important;
  box-shadow: none !important; color: #fff !important; font-size: 14px !important; font-weight: 700;
  min-height: 46px; padding: 11px 22px !important; text-transform: none;
}
.checkout-second .btn-normal:hover { background: var(--checkout-brand-dark) !important; }
.checkout-second .previous { background: #eee !important; color: var(--checkout-ink) !important; margin-right: 8px; }
.checkout-second .nav-tabs { background: #f0f0f0; border: 0; border-radius: 12px; padding: 4px; }
.checkout-second .nav-tabs .nav-link { border: 0; border-radius: 8px; color: var(--checkout-muted); font-size: 13px; font-weight: 600; padding: 10px; }
.checkout-second .nav-tabs .nav-link.active { background: #fff; box-shadow: 0 1px 4px rgba(0,0,0,.09); color: var(--checkout-ink); }
.checkout-second .txt-default { color: var(--checkout-brand) !important; font-size: 12px; font-weight: 600; }

.checkout-second #shipping_address > .form-card > .row { margin: 0 -8px; }
.checkout-second #shipping_address > .form-card > .row > [class*="col-"] { border-right: 1px solid var(--checkout-line); padding: 0 18px; }
.checkout-second #shipping_address > .form-card > .row > [class*="col-"]:last-child { border-right: 0; }
.checkout-second #process_payment .form-card > .row { align-items: flex-start; }
.checkout-second .payment-info { display: flex; flex-wrap: wrap; gap: 8px; list-style: none; margin: 0; padding: 0; }
.checkout-second .payment-info li { align-items: center; border: 1.5px solid var(--checkout-line); border-radius: 10px; display: flex; min-height: 54px; padding: 8px 12px; }
.checkout-second .payment-info li:first-child { border-color: var(--checkout-brand); background: #fff5f6; }
.checkout-second .payment-mathod { max-height: 32px; max-width: 72px; }
.checkout-second .checkout-details { margin: 0 !important; }
.checkout-second .order-box { border: 0; border-radius: 12px; margin: 0; padding: 0; }
.checkout-second .order-box .title-box { border-bottom: 1px solid var(--checkout-line); font-size: 16px; font-weight: 700; padding: 0 0 12px; }
.checkout-second .order-box ul { margin: 0; padding: 8px 0; }
.checkout-second .order-box li { border-bottom: 1px solid #f0f0f0; color: #444; font-size: 13px; list-style: none; padding: 8px 0; }
.checkout-second .order-box .sub-total { border-top: 1px solid var(--checkout-line); }
.checkout-second .order-box .sub-total li { color: var(--checkout-ink); font-size: 16px; font-weight: 700; }
.checkout-second .order-box .text-right, .checkout-second .order-box .count { float: right; }
.checkout-second .btn-remove { align-items: center; background: #f5f5f5; border-radius: 50%; display: inline-flex; float: none; height: 24px; justify-content: center; margin-left: 5px; width: 24px; }
.checkout-second #payment_success .payment-success svg { fill: var(--checkout-success); }

@media (min-width: 992px) {
  .checkout-second #process_payment { padding: 24px; }
  .checkout-second #process_payment .form-card > .row > .col-lg-8 { flex: 0 0 calc(100% - 400px); max-width: calc(100% - 400px); }
  .checkout-second #process_payment .form-card > .row > .col-lg-4 { background: #fff; border: 1px solid var(--checkout-line); border-radius: 12px; flex: 0 0 400px; max-width: 400px; padding: 20px; }
}

@media (max-width: 767px) {
  .checkout-second { padding: 0 0 94px !important; }
  .checkout-ui-header { border-bottom: 1px solid var(--checkout-line); border-radius: 0; margin: 0; padding: 13px 16px; position: sticky; top: 0; z-index: 20; }
  .checkout-ui-header h1, .checkout-back { display: flex; }
  .checkout-brand { display: none; }
  .checkout-secure { font-size: 10px; }
  .checkout-whatsapp { border-radius: 0; margin: 0; padding: 9px 16px; }
  .checkout-progress { border-bottom: 1px solid var(--checkout-line); border-radius: 0; margin: 0 0 8px; padding: 10px 16px; }
  .checkout-second .custom-container { width: 100%; }
  .checkout-second .menu-bar { border-radius: 0; margin-bottom: 8px; }
  .checkout-second .menu-bar li { font-size: 11px; gap: 4px; padding: 12px 4px; }
  .checkout-second .menu-bar .icon { height: 24px; width: 24px; }
  .checkout-second .checkout-fr-box { border-radius: 0; padding: 16px; }
  .checkout-second #shipping_address > .form-card > .row > [class*="col-"] { border-bottom: 1px solid var(--checkout-line); border-right: 0; margin-bottom: 18px; padding: 0 8px 14px; }
  .checkout-second .form-control { font-size: 16px; }
  .checkout-second .d-flex.form-group { display: block !important; }
  .checkout-second .d-flex.form-group > [class*="col-"] { max-width: 100%; padding: 0; width: 100%; }
  .checkout-second .d-flex.form-group > [class*="col-"] + [class*="col-"] { margin-left: 0 !important; }
  .checkout-second .d-flex.form-group .btn { margin-top: 8px !important; width: 100%; }
  .checkout-second #process_payment .form-card > .row > [class*="col-"] { margin-bottom: 18px; }
  .checkout-second #process_payment > .action-button {
    bottom: 12px; box-shadow: 0 -5px 18px rgba(0,0,0,.08) !important; height: 52px;
    position: fixed; right: 16px; width: calc(100% - 120px); z-index: 30;
  }
  .checkout-second #process_payment > .previous { bottom: 12px; left: 16px; position: fixed; width: 82px; z-index: 31; }
}

/* Final layout overrides for the persistent sidebar. */
@media (min-width: 901px) {
  .checkout-second #shipping_address > .form-card > .row > .col-lg-8,
  .checkout-second #process_payment .form-card > .row > .col-lg-8 { flex: 0 0 100%; max-width: 100%; }
  .checkout-second #process_payment .form-card > .row > .col-lg-4 { display: none; }
}

@media (max-width: 900px) {
  .checkout-second .checkout-cart-panel { grid-row: auto; }
}

/* Numbered checkout sections from the supplied checkout reference. */
.checkout-second .checkout-sections{display:flex;flex-direction:column;gap:12px}.checkout-second .checkout-section{background:#fff;border-radius:12px;overflow:hidden}.checkout-second .checkout-section-header{align-items:center;border-bottom:1px solid var(--checkout-line);display:flex;gap:12px;padding:20px 24px}.checkout-second .checkout-section-number{align-items:center;background:var(--checkout-brand);border-radius:50%;color:#fff;display:flex;font-size:13px;font-weight:700;height:26px;justify-content:center;width:26px}.checkout-second .checkout-section-header strong,.checkout-second .checkout-section-header small{display:block}.checkout-second .checkout-section-header strong{font-size:15px}.checkout-second .checkout-section-header small{color:var(--checkout-muted);font-size:12px;margin-top:2px}.checkout-second .checkout-section-body{padding:24px}.checkout-second .checkout-mode-tabs{background:#f0f0f0;border-radius:12px;display:flex;margin-bottom:18px;padding:4px}.checkout-second .checkout-mode-tabs button{background:transparent;border:0;border-radius:9px;color:#666;flex:1;font-weight:600;padding:10px}.checkout-second .checkout-mode-tabs button.active{background:#fff;box-shadow:0 1px 4px rgba(0,0,0,.1);color:#222}.checkout-second .checkout-field-row{display:flex;gap:14px}.checkout-second .checkout-location-row>.checkout-field:first-child{flex:1.25}.checkout-second .checkout-field{flex:1;margin-bottom:16px}.checkout-second .checkout-field label{display:block;letter-spacing:.25px;text-transform:uppercase}.checkout-second .checkout-field input,.checkout-second .checkout-field select{background:#fff;border:1.5px solid #d0d0d0;border-radius:10px;color:#222;font-size:15px;height:48px;padding:11px 14px;width:100%}.checkout-second .checkout-field input:focus,.checkout-second .checkout-field select:focus{border-color:var(--checkout-brand);box-shadow:0 0 0 3px rgba(200,16,46,.08);outline:0}.checkout-second .checkout-checkbox{align-items:center;color:#333;display:flex;gap:8px;font-size:13px;padding:2px 0}.checkout-second .checkout-checkbox input{height:20px;width:20px}.checkout-second .checkout-checkbox .fa-whatsapp{color:#25d366}.checkout-second .checkout-pin-box{background:linear-gradient(135deg,#fff8e6,#fff);border:1.5px solid #ffd580;border-radius:12px;margin-bottom:16px;padding:14px}.checkout-second .checkout-pin-box .checkout-field{margin:0}.checkout-second .checkout-pin-box label{color:#222;text-transform:none}.checkout-second .checkout-pin-box label i{color:var(--checkout-brand)}.checkout-second .checkout-input-button{position:relative}.checkout-second .checkout-input-button input{padding-right:92px}.checkout-second .checkout-input-button button{background:var(--checkout-brand);border:0;border-radius:8px;color:#fff;font-size:13px;font-weight:700;height:36px;padding:0 17px;position:absolute;right:6px;top:6px}.checkout-second .checkout-pin-message{color:var(--checkout-success);display:none;margin-top:8px}.checkout-second .checkout-pin-message.show{display:block}.checkout-second .checkout-address-chips{display:flex;gap:8px}.checkout-second .checkout-address-chips button{background:#fff;border:1.5px solid #d0d0d0;border-radius:10px;flex:1;font-size:13px;padding:10px}.checkout-second .checkout-address-chips button.active{background:#fff5f6;border-color:var(--checkout-brand);color:var(--checkout-brand)}.checkout-second .checkout-address-actions{display:flex;justify-content:flex-end;margin-top:20px}.checkout-second #shipping_address{background:transparent;padding:0}.checkout-second #process_payment{background:transparent!important;padding:0!important}.checkout-second .checkout-pay-option{align-items:center;border:2px solid #e8e8e8;border-radius:14px;cursor:pointer;display:flex;flex-wrap:wrap;gap:12px;margin-bottom:12px;padding:16px}.checkout-second .checkout-pay-option.active{background:#fff5f6;border-color:var(--checkout-brand)}.checkout-second .checkout-pay-option>input{display:none}.checkout-second .checkout-radio{border:2px solid #ccc;border-radius:50%;height:24px;width:24px}.checkout-second .checkout-pay-option.active .checkout-radio{border-color:var(--checkout-brand);box-shadow:inset 0 0 0 4px #fff;background:var(--checkout-brand)}.checkout-second .checkout-pay-icon{align-items:center;border-radius:10px;display:flex;height:40px;justify-content:center;width:40px}.checkout-second .checkout-pay-icon.online{background:#f3ebff;color:#6933ff}.checkout-second .checkout-pay-icon.cod{background:#fff8e6;color:#b8860b}.checkout-second .checkout-pay-copy{flex:1}.checkout-second .checkout-pay-copy strong,.checkout-second .checkout-pay-copy small{display:block}.checkout-second .checkout-pay-copy strong{color:#222;font-size:15px}.checkout-second .checkout-pay-copy small{color:#777;margin-top:3px}.checkout-second .checkout-pay-copy em{background:#0a8f3f;border-radius:4px;color:#fff;font-size:9px;font-style:normal;margin-left:4px;padding:3px 6px;text-transform:uppercase}.checkout-second .checkout-method-preview{border-top:1px dashed #ddd;display:none;flex:0 0 100%;padding-top:12px}.checkout-second .checkout-pay-option.active .checkout-method-preview{display:block}.checkout-second .checkout-method-grid{display:grid;gap:6px;grid-template-columns:repeat(4,1fr);margin-top:8px}.checkout-second .checkout-method-grid>span{background:#fff;border:1px solid #e5e5e5;border-radius:8px;color:#444;font-size:10px;padding:8px;text-align:center}.checkout-second .checkout-method-grid b{align-items:center;background:#00a9df;border-radius:6px;color:#fff;display:flex;font-size:10px;height:26px;justify-content:center;margin:0 auto 4px;width:28px}.checkout-second .checkout-method-grid .phonepe{background:#5f259f}.checkout-second .checkout-method-grid .visa{background:#1a1f71}.checkout-second .checkout-method-grid .mc{background:#eb001b}.checkout-second .checkout-method-grid .rupay{background:#00538b}.checkout-second .checkout-method-grid .bank{background:#0a8f3f}.checkout-second .checkout-method-grid .wallet{background:#ff6f00}.checkout-second .checkout-cashfree{align-items:center;background:#faf8ff;border:1px solid #e0d4ff;border-radius:10px;color:#777;display:flex;font-size:11px;gap:8px;margin-top:12px;padding:10px}.checkout-second .checkout-cashfree>b{background:#6933ff;border-radius:6px;color:#fff;padding:5px}.checkout-second .checkout-cashfree strong{color:#222}.checkout-second #process_payment>.previous,.checkout-second #process_payment>.action-button{margin-top:12px}.checkout-second #process_payment>.action-button{float:right}
@media(max-width:767px){.checkout-second .checkout-section{border-radius:0}.checkout-second .checkout-section-header{padding:16px}.checkout-second .checkout-section-body{padding:16px}.checkout-second .checkout-field-row{display:block}.checkout-second .checkout-method-grid{grid-template-columns:repeat(2,1fr)}}

/* Keep payment visible below the address instead of using the legacy wizard hiding. */
.checkout-second .checkout-box .checkout-body .checkout-form #process_payment { display: block !important; margin-top: 12px; }

.checkout-second .checkout-method-grid img { display:block; height:26px; margin:0 auto 4px; max-width:52px; object-fit:contain; width:auto; }

.checkout-cart-panel .qty .checkout-cart-product { align-items:center; display:grid; gap:8px; grid-template-columns:48px minmax(0, 1fr) auto auto; padding:12px 0; }
.checkout-cart-product-image { background:#f7f7f7; border:1px solid #ececec; border-radius:6px; height:48px; object-fit:cover; width:48px; }
.checkout-cart-product-copy, .checkout-cart-product-name { display:block; min-width:0; }
.checkout-cart-product-name { color:#333; line-height:1.35; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.checkout-cart-product-copy small { color:#777; display:block; margin-top:3px; }
.checkout-cart-panel .checkout-cart-remove { margin:0; position:static; }
.checkout-cart-panel .checkout-cart-remove i { color:#666; }
.checkout-cart-product-price { white-space:nowrap; }

.checkout-logged-in { align-items:center; background:#fff; border:1px solid #e2e2e2; border-radius:10px; display:flex; gap:12px; margin-bottom:12px; padding:13px 16px; }
.checkout-logged-in-icon { align-items:center; background:#eaf8ef; border-radius:50%; color:#159447; display:flex; flex:0 0 36px; height:36px; justify-content:center; width:36px; }
.checkout-logged-in-copy { align-items:center; display:flex; flex-wrap:wrap; gap:3px 10px; min-width:0; }
.checkout-logged-in-copy small { color:#159447; flex-basis:100%; font-size:11px; font-weight:700; text-transform:uppercase; }
.checkout-logged-in-copy strong { color:#222; font-size:14px; }
.checkout-logged-in-copy > span { color:#666; font-size:13px; }

.checkout-contact-section.is-locked .checkout-mode-tabs,
.checkout-contact-section.is-locked .checkout-field-row,
.checkout-contact-section.is-locked .checkout-checkbox { opacity:.62; }
.checkout-contact-section.is-locked .checkout-mode-tabs button,
.checkout-contact-section.is-locked input { cursor:not-allowed; }
.checkout-contact-section.is-locked input[readonly] { background:#f3f3f3; color:#555; }

.checkout-payment-action { display:flex; justify-content:flex-end; margin-top:18px; }
.checkout-payment-action .action-button { min-width:150px; }

/* Compact order summary sidebar. */
.checkout-second .checkout-cart-panel { padding:18px; }
.checkout-second .checkout-summary-title { padding-bottom:14px; }
.checkout-second .checkout-summary-title > div { font-size:15px; }
.checkout-second .checkout-summary-title span { color:#777; float:right; font-size:11px; font-weight:400; }
.checkout-second .order-box ul.qty { border-bottom:0; margin:0; padding:0; }
.checkout-second .checkout-cart-panel .order-box .qty li.checkout-cart-product { display:grid; grid-template-columns:54px minmax(0,1fr) 22px auto; line-height:normal; margin:0; min-height:82px; padding:14px 0; position:relative; width:100%; }
.checkout-second .checkout-cart-panel .order-box .qty li.checkout-cart-product > span,
.checkout-second .checkout-cart-panel .order-box .qty li.checkout-cart-product .checkout-cart-product-copy span { float:none; line-height:normal; position:static; width:auto; }
.checkout-second .checkout-cart-panel .order-box .qty li.checkout-cart-product .checkout-cart-product-copy { display:block; min-width:0; overflow:hidden; width:100%; }
.checkout-cart-product-image { border:0; border-radius:7px; height:54px; width:54px; }
.checkout-cart-product-name { color:#222; font-size:12px; font-weight:600; line-height:1.35; white-space:normal; }
.checkout-cart-product-name .checkout-product-name-short,
.checkout-cart-product-name .checkout-product-name-full { color:inherit; display:inline; font:inherit; }
.checkout-name-toggle { background:transparent; border:0; color:var(--checkout-brand); cursor:pointer; display:inline; font-size:13px; font-weight:800; line-height:1; margin:0; padding:0 2px; width:auto; }
.checkout-name-toggle.checkout-name-less { font-size:9px; font-weight:600; margin-left:3px; text-decoration:underline; }
.checkout-product-name-short[hidden],.checkout-product-name-full[hidden] { display:none!important; }
.checkout-cart-product-copy small { font-size:10px; margin-top:2px; }
.checkout-cart-unit-price { color:#222; display:block; font-size:11px; font-weight:700; margin-top:3px; }
.checkout-cart-unit-price del { color:#999; font-size:9px; font-weight:400; margin-left:4px; }
.checkout-qty-control { border:1px solid #e3e3e3; border-radius:5px; display:inline-flex; margin-top:7px; overflow:hidden; }
.checkout-qty-control button,.checkout-qty-control b { align-items:center; background:#fff; border:0; display:flex; font-size:12px; height:25px; justify-content:center; min-width:26px; padding:0; }
.checkout-qty-control button { color:var(--checkout-brand); cursor:pointer; }
.checkout-qty-control button:disabled { color:#bbb; cursor:not-allowed; }
.checkout-qty-control b { border-left:1px solid #eee; border-right:1px solid #eee; color:#333; font-weight:500; }
.checkout-cart-panel .checkout-cart-remove { background:transparent; height:22px; width:22px; }
.checkout-cart-panel .checkout-cart-remove i { font-size:11px; }
.checkout-cart-product-price { align-self:end; color:#222; font-size:12px; font-weight:700; padding-bottom:5px; }
.checkout-coupon-row { align-items:center; background:#f2fff5; border:1px dashed #34b761; border-radius:7px; color:#444; display:flex; font-size:11px; gap:7px; margin:12px 0; padding:10px; }
.checkout-coupon-row>i { color:#20a653; }
.checkout-coupon-row span { flex:1; }
.checkout-coupon-row small { color:#777; }
.checkout-coupon-row a { color:var(--checkout-brand); font-weight:700; white-space:nowrap; }
.checkout-second .order-box .checkout-summary-totals { padding:7px 0; }
.checkout-second .order-box .checkout-summary-totals li { border:0; font-size:11px; padding:6px 0; }
.checkout-summary-totals .checkout-discount-line,.checkout-summary-totals .checkout-discount-line .count { color:#159447!important; }
.checkout-summary-totals li small { color:#999; font-size:9px; }
.checkout-second .order-box .sub-total { margin-top:5px; padding:8px 0 4px; }
.checkout-second .order-box .sub-total li { border:0; font-size:14px; padding:5px 0; }
.checkout-savings { background:#fff8e7; border-radius:6px; color:#8a6412; font-size:10px; margin:8px 0; padding:8px; text-align:center; }
.checkout-summary-pay { background:var(--checkout-brand); border:0; border-radius:7px; color:#fff; cursor:pointer; font-size:13px; font-weight:700; min-height:43px; width:100%; }
.checkout-summary-pay:hover { background:var(--checkout-brand-dark); }
.checkout-summary-secure { color:#999; font-size:8px; margin:8px 0 0; text-align:center; }

@media(max-width:900px){.checkout-second .checkout-cart-panel{border-radius:10px;margin-bottom:12px}.checkout-second .checkout-cart-panel .order-box .qty li.checkout-cart-product{grid-template-columns:54px minmax(0,1fr) 22px auto}}

/* Use the full viewport width on checkout instead of the previous 1240px cap. */
.checkout-second .custom-container {
  margin: 0;
  max-width: none;
  width: 100%;
}
.checkout-second .custom-container > .row { margin-left: 0; margin-right: 0; }