/* 2026-07-10 Browse listing-card image overlay restore.
   Scope: Browse page listing cards only. Keep badges inside listing images in card and list views. */
html body main.site-main .container #listing-grid article.listing-card .listing-image-wrap{
  position:relative!important;
}
html body main.site-main .container #listing-grid article.listing-card .listing-image-wrap .browse-card-overlay-top{
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  display:block!important;
  pointer-events:none!important;
  z-index:40!important;
}
html body main.site-main .container #listing-grid article.listing-card,
html body main.site-main .container #listing-grid article.listing-card .listing-image-wrap,
html body main.site-main .container #listing-grid article.listing-card .listing-image-link,
html body main.site-main .container #listing-grid article.listing-card .listing-img{
  animation:none!important;
}
html body main.site-main .container #listing-grid article.listing-card .listing-image-link::before,
html body main.site-main .container #listing-grid article.listing-card .listing-image-link::after{
  content:none!important;
  display:none!important;
  filter:none!important;
  transform:none!important;
}
html body main.site-main .container #listing-grid article.listing-card .listing-img{
  filter:none!important;
  transition:none!important;
  transform:none!important;
  backface-visibility:hidden!important;
}
html body main.site-main .container #listing-grid article.listing-card .listing-image-wrap .image-type-pill,
html body main.site-main .container #listing-grid article.listing-card .listing-image-wrap .image-location-pill,
html body main.site-main .container #listing-grid article.listing-card .listing-image-wrap .browse-card-reaction-pair,
html body main.site-main .container #listing-grid article.listing-card .listing-image-wrap .image-rating-pill.listing-rating-sort-pill{
  position:absolute!important;
  transform:none!important;
  pointer-events:auto!important;
  box-sizing:border-box!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  line-height:1!important;
}
html body main.site-main .container #listing-grid.listing-layout-cards article.listing-card .listing-image-wrap{
  overflow:hidden!important;
  isolation:isolate!important;
}
html body main.site-main .container #listing-grid.listing-layout-cards article.listing-card .listing-image-wrap .image-type-pill{
  top:8px!important;
  left:8px!important;
  right:auto!important;
  bottom:auto!important;
  z-index:41!important;
  min-height:36px!important;
  height:36px!important;
  padding:2px .58rem!important;
  max-width:calc(100% - 16px)!important;
  border:1px solid #d99d12!important;
  outline:none!important;
  box-shadow:0 0 0 1px rgba(217,157,18,.22),0 0 10px rgba(217,157,18,.24)!important;
}
html body main.site-main .container #listing-grid.listing-layout-cards article.listing-card .listing-image-wrap .image-rating-pill.listing-rating-sort-pill{
  top:8px!important;
  right:8px!important;
  left:auto!important;
  bottom:auto!important;
  z-index:42!important;
  min-width:calc(5em + 2.05rem)!important;
  width:auto!important;
  height:36px!important;
  min-height:36px!important;
  max-height:36px!important;
  padding:2px 1.55rem 2px .62rem!important;
  overflow:visible!important;
  flex-direction:row!important;
  gap:.12rem!important;
  border:1px solid rgba(6,17,11,.28)!important;
  border-radius:999px!important;
  background:#5fd19c!important;
  box-shadow:0 8px 18px rgba(0,0,0,.18)!important;
  text-decoration:none!important;
}
html body main.site-main .container #listing-grid.listing-layout-cards article.listing-card.listing-card-service .listing-image-wrap .image-rating-pill.listing-rating-sort-pill{
  background:#9ecbff!important;
}
html body main.site-main .container #listing-grid article.listing-card .listing-image-wrap .image-rating-pill.listing-rating-sort-pill{
  color:#06110b!important;
}
html body main.site-main .container #listing-grid article.listing-card .listing-image-wrap .image-rating-pill.listing-rating-sort-pill .owner-rating-label{
  position:absolute!important;
  top:calc(100% + 6px)!important;
  right:0!important;
  left:auto!important;
  width:max-content!important;
  max-width:180px!important;
  height:auto!important;
  max-height:0!important;
  padding:0 .58rem!important;
  overflow:hidden!important;
  opacity:0!important;
  transform:translateY(-4px)!important;
  pointer-events:none!important;
  border:1px solid rgba(217,157,18,.68)!important;
  border-radius:999px!important;
  background:#fff2bd!important;
  color:#06110b!important;
  box-shadow:0 8px 18px rgba(0,0,0,.34)!important;
  white-space:nowrap!important;
  line-height:1.15!important;
  text-transform:none!important;
  font-weight:800!important;
  text-shadow:none!important;
  z-index:44!important;
  transition:max-height .18s cubic-bezier(.2,.8,.2,1),padding .18s cubic-bezier(.2,.8,.2,1),opacity .14s ease,transform .18s cubic-bezier(.2,.8,.2,1)!important;
}
html body main.site-main .container #listing-grid article.listing-card .listing-image-wrap .image-rating-pill.listing-rating-sort-pill:hover .owner-rating-label,
html body main.site-main .container #listing-grid article.listing-card .listing-image-wrap .image-rating-pill.listing-rating-sort-pill:focus .owner-rating-label,
html body main.site-main .container #listing-grid article.listing-card .listing-image-wrap .image-rating-pill.listing-rating-sort-pill:focus-visible .owner-rating-label{
  max-height:2.1em!important;
  padding:.32rem .58rem!important;
  opacity:1!important;
  transform:translateY(0)!important;
}
html body main.site-main .container #listing-grid article.listing-card .listing-image-wrap .image-rating-pill.listing-rating-sort-pill .owner-rating-stars{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:0!important;
  color:#ffd84d!important;
  line-height:1!important;
  white-space:nowrap!important;
}
html body main.site-main .container #listing-grid article.listing-card .listing-image-wrap .image-rating-pill.listing-rating-sort-pill .rating-star{
  display:inline-block!important;
  width:auto!important;
  height:auto!important;
  font-size:1rem!important;
  line-height:1!important;
  color:#ffd84d!important;
  text-shadow:0 1px 1px rgba(6,17,11,.38)!important;
}
html body main.site-main .container #listing-grid article.listing-card .listing-image-wrap .image-rating-pill.listing-rating-sort-pill .rating-sort-icon{
  display:inline-grid!important;
  place-items:center!important;
  position:absolute!important;
  right:.38rem!important;
  top:50%!important;
  width:.78rem!important;
  height:.78rem!important;
  border:1px solid #06110b!important;
  border-radius:999px!important;
  transform:translateY(-50%)!important;
  color:#06110b!important;
  background:rgba(255,255,255,.18)!important;
  font-size:.64rem!important;
  line-height:1!important;
}
html body main.site-main .container #listing-grid article.listing-card .listing-image-wrap .browse-card-reaction-pair .browse-card-reaction{
  display:grid!important;
  place-items:center!important;
  width:35px!important;
  height:100%!important;
  min-width:35px!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
  color:#06110b!important;
  font-size:0!important;
  line-height:1!important;
  text-decoration:none!important;
  transition:background .14s ease,color .14s ease,transform .12s ease!important;
}
html body main.site-main .container #listing-grid article.listing-card .listing-image-wrap .browse-card-reaction-pair .browse-card-reaction > span[aria-hidden="true"]{
  display:block!important;
  font-size:1rem!important;
  line-height:1!important;
}
html body main.site-main .container #listing-grid article.listing-card .listing-image-wrap .browse-card-reaction-pair .browse-card-reaction:hover,
html body main.site-main .container #listing-grid article.listing-card .listing-image-wrap .browse-card-reaction-pair .browse-card-reaction:focus-visible{
  transform:translateY(-1px)!important;
  background:rgba(6,17,11,.12)!important;
}
html body main.site-main .container #listing-grid article.listing-card .listing-image-wrap .browse-card-reaction-pair .visually-hidden{
  position:absolute!important;
  width:1px!important;
  height:1px!important;
  padding:0!important;
  margin:-1px!important;
  overflow:hidden!important;
  clip:rect(0,0,0,0)!important;
  white-space:nowrap!important;
  border:0!important;
}
html body main.site-main .container #listing-grid.listing-layout-cards article.listing-card .listing-image-wrap .image-location-pill{
  left:50%!important;
  right:auto!important;
  top:auto!important;
  bottom:8px!important;
  transform:translateX(-50%)!important;
  z-index:42!important;
  max-width:calc(100% - 112px)!important;
  min-height:30px!important;
  height:30px!important;
  padding:2px .52rem!important;
  overflow:hidden!important;
  text-align:center!important;
}
html body main.site-main .container #listing-grid.listing-layout-cards article.listing-card .listing-image-wrap .browse-card-reaction-pair{
  right:8px!important;
  left:auto!important;
  top:auto!important;
  bottom:8px!important;
  z-index:43!important;
  min-height:30px!important;
  height:30px!important;
  gap:0!important;
  overflow:hidden!important;
  border:1px solid rgba(255,255,255,.58)!important;
  border-radius:999px!important;
  background:#5fd19c!important;
  box-shadow:0 8px 18px rgba(0,0,0,.2)!important;
}
html body main.site-main .container #listing-grid.listing-layout-cards article.listing-card.listing-card-service .listing-image-wrap .browse-card-reaction-pair{
  background:#9ecbff!important;
}
html body main.site-main .container #listing-grid.listing-layout-list article.listing-card .listing-image-wrap{
  overflow:hidden!important;
  isolation:isolate!important;
}
html body main.site-main .container #listing-grid.listing-layout-list article.listing-card .listing-image-wrap .image-type-pill{
  top:8px!important;
  left:8px!important;
  right:auto!important;
  bottom:auto!important;
  z-index:41!important;
  min-height:32px!important;
  height:32px!important;
  padding:2px .52rem!important;
  max-width:calc(100% - 16px)!important;
  border:1px solid #d99d12!important;
  outline:none!important;
  box-shadow:0 0 0 1px rgba(217,157,18,.22),0 0 10px rgba(217,157,18,.24)!important;
}
html body main.site-main .container #listing-grid.listing-layout-list article.listing-card .listing-image-wrap .image-rating-pill.listing-rating-sort-pill{
  top:8px!important;
  right:8px!important;
  left:auto!important;
  bottom:auto!important;
  z-index:42!important;
  width:auto!important;
  max-width:calc(100% - 16px)!important;
  min-height:30px!important;
  height:30px!important;
  padding:2px .42rem!important;
  overflow:hidden!important;
}
html body main.site-main .container #listing-grid.listing-layout-list article.listing-card .listing-image-wrap .image-location-pill{
  left:50%!important;
  right:auto!important;
  top:auto!important;
  bottom:8px!important;
  transform:translateX(-50%)!important;
  z-index:42!important;
  max-width:calc(100% - 112px)!important;
  min-height:28px!important;
  height:28px!important;
  padding:2px .42rem!important;
  overflow:hidden!important;
  text-align:center!important;
}
html body main.site-main .container #listing-grid.listing-layout-list article.listing-card .listing-image-wrap .browse-card-reaction-pair{
  right:8px!important;
  left:auto!important;
  top:auto!important;
  bottom:8px!important;
  z-index:43!important;
  min-height:28px!important;
  height:28px!important;
  gap:0!important;
}
html body main.site-main .container .browse-view-toggle{
  border:0!important;
  border-radius:0!important;
  padding:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
html body main.site-main .container .browse-view-toggle .browse-view-toggle-button{
  width:72px!important;
  height:42px!important;
  min-width:72px!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  cursor:pointer!important;
  font-size:0!important;
}
html body main.site-main .container .browse-view-toggle .browse-view-toggle-track{
  position:relative!important;
  width:64px!important;
  height:34px!important;
  border-radius:999px!important;
  background:rgba(255,255,255,.10)!important;
  border:1px solid #d99d12!important;
  box-shadow:none!important;
  display:block!important;
  overflow:hidden!important;
}
html body main.site-main .container .browse-view-toggle .browse-view-toggle-knob{
  position:absolute!important;
  top:4px!important;
  left:4px!important;
  width:26px!important;
  height:26px!important;
  border-radius:50%!important;
  background:linear-gradient(145deg,#ffe9a6,#d99d12)!important;
  box-shadow:0 3px 8px rgba(0,0,0,.28)!important;
  transform:translateX(0)!important;
  transition:transform .22s ease!important;
  z-index:2!important;
}
html body main.site-main .container .browse-view-toggle .browse-view-toggle-button[data-current-view="list"] .browse-view-toggle-knob{
  transform:translateX(30px)!important;
  background:linear-gradient(145deg,#ffe9a6,#d99d12)!important;
}
html body main.site-main .container .browse-view-toggle .browse-view-icon{
  position:absolute!important;
  top:50%!important;
  width:18px!important;
  height:18px!important;
  display:grid!important;
  place-items:center!important;
  line-height:0!important;
  color:#f3c766!important;
  opacity:.9!important;
  transform:translateY(-50%)!important;
  z-index:3!important;
}
html body main.site-main .container .browse-view-toggle .browse-view-icon-cards{left:8px!important;}
html body main.site-main .container .browse-view-toggle .browse-view-icon-list{right:6px!important;}
html body main.site-main .container .browse-view-toggle .browse-view-toggle-button[data-current-view="cards"] .browse-view-icon-cards,
html body main.site-main .container .browse-view-toggle .browse-view-toggle-button[data-current-view="list"] .browse-view-icon-list{
  color:#06110b!important;
  opacity:1!important;
}
html body main.site-main .container .browse-view-toggle .browse-view-icon svg{
  width:18px!important;
  height:18px!important;
  display:block!important;
}
html body main.site-main .container .browse-view-button svg{
  stroke-width:1.1!important;
  font-weight:400!important;
  fill:none!important;
  stroke:currentColor!important;
}
html body main.site-main .container .browse-view-button svg *{
  stroke-width:1.1!important;
  fill:none!important;
  vector-effect:non-scaling-stroke!important;
}

/* 2026-07-14 PC list-view tighten: move rating/reactions off the image
   onto the article chrome so the thumbnail can breathe. */
html body main.site-main .container #listing-grid.listing-layout-list article.listing-card{
  position:relative!important;
  grid-template-columns:172px minmax(0,1fr)!important;
  min-height:150px!important;
  padding-right:138px!important;
}
html body main.site-main .container #listing-grid.listing-layout-list article.listing-card .listing-image-wrap{
  display:contents!important;
  overflow:visible!important;
  isolation:auto!important;
}
html body main.site-main .container #listing-grid.listing-layout-list article.listing-card .listing-image-link,
html body main.site-main .container #listing-grid.listing-layout-list article.listing-card .listing-img{
  width:172px!important;
  height:150px!important;
  min-height:150px!important;
}
html body main.site-main .container #listing-grid.listing-layout-list article.listing-card .browse-card-overlay-top{
  position:static!important;
  display:contents!important;
  inset:auto!important;
  width:auto!important;
  height:auto!important;
  pointer-events:none!important;
}
html body main.site-main .container #listing-grid.listing-layout-list article.listing-card .image-type-pill,
html body main.site-main .container #listing-grid.listing-layout-list article.listing-card .image-location-pill{
  display:none!important;
}
html body main.site-main .container #listing-grid.listing-layout-list article.listing-card .image-rating-pill.listing-rating-sort-pill{
  position:absolute!important;
  top:14px!important;
  right:14px!important;
  left:auto!important;
  bottom:auto!important;
  z-index:44!important;
  min-width:110px!important;
  max-width:128px!important;
  height:30px!important;
  min-height:30px!important;
  max-height:30px!important;
  padding:2px 1.42rem 2px .56rem!important;
  border:1px solid rgba(6,17,11,.28)!important;
  border-radius:999px!important;
  background:#5fd19c!important;
  box-shadow:0 8px 18px rgba(0,0,0,.20)!important;
  overflow:visible!important;
}
html body main.site-main .container #listing-grid.listing-layout-list article.listing-card.listing-card-service .image-rating-pill.listing-rating-sort-pill{
  background:#9ecbff!important;
}
html body main.site-main .container #listing-grid.listing-layout-list article.listing-card .browse-card-reaction-pair{
  position:absolute!important;
  right:14px!important;
  left:auto!important;
  top:auto!important;
  bottom:14px!important;
  z-index:44!important;
  width:74px!important;
  min-width:74px!important;
  height:30px!important;
  min-height:30px!important;
  max-height:30px!important;
  border:1px solid rgba(255,255,255,.58)!important;
  border-radius:999px!important;
  background:#5fd19c!important;
  box-shadow:0 8px 18px rgba(0,0,0,.20)!important;
  overflow:hidden!important;
}
html body main.site-main .container #listing-grid.listing-layout-list article.listing-card.listing-card-service .browse-card-reaction-pair{
  background:#9ecbff!important;
}
html body main.site-main .container #listing-grid.listing-layout-list article.listing-card .listing-body{
  padding-right:18px!important;
  justify-content:center!important;
}
@media(max-width:760px){
  html body main.site-main .container #listing-grid.listing-layout-cards article.listing-card .listing-image-wrap .image-type-pill{
    top:7px!important;
    left:7px!important;
    height:35px!important;
    min-height:35px!important;
    max-width:calc(100% - 14px)!important;
  }
  html body main.site-main .container #listing-grid.listing-layout-cards article.listing-card .listing-image-wrap .image-rating-pill.listing-rating-sort-pill{
    top:7px!important;
    right:7px!important;
    height:35px!important;
    min-height:35px!important;
    max-height:35px!important;
  }
  html body main.site-main .container #listing-grid.listing-layout-list article.listing-card .listing-image-wrap .image-type-pill{
    top:6px!important;
    left:6px!important;
    max-width:calc(100% - 12px)!important;
    min-height:28px!important;
    height:28px!important;
    padding:2px .42rem!important;
    font-size:.66rem!important;
  }
  html body main.site-main .container #listing-grid.listing-layout-list article.listing-card .listing-image-wrap .image-rating-pill.listing-rating-sort-pill{
    left:6px!important;
    right:auto!important;
    top:auto!important;
    bottom:6px!important;
    max-width:64px!important;
    min-height:26px!important;
    height:26px!important;
    padding:2px .32rem!important;
    gap:0!important;
    overflow:hidden!important;
  }
}


