/* 2026-07-09 visual follow-up: realistic logo tails, slower theme transitions, light gradient, header/footer polish. */

/* Slower, calmer light/dark transition. */
html,
body,
.site-header,
.site-header-inner,
.site-main,
.listing-card,
.compact-card,
.detail-shell,
.browse-search-card,
.footer-stat-pill,
.input,
.select,
.theme-toggle-track,
.theme-toggle-knob{
  transition:
    background-color 1.15s cubic-bezier(.22,.61,.36,1),
    background 1.15s cubic-bezier(.22,.61,.36,1),
    color .95s cubic-bezier(.22,.61,.36,1),
    border-color 1.05s cubic-bezier(.22,.61,.36,1),
    box-shadow 1.05s cubic-bezier(.22,.61,.36,1),
    transform .55s cubic-bezier(.22,.61,.36,1)!important;
}
.site-header .header-theme-button.theme-toggle-pill .theme-toggle-knob,
.site-header-inner .header-theme-button.theme-toggle-pill .theme-toggle-knob{
  transition:transform .85s cubic-bezier(.22,.61,.36,1), background .95s cubic-bezier(.22,.61,.36,1), box-shadow .95s cubic-bezier(.22,.61,.36,1)!important;
}

/* Light mode: replace flat white with a soft marketplace gradient. */
html[data-theme="light"] body,
body[data-theme="light"]{
  background:
    radial-gradient(circle at 12% 0%, rgba(255,231,166,.42), transparent 30rem),
    radial-gradient(circle at 88% 8%, rgba(158,203,255,.32), transparent 34rem),
    linear-gradient(135deg,#fff8e8 0%,#f6fbff 42%,#edf8f2 100%)!important;
  background-attachment:fixed!important;
}
html[data-theme="light"] .site-main,
body[data-theme="light"] .site-main{
  background:transparent!important;
}

/* Logo arrows: keep clean orbit, make tails subtle motion trails instead of chunky extra strokes. */
.site-header .brand-logo-arrow-tail,
.site-header-inner .brand-logo-arrow-tail{
  stroke:#f0bd3f!important;
  stroke-width:1.05!important;
  opacity:.42!important;
  stroke-linecap:round!important;
  stroke-dasharray:20 100!important;
  stroke-dashoffset:8!important;
  filter:
    blur(.28px)
    drop-shadow(0 0 2px rgba(246,193,61,.18))!important;
}
.site-header .brand-logo-arrow,
.site-header-inner .brand-logo-arrow{
  stroke-width:3.35!important;
  stroke-dasharray:72 100!important;
  stroke-dashoffset:-26!important;
}
.site-header .brand-logo-arrow-head,
.site-header-inner .brand-logo-arrow-head{
  stroke-width:3.35!important;
}
.site-header .brand:where(:hover,:focus-visible) .brand-logo-arrows,
.site-header-inner .brand:where(:hover,:focus-visible) .brand-logo-arrows{
  animation-duration:10s!important;
}

/* Listing detail topbar: back link left, title centered at top. */
.permanent-listing-page .listing-detail-topbar{
  display:grid!important;
  grid-template-columns:minmax(120px,auto) minmax(0,1fr) minmax(120px,auto)!important;
  align-items:center!important;
  gap:1rem!important;
  margin:0 0 1rem!important;
}
.permanent-listing-page .listing-detail-topbar .back-link{
  justify-self:start!important;
  margin:0!important;
  white-space:nowrap!important;
}
.permanent-listing-page .listing-detail-page-title{
  justify-self:center!important;
  margin:0!important;
  max-width:72ch!important;
  text-align:center!important;
  font-size:clamp(1.25rem,2.6vw,2.05rem)!important;
  line-height:1.12!important;
  color:var(--ink)!important;
}
.permanent-listing-page .listing-detail-panel-title{
  display:none!important;
}
@media (max-width:760px){
  .permanent-listing-page .listing-detail-topbar{
    grid-template-columns:auto minmax(0,1fr)!important;
    gap:.65rem!important;
  }
  .permanent-listing-page .listing-detail-topbar-spacer{
    display:none!important;
  }
  .permanent-listing-page .listing-detail-page-title{
    justify-self:center!important;
    text-align:center!important;
    font-size:1.15rem!important;
  }
  .permanent-listing-page .listing-detail-topbar .back-link{
    font-size:.86rem!important;
  }
}

/* 2026-07-09 listing QR overlay: left side of slideshow overlay. */
.permanent-listing-page .listing-slide-frame{
  position:relative!important;
  overflow:hidden!important;
}
.permanent-listing-page .listing-qr-overlay-pill{
  position:absolute!important;
  left:0!important;
  bottom:0!important;
  z-index:8!important;
  display:inline-grid!important;
  grid-template-columns:1fr!important;
  place-items:center!important;
  gap:0!important;
  padding:.5rem!important;
  border-radius:0 18px 0 0!important;
  background:rgba(10,18,13,.74)!important;
  color:#fff!important;
  text-decoration:none!important;
  box-shadow:0 10px 30px rgba(0,0,0,.32)!important;
  -webkit-backdrop-filter:blur(8px)!important;
  backdrop-filter:blur(8px)!important;
  line-height:1!important;
}
.permanent-listing-page .listing-qr-overlay-label{
  display:none!important;
}
.permanent-listing-page .listing-qr-overlay-pill img{
  display:block!important;
  width:58px!important;
  height:58px!important;
  min-width:58px!important;
  object-fit:contain!important;
  border-radius:9px!important;
  background:#fff!important;
  padding:3px!important;
  box-shadow:0 5px 16px rgba(0,0,0,.30)!important;
}
.permanent-listing-page .listing-qr-under-actions{
  display:none!important;
}
@media(max-width:560px){
  .permanent-listing-page .listing-qr-overlay-pill{padding:.42rem!important;gap:0!important;}
  .permanent-listing-page .listing-qr-overlay-label{display:none!important;}
  .permanent-listing-page .listing-qr-overlay-pill{padding:.28rem!important;}
  .permanent-listing-page .listing-qr-overlay-pill img{width:54px!important;height:54px!important;min-width:54px!important;padding:3px!important;border-radius:9px!important;}
}

/* 2026-08-21 listing detail: reduce photo-control dominance without moving controls. */
html body .permanent-listing-page .listing-slide-frame .slide-nav{
  width:34px!important;
  height:34px!important;
  min-width:34px!important;
  font-size:1.45rem!important;
  color:rgba(255,255,255,.72)!important;
  background:rgba(10,18,13,.28)!important;
  border-color:rgba(255,255,255,.24)!important;
  box-shadow:0 6px 18px rgba(0,0,0,.22)!important;
  -webkit-backdrop-filter:blur(5px)!important;
  backdrop-filter:blur(5px)!important;
}
html body .permanent-listing-page .listing-slide-frame .slide-nav span{
  font-size:1.45rem!important;
}
html body .permanent-listing-page .listing-slide-frame .slide-nav:hover,
html body .permanent-listing-page .listing-slide-frame .slide-nav:focus-visible,
html body .permanent-listing-page .listing-slide-frame .slide-nav:active{
  background:rgba(55,209,126,.78)!important;
  color:#06110b!important;
  border-color:rgba(6,17,11,.22)!important;
}
html body .permanent-listing-page .listing-slide-frame .professional-share-pill,
html body .permanent-listing-page .listing-slide-frame .slideshow-share-pill{
  gap:.22rem!important;
  padding:.22rem .28rem!important;
  background:rgba(10,18,13,.52)!important;
  border-color:rgba(255,255,255,.14)!important;
  box-shadow:0 6px 18px rgba(0,0,0,.22)!important;
  -webkit-backdrop-filter:blur(6px)!important;
  backdrop-filter:blur(6px)!important;
}
html body .permanent-listing-page .listing-slide-frame .professional-share-pill .share-label,
html body .permanent-listing-page .listing-slide-frame .slideshow-share-pill .share-label{
  font-size:.62rem!important;
  padding:0 .1rem!important;
  opacity:.84!important;
}
html body .permanent-listing-page .listing-slide-frame .professional-share-pill .share-icon-btn,
html body .permanent-listing-page .listing-slide-frame .professional-share-pill .copy-link-btn{
  width:26px!important;
  height:26px!important;
  min-width:26px!important;
  min-height:26px!important;
  background:rgba(255,255,255,.07)!important;
}
html body .permanent-listing-page .listing-slide-frame:has(.slideshow-type-pill.is-thing) .slide-nav,
html body .permanent-listing-page .listing-slide-frame:has(.slideshow-type-pill.is-service) .slide-nav{
  background:rgba(10,18,13,.28)!important;
  color:rgba(255,255,255,.72)!important;
  border-color:rgba(255,255,255,.24)!important;
}
html body .permanent-listing-page .listing-slide-frame:has(.slideshow-type-pill.is-thing) .slideshow-share-pill,
html body .permanent-listing-page .listing-slide-frame:has(.slideshow-type-pill.is-service) .slideshow-share-pill{
  background:rgba(10,18,13,.52)!important;
  color:#fff!important;
  border-color:rgba(255,255,255,.14)!important;
}
@media(max-width:760px){
  html body .permanent-listing-page .listing-slide-frame .professional-share-pill .share-icon-btn,
  html body .permanent-listing-page .listing-slide-frame .professional-share-pill .copy-link-btn{width:25px!important;height:25px!important;min-width:25px!important;min-height:25px!important;}
}

/* 2026-07-09 listing rating text pill: slideshow overlay top right, no sort behavior. */
.permanent-listing-page .listing-rating-overlay-pill{
  position:absolute!important;
  top:0!important;
  right:0!important;
  z-index:8!important;
  display:inline-flex!important;
  align-items:center!important;
  gap:.38rem!important;
  min-height:36px!important;
  padding:.42rem .68rem!important;
  border-radius:0 0 0 18px!important;
  background:rgba(10,18,13,.78)!important;
  color:#fff7d1!important;
  box-shadow:0 10px 30px rgba(0,0,0,.32)!important;
  -webkit-backdrop-filter:blur(8px)!important;
  backdrop-filter:blur(8px)!important;
  line-height:1!important;
  pointer-events:none!important;
}
.permanent-listing-page .listing-rating-overlay-label{
  font-size:.72rem!important;
  font-weight:950!important;
  letter-spacing:.045em!important;
  text-transform:uppercase!important;
  color:#fff7d1!important;
  opacity:.92!important;
}
.permanent-listing-page .listing-rating-overlay-pill strong{
  font-size:1.02rem!important;
  font-weight:950!important;
  color:#ffd84d!important;
  line-height:1!important;
}
.permanent-listing-page .listing-rating-overlay-pill .listing-detail-rating-stars{
  display:inline-flex!important;
  align-items:center!important;
  gap:.08rem!important;
  white-space:nowrap!important;
  line-height:1!important;
}
.permanent-listing-page .listing-rating-overlay-pill .rating-star{
  position:relative!important;
  display:inline-block!important;
  width:.88em!important;
  height:1em!important;
  color:rgba(255,216,77,.28)!important;
  line-height:1!important;
}
.permanent-listing-page .listing-rating-overlay-pill .star-base,
.permanent-listing-page .listing-rating-overlay-pill .star-fill{
  position:absolute!important;
  left:0!important;
  top:0!important;
  line-height:1!important;
}
.permanent-listing-page .listing-rating-overlay-pill .star-fill{
  width:var(--fill)!important;
  overflow:hidden!important;
  color:#ffd84d!important;
}
.permanent-listing-page .listing-rating-unrated{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  padding:.12rem .42rem!important;
  border-radius:999px!important;
  background:rgba(255,255,255,.10)!important;
  border:1px solid rgba(255,255,255,.18)!important;
  color:#fff7d1!important;
  font-size:.72rem!important;
  font-weight:950!important;
  letter-spacing:.055em!important;
  line-height:1!important;
  text-transform:uppercase!important;
  white-space:nowrap!important;
}
.permanent-listing-page .listing-rating-overlay-scale{
  margin-left:-.28rem!important;
  font-size:.76rem!important;
  font-weight:850!important;
  opacity:.82!important;
}
@media(max-width:560px){
  .permanent-listing-page .listing-rating-overlay-pill{min-height:32px!important;padding:.34rem .5rem!important;gap:.25rem!important;border-radius:0 0 0 14px!important;}
  .permanent-listing-page .listing-rating-overlay-label{font-size:.62rem!important;}
  .permanent-listing-page .listing-rating-overlay-pill strong{font-size:.92rem!important;}
}

/* 2026-07-09 listing detail/ask swap: details under slideshow, ask panel right. */
.permanent-listing-page .listing-detail-info-panel{
  margin-top:1rem!important;
  display:grid!important;
  gap:1rem!important;
}
.permanent-listing-page .detail-panel > .listing-questions{
  margin-top:0!important;
}
.permanent-listing-page .detail-panel > .report-listing-panel{
  margin-top:1rem!important;
}
.permanent-listing-page .listing-detail-info-panel .shipping-estimator-card{
  margin-top:0!important;
}

/* 2026-07-10 PC Browse list view: pin listing-type pill to the image's top edge. */
@media (min-width:761px){
  html body main.site-main .container.browse-page #listing-grid.listing-layout-list article.listing-card .listing-image-wrap .image-type-pill{
    top:0!important;
    left:0!important;
  }
  html body main.site-main .container.browse-page #listing-grid.listing-layout-list article.listing-card .listing-image-link{
    overflow:hidden!important;
    box-shadow:none!important;
  }
  html body main.site-main .container.browse-page #listing-grid.listing-layout-list article.listing-card .listing-image-link::before,
  html body main.site-main .container.browse-page #listing-grid.listing-layout-list article.listing-card .listing-image-link::after{
    display:none!important;
    opacity:0!important;
    filter:none!important;
  }
}

