/* 358DG — cosmetic wrap-up only. Performance/search behavior remains 357DG. */

/* Header logo integration: use the exact official logo artwork with only its exterior
   black field removed, then give it a soft plum/black halo so it belongs to the bar. */
.brand{position:relative!important;isolation:isolate}
.brand::before{
  content:"";position:absolute;z-index:-1;left:-14px;top:50%;
  width:clamp(76px,10vw,136px);height:clamp(70px,9vw,124px);
  transform:translateY(-50%);border-radius:50%;pointer-events:none;
  background:radial-gradient(ellipse at 45% 50%,rgba(8,7,9,.94) 0 42%,rgba(38,23,38,.76) 58%,rgba(61,42,57,.24) 74%,transparent 86%);
  filter:blur(5px);
}
.brand img[src="header-logo-358dg.png"]{
  object-fit:contain!important;object-position:center!important;clip-path:none!important;
  border:0!important;border-radius:0!important;background:transparent!important;
  box-shadow:none!important;filter:drop-shadow(0 4px 8px rgba(0,0,0,.46))!important;
}

/* Dusty palette pushpins. Colors are assigned deterministically from each listing ID/name
   by app.js so a listing keeps its pin color instead of changing on every refresh. */
.corkboard:not(.list-view) .vendor-pin::before{
  background:radial-gradient(circle at 35% 30%,var(--pin-hi,#b987af),var(--pin-mid,#76506f) 48%,var(--pin-dark,#40243f))!important;
  box-shadow:0 3px 9px rgba(0,0,0,.65),0 1px 3px rgba(0,0,0,.45),inset 0 1px 2px rgba(255,255,255,.30)!important;
}