/* Global page-header width rule: header strips span the viewport; their inner content stays readable. */

body main.site-main > .container > :is(

  .browse-page-header-section,

  .dashboard-sticky-page-shell,

  .readiness-hero,

  .profile-hero,

  .public-profile-hero,

  .partners-hero,

  .impact-hero,

  .leaderboard-hero,

  .matches-hero,

  .product-hero,

  .listing-detail-hero

):first-child,

body main.site-main .product-page:has(.add-product-shell) .add-product-shell > div:first-child{

  width:100vw!important;

  max-width:none!important;

  margin-left:calc(50% - 50vw)!important;

  margin-right:calc(50% - 50vw)!important;

  border-left:0!important;

  border-right:0!important;

  border-radius:0!important;

}

body main.site-main > .container > :is(

  .browse-page-header-section,

  .dashboard-sticky-page-shell,

  .readiness-hero,

  .profile-hero,

  .public-profile-hero,

  .partners-hero,

  .impact-hero,

  .leaderboard-hero,

  .matches-hero,

  .product-hero,

  .listing-detail-hero

):first-child{

  box-sizing:border-box!important;

}

body main.site-main > .container > :is(

  .readiness-hero,

  .profile-hero,

  .public-profile-hero,

  .partners-hero,

  .impact-hero,

  .leaderboard-hero,

  .matches-hero,

  .product-hero,

  .listing-detail-hero

):first-child{

  padding-left:max(18px,calc((100vw - 1120px) / 2 + 18px))!important;

  padding-right:max(18px,calc((100vw - 1120px) / 2 + 18px))!important;

}

body main.site-main .container.browse-page #listing-grid.listing-layout-list .listing-card .listing-image-wrap .listing-rating-sort-pill.image-rating-pill{

  position:absolute!important;

  top:6px!important;

  right:6px!important;

  left:auto!important;

  bottom:auto!important;

  transform:none!important;

  z-index:26!important;

  display:inline-flex!important;

  align-items:center!important;

  justify-content:center!important;

  gap:.12rem!important;

  min-width:0!important;

  width:max-content!important;

  max-width:calc(100% - 12px)!important;

  height:36px!important;

  min-height:36px!important;

  padding:2px .42rem 2px .62rem!important;

  border-radius:999px!important;

  background:linear-gradient(135deg,#79edb2,#37c979)!important;

  border:1px solid rgba(255,255,255,.58)!important;

  color:#06110b!important;

  -webkit-text-fill-color:#06110b!important;

  box-shadow:0 8px 18px rgba(0,0,0,.28),inset 0 1px 0 rgba(255,255,255,.34)!important;

  overflow:hidden!important;

}

body main.site-main .container.browse-page #listing-grid.listing-layout-list .listing-card-service .listing-rating-sort-pill.image-rating-pill{

  background:linear-gradient(135deg,#d7ecff,#9ecbff)!important;

  color:#0d1724!important;

  -webkit-text-fill-color:#0d1724!important;

}

body main.site-main .container.browse-page #listing-grid.listing-layout-list .listing-card .listing-rating-sort-pill .owner-rating-stars{gap:.01rem!important;}

body main.site-main .container.browse-page #listing-grid.listing-layout-list .listing-card .listing-rating-sort-pill .rating-star{width:.82em!important;min-width:.82em!important;}

body main.site-main .container.browse-page #listing-grid.listing-layout-list .listing-card .listing-rating-sort-pill .rating-sort-icon{

  display:inline-grid!important;

  place-items:center!important;

  width:1.06em!important;

  height:1.06em!important;

  min-width:1.06em!important;

  margin-left:.04rem!important;

  border-radius:999px!important;

  color:#06110b!important;

  -webkit-text-fill-color:#06110b!important;

  background:rgba(6,17,11,.12)!important;

  border:1px solid rgba(6,17,11,.24)!important;

  text-shadow:none!important;

  box-shadow:none!important;

}

body main.site-main .container.browse-page #listing-grid.listing-layout-list .listing-card-service .listing-rating-sort-pill .rating-sort-icon{

  color:#0d1724!important;

  -webkit-text-fill-color:#0d1724!important;

  background:rgba(13,23,36,.12)!important;

  border-color:rgba(13,23,36,.24)!important;

}

body main.site-main .container.browse-page #listing-grid.listing-layout-list .listing-card .listing-location-text{

  display:inline-flex!important;

  align-items:center!important;

  gap:.38rem!important;

  width:max-content!important;

  max-width:100%!important;

  min-height:30px!important;

  margin:.26rem 0 .35rem!important;

  padding:.22rem .62rem .22rem .42rem!important;

  border-radius:999px!important;

  background:linear-gradient(135deg,#79edb2,#37c979)!important;

  border:1px solid rgba(255,255,255,.58)!important;

  color:#06110b!important;

  -webkit-text-fill-color:#06110b!important;

  font-weight:900!important;

  box-shadow:0 8px 18px rgba(0,0,0,.24),inset 0 1px 0 rgba(255,255,255,.34)!important;

  overflow:hidden!important;

}

body main.site-main .container.browse-page #listing-grid.listing-layout-list .listing-card .listing-location-text::before{content:none!important;display:none!important;}

body main.site-main .container.browse-page #listing-grid.listing-layout-list .listing-card .listing-location-text .listing-location-inline-pin{

  display:inline-grid!important;

  place-items:center!important;

  width:1.45rem!important;

  height:1.45rem!important;

  min-width:1.45rem!important;

  border-radius:0!important;

  background:transparent!important;

  box-shadow:none!important;

}

body main.site-main .container.browse-page #listing-grid.listing-layout-list .listing-card .listing-location-text .listing-location-inline-pin svg{width:1.05rem!important;height:1.05rem!important;fill:#e63838!important;}

body main.site-main .container.browse-page #listing-grid.listing-layout-list .listing-card .listing-location-text,

body main.site-main .container.browse-page #listing-grid.listing-layout-list .listing-card .listing-location-text *,

body main.site-main .container.browse-page #listing-grid.listing-layout-list .listing-card .listing-location-text .listing-location-label{

  color:#06110b!important;

  -webkit-text-fill-color:#06110b!important;

  text-shadow:none!important;

}

body main.site-main .container.browse-page #listing-grid.listing-layout-list .listing-card-service .listing-location-text,

body main.site-main .container.browse-page #listing-grid.listing-layout-list .listing-card-service .listing-location-text *,

body main.site-main .container.browse-page #listing-grid.listing-layout-list .listing-card-service .listing-location-text .listing-location-label{

  color:#0d1724!important;

  -webkit-text-fill-color:#0d1724!important;

  text-shadow:none!important;

}

body main.site-main .container.browse-page #listing-grid.listing-layout-list .listing-card .listing-location-text .listing-location-label{min-width:0!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;}

body main.site-main .container.browse-page #listing-grid .listing-card .listing-image-wrap .browse-card-reaction-pair .browse-card-reaction > span[aria-hidden="true"]{

  display:block!important;

  opacity:1!important;

  visibility:visible!important;

  color:inherit!important;

  -webkit-text-fill-color:inherit!important;

  font-size:17px!important;

  line-height:1!important;

  filter:none!important;

}

body main.site-main .container.browse-page #listing-grid .listing-card .listing-image-wrap .browse-card-reaction-pair .browse-card-reaction{

  color:#06110b!important;

  -webkit-text-fill-color:#06110b!important;

}

body main.site-main .container.browse-page #listing-grid .listing-card-service .listing-image-wrap .browse-card-reaction-pair .browse-card-reaction{

  color:#0d1724!important;

  -webkit-text-fill-color:#0d1724!important;

}

body main.site-main .container.browse-page #listing-grid .listing-card .listing-image-wrap .browse-card-reaction-pair{

  transition:width .18s ease,min-width .18s ease,max-width .18s ease,height .18s ease,min-height .18s ease,max-height .18s ease,border-radius .18s ease,background .16s ease,transform .16s ease!important;

}

body main.site-main .container.browse-page,

body main.site-main .container.browse-page #listing-grid.listing-layout-list{

  overflow-x:clip!important;

}

body main.site-main .container.browse-page #listing-grid.listing-layout-list .listing-card,

body main.site-main .container.browse-page #listing-grid.listing-layout-list .listing-card .listing-image-wrap,

body main.site-main .container.browse-page #listing-grid.listing-layout-list .listing-card .listing-image-wrap .image-overlay,

body main.site-main .container.browse-page #listing-grid.listing-layout-list .listing-card .listing-image-wrap .browse-card-reaction-pair,

body main.site-main .container.browse-page #listing-grid.listing-layout-list .listing-card .listing-image-wrap .browse-card-reaction,

body main.site-main .container.browse-page #listing-grid.listing-layout-list .listing-card .listing-image-wrap .browse-card-reaction > span[aria-hidden="true"]{

  overflow:visible!important;

}

body main.site-main .container.browse-page #listing-grid article.listing-card .listing-image-wrap .image-location-pill,

body main.site-main .container.browse-page #listing-grid article.listing-card .listing-image-wrap .image-location-pill .loc-city,

body main.site-main .container.browse-page #listing-grid article.listing-card .listing-image-wrap .image-location-pill .loc-distance{

  font-family:inherit!important;

  font-size:.78rem!important;

  font-weight:400!important;

  line-height:normal!important;

  letter-spacing:normal!important;

}

body main.site-main .container.browse-page #listing-grid article.listing-card .listing-location-text .listing-location-label,

body main.site-main .container.browse-page #listing-grid.listing-layout-list article.listing-card .listing-location-text .listing-location-label{

  font-family:inherit!important;

  font-size:.78rem!important;

  font-weight:400!important;

  line-height:normal!important;

  letter-spacing:normal!important;

}

body main.site-main .container.browse-page #listing-grid .listing-card .listing-image-wrap .browse-card-reaction-pair.is-reaction-selected,

body main.site-main .container.browse-page #listing-grid .listing-card .listing-image-wrap .browse-card-reaction-pair.is-selected-like,

body main.site-main .container.browse-page #listing-grid .listing-card .listing-image-wrap .browse-card-reaction-pair.is-selected-dislike,

body main.site-main .container.browse-page #listing-grid .listing-card .listing-image-wrap .browse-card-reaction-pair:has(.browse-card-like.is-liked),

body main.site-main .container.browse-page #listing-grid .listing-card .listing-image-wrap .browse-card-reaction-pair:has(.browse-card-dislike.is-disliked),

body main.site-main .container.browse-page #listing-grid.listing-layout-list .listing-card .listing-image-wrap .browse-card-reaction-pair.is-reaction-selected,

body main.site-main .container.browse-page #listing-grid.listing-layout-list .listing-card .listing-image-wrap .browse-card-reaction-pair.is-selected-like,

body main.site-main .container.browse-page #listing-grid.listing-layout-list .listing-card .listing-image-wrap .browse-card-reaction-pair.is-selected-dislike,

body main.site-main .container.browse-page #listing-grid.listing-layout-list .listing-card .listing-image-wrap .browse-card-reaction-pair:has(.browse-card-like.is-liked),

body main.site-main .container.browse-page #listing-grid.listing-layout-list .listing-card .listing-image-wrap .browse-card-reaction-pair:has(.browse-card-dislike.is-disliked){

  width:42px!important;

  min-width:42px!important;

  max-width:42px!important;

  height:42px!important;

  min-height:42px!important;

  max-height:42px!important;

  aspect-ratio:1/1!important;

  padding:0!important;

  border-radius:50%!important;

  overflow:visible!important;

  display:inline-grid!important;

  place-items:center!important;

  justify-content:center!important;

  align-items:center!important;

  border:1px solid rgba(255,255,255,.64)!important;

  box-shadow:0 10px 22px rgba(0,0,0,.28),inset 0 1px 0 rgba(255,255,255,.28)!important;

}

body main.site-main .container.browse-page #listing-grid .listing-card .listing-image-wrap .browse-card-reaction-pair.is-selected-like,

body main.site-main .container.browse-page #listing-grid .listing-card .listing-image-wrap .browse-card-reaction-pair:has(.browse-card-like.is-liked),

body main.site-main .container.browse-page #listing-grid.listing-layout-cards .listing-card .listing-image-wrap .browse-card-reaction-pair.is-selected-like,

