/* Browse rating sort and image-overlay controls. */
body main.site-main .container.browse-page #listing-grid .listing-card .listing-image-wrap{
  position:relative!important;
  overflow:visible!important;
}
body main.site-main .container.browse-page #listing-grid .listing-card .image-rating-pill.listing-rating-sort-pill{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:.24rem!important;
  cursor:pointer!important;
  text-decoration:none!important;
  position:absolute!important;
  top:8px!important;
  right:8px!important;
  left:auto!important;
  bottom:auto!important;
  transform:none!important;
  z-index:42!important;
  width:auto!important;
  min-width:0!important;
  min-height:36px!important;
  height:36px!important;
  box-sizing:border-box!important;
  padding:2px .72rem!important;
  max-width:calc(100% - 16px)!important;
  margin:0!important;
  overflow:hidden!important;
  white-space:nowrap!important;
}
body main.site-main .container.browse-page #listing-grid .listing-card .image-rating-pill.listing-rating-sort-pill .rating-sort-icon{
  display:inline-grid!important;
  place-items:center!important;
  width:1.08em!important;
  height:1.08em!important;
  margin-left:.04rem!important;
  border-radius:999px!important;
  background:rgba(6,17,11,.22)!important;
  color:currentColor!important;
  font-size:.82em!important;
  font-weight:950!important;
  line-height:1!important;
  flex:0 0 auto!important;
  transform:translateY(-.02em)!important;
}
body main.site-main .container.browse-page #listing-grid .listing-card .image-rating-pill.listing-rating-sort-pill:hover .rating-sort-icon,
body main.site-main .container.browse-page #listing-grid .listing-card .image-rating-pill.listing-rating-sort-pill:focus-visible .rating-sort-icon,
body main.site-main .container.browse-page #listing-grid .listing-card .image-rating-pill.listing-rating-sort-pill.is-rating-sort-expanding .rating-sort-icon{
  background:rgba(255,255,255,.38)!important;
}
body main.site-main .container.browse-page #listing-grid .listing-card .image-rating-pill.listing-rating-sort-pill .owner-rating-label{
  display:inline-flex!important;
  align-items:center!important;
  max-width:0!important;
  opacity:0!important;
  overflow:hidden!important;
  white-space:nowrap!important;
  font-size:.66rem!important;
  line-height:1!important;
  font-weight:850!important;
  letter-spacing:.02em!important;
  text-transform:uppercase!important;
  transition:max-width .24s cubic-bezier(.2,.8,.2,1), opacity .16s ease!important;
}
body main.site-main .container.browse-page #listing-grid .listing-card .image-rating-pill.listing-rating-sort-pill:hover .owner-rating-label,
body main.site-main .container.browse-page #listing-grid .listing-card .image-rating-pill.listing-rating-sort-pill:focus-visible .owner-rating-label,
body main.site-main .container.browse-page #listing-grid .listing-card .image-rating-pill.listing-rating-sort-pill.is-rating-sort-expanding .owner-rating-label,
body main.site-main .container.browse-page #listing-grid.is-rating-sort-active .listing-card .image-rating-pill.listing-rating-sort-pill .owner-rating-label{
  max-width:10.9rem!important;
  opacity:1!important;
}
body main.site-main .container.browse-page #listing-grid .listing-card .image-rating-pill.listing-rating-sort-pill .owner-rating-stars{
  display:inline-flex!important;
  align-items:center!important;
  gap:.02rem!important;
  flex:0 0 auto!important;
}

