/* Request a viewing: Wonderland pieces, a strip of days, time chips, a short form. */
.hero { padding: 14px 4px 18px; }
.hero .speech { transform: rotate(-1deg); }
.wl-main > .card-ink { display: flex; flex-direction: column; gap: 12px; margin-bottom: 22px; }
.small { font-size: 16px; margin: -6px 0 0; }
.opt { font-weight: 400; color: var(--ink-muted); }
.strip { display: flex; gap: 8px; overflow-x: auto; padding: 4px 2px 10px; scrollbar-width: thin; }
.sd { flex: none; width: 62px; min-height: 80px; display: flex; flex-direction: column; align-items: center; justify-content: center; border-radius: 16px; border: 3px solid var(--ink); background: #fff; color: var(--ink); font: inherit; cursor: pointer; }
.sd .dw { font-size: 16px; font-weight: 700; text-transform: uppercase; color: var(--ink-muted); }
.sd .dn { font-family: var(--display); font-size: 22px; font-weight: 700; line-height: 1.05; }
.sd .dm { font-size: 16px; color: var(--ink-muted); }
.sd[aria-selected="true"] { background: var(--orange); box-shadow: var(--lift); }
.times:empty { display: none; }
.times .chip { min-height: 44px; padding: 0 16px; font-size: 16px; }
.other-link { align-self: flex-start; color: var(--orange-deep); min-height: 32px; }
.vw-form { display: flex; flex-direction: column; gap: 12px; margin-bottom: 22px; }
.vw-form .chip { min-height: 44px; font-size: 16px; }
.hp { position: absolute; left: -9999px; width: 1px; height: 1px; overflow: hidden; }
.msg { margin: 0; color: var(--bad); font-weight: 600; }
.msg:empty { display: none; }
.fine { margin: 0; font-size: 16px; color: var(--ink-muted); }
.done { display: flex; flex-direction: column; gap: 10px; text-align: center; margin-top: 16px; }
.done h2 { margin: 0; font-family: var(--display); font-size: 28px; }
.done p { margin: 0; }
.done .big { font-size: 52px; line-height: 1; }
@media (max-width: 420px) { .hide-xs { display: none; } }

/* Tour first */
.tour-sell .photo.tour { box-shadow: none; }
.sees { list-style: none; margin: 4px 0 0; padding: 0; display: flex; flex-direction: column; gap: 10px; }
.sees li { display: flex; gap: 12px; align-items: flex-start; font-size: var(--t-sm); color: var(--ink-muted); line-height: 1.35; }
.sees li .i { width: 26px; height: 26px; color: var(--orange-deep); margin-top: 1px; }
.sees b { display: block; font-size: var(--t-md); color: var(--ink); }
.in-person { display: block; margin: 4px auto 24px; font-size: var(--t-sm); color: var(--on-navy-muted); }