/* SS Thin Scrollbars — scoped to Recently Viewed & Categories */
:root{
  --ss-scroll-thumb: rgba(0,0,0,.18);
  --ss-scroll-thumb-hover: rgba(0,0,0,.28);
  --ss-scroll-track: transparent;
  --ss-scroll-radius: 9999px;
  --ss-scroll-size: 8px;
}
/* Inner scroll areas (UL/OL/list containers) */
.widget_recently_viewed_ads :is(ul,ol,.items,.list,.cards,.entries),
.widget_recently_viewed :is(ul,ol,.items,.list,.cards,.entries),
.widget_recent_listings :is(ul,ol,.items,.list,.cards,.entries),
.recently-viewed :is(ul,ol,.items,.list,.cards,.entries),
.recent-ads :is(ul,ol,.items,.list,.cards,.entries),
.ss-recent :is(ul,ol,.items,.list,.cards,.entries),
.ss-recently-viewed :is(ul,ol,.items,.list,.cards,.entries),
.widget_categories :is(ul,ol,.items,.list,.cards,.entries),
.categories :is(ul,ol,.items,.list,.cards,.entries),
.category-list :is(ul,ol,.items,.list,.cards,.entries),
.ss-categories :is(ul,ol,.items,.list,.cards,.entries) {
  max-height: clamp(280px, 50vh, 540px);
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  overscroll-behavior: contain;
  scrollbar-width: thin;
  scrollbar-color: var(--ss-scroll-thumb) var(--ss-scroll-track);
}
/* WebKit */
.widget_recently_viewed_ads :is(ul,ol,.items,.list,.cards,.entries)::-webkit-scrollbar,
.widget_recently_viewed :is(ul,ol,.items,.list,.cards,.entries)::-webkit-scrollbar,
.widget_recent_listings :is(ul,ol,.items,.list,.cards,.entries)::-webkit-scrollbar,
.recently-viewed :is(ul,ol,.items,.list,.cards,.entries)::-webkit-scrollbar,
.recent-ads :is(ul,ol,.items,.list,.cards,.entries)::-webkit-scrollbar,
.ss-recent :is(ul,ol,.items,.list,.cards,.entries)::-webkit-scrollbar,
.ss-recently-viewed :is(ul,ol,.items,.list,.cards,.entries)::-webkit-scrollbar,
.widget_categories :is(ul,ol,.items,.list,.cards,.entries)::-webkit-scrollbar,
.categories :is(ul,ol,.items,.list,.cards,.entries)::-webkit-scrollbar,
.category-list :is(ul,ol,.items,.list,.cards,.entries)::-webkit-scrollbar,
.ss-categories :is(ul,ol,.items,.list,.cards,.entries)::-webkit-scrollbar {
  width: var(--ss-scroll-size);
  height: var(--ss-scroll-size);
}
.widget_recently_viewed_ads :is(ul,ol,.items,.list,.cards,.entries)::-webkit-scrollbar-thumb,
.widget_recently_viewed :is(ul,ol,.items,.list,.cards,.entries)::-webkit-scrollbar-thumb,
.widget_recent_listings :is(ul,ol,.items,.list,.cards,.entries)::-webkit-scrollbar-thumb,
.recently-viewed :is(ul,ol,.items,.list,.cards,.entries)::-webkit-scrollbar-thumb,
.recent-ads :is(ul,ol,.items,.list,.cards,.entries)::-webkit-scrollbar-thumb,
.ss-recent :is(ul,ol,.items,.list,.cards,.entries)::-webkit-scrollbar-thumb,
.ss-recently-viewed :is(ul,ol,.items,.list,.cards,.entries)::-webkit-scrollbar-thumb,
.widget_categories :is(ul,ol,.items,.list,.cards,.entries)::-webkit-scrollbar-thumb,
.categories :is(ul,ol,.items,.list,.cards,.entries)::-webkit-scrollbar-thumb,
.category-list :is(ul,ol,.items,.list,.cards,.entries)::-webkit-scrollbar-thumb,
.ss-categories :is(ul,ol,.items,.list,.cards,.entries)::-webkit-scrollbar-thumb {
  background: var(--ss-scroll-thumb);
  border-radius: var(--ss-scroll-radius);
}
.widget_recently_viewed_ads :is(ul,ol,.items,.list,.cards,.entries)::-webkit-scrollbar-thumb:hover,
.widget_recently_viewed :is(ul,ol,.items,.list,.cards,.entries)::-webkit-scrollbar-thumb:hover,
.widget_recent_listings :is(ul,ol,.items,.list,.cards,.entries)::-webkit-scrollbar-thumb:hover,
.recently-viewed :is(ul,ol,.items,.list,.cards,.entries)::-webkit-scrollbar-thumb:hover,
.recent-ads :is(ul,ol,.items,.list,.cards,.entries)::-webkit-scrollbar-thumb:hover,
.ss-recent :is(ul,ol,.items,.list,.cards,.entries)::-webkit-scrollbar-thumb:hover,
.ss-recently-viewed :is(ul,ol,.items,.list,.cards,.entries)::-webkit-scrollbar-thumb:hover,
.widget_categories :is(ul,ol,.items,.list,.cards,.entries)::-webkit-scrollbar-thumb:hover,
.categories :is(ul,ol,.items,.list,.cards,.entries)::-webkit-scrollbar-thumb:hover,
.category-list :is(ul,ol,.items,.list,.cards,.entries)::-webkit-scrollbar-thumb:hover,
.ss-categories :is(ul,ol,.items,.list,.cards,.entries)::-webkit-scrollbar-thumb:hover {
  background: var(--ss-scroll-thumb-hover);
}