body main.site-main .container.browse-page #listing-grid.listing-layout-cards .listing-card .listing-image-wrap .browse-card-reaction-pair:has(.browse-card-like.is-liked),

body main.site-main .container.browse-page #listing-grid.listing-layout-list .listing-card .listing-image-wrap .browse-card-reaction-pair.is-selected-like,

body main.site-main .container.browse-page #listing-grid.listing-layout-list .listing-card .listing-image-wrap .browse-card-reaction-pair:has(.browse-card-like.is-liked){

  background:#18c76f!important;

  color:#06110b!important;

  -webkit-text-fill-color:#06110b!important;

}

body main.site-main .container.browse-page #listing-grid .listing-card .listing-image-wrap .browse-card-reaction-pair.is-selected-dislike,

body main.site-main .container.browse-page #listing-grid .listing-card .listing-image-wrap .browse-card-reaction-pair:has(.browse-card-dislike.is-disliked),

body main.site-main .container.browse-page #listing-grid.listing-layout-cards .listing-card .listing-image-wrap .browse-card-reaction-pair.is-selected-dislike,

body main.site-main .container.browse-page #listing-grid.listing-layout-cards .listing-card .listing-image-wrap .browse-card-reaction-pair:has(.browse-card-dislike.is-disliked),

body main.site-main .container.browse-page #listing-grid.listing-layout-list .listing-card .listing-image-wrap .browse-card-reaction-pair.is-selected-dislike,

body main.site-main .container.browse-page #listing-grid.listing-layout-list .listing-card .listing-image-wrap .browse-card-reaction-pair:has(.browse-card-dislike.is-disliked){

  background:#e5484d!important;

  color:#fffdf0!important;

  -webkit-text-fill-color:#fffdf0!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.browse-card-like.is-liked,

body main.site-main .container.browse-page #listing-grid.listing-layout-cards .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-layout-cards .listing-card .listing-image-wrap .browse-card-reaction.browse-card-like.is-liked,

body main.site-main .container.browse-page #listing-grid.listing-layout-list .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-layout-list .listing-card .listing-image-wrap .browse-card-reaction.browse-card-like.is-liked{

  background:#18c76f!important;

  color:#06110b!important;

  -webkit-text-fill-color:#06110b!important;

}

body main.site-main .container.browse-page #listing-grid .listing-card .listing-image-wrap .browse-card-reaction-pair.is-selected-dislike .browse-card-dislike,

body main.site-main .container.browse-page #listing-grid .listing-card .listing-image-wrap .browse-card-reaction.browse-card-dislike.is-disliked,

body main.site-main .container.browse-page #listing-grid.listing-layout-cards .listing-card .listing-image-wrap .browse-card-reaction-pair.is-selected-dislike .browse-card-dislike,

body main.site-main .container.browse-page #listing-grid.listing-layout-cards .listing-card .listing-image-wrap .browse-card-reaction.browse-card-dislike.is-disliked,

body main.site-main .container.browse-page #listing-grid.listing-layout-list .listing-card .listing-image-wrap .browse-card-reaction-pair.is-selected-dislike .browse-card-dislike,

body main.site-main .container.browse-page #listing-grid.listing-layout-list .listing-card .listing-image-wrap .browse-card-reaction.browse-card-dislike.is-disliked{

  background:#e5484d!important;

  color:#fffdf0!important;

  -webkit-text-fill-color:#fffdf0!important;

}

body main.site-main .container.browse-page #listing-grid.listing-layout-list .listing-card-service .listing-image-wrap .image-type-pill{

  background:linear-gradient(135deg,#d7ecff,#9ecbff)!important;

  color:#0d1724!important;

  -webkit-text-fill-color:#0d1724!important;

  border-color:rgba(255,255,255,.58)!important;

}

body main.site-main .container.browse-page #listing-grid.listing-layout-list .listing-card-service .listing-image-wrap .image-type-pill,

body main.site-main .container.browse-page #listing-grid.listing-layout-list .listing-card-service .listing-image-wrap .image-type-pill *,

body main.site-main .container.browse-page #listing-grid.listing-layout-list .listing-card-service .listing-image-wrap .image-type-pill .type-icon{

  color:#0d1724!important;

  -webkit-text-fill-color:#0d1724!important;

  text-shadow:none!important;

  opacity:1!important;

  visibility:visible!important;

}

body main.site-main .container.browse-page #listing-grid .listing-card .listing-image-wrap .browse-card-reaction-pair.is-reaction-selected .browse-card-reaction,

body main.site-main .container.browse-page #listing-grid .listing-card .listing-image-wrap .browse-card-reaction-pair:has(.browse-card-like.is-liked) .browse-card-reaction,

body main.site-main .container.browse-page #listing-grid .listing-card .listing-image-wrap .browse-card-reaction-pair:has(.browse-card-dislike.is-disliked) .browse-card-reaction{display:none!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,

body main.site-main .container.browse-page #listing-grid .listing-card .listing-image-wrap .browse-card-reaction-pair:has(.browse-card-like.is-liked) .browse-card-like,

body main.site-main .container.browse-page #listing-grid .listing-card .listing-image-wrap .browse-card-reaction-pair:has(.browse-card-dislike.is-disliked) .browse-card-dislike{

  display:grid!important;

  place-items:center!important;

  width:100%!important;

  min-width:100%!important;

  height:100%!important;

  min-height:100%!important;

  padding:0!important;

  border:0!important;

  border-radius:999px!important;

  background:transparent!important;

  color:inherit!important;

  -webkit-text-fill-color:inherit!important;

  text-align:center!important;

}

body main.site-main .container.browse-page #listing-grid .listing-card .listing-image-wrap .browse-card-reaction-pair.is-reaction-selected .browse-card-reaction > span[aria-hidden="true"]{

  display:grid!important;

  place-items:center!important;

  width:100%!important;

  height:100%!important;

  margin:0!important;

  opacity:1!important;

  visibility:visible!important;

  font-size:20px!important;

  line-height:1!important;

  color:inherit!important;

  -webkit-text-fill-color:inherit!important;

}

body main.site-main .container.browse-page #listing-grid .listing-card .listing-image-wrap .browse-card-like.is-pressing > span[aria-hidden="true"]{

  animation:swapthing-reaction-thumb-up-3d 2s cubic-bezier(.16,1.12,.22,1) both!important;

}

body main.site-main .container.browse-page #listing-grid .listing-card .listing-image-wrap .browse-card-dislike.is-pressing > span[aria-hidden="true"]{

  animation:swapthing-reaction-thumb-down-3d 2s cubic-bezier(.16,1.12,.22,1) both!important;

}

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-wrap .browse-card-reaction-pair,

html body main.site-main .container.browse-page #listing-grid.listing-layout-list article.listing-card .listing-image-wrap .browse-card-reaction,

html body main.site-main .container.browse-page #listing-grid.listing-layout-list article.listing-card .listing-image-wrap .browse-card-reaction > span[aria-hidden="true"]{

  overflow:visible!important;

}

html body main.site-main .container.browse-page #listing-grid.listing-layout-list article.listing-card .listing-image-wrap .browse-card-reaction-pair.is-reaction-animating{

  overflow:visible!important;

  z-index:95!important;

}

html body main.site-main .container.browse-page #listing-grid.listing-layout-list article.listing-card .listing-image-wrap .browse-card-reaction.is-pressing{

  animation:none!important;

  overflow:visible!important;

  z-index:96!important;

}

html body main.site-main .container.browse-page #listing-grid.listing-layout-list article.listing-card .listing-image-wrap .browse-card-like.is-pressing > span[aria-hidden="true"]{

  animation:swapthing-reaction-thumb-up-3d 2s cubic-bezier(.16,1.12,.22,1) both!important;

  transform-origin:center center!important;

  will-change:transform,filter!important;

}

html body main.site-main .container.browse-page #listing-grid.listing-layout-list article.listing-card .listing-image-wrap .browse-card-dislike.is-pressing > span[aria-hidden="true"]{

  animation:swapthing-reaction-thumb-down-3d 2s cubic-bezier(.16,1.12,.22,1) both!important;

  transform-origin:center center!important;

  will-change:transform,filter!important;

}

@keyframes swapthing-reaction-thumb-up-3d{

  0%{transform:translate3d(0,0,0) scale(1) rotate(0deg);filter:none;}

  12%{transform:translate3d(0,-28px,38px) scale(2.65) rotate(-14deg);filter:drop-shadow(0 18px 18px rgba(0,0,0,.36)) drop-shadow(0 0 18px rgba(255,255,255,.95)) saturate(1.45);}

  28%{transform:translate3d(0,8px,0) scale(.72) rotate(9deg);filter:drop-shadow(0 5px 8px rgba(0,0,0,.28)) saturate(1.25);}

  48%{transform:translate3d(0,-18px,28px) scale(2.05) rotate(-7deg);filter:drop-shadow(0 14px 15px rgba(0,0,0,.32)) drop-shadow(0 0 14px rgba(255,255,255,.72));}

  68%{transform:translate3d(0,4px,0) scale(.9) rotate(3deg);filter:drop-shadow(0 4px 7px rgba(0,0,0,.22));}

  84%{transform:translate3d(0,-7px,10px) scale(1.28) rotate(-2deg);filter:drop-shadow(0 8px 10px rgba(0,0,0,.22));}

  100%{transform:translate3d(0,0,0) scale(1) rotate(0deg);filter:none;}

}

@keyframes swapthing-reaction-thumb-down-3d{

  0%{transform:translate3d(0,0,0) scale(1) rotate(0deg);filter:none;}

  12%{transform:translate3d(0,28px,38px) scale(2.65) rotate(14deg);filter:drop-shadow(0 -10px 18px rgba(0,0,0,.30)) drop-shadow(0 0 18px rgba(255,255,255,.95)) saturate(1.45);}

  28%{transform:translate3d(0,-8px,0) scale(.72) rotate(-9deg);filter:drop-shadow(0 -3px 8px rgba(0,0,0,.22)) saturate(1.25);}

  48%{transform:translate3d(0,18px,28px) scale(2.05) rotate(7deg);filter:drop-shadow(0 -8px 15px rgba(0,0,0,.26)) drop-shadow(0 0 14px rgba(255,255,255,.72));}

  68%{transform:translate3d(0,-4px,0) scale(.9) rotate(-3deg);filter:drop-shadow(0 -2px 7px rgba(0,0,0,.18));}

  84%{transform:translate3d(0,7px,10px) scale(1.28) rotate(2deg);filter:drop-shadow(0 -5px 10px rgba(0,0,0,.18));}

  100%{transform:translate3d(0,0,0) scale(1) rotate(0deg);filter:none;}

}

@media(max-width:760px){

  html body main.site-main .container.browse-page .browse-page-header-section .browse-secondary-header{

    padding-left:0!important;

  }

  html body main.site-main .container.browse-page .browse-page-header-section .browse-heading-copy,

  html body main.site-main .container.browse-page .browse-page-header-section .browse-page-title,

  html body main.site-main .container.browse-page .browse-page-header-section .browse-page-subtitle{

    margin-left:0!important;

    padding-left:0!important;

  }

  html body main.site-main .container.browse-page .browse-page-header-section .browse-page-title{

    margin-left:-.22rem!important;

  }

}

@media(max-width:620px){

  body main.site-main > .container > :is(

    .browse-page-header-section,

    .dashboard-sticky-page-shell,

    .readiness-hero,

    .profile-hero,

    .public-profile-hero,

    .partners-hero,

    .impact-hero,

    .leaderboard-hero,

    .matches-hero,

    .product-hero,

    .listing-detail-hero

    ):first-child,

  body main.site-main .product-page:has(.add-product-shell) .add-product-shell > div:first-child{

    width:100vw!important;

    margin-left:calc(50% - 50vw)!important;

    margin-right:calc(50% - 50vw)!important;

  }

}

/* 2026-08-06 dashboard landscape phone visual rescue */

