/* DEWPOINT CHECKOUT — direct owner for Review, Payment and Confirmation */
:root{
    --dp-navy:#07183d;
    --dp-navy-deep:#020817;
    --dp-purple:#26084d;
    --dp-ink:#111827;
    --dp-muted:#667085;
    --dp-line:#d7dce6;
    --dp-soft:#f7f8fb;
    --dp-white:#fff;
    --dp-shadow:0 4px 18px rgba(7,24,61,.06);
}

body.dp-route-checkout{background:#fff!important}
body.dp-route-checkout
.dp-site:has(.dp-home-booking .dp-inline-checkout)>.dp-home-booking{
    display:block!important;width:100%!important;max-width:none!important;
    min-height:calc(100vh - 90px)!important;margin:0!important;
    padding:0 clamp(18px,3.5vw,58px) 54px!important;
    border-top:3px solid var(--dp-navy)!important;background:#fff!important;
    box-sizing:border-box!important;
}
body.dp-route-checkout .dp-site>*:not(.dp-final-nav):not(.dp-home-booking):not(.dp-footer){display:none!important}
body.dp-route-checkout .dp-site>.dp-final-nav{display:flex!important}
body.dp-route-checkout .dp-site>.dp-footer{display:block!important}
body.dp-route-checkout .dp-home-booking-title{display:none!important}
body.dp-route-checkout
.dp-site:has(.dp-home-booking .dp-inline-checkout)
.dp-home-booking .dp-inline-checkout{
    display:block!important;position:static!important;width:100%!important;max-width:none!important;
    min-height:0!important;margin:0!important;padding:0!important;
    border:0!important;border-radius:0!important;background:transparent!important;
    box-shadow:none!important;overflow:visible!important;transform:none!important;zoom:1!important;
}
body.dp-route-checkout
.dp-site:has(.dp-home-booking .dp-inline-checkout)
.dp-home-booking .dp-inline-checkout .dp-new-checkout-page{
    width:min(100%,1180px)!important;max-width:1180px!important;min-height:0;
    margin:0 auto!important;padding:20px 0 32px!important;color:var(--dp-ink)!important;
    border:0!important;border-radius:0!important;background:transparent!important;
    box-shadow:none!important;overflow:visible!important;
    font-family:inherit!important;box-sizing:border-box!important;
}
body.dp-route-checkout .dp-new-checkout-page*,body.dp-route-checkout .dp-new-checkout-page*::before,body.dp-route-checkout .dp-new-checkout-page*::after{box-sizing:border-box}

/* Plain page introduction directly below the site header */
body.dp-route-checkout .dp-checkout-page-intro{margin:0 0 14px}
body.dp-route-checkout .dp-checkout-page-intro h1{
    margin:0;color:var(--dp-navy);font-size:clamp(29px,2.5vw,35px);font-weight:850;
    line-height:1.12;letter-spacing:-.025em;
}
body.dp-route-checkout .dp-checkout-page-intro p{margin:5px 0 0;color:var(--dp-muted)!important;font-size:15px;line-height:1.4}

body.dp-route-checkout .dp-new-hold-banner{
    display:grid;grid-template-columns:auto 1fr auto auto;align-items:center;gap:10px;
    min-height:42px;margin:0 0 14px;padding:9px 14px;border:1px solid #cdd7ea;
    border-radius:9px;background:#f5f8ff!important;color:var(--dp-navy)!important;
}
body.dp-route-checkout .dp-new-hold-banner strong{color:var(--dp-navy)!important;font-size:15px}

body.dp-route-checkout .dp-cancel-payment-hold{
    min-height:34px;padding:6px 13px;border:1px solid #dc3545;border-radius:8px;
    background:#fff!important;color:#c62838!important;font-size:13px;font-weight:800;
    cursor:pointer;
}
body.dp-route-checkout .dp-cancel-payment-hold:hover{background:#fff4f5!important}
body.dp-route-checkout .dp-cancel-payment-hold:disabled{opacity:.6;cursor:not-allowed}

body.dp-route-checkout .dp-new-checkout-layout{
    display:grid;grid-template-columns:minmax(0,1fr) 330px;
    gap:24px;align-items:start;
}
body.dp-route-checkout .dp-new-main-card{
    display:grid;gap:14px;min-width:0;padding:0!important;border:0!important;
    border-radius:0!important;background:transparent!important;box-shadow:none!important;
}
body.dp-route-checkout .dp-checkout-booking-card,body.dp-route-checkout .dp-checkout-section,body.dp-route-checkout .dp-new-summary,body.dp-route-checkout .dp-new-white-card,body.dp-route-checkout .dp-new-success{
    border:1px solid var(--dp-line)!important;border-radius:10px!important;
    background:#fff!important;box-shadow:var(--dp-shadow)!important;
}

/* Checkout review */
body.dp-route-checkout .dp-checkout-booking-card{overflow:hidden;padding:18px 22px 14px}
body.dp-route-checkout .dp-checkout-date-group+.dp-checkout-date-group{
    margin-top:18px;padding-top:18px;border-top:1px solid var(--dp-line);
}
body.dp-route-checkout .dp-checkout-date-total{
    display:flex;align-items:center;justify-content:space-between;gap:16px;
    min-height:30px;color:var(--dp-muted);
}
body.dp-route-checkout .dp-checkout-date-total:first-child{margin-bottom:3px}
body.dp-route-checkout .dp-checkout-date-total:last-child{display:none}
body.dp-route-checkout .dp-checkout-date{color:var(--dp-navy);font-size:21px;font-weight:850}
body.dp-route-checkout .dp-checkout-booking-row{
    display:grid;grid-template-columns:minmax(140px,1fr) minmax(165px,1fr) auto;
    align-items:center;gap:18px;min-height:46px;padding:6px 0;border-bottom:1px solid var(--dp-line);
}
body.dp-route-checkout .dp-checkout-booking-court,body.dp-route-checkout .dp-checkout-booking-time,body.dp-route-checkout .dp-checkout-booking-price{color:var(--dp-ink);font-size:16px}
body.dp-route-checkout .dp-checkout-booking-price{text-align:right}
body.dp-route-checkout .dp-checkout-price-breakdown{margin-top:10px;padding-top:5px}
body.dp-route-checkout .dp-checkout-price-breakdown>div{
    display:flex;align-items:center;justify-content:space-between;min-height:34px;color:var(--dp-ink);
}
body.dp-route-checkout .dp-checkout-price-breakdown>div.total{
    min-height:48px;margin-top:3px;border-top:1px solid var(--dp-line);
    color:var(--dp-navy);font-weight:850;
}
body.dp-route-checkout .dp-checkout-price-breakdown>div.total strong{font-size:26px}

/* Voucher and Terms are individual cards */
body.dp-route-checkout .dp-checkout-section{overflow:hidden}
body.dp-route-checkout .dp-checkout-section-head{
    display:flex;align-items:center;gap:10px;min-height:46px;padding:10px 20px 0;color:var(--dp-navy);
}
body.dp-route-checkout .dp-checkout-section-head small{display:none}
body.dp-route-checkout .dp-checkout-section-head h3{
    margin:0!important;color:var(--dp-navy)!important;font-size:16px!important;font-weight:850!important;
}
body.dp-route-checkout .dp-checkout-section-head h3::before{content:"▣";display:inline-block;margin-right:10px;font-size:16px}
body.dp-route-checkout .dp-checkout-section-content{padding:8px 20px 18px}
body.dp-route-checkout .dp-checkout-choice-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
body.dp-route-checkout .dp-checkout-choice{
    min-height:44px;padding:0 14px;border:1px solid #bfc7d4!important;border-radius:7px;
    background:#fff!important;color:var(--dp-navy)!important;box-shadow:none!important;
    cursor:pointer;font:inherit;font-weight:750;
}
body.dp-route-checkout .dp-checkout-choice.is-selected,body.dp-route-checkout .dp-checkout-choice[aria-pressed="true"]{
    border-color:var(--dp-navy)!important;background:#f3f6fb!important;color:var(--dp-navy)!important;
    box-shadow:inset 0 0 0 1px var(--dp-navy)!important;
}
body.dp-route-checkout .dp-checkout-voucher{display:grid;grid-template-columns:minmax(0,1fr) 112px;gap:12px;margin-top:12px}
body.dp-route-checkout .dp-checkout-voucher-field label{display:none}
body.dp-route-checkout .dp-checkout-voucher-field input,body.dp-route-checkout .dp-new-reference input{
    width:100%;min-height:44px;padding:0 13px;border:1px solid #c7ceda;border-radius:7px;
    background:#fff;color:var(--dp-ink);outline:none;font:inherit;
}
body.dp-route-checkout .dp-checkout-voucher-message{grid-column:1/-1;margin:0;color:var(--dp-muted);font-size:13px}
body.dp-route-checkout .dp-checkout-terms-copy{
    height:128px;min-height:128px;max-height:128px;padding:13px 16px;overflow:auto;
    border:1px solid #c7ceda;border-radius:7px;
    color:#2c3443;white-space:pre-line;font-size:13px;line-height:1.55;
}
body.dp-route-checkout .dp-checkout-terms-check,body.dp-route-checkout .dp-new-confirm{
    display:flex;align-items:flex-start;gap:11px;margin-top:13px;color:var(--dp-ink);
    cursor:pointer;line-height:1.45;
}
body.dp-route-checkout .dp-checkout-terms-check input,body.dp-route-checkout .dp-new-confirm input{
    width:19px;height:19px;margin:1px 0 0;accent-color:var(--dp-navy);flex:0 0 auto;
}
body.dp-route-checkout .dp-checkout-actions{width:100%}
body.dp-route-checkout .dp-checkout-button,body.dp-route-checkout .dp-new-final-button,body.dp-route-checkout .dp-success-actions button{
    min-height:52px;border-radius:7px;cursor:pointer;font:inherit;font-weight:850;
}
body.dp-route-checkout .dp-checkout-actions .dp-checkout-button{width:100%}
body.dp-route-checkout .dp-checkout-button-primary,body.dp-route-checkout .dp-new-final-button,body.dp-route-checkout .dp-success-actions button.primary{
    border:0!important;background:linear-gradient(90deg,var(--dp-navy-deep),var(--dp-navy) 58%,var(--dp-purple))!important;
    color:#fff!important;box-shadow:0 6px 16px rgba(7,24,61,.15)!important;
}
body.dp-route-checkout .dp-checkout-button:disabled,body.dp-route-checkout .dp-new-final-button:disabled{opacity:.48;cursor:not-allowed}

/* Booking summary */
body.dp-route-checkout .dp-new-summary{position:sticky;top:105px;padding:20px 22px!important}
body.dp-route-checkout .dp-new-summary>small{
    display:block;margin-bottom:18px;color:var(--dp-navy)!important;font-size:20px;
    font-weight:850;letter-spacing:0;text-transform:none;
}
body.dp-route-checkout .dp-new-summary section{padding-bottom:13px;margin-bottom:13px;border-bottom:1px solid var(--dp-line)}
body.dp-route-checkout .dp-new-summary section>b{display:block;margin-bottom:7px;color:var(--dp-navy)}
body.dp-route-checkout .dp-new-summary article{
    display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;min-height:36px;padding:6px 0;
}
body.dp-route-checkout .dp-new-summary article span:last-child{color:var(--dp-ink);text-align:right}
body.dp-route-checkout .dp-new-summary-row,body.dp-route-checkout .dp-new-summary-total{
    display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:48px;padding:8px 0;
}
body.dp-route-checkout .dp-new-summary-row+.dp-new-summary-row{border-top:1px dashed #e1e5ec}
body.dp-route-checkout .dp-new-summary-row b{max-width:58%;overflow-wrap:anywhere;text-align:right}
body.dp-route-checkout .dp-new-summary-total{
    margin-top:4px;border-top:1px solid var(--dp-line);color:var(--dp-navy);font-weight:850;
}
body.dp-route-checkout .dp-new-summary-total strong{color:var(--dp-navy)!important;font-size:25px}

/* Payment confirmation */
body.dp-route-checkout .dp-new-payment-layout{grid-template-columns:minmax(0,1fr) 330px}
body.dp-route-checkout .dp-payment-column{gap:12px}
body.dp-route-checkout .dp-new-white-card{margin:0;padding:18px 20px;color:var(--dp-ink)}
body.dp-route-checkout .dp-payment-booking-summary h2{margin:0 0 8px;color:var(--dp-navy);font-size:18px}
body.dp-route-checkout .dp-payment-booking-summary>div{
    display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:39px;
    border-bottom:1px solid #e2e6ed;
}
body.dp-route-checkout .dp-payment-booking-summary>div.total{min-height:52px;border-bottom:0;color:var(--dp-navy);font-weight:850}
body.dp-route-checkout .dp-payment-booking-summary>div.total strong{font-size:25px}
body.dp-route-checkout .dp-new-methods>b,body.dp-route-checkout .dp-new-receipt>b{
    display:block;margin-bottom:10px;color:var(--dp-navy);font-size:16px;font-weight:850;
}
body.dp-route-checkout .dp-new-methods>div{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
body.dp-route-checkout .dp-new-methods button{
    position:relative;display:flex;align-items:center;justify-content:center;min-height:52px;
    padding:9px 38px 9px 14px;border:1px solid #c7ceda;border-radius:7px;background:#fff;
    color:var(--dp-navy);cursor:pointer;font:inherit;font-weight:800;
}
body.dp-route-checkout .dp-new-methods button.selected{
    border-color:var(--dp-navy);background:#f3f6fb;box-shadow:inset 0 0 0 1px var(--dp-navy);
}
body.dp-route-checkout .dp-new-methods button i{
    position:absolute;right:15px;display:grid;place-items:center;width:20px;height:20px;
    border-radius:50%;background:var(--dp-navy);color:#fff;font-size:12px;font-style:normal;
}
body.dp-route-checkout .dp-new-methods button:disabled{opacity:.4;cursor:not-allowed}
body.dp-route-checkout .dp-new-destination{
    display:flex;flex-direction:column;align-items:center;gap:6px;text-align:center;
}
body.dp-route-checkout .dp-new-destination>small{
    align-self:flex-start;color:var(--dp-navy);font-size:16px;font-weight:850;letter-spacing:0;
}
body.dp-route-checkout .dp-new-destination>b{margin-top:4px;color:var(--dp-navy);font-size:18px}
body.dp-route-checkout .dp-new-destination>span{color:var(--dp-muted);font-size:13px}
body.dp-route-checkout .dp-new-destination>img,body.dp-route-checkout .dp-new-destination>a>img{
    width:min(240px,82%);max-height:240px;object-fit:contain;margin:12px auto 0;padding:8px;
    border:1px solid var(--dp-line);border-radius:8px;background:#fff;
}
body.dp-route-checkout .dp-new-destination a,body.dp-route-checkout .dp-paymongo-qr-actions a{color:var(--dp-navy);font-size:13px;font-weight:800}
body.dp-route-checkout .dp-paymongo-qr-actions{display:flex;justify-content:center;gap:18px;margin:8px 0}
body.dp-route-checkout .dp-new-receipt-guidance{
    display:block;margin:-4px 0 12px;color:var(--dp-muted);font-size:13px;line-height:1.45;
}
body.dp-route-checkout .dp-new-upload{
    display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;
    min-height:104px;padding:16px;border:1px dashed #aeb7c6;border-radius:7px;background:#fff;
    color:var(--dp-navy);cursor:pointer;text-align:center;
}
body.dp-route-checkout .dp-new-upload>span{font-size:27px}.dp-new-upload>small{color:var(--dp-muted)}
body.dp-route-checkout .dp-new-upload input,body.dp-route-checkout .dp-new-receipt-preview input{display:none}
body.dp-route-checkout .dp-new-receipt-preview{display:grid;gap:10px}
body.dp-route-checkout .dp-new-receipt-preview img{
    width:min(280px,100%);max-height:260px;object-fit:contain;justify-self:center;padding:6px;
    border:1px solid var(--dp-line);border-radius:8px;background:#fff;
}
body.dp-route-checkout .dp-new-receipt-preview label{
    justify-self:center;padding:9px 14px;border:1px solid var(--dp-navy);border-radius:7px;
    color:var(--dp-navy);cursor:pointer;font-weight:800;
}
body.dp-route-checkout .dp-receipt-ready{
    display:grid;gap:3px;margin-top:12px;padding:11px 13px;border:1px solid #b8cfbf;
    border-radius:7px;background:#f4faf6;color:#28533a;
}
body.dp-route-checkout .dp-receipt-ready b{font-size:13px}.dp-receipt-ready span{font-size:12px}
body.dp-route-checkout .dp-new-reference{display:block;margin-top:14px}
body.dp-route-checkout .dp-new-reference span{display:block;margin-bottom:6px;color:var(--dp-ink);font-size:13px;font-weight:700}
body.dp-route-checkout .dp-new-confirm{margin:0;padding:14px 16px}.dp-new-final-button{width:100%;margin:0}

/* Errors and loading */
body.dp-route-checkout .dp-new-checkout-error{
    margin:0 0 14px;padding:12px 14px;border:1px solid #d3a4aa;border-radius:8px;
    background:#fff6f7;color:#8d2632;font-weight:700;
}
body.dp-route-checkout .dp-new-checkout-loading{
    display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;
    min-height:320px;color:var(--dp-navy);
}
body.dp-route-checkout .dp-new-checkout-loading b{font-size:19px}.dp-new-checkout-loading span{color:var(--dp-muted)}

/* Booking confirmation and manual pending state */
body.dp-route-checkout .dp-new-success{max-width:1040px;margin:28px auto 0;padding:32px;text-align:center}
body.dp-route-checkout .dp-success-mark{
    display:grid;place-items:center;width:68px;height:68px;margin:0 auto 24px;border-radius:50%;
    background:#edf2f8;color:var(--dp-navy);font-size:31px;font-weight:900;
}
body.dp-route-checkout .dp-new-success.is-pending .dp-success-mark{background:#f5f1fb;color:var(--dp-purple)}
body.dp-route-checkout .dp-success-details{
    display:grid;grid-template-columns:minmax(0,1.2fr) minmax(280px,.8fr);
    border:1px solid var(--dp-line);border-radius:9px;background:#fff;box-shadow:var(--dp-shadow);text-align:left;
}
body.dp-route-checkout .dp-success-booking-info,body.dp-route-checkout .dp-success-qr{padding:26px}
body.dp-route-checkout .dp-success-booking-info{border-right:1px solid var(--dp-line)}
body.dp-route-checkout .dp-success-booking-info h2,body.dp-route-checkout .dp-success-qr h2{
    margin:0 0 14px;color:var(--dp-navy);font-size:19px;
}
body.dp-route-checkout .dp-success-info-row{
    display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:49px;
    border-bottom:1px solid #e1e5ec;
}
body.dp-route-checkout .dp-success-info-row strong{color:var(--dp-navy);overflow-wrap:anywhere;text-align:right}
body.dp-route-checkout .dp-success-schedule{
    display:grid;grid-template-columns:140px 1fr;gap:20px;padding:13px 0;border-bottom:1px solid #e1e5ec;
}
body.dp-route-checkout .dp-success-schedule section+section{margin-top:10px}.dp-success-schedule section>b{color:var(--dp-navy)}
body.dp-route-checkout .dp-success-schedule p{display:flex;justify-content:space-between;gap:14px;margin:6px 0 0}
body.dp-route-checkout .dp-success-schedule p strong{color:var(--dp-ink)}.dp-success-schedule p span{color:var(--dp-muted);text-align:right}
body.dp-route-checkout .dp-success-status{padding:5px 10px;border-radius:999px;background:#edf2f8}
.is-pending .dp-success-status{background:#f2ecfa;color:var(--dp-purple)}
body.dp-route-checkout .dp-success-total strong{font-size:24px}
body.dp-route-checkout .dp-success-qr{
    display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;
}
body.dp-route-checkout .dp-success-qr img{
    width:min(250px,100%);aspect-ratio:1;object-fit:contain;padding:10px;
    border:2px solid var(--dp-navy);border-radius:10px;background:#fff;
}
body.dp-route-checkout .dp-success-qr-placeholder{
    display:grid;place-items:center;width:min(250px,100%);min-height:190px;padding:24px;
    border:1px dashed #aeb8c9;border-radius:10px;background:var(--dp-soft);color:var(--dp-muted);line-height:1.5;
}
body.dp-route-checkout .dp-success-qr p{max-width:290px;margin:16px 0 0;color:var(--dp-muted);line-height:1.5}
body.dp-route-checkout .dp-success-actions{
    display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;max-width:720px;margin:28px auto 0;
}
body.dp-route-checkout .dp-success-actions button{border:1px solid var(--dp-navy);background:#fff;color:var(--dp-navy)}

/* Receipt validation remains the only blocking modal */
body.dp-route-checkout .dp-receipt-failure-overlay{
    position:fixed;inset:0;z-index:110000;display:grid;place-items:center;padding:20px;
    background:rgba(3,11,38,.62);backdrop-filter:blur(6px);
}
body.dp-route-checkout .dp-receipt-failure-dialog{
    width:min(100%,440px);padding:26px;border:1px solid #d9def0;border-radius:18px;
    background:#fff;color:var(--dp-navy);box-shadow:0 24px 70px rgba(2,10,36,.28);text-align:center;
}
body.dp-route-checkout .dp-receipt-failure-dialog>small{
    display:block;margin-bottom:8px;color:var(--dp-purple);font-size:11px;font-weight:900;letter-spacing:.14em;
}
body.dp-route-checkout .dp-receipt-failure-dialog h2{margin:0;color:var(--dp-navy);font-size:26px}
body.dp-route-checkout .dp-receipt-failure-dialog p{margin:12px 0 22px;color:var(--dp-muted);line-height:1.55}
body.dp-route-checkout .dp-receipt-failure-dialog button{
    width:100%;min-height:48px;border:0;border-radius:8px;
    background:linear-gradient(90deg,var(--dp-navy-deep),var(--dp-navy),var(--dp-purple));
    color:#fff;cursor:pointer;font:inherit;font-weight:850;
}

/* Responsive desktop-to-mobile conversion */
@media(max-width:980px){
    body.dp-route-checkout .dp-new-checkout-layout,body.dp-route-checkout .dp-new-payment-layout{grid-template-columns:1fr;gap:18px}
    body.dp-route-checkout .dp-new-summary{position:static}
}
@media(max-width:700px){
    body.dp-route-checkout .dp-site:has(.dp-home-booking .dp-inline-checkout)>.dp-home-booking{
        padding:0 14px 42px!important;
    }
    body.dp-route-checkout .dp-site:has(.dp-home-booking .dp-inline-checkout)
    .dp-home-booking .dp-inline-checkout .dp-new-checkout-page{
        width:100%!important;padding:18px 0 24px!important;
    }
    body.dp-route-checkout .dp-checkout-page-intro{margin-bottom:12px}.dp-checkout-page-intro h1{font-size:30px}
    body.dp-route-checkout .dp-checkout-page-intro p{font-size:15px}
    body.dp-route-checkout .dp-new-hold-banner{grid-template-columns:auto 1fr}.dp-new-hold-banner strong{grid-column:2}
    body.dp-route-checkout .dp-cancel-payment-hold{grid-column:2;justify-self:start}
    body.dp-route-checkout .dp-checkout-booking-card,body.dp-route-checkout .dp-new-summary,body.dp-route-checkout .dp-new-white-card,body.dp-route-checkout .dp-new-success{
        padding:17px!important;border-radius:9px!important;
    }
    body.dp-route-checkout .dp-checkout-section-head{padding:9px 16px 0}.dp-checkout-section-content{padding:8px 16px 16px}
    body.dp-route-checkout .dp-checkout-booking-row{grid-template-columns:minmax(0,1fr) auto;gap:6px 14px;padding:11px 0}
    body.dp-route-checkout .dp-checkout-booking-court{grid-column:1;grid-row:1}
    body.dp-route-checkout .dp-checkout-booking-time{grid-column:1;grid-row:2;color:var(--dp-muted);font-size:14px}
    body.dp-route-checkout .dp-checkout-booking-price{grid-column:2;grid-row:1/3}
    body.dp-route-checkout .dp-checkout-date-total>span{font-size:13px}
    body.dp-route-checkout .dp-checkout-choice-row,body.dp-route-checkout .dp-new-methods>div{grid-template-columns:1fr}
    body.dp-route-checkout .dp-checkout-voucher{grid-template-columns:1fr}.dp-checkout-voucher .dp-checkout-button{width:100%}
    body.dp-route-checkout .dp-new-summary article{grid-template-columns:1fr;gap:2px}.dp-new-summary article span:last-child{text-align:left}
    body.dp-route-checkout .dp-success-details{grid-template-columns:1fr}
    body.dp-route-checkout .dp-success-booking-info,body.dp-route-checkout .dp-success-qr{padding:18px 0}
    body.dp-route-checkout .dp-success-booking-info{border-right:0;border-bottom:1px solid var(--dp-line)}
    body.dp-route-checkout .dp-success-info-row{align-items:flex-start;gap:14px}
    body.dp-route-checkout .dp-success-schedule{grid-template-columns:1fr;gap:8px}
    body.dp-route-checkout .dp-success-schedule p{display:grid;gap:2px}.dp-success-schedule p span{text-align:left}
    body.dp-route-checkout .dp-success-actions{grid-template-columns:1fr;gap:10px;margin-top:18px}
}
@media(max-width:430px){
    body.dp-route-checkout .dp-checkout-date{font-size:18px}
    body.dp-route-checkout .dp-checkout-date-total:first-child{align-items:flex-start;flex-direction:column;gap:2px;margin-bottom:8px}
    body.dp-route-checkout .dp-new-summary-row,body.dp-route-checkout .dp-new-summary-total,body.dp-route-checkout .dp-payment-booking-summary>div{
        align-items:flex-start;flex-direction:column;gap:3px;
    }
    body.dp-route-checkout .dp-new-summary-row b{max-width:100%;text-align:left}
}