/* --- drawer-interaction-hotfix --- */
/* Force destination drawer above Google Maps and any gesture layers */
.drawer-overlay{
  z-index:2147483645 !important;
  isolation:isolate !important;
}
.drawer-overlay.open{
  pointer-events:auto !important;
}
.drawer{
  position:absolute !important;
  z-index:2147483646 !important;
  pointer-events:auto !important;
  touch-action:auto !important;
}
.drawer *,
.drawer-search,
#countryPicker,
#cityPicker,
#drawerResults,
.location-btn,
.location-option,
.drawer-neigh,
.drawer-place,
.drawer-close,
.drawer-handle-btn{
  pointer-events:auto !important;
}

/* Disable the map and screen gesture layers while destination search is open */
body.destination-drawer-open #homeMap,
body.destination-drawer-open #map,
body.destination-drawer-open .gm-style,
body.destination-drawer-open .s2-map,
body.destination-drawer-open .screen,
body.destination-drawer-open .discover-sheet{
  pointer-events:none !important;
}

/* Re-enable the actual drawer despite the broad screen rule above */
body.destination-drawer-open .drawer-overlay,
body.destination-drawer-open .drawer-overlay *{
  pointer-events:auto !important;
}

/* --- final-touch-scroll-fix --- */
/* RESULTS PAGE:
   The right panel is only a layout container. It must not claim touch gestures,
   otherwise its child #itList cannot receive native vertical scrolling. */
.s2-side{
  touch-action:auto !important;
}

/* Place results list owns vertical finger scrolling. */
#itList{
  overflow-y:auto !important;
  overflow-x:hidden !important;
  touch-action:pan-y !important;
  -webkit-overflow-scrolling:touch !important;
  overscroll-behavior-y:contain !important;
}

/* Rows remain tappable while allowing a drag to become a scroll. */
.it-row,
.it-row *{
  touch-action:pan-y !important;
}

/* Horizontal filter rails own horizontal swipes only. */
#filterRow,
#cityFilterRow,
.filters{
  touch-action:pan-x !important;
  -webkit-overflow-scrolling:touch !important;
}

/* Destination drawer keeps native vertical touch scrolling too. */
.drawer{
  overflow-y:auto !important;
  touch-action:pan-y !important;
  -webkit-overflow-scrolling:touch !important;
  overscroll-behavior-y:contain !important;
}
#drawerResults,
#drawerBrowseControls,
.location-options{
  touch-action:pan-y !important;
}

/* --- detail-bottom-safe-area-fix --- */
/* Give the mobile detail page a generous landing area above the fixed nav. */
@media (max-width: 699px) {
  .s3-content {
    scroll-padding-bottom: calc(220px + env(safe-area-inset-bottom, 0px)) !important;
  }

  .s3-body {
    padding-bottom: calc(220px + env(safe-area-inset-bottom, 0px)) !important;
  }

  .bottom-nav {
    padding-bottom: calc(10px + env(safe-area-inset-bottom, 0px)) !important;
  }
}