/* Like/dislike control: old-Facebook-style segmented pill on the image overlay. */
body main.site-main .container.browse-page #listing-grid .listing-card .listing-image-wrap .browse-card-overlay-top{
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  transform:none!important;
  z-index:40!important;
  pointer-events:none!important;
  display:block!important;
}
body main.site-main .container.browse-page #listing-grid .listing-card .listing-image-wrap .image-type-pill{
  position:absolute!important;
  top:8px!important;
  left:8px!important;
  right:auto!important;
  bottom:auto!important;
  z-index:41!important;
  pointer-events:auto!important;
  min-height:36px!important;
  height:36px!important;
  box-sizing:border-box!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  padding:2px .58rem!important;
}
body main.site-main .container.browse-page #listing-grid .listing-card .listing-image-wrap .browse-card-reaction-pair{
  position:absolute!important;
  right:8px!important;
  bottom:8px!important;
  left:auto!important;
  top:auto!important;
  z-index:43!important;
  display:inline-flex!important;
  align-items:center!important;
  gap:0!important;
  padding:2px!important;
  border:1px solid rgba(255,255,255,.58)!important;
  border-radius:999px!important;
  background:rgba(8,18,14,.66)!important;
  box-shadow:0 10px 24px rgba(0,0,0,.28)!important;
  backdrop-filter:blur(10px)!important;
  pointer-events:auto!important;
  overflow:hidden!important;
}
body main.site-main .container.browse-page #listing-grid .listing-card .listing-image-wrap .browse-card-reaction{
  min-width:35px!important;
  width:35px!important;
  height:30px!important;
  border-radius:999px!important;
  display:inline-grid!important;
  place-items:center!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
  color:#f8fafc!important;
  box-shadow:none!important;
  overflow:hidden!important;
  font-size:0!important;
  line-height:1!important;
  transform:translateZ(0)!important;
  transition:background .14s ease,color .14s ease,transform .12s ease!important;
}
body main.site-main .container.browse-page #listing-grid .listing-card .listing-image-wrap .browse-card-reaction + .browse-card-reaction{
  border-left:1px solid rgba(255,255,255,.22)!important;
  border-top-left-radius:0!important;
  border-bottom-left-radius:0!important;
}
body main.site-main .container.browse-page #listing-grid .listing-card .listing-image-wrap .browse-card-reaction:first-child{
  border-top-right-radius:0!important;
  border-bottom-right-radius:0!important;
}
body main.site-main .container.browse-page #listing-grid .listing-card .listing-image-wrap .browse-card-reaction:hover,
body main.site-main .container.browse-page #listing-grid .listing-card .listing-image-wrap .browse-card-reaction:focus-visible{
  background:rgba(255,255,255,.18)!important;
}
body main.site-main .container.browse-page #listing-grid .listing-card .listing-image-wrap .browse-card-reaction > span[aria-hidden="true"]{
  display:block!important;
  font-size:17px!important;
  line-height:1!important;
  filter:grayscale(.22)!important;
}
body main.site-main .container.browse-page #listing-grid .listing-card .listing-image-wrap .browse-card-reaction .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;
}
body main.site-main .container.browse-page #listing-grid .listing-card .listing-image-wrap .browse-card-like.is-liked{
  background:#1877f2!important;
  color:#fff!important;
}
body main.site-main .container.browse-page #listing-grid .listing-card .listing-image-wrap .browse-card-dislike.is-disliked{
  background:#6b7280!important;
  color:#fff!important;
}
body main.site-main .container.browse-page #listing-grid .listing-card .listing-image-wrap .browse-card-reaction.is-liked > span[aria-hidden="true"],
body main.site-main .container.browse-page #listing-grid .listing-card .listing-image-wrap .browse-card-reaction.is-disliked > span[aria-hidden="true"]{
  filter:none!important;
}
body main.site-main .container.browse-page #listing-grid .listing-card .listing-image-wrap .browse-card-reaction.is-pressing{
  animation:swapthing-reaction-button-pop .52s cubic-bezier(.16,1.45,.22,1) both!important;
}
body main.site-main .container.browse-page #listing-grid .listing-card-item .listing-image-wrap .browse-card-reaction-pair{
  background:var(--green)!important;
  color:#06110b!important;
}
body main.site-main .container.browse-page #listing-grid .listing-card-service .listing-image-wrap .browse-card-reaction-pair{
  background:rgba(158,203,255,.92)!important;
  color:#0d1724!important;
}
body main.site-main .container.browse-page #listing-grid .listing-card .listing-image-wrap .browse-card-reaction-pair.is-reaction-selected{
  padding:2px!important;
  transform-origin:center!important;
  transition:transform .18s ease, padding .18s ease, background .16s ease!important;
}
body main.site-main .container.browse-page #listing-grid .listing-card .listing-image-wrap .browse-card-reaction-pair.is-reaction-animating{
  animation:swapthing-reaction-pill-burst .62s cubic-bezier(.16,1.45,.22,1) both!important;
  overflow:visible!important;
  z-index:60!important;
}
body main.site-main .container.browse-page #listing-grid .listing-card .listing-image-wrap .browse-card-reaction-pair.is-reaction-animating::before,
body main.site-main .container.browse-page #listing-grid .listing-card .listing-image-wrap .browse-card-reaction-pair.is-reaction-animating::after{
  content:""!important;
  position:absolute!important;
  inset:-10px -18px!important;
  pointer-events:none!important;
  z-index:2!important;
  border-radius:999px!important;
  background:linear-gradient(90deg,transparent 0 16%,rgba(255,255,255,.95) 18% 26%,transparent 29% 45%,rgba(255,255,255,.78) 48% 56%,transparent 59% 100%)!important;
  filter:blur(1px)!important;
  opacity:0!important;
  animation:swapthing-reaction-speedlines .42s ease-out both!important;
}
body main.site-main .container.browse-page #listing-grid .listing-card .listing-image-wrap .browse-card-reaction-pair.is-reaction-animating::after{
  transform:rotate(180deg)!important;
  animation-delay:.05s!important;
}
body main.site-main .container.browse-page #listing-grid .listing-card .listing-image-wrap .browse-card-reaction-pair.is-selected-like .browse-card-dislike,
body main.site-main .container.browse-page #listing-grid .listing-card .listing-image-wrap .browse-card-reaction-pair.is-selected-dislike .browse-card-like{
  width:0!important;
  min-width:0!important;
  opacity:0!important;
  pointer-events:none!important;
  border-left:0!important;
  transform:scale(.65)!important;
}
body main.site-main .container.browse-page #listing-grid .listing-card .listing-image-wrap .browse-card-reaction-pair.is-selected-like .browse-card-like,
body main.site-main .container.browse-page #listing-grid .listing-card .listing-image-wrap .browse-card-reaction-pair.is-selected-dislike .browse-card-dislike{
  width:28px!important;
  min-width:28px!important;
  height:26px!important;
  border-radius:999px!important;
  background:rgba(255,255,255,.22)!important;
  color:inherit!important;
}
body main.site-main .container.browse-page #listing-grid .listing-card .listing-image-wrap .browse-card-reaction-pair.is-selected-like .browse-card-like > span[aria-hidden="true"],
body main.site-main .container.browse-page #listing-grid .listing-card .listing-image-wrap .browse-card-reaction-pair.is-selected-dislike .browse-card-dislike > span[aria-hidden="true"]{
  filter:none!important;
}
@keyframes swapthing-reaction-button-pop{
  0%{transform:scale(1);filter:none;}
  34%{transform:scale(1.46);filter:drop-shadow(0 0 11px rgba(255,255,255,.95));}
  62%{transform:scale(.88);filter:drop-shadow(0 0 7px rgba(255,255,255,.65));}
  100%{transform:scale(1);filter:none;}
}
@keyframes swapthing-reaction-pill-burst{
  0%{transform:scale(1);}
  32%{transform:scale(1.28);}
  62%{transform:scale(.94);}
  100%{transform:scale(1);}
}
@keyframes swapthing-reaction-speedlines{
  0%{opacity:0;transform:translateX(-24px) scaleX(.55);}
  18%{opacity:.98;}
  52%{opacity:.84;}
  100%{opacity:0;transform:translateX(32px) scaleX(1.32);}
}


