/* SS UX Pack 3.2.6 ULTRA – overrides */

/* Compact desktop recent & sticky bar */
#ss-recent{ padding:.35rem .6rem; }
#ss-recent .ss-mini{ width:160px; }
#ss-recent .ss-thumb{ height:84px; }
#ss-sticky-bar .ss-wrap{ padding:.5rem .8rem; gap:.5rem; }

/* Chips for visited categories (desktop) */
#ss-visited-cats{ display:flex; align-items:center; gap:.4rem; overflow:auto; margin-left:.5rem; scrollbar-width:thin; }
#ss-visited-cats .chip{
  flex:0 0 auto; padding:.42rem .62rem; border-radius:999px; border:1px solid #e5e7eb;
  background:#fff; color:#0f172a; font-size:.85rem; line-height:1; white-space:nowrap;
}
body.ss-dark #ss-visited-cats .chip{ border-color:#2a2f37; background:#111318; color:#e5e7eb; }
@media (max-width:1024px){ #ss-visited-cats{ display:none; } }

/* MOBILE: show filters on solid white */
@media (max-width: 640px) {
  body.ss-bar-open #ss-sticky-bar{
    display:block; position:fixed; top:0; left:0; right:0; z-index:1100;
    background:#fff !important; backdrop-filter:none !important; -webkit-backdrop-filter:none !important;
    border-top:0; border-bottom:1px solid #e5e7eb; box-shadow:0 12px 28px rgba(0,0,0,.14);
  }
  #ss-sticky-bar .ss-wrap{ grid-template-columns:1fr; padding:12px; }
  #ss-sticky-bar input, #ss-sticky-bar select{ background:#fff !important; }
}

/* Placeholder bg when no image */
.ss-thumb.ss-noimg{ background-color:#2a2f37; background-image: var(--ss-placeholder, none); background-repeat:no-repeat; background-position:center; background-size:64px auto; }