html body main.site-main .container.browse-page{
  padding-top:.75rem!important;
}
html body main.site-main .container .browse-header-row{
  margin-top:0!important;
  margin-bottom:0!important;
  padding-top:0!important;
  padding-bottom:0!important;
}

/* 2026-07-13 Browse controls parked above divider. */
html body main.site-main .container .browse-header-row{
  position:relative!important;
}
html body main.site-main .container .browse-title-action-row{
  display:block!important;
}
html body main.site-main .container .browse-hero-add-listing{
  position:absolute!important;
  left:50%!important;
  transform:translateX(-50%)!important;
  bottom:-22px!important;
  min-height:34px!important;
  height:34px!important;
  padding:.38rem 1.08rem!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  z-index:5!important;
}
html body main.site-main .container .browse-header-controls{
  position:absolute!important;
  right:0!important;
  bottom:-22px!important;
  z-index:5!important;
}
@media(max-width:760px){
  html body main.site-main .container .browse-header-controls{bottom:-24px!important;}
  html body main.site-main .container .browse-hero-add-listing{bottom:-20px!important;}
}

/* 2026-07-13 Public Browse Add Listing chasing border. */
@property --swapthing-add-border-angle{
  syntax:"<angle>";
  inherits:false;
  initial-value:0deg;
}
html body main.site-main .container .browse-hero-add-listing{
  position:absolute!important;
  overflow:visible!important;
  border:2px solid #d99d12!important;
  animation:none!important;
  box-shadow:0 8px 24px rgba(15,23,42,.10)!important;
}
html body main.site-main .container .browse-hero-add-listing::after{
  content:""!important;
  display:block!important;
  position:absolute!important;
  inset:-4px!important;
  padding:3px!important;
  border-radius:999px!important;
  pointer-events:none!important;
  background:conic-gradient(from var(--swapthing-add-border-angle),transparent 0 68%,#fff2bd 73%,#d99d12 80%,#fff2bd 87%,transparent 92% 100%)!important;
  -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0)!important;
  -webkit-mask-composite:xor!important;
  mask-composite:exclude!important;
  opacity:.95!important;
  animation:swapthing-browse-add-listing-chase 3.3s linear infinite!important;
}
@keyframes swapthing-browse-add-listing-chase{
  to{--swapthing-add-border-angle:360deg;}
}
@media (prefers-reduced-motion: reduce){
  html body main.site-main .container .browse-hero-add-listing::after{
    animation:none!important;
    opacity:.55!important;
  }
}

