#reserve-chooser{border:none;padding:0;background:var(--oxblood);color:var(--bone);border-radius:var(--r-l);width:min(30rem,calc(100vw - 2rem));max-height:calc(100dvh - 2rem);overflow-y:auto;box-shadow:0 40px 80px -20px #0000008c,0 0 0 1px #f4efe614;inset:0;margin:auto}#reserve-chooser:not([open]){display:none}#reserve-chooser::backdrop{background:#1f1a169e;backdrop-filter:blur(3px)}html:has(#reserve-chooser[open]){overflow:hidden}.reserve-chooser__panel{display:flex;flex-direction:column;gap:1.1rem;padding:clamp(1.5rem,6vw,2.25rem)}.reserve-chooser__title{font-family:var(--display);font-weight:300;font-size:clamp(1.7rem,6vw,2.2rem);line-height:1.1;font-variation-settings:"opsz" 144,"SOFT" 50}.reserve-chooser__line{color:#f4efe6bf;font-size:.95rem;line-height:1.55}.reserve-chooser__choices{display:flex;flex-direction:column;gap:.75rem;margin-top:.4rem}.reserve-chooser__choice{display:flex;align-items:center;justify-content:center;min-height:3.5rem;padding:.8rem 1.5rem;border-radius:999px;font-size:1.05rem;font-weight:600;letter-spacing:.03em;text-align:center;color:var(--oxblood)}.reserve-chooser__choice--airbnb{background:var(--bone)}.reserve-chooser__choice--booking{background:var(--olive-soft)}.reserve-chooser__close{align-self:center;min-height:2.75rem;padding:.55rem 1.6rem;border-radius:999px;border:1px solid rgba(244,239,230,.35);color:var(--bone);font-size:.9rem;letter-spacing:.04em}.reserve-chooser__choice:focus-visible,.reserve-chooser__close:focus-visible{outline:2px solid var(--olive-soft);outline-offset:3px}@media(hover:hover){.reserve-chooser__choice:hover{background:var(--olive)}.reserve-chooser__close:hover{background:#f4efe614}}@media(min-width:560px){.reserve-chooser__choices{flex-direction:row}.reserve-chooser__choice{flex:1 1 0}}@media(prefers-reduced-motion:no-preference){#reserve-chooser[open]{animation:reserve-chooser-in .18s ease-out}#reserve-chooser[open]::backdrop{animation:reserve-chooser-fade .18s ease-out}.reserve-chooser__choice{transition:background .2s ease,transform .2s ease}}@media(prefers-reduced-motion:no-preference)and (hover:hover){.reserve-chooser__choice:hover{transform:translateY(-1px)}}@keyframes reserve-chooser-in{0%{opacity:0;transform:translateY(8px) scale(.98)}to{opacity:1;transform:none}}@keyframes reserve-chooser-fade{0%{opacity:0}to{opacity:1}}
