<turbo-stream action="update" target="modal-content">
  <template>
    <div class="tw-overflow-y-auto tw-h-full tw-flex tw-flex-col tw-gap-xl tw-w-full tw-p-xl" style="scrollbar-gutter: stable;">
      <h2 class="tw-text-heading-2xl tw-pr-xl md:tw-pr-0">      Release notes
</h2>
      <div>
        
  <div class="tw-h-[75vh] md:tw-h-[60vh]">
      <div class="tw-flex tw-flex-col [&>*:not(:last-child)]:tw-border-b [&>*:not(:last-child)]:tw-border-stroke-secondary">
        <details class="tw-group tw-accordion-item"  name=accordion_tgl8rn_0e14>
    <summary class="tw-list-none tw-cursor-pointer tw-flex tw-items-start tw-justify-between tw-gap-xs tw-bg-canvas-primary tw-py-md">
      <div class="tw-flex tw-flex-col tw-gap-xs tw-w-full">
  <div class="tw-flex tw-flex-row tw-flex-wrap tw-gap-x-sm tw-items-baseline">
    <h3 class="tw-text-body-lg tw-text-fg-primary">Version 4.1.1</h3>
    <p class="tw-text-body-sm tw-text-fg-tertiary">
      December  2, 2025
    </p>
  </div>
</div>

      <span role="img"><svg class="tw-mt-xs tw-w-4 tw-h-4 tw-duration-300 group-open:tw-rotate-180" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20"><path d="M10 14c-.256 0-.512-.098-.707-.293l-5-5c-.39-.39-.39-1.023 0-1.414s1.023-.39 1.414 0L10 11.586l4.293-4.293c.39-.39 1.023-.39 1.414 0s.39 1.023 0 1.414l-5 5c-.195.195-.45.293-.707.293z"/></svg>
</span>
    </summary>
    <div class="tw-py-md tw-pr-xl md:tw-pr-0">
      <div class="tw-release-note-body"><h3><a href="#fixes-and-other-improvements" class="anchor"></a>Fixes and other improvements</h3>
<ul>
<li>Fixed syntax errors in several .liquid files</li>
<li>Updated files include: layout/theme.liquid, snippets/product-variant-options-product-card.liquid, snippets/product-variant-options.liquid, snippets/tpt-breadcrumbs.liquid, snippets/tpt-product-live-variant-options.liquid</li>
</ul>
</div>
    </div>
  </details>

        <details class="tw-group tw-accordion-item"  name=accordion_tgl8rn_0e14>
    <summary class="tw-list-none tw-cursor-pointer tw-flex tw-items-start tw-justify-between tw-gap-xs tw-bg-canvas-primary tw-py-md">
      <div class="tw-flex tw-flex-col tw-gap-xs tw-w-full">
  <div class="tw-flex tw-flex-row tw-flex-wrap tw-gap-x-sm tw-items-baseline">
    <h3 class="tw-text-body-lg tw-text-fg-primary">Version 4.1.0</h3>
    <p class="tw-text-body-sm tw-text-fg-tertiary">
      September 26, 2025
    </p>
  </div>
</div>

      <span role="img"><svg class="tw-mt-xs tw-w-4 tw-h-4 tw-duration-300 group-open:tw-rotate-180" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20"><path d="M10 14c-.256 0-.512-.098-.707-.293l-5-5c-.39-.39-.39-1.023 0-1.414s1.023-.39 1.414 0L10 11.586l4.293-4.293c.39-.39 1.023-.39 1.414 0s.39 1.023 0 1.414l-5 5c-.195.195-.45.293-.707.293z"/></svg>
</span>
    </summary>
    <div class="tw-py-md tw-pr-xl md:tw-pr-0">
      <div class="tw-release-note-body"><h3><a href="#changed" class="anchor"></a>Changed</h3>
<ul>
<li>Update the layout for the preset: Anysound, Docket, Audion</li>
</ul>
</div>
    </div>
  </details>

        <details class="tw-group tw-accordion-item"  name=accordion_tgl8rn_0e14>
    <summary class="tw-list-none tw-cursor-pointer tw-flex tw-items-start tw-justify-between tw-gap-xs tw-bg-canvas-primary tw-py-md">
      <div class="tw-flex tw-flex-col tw-gap-xs tw-w-full">
  <div class="tw-flex tw-flex-row tw-flex-wrap tw-gap-x-sm tw-items-baseline">
    <h3 class="tw-text-body-lg tw-text-fg-primary">Version 4.0.2</h3>
    <p class="tw-text-body-sm tw-text-fg-tertiary">
      September 16, 2025
    </p>
  </div>
</div>

      <span role="img"><svg class="tw-mt-xs tw-w-4 tw-h-4 tw-duration-300 group-open:tw-rotate-180" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20"><path d="M10 14c-.256 0-.512-.098-.707-.293l-5-5c-.39-.39-.39-1.023 0-1.414s1.023-.39 1.414 0L10 11.586l4.293-4.293c.39-.39 1.023-.39 1.414 0s.39 1.023 0 1.414l-5 5c-.195.195-.45.293-.707.293z"/></svg>