@media (orientation:landscape) and (max-height:680px) and (max-width:1180px){

  body .site-header .site-header-inner,

  body .site-header-inner{

    min-height:60px!important;

    padding:4px 12px!important;

    gap:8px!important;

    grid-template-columns:minmax(150px,.64fr) minmax(330px,1fr) max-content!important;

  }

  body .site-header .brand,

  body .site-header-inner .brand{

    grid-template-columns:46px minmax(0,1fr)!important;

    column-gap:7px!important;

    max-width:none!important;

  }

  body .site-header .brand-logo-wrap,

  body .site-header-inner .brand-logo-wrap,

  body .site-header .brand-logo-svg,

  body .site-header-inner .brand-logo-svg,

  body .site-header .brand-logo,

  body .site-header-inner .brand-logo{width:44px!important;height:44px!important;min-width:44px!important;}

  body .site-header .brand-name,

  body .site-header-inner .brand-name{font-size:.98rem!important;line-height:.95!important;}

  body .site-header .brand-tagline,

  body .site-header-inner .brand-tagline{font-size:.61rem!important;line-height:1!important;}

  body .site-header .header-center-controls,

  body .site-header-inner .header-center-controls{max-width:430px!important;justify-self:center!important;}

  body .site-header .header-mode-switch,

  body .site-header-inner .header-mode-switch{width:420px!important;max-width:42vw!important;}

  body .site-header .header-mode-switch .mode-switch{height:34px!important;--tick-size:10px!important;--track-y:6px!important;}

  body .site-header .header-mode-switch .mode-switch .mode-option{font-size:.66rem!important;min-width:40px!important;}

  body .site-header .header-actions,

  body .site-header-inner .header-actions{gap:7px!important;}

  body .site-header .header-search-button,

  body .site-header-inner .header-search-button,

  body .site-header .header-theme-button.theme-toggle-pill,

  body .site-header-inner .header-theme-button.theme-toggle-pill{width:44px!important;height:44px!important;min-width:44px!important;min-height:44px!important;padding:0!important;}

  body .site-header .profile-menu-section,

  body .site-header-inner .profile-menu-section{height:44px!important;min-height:44px!important;padding:2px!important;}

  body .site-header .profile-chip,

  body .site-header-inner .profile-chip{min-height:40px!important;max-width:44px!important;padding:1px!important;}

  body .site-header .profile-avatar,

  body .site-header-inner .profile-avatar{width:38px!important;height:38px!important;}

  body main.site-main .member-dashboard .dashboard-sticky-page-shell{top:60px!important;margin-bottom:0!important;}

  body main.site-main .member-dashboard .dashboard-sticky-page-shell .dashboard-page-header{display:none!important;min-height:0!important;padding:0!important;margin:0!important;}

  body main.site-main .member-dashboard .dashboard-sticky-page-shell .dashboard-tab-scroll-shell{min-height:34px!important;padding:0 .72rem!important;border-top:1px solid rgba(217,157,18,.58)!important;}

  body main.site-main .member-dashboard .dashboard-sticky-page-shell .dashboard-tab-scroll-shell .dashboard-tab-strip{min-height:34px!important;padding:.17rem .2rem .22rem!important;gap:.30rem!important;}

  body main.site-main .member-dashboard .dashboard-sticky-page-shell .dashboard-tab-scroll-shell .dashboard-tab-strip a{height:31px!important;min-height:31px!important;padding:0 .58rem!important;font-size:.76rem!important;gap:.22rem!important;}

  body main.site-main .member-dashboard .dashboard-sticky-page-shell .dashboard-tab-strip a::before{content:none!important;display:none!important;margin:0!important;}

  body main.site-main .member-dashboard .dashboard-tab-strip .dashboard-tab-badge{position:static!important;transform:none!important;margin-left:.22rem!important;min-width:1.05rem!important;height:1.05rem!important;font-size:.66rem!important;box-shadow:none!important;}

  body main.site-main .member-dashboard .dashboard-settings-panel,

  body main.site-main .member-dashboard .dashboard-notifications-card{padding:.56rem!important;}

  body main.site-main .member-dashboard .dashboard-toggle-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:.52rem!important;padding:.48rem!important;}

  body main.site-main .member-dashboard .dashboard-toggle-grid .misc-setting-row{grid-template-columns:minmax(0,1fr) auto!important;align-items:center!important;gap:.55rem!important;min-height:58px!important;padding:.50rem .62rem!important;overflow:hidden!important;}

  body main.site-main .member-dashboard .dashboard-toggle-grid .misc-setting-copy{min-width:0!important;padding-right:.25rem!important;}

  body main.site-main .member-dashboard .dashboard-toggle-grid .misc-setting-copy strong{font-size:.92rem!important;line-height:1.08!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;}

  body main.site-main .member-dashboard .dashboard-toggle-grid .misc-setting-copy small{font-size:.72rem!important;line-height:1.08!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;display:block!important;}

  body main.site-main .member-dashboard .dashboard-toggle-grid .misc-setting-control{justify-content:flex-end!important;min-width:58px!important;}

  body main.site-main .member-dashboard .dashboard-toggle-grid .toggle-switch{width:52px!important;height:30px!important;}

  body main.site-main .member-dashboard .dashboard-toggle-grid .toggle-switch i{width:22px!important;height:22px!important;}

  body main.site-main .member-dashboard .dashboard-toggle-grid .toggle-input:checked + .toggle-switch i{transform:translateX(22px)!important;}

  body main.site-main .member-dashboard .dashboard-next-actions{padding:.46rem!important;border-radius:20px!important;}

  body main.site-main .member-dashboard .dashboard-next-actions-head,

  body main.site-main .member-dashboard .dashboard-alert-deck{padding:.54rem!important;gap:.48rem!important;}

  body main.site-main .member-dashboard .dashboard-alert-copy h2{font-size:1.35rem!important;line-height:1!important;}

  body main.site-main .member-dashboard .dashboard-alert-copy p,

  body main.site-main .member-dashboard .dashboard-next-actions p{font-size:.95rem!important;line-height:1.22!important;margin:.22rem 0 0!important;}

}

/* 2026-08-06 dashboard notification toggle right-side layout */

@media (max-width:760px){

  body main.site-main .member-dashboard .dashboard-toggle-grid .misc-setting-row{

    display:grid!important;

    grid-template-columns:minmax(0,1fr) auto!important;

    align-items:center!important;

    gap:.65rem!important;

    min-height:76px!important;

    padding:.70rem .82rem!important;

  }

  body main.site-main .member-dashboard .dashboard-toggle-grid .misc-setting-copy{

    min-width:0!important;

    padding-right:.25rem!important;

  }

  body main.site-main .member-dashboard .dashboard-toggle-grid .misc-setting-copy strong,

  body main.site-main .member-dashboard .dashboard-toggle-grid .misc-setting-copy small{

    overflow:hidden!important;

    text-overflow:ellipsis!important;

  }

  body main.site-main .member-dashboard .dashboard-toggle-grid .misc-setting-control{

    justify-content:flex-end!important;

    align-self:center!important;

    min-width:58px!important;

    grid-column:2!important;

    grid-row:1!important;

  }

}

/* 2026-08-06 browse list star sort icon card parity */

body main.site-main .container.browse-page #listing-grid.listing-layout-list .listing-card .listing-rating-sort-pill .rating-sort-icon,

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 .rating-sort-icon{

  display:inline-grid!important;

  place-items:center!important;

  width:1.05rem!important;

  height:1.05rem!important;

  min-width:1.05rem!important;

  margin-left:.04rem!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;

  text-shadow:none!important;

  box-shadow:inset 0 1px 0 rgba(255,255,255,.18),0 2px 5px rgba(0,0,0,.28)!important;

  overflow:hidden!important;

}

body main.site-main .container.browse-page #listing-grid.listing-layout-list .listing-card .listing-rating-sort-pill .rating-sort-icon::before,

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 .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;

}

body main.site-main .container.browse-page #listing-grid.listing-layout-list .listing-card .listing-rating-sort-pill:hover .rating-sort-icon,

body main.site-main .container.browse-page #listing-grid.listing-layout-list .listing-card .listing-rating-sort-pill:focus-visible .rating-sort-icon,

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:hover .rating-sort-icon,

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: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-08-06 browse list star sort spacing fix */

body main.site-main .container.browse-page #listing-grid.listing-layout-list .listing-card .listing-rating-sort-pill.image-rating-pill,

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{

  gap:.18rem!important;

  padding:2px .48rem 2px .60rem!important;

  min-width:76px!important;

  max-width:calc(100% - 12px)!important;

}

body main.site-main .container.browse-page #listing-grid.listing-layout-list .listing-card .listing-rating-sort-pill .owner-rating-stars,

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 .owner-rating-stars{

  flex:0 0 auto!important;

  margin-right:.10rem!important;

  padding-right:0!important;

}

body main.site-main .container.browse-page #listing-grid.listing-layout-list .listing-card .listing-rating-sort-pill .rating-sort-icon,

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 .rating-sort-icon{

  position:relative!important;

  right:auto!important;

  top:auto!important;

  transform:none!important;

  flex:0 0 1.05rem!important;

  margin-left:.10rem!important;

}

/* 2026-08-06 browse list star sort icon right side */

body main.site-main .container.browse-page #listing-grid.listing-layout-list .listing-card .listing-rating-sort-pill .owner-rating-stars,

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 .owner-rating-stars{

  order:1!important;

}

body main.site-main .container.browse-page #listing-grid.listing-layout-list .listing-card .listing-rating-sort-pill .rating-sort-icon,

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 .rating-sort-icon{

  order:2!important;

  margin-left:.12rem!important;

  margin-right:0!important;

}

/* 2026-08-06 browse list image vertical padding removal */

body main.site-main .container.browse-page #listing-grid.listing-layout-list article.listing-card{

  padding-top:0!important;

  padding-bottom:0!important;

  align-items:stretch!important;

}

body main.site-main .container.browse-page #listing-grid.listing-layout-list article.listing-card .listing-image-wrap{

  align-self:stretch!important;

  height:100%!important;

  min-height:112px!important;

  max-height:none!important;

  margin-top:0!important;

  margin-bottom:0!important;

  border-radius:15px 0 0 15px!important;

}

body main.site-main .container.browse-page #listing-grid.listing-layout-list article.listing-card .listing-image-wrap .listing-image-link,

body main.site-main .container.browse-page #listing-grid.listing-layout-list article.listing-card .listing-image-wrap .listing-img{

  height:100%!important;

}

/* 2026-08-06 browse list image vertical edge bleed */

html body main.site-main .container.browse-page #listing-grid.listing-layout-list article.listing-card,

body main.site-main .container.browse-page #listing-grid.listing-layout-list article.listing-card{

  padding:8px!important;

  align-items:stretch!important;

  overflow:hidden!important;

}

html body main.site-main .container.browse-page #listing-grid.listing-layout-list article.listing-card .listing-image-wrap,

body main.site-main .container.browse-page #listing-grid.listing-layout-list article.listing-card .listing-image-wrap{

  margin-top:-8px!important;

  margin-bottom:-8px!important;

  height:100%!important;

  min-height:100%!important;

  max-height:none!important;

  align-self:stretch!important;

  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-image-wrap .listing-image-link,

body main.site-main .container.browse-page #listing-grid.listing-layout-list article.listing-card .listing-image-wrap .listing-image-link,

html body main.site-main .container.browse-page #listing-grid.listing-layout-list article.listing-card .listing-image-wrap .listing-img,

body main.site-main .container.browse-page #listing-grid.listing-layout-list article.listing-card .listing-image-wrap .listing-img{

  height:100%!important;

  min-height:100%!important;

  object-fit:cover!important;

}

/* 2026-08-07 surgical mobile browse text inset

   Preserve viewport-width Browse band and listing overlays; only move the

   public/mobile Browse copy out of the clipped left edge. */

@media (max-width:760px){

  html body main.site-main .container.browse-page .browse-page-header-section .browse-heading-copy{

    padding-left:clamp(22px,7vw,34px)!important;

    box-sizing:border-box!important;

  }

  html body main.site-main .container.browse-page .browse-page-header-section .browse-page-title,

  html body main.site-main .container.browse-page .browse-page-header-section .browse-page-subtitle{

    margin-left:0!important;

    padding-left:0!important;

  }

}

/* 2026-08-07 landscape phone browse header compact fix

   Landscape phones have very little vertical room. Keep the Browse band visible

   but compact so it does not cover/chew into the first listing. */

