.booking-signal,.booking-info-dialog{--booking-paper: #fff;--booking-top: #fff;--booking-low: hsl(var(--muted));--booking-ink: hsl(var(--foreground));--booking-muted: hsl(var(--muted-foreground));--booking-line: #d3e3f5;--booking-edge: #fff;--booking-shadow: #1f2a4426;--booking-cta: hsl(var(--cta));--booking-cta-top: hsl(var(--cta));--booking-cta-base: hsl(var(--button-depth));--booking-cta-text: hsl(var(--cta));--booking-sky: hsl(var(--primary))}.booking-signal{position:relative;max-width:920px;margin-inline:auto;padding:12px 16px 24px;background:var(--booking-paper);color:var(--booking-ink);letter-spacing:0;color-scheme:light}.booking-signal[data-appearance=dark],.booking-info-dialog[data-appearance=dark]{--booking-paper: #191c22;--booking-top: #373e48;--booking-low: #282e37;--booking-ink: #f4f6fa;--booking-muted: #bdc7d4;--booking-line: #596270;--booking-edge: #ffffff35;--booking-shadow: #00000060;--booking-cta-text: #d7aedc;color-scheme:dark}.booking-signal[data-appearance=dark]{background:var(--booking-paper)}.booking-area{background:#fff}@media (min-width: 640px){.booking-area:not([data-appearance=dark]){background:radial-gradient(120% 90% at 50% 0%,#1d3360,#0f1f3d 55%,#0a1529)}.booking-area:not([data-appearance=dark]) .booking-signal{border-color:#fff;border-radius:14px;box-shadow:inset 0 1px #fff,0 0 0 1px #ffffff26,0 2px 4px #0003,0 12px 24px #0000004d,0 32px 64px #0006,0 0 80px #4f7fd426}}.booking-area[data-appearance=dark]{background:#14181d}.booking-signal,.booking-signal [data-service=briller]{--service: var(--booking-cta);--service-top: var(--booking-cta-top);--service-base: var(--booking-cta-base);--service-text: var(--booking-cta-text);--service-on: #fff}.booking-signal [data-service=kontaktlinser],.booking-signal[data-service=kontaktlinser]{--service: #9ec3ec;--service-top: #9ec3ec;--service-base: #6f9fd4;--service-text: #24578f;--service-on: #1f2a44}.booking-signal [data-service=forerkort],.booking-signal[data-service=forerkort],.booking-signal[data-service=kort]{--service: #1f2a44;--service-top: #1f2a44;--service-base: #141b2d;--service-text: #1f2a44;--service-on: #fff}.booking-signal #choose-time-btn,.booking-signal #submit-info-btn:not(:disabled){background:var(--booking-cta);border-color:var(--booking-cta);color:#fff}.booking-signal .booking-secondary{background:var(--booking-sky);border-color:var(--booking-sky);color:#1f2a44}.booking-signal[data-appearance=dark] [data-service=kontaktlinser],.booking-signal[data-appearance=dark][data-service=kontaktlinser]{--service-text: #9ebaff}.booking-signal[data-appearance=dark] [data-service=forerkort],.booking-signal[data-appearance=dark][data-service=forerkort],.booking-signal[data-appearance=dark][data-service=kort]{--service: #b9c7e0;--service-top: #b9c7e0;--service-text: #b9c7e0;--service-on: #0f1f3d}.booking-signal [hidden]{display:none!important}.booking-signal .text-foreground,.booking-signal p,.booking-signal h3,.booking-signal h4{color:var(--booking-ink)}.booking-signal .text-red-600{color:#b42318}.booking-signal[data-appearance=dark] .text-red-600{color:#ffb4a9}.booking-signal .text-muted-foreground{color:var(--booking-muted)}.booking-signal .text-cta,.booking-signal .text-blue-700,.booking-signal .text-purple-700{color:var(--service-text)}.booking-signal button,.booking-signal input,.booking-signal textarea{letter-spacing:0}.booking-signal button{touch-action:manipulation}.booking-signal button:focus-visible,.booking-signal summary:focus-visible,.booking-signal input:focus-visible,.booking-signal textarea:focus-visible{outline:3px solid var(--service);outline-offset:3px}.booking-signal button:disabled{cursor:default}.booking-appearance{display:flex;justify-content:flex-end;gap:4px;margin-bottom:6px}.booking-appearance button{display:flex;align-items:center;gap:6px;min-height:44px;padding:0 10px;font-size:14px;border-radius:8px;color:var(--booking-muted)}.booking-appearance button[aria-pressed=true]{color:var(--booking-ink);background:linear-gradient(145deg,var(--booking-top),var(--booking-low));box-shadow:inset 0 1px var(--booking-edge),0 2px 5px var(--booking-shadow)}.booking-progress{margin:0 auto 12px;max-width:660px}.booking-progress>div{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px}.booking-progress>div>div{display:none}.booking-progress button{min-height:44px;display:flex;flex-direction:row;justify-content:center;align-items:center;gap:7px;transform:none}.booking-progress button>div>span{display:none}.booking-progress button>div>div{width:25px;height:25px;font-size:13px;transform:none;background:linear-gradient(145deg,var(--booking-top),var(--booking-low));color:var(--booking-muted);border:1px solid var(--booking-line);box-shadow:inset 0 1px var(--booking-edge),0 2px 4px var(--booking-shadow)}.booking-progress button>span{font-size:13px;margin:0;white-space:normal;line-height:1.2;color:var(--booking-muted)}.booking-progress button[aria-current=step]>div>div{background:var(--booking-cta);color:#fff;border-color:var(--booking-cta);box-shadow:0 2px var(--booking-cta-base),0 4px 8px color-mix(in srgb,var(--booking-cta) 14%,transparent);animation:booking-step-pulse 2.4s ease-in-out infinite}.booking-progress button[aria-current=step]>span{color:var(--booking-cta-text);font-weight:700}@keyframes booking-step-pulse{0%,to{transform:scale(1);box-shadow:0 2px var(--booking-cta-base),0 4px 8px color-mix(in srgb,var(--booking-cta) 14%,transparent)}50%{transform:scale(1.08);box-shadow:0 2px var(--booking-cta-base),0 0 0 5px color-mix(in srgb,var(--booking-cta) 16%,transparent),0 7px 16px color-mix(in srgb,var(--booking-cta) 34%,transparent)}}.booking-progress svg{width:14px;height:14px}.booking-examination #service-heading,.booking-stage-heading{font-size:21px;line-height:1.25;font-weight:700;margin:8px 0 14px;text-align:left}.booking-examination #service-heading+p{display:none}.booking-signal #service-cards{margin:0 0 18px;gap:8px}.booking-signal #service-cards>button{border:1px solid var(--booking-line);border-radius:8px;transform:none;background:var(--booking-paper);box-shadow:inset 0 1px var(--booking-edge),0 4px 0 var(--booking-line),0 12px 20px var(--booking-shadow);transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}.booking-signal #service-cards>button[aria-pressed=true]{transform:translateY(-3px);border-color:var(--service);box-shadow:0 0 0 2px color-mix(in srgb,var(--service) 30%,transparent),0 5px var(--service-base),0 15px 24px color-mix(in srgb,var(--service) 22%,transparent)}.booking-signal #service-cards>button>div:first-child{height:40px;padding:0 2px;background:linear-gradient(165deg,var(--service-top),var(--service) 70%);box-shadow:inset 0 2px #ffffffa0,inset 0 -1px #00000018}.booking-signal #service-cards>button>div:first-child span{color:var(--service-on);font-size:14px;text-shadow:none;filter:none}.booking-signal #service-cards>button>div:first-child svg{display:none}.booking-signal #service-cards>button>div:nth-child(2){height:100px;width:calc(100% - 10px);margin:5px;border-radius:5px;border:1px solid color-mix(in srgb,var(--service) 30%,var(--booking-line));background:var(--booking-low);box-shadow:0 1px 0 var(--booking-edge),0 3px 7px var(--booking-shadow)}.booking-signal #service-cards>button>div:nth-child(2):after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;border-radius:inherit;box-shadow:inset 0 1px #ffffffc0,inset 1px 0 #ffffff60,inset 0 -1px #00000020}.booking-signal #service-cards img{-o-object-fit:cover;object-fit:cover;transform:none;transition:transform .3s ease}.booking-signal #service-cards [aria-hidden]{display:none}.booking-signal #service-cards>button>div:last-child{padding:10px 8px 12px;width:100%;border-top:1px solid var(--booking-edge);background:linear-gradient(160deg,var(--booking-top),color-mix(in srgb,var(--service) 5%,var(--booking-paper)))}.booking-signal #service-cards>button>div:last-child>div:first-child{color:var(--service-text);margin:0;display:flex;align-items:baseline;gap:4px;flex-wrap:wrap}.booking-signal #service-cards>button>div:last-child>div:first-child span:first-child{font-size:12px}.booking-signal #service-cards>button>div:last-child>div:first-child span:last-child{font-size:21px}.booking-signal #exam-level{border:0;border-radius:0;background:none;margin:0;max-width:none;overflow:visible}.booking-signal #exam-level>div:first-of-type{padding:0 0 10px;background:none}.booking-signal #exam-level>div:first-of-type>div{color:var(--booking-ink);font-size:18px;text-align:left;filter:none}.booking-signal #exam-level>div:last-child{padding:0}.booking-signal #exam-level>div:last-child>div:first-child{display:none}.booking-signal #exam-level>div:last-child>div:nth-child(2){font-size:13px;line-height:1.5;margin-bottom:8px}.booking-signal #exam-level label+label{margin-top:8px}.booking-signal #exam-level label>div{border:1px solid var(--booking-line);border-radius:8px;padding:10px;align-items:center;background:linear-gradient(145deg,var(--booking-top),var(--booking-low));box-shadow:inset 0 1px var(--booking-edge),0 3px color-mix(in srgb,var(--booking-line) 65%,transparent),0 5px 10px var(--booking-shadow)}.booking-signal #exam-level input:checked+div{border-color:var(--service);background:linear-gradient(145deg,color-mix(in srgb,var(--service) 4%,var(--booking-top)),color-mix(in srgb,var(--service) 10%,var(--booking-low)));box-shadow:inset 4px 0 var(--service),inset 0 1px var(--booking-edge),0 3px 0 var(--booking-line),0 5px 10px var(--booking-shadow)}.booking-signal #exam-level label>div>span:first-child{margin-top:0;width:23px;height:23px}.booking-signal #exam-level input:checked+div>span:first-child{background:var(--service);border-color:var(--service)}.booking-signal #exam-level label>div>span:last-child>span:first-child{flex-wrap:wrap;-moz-column-gap:8px;column-gap:8px;row-gap:2px}.booking-signal #exam-level label>div>span:last-child>span:first-child>span{font-size:16px;line-height:1.25}.booking-signal #exam-level label>div>span:last-child>span:first-child>span:last-child{color:var(--service-text)}.booking-signal #exam-level label>div>span:last-child>span:nth-child(2){font-size:14px;margin-top:3px}.booking-signal #exam-level label>div{transition:transform .15s ease,box-shadow .15s ease,border-color .15s ease}.booking-signal #exam-level button[aria-controls],.booking-signal #short-appointments button[aria-haspopup=dialog]{min-width:44px;min-height:44px;margin:-6px -4px -6px 0;color:var(--booking-muted)}.booking-signal #exam-level button svg{width:21px;height:21px}.booking-signal [id^=level-info-]{font-size:15px;line-height:1.55}.booking-exam-summary{display:block;grid-column:1 / -1;margin-top:3px;font-size:14px;line-height:1.4;color:var(--booking-muted)}.booking-signal[data-appearance=dark] #exam-level .booking-exam-summary{color:#fff}.booking-short{margin-top:12px}.booking-short-toggle{display:flex;justify-content:space-between;align-items:center;width:100%;min-height:56px;text-align:left;border-top:1px solid var(--booking-line);padding:10px 0}.booking-short-toggle strong{font-size:16px}.booking-short-toggle small{display:block;color:var(--booking-muted);font-size:14px}.booking-short #short-options{padding:6px 0}.booking-short #short-options>.grid>div,.booking-signal .booking-autofill-notice{background:var(--booking-low);color:var(--booking-ink);border-color:var(--booking-line)}.booking-signal .booking-autofill-notice button{min-height:44px}.booking-signal .booking-autofill-notice button:last-child{background:var(--booking-paper)}.booking-signal [role=alert]{color:#b42318}.booking-signal[data-appearance=dark] [role=alert]{color:#ffb4a9;background:var(--booking-low)}.booking-stage{position:relative;max-width:760px;margin-inline:auto}.booking-stage-heading{padding-right:80px;min-height:44px;display:flex;align-items:center}.booking-stage>button{position:absolute;top:0;right:0;min-height:44px;margin:0}.booking-summary{border-bottom:1px solid var(--booking-line);padding:8px 0 14px;margin-bottom:4px}.booking-summary>div>div:first-child{display:none}.booking-summary p:first-child{font-size:14px;color:var(--booking-muted)}.booking-summary p:last-child{font-size:16px;line-height:1.5;color:var(--booking-ink)}.booking-summary button{min-height:44px;font-size:14px;color:var(--booking-ink)}.booking-signal .booking-hint{border-color:var(--booking-line);background:var(--booking-low)}.booking-days{position:relative;display:flex;gap:6px;overflow-x:auto;padding:8px 6px 12px;margin:4px -6px 0;scroll-snap-type:x proximity;scroll-padding-inline:6px;scrollbar-width:thin}.booking-day,.booking-time{color:var(--booking-ink);border:1px solid var(--booking-line);border-radius:8px;background:var(--booking-low);transition:border-color .15s ease}.booking-day{position:relative;flex:0 0 76px;min-height:88px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;scroll-snap-align:start}.booking-day>span:first-of-type{font-size:14px;text-transform:capitalize}.booking-day strong{font-size:17px;line-height:1.25;font-weight:700;white-space:nowrap}.booking-day-count{font-size:14px;color:var(--booking-muted);white-space:nowrap}.booking-day:disabled{opacity:.45;box-shadow:inset 0 2px 5px var(--booking-shadow);background:var(--booking-low)}.booking-day[aria-pressed=true],.booking-time[aria-pressed=true]{background:var(--booking-paper);color:var(--booking-ink);border-color:var(--booking-ink);box-shadow:inset 0 0 0 1px var(--booking-ink)}.booking-day-check{position:absolute;top:-7px;right:-7px;width:20px;height:20px;padding:3px;border-radius:50%;background:var(--booking-ink);color:var(--booking-paper);box-shadow:0 0 0 2px var(--booking-paper)}.booking-signal .booking-period-heading{margin:14px 0 8px;font-size:14px;font-weight:600;color:var(--booking-muted)}.booking-times{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.booking-time{min-height:48px;display:inline-flex;align-items:center;justify-content:center;gap:4px;font-size:17px;font-weight:600}.booking-actions{display:flex;justify-content:flex-end;align-items:center;gap:16px;margin-top:24px;padding:14px 0;border-top:1px solid var(--booking-line)}.booking-actions>button,.booking-primary{min-height:52px;display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:10px 24px;font-size:18px;font-weight:700;border:1px solid var(--booking-cta);border-radius:8px;color:#fff;background:var(--booking-cta);box-shadow:0 4px 10px var(--booking-shadow);transform:none}.booking-actions>button:disabled{background:var(--booking-low);color:var(--booking-muted);border-color:var(--booking-line);box-shadow:inset 0 1px var(--booking-edge);opacity:.75}.booking-choice-summary{font-size:14px;line-height:1.35;flex:1}.booking-examination{display:flex;flex-direction:column}.booking-info-dialog{width:calc(100% - 32px);max-width:520px;max-height:calc(100dvh - 48px);overflow-y:auto;padding:24px;border:1px solid var(--booking-line);border-radius:8px;color:var(--booking-ink);background:linear-gradient(145deg,var(--booking-top),var(--booking-low));box-shadow:inset 0 1px var(--booking-edge),0 20px 60px #00000040}.booking-info-dialog h2{padding-right:36px;font-size:20px;line-height:1.35;letter-spacing:0}.booking-info-dialog p{font-size:16px;line-height:1.65;color:var(--booking-ink);white-space:pre-line}.booking-info-dialog>button{top:8px;right:8px;min-width:44px;min-height:44px;display:flex;align-items:center;justify-content:center}.booking-signal #customer-info{margin-top:14px}.booking-signal .booking-form-heading{display:none}.booking-signal #customer-info form>fieldset>.flex{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.booking-signal #customer-info form>fieldset>.flex>div{min-width:0}.booking-signal #customer-info input,.booking-signal #customer-info textarea{font-size:16px;min-height:44px;border-radius:8px;color:var(--booking-ink);border-color:var(--booking-line);background:linear-gradient(155deg,var(--booking-low),var(--booking-top));box-shadow:inset 0 2px 4px var(--booking-shadow),0 1px var(--booking-edge)}.booking-signal #customer-info label{font-size:14px}.booking-signal #customer-info textarea{height:60px}.booking-signal #selected-slot{font-size:15px;background:var(--booking-low);border-color:var(--booking-line);padding:10px}@media (hover:hover){.booking-day:not(:disabled):not([aria-pressed=true]):hover,.booking-time:not(:disabled):not([aria-pressed=true]):hover{border-color:var(--booking-muted)}.booking-signal #service-cards>button:hover{transform:translateY(-3px);border-color:var(--service);box-shadow:0 4px var(--service-base),0 15px 24px var(--booking-shadow)}.booking-signal #service-cards>button:hover img{transform:scale(1.035)}.booking-signal #exam-level label:hover>div{transform:translateY(-3px);border-color:var(--service);box-shadow:inset 0 1px var(--booking-edge),0 0 0 2px color-mix(in srgb,var(--service) 30%,transparent),0 4px var(--service-base),0 15px 24px color-mix(in srgb,var(--service) 22%,transparent)}.booking-signal #exam-level label:hover input:checked+div{box-shadow:inset 4px 0 var(--service),0 0 0 2px color-mix(in srgb,var(--service) 30%,transparent),0 4px var(--service-base),0 15px 24px color-mix(in srgb,var(--service) 22%,transparent)}}.booking-signal #service-cards>button:active{transform:translateY(1px);box-shadow:0 1px var(--service-base),0 4px 8px var(--booking-shadow)}.booking-mobile-offer{display:none}@media (max-width: 639px){.booking-area .booking-container{padding-inline:12px}.booking-signal{padding:6px 0 24px;background:transparent}.booking-appearance{position:absolute;top:-64px;right:0;margin:0}.booking-appearance button{min-width:44px;justify-content:center}.booking-appearance button span{display:none}.booking-signal #exam-level label>div{position:relative;padding:8px;gap:8px}.booking-signal #service-cards{margin-bottom:12px}.booking-signal #service-cards>button>div:first-child{height:34px}.booking-signal #service-cards>button>div:nth-child(2){height:100px}.booking-signal #service-cards>button>div:last-child{padding:6px 6px 8px}.booking-examination #service-heading{margin-bottom:8px}.booking-signal #exam-level>div:first-of-type{padding-bottom:6px}.booking-signal #exam-level>div:last-child>div:nth-child(2){margin-bottom:4px}.booking-signal #exam-level label+label{margin-top:8px}.booking-signal #exam-level label>div{padding:8px}.booking-progress button{min-height:56px}.booking-signal #exam-level label>div>span:last-child{padding-right:34px;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:4px 6px}.booking-signal #exam-level label>div>span:last-child>span:first-child{display:contents}.booking-signal #exam-level label>div>span:last-child>span:first-child>span:first-child{grid-column:1}.booking-signal #exam-level label>div>span:last-child>span:first-child>span:last-child{grid-column:2;grid-row:1 / 3;align-self:center;font-size:16px}.booking-signal #exam-level label>div>span:last-child>span:nth-child(2){margin:0;align-self:center}.booking-signal #exam-level label>div>span:last-child>span:nth-child(2)>span>span{display:none}.booking-signal #exam-level button[aria-controls]{position:absolute;right:6px;top:50%;transform:translateY(-50%);margin:0}.booking-signal #exam-level .booking-desktop-summary{display:none}.booking-signal #exam-level .booking-mobile-offer{display:block;grid-column:1;grid-row:2;justify-self:start;padding:2px 5px;border-radius:4px;background:var(--booking-low);color:var(--booking-ink);font-size:14px;line-height:1.35}.booking-signal #exam-level label>div>span:last-child>span:nth-child(2){display:contents}.booking-signal [id^=level-info-]{grid-column:1 / -1}.booking-actions{margin-top:12px;padding:12px 0 4px}.booking-actions>button{flex-shrink:0}.booking-actions>button:only-child{flex:1;padding-inline:12px;font-size:17px}.booking-progress{margin-bottom:6px}.booking-progress button{min-height:64px;flex-direction:column;gap:5px}.booking-progress button>div>div{width:30px;height:30px;font-size:14px}.booking-progress button>span{max-width:100%;text-align:center;line-height:1.15;white-space:normal}.booking-stage-heading{font-size:20px;margin-bottom:8px}.booking-signal #service-cards{gap:6px}.booking-signal #service-cards>button>div:last-child>div:not(:first-child),.booking-signal #service-cards>button>div:last-child>p{display:none}}@media (min-width: 400px){.booking-signal #service-cards>button>div:first-child span{font-size:16px}}@media (min-width: 640px){.booking-signal{border:1px solid var(--booking-line);border-radius:8px;padding:24px 32px;box-shadow:inset 0 1px var(--booking-edge),0 16px 35px var(--booking-shadow)}.booking-progress button>span{font-size:15px}.booking-examination #service-heading,.booking-stage-heading{font-size:26px;margin-bottom:24px}.booking-signal #service-cards{gap:18px;margin-bottom:26px}.booking-signal #service-cards>button>div:first-child{height:48px}.booking-signal #service-cards>button>div:first-child span{font-size:20px}.booking-signal #service-cards>button>div:nth-child(2){height:176px;width:calc(100% - 16px);margin:8px}.booking-signal #service-cards>button>div:last-child{padding:16px}.booking-signal #service-cards>button>div:last-child>div:first-child span:last-child{font-size:26px}.booking-signal #exam-level label>div{padding:14px}.booking-signal #exam-level label>div>span:last-child>span:first-child>span{font-size:18px}.booking-days{gap:10px}.booking-day{flex-basis:88px;min-height:96px}.booking-day>span:first-of-type{font-size:15px}.booking-day strong{font-size:19px}.booking-times{gap:12px}.booking-time{min-height:54px;font-size:18px}}@media (prefers-reduced-motion:reduce){.booking-signal *,.booking-signal *:before,.booking-signal *:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.booking-signal #service-cards>button,.booking-signal #service-cards img{transform:none!important}}
