Product Catalog Grid - Copy this Html, Tailwind Component to your project

Prompt:-Create-a-responsive-product-catalog-layout-using-HTML-and-CSS-(Tailwind-CSS-preferred).-The-layout-should-feature:-A-sidebar-on-the-left-for-filters,-including-sections-for:-Price-range-slider-Categories-(checkboxes-for-selection)-Search-bar-for-filtering-products-by-name-A-grid-layout-on-the-right-for-displaying-products.-Each-product-should-show:-An-image-Product-name-Price-A-"View-Details"-button-The-grid-should-be-responsive:-On-small-screens-(e.g.,-mobile),-the-filters-should-collapse-into-a-toggleable-menu,-and-products-should-display-in-a-single-column-layout.-On-larger-screens,-the-products-should-display-in-a-3-or-4-column-grid-depending-on-available-space.