/* --- security-privacy-ui --- */
.location-privacy-block{
  margin:10px 0 18px;
}
.use-location-btn{
  width:100%;
  min-height:44px;
  padding:10px 14px;
  border-radius:12px;
  border:1px solid rgba(28,28,30,.12);
  background:#FFFDF7;
  color:#1C1C1E;
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:12px;
  font-family:'Space Grotesk',sans-serif;
  font-size:13px;
  font-weight:600;
  cursor:pointer;
  touch-action:manipulation;
}
.use-location-btn:active{ background:#EEECE6; }
.location-status{
  font-family:'JetBrains Mono',monospace;
  font-size:9px;
  font-weight:500;
  text-transform:uppercase;
  color:#8E8E93;
}
.location-privacy-note{
  margin:8px 4px 0;
  font-family:'JetBrains Mono',monospace;
  font-size:9px;
  line-height:1.55;
  color:#8E8E93;
}
.location-privacy-note a{
  color:#3A3A3C;
  text-decoration:underline;
  text-underline-offset:2px;
}

/* --- video-fullscreen-fix --- */
/* Keep fullscreen video at its natural aspect ratio, especially on iOS Safari. */
.media-viewer-slide{
  overflow:hidden !important;
}

.media-viewer-slide video{
  width:auto !important;
  height:auto !important;
  max-width:100% !important;
  max-height:100% !important;
  object-fit:contain !important;
  object-position:center center !important;
  margin:auto !important;
  display:block !important;
  background:#000 !important;
  transform:none !important;
}

/* The inline/detail video remains intentionally cropped in its hero frame. */
.s3-hero video{
  width:100% !important;
  height:100% !important;
  object-fit:cover !important;
}

/* --- video-responsive-aspect-fix --- */
/*
  VIDEO ONLY:
  Photos keep their existing cover/crop behavior.
  Videos always preserve their source aspect ratio at every viewport size.
*/
.s3-hero:has(video){
  background:#000 !important;
}

.s3-hero video{
  width:100% !important;
  height:100% !important;
  max-width:100% !important;
  max-height:100% !important;
  object-fit:contain !important;
  object-position:center center !important;
  background:#000 !important;
  transform:none !important;
}

/* Fullscreen/custom viewer: fit inside the actual visual viewport without stretching. */
.media-viewer,
.media-viewer-stage,
.media-viewer-slide{
  width:100vw !important;
  width:100dvw !important;
  height:100vh !important;
  height:100dvh !important;
}

.media-viewer-slide video{
  width:auto !important;
  height:auto !important;
  max-width:100vw !important;
  max-width:100dvw !important;
  max-height:100vh !important;
  max-height:100dvh !important;
  object-fit:contain !important;
  object-position:center center !important;
  aspect-ratio:auto !important;
  background:#000 !important;
  transform:none !important;
}

/* Prevent browser sizing quirks after orientation changes. */
@media (orientation:portrait){
  .media-viewer-slide video{
    max-width:100dvw !important;
    max-height:100dvh !important;
  }
}
@media (orientation:landscape){
  .media-viewer-slide video{
    max-width:100dvw !important;
    max-height:100dvh !important;
  }
}

.use-location-btn.location-on{
  background:#1c1c1e !important;
  color:#fff !important;
  border-color:#1c1c1e !important;
}
.use-location-btn.location-on .location-status{
  color:#fff !important;
}

/* --- curaoted-interaction-foundation-v1 --- */
:root{
  --viewport-h:100dvh;
  --bottom-ui-clearance:112px;
  --content-end-gap:24px;
  --touch-min:44px;
}

/* One viewport model */
html,body{
  width:100%;
  height:100%;
  overflow:hidden!important;
}
body{overscroll-behavior:none}
.app{
  width:100%!important;
  height:var(--viewport-h)!important;
  min-height:100svh!important;
  max-height:var(--viewport-h)!important;
  overflow:hidden!important;
}
.screen{
  width:100%;
  height:100%;
  min-height:0!important;
  overflow:hidden!important;
}

/* Bottom UI: one persistent system */
.bottom-nav{
  position:fixed!important;
  z-index:150!important;
  left:max(10px,env(safe-area-inset-left))!important;
  right:max(10px,env(safe-area-inset-right))!important;
  bottom:calc(8px + env(safe-area-inset-bottom))!important;
  min-height:0!important;
  padding:6px!important;
  gap:7px!important;
  border-radius:18px!important;
}
.bottom-nav .nav-home,
.bottom-nav .nav-location{
  border:0;
  min-height:46px!important;
  font-family:inherit;
}
.bottom-nav .nav-home{
  padding:5px 12px!important;
}
.bottom-nav .nav-location{
  padding:10px 14px!important;
}
.discover-sheet{
  bottom:calc(var(--bottom-ui-clearance) + 10px)!important;
}

/* Screen 2: map is fixed-height context, side owns ALL vertical scrolling */
.s2-main{
  height:100%!important;
  min-height:0!important;
  overflow:hidden!important;
}
.s2-map{
  min-height:0!important;
}
.s2-side{
  min-height:0!important;
  overflow-y:auto!important;
  overflow-x:hidden!important;
  -webkit-overflow-scrolling:touch!important;
  overscroll-behavior-y:contain!important;
  scroll-padding-bottom:calc(var(--bottom-ui-clearance) + var(--content-end-gap))!important;
  padding-bottom:calc(var(--bottom-ui-clearance) + var(--content-end-gap))!important;
}
.filter-stack{
  position:sticky!important;
  top:0!important;
  z-index:20!important;
}
#filterRow,#cityFilterRow{
  overflow-x:auto!important;
  overflow-y:hidden!important;
  flex-wrap:nowrap!important;
  -webkit-overflow-scrolling:touch!important;
  overscroll-behavior-x:contain!important;
  scrollbar-width:none;
}
#filterRow::-webkit-scrollbar,#cityFilterRow::-webkit-scrollbar{display:none}
#itList{
  overflow:visible!important;
  max-height:none!important;
  height:auto!important;
  touch-action:pan-y!important;
}
.it-row{
  width:100%!important;
  min-height:96px;
  border:0;
  border-bottom:1px solid rgba(0,0,0,.07)!important;
  background:transparent;
  color:inherit;
  font:inherit;
  text-align:left;
  cursor:pointer;
  touch-action:pan-y;
}
.it-row:focus-visible{
  outline:2px solid var(--ink);
  outline-offset:-2px;
}
.it-row .it-text{flex:1;min-width:0}