body main.site-main .container.browse-page #listing-grid.is-rating-sort-active{
  will-change:auto!important;
}
body main.site-main .container.browse-page #listing-grid.is-rating-sort-out{
  animation:none!important;
  pointer-events:none!important;
}
body main.site-main .container.browse-page #listing-grid.is-rating-sort-in{
  animation:none!important;
}
body main.site-main .container.browse-page #listing-grid .listing-card.is-rating-card-out{
  animation:swapthing-rating-card-out .28s cubic-bezier(.45,0,.2,1) both!important;
}
body main.site-main .container.browse-page #listing-grid .listing-card.is-rating-card-in{
  animation:swapthing-rating-card-in .36s cubic-bezier(.18,.84,.22,1) both!important;
}
@keyframes swapthing-rating-sort-out{
  from{opacity:1;transform:translate3d(0,0,0) scale(1);filter:none;}
  to{opacity:0;transform:translate3d(-42px,0,0) scale(.985);filter:blur(3px) saturate(.85);}
}
@keyframes swapthing-rating-sort-in{
  from{opacity:0;transform:translate3d(42px,0,0) scale(.985);filter:blur(3px) saturate(.85);}
  to{opacity:1;transform:translate3d(0,0,0) scale(1);filter:none;}
}
@keyframes swapthing-rating-card-out{
  from{opacity:1;transform:translate3d(0,0,0) scale(1);filter:none;}
  to{opacity:0;transform:translate3d(-42px,0,0) scale(.985);filter:blur(3px) saturate(.85);}
}
@keyframes swapthing-rating-card-in{
  from{opacity:0;transform:translate3d(42px,0,0) scale(.985);filter:blur(3px) saturate(.85);}
  to{opacity:1;transform:translate3d(0,0,0) scale(1);filter:none;}
}
@media (prefers-reduced-motion:reduce){
  body main.site-main .container.browse-page #listing-grid.is-rating-sort-out,
  body main.site-main .container.browse-page #listing-grid.is-rating-sort-in,
  body main.site-main .container.browse-page #listing-grid .listing-card.is-rating-card-out,
  body main.site-main .container.browse-page #listing-grid .listing-card.is-rating-card-in{animation:none!important;}
}
@media (max-width:760px){
  body main.site-main .container.browse-page #listing-grid .listing-card .image-rating-pill.listing-rating-sort-pill{top:7px!important;right:7px!important;min-height:35px!important;height:35px!important;padding:2px .6rem!important;gap:.14rem!important;}
  body main.site-main .container.browse-page #listing-grid .listing-card .listing-image-wrap .image-type-pill{top:7px!important;left:7px!important;min-height:35px!important;height:35px!important;padding:2px .5rem!important;}
  body main.site-main .container.browse-page #listing-grid .listing-card .image-rating-pill.listing-rating-sort-pill .rating-star{width:.82em!important;min-width:.82em!important;height:1em!important;line-height:1!important;}
  body main.site-main .container.browse-page #listing-grid .listing-card .listing-image-wrap .browse-card-reaction-pair{right:7px!important;bottom:7px!important;gap:0!important;}
  body main.site-main .container.browse-page #listing-grid .listing-card .listing-image-wrap .browse-card-reaction{min-width:33px!important;width:33px!important;height:29px!important;}
}