/* 2026-07-10 footer sitemap. */
.site-footer .footer-sitemap{
  width:min(980px,calc(100% - 24px));
  margin:.95rem auto .75rem;
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:.85rem;
  text-align:left;
}
.site-footer .footer-sitemap-group{
  padding:.8rem .9rem;
  border:1px solid rgba(224,176,80,.26);
  border-radius:18px;
  background:rgba(10,17,14,.36);
}
.site-footer .footer-sitemap-group strong{
  display:block;
  margin-bottom:.4rem;
  color:#f3c766;
  font-size:.78rem;
  text-transform:uppercase;
  letter-spacing:.08em;
}
.site-footer .footer-sitemap-group a{
  display:block;
  margin:.22rem 0;
  color:inherit;
  text-decoration:none;
  opacity:.86;
}
.site-footer .footer-sitemap-group a:hover,
.site-footer .footer-sitemap-group a:focus-visible{
  color:#f3c766;
  opacity:1;
}
@media(max-width:760px){
  .site-footer .footer-sitemap{grid-template-columns:1fr;}
}

/* 2026-07-10 PC Browse header: keep Add Listing beside the Browse title. */
body main.site-main .container.browse-page .browse-title-action-row{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:1rem!important;
}
body main.site-main .container.browse-page .browse-title-action-row .browse-page-title{
  margin:0!important;
}
body main.site-main .container.browse-page .browse-title-action-row .browse-hero-add-listing{
  margin-top:.18rem!important;
  white-space:nowrap!important;
}
@media(max-width:760px){
  body main.site-main .container.browse-page .browse-title-action-row{
    display:grid!important;
    justify-items:start!important;
    gap:.7rem!important;
  }
}