/* Screen 3: one mobile scroll owner = .s3-content */
.s3-main{
  height:100%!important;
  min-height:0!important;
  overflow:hidden!important;
}
.s3-minimap{
  flex:0 0 auto!important;
}
.s3-content{
  flex:1 1 auto!important;
  min-height:0!important;
  overflow-y:auto!important;
  overflow-x:hidden!important;
  -webkit-overflow-scrolling:touch!important;
  overscroll-behavior-y:contain!important;
  scroll-padding-bottom:calc(var(--bottom-ui-clearance) + var(--content-end-gap))!important;
}
.s3-body{
  overflow:visible!important;
  height:auto!important;
  min-height:0!important;
  max-height:none!important;
  padding-bottom:calc(var(--bottom-ui-clearance) + var(--content-end-gap))!important;
}
.s3-body::after{content:none!important;display:none!important}

/* Buttons and controls */
.back-btn,.s3-back{
  border:0;
  min-width:var(--touch-min)!important;
  min-height:var(--touch-min)!important;
}
.chip{min-height:36px}
.btn3,.s3-maps-btn{min-height:44px}
.drawer-close,.drawer-handle-btn{min-width:44px;min-height:44px}

/* Media does not reflow unpredictably */
.s3-hero img,.s3-hero video{
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
}
.s3-hero{contain:layout paint}

/* Prevent empty sections from leaving phantom spacing */
#spotDescriptionSection[style*="display: none"],
#s3highlightsSection[style*="display: none"]{display:none!important}

/* Mobile-first geometry */
@media(max-width:699px){
  .s2-main{display:flex!important;flex-direction:column!important}
  .s2-map{
    flex:0 0 clamp(190px,31dvh,285px)!important;
    height:auto!important;
    max-height:36dvh!important;
  }
  .s2-side{
    flex:1 1 auto!important;
  }

  .s3-main{display:flex!important;flex-direction:column!important}
  .s3-minimap{
    height:auto!important;
    min-height:62px!important;
    padding-top:max(6px,env(safe-area-inset-top))!important;
  }
  .s3-content{
    display:block!important;
  }
  .s3-hero{
    width:100%!important;
    aspect-ratio:4/5!important;
    height:auto!important;
    max-height:none!important;
  }
  .s3-body{
    width:100%!important;
    padding-left:18px!important;
    padding-right:18px!important;
  }
  .neighborhood-guide{
    padding-left:16px!important;
    padding-right:16px!important;
  }
}

/* Tablet / desktop: area list remains its own scroll surface.
   Detail becomes split view and only the body scrolls. */