/* 2026-07-13 Browse header title/subtitle alignment. */
html body main.site-main .container .browse-heading-copy,
html body main.site-main .container .browse-title-action-row,
html body main.site-main .container .browse-page-title,
html body main.site-main .container .browse-page-subtitle{
  text-align:left!important;
}
html body main.site-main .container .browse-title-action-row{
  justify-content:flex-start!important;
  align-items:center!important;
}
html body main.site-main .container .browse-page-subtitle{
  line-height:1.2!important;
}

/* 2026-07-13 Gold divider before listing cards. */
html body main.site-main .container #listing-grid{
  position:relative!important;
  border-top:0!important;
  padding-top:1.35rem!important;
  margin-top:0!important;
}
html body main.site-main .container #listing-grid::before{
  content:""!important;
  position:absolute!important;
  top:0!important;
  left:50%!important;
  width:100vw!important;
  max-width:100vw!important;
  transform:translateX(-50%)!important;
  border-top:2px solid #d99d12!important;
  pointer-events:none!important;
}

html body main.site-main .container #listing-grid article.listing-card .listing-image-wrap .image-rating-pill.listing-rating-sort-pill,
html body main.site-main .container #listing-grid article.listing-card .listing-image-wrap .image-type-pill,
html body main.site-main .container #listing-grid article.listing-card .listing-image-wrap .image-type-pill *,
html body main.site-main .container #listing-grid article.listing-card .listing-image-wrap .image-location-pill,
html body main.site-main .container #listing-grid article.listing-card .listing-image-wrap .image-location-pill *{
  color:#06110b!important;
  -webkit-text-fill-color:#06110b!important;
  text-decoration:none!important;
  text-shadow:none!important;
}
html body main.site-main .container #listing-grid article.listing-card .listing-image-wrap .image-rating-pill.listing-rating-sort-pill .owner-rating-stars,
html body main.site-main .container #listing-grid article.listing-card .listing-image-wrap .image-rating-pill.listing-rating-sort-pill .rating-star{
  color:#ffd84d!important;
  -webkit-text-fill-color:#ffd84d!important;
  text-shadow:0 1px 1px rgba(6,17,11,.38)!important;
}
html body main.site-main .container #listing-grid article.listing-card .listing-image-wrap .image-rating-pill.listing-rating-sort-pill .rating-star.is-empty{
  color:#1b5e45!important;
  -webkit-text-fill-color:#1b5e45!important;
}
html body main.site-main .container #listing-grid article.listing-card .listing-image-wrap .image-rating-pill.listing-rating-sort-pill .owner-rating-label,
html body main.site-main .container #listing-grid article.listing-card .listing-image-wrap .image-rating-pill.listing-rating-sort-pill .rating-sort-icon{
  color:#06110b!important;
  -webkit-text-fill-color:#06110b!important;
  text-shadow:none!important;
}
html body main.site-main .container #listing-grid article.listing-card .listing-image-wrap .image-rating-pill.listing-rating-sort-pill .owner-rating-label * ,
html body main.site-main .container #listing-grid article.listing-card .listing-image-wrap .image-rating-pill.listing-rating-sort-pill .rating-sort-icon *{
  color:#06110b!important;
  -webkit-text-fill-color:#06110b!important;
  text-shadow:none!important;
}

/* 2026-07-13 Browse header bottom alignment: Start Swapping, Add Listing, view toggle. */
html body main.site-main .container.browse-page .browse-header-row .browse-title-action-row .browse-hero-add-listing,
html body main.site-main .container .browse-header-row .browse-title-action-row .browse-hero-add-listing{
  bottom:0!important;
  top:auto!important;
}
html body main.site-main .container.browse-page .browse-header-row .browse-header-controls,
html body main.site-main .container .browse-header-row .browse-header-controls{
  bottom:0!important;
}
@media(max-width:760px){
  html body main.site-main .container.browse-page .browse-header-row .browse-title-action-row .browse-hero-add-listing,
  html body main.site-main .container .browse-header-row .browse-title-action-row .browse-hero-add-listing,
  html body main.site-main .container.browse-page .browse-header-row .browse-header-controls,
  html body main.site-main .container .browse-header-row .browse-header-controls{
    bottom:0!important;
  }
}

/* 2026-07-13 Browse gold-line clearance. */
html body main.site-main .container.browse-page #listing-grid{
  margin-top:12px!important;
}

/* 2026-07-13 Root Browse header bottom alignment. */
html body main.site-main .container:not(.browse-page) .browse-header-row .browse-title-action-row .browse-hero-add-listing,
html body main.site-main .container:not(.browse-page) .browse-header-row .browse-header-controls{
  bottom:16px!important;
  top:auto!important;
}

/* 2026-07-13 Root list card controls: rating/reactions on card, no type pill. */
html body main.site-main .container:not(.browse-page) #listing-grid.listing-layout-list article.listing-card{
  position:relative!important;
}
html body main.site-main .container:not(.browse-page) #listing-grid.listing-layout-list article.listing-card .listing-image-wrap{
  position:static!important;
  height:auto!important;
  min-height:0!important;
  overflow:visible!important;
}
html body main.site-main .container:not(.browse-page) #listing-grid.listing-layout-list article.listing-card .listing-image-wrap .image-type-pill{
  display:none!important;
}
html body main.site-main .container:not(.browse-page) #listing-grid.listing-layout-list article.listing-card .listing-image-wrap .image-rating-pill.listing-rating-sort-pill{
  top:12px!important;
  right:12px!important;
  left:auto!important;
  bottom:auto!important;
  transform:none!important;
  z-index:48!important;
  min-width:calc(5em + 2.05rem)!important;
  width:auto!important;
  height:36px!important;
  min-height:36px!important;
  max-height:36px!important;
  padding:2px 1.55rem 2px .62rem!important;
  overflow:visible!important;
  flex-direction:row!important;
  gap:.12rem!important;
  border:1px solid rgba(6,17,11,.28)!important;
  border-radius:999px!important;
  background:#5fd19c!important;
  box-shadow:0 8px 18px rgba(0,0,0,.18)!important;
  text-decoration:none!important;
}
html body main.site-main .container:not(.browse-page) #listing-grid.listing-layout-list article.listing-card.listing-card-service .listing-image-wrap .image-rating-pill.listing-rating-sort-pill{
  background:#9ecbff!important;
}
html body main.site-main .container:not(.browse-page) #listing-grid.listing-layout-list article.listing-card .listing-image-wrap .browse-card-reaction-pair{
  right:12px!important;
  left:auto!important;
  top:auto!important;
  bottom:12px!important;
  transform:none!important;
  z-index:48!important;
  min-height:30px!important;
  height:30px!important;
  gap:0!important;
  overflow:hidden!important;
  border:1px solid rgba(255,255,255,.58)!important;
  border-radius:999px!important;
  background:#5fd19c!important;
  box-shadow:0 8px 18px rgba(0,0,0,.2)!important;
}
html body main.site-main .container:not(.browse-page) #listing-grid.listing-layout-list article.listing-card.listing-card-service .listing-image-wrap .browse-card-reaction-pair{
  background:#9ecbff!important;
}

