/* Hosted Beds24 payment step: appearance only. Keep forms and totals intact. */
body:has(.bp2bookcollectpayment){margin:0;background:#f6f5f1!important;color:#192b34!important;font:15px/1.6 -apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif!important;padding:32px 24px 44px!important}
body:has(.bp2bookcollectpayment)::before{content:'pleasebookonline.';display:block;max-width:1080px;margin:0 auto 28px;padding:0 0 22px;border-bottom:1px solid #dcdfd9;font-size:25px;font-weight:750;letter-spacing:-1px}
body:has(.bp2bookcollectpayment) .innertube{max-width:1080px!important;margin:auto!important;padding:0!important}
#bookingpage.bp2bookcollectpayment{width:100%!important;max-width:none!important;min-width:0!important;background:transparent!important;padding:0!important;color:#192b34!important}
.bp2bookcollectpayment .confirmation{background:#fff!important;border:1px solid #e0e2dc;border-radius:16px;padding:28px 30px!important;margin-bottom:24px;color:#192b34!important}
.bp2bookcollectpayment .confirmation::before{content:'YOUR STAY / PAYMENT';display:block;font-size:10px;font-weight:700;letter-spacing:1.8px;color:#637178;margin-bottom:15px}
.bp2bookcollectpayment .conf_header{font-size:30px!important;line-height:1.25!important;font-weight:700!important;letter-spacing:-.8px;display:flow-root}
.bp2bookcollectpayment .conf_p{font-size:15px!important;line-height:1.65!important;margin:14px 0 0!important;color:#52636c}
.bp2bookcollectpayment .conf_p .conf_amount{color:#192b34;font-weight:700}
.bp2bookcollectpayment .ppcancelbutton{float:right;margin:0 0 12px 20px}
.bp2bookcollectpayment input.view-booking-button{float:none!important;background:#fff!important;border:1px solid #e5d4ce!important;color:#a34231!important;border-radius:8px!important;padding:10px 14px!important;font:600 13px/1.4 -apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif!important;box-shadow:none!important;min-height:42px}
.bp2bookcollectpayment>.row{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:24px;margin:0!important;align-items:start}
.bp2bookcollectpayment>.row>[class*=col-]{width:auto!important;float:none!important;padding:0!important;min-width:0}
.bp2bookcollectpayment #paymentgatewayaccordion{margin:0!important}
.bp2bookcollectpayment .panel{border:1px solid #e0e2dc!important;border-radius:14px!important;background:#fff!important;box-shadow:none!important;overflow:hidden;margin-bottom:14px!important}
.bp2bookcollectpayment .panel-heading{background:#fff!important;color:#192b34!important;padding:24px!important;border:0!important;cursor:pointer}
.bp2bookcollectpayment .panel-title{font-size:19px!important;line-height:1.4;font-weight:650!important;letter-spacing:-.3px}
.bp2bookcollectpayment .panel-title i{font-size:12px;color:#637178;margin-top:7px}
.bp2bookcollectpayment .panel-body{padding:0 24px 24px!important;border-top:0!important}
.bp2bookcollectpayment .paymentgatewayinstruction:empty{display:none}
.bp2bookcollectpayment .paybutton{width:100%!important;min-height:54px;background:#225eff!important;color:#fff!important;border:0!important;border-radius:9px!important;padding:15px 22px!important;font:650 16px/1.4 -apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif!important;box-shadow:none!important;text-shadow:none!important}
.bp2bookcollectpayment .paybutton:hover{background:#1648d6!important}
.bp2bookcollectpayment>.row>[class*=col-]:has(>.confirmationtable){background:#fff;border:1px solid #e0e2dc;border-radius:14px;padding:24px!important}
.bp2bookcollectpayment .confirmationtable{width:100%!important;border-collapse:collapse!important;border-spacing:0!important;font-size:13px!important;line-height:1.6!important;margin:0!important;color:#192b34!important}
.bp2bookcollectpayment .confirmationtable td{padding:12px 6px!important;vertical-align:top;overflow-wrap:break-word}
.bp2bookcollectpayment .confirmationtable td:first-child{padding-left:0!important}
.bp2bookcollectpayment .confirmationtable td:last-child{padding-right:0!important}
.bp2bookcollectpayment .confirmationtable:has(.conf_numbercenter){table-layout:fixed}
.bp2bookcollectpayment .confirmationtable:has(.conf_numbercenter) tr:first-child{border-bottom:1px solid #e0e2dc;color:#637178;font-size:10px;letter-spacing:.6px;text-transform:uppercase}
.bp2bookcollectpayment .confirmationtable:has(.conf_numbercenter) tr:first-child td:nth-child(1){width:46%}
.bp2bookcollectpayment .confirmationtable:has(.conf_numbercenter) tr:first-child td:nth-child(2){width:10%}
.bp2bookcollectpayment .confirmationtable:has(.conf_numbercenter) tr:first-child td:nth-child(3),.bp2bookcollectpayment .confirmationtable:has(.conf_numbercenter) tr:first-child td:nth-child(4){width:22%}
.bp2bookcollectpayment .confirmationtable:has(.conf_numbercenter) tr+tr{border-bottom:1px solid #edf0eb}
.bp2bookcollectpayment .conf_number,.bp2bookcollectpayment .conf_numbercenter{font-variant-numeric:tabular-nums;white-space:nowrap;letter-spacing:-.3px}
.bp2bookcollectpayment .confirmationtable tr:has(td.conf_subheader.conf_number){background:#eaf0ff;border-bottom:0!important;font-size:15px;font-weight:700}
.bp2bookcollectpayment .confirmationtable tr:has(td.conf_subheader.conf_number) td{padding-top:17px!important;padding-bottom:17px!important}
.bp2bookcollectpayment .confirmationtable tr:has(td.conf_subheader.conf_number) td:first-child{padding-left:12px!important}
.bp2bookcollectpayment .confirmationtable tr:has(td.conf_subheader.conf_number) td:last-child{padding-right:12px!important}
.bp2bookcollectpayment .confirmationtable+.confirmationtable{margin-top:20px!important;border-top:1px solid #e0e2dc}
.bp2bookcollectpayment .confirmationtable+.confirmationtable td:first-child{width:30%;color:#637178;font-size:12px}
.bp2bookcollectpayment .confirmationtable+.confirmationtable tr:has(td:nth-child(2):empty){display:none}
.bp2bookcollectpayment .book_securelogo{clear:both;text-align:right;padding:20px 0 0!important;margin:0!important}
.bp2bookcollectpayment .book_securelogo img{max-width:90px;height:auto}
.bp2bookcollectpayment .book_poweredby{clear:both;text-align:right;font-size:11px!important;margin-top:10px!important}
.bp2bookcollectpayment .book_poweredby a{color:#637178!important}
.bp2bookcollectpayment input:focus-visible,.bp2bookcollectpayment [role=tab]:focus-visible{outline:3px solid #225eff!important;outline-offset:3px}
@media(max-width:760px){body:has(.bp2bookcollectpayment){padding:20px 12px 30px!important}body:has(.bp2bookcollectpayment)::before{font-size:22px;margin-bottom:20px;padding-left:6px}.bp2bookcollectpayment .confirmation{padding:22px 20px!important}.bp2bookcollectpayment .conf_header{font-size:26px!important}.bp2bookcollectpayment .conf_p{font-size:14px!important}.bp2bookcollectpayment .ppcancelbutton{float:none;margin:0 0 18px}.bp2bookcollectpayment>.row{grid-template-columns:minmax(0,1fr);gap:18px}.bp2bookcollectpayment .panel{margin-bottom:0!important}.bp2bookcollectpayment>.row>[class*=col-]:has(>.confirmationtable){padding:20px 14px!important}.bp2bookcollectpayment .confirmationtable{font-size:12px!important}.bp2bookcollectpayment .confirmationtable td{padding:11px 3px!important}.bp2bookcollectpayment .confirmationtable:has(.conf_numbercenter) tr:first-child{font-size:9px;letter-spacing:0}.bp2bookcollectpayment .confirmationtable tr:has(td.conf_subheader.conf_number){font-size:13px}.bp2bookcollectpayment .confirmationtable tr:has(td.conf_subheader.conf_number) td:last-child{padding-right:5px!important}.bp2bookcollectpayment .confirmationtable:has(.conf_numbercenter) tr:first-child td:nth-child(1){width:42%}.bp2bookcollectpayment .confirmationtable:has(.conf_numbercenter) tr:first-child td:nth-child(2){width:10%}.bp2bookcollectpayment .confirmationtable:has(.conf_numbercenter) tr:first-child td:nth-child(3),.bp2bookcollectpayment .confirmationtable:has(.conf_numbercenter) tr:first-child td:nth-child(4){width:24%}}
.bp2bookcollectpayment>.row::before,.bp2bookcollectpayment>.row::after{display:none!important}
.bp2bookcollectpayment .conf_header{display:flex;flex-wrap:wrap;align-items:center;gap:14px}
.bp2bookcollectpayment .ppcancelbutton{order:1;margin:0 0 0 auto;float:none}
.bp2bookcollectpayment .confirmationtable:has(.conf_numbercenter) tr:first-child td:nth-child(2){font-size:0;letter-spacing:0;white-space:nowrap}
.bp2bookcollectpayment .confirmationtable:has(.conf_numbercenter) tr:first-child td:nth-child(2)::after{content:'Qty';font-size:10px;letter-spacing:.4px}
.bp2bookcollectpayment .confirmationtable tr:not(:has(td:nth-child(2))){display:none}
@media(max-width:760px){.bp2bookcollectpayment .ppcancelbutton{margin:0}.bp2bookcollectpayment .conf_header{gap:16px}.bp2bookcollectpayment .confirmationtable:has(.conf_numbercenter) tr:first-child td:nth-child(2)::after{font-size:9px;letter-spacing:0}}