:root { --ink:#211f1d; --muted:#8f8a82; --line:#eeeae4; --soft:#f4f2ef; --tile:#f3eee4; --white:#fff; color:var(--ink); background:#efeeeb; font-family:"Figtree",sans-serif; font-synthesis:none; }
* { box-sizing:border-box; }
html,body { min-width:320px; min-height:100%; margin:0; background:#efeeeb; }
body { padding:0; }
button,input { color:inherit; font:inherit; }
button { border:0; cursor:pointer; }
svg { width:20px; height:20px; fill:none; stroke:currentColor; stroke-width:1.8; stroke-linecap:round; stroke-linejoin:round; }
.phone { width:min(100%,528px); min-height:100dvh; margin:0 auto; overflow:clip; background:var(--white); box-shadow:0 24px 70px rgb(30 26 22 / 12%); }
.discover-view { min-height:100dvh; padding-top:max(18px,env(safe-area-inset-top)); }
.sheet-handle { width:51px; height:5px; margin:0 auto 18px; border-radius:9px; background:#d6d2cc; }
.discover-head { padding:0 32px; }
.discover-kicker { display:flex; min-height:34px; align-items:flex-start; justify-content:space-between; gap:16px; }
.discover-actions { display:flex; gap:8px; align-items:center; }
.eyebrow { display:block; margin-bottom:7px; color:#96918b; font-size:15px; font-weight:800; letter-spacing:.1em; }
.discover-account { display:flex; min-height:34px; gap:7px; align-items:center; padding:0 12px; border-radius:18px; background:var(--soft); color:#77716a; font-size:13px; font-weight:700; }
.discover-account.signed-in { max-width:205px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.discover-account svg { width:16px; height:16px; }
.discover-close { display:grid; width:34px; height:34px; flex:0 0 34px; place-items:center; border-radius:50%; background:var(--soft); color:#77716a; font-size:24px; line-height:1; }
.discover-head h1 { margin:0; font-size:30px; letter-spacing:-.03em; line-height:1.08; }
.location-line { display:flex; min-height:42px; gap:8px; align-items:center; padding:0; background:transparent; color:var(--muted); font-size:16px; }
.location-line svg { width:17px; height:17px; }
.location-line strong { color:var(--ink); }
.location-line b { margin-left:2px; font-weight:500; }
.discover-search { display:flex; height:54px; gap:12px; align-items:center; margin-top:3px; padding:0 18px; border-radius:18px; background:var(--soft); color:var(--muted); }
.discover-search input { width:100%; border:0; outline:0; background:transparent; font-size:17px; }
.discover-search input::placeholder { color:#97928b; opacity:1; }
.category-bar { position:sticky; z-index:5; top:0; display:flex; gap:9px; margin-top:16px; overflow-x:auto; padding:6px 32px 17px; border-bottom:1px solid var(--line); background:rgb(255 255 255 / 96%); scrollbar-width:none; }
.category-bar::-webkit-scrollbar { display:none; }
.category-bar button { display:flex; min-width:max-content; min-height:43px; gap:8px; align-items:center; padding:0 18px; border-radius:24px; background:var(--soft); font-size:16px; font-weight:700; }
.category-bar button.active { background:var(--ink); color:#fff; }
.category-bar svg { width:17px; height:17px; }
.category-bar b { display:grid; width:30px; height:30px; place-items:center; margin-right:-10px; border-radius:50%; background:#fff; color:var(--ink); font-size:14px; }
.discover-list { padding:28px 32px 52px; }
.list-row { position:relative; display:grid; width:100%; grid-template-columns:70px minmax(0,1fr); gap:16px; min-height:136px; padding:17px 0; border-top:1px solid var(--line); background:#fff; text-align:left; }
.emoji-tile { display:grid; width:70px; height:70px; place-items:center; border-radius:17px; background:var(--tile); font-size:32px; }
.list-copy { display:flex; min-width:0; flex-direction:column; gap:4px; padding-right:2px; }
.list-title { font-size:19px; font-weight:800; letter-spacing:-.015em; line-height:1.18; }
.list-title em { display:inline-flex; min-height:28px; align-items:center; padding:0 10px; margin-left:9px; border-radius:7px; background:var(--tile); font-size:12px; font-style:normal; vertical-align:2px; }
.list-summary { color:#77716a; font-size:16px; line-height:1.36; }
.author { display:flex; gap:8px; align-items:center; color:#8a857e; font-size:13px; }
.author i { display:grid; width:19px; height:19px; place-items:center; border-radius:50%; background:#e6e1d9; font-size:10px; font-style:normal; font-weight:700; }
.author img { width:19px; height:19px; border-radius:50%; object-fit:cover; }
.following { position:absolute; top:43px; right:0; color:#8a857e; font-size:13px; font-weight:700; }
.list-row:has(.following) .list-copy { padding-right:84px; }
.empty { padding:40px 0; color:var(--muted); text-align:center; }
.search-results-summary { margin:0 0 19px; color:#918b83; font-size:14px; font-weight:700; }
.search-section + .search-section { margin-top:30px; }
.search-section > h2 { display:flex; gap:9px; align-items:center; margin:0 0 8px; font-size:21px; letter-spacing:-.025em; }
.search-section > h2 span { display:grid; min-width:26px; height:26px; place-items:center; padding:0 7px; border-radius:13px; background:var(--soft); color:#817b74; font-size:12px; }
.search-section .list-row:first-of-type { border-top:0; }
.search-place-row { display:grid; width:100%; grid-template-columns:68px minmax(0,1fr) 20px; gap:14px; align-items:center; min-height:103px; padding:15px 0; border-top:1px solid var(--line); background:#fff; text-align:left; }
.search-place-row:first-of-type { border-top:0; }
.search-place-thumb { display:grid; width:68px; height:68px; place-items:center; overflow:hidden; border-radius:17px; background:var(--tile) center/cover no-repeat; color:#817b74; }
.search-place-thumb.no-image svg { width:22px; height:22px; }
.search-place-copy { display:flex; min-width:0; flex-direction:column; gap:4px; }
.search-place-copy strong { overflow:hidden; font-size:18px; letter-spacing:-.015em; text-overflow:ellipsis; white-space:nowrap; }
.search-place-copy small { overflow:hidden; color:#8a857e; font-size:13px; text-overflow:ellipsis; white-space:nowrap; }
.search-place-copy > span { display:-webkit-box; overflow:hidden; color:#69645e; font-size:14px; line-height:1.35; -webkit-box-orient:vertical; -webkit-line-clamp:2; }
.search-place-chevron { color:#9a948c; }
.search-place-chevron svg { width:18px; height:18px; }
.search-empty { padding:48px 12px; text-align:center; }
.search-empty strong { display:block; font-size:20px; }
.search-empty p { margin:8px 0 0; color:var(--muted); font-size:15px; line-height:1.45; }
@media (max-width:420px) { .discover-head,.discover-list { padding-right:24px; padding-left:24px; } .category-bar { padding-right:24px; padding-left:24px; } .list-row { grid-template-columns:60px minmax(0,1fr); gap:14px; } .emoji-tile { width:60px; height:60px; } }
@media (min-width:700px) { body { padding:24px 0; } .phone { min-height:calc(100dvh - 48px); border-radius:44px; } }

.top-nav { position:sticky; z-index:3000; top:0; isolation:isolate; padding:max(14px,env(safe-area-inset-top)) 30px 14px; border-bottom:1px solid var(--line); background:rgb(255 255 255 / 97%); backdrop-filter:blur(15px); }
.nav-row { display:flex; height:48px; gap:10px; align-items:center; }
.round,.saved-count { display:grid; width:48px; height:48px; flex:0 0 48px; place-items:center; border-radius:50%; background:var(--soft); }
.account-button:not(.discover-account) { display:grid; width:48px; height:48px; flex:0 0 48px; place-items:center; border-radius:50%; background:var(--soft); font-weight:800; }
.account-button.signed-in:not(.discover-account) { background:var(--ink); color:#fff; }
.account-button svg { width:19px; height:19px; }
.nav-search { display:flex; min-width:0; height:48px; flex:1; gap:10px; align-items:center; padding:0 18px; border-radius:25px; background:var(--soft); color:#8e8982; text-align:left; }
.saved-count { display:flex; width:68px; flex-basis:68px; gap:7px; }
.saved-count b { font-size:16px; }
.nav-location { display:flex; min-width:118px; max-width:154px; height:48px; flex:0 1 154px; gap:7px; align-items:center; padding:0 11px; overflow:hidden; border-radius:25px; background:var(--soft); font-size:15px; text-align:left; }
.nav-location svg { width:17px; flex:0 0 17px; }
.nav-location span { display:flex; min-width:0; flex:1; flex-direction:column; line-height:1.08; }
.nav-location small { color:var(--muted); font-size:10px; font-weight:600; }
.nav-location strong { overflow:hidden; font-size:14px; text-overflow:ellipsis; white-space:nowrap; }
.nav-location b { flex:0 0 auto; color:var(--muted); font-size:13px; }
.list-content { padding:28px 30px 70px; }
.list-content > h1 { margin:0 0 18px; font-size:32px; letter-spacing:-.035em; line-height:1.12; }
.list-content > h1 span { color:#ff9d00; font-weight:500; }
.follow-row { display:flex; gap:14px; align-items:center; margin-bottom:16px; color:#8e8982; font-size:16px; }
.follow-button { display:flex; min-height:50px; gap:9px; align-items:center; padding:0 20px; border:1px solid #ded8d0; border-radius:27px; background:#fff; color:var(--ink); }
.follow-button.is-followed { background:var(--ink); color:#fff; }
.follow-button svg { width:18px; }
.byline { display:flex; gap:9px; align-items:center; margin:0 0 20px; color:#8d877f; font-size:15px; }
.byline strong { color:var(--ink); }
.photo-avatar { display:grid; width:30px; height:30px; flex:0 0 30px; place-items:center; border-radius:50%; background:linear-gradient(145deg,#d7a875,#6f4730); color:#fff; font-size:12px; font-weight:800; }
img.photo-avatar { object-fit:cover; }
.context-filters { display:flex; gap:8px; margin:0 -30px; overflow-x:auto; padding:0 30px 16px; scrollbar-width:none; }
.context-filters::-webkit-scrollbar { display:none; }
.context-filters button { display:flex; min-width:max-content; min-height:40px; gap:7px; align-items:center; padding:0 15px; border-radius:10px; background:var(--soft); font-size:15px; font-weight:650; }
.context-filters button.active { background:var(--ink); color:#fff; }
.context-filters svg { width:16px; height:16px; }
.list-summary-main { margin:0 0 28px; font-size:21px; line-height:1.55; }
.map-module { position:relative; z-index:0; height:360px; isolation:isolate; margin-bottom:30px; }
.map-canvas { position:relative; height:360px; overflow:hidden; isolation:isolate; border-radius:24px; background:#e7ece5; }
#list-map { position:absolute; inset:0; }
.real-map-module .leaflet-control-attribution { max-width:190px; overflow:hidden; color:#777; font-size:8px; text-overflow:ellipsis; white-space:nowrap; }
.objevisto-marker { border:0; background:transparent; }
.objevisto-marker span { display:grid; width:48px; height:48px; place-items:center; border:3px solid #fff; border-radius:50%; background:#fff; color:var(--ink); box-shadow:0 4px 12px rgb(34 31 28 / 24%); transition:transform .18s ease,background .18s ease,color .18s ease; }
.objevisto-marker.active { z-index:1000 !important; }
.objevisto-marker.active span { background:var(--ink); color:#fff; transform:scale(1.12); }
.objevisto-marker svg { width:19px; height:19px; }
.expand-map { position:absolute; z-index:1200; top:14px; right:14px; display:grid; width:48px; height:48px; place-items:center; border-radius:15px; background:#fff; box-shadow:0 3px 10px rgb(25 25 22 / 14%); font-size:30px; }
.locate-map { position:absolute; z-index:1200; top:72px; right:14px; display:grid; width:48px; height:48px; place-items:center; border-radius:15px; background:#fff; color:#77716a; box-shadow:0 3px 10px rgb(25 25 22 / 14%); }
.locate-map svg { width:22px; height:22px; }
.locate-map.has-location { color:#1677ff; }
.locate-map.is-loading svg { animation:locate-pulse .9s ease-in-out infinite alternate; }
@keyframes locate-pulse { to { opacity:.35; transform:scale(.84); } }
.map-carousel { position:absolute; z-index:1100; right:0; bottom:14px; left:15px; display:flex; gap:12px; overflow-x:auto; padding-right:18px; scrollbar-width:none; scroll-padding-inline:0 18px; scroll-snap-type:x mandatory; }
.map-carousel::-webkit-scrollbar { display:none; }
.map-card { display:flex; min-width:min(250px,calc(100vw - 92px)); height:70px; flex-direction:column; gap:5px; justify-content:center; padding:10px 16px; border:1px solid var(--line); border-radius:17px; background:#fff; text-align:left; scroll-snap-align:start; }
.map-card.active { border-color:#d7d1c9; box-shadow:0 7px 18px rgb(34 31 28 / 10%); }
.map-card strong { overflow:hidden; font-size:17px; text-overflow:ellipsis; white-space:nowrap; }
.map-card small { color:#858078; font-size:13px; }
.map-module.fullscreen { position:fixed; z-index:9999; inset:0; width:100vw; height:100dvh; margin:0; background:#e7ece5; }
.map-module.fullscreen .map-canvas { height:100dvh; border-radius:0; }
.map-module.fullscreen .map-carousel { right:0; bottom:max(22px,env(safe-area-inset-bottom)); left:20px; }
.map-module.fullscreen .expand-map { top:max(18px,env(safe-area-inset-top)); right:max(18px,env(safe-area-inset-right)); }
.map-module.fullscreen .locate-map { top:calc(max(18px,env(safe-area-inset-top)) + 58px); right:max(18px,env(safe-area-inset-right)); }
body.map-open { overflow:hidden; }
@media (max-width:699px),(pointer:coarse) {
  html,body { touch-action:pan-x pan-y; }
  .real-map-module:not(.fullscreen) #list-map { touch-action:pan-y !important; }
  .real-map-module.fullscreen #list-map { touch-action:none !important; }
}
.feed-items { border-top:1px solid var(--line); }
.feed-item { padding:28px 0 30px; border-bottom:1px solid var(--line); }
.item-heading { display:grid; grid-template-columns:48px minmax(0,1fr) auto; gap:14px; align-items:start; }
.line-tile { display:grid; width:48px; height:48px; place-items:center; border-radius:13px; background:var(--soft); }
.line-tile svg { width:20px; height:20px; }
.item-heading > span:nth-child(2) { display:flex; min-width:0; flex-direction:column; gap:5px; padding-top:1px; }
.item-heading strong { font-size:22px; letter-spacing:-.025em; line-height:1.1; }
.item-heading small { color:#89837b; font-size:15px; line-height:1.3; }
.item-heading > b { padding-top:7px; font-size:15px; white-space:nowrap; }
.item-description { margin:22px 0 0; font-size:20px; line-height:1.62; }
.item-description a,.item-tip a { color:inherit; font-weight:600; text-decoration-color:currentColor; text-decoration-thickness:1px; text-underline-offset:3px; }
.item-description a:hover,.item-tip a:hover { text-decoration-thickness:2px; }
.nested-carousel { display:flex; gap:18px; margin:24px -30px 0 0; overflow-x:auto; padding-right:30px; scrollbar-width:none; scroll-snap-type:x mandatory; }
.nested-preview { display:flex; min-width:320px; flex-direction:column; gap:7px; align-items:flex-start; padding:0; background:#fff; text-align:left; scroll-snap-align:start; }
.nested-preview-copy { display:flex; width:100%; flex-direction:column; gap:7px; align-items:flex-start; padding:0; background:#fff; text-align:left; }
.preview-media { position:relative; display:block; width:320px; aspect-ratio:1; border-radius:22px; background:#ebe7e0 center/cover no-repeat; }
.preview-0 { background-image:linear-gradient(160deg,transparent 55%,rgb(80 112 119 / 13%)),linear-gradient(35deg,#dfe8e4,#ede8df); }
.preview-1 { background-image:linear-gradient(140deg,#e9e0d2,#dce5e1); }
.preview-media::after { position:absolute; top:20px; right:20px; width:39px; height:39px; border-radius:50%; background:rgb(255 255 255 / 90%); content:""; }
.preview-media em,.duration { position:absolute; z-index:4; right:13px; bottom:13px; padding:6px 9px; border-radius:9px; background:rgb(35 33 30 / 55%); color:#fff; font-size:13px; font-style:normal; font-weight:700; transition:opacity .2s ease; }
.preview-media.playing em { opacity:0; }
.nested-preview-copy > strong { font-size:18px; }
.nested-preview-copy > p { margin:0; font-size:17px; line-height:1.45; }
.nested-cta { display:flex; min-height:50px; gap:9px; align-items:center; padding:12px 0 0; background:#fff; font-size:18px; font-weight:800; }
.nested-cta svg { width:18px; }
.place-media { position:relative; display:block; width:100%; aspect-ratio:1; margin-top:20px; border-radius:24px; background:var(--tile) center/cover no-repeat; overflow:hidden; }
.autoplay-video iframe { position:absolute; z-index:2; inset:0; width:100%; height:100%; border:0; opacity:0; pointer-events:none; transition:opacity .2s ease; }
.autoplay-video.video-landscape iframe { inset:50% auto auto 50%; width:177.778%; height:100%; transform:translate(-50%,-50%); }
.autoplay-video.video-vertical iframe { inset:50% auto auto 50%; width:100%; height:177.778%; transform:translate(-50%,-50%); }
.autoplay-video.video-active iframe { opacity:1; pointer-events:auto; }
.preview-media.autoplay-video.video-active iframe { pointer-events:none; }
.video-poster { position:absolute; z-index:3; inset:0; background-color:var(--tile); background-position:center; background-size:cover; background-repeat:no-repeat; pointer-events:none; transition:opacity .36s ease,filter .32s ease,transform .32s ease; }
.video-poster::after { position:absolute; inset:0; background:linear-gradient(180deg,transparent 70%,rgb(20 18 15 / 15%)); content:""; }
.autoplay-video.video-active:not(.playing) .video-poster { filter:blur(7px); transform:scale(1.035); }
.autoplay-video.playing .video-poster { opacity:0; }
.video-loader { position:absolute; z-index:3; top:50%; left:50%; width:36px; height:36px; margin:-18px; border:3px solid rgb(255 255 255 / 45%); border-top-color:#fff; border-radius:50%; opacity:0; pointer-events:none; transition:opacity .2s ease; animation:video-loading .8s linear infinite; }
.autoplay-video.video-active:not(.playing) .video-loader { opacity:1; }
@keyframes video-loading { to { transform:rotate(360deg); } }
.media-fallback { position:absolute; top:50%; left:50%; color:var(--muted); transform:translate(-50%,-50%); }
.save-place { position:absolute; z-index:4; top:14px; right:14px; display:grid; width:46px; height:46px; place-items:center; border-radius:50%; background:rgb(255 255 255 / 92%); box-shadow:0 3px 10px rgb(25 25 22 / 12%); }
.save-place.saved { background:var(--ink); color:#fff; }
.save-place svg { width:19px; height:19px; }
.item-title-button { min-width:0; min-height:0; padding:0; background:transparent; text-align:left; }
.price-badge { position:absolute; bottom:16px; left:16px; padding:9px 13px; border-radius:20px; background:#fff; font-size:14px; font-weight:800; }
.duration { z-index:2; }
.item-tip { display:flex; gap:12px; align-items:flex-start; margin:15px 0 0; color:#918b83; font-size:16px; line-height:1.5; }
.item-tip svg { width:20px; flex:0 0 20px; margin-top:2px; }
.place-detail-content { padding:28px 30px 70px; }
.back-link { min-height:44px; padding:0 0 18px; background:#fff; font-weight:700; }
.detail-media { margin-top:24px; }
.primary-action { display:flex; min-height:52px; align-items:center; justify-content:center; margin-top:24px; border-radius:28px; background:var(--ink); color:#fff; font-weight:800; text-decoration:none; }
.location-overlay { position:fixed; z-index:12500; inset:0; display:flex; align-items:flex-end; justify-content:center; padding:20px; background:rgb(31 28 25 / 48%); backdrop-filter:blur(4px); }
.location-sheet { position:relative; width:min(100%,480px); max-height:calc(100dvh - 40px); padding:34px 30px calc(30px + env(safe-area-inset-bottom)); overflow:auto; border-radius:30px; background:#fff; box-shadow:0 24px 80px rgb(20 18 16 / 25%); }
.location-close { position:absolute; top:18px; right:18px; display:grid; width:40px; height:40px; place-items:center; border-radius:50%; background:var(--soft); color:#77716a; font-size:26px; line-height:1; }
.location-eyebrow { margin:0 0 8px; color:#96918b; font-size:13px; font-weight:800; letter-spacing:.1em; }
.location-sheet h2 { margin:0; font-size:29px; letter-spacing:-.035em; line-height:1.12; }
.location-icon { display:grid; width:58px; height:58px; place-items:center; margin-bottom:22px; border-radius:18px; background:var(--ink); color:#fff; }
.location-icon svg { width:25px; height:25px; }
.location-note { margin:13px 0 22px; color:#77716a; font-size:16px; line-height:1.5; }
.location-note strong { color:var(--ink); }
.location-enable { width:100%; min-height:54px; border-radius:28px; background:var(--ink); color:#fff; font-weight:800; }
.location-enable:disabled { cursor:wait; opacity:.58; }
.location-manual { width:100%; min-height:48px; margin-top:8px; border-radius:24px; background:var(--soft); color:var(--ink); font-weight:800; }
.location-error { min-height:22px; margin:10px 3px 0; color:#a33a2f; font-size:13px; line-height:1.4; }
.district-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:9px; }
.district-choice { display:flex; min-width:0; min-height:50px; align-items:center; justify-content:space-between; gap:6px; padding:0 13px; border:1px solid #e2ddd6; border-radius:15px; background:#fff; text-align:left; }
.district-choice strong { overflow:hidden; font-size:14px; text-overflow:ellipsis; white-space:nowrap; }
.district-choice small { flex:0 0 auto; padding:4px 6px; border-radius:7px; background:#efe9df; color:#6e675f; font-size:9px; font-weight:800; text-transform:uppercase; }
.district-choice.suggested { border-color:#c9bba9; background:#faf7f2; }
.district-choice.selected { border-color:var(--ink); box-shadow:inset 0 0 0 1px var(--ink); }
.account-overlay { position:fixed; z-index:12000; inset:0; display:flex; align-items:flex-end; justify-content:center; padding:20px; background:rgb(31 28 25 / 48%); backdrop-filter:blur(4px); }
.account-sheet { position:relative; width:min(100%,480px); padding:34px 30px calc(30px + env(safe-area-inset-bottom)); border-radius:30px; background:#fff; box-shadow:0 24px 80px rgb(20 18 16 / 25%); }
.account-close { position:absolute; top:18px; right:18px; display:grid; width:40px; height:40px; place-items:center; border-radius:50%; background:var(--soft); color:#77716a; font-size:26px; line-height:1; }
.account-avatar { display:grid; width:58px; height:58px; place-items:center; margin-bottom:24px; border-radius:18px; background:var(--ink); color:#fff; font-size:21px; font-weight:800; }
.account-avatar svg { width:25px; height:25px; }
.account-eyebrow { margin:0 0 8px; color:#96918b; font-size:13px; font-weight:800; letter-spacing:.1em; }
.account-sheet h2 { margin:0; overflow-wrap:anywhere; font-size:28px; letter-spacing:-.035em; line-height:1.12; }
.account-note { margin:13px 0 24px; color:#77716a; font-size:17px; line-height:1.5; }
.account-form { display:flex; flex-direction:column; }
.account-form label { margin-bottom:8px; font-size:14px; font-weight:800; }
.account-form input { width:100%; height:56px; padding:0 17px; border:1px solid #d9d4cd; border-radius:16px; outline:0; background:#fff; font-size:17px; }
.account-form input:focus { border-color:var(--ink); box-shadow:0 0 0 3px rgb(33 31 29 / 9%); }
.account-error { min-height:22px; margin:7px 2px 3px; color:#a33a2f; font-size:13px; line-height:1.35; }
.account-primary,.account-secondary { width:100%; min-height:54px; border-radius:28px; font-weight:800; }
.account-primary { background:var(--ink); color:#fff; }
.account-secondary { background:var(--soft); color:var(--ink); }
.account-primary:disabled,.account-secondary:disabled { cursor:wait; opacity:.58; }
.status-toast { position:fixed; z-index:13000; right:20px; bottom:max(22px,env(safe-area-inset-bottom)); left:20px; max-width:480px; padding:15px 18px; margin:auto; border-radius:16px; background:var(--ink); color:#fff; box-shadow:0 12px 35px rgb(20 18 16 / 28%); font-size:14px; font-weight:700; text-align:center; }
@media (max-width:420px) {
  .top-nav { padding-right:20px; padding-left:20px; }
  .list-content,.place-detail-content { padding-right:22px; padding-left:22px; }
  .list-content > h1 { font-size:29px; }
  .context-filters { margin-right:-22px; margin-left:-22px; padding-right:22px; padding-left:22px; }
  .map-carousel { right:0; }
  .map-card { min-width:min(238px,calc(100vw - 84px)); }
  .nested-carousel { margin-right:-22px; padding-right:22px; }
  .nested-preview { min-width:calc(100vw - 86px); }
  .preview-media { width:100%; }
  .nav-search { padding:0 14px; }
  .nav-location { min-width:112px; flex-basis:130px; }
  .account-sheet,.location-sheet { padding-right:24px; padding-left:24px; border-radius:26px; }
}