/* 2026-07-10 gold frame dividers. */
body header.site-header,
body .site-header{
  border-bottom:1px solid rgba(224,176,80,.72)!important;
}
html body header.site-header,
html body .site-header.site-header{
  border-bottom-color:rgba(224,176,80,.72)!important;
  box-shadow:0 1px 0 rgba(224,176,80,.72),0 10px 26px rgba(0,0,0,.22)!important;
}
body footer.site-footer,
body .site-footer{
  border-top:1px solid rgba(224,176,80,.72)!important;
}

/* 2026-07-10 Browse overlay pill height parity by view/device. */
body main.site-main .container.browse-page #listing-grid.listing-layout-cards article.listing-card :where(.image-type-pill,.image-location-pill,.image-rating-pill.listing-rating-sort-pill){
  min-height:36px!important;
  height:36px!important;
  align-items:center!important;
}
@media(min-width:761px){
  body main.site-main .container.browse-page #listing-grid.listing-layout-list article.listing-card :where(.image-type-pill,.image-location-pill,.image-rating-pill.listing-rating-sort-pill){
    min-height:32px!important;
    height:32px!important;
    align-items:center!important;
  }
}
@media(max-width:760px){
  body main.site-main .container.browse-page #listing-grid.listing-layout-list article.listing-card :where(.image-type-pill,.image-location-pill,.image-rating-pill.listing-rating-sort-pill,.browse-card-reaction){
    min-height:28px!important;
    height:28px!important;
    align-items:center!important;
  }
  body main.site-main .container.browse-page #listing-grid.listing-layout-list article.listing-card .browse-card-reaction-pair{
    min-height:30px!important;
    height:30px!important;
    align-items:center!important;
  }
}

