.booking-page{min-height:calc(100vh - 80px);padding-bottom:var(--s8)}.booking-wizard{max-width:860px;padding:0 var(--s7) var(--s7);margin:0 auto}.wizard-steps{flex-direction:column;display:flex}.wizard-step{position:relative}.wizard-step__row{gap:var(--s4);align-items:flex-start;display:flex}.wizard-step__badge-col{flex-direction:column;flex-shrink:0;align-items:center;width:30px;display:flex}.wizard-step__badge{width:30px;height:30px;color:var(--color-inverse-primary);background:var(--color-primary-container);transition:all var(--motion-medium) var(--curve-out);z-index:2;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex;position:relative}.wizard-step--active .wizard-step__badge{background:var(--color-secondary-container);box-shadow:0 0 0 5px color-mix(in srgb, var(--step-color,var(--cta)) 12%, transparent);transform:scale(1.05)}.wizard-step--complete .wizard-step__badge{background:var(--step-color,var(--cta));color:var(--color-on-fill)}.wizard-step--complete .wizard-step__connector{background:color-mix(in srgb, var(--step-color,var(--cta)) 50%, transparent)}.wizard-step__connector{border-radius:var(--r-stadium);background:color-mix(in srgb, var(--color-secondary-container) 50%, transparent);width:2px;min-height:24px;transition:background-color var(--motion-medium) var(--curve-out);flex:1}.wizard-step__body{min-width:0;padding-bottom:var(--s6);flex:1}.wizard-step:last-child .wizard-step__body{padding-bottom:0}.wizard-step__header{align-items:center;gap:var(--s3);padding:var(--s2) 0;-webkit-user-select:none;user-select:none;min-height:30px;display:flex}.wizard-step--complete .wizard-step__header{cursor:pointer;border-radius:var(--r-transient);padding:var(--s2) var(--s3);transition:background-color var(--motion-short) var(--curve-out);margin-inline-start:calc(var(--s3) * -1)}.wizard-step--complete .wizard-step__header:hover{background:var(--color-primary-container)}.wizard-step__edit-btn{border-radius:var(--r-stadium);background:color-mix(in srgb, var(--step-color,var(--cta)) 22%, transparent);width:32px;height:32px;color:var(--step-color,var(--cta));transition:transform var(--motion-short) var(--curve-out);flex-shrink:0;justify-content:center;align-items:center;display:flex}.wizard-step--complete .wizard-step__header:hover .wizard-step__edit-btn{transform:scale(1.15)}.wizard-step__title-area{flex:1;min-width:0}.wizard-step__title{color:var(--color-inverse-primary);margin:0}.wizard-step--inactive .wizard-step__title{color:var(--color-caption);opacity:.75}.wizard-step__summary{color:var(--color-caption);margin:var(--s1) 0 0;-webkit-line-clamp:3;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.wizard-step--inactive .wizard-step__title-area{padding:var(--s3) 0}.wizard-step__content-wrapper{opacity:1;transition:grid-template-rows .4s var(--curve-out), opacity var(--motion-medium) ease;grid-template-rows:1fr;display:grid;overflow:hidden}.wizard-step__content-wrapper[data-collapsed=true]{opacity:0;grid-template-rows:0fr}.wizard-step__content{min-height:0;padding-top:var(--s4);overflow:hidden}.wizard-step__card{background:var(--color-primary);border-radius:var(--r-content);padding:var(--s6);border:1px solid var(--color-secondary-container)}.wizard-step__card:has(.spread-request){padding:var(--s5)}.service-type-groups{gap:var(--s3);flex-direction:column;display:flex}.service-groups__intro{color:var(--color-caption);margin:0}.service-group{background:var(--color-primary-container);border:1px solid var(--color-secondary-container);border-radius:var(--r-content);padding:var(--s4)}.service-group__head{align-items:center;gap:var(--s2);padding:0 var(--s1) var(--s3);flex-wrap:wrap;display:flex}.service-group__glyph{color:var(--color-inverse-primary);flex:none}.service-group__title{color:var(--color-inverse-primary)}.service-group__caption{color:var(--color-caption)}.service-group__grid{gap:var(--s2);grid-template-columns:repeat(auto-fit,minmax(min(255px,100%),1fr));display:grid}.service-grid-card{align-items:center;gap:var(--s3);width:100%;min-width:0;padding:var(--s3);border-radius:var(--r-content);border:1px solid var(--color-secondary-container);background:var(--color-primary);cursor:pointer;text-align:left;transition:border-color var(--motion-short) var(--curve-out), background var(--motion-short) var(--curve-out), transform var(--motion-short) var(--curve-out);animation:.4s both serviceCardFadeUp;display:flex}@keyframes serviceCardFadeUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.service-grid-card:hover{border-color:var(--service-color,var(--color-outline));transform:translateY(-2px)}.service-grid-card:active{transform:translateY(0)}.service-grid-card:focus-visible{outline:2px solid var(--service-color,var(--cta));outline-offset:2px}.service-grid-card.is-selected{border-color:var(--service-color,var(--cta));padding:calc(var(--s3) - 1px);border-width:2px}.service-grid-card__icon-circle{border-radius:50%;flex:none;justify-content:center;align-items:center;width:46px;height:46px;display:flex}.service-grid-card__icon-mask{background-color:var(--color-on-fill);width:26px;height:26px;display:block;-webkit-mask-position:50%;mask-position:50%;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.service-grid-card__text{gap:var(--s1);flex-direction:column;flex:1;min-width:0;display:flex}.service-grid-card__name{color:var(--color-inverse-primary)}.service-grid-card__desc{color:var(--color-caption);-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.service-grid-card__chevron{color:var(--color-caption);flex:none}.dates-times-step{flex-direction:column;gap:20px;display:flex}.dates-times-step .form-section{margin-bottom:0}.dates-times-step .link-first-day{color:var(--color-caption);cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:8px;padding:8px 0;display:flex}.dates-times-step .link-first-day input[type=checkbox]{accent-color:var(--service-color,var(--cta))}.times-step{flex-direction:column;gap:24px;display:flex}.times-step__context{background:var(--color-secondary-container);border:1px solid var(--color-secondary-container);border-radius:12px;align-items:center;gap:8px;padding:12px 16px;display:flex}.times-step__context-text{color:var(--color-inverse-primary)}.times-step__selectors{padding:4px 0}.times-step__selectors .time-selector-grid{grid-template-columns:1fr 1fr;gap:16px}.times-step__label{display:none}.pets-step{gap:var(--s3);flex-direction:column;display:flex}.pets-step__dogs-only{color:var(--color-caption);font-style:italic}.pets-step .btn-find-sitters{border-radius:var(--r-stadium);width:100%;color:var(--color-on-fill);cursor:pointer;box-shadow:0 4px 16px color-mix(in srgb, var(--cta) 25%, transparent);border:none;margin-top:8px;padding:16px;transition:all .3s;display:block}.pets-step .btn-find-sitters:hover:not(:disabled){box-shadow:0 8px 28px color-mix(in srgb, var(--cta) 35%, transparent);transform:translateY(-2px)}.pets-step .btn-find-sitters:disabled{opacity:.4;cursor:not-allowed;box-shadow:none}.spread-request{gap:var(--s3);flex-direction:column;display:flex}.spread-request__hint{color:var(--color-caption);margin:0;line-height:1.5}.spread-request__list{flex-direction:column;gap:8px;display:flex}.spread-request__empty{text-align:center;padding:var(--s7) var(--s4);color:var(--color-caption)}.spread-request__empty p{margin:0 0 16px;line-height:1.5}.spread-request__location-prompt{text-align:center;padding:var(--s7) var(--s4);align-items:center;gap:var(--s3);flex-direction:column;display:flex}.spread-request__location-icon{background:color-mix(in srgb, var(--cta) 10%, transparent);width:56px;height:56px;color:var(--cta);border-radius:50%;justify-content:center;align-items:center;display:flex}.spread-request__location-title{color:var(--color-inverse-primary);margin:0}.spread-request__location-desc{color:var(--color-caption);max-width:300px;margin:0;line-height:1.5}.booking-select-tile{align-items:center;gap:var(--s4);border-radius:var(--r-transient);border:1.5px solid var(--color-secondary-container);background:var(--color-primary);cursor:pointer;padding:12px 16px;transition:all .25s;display:flex}.booking-select-tile:hover{border-color:var(--color-outline);transform:translateY(-1px);box-shadow:0 2px 12px #0000000f}.booking-select-tile--selected{border-color:var(--booking-tile-color,var(--cta));background:color-mix(in srgb, var(--booking-tile-color,var(--cta)) 4%, var(--color-primary));box-shadow:0 2px 12px color-mix(in srgb, var(--booking-tile-color,var(--cta)) 12%, transparent)}.booking-select-tile--selected:hover{box-shadow:0 4px 16px color-mix(in srgb, var(--booking-tile-color,var(--cta)) 18%, transparent)}.booking-select-tile__avatar{flex-shrink:0}.booking-select-tile__info{gap:var(--s1);flex-direction:column;flex:1;min-width:0;display:flex}.booking-select-tile__name{color:var(--color-inverse-primary);text-overflow:ellipsis;white-space:nowrap;letter-spacing:-.01em;display:block;overflow:hidden}.booking-select-tile__location{color:var(--color-caption);align-items:center;gap:4px;display:flex}.booking-select-tile__check{border:1.5px solid var(--color-outline);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:26px;height:26px;transition:all .25s;display:flex}.booking-select-tile__check--active{background-color:var(--booking-tile-color,var(--cta));border-color:var(--booking-tile-color,var(--cta));box-shadow:0 2px 8px color-mix(in srgb, var(--booking-tile-color,var(--cta)) 25%, transparent)}.sending-progress{flex-direction:column;gap:16px;display:flex}.sending-progress__cards{gap:var(--s3);flex-direction:column;display:flex}.sending-progress__card{align-items:center;gap:var(--s3);border-radius:var(--r-transient);background:color-mix(in srgb, var(--service-color) 6%, var(--color-primary));border:1px solid color-mix(in srgb, var(--service-color) 20%, transparent);padding:16px;transition:opacity .3s;display:flex}.sending-progress__card--done{opacity:.7}.sending-progress__card-avatar{flex-shrink:0}.sending-progress__check{border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.sending-progress__avatar-ring{border:2px solid;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;display:flex;overflow:hidden}.sending-progress__card-text{flex-direction:column;flex:1;gap:2px;display:flex}.sending-progress__card-title{color:var(--color-inverse-primary)}.sending-progress__card-name{color:var(--color-caption)}.sending-progress__spinner{border:2.5px solid var(--color-secondary-container);border-top-color:var(--service-color,var(--cta));border-radius:50%;flex-shrink:0;width:22px;height:22px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.sending-progress__success{text-align:center;padding:24px 0}.sending-progress__success-text{color:var(--color-inverse-primary);margin:0 0 16px}.sending-progress__countdown{color:var(--color-caption);margin:12px 0 0}@media (max-width:768px){.booking-page{min-height:calc(100vh - 72px);padding-bottom:var(--s8)}.booking-wizard{max-width:100%;padding:0 var(--s5) var(--s7)}.wizard-step__card{border-radius:var(--r-content);padding:20px}.service-group{padding:var(--s3)}.service-grid-card{padding:var(--s2);gap:var(--s2)}.service-grid-card.is-selected{padding:calc(var(--s2) - 1px)}.service-grid-card__icon-circle{width:42px;height:42px}.service-grid-card__icon-mask{width:22px;height:22px}}@media (max-width:480px){.booking-wizard{padding:0 var(--s4) var(--s5)}.wizard-step__row{gap:var(--s3)}.wizard-step__card{padding:var(--s4);border-radius:var(--r-transient)}}.booking-wizard__incomplete{align-items:flex-start;gap:var(--s3);flex-direction:column;display:flex}.booking-wizard__incomplete p{margin:0}