/* 2026-07-13 Root Browse gold-line gap trim. */
html body main.site-main .container:not(.browse-page){
  padding-top:0!important;
}
html body main.site-main .container:not(.browse-page) #listing-grid{
  margin-top:-8px!important;
}

/* 2026-07-13 Browse location pill bottom-center restore. */
html body main.site-main .container.browse-page #listing-grid article.listing-card .listing-image-wrap .image-location-pill,
html body main.site-main .container.browse-page #listing-grid.listing-layout-cards article.listing-card .listing-image-wrap .image-location-pill,
html body main.site-main .container.browse-page #listing-grid.listing-layout-list article.listing-card .listing-image-wrap .image-location-pill{
  display:inline-flex!important;
  position:absolute!important;
  left:50%!important;
  right:auto!important;
  top:auto!important;
  bottom:8px!important;
  transform:translateX(-50%)!important;
  z-index:44!important;
  align-items:center!important;
  justify-content:center!important;
  min-height:30px!important;
  height:30px!important;
  max-width:calc(100% - 112px)!important;
  padding:2px .56rem!important;
  overflow:hidden!important;
  text-align:center!important;
  white-space:nowrap!important;
  pointer-events:auto!important;
}
html body main.site-main .container.browse-page #listing-grid article.listing-card .listing-image-wrap .image-location-pill .loc-city,
html body main.site-main .container.browse-page #listing-grid article.listing-card .listing-image-wrap .image-location-pill .loc-distance{
  display:inline-block!important;
  min-width:0!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
}

/* 2026-07-14 Browse list-view title type icon pill. */
html body main.site-main .container.browse-page #listing-grid article.listing-card .listing-title .title-type-icon-pill{
  display:none!important;
}
html body main.site-main .container.browse-page #listing-grid.listing-layout-list article.listing-card .listing-image-wrap .image-type-pill,
html body main.site-main .container.browse-page #listing-grid.listing-layout-list article.listing-card .listing-image-wrap .image-location-pill{
  display:none!important;
}
html body main.site-main .container.browse-page #listing-grid.listing-layout-list article.listing-card .listing-title .title-type-icon-pill{
  display:inline-grid!important;
  place-items:center!important;
  width:1.72rem!important;
  height:1.72rem!important;
  min-width:1.72rem!important;
  margin-right:.42rem!important;
  padding:0!important;
  border:1px solid #d99d12!important;
  border-radius:999px!important;
  background:#5fd19c!important;
  color:#06110b!important;
  box-shadow:0 4px 10px rgba(0,0,0,.18)!important;
  text-decoration:none!important;
  line-height:1!important;
  vertical-align:-.32rem!important;
}
html body main.site-main .container.browse-page #listing-grid.listing-layout-list article.listing-card.listing-card-service .listing-title .title-type-icon-pill{
  background:#9ecbff!important;
}
html body main.site-main .container.browse-page #listing-grid.listing-layout-list article.listing-card .listing-title .title-type-icon-pill .type-icon{
  display:block!important;
  font-size:.92rem!important;
  line-height:1!important;
}

/* 2026-07-14 FINAL Browse page list-view article-side pills. Keep after older root/location fixes. */
html body main.site-main .container.browse-page #listing-grid.listing-layout-list article.listing-card{
  position:relative!important;
  grid-template-columns:172px minmax(0,1fr)!important;
  min-height:126px!important;
  padding:14px 138px 14px 0!important;
  background:#112d22!important;
  background-image:none!important;
}
html body main.site-main .container.browse-page #listing-grid.listing-layout-list article.listing-card.listing-card-service{
  background:#17283f!important;
  background-image:none!important;
}
html body main.site-main .container.browse-page #listing-grid.listing-layout-list article.listing-card::before,
html body main.site-main .container.browse-page #listing-grid.listing-layout-list article.listing-card::after{
  content:none!important;
  display:none!important;
  background:none!important;
  filter:none!important;
}
html body main.site-main .container.browse-page #listing-grid.listing-layout-list article.listing-card .listing-image-wrap{
  display:contents!important;
  overflow:visible!important;
  isolation:auto!important;
}
html body main.site-main .container.browse-page #listing-grid.listing-layout-list article.listing-card .listing-image-link,
html body main.site-main .container.browse-page #listing-grid.listing-layout-list article.listing-card .listing-img{
  width:172px!important;
  height:126px!important;
  min-height:126px!important;
}
html body main.site-main .container.browse-page #listing-grid.listing-layout-list article.listing-card .listing-image-link::before,
html body main.site-main .container.browse-page #listing-grid.listing-layout-list article.listing-card .listing-image-link::after{
  content:none!important;
  display:none!important;
  background:none!important;
  filter:none!important;
}
html body main.site-main .container.browse-page #listing-grid.listing-layout-list article.listing-card .listing-image-wrap .browse-card-overlay-top{
  position:static!important;
  display:contents!important;
  inset:auto!important;
  width:auto!important;
  height:auto!important;
  pointer-events:none!important;
}
html body main.site-main .container.browse-page #listing-grid.listing-layout-list article.listing-card .listing-image-wrap .image-type-pill,
html body main.site-main .container.browse-page #listing-grid.listing-layout-list article.listing-card .listing-image-wrap .image-location-pill{
  display:none!important;
}
html body main.site-main .container.browse-page #listing-grid.listing-layout-list article.listing-card .listing-title{
  display:flex!important;
  align-items:center!important;
  gap:.42rem!important;
  margin:0!important;
  padding:0!important;
  min-height:30px!important;
}
html body main.site-main .container.browse-page #listing-grid.listing-layout-list article.listing-card .listing-title .title-type-icon-pill{
  margin-right:0!important;
  vertical-align:0!important;
}
html body main.site-main .container.browse-page #listing-grid.listing-layout-list article.listing-card .listing-image-wrap .image-rating-pill.listing-rating-sort-pill{
  position:absolute!important;
  top:14px!important;
  right:14px!important;
  left:auto!important;
  bottom:auto!important;
  z-index:48!important;
  min-width:110px!important;
  max-width:128px!important;
  width:auto!important;
  height:30px!important;
  min-height:30px!important;
  max-height:30px!important;
  padding:2px 1.42rem 2px .56rem!important;
  border:1px solid rgba(6,17,11,.28)!important;
  border-radius:999px!important;
  background:#5fd19c!important;
  box-shadow:0 8px 18px rgba(0,0,0,.20)!important;
  overflow:visible!important;
}
html body main.site-main .container.browse-page #listing-grid.listing-layout-list article.listing-card.listing-card-service .listing-image-wrap .image-rating-pill.listing-rating-sort-pill{
  background:#9ecbff!important;
}
html body main.site-main .container.browse-page #listing-grid.listing-layout-list article.listing-card .listing-image-wrap .browse-card-reaction-pair{
  position:absolute!important;
  right:14px!important;
  left:auto!important;
  top:auto!important;
  bottom:14px!important;
  z-index:48!important;
  width:74px!important;
  min-width:74px!important;
  height:30px!important;
  min-height:30px!important;
  max-height:30px!important;
  border:1px solid rgba(255,255,255,.58)!important;
  border-radius:999px!important;
  background:#5fd19c!important;
  box-shadow:0 8px 18px rgba(0,0,0,.20)!important;
  overflow:hidden!important;
}
html body main.site-main .container.browse-page #listing-grid.listing-layout-list article.listing-card.listing-card-service .listing-image-wrap .browse-card-reaction-pair{
  background:#9ecbff!important;
}
html body main.site-main .container.browse-page #listing-grid.listing-layout-list article.listing-card .listing-body{
  align-self:start!important;
  display:flex!important;
  flex-direction:column!important;
  gap:.46rem!important;
  min-height:126px!important;
  padding:0 18px!important;
  justify-content:flex-start!important;
}
html body main.site-main .container.browse-page #listing-grid.listing-layout-list article.listing-card .listing-location-text,
html body main.site-main .container.browse-page #listing-grid.listing-layout-list article.listing-card .listing-desc{
  margin:0!important;
}
html body main.site-main .container.browse-page #listing-grid.listing-layout-list article.listing-card .listing-body,
html body main.site-main .container.browse-page #listing-grid.listing-layout-list article.listing-card .listing-title,
html body main.site-main .container.browse-page #listing-grid.listing-layout-list article.listing-card .listing-title a,
html body main.site-main .container.browse-page #listing-grid.listing-layout-list article.listing-card .listing-location-text,
html body main.site-main .container.browse-page #listing-grid.listing-layout-list article.listing-card .listing-desc{
  position:relative!important;
  z-index:2!important;
  opacity:1!important;
  filter:none!important;
  transform:none!important;
  mix-blend-mode:normal!important;
  text-shadow:none!important;
}
html body main.site-main .container.browse-page #listing-grid.listing-layout-list article.listing-card .listing-title,
html body main.site-main .container.browse-page #listing-grid.listing-layout-list article.listing-card .listing-title a{
  color:#f8fbf3!important;
  -webkit-text-fill-color:#f8fbf3!important;
}
html body main.site-main .container.browse-page #listing-grid.listing-layout-list article.listing-card .listing-location-text{
  color:#cfe0d8!important;
  -webkit-text-fill-color:#cfe0d8!important;
}
html body main.site-main .container.browse-page #listing-grid.listing-layout-list article.listing-card .listing-desc{
  color:#e2eee9!important;
  -webkit-text-fill-color:#e2eee9!important;
}
html body main.site-main .container.browse-page #listing-grid.listing-layout-list article.listing-card.listing-card-service .listing-location-text{
  color:#d6e7ff!important;
  -webkit-text-fill-color:#d6e7ff!important;
}
html body main.site-main .container.browse-page #listing-grid.listing-layout-list article.listing-card.listing-card-service .listing-desc{
  color:#eef6ff!important;
  -webkit-text-fill-color:#eef6ff!important;
}