@media (orientation:landscape) and (max-height:520px) and (max-width:980px){

  html body main.site-main .container.browse-page .browse-page-header-section{

    top:64px!important;

    margin-bottom:.45rem!important;

    padding-bottom:2px!important;

  }

  html body main.site-main .container.browse-page .browse-page-header-section .browse-secondary-header{

    padding:.36rem max(34px,4.8vw) .42rem!important;

  }

  html body main.site-main .container.browse-page .browse-page-header-section .browse-header-row{

    display:grid!important;

    grid-template-columns:minmax(0,1fr) auto!important;

    align-items:center!important;

    gap:.7rem!important;

    margin:0!important;

  }

  html body main.site-main .container.browse-page .browse-page-header-section .browse-heading-copy{

    padding-left:0!important;

    min-width:0!important;

  }

  html body main.site-main .container.browse-page .browse-page-header-section .browse-page-title{

    font-size:clamp(2.85rem,10vw,4.8rem)!important;

    line-height:.86!important;

    letter-spacing:-.055em!important;

    margin:0!important;

  }

  html body main.site-main .container.browse-page .browse-page-header-section .browse-page-subtitle{

    display:none!important;

  }

  html body main.site-main .container.browse-page .browse-page-header-section .browse-after-hero-action{

    width:auto!important;

    margin:0!important;

    padding:0!important;

    border-top:0!important;

    display:inline-flex!important;

    align-items:center!important;

    justify-content:flex-end!important;

    gap:.55rem!important;

  }

  html body main.site-main .container.browse-page .browse-page-header-section .browse-hero-add-listing{

    min-height:42px!important;

    padding:.55rem 1.45rem!important;

    font-size:.95rem!important;

    white-space:nowrap!important;

  }

  html body main.site-main .container.browse-page{

    padding-top:18px!important;

  }

}

/* 2026-08-07 landscape phone browse header final trim

   Final landscape trim: keep the corrected one-line header, but reduce vertical

   mass and prevent rounded/underlay slivers from showing behind the first card. */

@media (orientation:landscape) and (max-height:520px) and (max-width:980px){

  html body main.site-main .container.browse-page .browse-page-header-section{

    max-height:168px!important;

    overflow:hidden!important;

    margin-bottom:.65rem!important;

  }

  html body main.site-main .container.browse-page .browse-page-header-section .browse-secondary-header{

    padding:.24rem max(34px,4.8vw) .34rem!important;

  }

  html body main.site-main .container.browse-page .browse-page-header-section .browse-header-row{

    min-height:118px!important;

  }

  html body main.site-main .container.browse-page .browse-page-header-section .browse-page-title{

    font-size:clamp(2.65rem,8.5vw,4.25rem)!important;

    line-height:.84!important;

  }

  html body main.site-main .container.browse-page .browse-page-header-section .browse-hero-add-listing{

    min-height:38px!important;

    padding:.48rem 1.35rem!important;

  }

  html body main.site-main .container.browse-page .browse-page-header-section .browse-view-toggle,

  html body main.site-main .container.browse-page .browse-page-header-section .browse-view-button{

    transform:scale(.94)!important;

    transform-origin:center!important;

  }

}

/* 2026-08-07 landscape close gap between site and browse headers

   Remove the landscape phone air gap between the main site header and Browse band. */

@media (orientation:landscape) and (max-height:520px) and (max-width:980px){

  html body main.site-main > .container.browse-page,

  html body main.site-main .container.browse-page{

    padding-top:0!important;

  }

  html body main.site-main .container.browse-page .browse-page-header-section{

    margin-top:0!important;

    top:60px!important;

  }

  html body main.site-main .container.browse-page .browse-page-header-section .browse-secondary-header{

    padding-top:.16rem!important;

  }

}

/* 2026-08-07 landscape browse header touch and subtitle rescue

   Landscape phone: remove the seam between site header and Browse band, prevent

   the first listing from peeking through, and keep the Browse subtitle readable. */

@media (orientation:landscape) and (max-height:520px) and (max-width:980px){

  html body main.site-main > .container.browse-page,

  html body main.site-main .container.browse-page{

    padding-top:0!important;

    margin-top:0!important;

  }

  html body main.site-main .container.browse-page .browse-page-header-section{

    margin-top:-2px!important;

    margin-bottom:.72rem!important;

    top:0!important;

    z-index:80!important;

    overflow:hidden!important;

  }

  html body main.site-main .container.browse-page .browse-page-header-section .browse-secondary-header{

    padding:.22rem max(34px,4.8vw) .38rem!important;

  }

  html body main.site-main .container.browse-page .browse-page-header-section .browse-header-row{

    min-height:136px!important;

    align-items:center!important;

  }

  html body main.site-main .container.browse-page .browse-page-header-section .browse-page-title{

    font-size:clamp(2.55rem,7.8vw,4rem)!important;

    line-height:.86!important;

  }

  html body main.site-main .container.browse-page .browse-page-header-section .browse-page-subtitle{

    display:block!important;

    margin:.28rem 0 0!important;

    font-size:.78rem!important;

    line-height:1.05!important;

    max-height:2.55em!important;

    overflow:hidden!important;

  }

  html body main.site-main .container.browse-page .browse-page-header-section .browse-page-subtitle span{

    display:inline!important;

  }

  html body main.site-main .container.browse-page .browse-page-header-section .browse-page-subtitle br:nth-of-type(2){

    display:none!important;

  }

  html body main.site-main .container.browse-page #listing-grid{

    margin-top:0!important;

  }

}

/* 2026-08-07 landscape subtitle left edge and line break fix

   Phone screenshot: the Browse title is right, but subtitle text is clipped on

   the left and the last two lines run together. Keep landscape layout; fix copy. */

@media (orientation:landscape) and (max-height:520px) and (max-width:980px){

  html body main.site-main .container.browse-page .browse-page-header-section .browse-heading-copy{

    padding-left:clamp(18px,3.6vw,32px)!important;

    box-sizing:border-box!important;

  }

  html body main.site-main .container.browse-page .browse-page-header-section .browse-page-subtitle{

    display:block!important;

    margin:.26rem 0 0!important;

    padding-left:0!important;

    font-size:.76rem!important;

    line-height:1.08!important;

    max-height:none!important;

    overflow:visible!important;

    white-space:normal!important;

  }

  html body main.site-main .container.browse-page .browse-page-header-section .browse-page-subtitle br{

    display:block!important;

  }

}

/* 2026-08-07 landscape subtitle three lines tight under title

   Keep the landscape Browse subtitle as three separate lines and pull it closer

   to the title without changing card/list overlays. */

@media (orientation:landscape) and (max-height:520px) and (max-width:980px){

  html body main.site-main .container.browse-page .browse-page-header-section .browse-page-subtitle{

    display:block!important;

    margin:.06rem 0 0!important;

    padding-left:0!important;

    font-size:.78rem!important;

    line-height:1.08!important;

    max-height:none!important;

    overflow:visible!important;

    white-space:normal!important;

  }

  html body main.site-main .container.browse-page .browse-page-header-section .browse-page-subtitle span{

    display:block!important;

  }

  html body main.site-main .container.browse-page .browse-page-header-section .browse-page-subtitle br,

  html body main.site-main .container.browse-page .browse-page-header-section .browse-page-subtitle br:nth-of-type(1),

  html body main.site-main .container.browse-page .browse-page-header-section .browse-page-subtitle br:nth-of-type(2){

    display:none!important;

  }

}

/* 2026-08-07 landscape fully-top one-line browse header

   Fully scrolled-up landscape phone: page header is a single row and Browse is

   not clipped by the top chrome/header boundary. */

@media (orientation:landscape) and (max-height:520px) and (max-width:980px){

  html body main.site-main .container.browse-page .browse-page-header-section .browse-secondary-header{

    padding:.44rem max(28px,4vw) .44rem!important;

  }

  html body main.site-main .container.browse-page .browse-page-header-section .browse-header-row{

    display:grid!important;

    grid-template-columns:minmax(0,1fr) auto!important;

    align-items:center!important;

    gap:.70rem!important;

    min-height:88px!important;

    margin:0!important;

  }

  html body main.site-main .container.browse-page .browse-page-header-section .browse-heading-copy{

    padding-left:clamp(22px,3.2vw,34px)!important;

    min-width:0!important;

    align-self:center!important;

  }

  html body main.site-main .container.browse-page .browse-page-header-section .browse-page-title{

    font-size:clamp(2.65rem,7vw,3.95rem)!important;

    line-height:1!important;

    margin:0!important;

    padding:0!important;

    transform:none!important;

    overflow:visible!important;

  }

  html body main.site-main .container.browse-page .browse-page-header-section .browse-page-subtitle{

    display:none!important;

  }

  html body main.site-main .container.browse-page .browse-page-header-section .browse-after-hero-action{

    align-self:center!important;

    display:inline-flex!important;

    align-items:center!important;

    justify-content:flex-end!important;

    gap:.55rem!important;

    margin:0!important;

    padding:0!important;

    border-top:0!important;

    width:auto!important;

  }

}

/* 2026-08-07 landscape scrolled browse header repair

   Landscape scroll state: prevent the Browse title from expanding under the site

   chrome. Keep the page header a compact single row after scroll changes. */

@media (orientation:landscape) and (max-height:520px) and (max-width:980px){

  html body main.site-main .container.browse-page .browse-page-header-section,

  html body main.site-main .container.browse-page .browse-page-header-section.is-browse-header-animated,

  html body main.site-main .container.browse-page .browse-page-header-section.is-browse-header-collapsed{

    top:132px!important;

    max-height:86px!important;

    min-height:86px!important;

    height:86px!important;

    overflow:hidden!important;

    z-index:70!important;

  }

  html body main.site-main .container.browse-page .browse-page-header-section .browse-secondary-header{

    height:84px!important;

    min-height:84px!important;

    max-height:84px!important;

    padding:.20rem max(28px,4vw)!important;

    overflow:hidden!important;

  }

  html body main.site-main .container.browse-page .browse-page-header-section .browse-header-row{

    height:78px!important;

    min-height:78px!important;

    max-height:78px!important;

    display:grid!important;

    grid-template-columns:minmax(0,1fr) auto!important;

    align-items:center!important;

    overflow:hidden!important;

  }

  html body main.site-main .container.browse-page .browse-page-header-section .browse-heading-copy{

    align-self:center!important;

    overflow:visible!important;

    padding-left:clamp(22px,3.2vw,34px)!important;

  }

  html body main.site-main .container.browse-page .browse-page-header-section .browse-page-title{

    font-size:clamp(2.15rem,5.4vw,3.05rem)!important;

    line-height:1!important;

    letter-spacing:-.045em!important;

    margin:0!important;

    padding:0!important;

    max-height:none!important;

    overflow:visible!important;

    transform:none!important;

  }

  html body main.site-main .container.browse-page .browse-page-header-section .browse-page-subtitle{

    display:none!important;

  }

  html body main.site-main .container.browse-page .browse-page-header-section .browse-after-hero-action{

    align-self:center!important;

    margin:0!important;

    padding:0!important;

    border-top:0!important;

  }

}

/* 2026-08-07 landscape reconnect site and browse headers

   The previous landscape scrolled repair pushed the Browse sticky band down.

   Reconnect it to the site header: sticky at the top of the content stack, no

   artificial offset, no detached gap. */

@media (orientation:landscape) and (max-height:520px) and (max-width:980px){

  html body main.site-main .container.browse-page .browse-page-header-section,

  html body main.site-main .container.browse-page .browse-page-header-section.is-browse-header-animated,

  html body main.site-main .container.browse-page .browse-page-header-section.is-browse-header-collapsed{

    position:sticky!important;

    top:0!important;

    margin-top:0!important;

    margin-bottom:.42rem!important;

    z-index:120!important;

  }

  html body main.site-main > .container.browse-page,

  html body main.site-main .container.browse-page{

    padding-top:0!important;

  }

}

/* 2026-08-07 landscape preserve scroll animation top offset

   Restore the Browse header to sit directly below the compact site header in

   landscape, without zero-top overlay that breaks the scroll/collapse animation. */

@media (orientation:landscape) and (max-height:520px) and (max-width:980px){

  html body main.site-main .container.browse-page .browse-page-header-section,

  html body main.site-main .container.browse-page .browse-page-header-section.is-browse-header-animated,

  html body main.site-main .container.browse-page .browse-page-header-section.is-browse-header-collapsed{

    position:sticky!important;

    top:60px!important;

    margin-top:0!important;

    z-index:90!important;

  }

}

