.booking-section{padding-bottom:var(--spacing-base-1)}.booking-banner{width:100%;margin-bottom:4rem;line-height:0;display:flex;justify-content:center;background-color:#fafafa}.booking-banner img,.booking-banner svg{max-height:25vh;width:100%;object-fit:contain}.booking-layout{display:flex;gap:4rem;align-items:flex-start}.booking-layout--centered{justify-content:center}.booking-form-side{flex:1 1 58%;min-width:0}.booking-layout--centered .booking-form-side{flex:0 1 800px;max-width:100%}.booking-image-side{flex:0 0 38%;position:sticky;top:12rem}.booking-image-side img{width:100%;height:auto;object-fit:contain;border-radius:var(--media-radius, 8px)}.booking-steps{display:flex;gap:0;margin-bottom:3.5rem;overflow-x:auto;padding-bottom:5px}.booking-step-tab{padding:1.2rem 2.4rem;font-size:1.4rem;font-weight:600;font-family:var(--font-heading-family);border:none;cursor:pointer;transition:all .25s ease;position:relative;letter-spacing:.02em;white-space:nowrap;background:color-mix(in srgb,rgb(var(--color-foreground)),transparent 92%);color:color-mix(in srgb,rgb(var(--color-foreground)),transparent 30%);flex:1 0 auto;min-width:140px;text-align:center;text-decoration:none!important}.booking-step-tab.is-active{background:rgb(var(--color-foreground))!important;color:rgb(var(--color-background))!important;opacity:1!important;visibility:visible!important}.booking-step-tab.is-completed{background:color-mix(in srgb,rgb(var(--color-foreground)),transparent 20%)!important;color:rgb(var(--color-background))!important;cursor:pointer;opacity:1!important;visibility:visible!important;display:block}.booking-step-tab:first-child{border-radius:var(--inputs-radius, 4px) 0 0 var(--inputs-radius, 4px)}.booking-step-tab:last-child{border-radius:0 var(--inputs-radius, 4px) var(--inputs-radius, 4px) 0}.booking-step-content{display:none;animation:bookingFadeIn .3s ease}.booking-step-content.is-active{display:block}@keyframes bookingFadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.booking-field{margin-bottom:2.4rem;position:relative}.booking-field-row{display:flex;gap:2rem}.booking-field-row .booking-field{flex:1}.booking-field-label{display:block;font-weight:700;font-size:1.5rem;margin-bottom:.8rem;color:rgb(var(--color-foreground));font-family:var(--font-heading-family)}.booking-field-label .required{color:#c85050;margin-left:.2rem}.booking-field select.field-input,.booking-field input.field-input,.booking-field textarea.field-input{width:100%;box-sizing:border-box}.booking-field textarea.field-input{resize:vertical;min-height:12rem}.booking-field.has-error .field-input{border-color:#c85050;box-shadow:0 0 0 1px #c85050}.booking-field-error{display:none;color:#c85050;font-size:1.2rem;margin-top:.4rem;font-weight:500}.booking-field.has-error .booking-field-error{display:block}.booking-radio-group-label{display:block;font-weight:700;font-size:1.5rem;margin-bottom:1.2rem;color:rgb(var(--color-foreground));font-family:var(--font-heading-family)}.booking-radio-group-label .required{color:#c85050;margin-left:.2rem}.booking-radio-options{display:grid;grid-template-columns:1fr 1fr;gap:1rem 3rem}.booking-radio-option{display:flex;align-items:center;gap:.8rem;font-size:1.5rem;color:rgb(var(--color-foreground));cursor:pointer;font-family:var(--font-body-family)}.booking-radio-option input[type=radio]{width:1.8rem;height:1.8rem;accent-color:rgb(var(--color-foreground));cursor:pointer;flex-shrink:0;margin:0}.booking-buttons{display:flex;justify-content:space-between;align-items:center;margin-top:3rem;gap:1.5rem}.booking-buttons--end{justify-content:flex-end}.booking-btn-submit{min-width:180px;position:relative;transition:all .3s ease}.booking-loader{display:none;width:20px;height:20px;border:2px solid rgba(255,255,255,.3);border-radius:50%;border-top-color:#fff;animation:spin 1s ease-in-out infinite;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}@keyframes spin{to{transform:translate(-50%,-50%) rotate(360deg)}}.booking-btn-submit.is-loading{color:transparent!important;pointer-events:none}.booking-btn-submit.is-loading .booking-loader{display:block}.booking-success{text-align:center;padding:6rem 4rem;background:#fff;border-radius:12px;box-shadow:0 10px 30px #00000014;display:none;animation:successPopIn .5s cubic-bezier(.175,.885,.32,1.275);border:1px solid rgba(0,0,0,.05);max-width:600px;margin:0 auto}@keyframes successPopIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.booking-success-icon{width:80px;height:80px;background:#4caf50;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 2.5rem;font-size:4rem;box-shadow:0 4px 15px #4caf504d}.booking-success h2{font-size:2.8rem;margin-bottom:1.5rem;color:#333;font-weight:700}.booking-success p{font-size:1.6rem;color:#666;line-height:1.6;max-width:400px;margin:0 auto 3rem}.booking-success .button{min-width:200px}@media screen and (max-width:989px){.booking-image-side{flex:none;width:100%;position:static;order:-1;max-width:100%;margin:0 auto 3rem}.booking-image-side img{max-height:250px;object-fit:contain;width:100%}.booking-steps{flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch;gap:0;margin-bottom:2.5rem;scrollbar-width:none}.booking-steps::-webkit-scrollbar{display:none}.booking-step-tab{flex:1 0 100px;text-align:center;padding:1rem .6rem;font-size:1.2rem;white-space:normal;line-height:1.2;display:flex;align-items:center;justify-content:center;min-height:50px;border-radius:0!important}.booking-step-tab:first-child{border-radius:var(--inputs-radius, 4px) 0 0 var(--inputs-radius, 4px)!important}.booking-step-tab:last-child{border-radius:0 var(--inputs-radius, 4px) var(--inputs-radius, 4px) 0!important}.booking-field-row{flex-direction:column;gap:0}.booking-radio-options{grid-template-columns:1fr}.booking-buttons{flex-direction:column-reverse;gap:1.2rem}.booking-buttons button,.booking-buttons .button{width:100%!important;margin:0}}.booking-section .block-section-header.center{text-align:center;width:100%;margin-bottom:4rem;display:flex;flex-direction:column;align-items:center}.booking-section .block-section-header.center .block-section-header-content{max-width:800px;margin:0 auto}
/*# sourceMappingURL=/cdn/shop/t/26/assets/section-booking.css.map */