.demo-container{width:min(1180px,calc(100% - 48px));margin-inline:auto}.demo-intro{display:flex;align-items:center;justify-content:space-between;gap:32px;padding-block:48px 36px}.demo-intro h1{margin:0;font-size:clamp(24px,2.2vw,28px);line-height:1.35;letter-spacing:-.035em;font-weight:400}.demo-intro p{margin-top:8px;color:hsl(var(--muted-foreground));font-size:15px;line-height:1.6}.demo-intro-facts{display:flex;align-items:center;gap:24px;min-height:44px;border-left:1px solid hsl(var(--border));padding-left:32px;font-size:13px;flex-shrink:0}.demo-intro-facts span,.demo-selection-facts span{display:flex;align-items:center;gap:10px}.demo-intro-facts svg,.demo-selection-facts svg{width:19px;height:19px;color:hsl(var(--primary));flex-shrink:0}.demo-booking-band{background:#f0f7ff;padding-block:28px 32px}.demo-steps{display:flex;justify-content:center;gap:28px;margin:0 0 26px;list-style:none;padding:0;font-size:13px;color:hsl(var(--muted-foreground))}.demo-steps li{display:flex;align-items:center;gap:10px}.demo-steps li:not(:last-child):after{content:"";width:56px;height:1px;background:hsl(var(--border));margin-left:16px}.demo-steps li>span{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:#e0eaf6;color:hsl(var(--foreground))}.demo-steps [aria-current=step]{color:hsl(var(--primary))}.demo-steps [aria-current=step]>span{background:hsl(var(--primary));color:#fff}.demo-booking-card{display:grid;grid-template-columns:minmax(0,1.85fr) minmax(0,1fr);border:1px solid hsl(var(--border) / .8);border-radius:20px;background:#fff;box-shadow:0 18px 48px -38px #3061a855}.demo-booking-content{min-width:0;padding:30px}.demo-slot-picker{display:grid;gap:24px}.demo-slot-picker h2{display:flex;align-items:center;gap:12px;font-size:16px;line-height:1.4;font-weight:500;margin-bottom:14px}.demo-heading-icon{width:36px;height:36px;display:grid;place-items:center;flex-shrink:0;border-radius:50%;color:hsl(var(--primary));background:#f0f7ff}.demo-heading-icon svg{width:21px;height:21px}.demo-date-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:14px}.demo-date-heading h2{margin-bottom:0}.demo-date-navigation{display:flex;align-items:center;gap:8px}.demo-date-range{min-width:120px;text-align:center;font-size:12px}.demo-date-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}.demo-date{display:flex;flex-direction:column;justify-content:center;align-items:center;min-height:82px;border:1px solid hsl(var(--border));border-radius:11px;padding:10px 4px;background:#fff;font-weight:400}.demo-date:hover{border-color:hsl(var(--primary) / .6)}.demo-date.is-selected{color:#fff;border-color:hsl(var(--primary));background:hsl(var(--primary))}.demo-weekday{font-size:10px;text-transform:uppercase}.demo-day-number{font-size:18px;margin-block:3px 1px}.demo-month{font-size:11px}.demo-time-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-rows:44px;align-content:start;gap:8px;max-height:304px;min-height:148px;overflow-y:auto;padding:2px}.demo-time{position:relative;display:flex;align-items:center;justify-content:center;min-height:44px;border:1px solid hsl(var(--border));border-radius:10px;background:#fff;padding:8px 24px;font-size:14px;font-weight:400}.demo-time:hover{border-color:hsl(var(--primary) / .6);color:hsl(var(--primary))}.demo-time.is-selected{border-color:hsl(var(--primary));color:hsl(var(--primary));background:#edf5ff}.demo-time svg{position:absolute;right:9px}.demo-date:disabled,.demo-time:disabled{cursor:wait;opacity:.65}.demo-date:focus-visible,.demo-time:focus-visible{outline:2px solid hsl(var(--primary));outline-offset:2px}.demo-picker-meta{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px 16px;min-height:22px;font-size:11px;color:hsl(var(--muted-foreground))}.demo-picker-meta>span{display:flex;align-items:center;gap:8px}.demo-picker-meta svg{width:16px;height:16px;flex-shrink:0}.demo-selection{align-self:start;min-width:0;margin-block:24px;padding:12px 30px 28px;border-left:1px solid hsl(var(--border));scroll-margin-top:100px}.demo-selection h2{font-size:14px;font-weight:500}.demo-selection-date{margin-top:22px;font-size:17px;font-weight:400;line-height:1.5}.demo-selection-date:first-letter{text-transform:uppercase}.demo-selection-time{margin-top:6px;font-size:20px;font-weight:400;line-height:1.4}.demo-selection-empty{min-height:70px;margin-top:22px;font-size:14px;color:hsl(var(--muted-foreground))}.demo-selection-facts{display:flex;flex-wrap:wrap;gap:16px 24px;margin-top:28px;font-size:13px}.demo-continue{width:100%;min-height:48px;border-radius:10px;margin-top:40px;display:flex;gap:12px;font-size:15px;font-weight:400}.demo-next-help{font-size:12px;line-height:1.6;color:hsl(var(--muted-foreground));margin-top:12px}.demo-reassurance{text-align:center;font-size:12px;color:hsl(var(--muted-foreground));margin-top:26px;line-height:1.7}.demo-empty{padding:24px;border:1px dashed hsl(var(--border));border-radius:12px;font-size:14px;line-height:1.7;color:hsl(var(--muted-foreground))}.demo-empty a{color:hsl(var(--primary));text-decoration:underline}.demo-availability-error{display:flex;flex-wrap:wrap;gap:12px;align-items:center;color:hsl(var(--destructive));border-radius:10px;background:hsl(var(--destructive) / .04);padding:16px;font-size:14px}.demo-loading-label{margin-top:12px;font-size:12px;color:hsl(var(--muted-foreground))}.demo-management-loading{display:flex;align-items:center;justify-content:center;gap:12px;min-height:300px}.demo-skeleton{background:#eaf0f8;border-radius:10px;animation:demo-loading-pulse 1.8s ease-in-out infinite}.demo-date-skeleton{height:82px}.demo-time-skeleton{height:44px}.demo-range-skeleton{display:block;height:14px;width:120px}@keyframes demo-loading-pulse{50%{opacity:.5}}@media (max-width: 1100px){.demo-intro{align-items:flex-start;flex-direction:column;gap:18px}.demo-intro-facts{padding-left:0;border-left:0;min-height:24px}.demo-date-heading{flex-wrap:wrap}}@media (max-width: 899px){.demo-booking-card{grid-template-columns:minmax(0,1fr)}.demo-selection{border-left:0;border-top:1px solid hsl(var(--border));margin:0 30px;padding:24px 0 30px}.demo-selection-empty{min-height:0;margin-top:12px}.demo-selection-facts{margin-top:20px}.demo-continue{margin-top:24px}}@media (max-width: 639px){.demo-container{width:calc(100% - 32px)}.demo-intro{padding-block:28px 24px;gap:16px}.demo-intro h1{font-size:23px;line-height:1.4}.demo-intro p{font-size:14px}.demo-booking-band{padding-block:24px}.demo-steps{justify-content:space-between;gap:8px;font-size:11px;margin-bottom:22px}.demo-steps li{gap:6px}.demo-steps li>span{width:24px;height:24px}.demo-steps li:not(:last-child):after{display:none}.demo-booking-card{border-radius:16px}.demo-booking-content{padding:20px 16px}.demo-slot-picker{gap:22px}.demo-date-heading{gap:12px}.demo-date-navigation{width:100%;justify-content:space-between}.demo-date-grid{gap:5px}.demo-date{min-height:76px;border-radius:8px}.demo-time{padding-inline:6px;font-size:13px}.demo-time.is-selected{padding-right:18px}.demo-time svg{right:4px;width:13px}.demo-time-grid{gap:7px}.demo-selection{margin-inline:16px;padding-bottom:24px}.demo-reassurance{margin-top:20px}}@media (prefers-reduced-motion: reduce){.demo-skeleton{animation:none}}