</span>
    </summary>
    <div class="tw-py-md tw-pr-xl md:tw-pr-0">
      <div class="tw-release-note-body"><h3><a href="#fixes-and-other-improvements" class="anchor"></a>Fixes and other improvements</h3>
<ul>
<li>Fix error translate search button</li>
<li>Fix accessibility errors for all pages</li>
</ul>
</div>
    </div>
  </details>

        <details class="tw-group tw-accordion-item"  name=accordion_tgl8rn_0e14>
    <summary class="tw-list-none tw-cursor-pointer tw-flex tw-items-start tw-justify-between tw-gap-xs tw-bg-canvas-primary tw-py-md">
      <div class="tw-flex tw-flex-col tw-gap-xs tw-w-full">
  <div class="tw-flex tw-flex-row tw-flex-wrap tw-gap-x-sm tw-items-baseline">
    <h3 class="tw-text-body-lg tw-text-fg-primary">Version 4.0.1</h3>
    <p class="tw-text-body-sm tw-text-fg-tertiary">
      September  8, 2025
    </p>
  </div>
</div>

      <span role="img"><svg class="tw-mt-xs tw-w-4 tw-h-4 tw-duration-300 group-open:tw-rotate-180" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20"><path d="M10 14c-.256 0-.512-.098-.707-.293l-5-5c-.39-.39-.39-1.023 0-1.414s1.023-.39 1.414 0L10 11.586l4.293-4.293c.39-.39 1.023-.39 1.414 0s.39 1.023 0 1.414l-5 5c-.195.195-.45.293-.707.293z"/></svg>
</span>
    </summary>
    <div class="tw-py-md tw-pr-xl md:tw-pr-0">
      <div class="tw-release-note-body"><h3><a href="#fixes-and-other-improvements" class="anchor"></a>Fixes and other improvements</h3>
<ul>
<li>Fix broken layout on the product page when the Related Products section is not used.</li>
</ul>
</div>
    </div>
  </details>

        <details class="tw-group tw-accordion-item"  name=accordion_tgl8rn_0e14>
    <summary class="tw-list-none tw-cursor-pointer tw-flex tw-items-start tw-justify-between tw-gap-xs tw-bg-canvas-primary tw-py-md">
      <div class="tw-flex tw-flex-col tw-gap-xs tw-w-full">
  <div class="tw-flex tw-flex-row tw-flex-wrap tw-gap-x-sm tw-items-baseline">
    <h3 class="tw-text-body-lg tw-text-fg-primary">Version 4.0.0</h3>
    <p class="tw-text-body-sm tw-text-fg-tertiary">
      September  3, 2025
    </p>
  </div>
</div>

      <span role="img"><svg class="tw-mt-xs tw-w-4 tw-h-4 tw-duration-300 group-open:tw-rotate-180" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20"><path d="M10 14c-.256 0-.512-.098-.707-.293l-5-5c-.39-.39-.39-1.023 0-1.414s1.023-.39 1.414 0L10 11.586l4.293-4.293c.39-.39 1.023-.39 1.414 0s.39 1.023 0 1.414l-5 5c-.195.195-.45.293-.707.293z"/></svg>
</span>
    </summary>
    <div class="tw-py-md tw-pr-xl md:tw-pr-0">
      <div class="tw-release-note-body"><h3><a href="#added" class="anchor"></a>Added</h3>
<ul>
<li>Add presets: Anysound, Docket, Audion</li>
</ul>
</div>
    </div>
  </details>

        <details class="tw-group tw-accordion-item"  name=accordion_tgl8rn_0e14>
    <summary class="tw-list-none tw-cursor-pointer tw-flex tw-items-start tw-justify-between tw-gap-xs tw-bg-canvas-primary tw-py-md">
      <div class="tw-flex tw-flex-col tw-gap-xs tw-w-full">
  <div class="tw-flex tw-flex-row tw-flex-wrap tw-gap-x-sm tw-items-baseline">
    <h3 class="tw-text-body-lg tw-text-fg-primary">Version 3.0.0</h3>
    <p class="tw-text-body-sm tw-text-fg-tertiary">
      June 20, 2025
    </p>
  </div>
</div>

      <span role="img"><svg class="tw-mt-xs tw-w-4 tw-h-4 tw-duration-300 group-open:tw-rotate-180" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20"><path d="M10 14c-.256 0-.512-.098-.707-.293l-5-5c-.39-.39-.39-1.023 0-1.414s1.023-.39 1.414 0L10 11.586l4.293-4.293c.39-.39 1.023-.39 1.414 0s.39 1.023 0 1.414l-5 5c-.195.195-.45.293-.707.293z"/></svg>
</span>
    </summary>
    <div class="tw-py-md tw-pr-xl md:tw-pr-0">
      <div class="tw-release-note-body"><h3><a href="#added" class="anchor"></a>Added</h3>