@media(min-width:700px){
  :root{--content-end-gap:28px}
  .bottom-nav{
    width:min(390px,calc(100vw - 28px))!important;
    left:50%!important;
    right:auto!important;
    transform:translateX(-50%)!important;
  }

  .s2-main{
    display:flex!important;
    flex-direction:row!important;
  }
  .s2-map{height:auto!important}
  .s2-side{
    padding-bottom:calc(var(--bottom-ui-clearance) + 12px)!important;
  }

  .s3-content{
    display:flex!important;
    flex-direction:row!important;
    overflow:hidden!important;
  }
  .s3-hero{
    flex:0 0 min(48vw,650px)!important;
    height:100%!important;
    aspect-ratio:auto!important;
  }
  .s3-body{
    flex:1 1 auto!important;
    min-width:0!important;
    overflow-y:auto!important;
    overflow-x:hidden!important;
    -webkit-overflow-scrolling:touch!important;
    overscroll-behavior-y:contain!important;
    scroll-padding-bottom:calc(var(--bottom-ui-clearance) + var(--content-end-gap))!important;
    padding-bottom:calc(var(--bottom-ui-clearance) + var(--content-end-gap))!important;
  }
}

@media(max-width:390px){
  .bottom-nav{left:8px!important;right:8px!important}
  .bottom-nav .nav-home{padding-left:9px!important;padding-right:9px!important}
  .bottom-nav .nav-location{padding-left:10px!important;padding-right:10px!important}
  .s2-map{flex-basis:28dvh!important}
  .it-row{min-height:90px!important}
}

/* Landscape phones: preserve discovery space without making map dominate */
@media(max-width:900px) and (orientation:landscape){
  .s2-map{flex-basis:42dvh!important;min-height:150px!important}
  .s3-minimap{min-height:54px!important}
  .s3-hero{aspect-ratio:16/9!important}
}

/* Reduced motion */
@media(prefers-reduced-motion:reduce){
  html{scroll-behavior:auto!important}
  *{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}
}

/* --- curaoted-approved-design-v2 --- */
/* Approved visual adjustments. Functional DOM/navigation stays unchanged. */
:root{
  --curaoted-edge: max(16px, env(safe-area-inset-left));
  --curaoted-edge-right: max(16px, env(safe-area-inset-right));
  --curaoted-nav-bottom: calc(14px + env(safe-area-inset-bottom));
  --curaoted-nav-size: 80px;
  --curaoted-nav-gap: 14px;
}

/* One typeface throughout the site. */
html,body,button,input,textarea,select,a,
.nav-label,.filter-label,.it-eyebrow,.s3-cat,.s3-section-label,.drawer-section-label,
.home-brand,.home-intro,.home-creator,.neighborhood-guide,.spots-section-title{
  font-family:'Space Grotesk',sans-serif!important;
}

/* Remove the visible bottom navigation bar while retaining its functional shell. */
.bottom-nav{
  left:0!important;
  right:0!important;
  bottom:0!important;
  width:100%!important;
  height:calc(var(--curaoted-nav-size) + 28px + env(safe-area-inset-bottom))!important;
  min-height:0!important;
  padding:0!important;
  margin:0!important;
  display:block!important;
  background:transparent!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
  transform:none!important;
  pointer-events:none!important;
}
.bottom-nav .nav-home,
.bottom-nav .nav-location{
  position:absolute!important;
  bottom:var(--curaoted-nav-bottom)!important;
  width:var(--curaoted-nav-size)!important;
  height:var(--curaoted-nav-size)!important;
  min-width:var(--curaoted-nav-size)!important;
  min-height:var(--curaoted-nav-size)!important;
  margin:0!important;
  padding:10px!important;
  border-radius:50%!important;
  transform:none!important;
  pointer-events:auto!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  text-align:center!important;
}
.bottom-nav .nav-home{
  left:var(--curaoted-edge)!important;
  right:auto!important;
}
.bottom-nav .nav-location{
  right:var(--curaoted-edge-right)!important;
  left:auto!important;
}
.bottom-nav .nav-location .nav-label{
  display:block;
  max-width:62px;
  line-height:1.02;
  text-align:center;
}

/* Home copy is a direct child of #screen1, so its bottom position is relative to the full homepage.
   It sits on the same bottom grid, centered precisely between both controls. */
