.checkout-container { max-width: 800px; margin: auto; padding: 20px; }
    .payment-options { display: flex; flex-wrap: wrap; justify-content: center; gap: 20px; margin-top: 20px; }
    .payment-method { text-align: center; }
    .payment-method input { margin-right: 10px; }
    .pay-logo { height: 40px; vertical-align: middle; }
    .btn { padding: 8px 16px; background-color: #116597; color: #fff; border: none; cursor: pointer; border-style: double;}
    .btn.danger { background-color: #dc3545; }
    .summary-table { width: 100%; border-collapse: collapse; margin-top: 20px; }
    .summary-table td, .summary-table th { border: 1px solid #ccc; padding: 8px; }
    .total-row { font-weight: bold; }
     footer {
    text-align: center;
    padding: 20px;
    color: #999;
    margin-top: 304px;
}

.btn.back-hm {
  background-color: #dc6c35;
  border-style: none;
}

.logo-log {
  text-align: center;
  background: #222;
  margin-bottom: 25px;

}
.logo-img {
  height: 80px;
  width: auto;
}


.pay-method-text{
  display:flex;
  justify-content:center;
  color: #30715f;
}

.pay-empty-cart{
    display:flex;
  justify-content:center;
}

.btn:disabled {
  background-color: #5d87a0;
  cursor: not-allowed;
  opacity: 0.7;
}
.btn.enabled {
  background-color: #116597;
  cursor: pointer;
  opacity: 1;
}