Hidden class override by claro-details issue fixed
I have fixed this issue with different approach because Instead of removing the "display: block" rule from the existing ".claro-details" class, which could have unknown consequences, I created a new CSS rule targeting the ".claro-details.hidden" class to achieve the desired effect.