/* Tablet category layout: keep all main filters visible without horizontal scrolling. */
@media (min-width:640px) and (max-width:900px){
  #categoryFilters.filter-strip{
    display:flex;
    flex-wrap:wrap;
    justify-content:flex-start;
    overflow:visible;
    gap:8px;
    padding-bottom:14px;
  }
  #categoryFilters .filter{flex:0 0 auto;}
  #categoryFilters .filter-break{display:block;flex:0 0 100%;height:0;margin:0;padding:0;}
}
@media (min-width:901px){#categoryFilters .filter-break{display:none;}}
@media (max-width:639px){#categoryFilters .filter-break{display:none;}}

/* Quick filters: make the active state unmistakable. */
#quickFilters .quick-filter{
  transition:background .18s ease,border-color .18s ease,box-shadow .18s ease,transform .18s ease,color .18s ease;
}
#quickFilters .quick-filter.selected,
#quickFilters .quick-filter[aria-pressed="true"]{
  color:#fff;
  border-color:#ff935c;
  background:linear-gradient(90deg,#ff5f8f,#ff935c);
  box-shadow:0 0 0 2px rgba(255,255,255,.18),0 8px 22px rgba(255,95,143,.32);
  transform:translateY(-1px);
}
#quickFilters .quick-filter.selected::after,
#quickFilters .quick-filter[aria-pressed="true"]::after{
  content:' ✓';
  font-weight:800;
}
#quickFilters .quick-filter:not(.selected):not([aria-pressed="true"]){
  opacity:.82;
}