.checkout-layout{

display:grid;

grid-template-columns:2fr 1fr;

gap:40px;

}

.checkout-form{

background:#fff;

padding:2rem;

border-radius:12px;

}

.checkout-summary{

background:#fafafa;

padding:2rem;

border-radius:12px;

height:fit-content;

}

.checkout-item{

display:flex;

justify-content:space-between;

padding:12px 0;

border-bottom:1px solid #ddd;

}

.payment-list{

display:grid;

grid-template-columns:1fr 1fr;

gap:10px;

margin-bottom:20px;

}

.payment-list label{

padding:12px;

border:1px solid #ddd;

border-radius:8px;

cursor:pointer;

}

.full-width{

width:100%;

}

@media(max-width:900px){

.checkout-layout{

grid-template-columns:1fr;

}

.payment-list{

grid-template-columns:1fr;

}

}