.booking-checkout-page{--background: white}.booking-checkout-page .checkout-container{padding:16px 24px;display:flex;flex-direction:column;gap:8px;animation:fadeIn .3s ease;background:#fff}.booking-checkout-page .main-details{border:1px solid hsl(20,23.0769230769%,134.9019607843%);border-radius:16px}.booking-checkout-page .main-details .date-time-section .datetime-card{border-radius:12px;padding:16px}.booking-checkout-page .main-details .date-time-section .datetime-card .datetime-content{display:flex;align-items:center;justify-content:space-between;gap:20px}.booking-checkout-page .main-details .date-time-section .datetime-card .datetime-content .date-info,.booking-checkout-page .main-details .date-time-section .datetime-card .datetime-content .time-info{display:flex;align-items:center;gap:12px;flex:1}.booking-checkout-page .main-details .date-time-section .datetime-card .datetime-content .date-info .datetime-icon,.booking-checkout-page .main-details .date-time-section .datetime-card .datetime-content .time-info .datetime-icon{font-size:20px;color:#c7a46e;background:#fff;padding:8px;border-radius:10px;min-width:36px;min-height:36px;display:flex;align-items:center;justify-content:center}.booking-checkout-page .main-details .date-time-section .datetime-card .datetime-content .date-info .info-text,.booking-checkout-page .main-details .date-time-section .datetime-card .datetime-content .time-info .info-text{display:flex;flex-direction:column;gap:2px}.booking-checkout-page .main-details .date-time-section .datetime-card .datetime-content .date-info .info-text .label,.booking-checkout-page .main-details .date-time-section .datetime-card .datetime-content .time-info .info-text .label{font-size:11px;font-weight:500;color:#726b6f;text-transform:uppercase;letter-spacing:.5px}.booking-checkout-page .main-details .date-time-section .datetime-card .datetime-content .date-info .info-text .value,.booking-checkout-page .main-details .date-time-section .datetime-card .datetime-content .time-info .info-text .value{font-size:15px;font-weight:600;color:#585355;line-height:1.2}.booking-checkout-page .main-details .date-time-section .datetime-card .datetime-content .divider{width:1px;height:32px;background:linear-gradient(to bottom,transparent 0%,hsl(20,23.0769230769%,124.9019607843%) 20%,hsl(20,23.0769230769%,124.9019607843%) 80%,transparent 100%);flex-shrink:0}.booking-checkout-page .main-details .service-details .stylist-info{display:flex;align-items:center;padding:16px;border-radius:12px}.booking-checkout-page .main-details .service-details .stylist-info .hk-icon{font-size:20px;color:#c7a46e;background:#fff;padding:8px;border-radius:10px;min-width:36px;min-height:36px;display:flex;align-items:center;justify-content:center;margin-right:12px}.booking-checkout-page .main-details .service-details .stylist-info .info{flex:1}.booking-checkout-page .main-details .service-details .stylist-info .info .label{display:block;font-size:11px;font-weight:500;color:#726b6f;text-transform:uppercase;letter-spacing:.5px;margin-bottom:2px}.booking-checkout-page .main-details .service-details .stylist-info .info .value{font-size:15px;font-weight:600;color:#585355}@media (max-width: 480px){.booking-checkout-page .main-details .date-time-section .datetime-card{padding:14px}.booking-checkout-page .main-details .date-time-section .datetime-card .datetime-content{gap:16px}.booking-checkout-page .main-details .date-time-section .datetime-card .datetime-content .date-info,.booking-checkout-page .main-details .date-time-section .datetime-card .datetime-content .time-info{gap:10px}.booking-checkout-page .main-details .date-time-section .datetime-card .datetime-content .date-info .datetime-icon,.booking-checkout-page .main-details .date-time-section .datetime-card .datetime-content .time-info .datetime-icon{font-size:18px;min-width:32px;min-height:32px;padding:7px}.booking-checkout-page .main-details .date-time-section .datetime-card .datetime-content .date-info .info-text .value,.booking-checkout-page .main-details .date-time-section .datetime-card .datetime-content .time-info .info-text .value{font-size:14px}.booking-checkout-page .main-details .date-time-section .datetime-card .datetime-content .divider{height:28px}.booking-checkout-page .main-details .service-details .stylist-info{padding:14px}.booking-checkout-page .main-details .service-details .stylist-info .hk-icon{font-size:18px;min-width:32px;min-height:32px;padding:7px;margin-right:10px}.booking-checkout-page .main-details .service-details .stylist-info .info .value{font-size:14px}}.booking-checkout-page .confirm-button{margin-top:24px;height:48px;font-size:1rem;letter-spacing:.3px;text-transform:none;--background: #c7a46e;--background-activated: rgb(149.328358209, 113.2835820896, 57.671641791);--background-focused: rgb(149.328358209, 113.2835820896, 57.671641791);--background-hover: rgb(213.2089552239, 187.0895522388, 146.7910447761);--border-radius: 12px;--box-shadow: none}.booking-checkout-page .confirm-button:hover{transform:translateY(-2px);transition:transform .2s ease}.booking-checkout-page .price-section{padding:16px 0;border-bottom:2px dashed rgb(229.5,229.5,229.5)}.booking-checkout-page .price-section .price-details .service-header{font-size:15px;font-weight:600;color:#585355}.booking-checkout-page .price-section .price-details .service-price{display:flex;justify-content:space-between;margin:12px 0;padding-bottom:16px;border-bottom:1px solid hsl(20,23.0769230769%,134.9019607843%)}.booking-checkout-page .price-section .price-details .service-price .service-name{color:#726b6f;font-size:15px}.booking-checkout-page .price-section .price-details .service-price .amount{font-size:15px;font-weight:500;color:#585355}.booking-checkout-page .price-section .price-details .discount-price{display:flex;justify-content:space-between;margin:0 0 12px;padding-bottom:16px;border-bottom:1px dashed hsl(20,23.0769230769%,134.9019607843%)}.booking-checkout-page .price-section .price-details .discount-price .discount-label{color:#c7a46e;font-size:15px}.booking-checkout-page .price-section .price-details .discount-price .discount-amount{font-size:15px;font-weight:500;color:#c7a46e}.booking-checkout-page .price-section .price-details .total-price{display:flex;justify-content:space-between;align-items:center}.booking-checkout-page .price-section .price-details .total-price span{font-size:16px;font-weight:600;color:#585355}.booking-checkout-page .price-section .price-details .total-price .total-amount{font-size:20px;color:#c7a46e}.booking-checkout-page .coupon-section{margin:0}.booking-checkout-page .coupon-section .coupon-button{display:flex;align-items:center;padding:16px;background:linear-gradient(145deg,#fff,#fff);border-radius:12px;border:2px dashed rgb(234.5223880597,221.723880597,201.9776119403);transition:all .2s ease;cursor:pointer}.booking-checkout-page .coupon-section .coupon-button:active{transform:scale(.98)}.booking-checkout-page .coupon-section .coupon-button .hk-icon{font-size:20px;color:#c7a46e;margin-right:12px}.booking-checkout-page .coupon-section .coupon-button span{font-size:15px;color:#c7a46e;font-weight:500}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.checkout-modal{--width: 100%;--height: 100%;--background: white}.checkout-modal .modal-content{display:flex;flex-direction:column;justify-content:center;align-items:center;height:100%;padding:32px 24px;text-align:center;animation:modalFade .3s ease}.checkout-modal .modal-content .status-icon-wrapper{margin-bottom:32px;animation:iconPop .4s ease}.checkout-modal .modal-content .status-icon-wrapper .status-icon{font-size:48px;color:#c7a46e}.checkout-modal .modal-content .status-icon-wrapper.reservation-failed .status-icon{color:#dc3545}.checkout-modal .modal-content h2{font-size:22px;font-weight:600;margin-bottom:12px;color:#585355}.checkout-modal .modal-content .text-content{font-size:15px;color:#726b6f;line-height:1.6;max-width:280px}@keyframes modalFade{0%{opacity:0;transform:scale(.98)}to{opacity:1;transform:scale(1)}}@keyframes iconPop{0%{opacity:0;transform:scale(.5)}70%{transform:scale(1.1)}to{opacity:1;transform:scale(1)}}.payment-options{display:flex;flex-direction:column}.payment-options .payment-options-container{display:flex;flex-direction:column;gap:12px}.payment-options h3{font-size:1.2em;margin-block:12px}.payment-options .payment-grid{display:grid;grid-template-columns:repeat(1,1fr)}.payment-options .payment-option{display:flex;flex-direction:column;align-items:center;justify-content:center;background-color:#fff;border-radius:12px;padding:8px 0;cursor:pointer}.payment-options .payment-option.selected{background-color:#c7a46e;color:#fff}.payment-options .payment-option.selected .payment-icon{color:#fff}.payment-options .payment-option .payment-icon{font-size:2rem;margin-bottom:8px;color:#c7a46e}.payment-options .payment-option img.payment-icon{width:32px;height:32px;object-fit:contain}.payment-options .payment-option span{font-size:.9rem;font-weight:500;text-align:center}.deposit-section{padding:15px;background:linear-gradient(145deg,#fff,#fff);border-radius:12px;border:2px solid rgb(241.6268656716,233.2686567164,220.3731343284);overflow:hidden}.deposit-section .deposit-header{display:flex;align-items:center;margin-bottom:10px;cursor:pointer;padding-bottom:10px}.deposit-section .deposit-header .hk-icon{font-size:1.3em;color:#c7a46e;margin-right:12px}.deposit-section .deposit-header h3{font-size:1.2em;margin:0;color:var(--ion-color-dark);font-weight:600}.deposit-section .deposit-header .expand-icon{margin-left:auto;font-size:1.2em;color:var(--ion-color-medium);transition:transform .3s ease}.expanded .deposit-section .deposit-header .expand-icon{transform:rotate(180deg)}.deposit-section p{font-size:.9em;color:var(--ion-color-medium);margin:0}.deposit-section .deposit-summary{font-size:.95em;color:var(--ion-color-dark);font-weight:500;line-height:1.5}.deposit-section .deposit-details{max-height:0;opacity:0;overflow:hidden;transition:max-height .5s ease-in-out,opacity .5s ease-in-out}.deposit-section .deposit-details p{margin:0;font-size:.95em;color:var(--ion-color-dark);line-height:1.6}.deposit-section .deposit-details.expanded{max-height:500px;opacity:1;padding-top:10px;border-top:1px dashed var(--ion-color-medium);margin-top:10px}.deposit-section .deposit-acknowledgment{display:flex;align-items:flex-start;padding-top:10px;border-top:1px solid var(--ion-color-light)}.deposit-section .deposit-acknowledgment .hk-checkbox{width:20px;height:20px;margin-right:10px;margin-top:0;accent-color:#c7a46e}.deposit-section .deposit-acknowledgment p{flex:1;font-size:.95em;color:var(--ion-color-dark);margin:0;line-height:1.5}.deposit-section .payme-qr-code-container{margin-top:15px;padding:10px;background-color:var(--ion-color-white);border-radius:12px;text-align:center;border:1px solid rgba(var(--ion-color-dark-rgb),.1)}.deposit-section .payme-qr-code-container p{font-size:1em;color:var(--ion-color-dark);margin:0}.deposit-section .payme-qr-code-container .payme-qr-code-image{max-width:100%;height:auto;display:block;margin:0 auto;border-radius:12px;box-shadow:0 2px 10px #0000000d}.offline-payment-section .reservation-status-message{display:flex;align-items:center;padding:16px;background:linear-gradient(145deg,#fff,#fff);border-radius:12px;border:1px solid rgb(229.5,229.5,229.5)}.offline-payment-section .reservation-status-message .hk-icon{font-size:24px;margin-right:14px;margin-top:2px;color:#c7a46e}.offline-payment-section .reservation-status-message .status-content{flex:1}.offline-payment-section .reservation-status-message .status-content .status-label{display:block;font-size:.85rem;color:#3d3a3c;margin-bottom:4px;text-transform:uppercase;letter-spacing:.25px}.offline-payment-section .reservation-status-message .status-content p{margin:0;font-size:.95rem;color:#585355;font-weight:500;line-height:1.4}.offline-payment-section .payment-instructions{display:flex;flex-direction:column}.offline-payment-section .payment-instructions h3{color:#c7a46e;font-size:1.1rem;margin-block:16px;font-weight:600;letter-spacing:-.3px}.offline-payment-section .payment-instructions .payment-instructions-list{display:flex;flex-direction:column;gap:8px}.offline-payment-section .payment-instructions .instruction-item{display:flex;align-items:flex-start;padding:14px 16px;background:linear-gradient(145deg,#fff,#fff);border-radius:12px;transition:transform .2s ease;border:1px solid rgb(229.5,229.5,229.5)}.offline-payment-section .payment-instructions .instruction-item .hk-icon{font-size:22px;margin-right:14px;color:#c7a46e}.offline-payment-section .payment-instructions .instruction-item .instruction-text p{margin:0;font-size:.95rem;color:#585355;line-height:1.4;font-weight:500}.offline-payment-section .payment-instructions .instruction-item .instruction-text .sub-text{display:block;font-size:.85rem;color:#3d3a3c;margin-top:4px}