.checkout-section {

  background: #f8f8f8;

}



.checkout-title {

  

  font-size: 2.2rem;

}



.checkout-subtitle {

  color: #777;

}



.checkout-box {

  background: #fff;

  padding: 25px;

  border-radius: 5px;

  box-shadow: 0 8px 10px rgba(0,0,0,0.05);

}



.section-title {

  font-weight: 600;

  margin-bottom: 20px;

}



.payment-option {

  display: flex;

  align-items: center;

  gap: 10px;

  margin-bottom: 10px;

}



.card-fields input {

  border-radius: 6px;

}



/* ORDER SUMMARY */

.summary-product {

  border-bottom: 1px solid #eee;

  padding-bottom: 12px;

}



.summary-img {

  width: 70px;

  height: 70px;

  object-fit: cover;

  border-radius: 5px;

  border: 1px solid #ddd;

}



.summary-item span,

.summary-total span {

  font-weight: 500;

}



.summary-total span {

  font-size: 1.1rem;

}



.place-order-btn {

  background: #000;

  color: #fff;

  border-radius: 30px;

  padding: 12px;

  font-weight: 500;

}



.place-order-btn:hover {

  background: #333;

}