/* 2026-07-10 header search/theme placement. */
html body header.site-header,
html body .site-header.site-header{
  position:sticky!important;
  top:0!important;
  z-index:900!important;
}
html,
body{
  overflow-x:clip!important;
  overflow-y:visible!important;
}
body.admin-mode-active header.site-header,
body.moderator-mode-active header.site-header{
  top:0!important;
}
.site-header .header-search-button{
  width:54px!important;
  height:42px!important;
  min-width:54px!important;
  display:inline-grid!important;
  place-items:center!important;
  border:1px solid rgba(224,176,80,.88)!important;
  border-radius:999px!important;
  background:linear-gradient(180deg,#090806 0%,#171006 100%)!important;
  color:#ffd873!important;
  font-size:1.05rem!important;
  line-height:1!important;
  box-shadow:0 8px 18px rgba(0,0,0,.32),0 0 0 1px rgba(255,228,150,.08) inset!important;
  cursor:pointer!important;
}
.site-header .header-search-button[hidden]{
  display:none!important;
}
.site-header .header-search-button:hover,
.site-header .header-search-button:focus-visible{
  transform:translateY(-1px)!important;
  box-shadow:0 12px 24px rgba(0,0,0,.38),0 0 0 2px rgba(255,216,115,.18) inset!important;
}
.site-header .nav-theme-toggle{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:.85rem!important;
  width:100%!important;
  min-height:46px!important;
  padding:.62rem .82rem!important;
  border-radius:16px!important;
  border:1px solid rgba(224,176,80,.24)!important;
  background:rgba(8,12,10,.48)!important;
  color:inherit!important;
  font:inherit!important;
  text-align:left!important;
  cursor:pointer!important;
}
.site-header .nav-theme-toggle .theme-toggle-track{
  flex:0 0 auto!important;
  background:linear-gradient(180deg,#090806 0%,#171006 100%)!important;
  border:1px solid rgba(224,176,80,.88)!important;
  box-shadow:0 8px 18px rgba(0,0,0,.32),0 0 0 1px rgba(255,228,150,.08) inset!important;
}
.site-header .nav-theme-toggle .theme-toggle-knob{
  background:linear-gradient(145deg,#ffe8a3,#d99d12)!important;
  border:1px solid rgba(255,244,199,.72)!important;
  box-shadow:0 3px 9px rgba(0,0,0,.34),0 0 10px rgba(246,215,125,.22)!important;
}
.site-header .nav-theme-toggle .theme-menu-label{
  flex:1 1 auto!important;
  font-weight:900!important;
}
html body main.site-main .container.browse-page .browse-header-controls .browse-search-toggle,
.browse-header-controls .browse-search-toggle{
  display:none!important;
}
@media(max-width:560px){
  .site-header .header-search-button{
    width:46px!important;
    height:40px!important;
    min-width:46px!important;
  }
}

/* 2026-07-10 Browse PC cell/card view: compact, but readable on desktop. */
@media(min-width:900px){
  html body main.site-main .container.browse-page #listing-grid.listing-layout-cards{
    grid-template-columns:repeat(auto-fill,minmax(248px,1fr))!important;
    gap:14px!important;
    align-items:stretch!important;
  }
  html body main.site-main .container.browse-page #listing-grid.listing-layout-cards article.listing-card{
    min-width:0!important;
    border-radius:18px!important;
  }
  html body main.site-main .container.browse-page #listing-grid.listing-layout-cards article.listing-card .listing-image-wrap{
    width:100%!important;
    margin:0!important;
    aspect-ratio:1/1!important;
    min-height:0!important;
    border-radius:18px 18px 0 0!important;
  }
  html body main.site-main .container.browse-page #listing-grid.listing-layout-cards article.listing-card .listing-image-link,
  html body main.site-main .container.browse-page #listing-grid.listing-layout-cards article.listing-card .listing-img{
    width:100%!important;
    height:100%!important;
    min-height:0!important;
    object-fit:cover!important;
  }
  html body main.site-main .container.browse-page #listing-grid.listing-layout-cards article.listing-card .listing-body{
    padding:.82rem .9rem 1rem!important;
  }
  html body main.site-main .container.browse-page #listing-grid.listing-layout-cards article.listing-card .listing-title{
    font-size:1rem!important;
    line-height:1.16!important;
    display:-webkit-box!important;
    -webkit-line-clamp:3!important;
    -webkit-box-orient:vertical!important;
    overflow:hidden!important;
  }
  html body main.site-main .container.browse-page #listing-grid.listing-layout-cards article.listing-card .listing-desc{
    font-size:.86rem!important;
    line-height:1.35!important;
    display:-webkit-box!important;
    -webkit-line-clamp:3!important;
    -webkit-box-orient:vertical!important;
    overflow:hidden!important;
  }
  html body main.site-main .container.browse-page #listing-grid.listing-layout-cards article.listing-card :where(.image-type-pill,.image-rating-pill.listing-rating-sort-pill){
    min-height:32px!important;
    height:32px!important;
    padding:.34rem .55rem!important;
    font-size:.76rem!important;
  }
}

