/* v820 — phone home conversion pass (phones only; linked with media="(max-width: 900px)"). */

/* #4 one real review / how it works, under the postcard trust numbers */
html body #te733-mobile-home .ys820-review{margin:14px 16px 0;padding:12px 14px;border-radius:12px;background:#FFF6EF;border:1px solid #F6DCC8;font:400 13px/1.42 Inter,system-ui,sans-serif;color:#3E5366}
html body #te733-mobile-home .ys820-stars{display:block;color:#E8661E;font-size:13px;letter-spacing:1px}
html body #te733-mobile-home .ys820-review blockquote{margin:4px 0 0;padding:0;border:0;font:italic 500 14px/1.4 Fraunces,Georgia,serif;color:#0F2E4F}
html body #te733-mobile-home .ys820-review figcaption{margin-top:6px;font-size:12px;color:#4A6075}
html body #te733-mobile-home .ys820-review figcaption b{color:#0F2E4F}
html body #te733-mobile-home .ys820-how{list-style:none;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:14px 16px 0;padding:12px 10px;border-radius:12px;background:#F6F8FA;border:1px solid #E6ECF1}
html body #te733-mobile-home .ys820-how li{display:flex;flex-direction:column;align-items:center;gap:2px;text-align:center;font:400 11.5px/1.3 Inter,system-ui,sans-serif;color:#3E5366}
html body #te733-mobile-home .ys820-how b{font:600 19px/1 Fraunces,Georgia,serif;color:#E8661E}

/* #5 "Find a stay" pill on each phone destination tile (tile photo link still opens the city page) */
html body.home-page #te733-mobile-home .te733-city-card .ys820-card-go{position:absolute;top:10px;right:10px;z-index:3;display:inline-flex;align-items:center;min-height:34px;margin:0;padding:0 12px;border:0;border-radius:999px;background:rgba(255,255,255,.95);color:#C2410C;font:700 12.5px Inter,system-ui,sans-serif;box-shadow:0 4px 12px rgba(9,24,40,.22);cursor:pointer}
html body.home-page #te733-mobile-home .te733-city-card .ys820-card-go::after{content:"\2192";margin-left:5px}
html body.home-page #te733-mobile-home .te733-city-card .ys820-card-go[hidden]{display:none}
html body.home-page #te733-mobile-home .te733-city-card:has(.ys775-stays) .ys820-card-go{top:46px}
html body.home-page #te733-mobile-home .te733-city-card .ys820-card-go:focus-visible{outline:3px solid #0F2E4F;outline-offset:2px}

/* #1 sticky bar above the bottom tab bar */
html body #te733-mobile-home .ys820-sticky{position:fixed;left:10px;right:10px;bottom:calc(82px + env(safe-area-inset-bottom));z-index:1240;display:flex;align-items:center;gap:10px;padding:8px 8px 8px 14px;border-radius:14px;background:#0F2E4F;color:#FFFFFF;box-shadow:0 10px 28px rgba(9,24,40,.32)}
html body #te733-mobile-home .ys820-sticky[hidden]{display:none}
html body #te733-mobile-home .ys820-sticky-copy{flex:1;min-width:0;display:flex;flex-direction:column}
html body #te733-mobile-home .ys820-sticky-copy b{font:700 13.5px/1.25 Inter,system-ui,sans-serif;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
html body #te733-mobile-home .ys820-sticky-copy small{font:400 11px/1.3 Inter,system-ui,sans-serif;color:#C9D6E0}
html body #te733-mobile-home .ys820-sticky-go{flex:none;display:flex;align-items:center;min-height:44px;padding:0 16px;border-radius:10px;background:#E8661E;color:#FFFFFF;text-decoration:none;font:800 14.5px Inter,system-ui,sans-serif}
html body.home-page.travel-edit-v724 #ysTravelEditChat{bottom:calc(84px + env(safe-area-inset-bottom))!important}
html.ys820-sticky-on body.home-page.travel-edit-v724 #ysTravelEditChat{bottom:calc(150px + env(safe-area-inset-bottom))!important}
@media (prefers-reduced-motion:no-preference){html body #te733-mobile-home .ys820-sticky:not([hidden]){animation:ys820-in .22s ease-out}}
@keyframes ys820-in{from{transform:translateY(14px);opacity:0}to{transform:none;opacity:1}}

/* #6 owner banner: a quiet text row on phones (owners still find it; travellers aren't pulled away) */
html body.home-page.travel-edit-v724 #te733-mobile-home a.ys820-owner{display:flex!important;align-items:center;justify-content:space-between;gap:8px;min-height:44px;margin:18px 16px 8px!important;padding:10px 4px!important;border:0!important;border-top:1px solid #E1E8EE!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;color:#3E5366!important;text-decoration:none}
html body.home-page.travel-edit-v724 #te733-mobile-home a.ys820-owner span{display:flex!important;flex-direction:row!important;flex-wrap:wrap;gap:4px;align-items:baseline}
html body.home-page.travel-edit-v724 #te733-mobile-home a.ys820-owner small{font:400 13px Inter,system-ui,sans-serif!important;letter-spacing:0!important;text-transform:none!important;color:#4A6075!important}
html body.home-page.travel-edit-v724 #te733-mobile-home a.ys820-owner b{font:700 13px Inter,system-ui,sans-serif!important;color:#0F2E4F!important;text-decoration:underline;text-underline-offset:2px}
html body.home-page.travel-edit-v724 #te733-mobile-home a.ys820-owner i{font-style:normal;color:#4A6075!important;font-size:14px!important}
html.ys820-sticky-on body #te733-mobile-home{padding-bottom:76px}