.hotel-phone-menu{border:1px solid var(--color-border);border-radius:999px;justify-items:center;margin-left:auto;padding:4px 11px;font-size:.8125rem;font-weight:600}.phone-swap{display:grid}.phone-swap-item{white-space:nowrap;opacity:0;animation:31.2s linear infinite both phone-swap;animation-delay:var(--exchange-delay);grid-area:1/1}.phone-swap-long{animation-name:phone-swap-long}@keyframes phone-swap{0%,16.67%,to{opacity:0}.1%,16.6%{opacity:1}}@keyframes phone-swap-long{0%,33.33%,to{opacity:0}.1%,33.26%{opacity:1}}.hotel-offer{border:1px solid var(--color-border);background:var(--color-card);border-radius:16px;gap:10px;margin-top:8px;padding:10px;display:flex}.hotel-offer img{object-fit:cover;border-radius:10px;flex:none;width:48px;height:48px}.hotel-offer-body{flex:1;gap:2px;min-width:0;display:grid}.hotel-offer-head{flex-wrap:wrap;justify-content:space-between;gap:0 8px;font-weight:600;line-height:1.3;display:flex}.hotel-offer-price{white-space:nowrap}.hotel-offer-desc{-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:.875rem;line-height:1.35;display:-webkit-box;overflow:hidden}.hotel-offer-meta{color:var(--color-muted-foreground);font-size:.875rem;line-height:1.35}.hotel-offer-button{background:var(--color-primary);color:var(--color-primary-foreground);border-radius:999px;justify-self:end;margin-top:6px;padding:5px 14px;font-size:.875rem;font-weight:600;line-height:1.4}.hotel-order-exchange .hotel-offer-button{animation:31.2s linear infinite both hotel-tap;animation-delay:var(--exchange-delay)}@keyframes hotel-tap{0%,13.4%,15.2%,to{box-shadow:none;transform:none}13.9%,14.7%{box-shadow:0 0 0 4px color-mix(in oklab, var(--color-primary) 25%, transparent);transform:scale(.92)}}.hotel-ordered{margin-top:10px}.hotel-phone-reception{background:var(--color-secondary);border-radius:16px;gap:6px;margin:0;padding:10px;display:grid}.hotel-phone-reception figcaption{font-size:.875rem;font-weight:600}.hotel-phone-reception p{border:1px solid var(--color-border);background:var(--color-card);white-space:pre-line;border-radius:4px 14px 14px;padding:8px 10px;font-size:.875rem;line-height:1.45}.hotel-conversation{overflow:hidden}.hotel-order-exchange>.hotel-scroll{--hotel-scroll:181px}@media (width>=768px){.hotel-order-exchange>.hotel-scroll{--hotel-scroll:215px}}.chat-exchange-long>.hotel-scroll{animation:31.2s ease-in-out infinite both hotel-scroll;animation-delay:var(--exchange-delay)}.hotel-order-exchange>.hotel-scroll{animation-name:hotel-scroll-order}@keyframes hotel-scroll{0%,13.2%,33.34%,to{transform:none}14.5%,33.3%{transform:translateY(calc(-1 * var(--hotel-scroll,0px)))}}@keyframes hotel-scroll-order{0%,15%,33.34%,to{transform:none}16.6%,33.3%{transform:translateY(calc(-1 * var(--hotel-scroll,0px)))}}.motion-scene[data-reduced-motion=true] .phone-swap-item{opacity:0;animation:none}.motion-scene[data-reduced-motion=true] .phone-swap-item:first-child{opacity:1}.motion-scene[data-reduced-motion=true] .chat-exchange:first-child>.hotel-scroll{transform:translateY(calc(-1 * var(--hotel-scroll,0px)));animation:none}@media (prefers-reduced-motion:reduce){.phone-swap-item:first-child{opacity:1}.chat-exchange:first-child>.hotel-scroll{transform:translateY(calc(-1 * var(--hotel-scroll,0px)))}}.timeline-tag{background:var(--color-accent);color:var(--color-accent-foreground);vertical-align:1px;border-radius:999px;margin-left:10px;padding:2px 10px;font-size:.875rem;font-weight:600;display:inline-block}.hotel-facts{flex-wrap:wrap;gap:10px 24px;display:flex}.hotel-facts li{gap:8px;font-weight:600;display:flex}.how-mini-menu{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;width:100%;display:grid}.how-mini-tile{align-content:start;gap:4px;min-width:0;display:grid}.how-mini-photo{display:block;position:relative}.how-mini-photo img{aspect-ratio:4/3;object-fit:cover;border-radius:10px;width:100%;display:block}.how-mini-price{background:var(--color-card);border-radius:999px;padding:1px 7px;font-size:.8125rem;font-weight:600;position:absolute;bottom:6px;right:6px}.how-mini-name{font-size:.9375rem;font-weight:600;line-height:1.25}.hotel-example{border-left:3px solid var(--color-accent);padding-left:14px}.hotel-fact{font-family:var(--font-display);font-variant-numeric:lining-nums;font-size:clamp(1.375rem,3.5vw,1.875rem);font-weight:600;line-height:1.3}