/* 2026-08-07 landscape opaque connected browse header surface

   Fix screenshot state: Browse header must be a solid connected bar under the

   site header. Listing content must not show through/above the Browse bar. */

@media (orientation:landscape) and (max-height:520px) and (max-width:980px){

  html body main.site-main .container.browse-page .browse-page-header-section,

  html body main.site-main .container.browse-page .browse-page-header-section.is-browse-header-animated,

  html body main.site-main .container.browse-page .browse-page-header-section.is-browse-header-collapsed{

    position:sticky!important;

    top:60px!important;

    margin-top:-1px!important;

    margin-bottom:.42rem!important;

    z-index:250!important;

    background:#061611!important;

    background-image:linear-gradient(180deg,#061611 0%,#071b14 100%)!important;

    overflow:hidden!important;

    isolation:isolate!important;

  }

  html body main.site-main .container.browse-page .browse-page-header-section::before{

    content:""!important;

    position:absolute!important;

    inset:0!important;

    z-index:-1!important;

    background:#061611!important;

    background-image:linear-gradient(180deg,#061611 0%,#071b14 100%)!important;

    pointer-events:none!important;

  }

  html body main.site-main .container.browse-page .browse-page-header-section .browse-secondary-header{

    background:#061611!important;

    background-image:linear-gradient(180deg,#061611 0%,#071b14 100%)!important;

    box-shadow:inset 0 -1px 0 rgba(212,161,74,.95)!important;

    overflow:hidden!important;

  }

  html body main.site-main .container.browse-page .browse-page-header-section .browse-page-title{

    transform:translateY(-1px)!important;

  }

}

/* 2026-08-07 landscape close final site-browse seam

   Screenshot pass: close the remaining 6-8px seam where listing content shows

   between the site header gold line and the Browse bar in landscape. */

@media (orientation:landscape) and (max-height:520px) and (max-width:980px){

  html body main.site-main .container.browse-page .browse-page-header-section,

  html body main.site-main .container.browse-page .browse-page-header-section.is-browse-header-animated,

  html body main.site-main .container.browse-page .browse-page-header-section.is-browse-header-collapsed{

    top:52px!important;

    margin-top:-4px!important;

    z-index:275!important;

  }

  html body main.site-main .container.browse-page .browse-page-header-section::before{

    top:-10px!important;

    height:calc(100% + 10px)!important;

  }

}

/* 2026-08-07 landscape default collapsed browse header no animation

   Phone landscape: skip the Browse page-header scroll animation entirely and

   render the compact/collapsed end-state from first paint to save vertical room. */

@media (orientation:landscape) and (max-height:520px) and (max-width:980px){

  html body main.site-main > .container.browse-page,

  html body main.site-main .container.browse-page{

    padding-top:0!important;

    margin-top:0!important;

  }

  html body main.site-main .container.browse-page .browse-page-header-section,

  html body main.site-main .container.browse-page .browse-page-header-section.is-browse-header-animated,

  html body main.site-main .container.browse-page .browse-page-header-section.is-browse-header-collapsed{

    position:sticky!important;

    top:52px!important;

    margin-top:-2px!important;

    margin-bottom:.55rem!important;

    height:76px!important;

    min-height:76px!important;

    max-height:76px!important;

    overflow:hidden!important;

    z-index:500!important;

    opacity:1!important;

    transform:none!important;

    transition:none!important;

    animation:none!important;

    background:#061611!important;

    background-image:linear-gradient(180deg,#061611 0%,#071b14 100%)!important;

    box-shadow:inset 0 1px 0 rgba(212,161,74,.9), inset 0 -2px 0 rgba(212,161,74,.95)!important;

    isolation:isolate!important;

  }

  html body main.site-main .container.browse-page .browse-page-header-section::before{

    content:""!important;

    position:absolute!important;

    inset:-8px 0 0!important;

    z-index:-1!important;

    background:#061611!important;

    background-image:linear-gradient(180deg,#061611 0%,#071b14 100%)!important;

    pointer-events:none!important;

  }

  html body main.site-main .container.browse-page .browse-page-header-section .browse-secondary-header{

    height:76px!important;

    min-height:76px!important;

    max-height:76px!important;

    padding:0 max(18px,3.4vw)!important;

    background:transparent!important;

    overflow:hidden!important;

    transition:none!important;

    animation:none!important;

  }

  html body main.site-main .container.browse-page .browse-page-header-section .browse-header-row{

    display:grid!important;

    grid-template-columns:minmax(0,1fr) auto!important;

    align-items:center!important;

    gap:.6rem!important;

    height:76px!important;

    min-height:76px!important;

    max-height:76px!important;

    margin:0!important;

    padding:0!important;

    overflow:hidden!important;

    transition:none!important;

    animation:none!important;

  }

  html body main.site-main .container.browse-page .browse-page-header-section .browse-heading-copy{

    min-width:0!important;

    padding-left:clamp(10px,2.3vw,22px)!important;

    overflow:visible!important;

  }

  html body main.site-main .container.browse-page .browse-page-header-section .browse-page-title{

    font-size:clamp(2.25rem,5.4vw,3.15rem)!important;

    line-height:1!important;

    letter-spacing:-.045em!important;

    margin:0!important;

    padding:0!important;

    transform:none!important;

    overflow:visible!important;

    max-height:none!important;

    transition:none!important;

    animation:none!important;

  }

  html body main.site-main .container.browse-page .browse-page-header-section .browse-page-subtitle{

    display:none!important;

  }

  html body main.site-main .container.browse-page .browse-page-header-section .browse-after-hero-action{

    display:inline-flex!important;

    align-items:center!important;

    justify-content:flex-end!important;

    gap:.50rem!important;

    width:auto!important;

    margin:0!important;

    padding:0!important;

    border:0!important;

    align-self:center!important;

    transition:none!important;

    animation:none!important;

  }

  html body main.site-main .container.browse-page #listing-grid{

    margin-top:.6rem!important;

    position:relative!important;

    z-index:1!important;

  }

}

/* 2026-08-07 landscape static compact title css fix

   CSS-side fix: after disabling landscape scroll animation, force a genuinely

   compact title instead of clipping a large animated Browse heading. */

@media (orientation:landscape) and (max-height:520px) and (max-width:980px){

  html body main.site-main .container.browse-page .browse-page-header-section,

  html body main.site-main .container.browse-page .browse-page-header-section.is-browse-header-animated,

  html body main.site-main .container.browse-page .browse-page-header-section.is-browse-header-collapsed{

    height:72px!important;

    min-height:72px!important;

    max-height:72px!important;

    overflow:hidden!important;

  }

  html body main.site-main .container.browse-page .browse-page-header-section .browse-secondary-header,

  html body main.site-main .container.browse-page .browse-page-header-section .browse-header-row{

    height:72px!important;

    min-height:72px!important;

    max-height:72px!important;

    overflow:hidden!important;

  }

  html body main.site-main .container.browse-page .browse-page-header-section .browse-header-row{

    display:grid!important;

    grid-template-columns:minmax(220px,1fr) auto!important;

    align-items:center!important;

    gap:.65rem!important;

  }

  html body main.site-main .container.browse-page .browse-page-header-section .browse-page-title,

  html body main.site-main .container.browse-page .browse-page-header-section.is-browse-header-animated .browse-page-title,

  html body main.site-main .container.browse-page .browse-page-header-section.is-browse-header-collapsed .browse-page-title{

    display:block!important;

    font-size:52px!important;

    line-height:1!important;

    height:auto!important;

    min-height:0!important;

    max-height:none!important;

    margin:0!important;

    padding:0!important;

    letter-spacing:-.045em!important;

    transform:none!important;

    translate:none!important;

    opacity:1!important;

    overflow:visible!important;

    white-space:nowrap!important;

  }

  html body main.site-main .container.browse-page .browse-page-header-section .browse-heading-copy{

    display:flex!important;

    align-items:center!important;

    height:72px!important;

    min-height:72px!important;

    max-height:72px!important;

    overflow:visible!important;

  }

  html body main.site-main .container.browse-page .browse-page-header-section .browse-after-hero-action{

    display:flex!important;

    visibility:visible!important;

    opacity:1!important;

    align-items:center!important;

    justify-content:flex-end!important;

    height:72px!important;

    max-height:72px!important;

    overflow:visible!important;

  }

}

/* 2026-08-07 landscape controls same-line gold divider

   Landscape phone: keep Browse text and controls on the same baseline and add

   a gold divider immediately before the Add Listing/view controls group. */

@media (orientation:landscape) and (max-height:520px) and (max-width:980px){

  html body main.site-main .container.browse-page .browse-page-header-section .browse-header-row{

    display:grid!important;

    grid-template-columns:minmax(0,1fr) auto!important;

    align-items:center!important;

    gap:.72rem!important;

  }

  html body main.site-main .container.browse-page .browse-page-header-section .browse-heading-copy{

    align-self:center!important;

    display:flex!important;

    align-items:center!important;

    height:72px!important;

  }

  html body main.site-main .container.browse-page .browse-page-header-section .browse-page-title{

    line-height:1!important;

    margin:0!important;

    padding:0!important;

  }

  html body main.site-main .container.browse-page .browse-page-header-section .browse-after-hero-action{

    align-self:center!important;

    display:inline-flex!important;

    align-items:center!important;

    justify-content:flex-end!important;

    gap:.52rem!important;

    height:52px!important;

    max-height:52px!important;

    margin:0!important;

    padding:0 0 0 .78rem!important;

    border-left:2px solid rgba(212,161,74,.98)!important;

    border-top:0!important;

    width:auto!important;

  }

}

/* 2026-08-07 landscape vertical-center tight controls divider

   Landscape phone: center title/control group within the visible 72px band and

   move the divider tight against the controls instead of splitting the row. */

@media (orientation:landscape) and (max-height:520px) and (max-width:980px){

  html body main.site-main .container.browse-page .browse-page-header-section .browse-header-row{

    align-items:center!important;

    justify-items:stretch!important;

  }

  html body main.site-main .container.browse-page .browse-page-header-section .browse-heading-copy{

    align-self:center!important;

    justify-self:start!important;

    display:flex!important;

    align-items:center!important;

    height:72px!important;

  }

  html body main.site-main .container.browse-page .browse-page-header-section .browse-page-title{

    line-height:.92!important;

    transform:translateY(2px)!important;

  }

  html body main.site-main .container.browse-page .browse-page-header-section .browse-after-hero-action{

    justify-self:end!important;

    align-self:center!important;

    display:inline-flex!important;

    flex:0 0 auto!important;

    width:max-content!important;

    min-width:0!important;

    height:48px!important;

    max-height:48px!important;

    align-items:center!important;

    justify-content:flex-end!important;

    gap:.44rem!important;

    margin:0!important;

    padding:0 0 0 .38rem!important;

    border-left:2px solid rgba(212,161,74,.98)!important;

    transform:translateY(1px)!important;

  }

}

/* 2026-08-07 landscape remove gap above browse only

   Step-only patch: remove the visual top space between the site-header divider

   and the Browse word. Do not alter controls/separator layout. */

@media (orientation:landscape) and (max-height:520px) and (max-width:980px){

  html body main.site-main .container.browse-page .browse-page-header-section .browse-heading-copy{

    align-items:flex-start!important;

    justify-content:flex-start!important;

  }

  html body main.site-main .container.browse-page .browse-page-header-section .browse-page-title{

    transform:translateY(-10px)!important;

  }

}

/* 2026-08-07 landscape raise controls to browse line

   Step-only patch: keep existing title placement; raise Add Listing/view toggle

   and its gold vertical separator onto the Browse header line. */

@media (orientation:landscape) and (max-height:520px) and (max-width:980px){

  html body main.site-main .container.browse-page .browse-page-header-section .browse-after-hero-action{

    position:relative!important;

    top:-16px!important;

    transform:none!important;

    display:inline-flex!important;

    visibility:visible!important;

    opacity:1!important;

    align-items:center!important;

    border-left:2px solid rgba(212,161,74,.98)!important;

  }

  html body main.site-main .container.browse-page .browse-page-header-section .browse-header-controls,

  html body main.site-main .container.browse-page .browse-page-header-section .browse-hero-add-listing,

  html body main.site-main .container.browse-page .browse-page-header-section .browse-view-toggle,

  html body main.site-main .container.browse-page .browse-page-header-section .browse-view-button{

    display:inline-flex!important;

    visibility:visible!important;

    opacity:1!important;

    align-items:center!important;

  }

  html body main.site-main .container.browse-page .browse-page-header-section .browse-search-toggle{

    display:none!important;

    visibility:hidden!important;

    opacity:0!important;

  }

}

/* 2026-08-07 landscape controls higher divider attached to add

   Step patch: raise controls/vertical separator and move separator right by

   attaching it directly to the Add Listing control, not the wider action area. */

@media (orientation:landscape) and (max-height:520px) and (max-width:980px){

  html body main.site-main .container.browse-page .browse-page-header-section .browse-after-hero-action{

    top:-28px!important;

    border-left:0!important;

    padding-left:0!important;

  }

  html body main.site-main .container.browse-page .browse-page-header-section .browse-hero-add-listing{

    position:relative!important;

  }

  html body main.site-main .container.browse-page .browse-page-header-section .browse-hero-add-listing::before{

    content:""!important;

    position:absolute!important;

    left:-1.02rem!important;

    top:50%!important;

    transform:translateY(-50%)!important;

    display:block!important;

    width:2px!important;

    height:42px!important;

    background:rgba(212,161,74,.98)!important;

    border-radius:2px!important;

  }

}

/* 2026-08-07 landscape restore visible divider lower controls

   Step correction: controls were a bit too high and pseudo divider disappeared.

   Use a real visible border on the action group and lower the group slightly. */

@media (orientation:landscape) and (max-height:520px) and (max-width:980px){

  html body main.site-main .container.browse-page .browse-page-header-section .browse-after-hero-action{

    top:-22px!important;

    border-left:2px solid rgba(212,161,74,.98)!important;

    padding-left:.70rem!important;

  }

  html body main.site-main .container.browse-page .browse-page-header-section .browse-hero-add-listing::before{

    content:none!important;

    display:none!important;

  }

}

/* 2026-08-07 landscape tighten divider to add button

   Tighten the gold separator-to-Add Listing spacing to match the control gap. */

@media (orientation:landscape) and (max-height:520px) and (max-width:980px){

  html body main.site-main .container.browse-page .browse-page-header-section .browse-after-hero-action{

    padding-left:.42rem!important;

  }

}

/* 2026-08-07 listing overlay pills match stars height

   Normalize Browse/listing overlay pill heights to the rating/star pill height. */

html body main.site-main .container.browse-page #listing-grid .listing-card .image-type-pill,

html body main.site-main .container.browse-page #listing-grid .listing-card .listing-location-text,

html body main.site-main .container.browse-page #listing-grid .listing-card .browse-card-reaction-pair{

  height:42px!important;

  min-height:42px!important;

  max-height:42px!important;

  display:inline-flex!important;

  align-items:center!important;

  justify-content:center!important;

  box-sizing:border-box!important;

}

html body main.site-main .container.browse-page #listing-grid .listing-card .image-type-pill{

  padding-top:0!important;

  padding-bottom:0!important;

}

html body main.site-main .container.browse-page #listing-grid .listing-card .listing-location-text{

  padding-top:0!important;

  padding-bottom:0!important;

  line-height:1!important;

}

html body main.site-main .container.browse-page #listing-grid .listing-card .browse-card-reaction-pair .browse-card-reaction{

  height:34px!important;

  min-height:34px!important;

  max-height:34px!important;

  display:inline-flex!important;

  align-items:center!important;

  justify-content:center!important;

}