/* 2026-07-23 Browse list text-flow repair: image already has the type pill,
   so remove the duplicate title icon and let the title/description use that space. */
html body main.site-main .container.browse-page #listing-grid.listing-layout-list article.listing-card .listing-title .title-type-icon-pill,
html body main.site-main .container.browse-page #listing-grid.listing-layout-list article.listing-card.listing-card-service .listing-title .title-type-icon-pill{
  display:none!important;
  width:0!important;
  height:0!important;
  min-width:0!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  overflow:hidden!important;
}
html body main.site-main .container.browse-page #listing-grid.listing-layout-list article.listing-card .listing-title{
  display:block!important;
  min-width:0!important;
  gap:0!important;
}
html body main.site-main .container.browse-page #listing-grid.listing-layout-list article.listing-card .listing-title > a:not(.title-type-icon-pill){
  display:-webkit-box!important;
  -webkit-line-clamp:2!important;
  -webkit-box-orient:vertical!important;
  overflow:hidden!important;
  max-width:100%!important;
  min-width:0!important;
}
@media(max-width:760px){
  html body main.site-main .container.browse-page #listing-grid.listing-layout-list article.listing-card{
    grid-template-columns:112px minmax(0,1fr)!important;
    min-height:112px!important;
    padding:8px 82px 8px 0!important;
  }
  html body main.site-main .container.browse-page #listing-grid.listing-layout-list article.listing-card .listing-image-link,
  html body main.site-main .container.browse-page #listing-grid.listing-layout-list article.listing-card .listing-img{
    width:112px!important;
    height:112px!important;
    min-height:112px!important;
  }
  html body main.site-main .container.browse-page #listing-grid.listing-layout-list article.listing-card .listing-body{
    min-height:112px!important;
    padding:0 12px!important;
  }
  html body main.site-main .container.browse-page #listing-grid.listing-layout-list article.listing-card .listing-image-wrap .image-rating-pill.listing-rating-sort-pill{
    top:8px!important;
    right:8px!important;
    left:auto!important;
    bottom:auto!important;
    max-width:82px!important;
    min-width:82px!important;
    height:26px!important;
    min-height:26px!important;
    padding:2px 1.05rem 2px .35rem!important;
  }
  html body main.site-main .container.browse-page #listing-grid.listing-layout-list article.listing-card .listing-image-wrap .browse-card-reaction-pair{
    right:8px!important;
    bottom:8px!important;
    width:68px!important;
    min-width:68px!important;
    height:28px!important;
    min-height:28px!important;
  }
}

/* 2026-07-14 Browse list-view whole-listing section clarity. */
html body main.site-main .container.browse-page #listing-grid.listing-layout-list article.listing-card,
html body main.site-main .container.browse-page #listing-grid.listing-layout-list article.listing-card .listing-image-wrap,
html body main.site-main .container.browse-page #listing-grid.listing-layout-list article.listing-card .listing-image-link,
html body main.site-main .container.browse-page #listing-grid.listing-layout-list article.listing-card .listing-body{
  opacity:1!important;
  filter:none!important;
  -webkit-filter:none!important;
  mix-blend-mode:normal!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
  text-shadow:none!important;
}
html body main.site-main .container.browse-page #listing-grid.listing-layout-list article.listing-card,
html body main.site-main .container.browse-page #listing-grid.listing-layout-list article.listing-card .listing-image-wrap,
html body main.site-main .container.browse-page #listing-grid.listing-layout-list article.listing-card .listing-image-link,
html body main.site-main .container.browse-page #listing-grid.listing-layout-list article.listing-card .listing-body{
  background:#112d22!important;
  background-color:#112d22!important;
  background-image:none!important;
}
html body main.site-main .container.browse-page #listing-grid.listing-layout-list article.listing-card.listing-card-service,
html body main.site-main .container.browse-page #listing-grid.listing-layout-list article.listing-card.listing-card-service .listing-image-wrap,
html body main.site-main .container.browse-page #listing-grid.listing-layout-list article.listing-card.listing-card-service .listing-image-link,
html body main.site-main .container.browse-page #listing-grid.listing-layout-list article.listing-card.listing-card-service .listing-body{
  background:#17283f!important;
  background-color:#17283f!important;
  background-image:none!important;
}
html body main.site-main .container.browse-page #listing-grid.listing-layout-list article.listing-card *,
html body main.site-main .container.browse-page #listing-grid.listing-layout-list article.listing-card *::before,
html body main.site-main .container.browse-page #listing-grid.listing-layout-list article.listing-card *::after{
  filter:none!important;
  -webkit-filter:none!important;
  mix-blend-mode:normal!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
}
html body main.site-main .container.browse-page #listing-grid.listing-layout-list article.listing-card .listing-img{
  opacity:1!important;
  filter:none!important;
  -webkit-filter:none!important;
  mix-blend-mode:normal!important;
}

/* 2026-07-14 Browse list-view remove full-card image wash. */
html body main.site-main .container.browse-page #listing-grid.listing-layout-list article.listing-card .listing-image-wrap::before,
html body main.site-main .container.browse-page #listing-grid.listing-layout-list article.listing-card .listing-image-wrap::after,
html body main.site-main .container.browse-page #listing-grid.listing-layout-list article.listing-card .listing-image-link::before,
html body main.site-main .container.browse-page #listing-grid.listing-layout-list article.listing-card .listing-image-link::after{
  content:none!important;
  display:none!important;
  background:none!important;
  background-image:none!important;
  filter:none!important;
  -webkit-filter:none!important;
  opacity:0!important;
}
html body main.site-main .container.browse-page #listing-grid.listing-layout-list article.listing-card{
  overflow:hidden!important;
}
html body main.site-main .container.browse-page #listing-grid.listing-layout-list article.listing-card .listing-image-link{
  border-radius:18px 0 0 18px!important;
  overflow:hidden!important;
}
html body main.site-main .container.browse-page #listing-grid.listing-layout-list article.listing-card .listing-body{
  border-radius:0 18px 18px 0!important;
}

/* 2026-07-14 Root/card view city-state pill bottom-left image overlay. */
html body main.site-main .container #listing-grid.listing-layout-cards article.listing-card .listing-image-wrap .image-location-pill,
html body main.site-main .container:not(.browse-page) #listing-grid article.listing-card .listing-image-wrap .image-location-pill{
  display:inline-flex!important;
  position:absolute!important;
  left:10px!important;
  right:auto!important;
  top:auto!important;
  bottom:10px!important;
  transform:none!important;
  z-index:45!important;
  align-items:center!important;
  justify-content:center!important;
  min-height:30px!important;
  height:30px!important;
  max-width:calc(100% - 96px)!important;
  padding:2px .62rem!important;
  overflow:hidden!important;
  white-space:nowrap!important;
  text-align:left!important;
  pointer-events:auto!important;
}
html body main.site-main .container #listing-grid.listing-layout-cards article.listing-card .listing-image-wrap .image-location-pill .loc-city,
html body main.site-main .container:not(.browse-page) #listing-grid article.listing-card .listing-image-wrap .image-location-pill .loc-city{
  display:inline-block!important;
  min-width:0!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
}