#screen1 .home-intro{
  position:absolute!important;
  z-index:151!important;
  left:50%!important;
  right:auto!important;
  top:auto!important;
  bottom:var(--curaoted-nav-bottom)!important;
  width:calc(100% - ((var(--curaoted-edge) + var(--curaoted-nav-size) + var(--curaoted-nav-gap)) * 2))!important;
  max-width:520px!important;
  height:var(--curaoted-nav-size)!important;
  margin:0!important;
  transform:translateX(-50%)!important;
  display:flex!important;
  flex-direction:column!important;
  justify-content:center!important;
  align-items:center!important;
  text-align:center!important;
  pointer-events:none;
}
#screen1 .home-intro h1{
  margin:0!important;
  font-size:clamp(12px,3.2vw,16px)!important;
  line-height:1.05!important;
  letter-spacing:-.025em!important;
  max-width:220px;
}
#screen1 .home-intro p{
  margin:5px 0 0!important;
  font-size:clamp(8px,2.2vw,10.5px)!important;
  line-height:1.2!important;
  max-width:220px;
}

/* All current and future dynamically rendered neighborhood titles inherit this scale. */
.neighborhood-guide h2{
  font-family:'Space Grotesk',sans-serif!important;
  font-size:80px!important;
  line-height:.9!important;
  letter-spacing:-.055em!important;
  overflow-wrap:anywhere;
}

/* Black is limited to the filter-stack region only. */
.filter-stack{
  background:#000!important;
  color:#fff!important;
}
.filter-stack .filter-label{color:#fff!important;}
#filterRow,#cityFilterRow{
  background:transparent!important;
}
.filter-stack .chip{
  font-family:'Space Grotesk',sans-serif!important;
}

/* Keep page content clear of the independent bottom controls. */
:root{--bottom-nav-height:calc(var(--curaoted-nav-size) + 28px + env(safe-area-inset-bottom))!important;}

@media(max-width:360px){
  :root{
    --curaoted-edge: max(10px, env(safe-area-inset-left));
    --curaoted-edge-right: max(10px, env(safe-area-inset-right));
    --curaoted-nav-size:72px;
    --curaoted-nav-gap:8px;
  }
  #screen1 .home-intro h1{font-size:11px!important;}
  #screen1 .home-intro p{font-size:7.5px!important;}
}

@media(min-width:700px){
  :root{
    --curaoted-edge: max(24px, env(safe-area-inset-left));
    --curaoted-edge-right: max(24px, env(safe-area-inset-right));
    --curaoted-nav-bottom: calc(20px + env(safe-area-inset-bottom));
  }
  #screen1 .home-intro h1{font-size:16px!important;}
  #screen1 .home-intro p{font-size:10.5px!important;}
}

/* --- curaoted-home-header-centered-v3 --- */
/* Single authoritative homepage header + intro layout. */
#screen1{position:relative!important;overflow:hidden!important;}
#screen1 .s1-map{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;}
#screen1 .masthead,#screen1 .discover-sheet{display:none!important;}

/* Corner labels occupy the full viewport-width header, independent of the intro. */
#screen1 .home-editorial-header{
  position:absolute!important;
  z-index:151!important;
  top:max(16px,env(safe-area-inset-top))!important;
  left:0!important;
  right:0!important;
  width:100%!important;
  min-height:0!important;
  padding-left:max(16px,env(safe-area-inset-left))!important;
  padding-right:max(16px,env(safe-area-inset-right))!important;
  pointer-events:none!important;
}
#screen1 .home-brand,
#screen1 .home-creator{
  position:absolute!important;
  top:0!important;
  width:auto!important;
  max-width:44vw!important;
  margin:0!important;
  transform:none!important;
  font-family:'Space Grotesk',sans-serif!important;
  font-size:clamp(10px,1.65vw,26px)!important;
  line-height:1!important;
  letter-spacing:0!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
#screen1 .home-brand{left:max(16px,env(safe-area-inset-left))!important;font-weight:900!important;}
#screen1 .home-creator{
  right:max(16px,env(safe-area-inset-right))!important;
  color:inherit!important;
  text-decoration:none!important;
  font-weight:760!important;
  pointer-events:auto!important;
  text-align:right!important;
  min-height:0!important;
  padding:0!important;
}