/* 2026-08-07 listing type pill explicit star-height match

   The listing type pill needs its own explicit rule; match the star pill height. */

html body main.site-main .container.browse-page #listing-grid .listing-card .browse-card-overlay-top a.type-pill.image-type-pill.listing-filter-pill,

html body main.site-main .container.browse-page #listing-grid .listing-card .listing-image-wrap a.type-pill.image-type-pill.listing-filter-pill,

html body main.site-main .container.browse-page #listing-grid a.type-pill.image-type-pill.listing-filter-pill{

  height:42px!important;

  min-height:42px!important;

  max-height:42px!important;

  padding-top:0!important;

  padding-bottom:0!important;

  padding-left:14px!important;

  padding-right:14px!important;

  line-height:1!important;

  display:inline-flex!important;

  align-items:center!important;

  justify-content:center!important;

  gap:.42rem!important;

  box-sizing:border-box!important;

}

html body main.site-main .container.browse-page #listing-grid a.type-pill.image-type-pill.listing-filter-pill .type-icon{

  display:inline-flex!important;

  align-items:center!important;

  justify-content:center!important;

  height:28px!important;

  width:28px!important;

  line-height:1!important;

}

/* 2026-08-07 listing type pill same height as stars 34

   Correct prior 42px miss: listing type pill should match the compact stars pill height. */

html body main.site-main .container.browse-page #listing-grid .listing-card a.type-pill.image-type-pill.listing-filter-pill,

html body main.site-main .container.browse-page #listing-grid .listing-card .browse-card-overlay-top a.type-pill.image-type-pill.listing-filter-pill,

html body main.site-main .container.browse-page #listing-grid .listing-card .listing-image-wrap a.type-pill.image-type-pill.listing-filter-pill{

  height:34px!important;

  min-height:34px!important;

  max-height:34px!important;

  padding-top:0!important;

  padding-bottom:0!important;

  padding-left:12px!important;

  padding-right:12px!important;

  line-height:1!important;

  display:inline-flex!important;

  align-items:center!important;

  justify-content:center!important;

  gap:.35rem!important;

  box-sizing:border-box!important;

}

html body main.site-main .container.browse-page #listing-grid .listing-card a.type-pill.image-type-pill.listing-filter-pill .type-icon{

  height:22px!important;

  width:22px!important;

  min-height:22px!important;

  min-width:22px!important;

  max-height:22px!important;

  max-width:22px!important;

  display:inline-flex!important;

  align-items:center!important;

  justify-content:center!important;

  line-height:1!important;

  font-size:16px!important;

}

/* 2026-08-07 listing type pill match computed stars 28

   Measured star pill renders at 28px; make the listing type pill the same. */

html body main.site-main .container.browse-page #listing-grid .listing-card a.type-pill.image-type-pill.listing-filter-pill,

html body main.site-main .container.browse-page #listing-grid .listing-card .browse-card-overlay-top a.type-pill.image-type-pill.listing-filter-pill,

html body main.site-main .container.browse-page #listing-grid .listing-card .listing-image-wrap a.type-pill.image-type-pill.listing-filter-pill{

  height:28px!important;

  min-height:28px!important;

  max-height:28px!important;

  padding-top:0!important;

  padding-bottom:0!important;

  padding-left:12px!important;

  padding-right:12px!important;

  line-height:1!important;

  display:inline-flex!important;

  align-items:center!important;

  justify-content:center!important;

  gap:.35rem!important;

  box-sizing:border-box!important;

}

html body main.site-main .container.browse-page #listing-grid .listing-card a.type-pill.image-type-pill.listing-filter-pill .type-icon{

  height:18px!important;

  width:18px!important;

  min-height:18px!important;

  min-width:18px!important;

  max-height:18px!important;

  max-width:18px!important;

  display:inline-flex!important;

  align-items:center!important;

  justify-content:center!important;

  line-height:1!important;

  font-size:15px!important;

}

/* 2026-08-07 list view location pill image bottom state abbrev

   In list view, put location back on the image bottom and show compact state text. */

html body main.site-main .container.browse-page #listing-grid.listing-layout-list article.listing-card .listing-location-text{

  display:none!important;

}

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:14px!important;

  right:auto!important;

  bottom:12px!important;

  top:auto!important;

  transform:none!important;

  z-index:46!important;

  height:28px!important;

  min-height:28px!important;

  max-height:28px!important;

  align-items:center!important;

  justify-content:center!important;

  gap:.34rem!important;

  padding:0 10px!important;

  box-sizing:border-box!important;

  white-space:nowrap!important;

}

html body main.site-main .container.browse-page #listing-grid.listing-layout-list article.listing-card .listing-image-wrap .image-location-pill .loc-icon{

  display:inline-flex!important;

  width:17px!important;

  height:17px!important;

  min-width:17px!important;

  align-items:center!important;

  justify-content:center!important;

}

html body main.site-main .container.browse-page #listing-grid.listing-layout-list article.listing-card .listing-image-wrap .image-location-pill .loc-icon svg{

  width:17px!important;

  height:17px!important;

}

html body main.site-main .container.browse-page #listing-grid.listing-layout-list article.listing-card .listing-image-wrap .image-location-pill .loc-city{

  font-size:0!important;

  line-height:1!important;

}

html body main.site-main .container.browse-page #listing-grid.listing-layout-list article.listing-card .listing-image-wrap .image-location-pill .loc-city::after{

  content:'FL';

  font-size:.78rem!important;

  font-weight:700!important;

  line-height:1!important;

}

/* 2026-08-07 list horizontal center pills over left image
   Mobile list view: keep current vertical placement, but horizontally center type/location pills over the left image. */
@media (max-width:760px){
  html body main.site-main .container.browse-page #listing-grid.listing-layout-list article.listing-card .listing-image-wrap a.type-pill.image-type-pill.listing-filter-pill,
  html body main.site-main .container.browse-page #listing-grid.listing-layout-list article.listing-card .listing-image-wrap .image-location-pill{
    left:100px!important;
    right:auto!important;
    transform:translateX(-50%)!important;
  }
}

/* 2026-08-07 list pills left correction over image
   Correct pill center leftward to the actual image center in mobile list rows. */
@media (max-width:760px){
  html body main.site-main .container.browse-page #listing-grid.listing-layout-list article.listing-card .listing-image-wrap a.type-pill.image-type-pill.listing-filter-pill,
  html body main.site-main .container.browse-page #listing-grid.listing-layout-list article.listing-card .listing-image-wrap .image-location-pill{
    left:44px!important;
    right:auto!important;
    transform:translateX(-50%)!important;
  }
}

/* 2026-08-07 list pills right nudge after too far left
   Nudge type/location pills right from the too-far-left 44px target toward the image center. */
@media (max-width:760px){
  html body main.site-main .container.browse-page #listing-grid.listing-layout-list article.listing-card .listing-image-wrap a.type-pill.image-type-pill.listing-filter-pill,
  html body main.site-main .container.browse-page #listing-grid.listing-layout-list article.listing-card .listing-image-wrap .image-location-pill{
    left:69px!important;
    right:auto!important;
    transform:translateX(-50%)!important;
  }
}

/* 2026-08-07 list image flush to card edges except right
   Mobile list rows: the thumbnail should touch the card's left/top/bottom edges, leaving the gap only on the right before text. */
@media (max-width:760px){
  html body main.site-main .container.browse-page #listing-grid.listing-layout-list article.listing-card{
    overflow:hidden!important;
    padding-left:0!important;
    padding-top:0!important;
    padding-bottom:0!important;
  }
  html body main.site-main .container.browse-page #listing-grid.listing-layout-list article.listing-card .listing-image-wrap{
    margin:0!important;
    align-self:stretch!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{
    height:100%!important;
  }
  html body main.site-main .container.browse-page #listing-grid.listing-layout-list article.listing-card .listing-img{
    border-radius:0!important;
    object-fit:cover!important;
  }
}

/* 2026-08-07 list pills centered on flush image
   After removing image padding, center overlay pills on the actual flush left thumbnail. */
@media (max-width:760px){
  html body main.site-main .container.browse-page #listing-grid.listing-layout-list article.listing-card .listing-image-wrap a.type-pill.image-type-pill.listing-filter-pill,
  html body main.site-main .container.browse-page #listing-grid.listing-layout-list article.listing-card .listing-image-wrap .image-location-pill{
    left:94px!important;
    right:auto!important;
    transform:translateX(-50%)!important;
  }
}

/* 2026-08-07 list pills left nudge from 94
   Nudge listing type/location pills left; previous 94px center target was too far right. */
@media (max-width:760px){
  html body main.site-main .container.browse-page #listing-grid.listing-layout-list article.listing-card .listing-image-wrap a.type-pill.image-type-pill.listing-filter-pill,
  html body main.site-main .container.browse-page #listing-grid.listing-layout-list article.listing-card .listing-image-wrap .image-location-pill{
    left:80px!important;
    right:auto!important;
    transform:translateX(-50%)!important;
  }
}

