/* 2.1: inherit the existing DDM single-layout design tokens. */
.steps21{display:flex;justify-content:space-between;gap:16px;padding:22px 0 28px;max-width:1050px;margin:auto}.steps21 span{display:flex;align-items:center;gap:10px;color:#71839b;font-size:13px;font-weight:650}.steps21 b{display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:#e7edf5}.steps21 .active{color:var(--blue)}.steps21 .active b{background:var(--blue);color:white}
.payment-grid21{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:24px;align-items:start}.payment-grid21 .panel{min-width:0}.bank-qr21{display:block;width:260px;height:260px;object-fit:contain;margin:20px auto;background:white;border:1px solid #e3eaf2;border-radius:14px;padding:10px}.bank-amount21{text-align:center;font-size:36px;font-weight:800;color:var(--blue);padding:14px 0}.bank-amount21 small{display:block;color:#677c95;font-size:14px;font-weight:500;margin-top:8px}.bank-details21{display:grid;gap:14px;margin:12px 0}.bank-details21>div{display:flex;align-items:start;justify-content:space-between;gap:16px;border-bottom:1px solid #edf1f6;padding-bottom:12px}.bank-details21 dt{color:#64768b}.bank-details21 dd{margin:0;font-weight:700;text-align:right;overflow-wrap:anywhere}.bank-details21 dd .btn{margin-left:10px}
.upload-zone21{border:1px dashed #a5bedc;border-radius:14px;padding:20px;background:#f6faff;display:flex;flex-direction:column;align-items:center;gap:10px;cursor:pointer;text-align:center}.upload-zone21 svg{width:30px;height:30px;color:var(--blue)}.upload-zone21 input{max-width:100%;padding:6px;background:white;min-height:36px}.proof-grid21{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:14px}.proof-grid21 img{width:100%;height:180px;object-fit:contain;background:#f5f7fb;border:1px solid #dfe6f0;border-radius:10px}.proof-grid21 a{display:block;max-width:300px}.checkline21{display:flex!important;flex-direction:row!important;gap:10px;align-items:center;font-weight:500!important;font-size:13px;line-height:1.6}.checkline21 input[type=checkbox]{width:19px;height:19px;min-height:19px;flex:none;padding:0;accent-color:var(--blue)}.method-options21{display:flex;gap:24px;flex-wrap:wrap}
.search21{margin:0 0 28px}.search21-grid{display:grid;grid-template-columns:1fr 1.5fr 1.1fr .7fr auto;align-items:end;gap:16px}.quantity21{display:flex;align-items:center;gap:20px;border-bottom:1px solid #e9eef5}.quantity21 label{width:130px;flex:none}.receipt-hero21{text-align:center;padding:36px 30px}.receipt-hero21 h1{font-size:27px;margin:12px 0;line-height:1.4}.receipt-hero21 p{margin:12px auto;max-width:700px;line-height:1.6}.receipt-mark21{background:#edf5ff;color:var(--blue);width:62px;height:62px;display:grid;place-items:center;border-radius:50%;margin:auto}.receipt-mark21 svg{width:30px;height:30px}.center21{justify-content:center}.ticket21{display:flex;align-items:center;gap:14px;border-bottom:1px solid #e7edf4;padding:12px 0}.ticket21 small{display:block;color:#789; margin-top:5px}.feature-grid21{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.feature-grid21 .panel{min-width:0}.dns-box21{display:grid;gap:10px;background:#f1f6fc;padding:20px;border-radius:10px}.dns-box21 code{font-size:13px;white-space:pre-wrap;overflow-wrap:anywhere;color:var(--blue)}.policy21{display:flex;gap:18px;align-items:end;flex-wrap:wrap}.policy21 label:not(.checkline21){width:155px}.policy21 small{width:100%;color:#678}.badge.warn{white-space:normal}.row.wrap{flex-wrap:wrap}.panel code{overflow-wrap:anywhere}.public-trip small{display:block}.public-trip .badge{white-space:normal}.bank-qr21+.row{flex-wrap:wrap}.form-grid label{min-width:0}
@media(max-width:1050px){.search21-grid{grid-template-columns:1fr 1fr 1fr}.search21-grid>button{grid-column:2/-1}.feature-grid21{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.payment-grid21{grid-template-columns:1fr;gap:16px}.search21-grid{grid-template-columns:1fr 1fr}.search21-grid>button{grid-column:1/-1}.steps21{gap:7px;padding:16px 0}.steps21 span{font-size:10px;gap:6px;flex-direction:column;text-align:center;flex:1}.steps21 b{width:27px;height:27px}.bank-qr21{width:240px;height:240px}.bank-details21>div{flex-direction:column;gap:5px}.bank-details21 dd{text-align:left}.bank-amount21{font-size:30px}.receipt-hero21{padding:24px 18px}.receipt-hero21 h1{font-size:22px}.feature-grid21{grid-template-columns:1fr}.quantity21{flex-wrap:wrap}.ticket21{flex-wrap:wrap}.proof-grid21{grid-template-columns:1fr 1fr}.method-options21{gap:14px}.policy21{gap:14px}.payment-grid21 .between{flex-wrap:wrap;gap:8px}}