/* 2026-07-10 phone portrait guard: keep PC card sizing off mobile Browse. */
@media(max-width:760px){
  html body main.site-main .container.browse-page #listing-grid.listing-layout-cards{
    grid-template-columns:1fr!important;
    gap:1rem!important;
    width:100%!important;
    max-width:100%!important;
  }
  html body main.site-main .container.browse-page #listing-grid.listing-layout-cards article.listing-card{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    border-radius:16px!important;
    overflow:visible!important;
  }
  html body main.site-main .container.browse-page #listing-grid.listing-layout-cards article.listing-card .listing-image-wrap{
    width:100%!important;
    max-width:100%!important;
    margin:0!important;
    aspect-ratio:4/3!important;
    min-height:0!important;
    border-radius:16px 16px 0 0!important;
    overflow:visible!important;
  }
  html body main.site-main .container.browse-page #listing-grid.listing-layout-cards article.listing-card .listing-image-link,
  html body main.site-main .container.browse-page #listing-grid.listing-layout-cards article.listing-card .listing-img{
    width:100%!important;
    height:100%!important;
    min-height:0!important;
    object-fit:cover!important;
  }
  html body main.site-main .container.browse-page #listing-grid.listing-layout-cards article.listing-card .listing-body{
    padding:.9rem 1rem 1rem!important;
  }
}

