/* purgecss start ignore */
figure.image {
    margin  : 10px 0;
    display : inline-block;
}

figcaption {
    background: #f5f5f5;
    padding: 10px;
    font-size: 90%;
    text-align: center;
}
/* purgecss end ignore */

*{box-sizing:border-box}
.checkoutpage .wrap{max-width:var(--container);margin:32px auto;padding:20px}
.checkoutpage .grid{display:grid;grid-template-columns:1fr 380px;gap:20px}
.checkoutpage .card{background:var(--card);border-radius:12px;padding:20px;box-shadow:0 6px 20px rgba(17,24,39,0.06)}
.checkoutpage h2{margin:0 0 12px 0;font-size:18px}
.checkoutpage label{display:block;font-size:13px;margin-bottom:6px;color:var(--muted)}
.checkoutpage input[type=text], input[type=email],.checkoutpage  input[type=tel],.checkoutpage  select,.checkoutpage  textarea{width:100%;padding:10px;border-radius:8px;border:1px solid #e6e8ee;background:#fcfdff}
.checkoutpage .two{display:flex;gap:12px}
.checkoutpage .two > *{flex:1}
.checkoutpage .muted{color:var(--muted);font-size:13px}
.checkoutpage .price-row{display:flex;justify-content:space-between;padding:8px 0;border-bottom:1px dashed #eef2f7}
.checkoutpage .total{font-weight:700;font-size:18px}
.checkoutpage .btn{display:inline-block;padding:10px 14px;border-radius:10px;border:0;cursor:pointer}
.checkoutpage .btn-primary{background:var(--accent);color:white}
.checkoutpage .btn-ghost{background:transparent;border:1px solid #e6e8ee}
.checkoutpage .radio-row{display:flex;gap:12px;align-items:center}
.checkoutpage .small{font-size:13px}
.checkoutpage .footer-note{font-size:12px;color:var(--muted);margin-top:12px}
@media (max-width:900px){.checkoutpage .grid{grid-template-columns:1fr;} .checkoutpage  .wrap{padding:12px}}