.booking-page.bg-topo{background-color:#f8fafc;background-image:radial-gradient(#cbd5e1 1px,#0000 1px);background-size:24px 24px}.booking-page{min-height:calc(100vh - 80px);padding-bottom:100px}.booking-wizard{max-width:860px;margin:0 auto;padding:48px 32px}.booking-wizard__header{margin-bottom:40px;position:relative}.booking-wizard__header-card{-webkit-backdrop-filter:blur(12px);background:#fff9;border:1px solid #e5e7ebcc;border-radius:16px;padding:24px 32px;display:inline-block;box-shadow:0 4px 6px -1px #0000000d,0 2px 4px -1px #00000008}.booking-wizard__title{color:#111827;letter-spacing:-.02em;border-bottom:4px solid var(--color-brand,#f1144f);margin:0;padding-bottom:4px;font-size:28px;font-weight:800;line-height:1.2;display:inline-block}.booking-wizard__subtitle{color:#6b7280;margin:12px 0 0;font-size:15px;font-weight:600;line-height:1.5}.booking-wizard__start-over{color:#6b7280;cursor:pointer;background:#fff;border:1px solid #e5e7eb;border-radius:9999px;align-items:center;gap:6px;padding:8px 16px;font-family:inherit;font-size:13px;font-weight:600;transition:all .2s;display:inline-flex;position:absolute;top:4px;right:0;box-shadow:0 1px 3px #0000000a}.booking-wizard__start-over:hover{color:var(--color-brand,#f1144f);border-color:#f1144f4d;box-shadow:0 2px 8px #f1144f14}.booking-wizard__new-request{background:var(--color-brand,#f1144f);color:#fff;cursor:pointer;border:none;border-radius:9999px;justify-content:center;align-items:center;gap:8px;width:100%;max-width:400px;margin:32px auto 0;padding:16px 32px;font-family:inherit;font-size:16px;font-weight:700;transition:all .3s;display:flex;box-shadow:0 4px 16px #f1144f4d}.booking-wizard__new-request:hover{transform:translateY(-2px);box-shadow:0 8px 28px #f1144f66}.wizard-steps{flex-direction:column;display:flex}.wizard-step{position:relative}.wizard-step__row{align-items:flex-start;gap:20px;display:flex}.wizard-step__badge-col{flex-direction:column;flex-shrink:0;align-items:center;width:40px;display:flex}.wizard-step__badge{color:#fff;z-index:2;background:#d1d5db;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:16px;font-weight:700;transition:all .35s cubic-bezier(.4,0,.2,1);display:flex;position:relative}.wizard-step--active .wizard-step__badge{box-shadow:0 0 0 5px color-mix(in srgb, var(--step-color,#6b7280) 12%, transparent);transform:scale(1.05)}.wizard-step__connector{background:#e5e7eb;flex:1;width:2px;min-height:24px;transition:background-color .35s}.wizard-step__body{flex:1;min-width:0;padding-bottom:8px}.wizard-step__header{-webkit-user-select:none;user-select:none;align-items:center;gap:12px;min-height:40px;padding:8px 0;display:flex}.wizard-step--complete .wizard-step__header{cursor:pointer;border-radius:12px;margin:0 -12px;padding:8px 12px;transition:background-color .2s}.wizard-step--complete .wizard-step__header:hover{background:#00000005}.wizard-step__edit-btn{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;transition:all .2s;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:#111827;letter-spacing:-.01em;margin:0;font-size:16px;font-weight:700}.wizard-step--active .wizard-step__title{font-size:18px;font-weight:800}.wizard-step--inactive .wizard-step__title{color:#c4c8cf;font-weight:600}.wizard-step__summary{color:#6b7280;text-overflow:ellipsis;white-space:nowrap;margin:2px 0 0;font-size:13px;overflow:hidden}.wizard-step--inactive .wizard-step__title-area{padding:10px 0}.wizard-step__content-wrapper{opacity:1;transition:height .4s cubic-bezier(.4,0,.2,1),opacity .3s;overflow:hidden}.wizard-step__content-wrapper[data-collapsed=true]{opacity:0}.wizard-step__content{padding-top:12px}.wizard-step__card{background:#fff;border:1px solid #e5e7eb;border-radius:20px;padding:28px;box-shadow:0 4px 20px #0000000a}.wizard-step__card:has(.spread-request){padding:20px}.service-type-grid{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.service-grid-card{cursor:pointer;text-align:left;background:#fff;border:1px solid #e5e7eb;border-radius:16px;flex-direction:column;align-items:flex-start;width:100%;padding:16px;transition:all .25s;animation:.4s both serviceCardFadeUp;display:flex;box-shadow:0 1px 3px #0000000a}@keyframes serviceCardFadeUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.service-grid-card:hover{background:#fafafa;border-color:#d1d5db;transform:translateY(-2px);box-shadow:0 4px 12px #0000000f}.service-grid-card:active{transform:translateY(0)}.service-grid-card--disabled{opacity:.45;cursor:default;pointer-events:none}.service-grid-card__top-row{align-items:center;gap:8px;width:100%;margin-bottom:14px;display:flex}.service-grid-card__icon-circle{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:50px;height:50px;display:flex}.service-grid-card__icon-mask{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__name{color:#111827;letter-spacing:-.01em;margin-bottom:3px;font-size:15px;font-weight:700;line-height:1.3;display:block}.service-grid-card__desc{color:#9ca3af;-webkit-line-clamp:3;-webkit-box-orient:vertical;font-size:12px;line-height:1.4;display:-webkit-box;overflow:hidden}.service-grid-card__coming-soon{letter-spacing:.04em;text-transform:uppercase;white-space:nowrap;border-radius:100px;align-items:center;padding:3px 8px;font-size:9px;font-weight:700;display:inline-flex}.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:#6b7280;cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:8px;padding:8px 0;font-size:13px;display:flex}.dates-times-step .link-first-day input[type=checkbox]{accent-color:var(--service-color,#6b7280)}.times-step{flex-direction:column;gap:24px;display:flex}.times-step__context{background:#f9fafb;border:1px solid #e5e7eb;border-radius:12px;align-items:center;gap:8px;padding:12px 16px;display:flex}.times-step__context-text{color:#374151;font-size:14px;font-weight:600}.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{flex-direction:column;gap:12px;display:flex}.pets-step__dogs-only{color:#9ca3af;font-size:12px;font-style:italic}.pets-step .btn-find-sitters{color:#fff;cursor:pointer;border:none;border-radius:9999px;width:100%;margin-top:8px;padding:16px;font-size:16px;font-weight:700;transition:all .3s;display:block;box-shadow:0 4px 16px #f1144f40}.pets-step .btn-find-sitters:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 28px #f1144f59}.pets-step .btn-find-sitters:disabled{opacity:.4;cursor:not-allowed;box-shadow:none}.spread-request{flex-direction:column;gap:12px;display:flex}.spread-request__hint{color:#6b7280;margin:0;font-size:14px;line-height:1.5}.spread-request__list{flex-direction:column;gap:8px;display:flex}.spread-request__empty{text-align:center;color:#6b7280;padding:48px 16px}.spread-request__empty p{margin:0 0 16px;font-size:14px;line-height:1.5}.spread-request__location-prompt{text-align:center;flex-direction:column;align-items:center;gap:12px;padding:40px 16px;display:flex}.spread-request__location-icon{width:56px;height:56px;color:var(--color-brand,#f1144f);background:#f1144f1a;border-radius:50%;justify-content:center;align-items:center;display:flex}.spread-request__location-title{color:#111827;margin:0;font-size:16px;font-weight:700}.spread-request__location-desc{color:#6b7280;max-width:300px;margin:0;font-size:14px;line-height:1.5}.sitter-card{cursor:pointer;background:#fff;border:1.5px solid #e5e7eb;border-radius:14px;align-items:center;gap:14px;padding:12px 16px;transition:all .25s;display:flex}.sitter-card:hover{border-color:#d1d5db;transform:translateY(-1px);box-shadow:0 2px 12px #0000000f}.sitter-card--selected{border-color:var(--sitter-service-color,#f1144f);background:color-mix(in srgb, var(--sitter-service-color,#f1144f) 4%, white);box-shadow:0 2px 12px color-mix(in srgb, var(--sitter-service-color,#f1144f) 12%, transparent)}.sitter-card--selected:hover{box-shadow:0 4px 16px color-mix(in srgb, var(--sitter-service-color,#f1144f) 18%, transparent)}.sitter-card__avatar{flex-shrink:0}.sitter-card__info{flex-direction:column;flex:1;gap:3px;min-width:0;display:flex}.sitter-card__name{color:#111827;text-overflow:ellipsis;white-space:nowrap;letter-spacing:-.01em;font-size:15px;font-weight:700;display:block;overflow:hidden}.sitter-card__location{color:#9ca3af;align-items:center;gap:4px;font-size:13px;font-weight:500;display:flex}.sitter-card__check{border:1.5px solid #d1d5db;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:26px;height:26px;transition:all .25s;display:flex}.sitter-card__check--active{background-color:var(--sitter-service-color,#f1144f);border-color:var(--sitter-service-color,#f1144f);box-shadow:0 2px 8px color-mix(in srgb, var(--sitter-service-color,#f1144f) 25%, transparent)}.sending-progress{flex-direction:column;gap:16px;display:flex}.sending-progress__cards{flex-direction:column;gap:12px;display:flex}.sending-progress__card{background:color-mix(in srgb, var(--service-color) 6%, white);border:1px solid color-mix(in srgb, var(--service-color) 20%, transparent);border-radius:14px;align-items:center;gap:12px;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:#111827;font-size:14px;font-weight:600}.sending-progress__card-name{color:#6b7280;font-size:12px}.sending-progress__spinner{border:2.5px solid #e5e7eb;border-top-color:var(--service-color,#6b7280);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:#111827;margin:0 0 16px;font-size:16px;font-weight:700}.sending-progress__countdown{color:#6b7280;margin:12px 0 0;font-size:13px;font-weight:500}@media (max-width:768px){.booking-page{min-height:calc(100vh - 72px);padding-bottom:60px}.booking-wizard{max-width:100%;padding:32px 20px}.booking-wizard__header-card{padding:20px 24px}.booking-wizard__title{font-size:24px}.wizard-step__card{border-radius:16px;padding:20px}.booking-wizard__start-over{align-self:flex-end;margin-bottom:16px;position:static}.booking-wizard__header{flex-direction:column-reverse;align-items:flex-start;display:flex}.service-type-grid{grid-template-columns:repeat(2,1fr);gap:10px}.service-grid-card{border-radius:14px;padding:14px}.service-grid-card__top-row{margin-bottom:10px}.service-grid-card__icon-circle{width:44px;height:44px}.service-grid-card__icon-mask{width:22px;height:22px}.service-grid-card__name{font-size:13px}.service-grid-card__desc{font-size:11px}.service-grid-card__coming-soon{padding:2px 6px;font-size:8px}}@media (max-width:480px){.booking-wizard{padding:20px 16px}.booking-wizard__header-card{width:100%;padding:16px 20px}.booking-wizard__title{font-size:22px}.booking-wizard__subtitle{font-size:14px}.wizard-step__badge-col{width:32px}.wizard-step__badge{width:32px;height:32px;font-size:13px}.wizard-step__row{gap:14px}.wizard-step__title{font-size:15px}.wizard-step--active .wizard-step__title{font-size:16px}.wizard-step__card{border-radius:14px;padding:16px}}