/* 2026-08-07 list pills center visible image left44
   Center type/location pills over the visible left listing image, not the image wrapper/text boundary. */
@media (max-width:760px){
  html body main.site-main .container.browse-page #listing-grid.listing-layout-list article.listing-card .listing-image-wrap a.type-pill.image-type-pill.listing-filter-pill,
  html body main.site-main .container.browse-page #listing-grid.listing-layout-list article.listing-card .listing-image-wrap .image-location-pill{
    left:44px!important;
    right:auto!important;
    transform:translateX(-50%)!important;
  }
}

/* 2026-08-07 list pills right nudge from 44 to 62
   Nudge listing type/location pills right from the too-far-left 44px target. */
@media (max-width:760px){
  html body main.site-main .container.browse-page #listing-grid.listing-layout-list article.listing-card .listing-image-wrap a.type-pill.image-type-pill.listing-filter-pill,
  html body main.site-main .container.browse-page #listing-grid.listing-layout-list article.listing-card .listing-image-wrap .image-location-pill{
    left:62px!important;
    right:auto!important;
    transform:translateX(-50%)!important;
  }
}

/* 2026-08-07 list pills 58 title desc wrap no card resize
   Small pill nudge left, plus text wrapping guards only. Do not resize cards or move action/rating pills. */
@media (max-width:760px){
  html body main.site-main .container.browse-page #listing-grid.listing-layout-list article.listing-card .listing-image-wrap a.type-pill.image-type-pill.listing-filter-pill,
  html body main.site-main .container.browse-page #listing-grid.listing-layout-list article.listing-card .listing-image-wrap .image-location-pill{
    left:58px!important;
    right:auto!important;
    transform:translateX(-50%)!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{
    white-space:normal!important;
    overflow:hidden!important;
    text-overflow:clip!important;
    overflow-wrap:anywhere!important;
    word-break:normal!important;
    display:-webkit-box!important;
    -webkit-box-orient:vertical!important;
    -webkit-line-clamp:2!important;
    line-clamp:2!important;
    max-width:calc(100% - 140px)!important;
  }
  html body main.site-main .container.browse-page #listing-grid.listing-layout-list article.listing-card .listing-desc,
  html body main.site-main .container.browse-page #listing-grid.listing-layout-list article.listing-card .listing-description{
    white-space:normal!important;
    overflow-wrap:anywhere!important;
    word-break:normal!important;
    padding-right:86px!important;
    box-sizing:border-box!important;
  }
}

/* 2026-08-07 list text use available blank space without fill
   Let title/description use available blank card space naturally without resizing cards or moving pills. */
@media (max-width:760px){
  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{
    white-space:normal!important;
    overflow:hidden!important;
    text-overflow:clip!important;
    overflow-wrap:break-word!important;
    word-break:normal!important;
    hyphens:auto!important;
    display:-webkit-box!important;
    -webkit-box-orient:vertical!important;
    -webkit-line-clamp:2!important;
    line-clamp:2!important;
    max-width:calc(100% - 118px)!important;
  }
  html body main.site-main .container.browse-page #listing-grid.listing-layout-list article.listing-card .listing-desc,
  html body main.site-main .container.browse-page #listing-grid.listing-layout-list article.listing-card .listing-description{
    white-space:normal!important;
    overflow-wrap:break-word!important;
    word-break:normal!important;
    hyphens:auto!important;
    padding-right:0!important;
    max-width:100%!important;
    text-align:left!important;
    box-sizing:border-box!important;
  }
}

/* 2026-08-07 list text natural wrap no word breaks no clipping
   Use blank text space naturally: no mid-word breaks, no ellipsis clipping, no card/pill/image size changes. */
@media (max-width:760px){
  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{
    white-space:normal!important;
    overflow:visible!important;
    text-overflow:clip!important;
    overflow-wrap:normal!important;
    word-break:normal!important;
    hyphens:none!important;
    display:block!important;
    -webkit-line-clamp:unset!important;
    line-clamp:unset!important;
    max-width:calc(100% - 118px)!important;
  }
  html body main.site-main .container.browse-page #listing-grid.listing-layout-list article.listing-card .listing-desc,
  html body main.site-main .container.browse-page #listing-grid.listing-layout-list article.listing-card .listing-description{
    white-space:normal!important;
    overflow:visible!important;
    text-overflow:clip!important;
    overflow-wrap:normal!important;
    word-break:normal!important;
    hyphens:none!important;
    display:block!important;
    -webkit-line-clamp:unset!important;
    line-clamp:unset!important;
    max-height:none!important;
    padding-right:0!important;
    max-width:100%!important;
    text-align:left!important;
    box-sizing:border-box!important;
  }
}

/* 2026-08-07 list title 2px left */
@media (max-width:760px){
  html body main.site-main .container.browse-page #listing-grid.listing-layout-list article.listing-card .listing-title{
    margin-left:-2px!important;
  }
}

/* 2026-08-07 list overlay pills match star/thumb spacing and height
   Match left overlay pills to right overlay pill spacing/height: type aligns with stars, location aligns with thumbs. */
@media (max-width:760px){
  html body main.site-main .container.browse-page #listing-grid.listing-layout-list article.listing-card .listing-image-wrap a.type-pill.image-type-pill.listing-filter-pill,
  html body main.site-main .container.browse-page #listing-grid.listing-layout-list article.listing-card .listing-image-wrap .image-location-pill{
    height:28px!important;
    min-height:28px!important;
    max-height:28px!important;
    padding-top:0!important;
    padding-bottom:0!important;
    box-sizing:border-box!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
  }
  html body main.site-main .container.browse-page #listing-grid.listing-layout-list article.listing-card .listing-image-wrap a.type-pill.image-type-pill.listing-filter-pill{
    top:12px!important;
    bottom:auto!important;
  }
  html body main.site-main .container.browse-page #listing-grid.listing-layout-list article.listing-card .listing-image-wrap .image-location-pill{
    bottom:12px!important;
    top:auto!important;
  }
}

/* 2026-08-07 list title outdent */
@media (max-width:760px){
  html body main.site-main .container.browse-page #listing-grid.listing-layout-list article.listing-card .listing-title{
    margin-left:-6px!important;
  }
}

/* 2026-08-07 list left pills match right overlay height spacing
   Match left type/location pills to the visible right stars/thumbs pills in mobile list rows. */
@media (max-width:760px){
  html body main.site-main .container.browse-page #listing-grid.listing-layout-list article.listing-card .listing-image-wrap a.type-pill.image-type-pill.listing-filter-pill,
  html body main.site-main .container.browse-page #listing-grid.listing-layout-list article.listing-card .listing-image-wrap .image-location-pill{
    height:40px!important;
    min-height:40px!important;
    max-height:40px!important;
    padding-top:0!important;
    padding-bottom:0!important;
    line-height:1!important;
    box-sizing:border-box!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
  }
  html body main.site-main .container.browse-page #listing-grid.listing-layout-list article.listing-card .listing-image-wrap a.type-pill.image-type-pill.listing-filter-pill{
    top:15px!important;
    bottom:auto!important;
  }
  html body main.site-main .container.browse-page #listing-grid.listing-layout-list article.listing-card .listing-image-wrap .image-location-pill{
    bottom:15px!important;
    top:auto!important;
  }
  html body main.site-main .container.browse-page #listing-grid.listing-layout-list article.listing-card .listing-image-wrap a.type-pill.image-type-pill.listing-filter-pill .type-icon{
    height:22px!important;
    width:22px!important;
    min-height:22px!important;
    min-width:22px!important;
    max-height:22px!important;
    max-width:22px!important;
    font-size:16px!important;
    line-height:1!important;
  }
  html body main.site-main .container.browse-page #listing-grid.listing-layout-list article.listing-card .listing-image-wrap .image-location-pill .loc-icon,
  html body main.site-main .container.browse-page #listing-grid.listing-layout-list article.listing-card .listing-image-wrap .image-location-pill .loc-icon svg{
    height:20px!important;
    width:20px!important;
    min-height:20px!important;
    min-width:20px!important;
    max-height:20px!important;
    max-width:20px!important;
  }
}

/* 2026-08-07 repair left overlay pills absolute 40px aligned
   Repair mobile list left overlay pills after spacing pass: fixed 40px height, absolute placement, same inset as right overlays. */
@media (max-width:760px){
  html body main.site-main .container.browse-page #listing-grid.listing-layout-list article.listing-card .listing-image-wrap{
    position:relative!important;
  }
  html body main.site-main .container.browse-page #listing-grid.listing-layout-list article.listing-card .listing-image-wrap a.type-pill.image-type-pill.listing-filter-pill,
  html body main.site-main .container.browse-page #listing-grid.listing-layout-list article.listing-card .listing-image-wrap .image-location-pill{
    position:absolute!important;
    left:58px!important;
    right:auto!important;
    width:auto!important;
    min-width:0!important;
    height:40px!important;
    min-height:40px!important;
    max-height:40px!important;
    padding:0 14px!important;
    margin:0!important;
    line-height:1!important;
    box-sizing:border-box!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    gap:8px!important;
    transform:translateX(-50%)!important;
  }
  html body main.site-main .container.browse-page #listing-grid.listing-layout-list article.listing-card .listing-image-wrap a.type-pill.image-type-pill.listing-filter-pill{
    top:12px!important;
    bottom:auto!important;
  }
  html body main.site-main .container.browse-page #listing-grid.listing-layout-list article.listing-card .listing-image-wrap .image-location-pill{
    bottom:12px!important;
    top:auto!important;
  }
  html body main.site-main .container.browse-page #listing-grid.listing-layout-list article.listing-card .listing-image-wrap a.type-pill.image-type-pill.listing-filter-pill .type-icon,
  html body main.site-main .container.browse-page #listing-grid.listing-layout-list article.listing-card .listing-image-wrap .image-location-pill .loc-icon,
  html body main.site-main .container.browse-page #listing-grid.listing-layout-list article.listing-card .listing-image-wrap .image-location-pill .loc-icon svg{
    height:20px!important;
    width:20px!important;
    min-height:20px!important;
    min-width:20px!important;
    max-height:20px!important;
    max-width:20px!important;
    font-size:16px!important;
    line-height:1!important;
    flex:0 0 auto!important;
  }
}

/* 2026-08-07 restore left overlay pills 40px 15px
   Restore the last good left pill height and spacing after the 12px pass was wrong. */
@media (max-width:760px){
  html body main.site-main .container.browse-page #listing-grid.listing-layout-list article.listing-card .listing-image-wrap a.type-pill.image-type-pill.listing-filter-pill,
  html body main.site-main .container.browse-page #listing-grid.listing-layout-list article.listing-card .listing-image-wrap .image-location-pill{
    position:absolute!important;
    left:58px!important;
    right:auto!important;
    width:auto!important;
    min-width:0!important;
    height:40px!important;
    min-height:40px!important;
    max-height:40px!important;
    padding:0 14px!important;
    margin:0!important;
    line-height:1!important;
    box-sizing:border-box!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    gap:8px!important;
    transform:translateX(-50%)!important;
  }
  html body main.site-main .container.browse-page #listing-grid.listing-layout-list article.listing-card .listing-image-wrap a.type-pill.image-type-pill.listing-filter-pill{
    top:15px!important;
    bottom:auto!important;
  }
  html body main.site-main .container.browse-page #listing-grid.listing-layout-list article.listing-card .listing-image-wrap .image-location-pill{
    bottom:15px!important;
    top:auto!important;
  }
}

/* 2026-08-07 compact left overlay pills reveal image
   Keep matched 40px pill height, but reduce left pill footprint so the listing image remains visible. */
