Sidekick: Create Ingredient Material Info Section

Generate the Liquid and CSS for an ingredient/material information section that I can paste into my theme as a custom section, based on this spec:

Section Heading: [e.g., “What Goes Into Our Products” or “Our Ingredients” or “Materials We Use”]
Introduction: [2-3 SENTENCES ABOUT YOUR COMMITMENT TO QUALITY INGREDIENTS/MATERIALS]

Ingredients/Materials to Feature:


  
    Name: [INGREDIENT/MATERIAL NAME]
Description: [2-3 SENTENCES ABOUT WHAT IT IS AND WHY YOU USE IT]
Source/Origin: [WHERE IT COMES FROM]
Key benefit: [PRIMARY BENEFIT FOR THE CUSTOMER]
Icon or image: [DESCRIBE or UPLOAD]
Certifications: [e.g., “Organic”, “Fair Trade”, “GOTS Certified”, or “none”]
  
  
    Name: [INGREDIENT/MATERIAL NAME]
Description: [2-3 SENTENCES]
Source/Origin: [ORIGIN]
Key benefit: [BENEFIT]
Icon or image: [DESCRIBE or UPLOAD]
Certifications: [CERTIFICATIONS or “none”]
  
  
    Name: [INGREDIENT/MATERIAL NAME]
Description: [2-3 SENTENCES]
Source/Origin: [ORIGIN]
Key benefit: [BENEFIT]
Icon or image: [DESCRIBE or UPLOAD]
Certifications: [CERTIFICATIONS or “none”]
  


(Add more items as needed, following the same format.)

“What We Never Use” Section (optional):

  Excluded ingredients/materials: [ITEM 1, ITEM 2, ITEM 3]
  Display as: [crossed-out list/badge grid/”Free from” banner]


Layout Options:

  Display style: [icon grid/accordion/cards/scrollable carousel]
  Columns: [2/3/4]
  Show certification badges: [yes/no]
  Background color: [COLOR or “match theme”]


Transparency Notes:

  Link to full ingredient/material list: [URL or “not applicable”]
  Link to sourcing policy: [URL or “not applicable”]
  Lab test results or certifications page: [URL or “not applicable”]


Tone:

  Writing voice: [scientific and precise/warm and accessible/clean and minimal]


Where to paste this: Tell me which section file to save this as and walk me through adding it to my product template via the Shopify theme editor.