/* 2026-07-08 rating pill color parity: stars pill background matches the listing type pill. */
body main.site-main .container.browse-page #listing-grid .listing-card-item .image-rating-pill.listing-rating-sort-pill,
body main.site-main .container.browse-page #listing-grid .listing-card-item .listing-owner-pill.has-stars.image-rating-pill{
  background:var(--green)!important;
  color:#06110b!important;
  border-color:rgba(6,17,11,.28)!important;
}
body main.site-main .container.browse-page #listing-grid .listing-card-service .image-rating-pill.listing-rating-sort-pill,
body main.site-main .container.browse-page #listing-grid .listing-card-service .listing-owner-pill.has-stars.image-rating-pill{
  background:#9ecbff!important;
  color:#0d1724!important;
  border-color:rgba(13,23,36,.28)!important;
}
body main.site-main .container.browse-page #listing-grid .listing-card .image-rating-pill.listing-rating-sort-pill .owner-rating-label,
body main.site-main .container.browse-page #listing-grid .listing-card .image-rating-pill.listing-rating-sort-pill .owner-rating-note{
  color:inherit!important;
}
/* 2026-07-09 restore star-click rating sort and pill height parity. */
body main.site-main .container.browse-page #listing-grid .listing-card .listing-image-wrap .image-type-pill,
body main.site-main .container.browse-page #listing-grid .listing-card .image-rating-pill.listing-rating-sort-pill{
  min-height:36px!important;
  height:36px!important;
  padding-top:2px!important;
  padding-bottom:2px!important;
  box-sizing:border-box!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
}
body main.site-main .container.browse-page #listing-grid .listing-card .image-rating-pill.listing-rating-sort-pill{
  pointer-events:auto!important;
  cursor:pointer!important;
}
@media (max-width:760px){
  body main.site-main .container.browse-page #listing-grid .listing-card .listing-image-wrap .image-type-pill,
  body main.site-main .container.browse-page #listing-grid .listing-card .image-rating-pill.listing-rating-sort-pill{
    min-height:35px!important;
    height:35px!important;
  }
}