@media (max-width:760px){
  html body main.site-main .container.browse-page #listing-grid.listing-layout-list article.listing-card .listing-image-wrap a.type-pill.image-type-pill.listing-filter-pill,
  html body main.site-main .container.browse-page #listing-grid.listing-layout-list article.listing-card .listing-image-wrap .image-location-pill{
    height:40px!important;
    min-height:40px!important;
    max-height:40px!important;
    padding-left:8px!important;
    padding-right:8px!important;
    gap:5px!important;
    white-space:nowrap!important;
  }
  html body main.site-main .container.browse-page #listing-grid.listing-layout-list article.listing-card .listing-image-wrap a.type-pill.image-type-pill.listing-filter-pill .type-icon,
  html body main.site-main .container.browse-page #listing-grid.listing-layout-list article.listing-card .listing-image-wrap .image-location-pill .loc-icon,
  html body main.site-main .container.browse-page #listing-grid.listing-layout-list article.listing-card .listing-image-wrap .image-location-pill .loc-icon svg{
    height:18px!important;
    width:18px!important;
    min-height:18px!important;
    min-width:18px!important;
    max-height:18px!important;
    max-width:18px!important;
  }
}

/* 2026-08-07 left overlay pills edge height hard lock
   Mobile list: force Thing/Service and location pills to same 36px height as the star pill while preserving centered image placement. */
@media (max-width:760px){
  html body main.site-main .container.browse-page #listing-grid.listing-layout-list article.listing-card .listing-image-wrap{
    position:relative!important;
  }
  html body main.site-main .container.browse-page #listing-grid.listing-layout-list article.listing-card .listing-image-wrap .browse-card-overlay.browse-card-overlay-top{
    position:static!important;
    inset:auto!important;
    display:block!important;
    padding:0!important;
    margin:0!important;
  }
  html body main.site-main .container.browse-page #listing-grid.listing-layout-list article.listing-card .listing-image-wrap a.type-pill.image-type-pill.listing-filter-pill,
  html body main.site-main .container.browse-page #listing-grid.listing-layout-list article.listing-card .listing-image-wrap a.loc.image-location-pill.listing-filter-pill,
  html body main.site-main .container.browse-page #listing-grid.listing-layout-list article.listing-card .listing-image-wrap .image-location-pill{
    position:absolute!important;
    left:58px!important;
    right:auto!important;
    width:auto!important;
    min-width:0!important;
    max-width:128px!important;
    height:36px!important;
    min-height:36px!important;
    max-height:36px!important;
    padding:0 10px!important;
    margin:0!important;
    border-width:1px!important;
    line-height:36px!important;
    box-sizing:border-box!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    gap:6px!important;
    transform:translateX(-50%)!important;
    overflow:hidden!important;
    white-space:nowrap!important;
    z-index:60!important;
  }
  html body main.site-main .container.browse-page #listing-grid.listing-layout-list article.listing-card .listing-image-wrap a.type-pill.image-type-pill.listing-filter-pill{
    top:14px!important;
    bottom:auto!important;
  }
  html body main.site-main .container.browse-page #listing-grid.listing-layout-list article.listing-card .listing-image-wrap a.loc.image-location-pill.listing-filter-pill,
  html body main.site-main .container.browse-page #listing-grid.listing-layout-list article.listing-card .listing-image-wrap .image-location-pill{
    bottom:14px!important;
    top:auto!important;
  }
  html body main.site-main .container.browse-page #listing-grid.listing-layout-list article.listing-card .listing-image-wrap a.type-pill.image-type-pill.listing-filter-pill .type-icon,
  html body main.site-main .container.browse-page #listing-grid.listing-layout-list article.listing-card .listing-image-wrap .image-location-pill .loc-icon,
  html body main.site-main .container.browse-page #listing-grid.listing-layout-list article.listing-card .listing-image-wrap .image-location-pill .loc-icon svg{
    height:18px!important;
    width:18px!important;
    min-height:18px!important;
    min-width:18px!important;
    max-height:18px!important;
    max-width:18px!important;
    font-size:16px!important;
    line-height:18px!important;
    flex:0 0 auto!important;
  }
}

/* 2026-08-07 Browse list left pills true visual star-height match.
   Preserve centered image placement; match the visible star pill height. */
@media (max-width:760px){
  html body main.site-main .container.browse-page #listing-grid.listing-layout-list article.listing-card .listing-image-wrap a.type-pill.image-type-pill.listing-filter-pill,
  html body main.site-main .container.browse-page #listing-grid.listing-layout-list article.listing-card .listing-image-wrap a.loc.image-location-pill.listing-filter-pill,
  html body main.site-main .container.browse-page #listing-grid.listing-layout-list article.listing-card .listing-image-wrap .image-location-pill{
    height:28px!important;
    min-height:28px!important;
    max-height:28px!important;
    line-height:28px!important;
    padding-top:0!important;
    padding-bottom:0!important;
    padding-left:9px!important;
    padding-right:9px!important;
    font-size:.72rem!important;
    align-items:center!important;
    box-sizing:border-box!important;
  }
  html body main.site-main .container.browse-page #listing-grid.listing-layout-list article.listing-card .listing-image-wrap a.type-pill.image-type-pill.listing-filter-pill .type-icon,
  html body main.site-main .container.browse-page #listing-grid.listing-layout-list article.listing-card .listing-image-wrap .image-location-pill .loc-icon,
  html body main.site-main .container.browse-page #listing-grid.listing-layout-list article.listing-card .listing-image-wrap .image-location-pill .loc-icon svg{
    height:14px!important;
    width:14px!important;
    min-height:14px!important;
    min-width:14px!important;
    max-height:14px!important;
    max-width:14px!important;
    font-size:13px!important;
    line-height:14px!important;
  }
}

/* 2026-08-07 Browse list type pill y-aligns with stars.
   Mobile list: type pill was too high at 0px; nudge down while keeping it above the old 14px position. */
@media (max-width:760px){
  html body main.site-main .container.browse-page #listing-grid.listing-layout-list article.listing-card .listing-image-wrap a.type-pill.image-type-pill.listing-filter-pill{
    top:8px!important;
    bottom:auto!important;
  }
}

/* 2026-08-07 Browse list image padding/spacing cleanup.
   Mobile list: remove visible right/bottom spacing around the left listing image without changing card layout or pill positions. */
@media (max-width:760px){
  html body main.site-main .container.browse-page #listing-grid.listing-layout-list article.listing-card .listing-image-wrap{
    padding:0!important;
    padding-right:0!important;
    padding-bottom:0!important;
    margin-right:0!important;
    margin-bottom:0!important;
    border-radius:0!important;
    overflow:hidden!important;
  }
  html body main.site-main .container.browse-page #listing-grid.listing-layout-list article.listing-card .listing-image-link{
    display:block!important;
    padding:0!important;
    margin:0!important;
    line-height:0!important;
    border-radius:0!important;
    overflow:hidden!important;
  }
  html body main.site-main .container.browse-page #listing-grid.listing-layout-list article.listing-card .listing-img{
    display:block!important;
    margin:0!important;
    border-radius:0!important;
    vertical-align:bottom!important;
  }
}

/* 2026-08-07 Browse list image bottom/right gap tune.
   Mobile list: close the bottom gap fully and cut the right image/text gutter about in half by extending only the image box. */
@media (max-width:760px){
  html body main.site-main .container.browse-page #listing-grid.listing-layout-list article.listing-card .listing-image-wrap{
    width:calc(100% + 12px)!important;
    height:calc(100% + 17px)!important;
    margin-right:-12px!important;
    margin-bottom:-17px!important;
    padding:0!important;
    overflow:hidden!important;
  }
  html body main.site-main .container.browse-page #listing-grid.listing-layout-list article.listing-card .listing-image-link{
    display:block!important;
    width:100%!important;
    height:100%!important;
    padding:0!important;
    margin:0!important;
    line-height:0!important;
    overflow:hidden!important;
  }
  html body main.site-main .container.browse-page #listing-grid.listing-layout-list article.listing-card .listing-img{
    display:block!important;
    width:100%!important;
    height:100%!important;
    object-fit:cover!important;
    margin:0!important;
    vertical-align:bottom!important;
  }
}

/* 2026-08-07 Browse list image actual aspect/gutter fix.
   Mobile list: the persistent bottom gap is from square/aspect sizing; force the image column to stretch full card height and reduce the grid gutter. */
@media (max-width:760px){
  html body main.site-main .container.browse-page #listing-grid.listing-layout-list article.listing-card{
    column-gap:3px!important;
    gap:3px!important;
    align-items:stretch!important;
  }
  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-img{
    aspect-ratio:auto!important;
  }
  html body main.site-main .container.browse-page #listing-grid.listing-layout-list article.listing-card .listing-image-wrap{
    align-self:stretch!important;
    height:100%!important;
    min-height:100%!important;
    margin-right:0!important;
    margin-bottom:0!important;
    padding:0!important;
    overflow:hidden!important;
  }
  html body main.site-main .container.browse-page #listing-grid.listing-layout-list article.listing-card .listing-image-link{
    display:block!important;
    height:100%!important;
    min-height:100%!important;
    padding:0!important;
    margin:0!important;
    line-height:0!important;
  }
  html body main.site-main .container.browse-page #listing-grid.listing-layout-list article.listing-card .listing-img{
    display:block!important;
    height:100%!important;
    min-height:100%!important;
    width:100%!important;
    object-fit:cover!important;
    margin:0!important;
    vertical-align:bottom!important;
  }
}

/* 2026-08-07 Browse list location pill bottom aligns thumbs.
   Mobile list: nudge location pill up from 2px so its bottom aligns horizontally with the thumbs pill. */
@media (max-width:760px){
  html body main.site-main .container.browse-page #listing-grid.listing-layout-list article.listing-card .listing-image-wrap a.loc.image-location-pill.listing-filter-pill,
  html body main.site-main .container.browse-page #listing-grid.listing-layout-list article.listing-card .listing-image-wrap .image-location-pill{
    bottom:8px!important;
    top:auto!important;
  }
}

/* 2026-08-07 Browse list text clears right pills.
   Mobile list: reserve right-side overlay pill lane so title/description do not run underneath stars/thumbs. */
@media (max-width:760px){
  html body main.site-main .container.browse-page #listing-grid.listing-layout-list article.listing-card .listing-body{
    padding-right:118px!important;
    box-sizing:border-box!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,
  html body main.site-main .container.browse-page #listing-grid.listing-layout-list article.listing-card .listing-desc,
  html body main.site-main .container.browse-page #listing-grid.listing-layout-list article.listing-card .listing-description{
    max-width:100%!important;
    padding-right:0!important;
    box-sizing:border-box!important;
  }
}

/* 2026-08-07 Browse list description fills right space.
   Mobile list: keep title clear of the stars pill, but let description use the open right-side visual space. */
@media (max-width:760px){
  html body main.site-main .container.browse-page #listing-grid.listing-layout-list article.listing-card .listing-body{
    padding-right:14px!important;
    box-sizing:border-box!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{
    max-width:calc(100% - 118px)!important;
    padding-right:0!important;
    box-sizing:border-box!important;
  }
  html body main.site-main .container.browse-page #listing-grid.listing-layout-list article.listing-card .listing-desc,
  html body main.site-main .container.browse-page #listing-grid.listing-layout-list article.listing-card .listing-description{
    max-width:100%!important;
    padding-right:0!important;
    box-sizing:border-box!important;
  }
}

/* 2026-08-07 Browse list description clean clamp clears thumbs.
   Mobile list: remove float wrap trick; let desc fill width but end cleanly above the lower-right thumbs pill. */
@media (max-width:760px){
  html body main.site-main .container.browse-page #listing-grid.listing-layout-list article.listing-card .listing-body{
    padding-right:14px!important;
    box-sizing:border-box!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{
    max-width:calc(100% - 118px)!important;
    padding-right:0!important;
    box-sizing:border-box!important;
  }
  html body main.site-main .container.browse-page #listing-grid.listing-layout-list article.listing-card .listing-desc,
  html body main.site-main .container.browse-page #listing-grid.listing-layout-list article.listing-card .listing-description{
    display:-webkit-box!important;
    -webkit-box-orient:vertical!important;
    -webkit-line-clamp:4!important;
    line-clamp:4!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    max-width:100%!important;
    max-height:5.8em!important;
    padding-right:0!important;
    margin-bottom:36px!important;
    box-sizing:border-box!important;
  }
  html body main.site-main .container.browse-page #listing-grid.listing-layout-list article.listing-card .listing-desc::before,
  html body main.site-main .container.browse-page #listing-grid.listing-layout-list article.listing-card .listing-description::before{
    content:none!important;
    display:none!important;
    float:none!important;
  }
}