/* 2026-07-14 approved Browse overlay polish: card/list pills, location pin, list text, sort icon. */
/* 2026-07-15 match card overlay badge heights to the like/dislike reaction pill. */
html body main.site-main .container #listing-grid.listing-layout-cards article.listing-card .listing-image-wrap .image-type-pill,
html body main.site-main .container:not(.browse-page) #listing-grid article.listing-card .listing-image-wrap .image-type-pill{
  left:10px!important;
  right:auto!important;
  top:10px!important;
  bottom:auto!important;
  transform:none!important;
  z-index:46!important;
  min-height:30px!important;
  height:30px!important;
  max-height:30px!important;
  padding:2px .72rem!important;
}
html body main.site-main .container #listing-grid.listing-layout-cards article.listing-card .listing-image-wrap .image-location-pill,
html body main.site-main .container:not(.browse-page) #listing-grid article.listing-card .listing-image-wrap .image-location-pill{
  left:10px!important;
  right:auto!important;
  top:auto!important;
  bottom:10px!important;
  transform:none!important;
  z-index:45!important;
  min-height:30px!important;
  height:30px!important;
  max-height:30px!important;
  border-radius:999px!important;
  padding:2px .72rem!important;
  box-shadow:0 10px 20px rgba(0,0,0,.18)!important;
  line-height:1!important;
  font-weight:900!important;
}
html body main.site-main .container #listing-grid.listing-layout-cards article.listing-card .listing-image-wrap .image-rating-pill.listing-rating-sort-pill,
html body main.site-main .container:not(.browse-page) #listing-grid article.listing-card .listing-image-wrap .image-rating-pill.listing-rating-sort-pill{
  min-height:30px!important;
  height:30px!important;
  max-height:30px!important;
  padding:2px 1.38rem 2px .52rem!important;
}
html body main.site-main .container.browse-page #listing-grid.listing-layout-cards article.listing-card .listing-image-wrap .image-type-pill,
html body main.site-main .container.browse-page #listing-grid.listing-layout-cards article.listing-card .listing-image-wrap .image-location-pill,
html body main.site-main .container.browse-page #listing-grid.listing-layout-cards article.listing-card .listing-image-wrap .image-rating-pill.listing-rating-sort-pill{
  min-height:30px!important;
  height:30px!important;
  max-height:30px!important;
}
html body main.site-main .container #listing-grid.listing-layout-list article.listing-card .listing-image-wrap .image-type-pill,
html body main.site-main .container.browse-page #listing-grid.listing-layout-list article.listing-card .listing-image-wrap .image-type-pill,
html body main.site-main .container:not(.browse-page) #listing-grid.listing-layout-list article.listing-card .listing-image-wrap .image-type-pill{
  display:inline-flex!important;
  position:absolute!important;
  top:10px!important;
  left:10px!important;
  right:auto!important;
  bottom:auto!important;
  transform:none!important;
  z-index:46!important;
  height:30px!important;
  min-height:30px!important;
  max-height:30px!important;
  padding:2px .72rem!important;
  border-radius:999px!important;
  pointer-events:auto!important;
}
html body main.site-main .container #listing-grid.listing-layout-list article.listing-card .listing-body{
  justify-content:flex-start!important;
  padding-top:0!important;
}
html body main.site-main .container #listing-grid.listing-layout-list article.listing-card .listing-title{
  margin-top:0!important;
  padding-top:0!important;
}
html body main.site-main .container #listing-grid article.listing-card.listing-card-service .listing-image-wrap .image-type-pill,
html body main.site-main .container #listing-grid article.listing-card.listing-card-service .listing-image-wrap .image-location-pill,
html body main.site-main .container #listing-grid article.listing-card.listing-card-service .listing-image-wrap .image-rating-pill.listing-rating-sort-pill,
html body main.site-main .container #listing-grid article.listing-card.listing-card-service .listing-image-wrap .browse-card-reaction-pair{
  background:#9ecbff!important;
}
html body main.site-main .container #listing-grid article.listing-card .listing-image-wrap .type-pill.image-type-pill.listing-filter-pill,
html body main.site-main .container #listing-grid article.listing-card .listing-image-wrap .loc.image-location-pill.listing-filter-pill,
html body main.site-main .container #listing-grid article.listing-card .listing-image-wrap .rating-stars.image-rating-pill.listing-rating-sort-pill,
html body main.site-main .container #listing-grid article.listing-card .listing-image-wrap .browse-card-reaction-pair{
  border:1px solid rgba(255,255,255,.72)!important;
  border-color:rgba(255,255,255,.72)!important;
}
html body main.site-main .container #listing-grid article.listing-card .listing-image-wrap .image-location-pill .loc-icon{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  margin-right:.28rem!important;
  line-height:1!important;
}
html body main.site-main .container #listing-grid article.listing-card .listing-image-wrap .image-location-pill .loc-icon-google-pin{
  width:1rem!important;
  height:1rem!important;
  margin-right:.32rem!important;
  flex:0 0 auto!important;
}
html body main.site-main .container #listing-grid article.listing-card .listing-image-wrap .image-location-pill .loc-icon-google-pin svg{
  display:block!important;
  width:100%!important;
  height:100%!important;
  overflow:visible!important;
}
html body main.site-main .container #listing-grid article.listing-card .listing-image-wrap .image-location-pill .loc-icon-google-pin path{
  fill:#ea4335!important;
  stroke:#b3261e!important;
  stroke-width:.7!important;
}
html body main.site-main .container #listing-grid article.listing-card .listing-image-wrap .image-location-pill .loc-icon-google-pin circle{
  fill:#fff!important;
}
html body main.site-main .container #listing-grid article.listing-card .listing-image-wrap .image-rating-pill.listing-rating-sort-pill .rating-sort-icon{
  width:1.05rem!important;
  height:1.05rem!important;
  right:.30rem!important;
  border:1px solid rgba(255,255,255,.86)!important;
  border-radius:999px!important;
  background:linear-gradient(145deg,#09351f,#06110b)!important;
  color:transparent!important;
  -webkit-text-fill-color:transparent!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.18),0 2px 5px rgba(0,0,0,.28)!important;
  overflow:hidden!important;
}
html body main.site-main .container #listing-grid article.listing-card .listing-image-wrap .image-rating-pill.listing-rating-sort-pill .rating-sort-icon::before{
  content:"⇅"!important;
  display:grid!important;
  place-items:center!important;
  width:100%!important;
  height:100%!important;
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
  font-size:.82rem!important;
  font-weight:900!important;
  line-height:1!important;
  text-shadow:0 1px 1px rgba(0,0,0,.42)!important;
  transform:translateY(-.02rem)!important;
}
html body main.site-main .container #listing-grid article.listing-card .listing-image-wrap .image-rating-pill.listing-rating-sort-pill:hover .rating-sort-icon,
html body main.site-main .container #listing-grid article.listing-card .listing-image-wrap .image-rating-pill.listing-rating-sort-pill:focus-visible .rating-sort-icon{
  background:linear-gradient(145deg,#0f5a36,#06110b)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.26),0 3px 8px rgba(0,0,0,.34)!important;
}

/* 2026-07-28 Browse visual repair: center the Add Listing CTA on the
   display-toggle baseline and make card view read as clean Swap Cards. */
html body main.site-main .container.browse-page .browse-header-row{
  position:relative!important;
  min-height:174px!important;
  padding-bottom:46px!important;
}
html body main.site-main .container.browse-page .browse-title-action-row{
  position:static!important;
  display:block!important;
}
html body main.site-main .container.browse-page .browse-header-row .browse-heading-copy .browse-hero-add-listing{
  position:absolute!important;
  left:50%!important;
  right:auto!important;
  top:auto!important;
  bottom:0!important;
  transform:translateX(-50%)!important;
  min-width:168px!important;
  height:42px!important;
  min-height:42px!important;
  padding:.46rem 1.36rem!important;
  z-index:8!important;
}
html body main.site-main .container.browse-page .browse-header-row .browse-header-controls{
  position:absolute!important;
  right:0!important;
  top:auto!important;
  bottom:0!important;
  min-height:42px!important;
  align-items:center!important;
}
html body main.site-main .container.browse-page #listing-grid.listing-layout-cards{
  grid-template-columns:repeat(auto-fit,minmax(250px,290px))!important;
  justify-content:start!important;
  align-items:start!important;
  gap:1.05rem!important;
}
html body main.site-main .container.browse-page #listing-grid.listing-layout-cards article.listing-card{
  border-radius:18px!important;
  border:1px solid rgba(95,209,156,.62)!important;
  background:linear-gradient(180deg,rgba(9,17,20,.96) 0%,rgba(10,23,27,.98) 100%)!important;
  box-shadow:0 14px 30px rgba(0,0,0,.26),0 0 0 1px rgba(255,255,255,.04) inset!important;
  overflow:hidden!important;
}
html body main.site-main .container.browse-page #listing-grid.listing-layout-cards article.listing-card.listing-card-service{
  border-color:rgba(158,203,255,.62)!important;
  background:linear-gradient(180deg,rgba(11,18,30,.96) 0%,rgba(10,25,38,.98) 100%)!important;
}
html body main.site-main .container.browse-page #listing-grid.listing-layout-cards article.listing-card .listing-image-wrap{
  margin:0!important;
  border-radius:18px 18px 0 0!important;
  min-height:0!important;
  aspect-ratio:4/3!important;
  background:#07110c!important;
}
html body main.site-main .container.browse-page #listing-grid.listing-layout-cards article.listing-card .listing-image-link,
html body main.site-main .container.browse-page #listing-grid.listing-layout-cards article.listing-card .listing-img{
  width:100%!important;
  height:100%!important;
  min-height:0!important;
}
html body main.site-main .container.browse-page #listing-grid.listing-layout-cards article.listing-card .listing-body{
  position:relative!important;
  padding:.82rem .88rem .98rem!important;
  background:linear-gradient(180deg,rgba(255,255,255,.035),rgba(255,255,255,.015))!important;
  border-top:1px solid rgba(255,255,255,.08)!important;
  min-height:94px!important;
}
html body main.site-main .container.browse-page #listing-grid.listing-layout-cards article.listing-card .listing-title{
  margin:0 0 .45rem!important;
  font-size:1rem!important;
  line-height:1.15!important;
}
html body main.site-main .container.browse-page #listing-grid.listing-layout-cards article.listing-card .listing-desc,
html body main.site-main .container.browse-page #listing-grid.listing-layout-cards article.listing-card .listing-location-text{
  color:#cbd5d1!important;
  font-size:.86rem!important;
  line-height:1.32!important;
  margin:.25rem 0 0!important;
}
html body main.site-main .container.browse-page #listing-grid.listing-layout-cards article.listing-card .listing-location-text{
  display:none!important;
}
@media(max-width:760px){
  html body main.site-main .container.browse-page .browse-header-row{
    min-height:166px!important;
    padding-bottom:44px!important;
  }
  html body main.site-main .container.browse-page .browse-header-row .browse-heading-copy .browse-hero-add-listing{
    height:40px!important;
    min-height:40px!important;
    min-width:154px!important;
  }
  html body main.site-main .container.browse-page #listing-grid.listing-layout-cards{
    grid-template-columns:repeat(auto-fit,minmax(232px,1fr))!important;
  }
}