/* 2026-07-10 restore Browse image overlays to approved state; do not alter card sizing. */
html body main.site-main .container.browse-page #listing-grid article.listing-card .listing-image-wrap{
  position:relative!important;
  overflow:visible!important;
}
html body main.site-main .container.browse-page #listing-grid article.listing-card .listing-image-wrap .browse-card-overlay-top{
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  transform:none!important;
  z-index:40!important;
  pointer-events:none!important;
  display:block!important;
}
html body main.site-main .container.browse-page #listing-grid.listing-layout-cards article.listing-card .listing-image-wrap .image-type-pill{
  position:absolute!important;
  top:8px!important;
  left:8px!important;
  right:auto!important;
  bottom:auto!important;
  z-index:41!important;
  pointer-events:auto!important;
  min-height:36px!important;
  height:36px!important;
  box-sizing:border-box!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  padding:2px .58rem!important;
}
html body main.site-main .container.browse-page #listing-grid.listing-layout-cards article.listing-card .image-rating-pill.listing-rating-sort-pill{
  position:absolute!important;
  top:8px!important;
  right:8px!important;
  left:auto!important;
  bottom:auto!important;
  z-index:42!important;
  min-width:calc(5em + 2.05rem)!important;
  width:auto!important;
  height:36px!important;
  min-height:36px!important;
  max-height:36px!important;
  padding:2px 1.55rem 2px .62rem!important;
  overflow:visible!important;
  display:inline-flex!important;
  flex-direction:row!important;
  align-items:center!important;
  justify-content:center!important;
  gap:.12rem!important;
}
html body main.site-main .container.browse-page #listing-grid.listing-layout-cards article.listing-card .image-rating-pill.listing-rating-sort-pill .rating-sort-icon{
  display:inline-grid!important;
  position:absolute!important;
  right:.38rem!important;
  top:50%!important;
  transform:translateY(-50%)!important;
}
html body main.site-main .container.browse-page #listing-grid article.listing-card .listing-image-wrap .browse-card-reaction-pair{
  position:absolute!important;
  right:8px!important;
  bottom:8px!important;
  left:auto!important;
  top:auto!important;
  z-index:43!important;
  display:inline-flex!important;
  align-items:center!important;
  gap:0!important;
  padding:2px!important;
  border-radius:999px!important;
  pointer-events:auto!important;
  overflow:hidden!important;
}
html body main.site-main .container.browse-page #listing-grid article.listing-card .listing-image-wrap .browse-card-reaction{
  min-width:35px!important;
  width:35px!important;
  height:30px!important;
  min-height:30px!important;
}
@media(max-width:760px){
  html body main.site-main .container.browse-page #listing-grid.listing-layout-cards article.listing-card .listing-image-wrap .image-type-pill{
    top:7px!important;
    left:7px!important;
    height:35px!important;
    min-height:35px!important;
    max-height:35px!important;
  }
  html body main.site-main .container.browse-page #listing-grid.listing-layout-cards article.listing-card .image-rating-pill.listing-rating-sort-pill{
    top:7px!important;
    right:7px!important;
    height:35px!important;
    min-height:35px!important;
    max-height:35px!important;
  }
  html body main.site-main .container.browse-page #listing-grid article.listing-card .listing-image-wrap .browse-card-reaction-pair{
    right:7px!important;
    bottom:7px!important;
  }
  html body main.site-main .container.browse-page #listing-grid article.listing-card .listing-image-wrap .browse-card-reaction{
    min-width:35px!important;
    width:35px!important;
    height:30px!important;
    min-height:30px!important;
  }
}

