.valet-booking{background:var(--valet-section-background);padding:80px 0}.valet-booking__container{width:100%;max-width:1200px;margin:0 auto}.valet-booking__layout{display:grid;grid-template-columns:minmax(0,1fr) 380px;gap:40px;align-items:start}.valet-booking__steps,.valet-booking__summary{width:100%}.valet-booking__how-it-works{margin-top:80px}.valet-step-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.valet-step-count{font-size:12px;color:#888;font-family:var(--valet-body-font)}.valet-step,.valet-step[hidden]{display:none}.valet-step:not([hidden]){display:block}.valet-placeholder{padding:40px;border-radius:20px;background:#0000000d;text-align:center}.valet-card{background:var(--valet-card-background);border-radius:var(--valet-card-radius);padding:var(--valet-card-padding)}.valet-eyebrow{font-family:var(--valet-eyebrow-font);font-weight:var(--valet-eyebrow-weight);font-size:var(--valet-eyebrow-size);color:var(--valet-eyebrow-colour);text-transform:var(--valet-eyebrow-transform)}.valet-heading{font-family:var(--valet-heading-font);font-weight:var(--valet-heading-weight);font-size:var(--valet-heading-size);color:var(--valet-heading-colour);text-transform:var(--valet-heading-transform)}.valet-description{font-family:var(--valet-body-font);font-weight:var(--valet-body-weight);font-size:var(--valet-body-size);color:var(--valet-body-colour);text-transform:var(--valet-body-transform)}.valet-step-3__footer,.valet-step-4__footer,.valet-step-5__footer,.valet-step-actions{display:flex;justify-content:space-between;align-items:center;margin-top:30px}.valet-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:14px 28px;border:none;border-radius:999px;background:var(--valet-button-background, #F44336);color:var(--valet-button-colour, #fff);font-family:var(--valet-button-font, var(--font-raleway));font-weight:var(--valet-button-weight, 600);font-size:var(--valet-button-size, 14px);cursor:pointer;transition:.3s ease}.valet-button:hover{transform:translateY(-1px)}.valet-button--secondary{background:transparent;color:var(--valet-button-background, #F44336);border:1px solid transparent}@media(max-width:990px){.valet-booking__layout{grid-template-columns:1fr}.valet-booking__summary{order:-1}}.valet-duration-card{border:2px solid transparent;border-radius:12px;padding:18px;cursor:pointer}.valet-duration-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-top:30px;margin-bottom:30px}.valet-duration-card{position:relative;display:block;border:2px solid #d8d8d8;border-radius:12px;padding:18px;cursor:pointer;transition:all .3s ease}.valet-duration-card:hover,.valet-duration-card--selected{border-color:var(--valet-button-background)}.valet-duration-card__content h3{margin:0 0 8px;font-family:var(--valet-heading-font);font-weight:var(--valet-heading-weight);font-size:18px}.valet-duration-card__content p{margin:0;font-family:var(--valet-body-font);font-size:14px;color:var(--valet-body-colour)}.valet-badge{position:absolute;top:10px;right:10px;padding:4px 8px;border-radius:20px;font-size:10px;font-weight:700;background:#f2c94c;color:#000}.valet-quantity-wrapper{display:flex;align-items:center;gap:10px;margin-top:30px}.valet-quantity-input{width:60px;height:40px;border:1px solid #d5d5d5;border-radius:8px;padding:0 10px;font-size:16px}.valet-quantity-label{font-size:14px;color:var(--valet-body-colour)}.valet-step-3__card{background:#fff;border-radius:16px;padding:40px;width:100%}.valet-step-3__header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:24px}.valet-step-3__eyebrow{font-size:12px;font-weight:600;color:var(--colour-accent-2);text-transform:uppercase}.valet-step-3__heading{margin:8px 0 0;font-family:var(--font-bricolage);font-size:32px;font-weight:700;line-height:1.1}.valet-step__step{font-size:12px;color:#888}.valet-step-4__form{display:flex;flex-direction:column;gap:18px;margin-top:28px}.valet-step-4__row{display:flex;flex-direction:column;gap:8px}.valet-step-4__row--2{display:grid;grid-template-columns:1fr 1fr;gap:16px}.valet-step-4__column{display:flex;flex-direction:column;gap:8px}.valet-step-4__label{font-family:var(--valet-body-font);font-size:14px;font-weight:500;color:#111}.valet-step-4__input,.valet-step-4__select{width:100%;height:48px;padding:0 16px;border:1px solid #D8D8D8;border-radius:12px;background:#fff;font-family:var(--valet-body-font);font-size:14px;font-weight:400;color:var(--valet-body-colour);transition:.25s ease}.valet-step-4__input::placeholder{font-family:var(--valet-body-font);font-size:14px;font-weight:400;color:#999;opacity:1}.valet-step-4__input:focus,.valet-step-4__select:focus{outline:none;border-color:var(--valet-button-background);box-shadow:0 0 0 3px #003b5c1f}.valet-step-4__select{cursor:pointer;-webkit-appearance:auto;appearance:auto}.valet-step-actions{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-top:32px}.is-invalid{border-color:#d93025!important}.is-invalid:focus{border-color:#d93025!important}@media(max-width:768px){.valet-step-4__row--2{grid-template-columns:1fr}.valet-step-actions{flex-direction:column-reverse;align-items:stretch}.valet-button{width:100%}}.valet-how-it-works{display:flex;align-items:center;gap:40px;background:var(--valet-how-background);color:var(--valet-how-text-colour);border-radius:12px;padding:28px 40px}.valet-how-it-works__title{flex:0 0 120px}.valet-how-it-works__title h2{margin:0;font-family:var(--font-bricolage);font-size:32px;font-weight:700;line-height:1}.valet-how-it-works__content{flex:1}.valet-how-it-works__content ol{margin:0;padding-left:20px}.valet-how-it-works__content li{font-family:var(--font-raleway);font-size:14px;line-height:1.4}.valet-booking-progress{display:flex;flex-direction:column;align-items:center;gap:24px;width:100%;margin-bottom:40px}.valet-booking-progress__breadcrumb{display:inline-flex;align-items:center;gap:6px}.valet-booking-progress__breadcrumb-link{color:inherit;text-decoration:none;transition:.2s ease}.valet-booking-progress__breadcrumb-link:hover{color:var(--colour-accent-2)}.valet-booking-progress__breadcrumb-current{color:inherit}.valet-booking-progress__breadcrumb{width:100%;font-family:var(--valet-progress-breadcrumb-font);font-weight:var(--valet-progress-breadcrumb-weight);color:var(--valet-progress-breadcrumb-colour);text-transform:var(--valet-progress-breadcrumb-transform);margin-top:30px}.valet-booking-progress__heading{margin:0;text-align:center;font-size:3rem;line-height:1.15}.valet-booking-progress__heading-prefix{font-family:var(--valet-progress-prefix-font);font-weight:var(--valet-progress-prefix-weight);color:var(--valet-progress-prefix-colour);text-transform:var(--valet-progress-prefix-transform)}.valet-booking-progress__heading-highlight{font-family:var(--valet-progress-highlight-font);font-weight:var(--valet-progress-highlight-weight);color:var(--valet-progress-highlight-colour);text-transform:var(--valet-progress-highlight-transform)}.valet-booking-progress__steps{display:flex;justify-content:center;align-items:center;gap:12px;width:100%;max-width:480px}.valet-booking-progress__step{flex:1;height:6px;border-radius:999px;background:var(--valet-progress-inactive-colour);transition:background .3s ease}.valet-booking-progress__step.is-active{background:var(--valet-progress-active-colour)}.valet-summary{background:var(--valet-summary-background);border-radius:16px;padding:28px;color:#fff}.valet-summary__title{margin:0 0 28px;font-size:14px;font-weight:500;color:var(--valet-summary-title-colour)}.valet-summary__item{display:flex;justify-content:space-between;align-items:center;gap:20px;font-size:14px}.valet-summary__item span{color:var(--valet-summary-label-colour)}.valet-summary__item strong{color:var(--valet-summary-value-colour);font-weight:600;text-align:right}.valet-summary__divider{height:1px;background:#ffffff59;margin:14px 0}.valet-summary__cost{margin-top:25px;display:flex;flex-direction:column;gap:4px}.valet-summary__cost span{font-size:14px;color:var(--valet-summary-label_colour)}.valet-summary__cost strong{font-size:36px;line-height:1;color:var(--valet-summary-value-colour)}.valet-summary__cost small{font-size:16px;font-weight:400}.valet-booking-calendar{width:100%;margin-top:20px}.valet-booking-calendar{width:100%;max-width:320px;margin:20px auto}.valet-calendar-header{display:flex;justify-content:center;align-items:center;gap:40px;margin-bottom:20px}.valet-calendar-select{border:none;background:transparent;font-family:var(--font-raleway);font-size:16px;font-weight:600;color:#111;cursor:pointer}.valet-calendar-week{display:grid;grid-template-columns:repeat(7,1fr);gap:12px;margin-bottom:12px;text-align:center}.valet-calendar-week span{font-size:12px;font-weight:500;color:#5b6470}.valet-calendar-days{display:grid;grid-template-columns:repeat(7,1fr);gap:12px}.valet-calendar-day{aspect-ratio:1;border:none;background:transparent;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:16px;font-family:var(--font-raleway);color:#4b5563;cursor:pointer;transition:.2s ease}.valet-calendar-day:hover{background:#f2c94c}.valet-calendar-day--selected{background:#fbbd00;color:#111;font-weight:700}.valet-calendar-day--disabled{color:#c7c7c7;cursor:not-allowed}.valet-calendar-day--empty{visibility:hidden}.valet-storage-booking__terms{display:flex;align-items:flex-start;justify-content:flex-start;gap:.5rem;margin:2rem 0 3rem;text-align:left}.valet-storage-booking__terms-icon{flex-shrink:0;font-size:1rem;line-height:1.6;color:var(--accent-2)}.valet-storage-booking__terms-text{margin:0;font-family:var(--font-raleway);font-size:.95rem;font-weight:400;line-height:1.6;color:#000000a6;text-align:left}.valet-storage-booking__terms-text a{color:var(--accent-2);font-weight:600;text-decoration:none}.valet-storage-booking__terms-text a:hover{text-decoration:underline}.valet-modal[hidden]{display:none!important}.valet-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;display:flex;align-items:center;justify-content:center;padding:24px}.valet-modal__overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#0000008c;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.valet-modal__dialog{position:relative;width:100%;max-width:620px;background:#fff;border-radius:24px;overflow:hidden;box-shadow:0 25px 80px #0003;animation:valetModalIn .25s ease;z-index:2}.valet-modal__content{padding:48px;display:flex;flex-direction:column;gap:28px}.valet-modal__icon{width:72px;height:72px;margin:0 auto;display:flex;align-items:center;justify-content:center;border-radius:50%;background:var(--accent-2);color:#fff}.valet-modal__icon svg{width:34px;height:34px}.valet-modal__heading{margin:0;text-align:center;font-family:var(--font-bricolage);font-size:32px;font-weight:700;line-height:1.2;color:var(--brand-primary)}.valet-modal__description{text-align:center;font-family:var(--font-raleway);font-size:17px;line-height:1.7;color:#4b5563}.valet-modal__description p{margin:0 0 16px}.valet-modal__description p:last-child{margin-bottom:0}.valet-modal__checkbox{display:flex;align-items:flex-start;gap:14px;cursor:pointer;font-family:var(--font-raleway);font-size:15px;line-height:1.6;color:#374151}.valet-modal__checkbox input{margin-top:4px;width:18px;height:18px;accent-color:var(--accent-2)}.valet-modal__actions{display:flex;justify-content:flex-end;gap:16px;margin-top:12px}.valet-modal .valet-button{min-width:180px}.valet-modal .valet-button:disabled{opacity:.45;cursor:not-allowed}@keyframes valetModalIn{0%{opacity:0;transform:translateY(20px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}@media(max-width:767px){.valet-modal{padding:18px}.valet-modal__content{padding:32px 24px}.valet-modal__heading{font-size:26px}.valet-modal__description{font-size:16px}.valet-modal__actions{flex-direction:column-reverse}.valet-modal .valet-button{width:100%;min-width:100%}}.valet-insurance-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;display:flex;align-items:center;justify-content:center;padding:24px}.valet-insurance-modal[hidden]{display:none}.valet-insurance-modal__overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#00000073}.valet-insurance-modal__dialog{position:relative;z-index:2;width:100%;max-width:640px;background:#fff;border-radius:24px;overflow:hidden}.valet-insurance-modal__content{display:flex;flex-direction:column;gap:24px;padding:40px}.valet-insurance-modal__icon{display:flex;justify-content:center}.valet-insurance-modal__heading{margin:0;text-align:center;font-family:var(--font-bricolage);font-size:32px;font-weight:700;line-height:1.2}.valet-insurance-modal__description{text-align:center;font-family:var(--font-raleway);font-size:16px;line-height:1.6;color:#5b6470}.valet-insurance-modal__boxes{display:flex;flex-direction:column;gap:16px}.valet-insurance-modal__box{display:flex;justify-content:space-between;align-items:center;gap:24px}.valet-insurance-modal__box-label{font-family:var(--font-bricolage);font-size:18px;font-weight:600}.valet-insurance-modal__box-select{width:240px;height:48px;padding:0 16px;border:1px solid #d7d7d7;border-radius:12px;font-family:var(--font-raleway);font-size:15px;background:#fff}.valet-insurance-modal__actions{display:flex;justify-content:flex-end;gap:16px}@media(max-width:767px){.valet-insurance-modal__content{padding:24px}.valet-insurance-modal__box{flex-direction:column;align-items:flex-start}.valet-insurance-modal__box-select{width:100%}.valet-insurance-modal__actions{flex-direction:column-reverse}}
/*# sourceMappingURL=/cdn/shop/t/9/assets/exxtra-valet-booking.css.map */