.checkout-page{
  min-height:100vh;
  background:linear-gradient(180deg,#f5f8ff 0%, #eef3fb 100%);
}

.checkout-wrap{
  max-width:1100px;
}

.checkout-head{
  margin-bottom:20px;
}

.checkout-head h1{
  margin:14px 0 8px;
  font-size:42px;
  line-height:1.08;
}

.checkout-grid{
  display:grid;
  grid-template-columns:1.1fr .9fr;
  gap:18px;
}

@media (max-width: 960px){
  .checkout-grid{grid-template-columns:1fr;}
}

.checkout-card{
  background:#fff;
  border:1px solid #dbe4f2;
  border-radius:18px;
  padding:18px;
  box-shadow:0 10px 30px rgba(15,23,42,.08);
}

.checkout-image{
  border-radius:14px;
  overflow:hidden;
  border:1px solid #dbe5f5;
  background:#f6f8fc;
  margin-bottom:12px;
}

.checkout-image img{
  width:100%;
  height:260px;
  object-fit:cover;
  display:block;
}

.checkout-product h2{
  margin:0 0 8px;
  font-size:32px;
}

.checkout-price{
  margin-top:14px;
  display:grid;
  gap:4px;
}

.checkout-price .old{
  font-size:18px;
  color:#6b7892;
  text-decoration:line-through;
  font-weight:700;
}

.checkout-price .main{
  font-size:38px;
  line-height:1.04;
  color:#1f3f7a;
  font-weight:900;
}

.checkout-price .note{
  color:#506287;
  font-size:14px;
}

.checkout-price .currency{
  color:#667896;
  font-size:13px;
}

.checkout-type{
  margin:-2px 0 8px;
  color:#5a6d90;
}

.checkout-payments h3{
  margin-top:0;
}

.pay-buttons{
  display:grid;
  gap:12px;
  margin:14px 0 4px;
}

.pay-btn{
  width:100%;
}

.pay-btn.stripe{
  background:#635bff;
}

.pay-btn.stripe:hover{
  filter:brightness(1.06);
}

.pay-btn.paypal{
  border-color:#0070ba;
  color:#003087;
}

.pay-missing{
  border:1px dashed #efb7b7;
  background:#fff6f6;
  border-radius:12px;
  padding:10px 12px;
  color:#8f2f2f;
  font-size:14px;
}

.bank-box{
  display:grid;
  gap:4px;
  margin:6px 0 12px;
  padding:10px 12px;
  border:1px solid #dbe5f5;
  border-radius:12px;
  background:#f7faff;
}

.checkout-form{
  display:grid;
  gap:10px;
}

.row2{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:10px;
}

@media (max-width: 680px){
  .row2{grid-template-columns:1fr;}
}

.checkout-form input,
.checkout-form select{
  width:100%;
  padding:10px 12px;
  border:1px solid #cfd9ea;
  border-radius:10px;
  background:#fff;
}

.checkline{
  display:flex;
  align-items:flex-start;
  gap:8px;
  color:#405376;
  font-size:14px;
}

.checkline input{
  width:18px;
  height:18px;
  margin-top:2px;
}

.cod-warning{display:none;}