/* 2026-07-09 star sort label expands downward from pill bottom. */
body main.site-main .container.browse-page #listing-grid .listing-card .image-rating-pill.listing-rating-sort-pill{
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  gap:0!important;
  width:auto!important;
  min-width:calc(5em + 1.1rem)!important;
  max-width:calc(100% - 16px)!important;
  height:36px!important;
  min-height:36px!important;
  padding:2px .72rem!important;
  overflow:hidden!important;
  transition:height .22s cubic-bezier(.2,.8,.2,1), min-height .22s cubic-bezier(.2,.8,.2,1), box-shadow .16s ease!important;
}
body main.site-main .container.browse-page #listing-grid .listing-card .image-rating-pill.listing-rating-sort-pill:hover,
body main.site-main .container.browse-page #listing-grid .listing-card .image-rating-pill.listing-rating-sort-pill:focus-visible,
body main.site-main .container.browse-page #listing-grid .listing-card .image-rating-pill.listing-rating-sort-pill.is-rating-sort-expanding,
body main.site-main .container.browse-page #listing-grid.is-rating-sort-active .listing-card .image-rating-pill.listing-rating-sort-pill{
  height:52px!important;
  min-height:52px!important;
}
body main.site-main .container.browse-page #listing-grid .listing-card .image-rating-pill.listing-rating-sort-pill .owner-rating-stars{
  order:1!important;
  min-height:20px!important;
  line-height:1!important;
}
body main.site-main .container.browse-page #listing-grid .listing-card .image-rating-pill.listing-rating-sort-pill .rating-sort-icon{
  display:none!important;
}
body main.site-main .container.browse-page #listing-grid .listing-card .image-rating-pill.listing-rating-sort-pill .owner-rating-label{
  order:2!important;
  display:block!important;
  max-width:none!important;
  width:100%!important;
  max-height:0!important;
  opacity:0!important;
  margin:0!important;
  transform:translateY(-3px)!important;
  text-align:center!important;
  line-height:1!important;
  white-space:nowrap!important;
  transition:max-height .22s cubic-bezier(.2,.8,.2,1), opacity .16s ease, transform .22s cubic-bezier(.2,.8,.2,1)!important;
}
body main.site-main .container.browse-page #listing-grid .listing-card .image-rating-pill.listing-rating-sort-pill:hover .owner-rating-label,
body main.site-main .container.browse-page #listing-grid .listing-card .image-rating-pill.listing-rating-sort-pill:focus-visible .owner-rating-label,
body main.site-main .container.browse-page #listing-grid .listing-card .image-rating-pill.listing-rating-sort-pill.is-rating-sort-expanding .owner-rating-label,
body main.site-main .container.browse-page #listing-grid.is-rating-sort-active .listing-card .image-rating-pill.listing-rating-sort-pill .owner-rating-label{
  max-height:1.05rem!important;
  opacity:1!important;
  transform:translateY(1px)!important;
}
@media (max-width:760px){
  body main.site-main .container.browse-page #listing-grid .listing-card .image-rating-pill.listing-rating-sort-pill{height:35px!important;min-height:35px!important;}
  body main.site-main .container.browse-page #listing-grid .listing-card .image-rating-pill.listing-rating-sort-pill:hover,
  body main.site-main .container.browse-page #listing-grid .listing-card .image-rating-pill.listing-rating-sort-pill:focus-visible,
  body main.site-main .container.browse-page #listing-grid .listing-card .image-rating-pill.listing-rating-sort-pill.is-rating-sort-expanding,
  body main.site-main .container.browse-page #listing-grid.is-rating-sort-active .listing-card .image-rating-pill.listing-rating-sort-pill{height:51px!important;min-height:51px!important;}
}