/* 2026-07-10 Browse list-view overlay containment after markup restore. */
html body main.site-main .container.browse-page #listing-grid.listing-layout-list article.listing-card .listing-image-wrap{
  position:relative!important;
  overflow:hidden!important;
  isolation:isolate!important;
}
html body main.site-main .container.browse-page #listing-grid.listing-layout-list article.listing-card .listing-image-wrap .browse-card-overlay-top{
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  display:block!important;
  pointer-events:none!important;
  z-index:20!important;
}
html body main.site-main .container.browse-page #listing-grid.listing-layout-list article.listing-card .listing-image-wrap .image-type-pill{
  position:absolute!important;
  top:8px!important;
  left:8px!important;
  right:auto!important;
  bottom:auto!important;
  z-index:22!important;
  pointer-events:auto!important;
  max-width:calc(100% - 16px)!important;
}
html body main.site-main .container.browse-page #listing-grid.listing-layout-list article.listing-card .listing-image-wrap .image-rating-pill.listing-rating-sort-pill{
  position:absolute!important;
  left:8px!important;
  right:auto!important;
  top:auto!important;
  bottom:8px!important;
  z-index:23!important;
  display:inline-flex!important;
  pointer-events:auto!important;
  transform:none!important;
  max-width:calc(100% - 16px)!important;
}
@media(max-width:760px){
  html body main.site-main .container.browse-page #listing-grid.listing-layout-list article.listing-card .listing-image-wrap .image-type-pill{
    top:6px!important;
    left:6px!important;
    max-width:calc(100% - 12px)!important;
    min-height:28px!important;
    height:28px!important;
    padding:2px .42rem!important;
    font-size:.66rem!important;
  }
  html body main.site-main .container.browse-page #listing-grid.listing-layout-list article.listing-card .listing-image-wrap .image-rating-pill.listing-rating-sort-pill{
    left:6px!important;
    right:auto!important;
    top:auto!important;
    bottom:6px!important;
    max-width:64px!important;
    min-height:26px!important;
    height:26px!important;
    padding:2px .32rem!important;
    gap:0!important;
    overflow:hidden!important;
  }
}