Sidekick: Create FAQ Accordion Section

Generate the Liquid, CSS, and JavaScript for a FAQ accordion section that I can paste into my theme as a custom section, with the following specifications:

Section Purpose:
This accordion section should address the most common customer questions about [PRODUCT/SERVICE/TOPIC] and reduce support tickets by providing clear, scannable answers.

Questions to Include:


  [QUESTION 1] – Answer should cover [KEY POINT A] and [KEY POINT B]
  [QUESTION 2] – Answer should reference [POLICY OR DETAIL]
  [QUESTION 3] – Answer should include a link to [RELEVANT PAGE]
  [QUESTION 4] – Answer should clarify [COMMON MISCONCEPTION]
  [QUESTION 5] – Answer should explain [PROCESS OR TIMELINE]
  [QUESTION 6] – Answer should mention [GUARANTEE OR PROMISE]


Formatting Requirements:

  Each answer should be 2-4 sentences, written in a [BRAND TONE: friendly/professional/casual] voice
  Use bullet points inside answers where listing multiple items
  Bold key terms or deadlines so customers can scan quickly
  First accordion item should be expanded by default
  Include a heading above the accordion: [SECTION HEADING, e.g., “Frequently Asked Questions”]


Design Preferences:

  Background color: [COLOR OR “match theme default”]
  Divider lines between items: [yes/no]
  Icon style for expand/collapse: [plus-minus/arrow/chevron]
  Section padding: [compact/standard/spacious]


Additional Notes:

  Add a line at the bottom: “Still have questions? Contact us.”
  Make sure answers do not contain any outdated policy references
  Keep the reading level accessible for a general audience


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