.checkout-head{text-align:center;max-width:720px;margin:10px auto 24px}.checkout-head small{color:#b86d00;font-weight:800}.checkout-head h1{font-size:42px;margin:5px}.checkout-head p{color:#63737a}.checkout-steps{display:flex;justify-content:center;gap:0;max-width:720px;margin:24px auto 30px}.checkout-steps span{display:flex;align-items:center;gap:7px;color:#869398;position:relative;flex:1}.checkout-steps span:not(:last-child):after{content:"";height:2px;background:#dfe6e8;flex:1;margin:0 12px}.checkout-steps b{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:#edf1f2}.checkout-steps .active{color:#9d6000;font-weight:800}.checkout-steps .active b{background:#ffb20d;color:#16252a}.checkout-steps .done b{background:#15936b;color:#fff}.checkout-layout{display:grid;grid-template-columns:1fr 330px;gap:20px;align-items:start}.invoice-card,.order-summary,.invoice-sheet{background:#fff;border:1px solid #dce5e8;border-radius:20px;box-shadow:0 14px 40px #09232b0b}.invoice-card{overflow:hidden}.clean-table,.invoice-table{width:100%;border-collapse:collapse}.clean-table th,.invoice-table th{background:#102a34;color:#fff;padding:14px;text-align:right}.clean-table td,.invoice-table td{padding:17px 14px;border-bottom:1px solid #e8edef}.clean-table td:first-child,.invoice-table td:nth-child(2){display:table-cell}.clean-table td small,.invoice-table td small{display:block;color:#75848a;margin-top:4px}.quantity-edit{display:flex;gap:5px}.quantity-edit input{width:65px;padding:7px}.quantity-edit button,.remove-link{padding:7px 10px}.remove-link{background:#fff1f1;color:#c33232}.order-summary{padding:24px;position:sticky;top:100px}.order-summary h2{margin-top:0}.order-summary p{display:flex;justify-content:space-between}.order-summary .summary-total{border-top:1px solid #e1e8ea;padding-top:18px;display:block}.summary-total b{display:block;font-size:25px;margin-top:5px}.wide-button{width:100%;padding:14px}.order-summary>small{display:block;color:#76858b;text-align:center;margin:10px}.order-summary>a{display:block;text-align:center}.empty-checkout,.gateway-card,.payment-result{text-align:center;background:#fff;border:1px solid #dce5e8;border-radius:22px;padding:45px;max-width:600px;margin:30px auto}.empty-checkout i{font-style:normal;font-size:60px}.invoice-sheet{padding:30px;max-width:1100px;margin:auto}.invoice-title{display:flex;justify-content:space-between;align-items:start;border-bottom:2px solid #102a34;padding-bottom:22px}.invoice-title small{color:#b86d00;font-weight:900}.invoice-title h1{margin:3px 0}.payment-badge{padding:8px 14px;border-radius:30px;background:#fff1cf;color:#936000}.payment-badge.paid{background:#dff8ee;color:#087957}.invoice-parties{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin:22px 0}.invoice-parties>div{display:flex;flex-direction:column;background:#f4f7f8;border-radius:12px;padding:15px}.invoice-parties small{color:#75848a}.invoice-bottom{display:grid;grid-template-columns:1fr 380px;gap:30px;margin-top:22px}.invoice-note{color:#607078}.invoice-note a{display:inline-block;margin:7px 0 0 12px}.invoice-totals p{display:flex;justify-content:space-between;border-bottom:1px dashed #d7e0e3;padding:7px}.invoice-totals .grand-total{background:#102a34;color:#fff;border-radius:12px;padding:15px}.grand-total b{color:#ffc23d;font-size:20px}.invoice-pay{text-align:center;margin-top:25px;border-top:1px solid #e0e7e9;padding-top:24px}.zarinpal-button{border:0;background:linear-gradient(120deg,#ffe568,#ffb900);color:#1b282d;border-radius:15px;padding:12px 26px;display:inline-grid;grid-template-columns:auto auto;gap:2px 9px;align-items:center}.zarinpal-button b{font-size:21px}.zarinpal-button small{grid-column:1/-1}.invoice-pay p{color:#75848a;font-size:12px}.paid-message{background:#e1f8ef;color:#087957;padding:17px;border-radius:13px;margin-top:25px;text-align:center;font-weight:800}.gateway-logo{font-size:30px;font-weight:900;color:#d39100}.demo-label{display:inline-block;background:#fff2cb;color:#896000;padding:5px 10px;border-radius:20px}.gateway-card>strong{display:block;font-size:33px;margin:12px}.gateway-card>a,.gateway-card>small{display:block;margin-top:15px}.payment-result>i{display:grid;place-items:center;width:75px;height:75px;border-radius:50%;margin:auto;background:#e0f8ef;color:#0b8b64;font-size:45px;font-style:normal}.payment-result.failed>i{background:#fff0f0;color:#c92a2a}.payment-result div{background:#f2f6f7;padding:14px;margin:18px}.payment-result div span,.payment-result div b{display:block}@media(max-width:760px){.checkout-layout,.invoice-bottom,.invoice-parties{grid-template-columns:1fr}.order-summary{position:static}.invoice-sheet{padding:15px}.checkout-steps{font-size:11px}.checkout-steps span:not(:last-child):after{margin:0 4px}.clean-table th:nth-child(2),.clean-table td:nth-child(2){display:none}.clean-table th,.clean-table td,.invoice-table th,.invoice-table td{padding:10px 7px;font-size:11px}.invoice-table{min-width:650px}.invoice-title{flex-direction:column;gap:12px}}