/* Full-width centering layer: no grid, no 50% translation, no parent-width dependency. */
#screen1 > .home-intro{
  position:absolute!important;
  z-index:150!important;
  top:calc(max(16px,env(safe-area-inset-top)) + clamp(54px,6vw,72px))!important;
  left:0!important;
  right:0!important;
  bottom:auto!important;
  width:100%!important;
  max-width:none!important;
  height:auto!important;
  margin:0!important;
  padding:0 max(16px,env(safe-area-inset-left))!important;
  transform:none!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:flex-start!important;
  text-align:center!important;
  pointer-events:none!important;
}
#screen1 > .home-intro h1{
  display:block!important;
  width:auto!important;
  max-width:calc(100vw - 32px)!important;
  margin:0 auto!important;
  font-family:'Space Grotesk',sans-serif!important;
  font-size:clamp(18px,2vw,28px)!important;
  line-height:1.06!important;
  letter-spacing:-.035em!important;
  text-align:center!important;
  white-space:nowrap!important;
}
#screen1 > .home-intro p{
  display:block!important;
  width:min(250px,76vw)!important;
  max-width:250px!important;
  margin:6px auto 0!important;
  font-family:'Space Grotesk',sans-serif!important;
  font-size:clamp(9px,.9vw,12px)!important;
  line-height:1.3!important;
  text-align:center!important;
}

@media(max-width:620px){
  #screen1 .home-editorial-header{
    top:max(13px,env(safe-area-inset-top))!important;
    padding-left:max(10px,env(safe-area-inset-left))!important;
    padding-right:max(10px,env(safe-area-inset-right))!important;
  }
  #screen1 .home-brand{left:max(10px,env(safe-area-inset-left))!important;}
  #screen1 .home-creator{right:max(10px,env(safe-area-inset-right))!important;}
  #screen1 .home-brand,#screen1 .home-creator{font-size:clamp(9px,2.45vw,13px)!important;max-width:42vw!important;}
  #screen1 > .home-intro{
    top:calc(max(13px,env(safe-area-inset-top)) + 42px)!important;
    padding-left:12px!important;
    padding-right:12px!important;
  }
  #screen1 > .home-intro h1{font-size:clamp(17px,4.2vw,21px)!important;max-width:calc(100vw - 24px)!important;}
  #screen1 > .home-intro p{font-size:clamp(8.5px,2.25vw,10px)!important;width:min(245px,78vw)!important;}
}
@media(max-width:360px){
  #screen1 .home-brand,#screen1 .home-creator{font-size:9px!important;max-width:41vw!important;}
  #screen1 > .home-intro{top:calc(max(12px,env(safe-area-inset-top)) + 39px)!important;}
  #screen1 > .home-intro h1{font-size:16px!important;white-space:normal!important;}
  #screen1 > .home-intro p{font-size:8.5px!important;width:min(230px,80vw)!important;}
}

/* --- curaoted-button-motion-speed-fix --- */
/* Slightly faster UI motion while preserving the existing interaction style */
#bottomNav button,
#bottomNav .nav-btn,
#navHome,
#navSearch,
button,
.chip,
.category-chip,
.search-trigger,
.search-sheet,
.search-drawer {
  transition-duration: 160ms !important;
}

#navSearch,
#navHome,
#bottomNav button,
#bottomNav .nav-btn {
  transition-timing-function: cubic-bezier(.2,.8,.2,1) !important;
}

/* Keep longer content/state transitions readable, but faster than before */
.search-sheet,
.search-drawer,
.search-panel,
.search-overlay {
  transition-duration: 220ms !important;
}

/* --- destination-drawer-horizontal-containment-fix --- */
/* The neighborhood row keeps a 20px editorial indent. Its width must account
   for that indent or it becomes wider than the drawer and creates sideways
   scrolling when the viewport changes size. */
.drawer{
  overflow-x:hidden !important;
  max-width:100dvw !important;
  box-sizing:border-box !important;
}

#drawerBrowseControls,
#drawerResults,
#countryPicker,
#cityPicker{
  width:100% !important;
  max-width:100% !important;
  min-width:0 !important;
  box-sizing:border-box !important;
}

.drawer-neigh{
  width:calc(100% - 20px) !important;
  max-width:calc(100% - 20px) !important;
  margin-right:0 !important;
  box-sizing:border-box !important;
}

.drawer-neigh > span:first-child{
  min-width:0 !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
}

.drawer-neigh .count{
  flex:0 0 auto !important;
  margin-left:12px !important;
}