.web-map-mode{padding:0;overflow:hidden;height:100vh;height:100dvh}.web-map-mode .web-wrap{max-width:none}
.web-map-mode .web-header{position:absolute;z-index:5;top:env(safe-area-inset-top);left:12px;right:12px;padding:12px 8px;background:transparent;pointer-events:none}.web-map-mode .web-header>*{pointer-events:auto}.web-map-mode .web-brand{font-size:22px;background:#fffdf8ef;border-radius:20px;padding:5px 10px 5px 6px;box-shadow:0 4px 14px #4c432014}.web-map-mode .web-brand img{width:30px;height:30px}.web-map-mode .web-test-badge{display:none}.web-map-mode .web-header .web-account{background:#fffdf8f5;box-shadow:0 4px 14px #4c432014}
.web-map-mode #webMap{position:absolute;inset:0 0 var(--web-nav-height);height:auto;width:100%;border:0;border-radius:0;z-index:0}.web-map-mode #webDemo,.web-map-mode .web-map-privacy{display:none}
.web-map-mode #webMapTools{position:absolute;z-index:4;top:calc(70px + env(safe-area-inset-top));left:12px;right:12px;max-width:440px;pointer-events:none}.web-map-mode #webMapTools>*{pointer-events:auto}.web-map-mode .web-location-summary{background:#fffdf9;min-height:46px;padding:8px 13px;margin:0 0 8px;border-radius:16px;box-shadow:0 4px 16px #332a1715;color:#515340}.web-map-mode .web-map-topline{margin:0;justify-content:flex-end}.web-map-mode .web-map-topline>button,.web-map-mode .web-view-switch{box-shadow:0 3px 12px #332a1715;background:#fffdf9}.web-map-mode #webKinds{flex-wrap:nowrap;overflow:auto;scrollbar-width:none;gap:5px;margin:8px 0}.web-map-mode #webKinds button{font-size:11px;min-height:36px;padding:7px 11px;background:#fffdf9;box-shadow:0 2px 7px #332a170c}.web-map-mode #webKinds button[aria-pressed=true]{background:#b65a2b;color:#fff;border-color:#b65a2b}.web-map-mode .web-filter-extra{background:#fffdf8;padding:10px;box-shadow:0 4px 20px #332a1718}.web-map-mode .web-filter-extra .web-filters{margin:0}.web-map-mode .web-radius{display:flex;align-items:center;width:max-content;max-width:100%;padding:3px 5px 3px 10px;border-radius:12px;margin:0;background:#fffdf8f5;box-shadow:0 2px 10px #332a170b}.web-map-mode .web-radius select{min-height:32px!important;border:0;background:transparent;width:84px;font-size:12px!important}.web-map-mode .web-radius label{font-size:11px}.web-map-mode .web-radius button{min-height:32px;border:0;padding:4px 7px}.web-map-mode .filters-open .web-radius{margin-top:8px}
.web-map-mode #webLocate{position:absolute;z-index:4;right:12px;bottom:calc(var(--web-nav-height) + 170px);width:46px;height:46px;display:grid;place-items:center;padding:9px;border:0;background:#fffdf9;box-shadow:0 4px 16px #332a1725;border-radius:16px}.web-map-mode #webMapZoom{position:absolute;right:12px;bottom:calc(var(--web-nav-height) + 228px);z-index:4;display:grid;overflow:hidden;border-radius:15px;box-shadow:0 4px 16px #332a1720}.web-map-mode #webMapZoom button{border:0;border-radius:0;width:46px;height:43px;padding:4px;font-size:25px;background:#fffdf9}.web-map-mode #webMapZoom button+button{border-top:1px solid var(--web-line)}
.web-map-mode #webStatus{position:absolute;z-index:3;left:12px;bottom:calc(var(--web-nav-height) + 111px);max-width:calc(100% - 84px);margin:0;background:#fffdf9f2;border-radius:12px;padding:7px 10px;font-size:11px;pointer-events:none;box-shadow:0 3px 14px #332a170c}.web-map-mode #webMapArea{position:absolute;left:12px;bottom:calc(var(--web-nav-height) + 55px);z-index:4;border:0;background:#fffdf9;font-size:13px;padding:12px 19px;box-shadow:0 4px 20px #332a1720}.web-map-mode #webAdd{position:absolute;z-index:4;bottom:calc(var(--web-nav-height) + 55px);right:12px;border-radius:16px;font-size:12px;padding:13px 15px;box-shadow:0 4px 20px #84452335}.web-map-mode #webBoard>.web-title-row{display:contents}.web-map-mode #webBoard>.web-title-row>h2{display:none}.web-map-mode .web-map-notice{position:absolute;z-index:5;left:12px;right:12px;bottom:calc(var(--web-nav-height) + 150px);max-width:calc(100% - 84px);box-shadow:0 3px 18px #0002}.web-map-mode .leaflet-control-attribution{font-size:9px;max-width:100vw}
.web-shell .pet-map-photo{position:relative;display:grid;place-items:center;width:56px;height:56px;padding:3px;min-height:0;border:2px solid #bd6b3c;border-radius:50%;background:#fff;box-shadow:0 3px 13px #33271740;overflow:visible}.web-shell .pet-map-photo img,.web-shell .leaflet-container .pet-map-photo img{width:46px;height:46px;border-radius:50%;object-fit:cover;display:block;max-width:none!important;max-height:none!important}.pet-map-photo .web-photo-fallback{width:46px;height:46px;border-radius:50%;font-size:25px}.pet-map-label{position:absolute;left:50%;top:53px;transform:translateX(-50%);padding:3px 6px;font-size:8px;font-weight:850;white-space:nowrap;border-radius:6px;background:#fffdf8;color:#87512e;box-shadow:0 2px 6px #0002;line-height:1.2}.web-shell .pet-map-photo.is-cluster{border-color:#788d5d;outline:4px solid #f9fff2a8;box-shadow:0 0 0 7px #fff6,0 4px 16px #33271730}.pet-map-count{position:absolute;right:-7px;top:-7px;min-width:24px;min-height:24px;display:grid;place-items:center;background:#657b4c;color:#fff;border:2px solid #fff;padding:2px 5px;border-radius:50%;font-size:12px}.pet-yandex-anchor{transform:translate(-28px,-28px);width:56px;height:56px}
.web-detail-sheet{position:fixed;inset:auto 0 0;margin:0 auto;width:100%;max-width:620px;max-height:86vh;max-height:86dvh;border-radius:28px 28px 0 0;padding:0;border:0;box-shadow:0 -10px 40px #35271733;scroll-padding-bottom:90px}.web-detail-sheet::backdrop{background:#33291c38;backdrop-filter:none;-webkit-backdrop-filter:none}.web-detail-sheet>.web-close{position:absolute;top:14px;right:14px;background:#fffdf9ec;border:0;box-shadow:0 3px 15px #0002;z-index:3}.web-detail-gallery{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;background:#ece6d9}.web-detail-photo{display:block;flex:0 0 100%;width:100%;height:260px;max-height:36dvh;object-fit:cover;scroll-snap-align:start}.web-detail-content{padding:20px 22px 12px}.web-detail-content h2{font-size:27px;line-height:1.2;letter-spacing:-.7px;margin:10px 0}.web-detail-place{font-size:13px;font-weight:700;margin:7px 0!important;color:#647151!important}.web-detail-description{white-space:pre-wrap;overflow-wrap:anywhere;font-size:15px;line-height:1.65!important;margin:18px 0}.web-detail-content>.web-note{font-size:11px}.web-detail-actions{position:sticky;bottom:0;display:flex;gap:10px;padding:12px 20px calc(14px + env(safe-area-inset-bottom));background:#faf8f2f5;border-top:1px solid var(--web-line);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);z-index:1}.web-detail-actions>.web-link{flex:1;min-width:0;font-size:15px}.web-detail-actions>.web-share{display:flex;align-items:center;justify-content:center;gap:7px;min-height:48px;padding:10px 12px;font-size:12px}.web-detail-actions>.web-share:only-child{width:100%}.web-share-url{margin:10px 0}.web-detail-sheet #webDetailBody>button{margin:0 0 12px 20px;font-size:12px}.web-cluster-row{display:flex;align-items:center;gap:12px;width:calc(100% - 40px);text-align:left;padding:9px!important}.web-cluster-row img,.web-cluster-row .web-photo-fallback{width:54px;height:54px;border-radius:14px;object-fit:cover;flex-shrink:0}.web-detail-sheet #webDetailBody>h2,.web-detail-sheet #webDetailBody>p{margin:22px 24px 15px;max-width:calc(100% - 80px)}
@media(min-width:800px){.web-map-mode .web-header{max-width:440px;width:calc(100% - 24px);right:auto;margin:0}.web-map-mode #webStatus{max-width:400px}.web-detail-sheet{margin-left:14px;bottom:calc(var(--web-nav-height) + 12px);max-width:400px;border-radius:25px;max-height:75dvh}.web-detail-photo{height:230px}.web-detail-actions{padding-bottom:14px}}
@media(max-width:350px){.web-map-mode #webMapTools{left:10px;right:10px}.web-map-mode #webKinds button{font-size:10px;padding:6px 9px}.web-map-mode .web-header{left:10px;right:10px}.web-detail-content{padding:17px}.web-detail-content h2{font-size:23px}.web-detail-actions{padding-inline:14px;gap:8px}.web-detail-actions>.web-share{font-size:11px;padding:8px}.web-detail-photo{height:220px}.web-map-mode #webStatus{font-size:10px}}
@media(max-height:650px){.web-map-mode #webMapZoom{bottom:calc(var(--web-nav-height) + 180px)}.web-map-mode #webLocate{bottom:calc(var(--web-nav-height) + 124px)}.web-map-mode #webStatus{max-width:calc(100% - 84px)}.web-map-mode .filters-open{max-height:calc(100dvh - var(--web-nav-height) - 100px);overflow:auto}.web-map-mode .web-map-notice{bottom:calc(var(--web-nav-height) + 124px)}}

/* One shared viewport owner locks the background; only the sheet panel scrolls. */
.web-place-toolbar{display:flex;align-items:center;gap:7px;margin-bottom:8px;min-width:0}
.web-place-toolbar .web-location-summary{flex:1;min-width:0;margin:0}
.web-place-toolbar .web-location-summary span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.web-place-toolbar #webFilterToggle{flex:none;display:flex;align-items:center;gap:5px;padding:10px;background:#fffdf9;min-height:46px;border-radius:15px}
.web-place-toolbar #webFilterToggle svg{width:20px;height:20px}
.web-map-mode .web-place-toolbar .web-location-summary{margin:0}
.web-map-mode .web-place-toolbar #webFilterToggle span{display:none}
.web-map-mode .web-map-topline{pointer-events:none!important}
.web-map-mode .web-view-switch{pointer-events:auto}
.web-map-mode .web-view-switch button{min-height:32px}
.web-map-mode #webKinds{margin-top:6px}
.web-area-sheet[open]{display:flex;flex-direction:column;justify-content:flex-end;background:transparent;border:0;border-radius:0;padding:0;box-shadow:none;overflow:hidden}
.web-sheet-panel{position:relative;background:var(--web-cream,#faf7f2);border-radius:26px 26px 0 0;padding:20px 20px calc(20px + var(--chat-safe-bottom,env(safe-area-inset-bottom)));max-height:calc(100% - env(safe-area-inset-top) - 12px);overflow-y:auto;overscroll-behavior:contain;scroll-padding:15px;min-height:0;width:100%;box-sizing:border-box}
.web-sheet-panel>.web-close{position:sticky;top:0;float:right;background:#fff;z-index:3}
.web-sheet-panel>button:not(.web-close){width:100%;margin-top:10px}
.web-sheet-panel .web-location-body{clear:both}
.web-sheet-panel .web-search{display:flex;flex-direction:column;gap:13px}
.web-sheet-panel #webPlaceResults{max-height:none;overflow:visible;padding:0}
.web-sheet-panel #webPlaceResults button{display:block;width:100%;min-height:54px;border:0;border-bottom:1px solid #eee7dd;text-align:left;border-radius:0;padding:11px 12px}
.web-sheet-panel #webPlaceResults strong,.web-sheet-panel #webPlaceResults small{display:block;overflow-wrap:anywhere}
.web-sheet-panel #webPlaceResults small{font-size:12px;color:#766b5e;margin-top:3px}
.web-sheet-panel p{font-size:13px;line-height:1.5}
.web-sheet-panel .web-place-source{font-size:10px;clear:both}
#webFilterBody .web-filter-extra{display:grid;gap:12px}
#webFilterBody .web-radius{flex-wrap:wrap}
#webFilterDialog .web-photo-check{display:flex;align-items:center;gap:10px;margin:18px 0}
#webPhotosOnly{width:20px;min-height:20px}
.web-filter-actions{display:flex;gap:8px}.web-filter-actions button{flex:1}
#webLocationPrompt .web-sheet-panel{padding-bottom:calc(26px + var(--chat-safe-bottom,0px))}
#webFilterBody .web-filters button{flex:1}
.web-unread-room time{display:block;font-size:10px;color:#8a7c6b}
@media(max-width:350px){.web-sheet-panel{padding:16px 14px calc(16px + var(--chat-safe-bottom,0px))}.web-place-toolbar #webFilterToggle{padding:9px}.web-map-mode #webKinds button{min-height:34px}}