.booking{--form-error:#a83a3a;width:100%;max-width:var(--content-width);background:var(--glass-50);border-radius:24px;padding:12px}.booking__card{background:var(--beige-0);box-shadow:var(--shadow-soft);border-radius:16px;overflow:hidden}.booking [hidden]{display:none!important}.booking__steps{border-bottom:1px solid var(--stroke);font-family:var(--font-body);color:var(--neutral-10);flex-wrap:wrap;gap:8px 20px;margin:0;padding:16px 24px;font-size:14px;list-style:none;display:flex}.booking__step{align-items:center;gap:8px;display:inline-flex}.booking__step-num{background:var(--beige-10);width:22px;height:22px;color:var(--neutral-20);border-radius:50%;place-items:center;font-size:12px;font-weight:600;display:grid}.booking__step-num svg{display:none}.booking__step.is-current{color:var(--docti-dark-blue);font-weight:600}.booking__step.is-current .booking__step-num{background:var(--docti-dark-blue);color:var(--beige-0)}.booking__step.is-done .booking__step-num{background:var(--docti-green);color:var(--docti-dark-blue)}.booking__step.is-done .booking__step-digit{display:none}.booking__step.is-done .booking__step-num svg{display:block}.booking__pick{grid-template-columns:280px minmax(0,1fr);min-height:420px;display:grid}.booking__host{border-right:1px solid var(--stroke);flex-direction:column;gap:18px;padding:24px;display:flex}.booking__person{align-items:center;gap:14px;display:flex}.booking__person-texts{font-family:var(--font-body);flex-direction:column;display:flex}.booking__person-name{color:var(--docti-dark-blue);font-weight:600}.booking__person-role{color:var(--neutral-10);font-size:14px}.booking__about{flex-direction:column;gap:12px;display:flex}.booking__meta{font-family:var(--font-body);color:var(--neutral-30);flex-direction:column;gap:10px;font-size:15px;line-height:1.45;display:flex}.booking__meta li{align-items:flex-start;gap:10px;display:flex}.booking__meta svg,.booking__summary svg{color:var(--neutral-10);flex:none;margin-top:2px}.booking__slots{flex-direction:column;gap:18px;min-width:0;padding:24px;display:flex}.booking__slots-head{justify-content:space-between;align-items:center;gap:12px;display:flex}.booking__slots-head h2:focus-visible,.booking__form-pane h2:focus-visible,.booking__done h2:focus-visible{outline:none}.booking__pager{align-items:center;gap:8px;display:flex}.booking__range{font-family:var(--font-body);color:var(--neutral-10);font-size:14px}.booking__page{background:var(--beige-10);width:36px;height:36px;color:var(--docti-dark-blue);border-radius:50%;place-items:center;display:grid}.booking__page:disabled{opacity:.35;cursor:default}.booking__status{font-family:var(--font-body);color:var(--neutral-10);font-size:14px}.booking__status:has(~.booking__columns:not(:empty)){clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.booking__notice{background:var(--beige-10);font-family:var(--font-body);color:var(--neutral-30);border-radius:12px;padding:12px 16px;font-size:15px;font-weight:500;line-height:1.5}.booking__notice[data-tone=warning]{color:#4a3708;background:#f6e27f}.booking__notice a{color:inherit;text-underline-offset:2px;font-weight:600;text-decoration:underline}.booking__columns{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;display:grid}.booking__columns:empty{display:none}.booking__col{flex-direction:column;gap:8px;min-width:0;display:flex}.booking__col-head,.booking__chip{background:var(--beige-10);color:var(--docti-dark-blue);border-radius:12px;flex-direction:column;align-items:center;padding:8px 4px 10px;display:flex}.booking__col-head{margin-bottom:4px}.booking__dname{font-family:var(--font-body);letter-spacing:.03em;text-transform:uppercase;color:var(--neutral-10);font-size:13px;font-weight:600}.booking__dnum{font-family:var(--font-heading);letter-spacing:-.02em;font-size:22px;font-weight:600;line-height:1.2}.booking__slot{background:var(--beige-0);height:44px;box-shadow:inset 0 0 0 1px var(--stroke);font-family:var(--font-body);font-variant-numeric:tabular-nums;color:var(--docti-dark-blue);border-radius:10px;font-size:15px;font-weight:600;transition:background-color .15s cubic-bezier(.44,0,.56,1),color .15s cubic-bezier(.44,0,.56,1),box-shadow .15s cubic-bezier(.44,0,.56,1)}@media (hover:hover){.booking__slot:hover{box-shadow:inset 0 0 0 2px var(--docti-dark-blue)}}.booking__slot:active{background:var(--docti-dark-blue);color:var(--beige-0)}.booking__full{font-family:var(--font-body);text-align:center;color:var(--neutral-10);padding:12px 0;font-size:14px}.booking__chips,.booking__chip-times{display:none}.booking__details{grid-template-columns:300px minmax(0,1fr);display:grid}.booking__recap{border-right:1px solid var(--stroke);background:linear-gradient(180deg, #fbfaff, var(--beige-0));flex-direction:column;align-items:flex-start;gap:16px;padding:24px;display:flex}.booking__when{background:var(--beige-10);font-family:var(--font-body);color:var(--neutral-20);border-radius:12px;flex-direction:column;align-self:stretch;gap:2px;padding:14px 16px;display:flex}.booking__when strong{color:var(--docti-dark-blue);font-weight:700}.booking__back{font-size:15px}.booking__form-pane{flex-direction:column;gap:24px;min-width:0;padding:24px 28px 28px;display:flex}.booking__form{flex-direction:column;gap:28px;display:flex;position:relative}.booking__fields{flex-direction:column;gap:24px;display:flex}.booking__row{align-items:flex-start;gap:24px;display:flex}.booking__row:has(>[data-field=canton])>.field{flex:0 calc(50% - 12px)}.booking__privacy{font-family:var(--font-body);color:var(--neutral-20);font-size:14px;line-height:1.5}.booking__privacy a{color:#000;text-decoration:underline}.booking__trap{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.booking__done{text-align:center;flex-direction:column;align-items:center;gap:16px;max-width:520px;margin:0 auto;padding:40px 24px 44px;display:flex}.booking__badge{background:var(--docti-green);width:56px;height:56px;color:var(--docti-dark-blue);border-radius:50%;place-items:center;display:grid}.booking__summary{box-shadow:inset 0 0 0 1px var(--stroke);font-family:var(--font-body);text-align:left;color:var(--neutral-30);border-radius:14px;flex-direction:column;align-self:stretch;gap:8px;padding:16px 18px;font-size:15px;line-height:1.45;display:flex}.booking__summary li{gap:10px;display:flex}.booking__done-text{font-family:var(--font-body);color:var(--neutral-20)}.booking__manage{text-align:center;flex-direction:column;align-items:center;gap:16px;max-width:560px;margin:0 auto;padding:40px 24px 44px;display:flex}.booking__manage h2:focus-visible{outline:none}.booking__manage .booking__notice{text-align:left;align-self:stretch}.booking__before{color:var(--neutral-10)}.booking__before s{text-decoration-thickness:1px}.booking__actions{justify-content:center;align-self:stretch;gap:12px;margin-top:8px;display:flex}.booking__action{white-space:nowrap;background:var(--docti-dark-blue);max-width:280px;height:55px;color:var(--beige-0);font-family:var(--font-heading);border-radius:100px;flex:1 1 0;padding:0 20px;font-size:16px;font-weight:600;transition:background-color .2s cubic-bezier(.44,0,.56,1)}.booking__action--danger{color:#fcd8e0;background:#a83a3a}.booking__action--secondary{background:var(--beige-0);box-shadow:inset 0 0 0 1px var(--stroke);color:var(--docti-dark-blue)}.booking__action[aria-disabled=true]{cursor:progress;opacity:.8}@media (hover:hover){.booking__action:not(.booking__action--danger):not(.booking__action--secondary):not([aria-disabled=true]):hover{background:var(--docti-pink);color:var(--docti-dark-blue)}.booking__action--secondary:not([aria-disabled=true]):hover{background:var(--beige-10)}.booking__action--danger:not([aria-disabled=true]):hover{background:#a83a3ae6}}.booking__steps[hidden]{display:none}@media (width<=1199.98px){.booking__pick,.booking__details{grid-template-columns:minmax(0,1fr)}.booking__host{border-right:0;border-bottom:1px solid var(--stroke);flex-flow:wrap;align-items:center;gap:12px 32px}.booking__meta{flex-flow:wrap;gap:8px 20px}.booking__recap{border-right:0;border-bottom:1px solid var(--stroke)}}@media (width<=809.98px){.booking{border-radius:20px;padding:8px}.booking__actions{flex-direction:column-reverse}.booking__action{flex:none;max-width:none}.booking__steps{gap:8px 12px;padding:14px 16px;font-size:13px}.booking__step:not(.is-current) .booking__step-label{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.booking__host{flex-direction:column;align-items:flex-start;padding:18px 16px}.booking__meta{flex-direction:column}.booking__slots{padding:16px}.booking__pager,.booking__columns{display:none!important}.booking__chips{scrollbar-width:thin;gap:8px;padding-block:4px;display:flex;overflow-x:auto}.booking__chips:empty{display:none}.booking__chip{border-radius:14px;flex:none;min-width:68px;padding:8px 12px}.booking__chip .booking__dname:last-child{display:none}.booking__chip .booking__dnum{font-size:20px}.booking__chip[aria-pressed=true]{background:var(--docti-dark-blue);color:var(--beige-0)}.booking__chip[aria-pressed=true] .booking__dname{color:#cfd3f5}.booking__chip:disabled{opacity:.45}.booking__chip-times{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.booking__recap{padding:18px 16px}.booking__form-pane{padding:20px 16px 24px}.booking__row{flex-direction:column}.booking__row>.field,.booking__row:has(>[data-field=canton])>.field{flex:none;width:100%}}.demo-hero[data-astro-cid-zpmg7ot5]{width:100%;padding:var(--hero-padding-top) 0 64px;background:var(--gradient-hero-contact);flex-direction:column;align-items:center;display:flex;overflow:clip}.demo-hero__content[data-astro-cid-zpmg7ot5]{width:100%;max-width:var(--content-width);flex-direction:column;align-items:center;gap:32px;display:flex}.demo-hero__texts[data-astro-cid-zpmg7ot5]{text-align:center;flex-direction:column;align-items:center;gap:10px;display:flex}.demo-hero__texts[data-astro-cid-zpmg7ot5]>[data-astro-cid-zpmg7ot5]{text-wrap:balance}.demo-hero__other[data-astro-cid-zpmg7ot5]{text-align:center}.demo-content[data-astro-cid-zpmg7ot5]{flex-direction:column;align-items:center;width:100%;padding:120px 0 160px;display:flex}@media (width>=810px) and (width<=1199.98px){.demo-hero__content[data-astro-cid-zpmg7ot5]{padding-inline:40px}.demo-content[data-astro-cid-zpmg7ot5]{padding:80px 40px 96px}}@media (width<=809.98px){.demo-hero[data-astro-cid-zpmg7ot5]{padding-bottom:40px}.demo-hero__content[data-astro-cid-zpmg7ot5]{gap:28px;padding-inline:16px}.demo-content[data-astro-cid-zpmg7ot5]{padding:64px 16px 80px}}
