/* SAPRODS One Page Checkout: native PrestaShop checkout, simplified visually. */
#checkout .saprods-checkout-intro {
  display: flex;
  align-items: center;
  gap: 12px;
  margin: 0 0 16px;
  padding: 15px 18px;
  border: 1px solid #dbe7f4;
  border-radius: 12px;
  background: #f5f9fd;
  color: #173b5d;
  font-size: 14px;
}
#checkout .saprods-checkout-intro svg { flex: 0 0 20px; fill: #ed1c24; }
#checkout .saprods-checkout-intro strong { display: block; color: #102b46; }
#checkout .checkout-step { scroll-margin-top: 16px; transition: border-color .2s ease, box-shadow .2s ease; }
#checkout .checkout-step.-complete .step-title:after {
  content: 'Completed';
  margin-left: auto;
  color: #267a45;
  font-size: 12px;
  font-weight: 700;
}
#checkout .checkout-step.-current .step-title:after {
  content: 'Current step';
  margin-left: auto;
  color: #fff;
  font-size: 12px;
  font-weight: 700;
}
#checkout .saprods-checkout-loading {
  position: relative;
  pointer-events: none;
  opacity: .65;
}
#checkout .saprods-checkout-loading:after {
  content: '';
  position: absolute;
  top: 18px;
  right: 20px;
  width: 18px;
  height: 18px;
  border: 2px solid #dce7f0;
  border-top-color: #ed1c24;
  border-radius: 50%;
  animation: saprods-checkout-spin .65s linear infinite;
}
#checkout #razorpay-pay-button { min-width: 175px; }
@keyframes saprods-checkout-spin { to { transform: rotate(360deg); } }
@media (max-width: 575px) {
  #checkout .saprods-checkout-intro { align-items: flex-start; font-size: 13px; }
  #checkout .checkout-step.-complete .step-title:after,
  #checkout .checkout-step.-current .step-title:after { display: none; }
}