/* 2026-07-28 follow-up: reduce the Browse hero dead zone and calm the
   overlay chrome so the page reads as a product grid, not a sticker pile. */
html body main.site-main .container.browse-page{
  padding-top:1.2rem!important;
}
html body main.site-main .container.browse-page .browse-header-row{
  min-height:148px!important;
  height:auto!important;
  padding-bottom:0!important;
  margin-bottom:0!important;
}
html body main.site-main .container.browse-page .browse-page-title{
  font-size:clamp(3.05rem,5.4vw,4.05rem)!important;
  line-height:.88!important;
  letter-spacing:-.04em!important;
}
html body main.site-main .container.browse-page .browse-page-subtitle{
  margin-top:.75rem!important;
  font-size:1.05rem!important;
  line-height:1.18!important;
  max-width:220px!important;
}
html body main.site-main .container.browse-page .browse-header-row .browse-heading-copy .browse-hero-add-listing{
  bottom:13px!important;
  height:38px!important;
  min-height:38px!important;
  min-width:166px!important;
  padding:.42rem 1.22rem!important;
  box-shadow:0 8px 18px rgba(0,0,0,.25),inset 0 1px 0 rgba(255,255,255,.22)!important;
}
html body main.site-main .container.browse-page .browse-header-row .browse-header-controls{
  bottom:13px!important;
  min-height:38px!important;
}
html body main.site-main .container.browse-page #listing-grid{
  margin-top:0!important;
  padding-top:1rem!important;
}
html body main.site-main .container.browse-page #listing-grid.listing-layout-cards{
  gap:1.05rem!important;
}
html body main.site-main .container.browse-page #listing-grid.listing-layout-cards article.listing-card{
  border-radius:16px!important;
  background:linear-gradient(180deg,rgba(8,15,18,.98),rgba(7,19,20,.98))!important;
}
html body main.site-main .container.browse-page #listing-grid.listing-layout-cards article.listing-card .listing-image-wrap{
  border-radius:16px 16px 0 0!important;
}
html body main.site-main .container.browse-page #listing-grid.listing-layout-cards article.listing-card .listing-body{
  padding:.72rem .82rem .86rem!important;
  min-height:86px!important;
}
html body main.site-main .container.browse-page #listing-grid.listing-layout-cards article.listing-card .listing-image-wrap .image-type-pill,
html body main.site-main .container.browse-page #listing-grid.listing-layout-cards article.listing-card .listing-image-wrap .image-location-pill,
html body main.site-main .container.browse-page #listing-grid.listing-layout-cards article.listing-card .listing-image-wrap .image-rating-pill.listing-rating-sort-pill,
html body main.site-main .container.browse-page #listing-grid.listing-layout-cards article.listing-card .listing-image-wrap .browse-card-reaction-pair{
  height:28px!important;
  min-height:28px!important;
  max-height:28px!important;
  box-shadow:0 7px 14px rgba(0,0,0,.24)!important;
}
html body main.site-main .container.browse-page #listing-grid.listing-layout-cards article.listing-card .listing-image-wrap .image-type-pill{
  top:8px!important;
  left:8px!important;
  padding:2px .62rem!important;
}
html body main.site-main .container.browse-page #listing-grid.listing-layout-cards article.listing-card .listing-image-wrap .image-rating-pill.listing-rating-sort-pill{
  top:8px!important;
  right:8px!important;
  padding:2px 1.24rem 2px .48rem!important;
}
html body main.site-main .container.browse-page #listing-grid.listing-layout-cards article.listing-card .listing-image-wrap .image-location-pill{
  left:8px!important;
  right:auto!important;
  bottom:8px!important;
  transform:none!important;
  max-width:calc(100% - 94px)!important;
  padding:2px .58rem!important;
}
html body main.site-main .container.browse-page #listing-grid.listing-layout-cards article.listing-card .listing-image-wrap .browse-card-reaction-pair{
  right:8px!important;
  bottom:8px!important;
  width:68px!important;
  min-width:68px!important;
}
@media(max-width:760px){
  html body main.site-main .container.browse-page #listing-grid.listing-layout-cards{
    grid-template-columns:repeat(auto-fit,minmax(232px,1fr))!important;
  }
}

/* 2026-07-29 Browse normal-flow header repair.
   Keep this card-overlay file from resurrecting the old sticky/title-action header. */
html body main.site-main .container.browse-page .browse-page-header-section .browse-header-row{
  position:relative!important;
  display:flex!important;
  align-items:flex-start!important;
  justify-content:space-between!important;
  gap:.75rem!important;
  min-height:0!important;
  height:auto!important;
  padding:0!important;
  margin:0!important;
  overflow:visible!important;
}
html body main.site-main .container.browse-page .browse-page-header-section .browse-heading-copy{
  min-width:0!important;
}
html body main.site-main .container.browse-page .browse-page-header-section .browse-page-title{
  margin:0!important;
  padding:0!important;
  font-size:clamp(3.15rem,13.5vw,4.15rem)!important;
  line-height:.86!important;
  letter-spacing:-.045em!important;
}
html body main.site-main .container.browse-page .browse-page-header-section .browse-header-controls{
  position:static!important;
  inset:auto!important;
  transform:none!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
  gap:.5rem!important;
  min-height:0!important;
  margin:.18rem 0 0!important;
  flex:0 0 auto!important;
}
html body main.site-main .container.browse-page .browse-page-header-section .browse-after-hero-action{
  display:flex!important;
  justify-content:center!important;
  align-items:center!important;
  width:100%!important;
  margin:.65rem 0 .72rem!important;
  position:relative!important;
  z-index:3!important;
}
html body main.site-main .container.browse-page .browse-page-header-section .browse-after-hero-action .browse-hero-add-listing{
  position:relative!important;
  inset:auto!important;
  left:auto!important;
  right:auto!important;
  top:auto!important;
  bottom:auto!important;
  transform:none!important;
  min-width:166px!important;
  min-height:44px!important;
  height:auto!important;
  margin:0!important;
  z-index:3!important;
}
html body main.site-main .container.browse-page .browse-page-header-section .browse-page-subtitle{
  margin:.65rem 0 .2rem!important;
  max-width:none!important;
  font-size:1.05rem!important;
  line-height:1.2!important;
}
@media(max-width:760px){
  html body main.site-main .container.browse-page .browse-page-header-section .browse-page-title{
    font-size:clamp(3.35rem,16vw,4.45rem)!important;
  }
  html body main.site-main .container.browse-page .browse-page-header-section .browse-header-row{
    display:block!important;
  }
  html body main.site-main .container.browse-page .browse-page-header-section .browse-after-hero-action{
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    gap:.72rem!important;
    width:100%!important;
    margin:1.25rem 0 .72rem!important;
    position:relative!important;
    inset:auto!important;
    transform:none!important;
    z-index:6!important;
  }
  html body main.site-main .container.browse-page .browse-page-header-section .browse-header-controls{
    position:static!important;
    inset:auto!important;
    transform:none!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    gap:.36rem!important;
    flex:0 0 auto!important;
    margin:0!important;
    min-height:54px!important;
    height:54px!important;
  }
  html body main.site-main .container.browse-page .browse-page-header-section .browse-after-hero-action .browse-hero-add-listing,
  html body main.site-main .container.browse-page .browse-page-header-section .browse-view-toggle{
    height:54px!important;
    min-height:54px!important;
    max-height:54px!important;
    align-self:center!important;
    box-sizing:border-box!important;
  }
  html body main.site-main .container.browse-page .browse-page-header-section .browse-after-hero-action .browse-hero-add-listing{
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    min-width:224px!important;
    padding:0 1.45rem!important;
    margin:0!important;
    line-height:1!important;
  }
  html body main.site-main .container.browse-page .browse-page-header-section .browse-view-toggle{
    display:inline-flex!important;
    align-items:center!important;
    padding:4px!important;
  }
  html body main.site-main .container.browse-page .browse-page-header-section .browse-view-button,
  html body main.site-main .container.browse-page .browse-page-header-section .browse-search-toggle{
    width:48px!important;
    min-width:48px!important;
    height:48px!important;
    min-height:48px!important;
    max-height:48px!important;
    align-self:center!important;
  }
}