<ul>
<li>Add color selection configuration for body</li>
<li>Add hover effect configuration for some components on website</li>
<li>Add rounded corners configuration for color swatches in product card</li>
<li>Add multi column section</li>
<li>Add preset: Mood</li>
<li>Section header: Add configuration to choose position for logo, configuration to display icons: Search, account, cart, compare</li>
<li>Section slideshow: Add configuration to import video</li>
<li>Section marquee text: Add configuration to import and rounded corners for images</li>
</ul>
</div>
    </div>
  </details>

        <details class="tw-group tw-accordion-item"  name=accordion_tgl8rn_0e14>
    <summary class="tw-list-none tw-cursor-pointer tw-flex tw-items-start tw-justify-between tw-gap-xs tw-bg-canvas-primary tw-py-md">
      <div class="tw-flex tw-flex-col tw-gap-xs tw-w-full">
  <div class="tw-flex tw-flex-row tw-flex-wrap tw-gap-x-sm tw-items-baseline">
    <h3 class="tw-text-body-lg tw-text-fg-primary">Version 2.0.0</h3>
    <p class="tw-text-body-sm tw-text-fg-tertiary">
      February 26, 2025
    </p>
  </div>
</div>

      <span role="img"><svg class="tw-mt-xs tw-w-4 tw-h-4 tw-duration-300 group-open:tw-rotate-180" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20"><path d="M10 14c-.256 0-.512-.098-.707-.293l-5-5c-.39-.39-.39-1.023 0-1.414s1.023-.39 1.414 0L10 11.586l4.293-4.293c.39-.39 1.023-.39 1.414 0s.39 1.023 0 1.414l-5 5c-.195.195-.45.293-.707.293z"/></svg>
</span>
    </summary>
    <div class="tw-py-md tw-pr-xl md:tw-pr-0">
      <div class="tw-release-note-body"><h3><a href="#added" class="anchor"></a>Added</h3>
<ul>
<li>Added config for different column layouts in product page</li>
<li>Added quick-view button to quickly view product details</li>
<li>Added number input for page navigation</li>
<li>Added language translations for FR, IT, DE, ES</li>
<li>Added out-of-stock label</li>
<li>Added link to vendor in product page</li>
<li>Added config for transparent background in header</li>
</ul>
<h3><a href="#removed" class="anchor"></a>Removed</h3>
<ul>
<li>Remove Collection cards, Blog cards settings</li>
</ul>
<h3><a href="#fixes-and-other-improvements" class="anchor"></a>Fixes and other improvements</h3>
<ul>
<li>Fixed product quick-view bug in cart drawer</li>
<li>Fixed close button not showing for long modal titles</li>
<li>Fixed collection display bug in empty cart drawer</li>
<li>Fixed styling bug of the Product Information section</li>
</ul>
</div>
    </div>
  </details>

        <details class="tw-group tw-accordion-item"  name=accordion_tgl8rn_0e14>
    <summary class="tw-list-none tw-cursor-pointer tw-flex tw-items-start tw-justify-between tw-gap-xs tw-bg-canvas-primary tw-py-md">
      <div class="tw-flex tw-flex-col tw-gap-xs tw-w-full">
  <div class="tw-flex tw-flex-row tw-flex-wrap tw-gap-x-sm tw-items-baseline">
    <h3 class="tw-text-body-lg tw-text-fg-primary">Version 1.0.1</h3>
    <p class="tw-text-body-sm tw-text-fg-tertiary">
      February  3, 2025
    </p>
  </div>
</div>

      <span role="img"><svg class="tw-mt-xs tw-w-4 tw-h-4 tw-duration-300 group-open:tw-rotate-180" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20"><path d="M10 14c-.256 0-.512-.098-.707-.293l-5-5c-.39-.39-.39-1.023 0-1.414s1.023-.39 1.414 0L10 11.586l4.293-4.293c.39-.39 1.023-.39 1.414 0s.39 1.023 0 1.414l-5 5c-.195.195-.45.293-.707.293z"/></svg>
</span>
    </summary>
    <div class="tw-py-md tw-pr-xl md:tw-pr-0">
      <div class="tw-release-note-body"><h3><a href="#fixes-and-other-improvements" class="anchor"></a>Fixes and other improvements</h3>
<ul>
<li>Fixbug the logo display issue on mobile devices</li>
<li>Fixbug the multi-language issues</li>
</ul>
</div>
    </div>
  </details>

        <div class="tw-bg-canvas-primary tw-py-md">
    <div class="tw-flex tw-flex-col tw-gap-xs tw-w-full">
  <div class="tw-flex tw-flex-row tw-flex-wrap tw-gap-x-sm tw-items-baseline">
    <h3 class="tw-text-body-lg tw-text-fg-primary">Version 1.0.0</h3>
    <p class="tw-text-body-sm tw-text-fg-tertiary">
      January 14, 2025
    </p>
  </div>
</div>

  </div>

  </div>

  </div>

      </div>
    </div>
  </template>
</turbo-stream>
