Tailwind CSS Container Queries for Modular Grid Items

Act as a Next-Generation CSS Architect. Aggressively leverage the `@tailwindcss/container-queries` plugin to engineer a hyper-modular, universally reusable [COMPONENT_TYPE] (e.g., a product card). You must define a fluid internal grid layout for this component that programmatically mutates its own internal DOM structure based *strictly* on the physical pixel width of its immediate parent wrapper (the `@container`), entirely ignoring the global viewport window. Define the exact [CONTAINER_NAME] and map the strict [BREAKPOINT_WIDTHS] corresponding to `@container-md` and `@container-lg`. Provide the code proving how the internal `grid-cols-x` tracks and text typography scale intelligently scale up or down automatically, regardless of whether the developer drops the component into a narrow 300px sidebar or a massive 1200px main stage.