/* 2026-08-04 Dashboard Things pill rescue: scoped after Browse overlay repairs so icon/text stay visible. */
.member-dashboard .dashboard-thing-image .browse-card-overlay,
.member-dashboard .dashboard-thing-image .browse-card-overlay-top{
  position:absolute!important;left:.58rem!important;top:.58rem!important;right:auto!important;bottom:auto!important;inset:auto auto auto auto!important;
  display:block!important;width:auto!important;height:auto!important;min-width:0!important;min-height:0!important;z-index:8!important;pointer-events:none!important;overflow:visible!important;transform:none!important;
}
.member-dashboard .dashboard-thing-image .type-pill.image-type-pill,
.member-dashboard .dashboard-thing-image .image-type-pill{
  position:relative!important;top:auto!important;left:auto!important;right:auto!important;bottom:auto!important;
  display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:.28rem!important;
  width:auto!important;min-width:0!important;max-width:max-content!important;height:auto!important;min-height:30px!important;
  padding:.32rem .68rem!important;border-radius:999px!important;
  font-size:.80rem!important;font-weight:950!important;line-height:1!important;letter-spacing:0!important;text-indent:0!important;text-transform:none!important;
  color:#07110c!important;-webkit-text-fill-color:#07110c!important;
  background:linear-gradient(135deg,#71e7a2,#35c47a)!important;border:1px solid rgba(255,255,255,.34)!important;box-shadow:0 8px 18px rgba(0,0,0,.34)!important;opacity:1!important;visibility:visible!important;overflow:visible!important;
}
.member-dashboard .dashboard-thing-card.listing-card-service .type-pill.image-type-pill,
.member-dashboard .dashboard-thing-card.listing-card-service .image-type-pill{
  background:linear-gradient(135deg,#71e7a2,#35c47a)!important;color:#07110c!important;-webkit-text-fill-color:#07110c!important;
}
.member-dashboard .dashboard-thing-image .image-type-pill *,
.member-dashboard .dashboard-thing-image .type-pill.image-type-pill *{
  display:inline-flex!important;align-items:center!important;justify-content:center!important;width:auto!important;height:auto!important;min-width:0!important;max-width:none!important;
  font-size:inherit!important;font-weight:inherit!important;line-height:1!important;color:inherit!important;-webkit-text-fill-color:inherit!important;text-indent:0!important;opacity:1!important;visibility:visible!important;overflow:visible!important;
}
.member-dashboard .dashboard-thing-card{border-color:rgba(88,242,160,.28)!important;background:linear-gradient(180deg,rgba(18,30,32,.97),rgba(12,23,19,.98))!important;}

/* 2026-08-04 Dashboard Things pill text fallback: pseudo content survives child-span cascade conflicts. */
.member-dashboard .dashboard-thing-image .dashboard-type-pill::before{
  content:attr(data-type-icon) " " attr(data-type-label)!important;
  display:inline-flex!important;align-items:center!important;justify-content:center!important;
  width:auto!important;min-width:max-content!important;height:auto!important;
  font-size:.80rem!important;font-weight:950!important;line-height:1!important;letter-spacing:0!important;text-indent:0!important;
  color:#07110c!important;-webkit-text-fill-color:#07110c!important;opacity:1!important;visibility:visible!important;white-space:nowrap!important;
}
.member-dashboard .dashboard-thing-image .dashboard-type-pill .type-icon,
.member-dashboard .dashboard-thing-image .dashboard-type-pill .type-label{
  display:none!important;
}
.member-dashboard .dashboard-thing-image .dashboard-type-pill{
  min-width:max-content!important;max-width:none!important;white-space:nowrap!important;
}

/* 2026-08-04 Dashboard Things direct type pill: independent of Browse overlay cascade. */
.member-dashboard .dashboard-thing-image > .dashboard-card-type-pill{
  position:absolute!important;left:.58rem!important;top:.58rem!important;right:auto!important;bottom:auto!important;z-index:30!important;
  display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:.28rem!important;
  width:auto!important;min-width:max-content!important;max-width:none!important;height:auto!important;min-height:30px!important;
  padding:.32rem .68rem!important;border-radius:999px!important;
  background:linear-gradient(135deg,#71e7a2,#35c47a)!important;border:1px solid rgba(255,255,255,.34)!important;box-shadow:0 8px 18px rgba(0,0,0,.34)!important;
  color:#07110c!important;-webkit-text-fill-color:#07110c!important;font-size:.80rem!important;font-weight:950!important;line-height:1!important;letter-spacing:0!important;text-indent:0!important;text-decoration:none!important;text-transform:none!important;white-space:nowrap!important;
  opacity:1!important;visibility:visible!important;overflow:visible!important;transform:none!important;pointer-events:none!important;
}
.member-dashboard .dashboard-thing-card.listing-card-service .dashboard-thing-image > .dashboard-card-type-pill{background:linear-gradient(135deg,#9ecbff,#5898e8)!important;color:#0d1724!important;-webkit-text-fill-color:#0d1724!important;border-color:rgba(210,232,255,.50)!important;}


/* 2026-08-23 mobile card-grid density: keep overlay geometry locked while making Grid view a real 2-column grid. */
@media (max-width:760px){
  html body main.site-main .container #listing-grid.listing-layout-cards{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:10px!important;
    align-items:start!important;
  }
  html body main.site-main .container #listing-grid.listing-layout-cards article.listing-card{
    width:100%!important;
    min-width:0!important;
    margin:0!important;
    border-radius:16px!important;
    overflow:hidden!important;
  }
  html body main.site-main .container #listing-grid.listing-layout-cards article.listing-card .listing-image-wrap{
    aspect-ratio:4/3!important;
    min-height:0!important;
    margin:0!important;
    border-radius:16px 16px 0 0!important;
    overflow:hidden!important;
  }
  html body main.site-main .container #listing-grid.listing-layout-cards article.listing-card .listing-image-link,
  html body main.site-main .container #listing-grid.listing-layout-cards article.listing-card .listing-img{
    width:100%!important;
    height:100%!important;
    object-fit:cover!important;
  }
  html body main.site-main .container #listing-grid.listing-layout-cards article.listing-card .listing-image-wrap .image-type-pill,
  html body main.site-main .container #listing-grid.listing-layout-cards article.listing-card .listing-image-wrap .image-rating-pill.listing-rating-sort-pill{
    top:6px!important;
    height:26px!important;
    min-height:26px!important;
    max-height:26px!important;
    font-size:.68rem!important;
    border-radius:999px!important;
  }
  html body main.site-main .container #listing-grid.listing-layout-cards article.listing-card .listing-image-wrap .image-type-pill{
    left:6px!important;
    padding:1px .46rem!important;
    max-width:44%!important;
  }
  html body main.site-main .container #listing-grid.listing-layout-cards article.listing-card .listing-image-wrap .image-rating-pill.listing-rating-sort-pill{
    right:6px!important;
    min-width:0!important;
    max-width:54%!important;
    padding:1px 1.2rem 1px .42rem!important;
    gap:.04rem!important;
  }
  html body main.site-main .container #listing-grid.listing-layout-cards article.listing-card .listing-image-wrap .image-rating-pill.listing-rating-sort-pill .rating-star{
    font-size:.78rem!important;
  }
  html body main.site-main .container #listing-grid.listing-layout-cards article.listing-card .listing-image-wrap .image-rating-pill.listing-rating-sort-pill .rating-sort-icon{
    right:.24rem!important;
    width:.7rem!important;
    height:.7rem!important;
    font-size:.56rem!important;
  }
  html body main.site-main .container #listing-grid.listing-layout-cards article.listing-card .listing-image-wrap .image-location-pill,
  html body main.site-main .container #listing-grid.listing-layout-cards article.listing-card .listing-image-wrap .browse-card-reaction-pair{
    bottom:6px!important;
    height:26px!important;
    min-height:26px!important;
    max-height:26px!important;
    font-size:.68rem!important;
    border-radius:999px!important;
  }
  html body main.site-main .container #listing-grid.listing-layout-cards article.listing-card .listing-image-wrap .image-location-pill{
    left:6px!important;
    right:auto!important;
    transform:none!important;
    max-width:calc(100% - 82px)!important;
    padding:1px .42rem!important;
  }
  html body main.site-main .container #listing-grid.listing-layout-cards article.listing-card .listing-image-wrap .browse-card-reaction-pair{
    right:6px!important;
    min-width:58px!important;
  }
  html body main.site-main .container #listing-grid.listing-layout-cards article.listing-card .listing-image-wrap .browse-card-reaction-pair .browse-card-reaction{
    width:28px!important;
    min-width:28px!important;
  }
  html body main.site-main .container #listing-grid.listing-layout-cards article.listing-card .listing-image-wrap .browse-card-reaction-pair .browse-card-reaction > span[aria-hidden="true"]{
    font-size:.86rem!important;
  }
  html body main.site-main .container #listing-grid.listing-layout-cards article.listing-card .listing-body{
    padding:.58rem .62rem .7rem!important;
  }
  html body main.site-main .container #listing-grid.listing-layout-cards article.listing-card .listing-title,
  html body main.site-main .container #listing-grid.listing-layout-cards article.listing-card .listing-title a{
    font-size:.92rem!important;
    line-height:1.14!important;
  }
  html body main.site-main .container #listing-grid.listing-layout-cards article.listing-card .listing-desc{
    display:-webkit-box!important;
    -webkit-line-clamp:2!important;
    -webkit-box-orient:vertical!important;
    overflow:hidden!important;
    font-size:.76rem!important;
    line-height:1.22!important;
    margin-top:.35rem!important;
  }
}
