<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_tih7ms_1ac7>
    <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 12.0.0</h3>
    <p class="tw-text-body-sm tw-text-fg-tertiary">
      July 14, 2026
    </p>
  </div>
    <p class="tw-text-body-md tw-text-fg-secondary">
      </p><p>Flawless 12.0.0 brings right-to-left language support, infinite scroll on collection and search pages, a new Editorial Content section, and a range of styling and cart improvements to help you build a more polished, flexible storefront.</p>

    <p></p>
</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>Flawless now supports right-to-left languages, letting you build a fully localized store for Arabic, Hebrew, and other RTL-language audiences.</li>
<li>Collection and Search pages now support infinite scroll, so shoppers can keep browsing products without clicking to the next page.</li>
<li>You can now display an options selector directly on product cards, so shoppers can pick their size and add to cart without visiting the product page.</li>
<li>A new Editorial Content section is available, giving you a flexible layout to tell your brand story with rich text and imagery.</li>
<li>Product cards can now have their own background color, making specific products or layouts stand out from the rest of your store.</li>
<li>The logo list section now includes heading size and style options, giving you more control over how partner and brand logos are presented.</li>
</ul>
<h3><a href="#changed" class="anchor"></a>Changed</h3>
<ul>
<li>The local pickup experience on product pages has been refined for a clearer, more intuitive checkout flow.</li>
</ul>
<h3><a href="#other-fixes-and-improvements" class="anchor"></a>Other fixes and improvements</h3>
<ul>
<li>Clicking search now reliably takes shoppers to the search results page, even when the search drawer is hidden from theme editor.</li>
<li>Out of stock icons no longer appear incorrectly on items in the cart drawer.</li>
<li>The sticky add-to-cart bar no longer overlaps the footer when scrolling on product pages.</li>
<li>Promo codes in the product page offers block now display correctly instead of showing raw formatting.</li>
<li>The subtotal dropdown in the cart now only appears when there are discounts or gift wrapping options to show.</li>
<li>Improved the functionality of the user-generated content block on product pages.</li>
<li>Fixed an issue where the language and country selectors in the announcement bar could cause horizontal scrolling on small screens.</li>
<li>Removed an unwanted horizontal scroll bar that could appear in mega menu dropdowns.</li>
<li>Logos no longer disappear when switching to the stacked layout on mobile.</li>
<li>Improved the comparison section highlight pill element, so longer text no longer breaks the design, on mobile.</li>
<li>The Recommended products carousel in the cart drawer now displays smoothly, even on slower connections.</li>
<li>Content alignment settings on collection cards now apply correctly.</li>
<li>Collection tabs now align correctly with center-aligned featured collection sections.</li>
<li>Heading size and style settings now apply correctly in the feature list section.</li>
<li>Improved button alignment in the cart drawer and cart page bottom sheets.</li>
<li>Improved font sizing in the cart drawer subtotal dropdown so discount amounts are easier to read.</li>
<li>Removed extra spacing between product cards and images in the lookbook section.</li>
<li>Corrected a label typo in the featured collection settings.</li>
</ul>
</div>
    </div>
  </details>

        <details class="tw-group tw-accordion-item"  name=accordion_tih7ms_1ac7>
    <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 11.1.0</h3>
    <p class="tw-text-body-sm tw-text-fg-tertiary">
      June  4, 2026
    </p>
  </div>
    <p class="tw-text-body-md tw-text-fg-secondary">
      </p><p>Flawless 11.1.0 brings gift wrapping on the product page, mega menus optimized for the mobile hamburger drawer, and recently viewed products in the cart drawer — plus a wide range of customization improvements and targeted fixes.</p>

    <p></p>
</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>Collection pages can now display a list of your store's collections, making it easier for shoppers to browse and discover product categories.</li>
<li>Collapsible text blocks on the product page, featured product section, and quick view can now be set to open by default so key information is immediately visible.</li>
<li>Product variant swatches on the product page can now be resized to better match your store's design.</li>
<li>Product cards throughout your store can now have a custom background color, giving you more control over the look of your listings.</li>
<li>Shoppers can now add gift wrapping to their order directly from the product page.</li>
<li>Section headings and subheadings across your entire store now support centered alignment on both desktop and mobile.</li>
<li>The mobile hamburger menu now displays the mega menu elements assigned to each navigation link on desktop, giving mobile shoppers access to the full menu layout.</li>
<li>The cart drawer now shows recently viewed products so shoppers can easily return to items they explored.</li>
<li>The sales timer on the product page now includes a button that lets shoppers copy a discount code with a single click.</li>
<li>The image with text overlay section now includes dedicated settings to control how images are sized and displayed on mobile.</li>
<li>The featured collection section now has separate layout controls for desktop and mobile, letting you show a grid or carousel independently on each device.</li>
<li>The gift milestone bar in the cart drawer now supports gradient colors for a more eye-catching look.</li>
<li>The cart drawer now has an improved color structure that makes it easier to customize and maintain a consistent look.</li>
</ul>
<h3><a href="#changed" class="anchor"></a>Changed</h3>
<ul>
<li>Parent navigation links with hover-triggered dropdowns can now be clicked to navigate to their linked page.</li>
<li>The countdown timer label on the product page has been updated for clearer, more consistent wording.</li>
</ul>
<h3><a href="#other-fixes-and-improvements" class="anchor"></a>Other fixes and improvements</h3>
<ul>
<li>Heading size and style settings in the Feature List section now apply correctly.</li>
<li>When only a single option (discount code, order note, or shipping estimate) is shown in the cart, it now appears centered rather than left-aligned.</li>
<li>The shape setting for images in the Shoppable Image section now applies correctly on mobile devices.</li>
<li>The footer no longer shows an empty links section when no custom links have been added in the theme editor.</li>
<li>Font size in the offers block on the product page is now consistent across all screen sizes.</li>
<li>The sale banner no longer breaks its layout on mobile when set to adapt to the image.</li>
<li>The sticky add-to-cart bar no longer overlaps notification popups on the product page.</li>
<li>Product images in the media gallery no longer flash when transitioning between a placeholder and the full carousel view.</li>
<li>The blog post section no longer shows an image blur effect overlapping the content.</li>
<li>The UGC gallery on the product page no longer flashes when switching between an image and a video.</li>
<li>A horizontal scroll that was appearing in the navigation menu has been removed.</li>
<li>A white space that appeared during variant image swaps in product cards has been fixed.</li>
<li>The announcement bar language and currency selector no longer breaks its horizontal scroll on some layouts.</li>
<li>A spelling error in the Slideshow section settings for "Mobile" has been corrected.</li>
</ul>
</div>
    </div>
  </details>

        <details class="tw-group tw-accordion-item"  name=accordion_tih7ms_1ac7>
    <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 11.0.0</h3>
    <p class="tw-text-body-sm tw-text-fg-tertiary">
      April 29, 2026
    </p>
  </div>
    <p class="tw-text-body-md tw-text-fg-secondary">
      </p><p>Version 11.0.0 introduces gift milestones in the cart, customer-generated content on product pages, a redesigned product media gallery, collection names in breadcrumb navigation, more trust at checkout, and a new preset launch, along with improvements that make the shopping experience smoother and more reliable for both merchants and buyers.</p>

    <p></p>
</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>The free shipping progress bar in the cart now supports a gift milestone, encouraging buyers to add more items to unlock a reward.</li>
<li>The product media gallery has been redesigned with a more polished and engaging layout for browsing product images and videos.</li>
<li>The cart checkout area now shows additional trust badges to give buyers more confidence at checkout.</li>
<li>Clicking on accounts icon now shows shopify customer login popup.</li>
<li>Products can now be combined into a single listing using Shopify Combined Listings, making it easier for buyers to browse related variants or styles in one place.</li>
<li>The cart offer block now includes a show/hide toggle for empty carts, giving you more control over what buyers see.</li>
<li>Each tab in the Featured Collection section now has its own "View all" link, so buyers can jump directly to the collection they're browsing.</li>
<li>Product pages now can display the collection name in the breadcrumb trail, making it easier for buyers to navigate back.</li>
<li>Buyers can now copy discount codes directly from the offers block on the product page with a single click.</li>
<li>The Lookbook section now supports a grid layout for product cards, giving you more flexibility in how products are presented.</li>
<li>Customer-generated photos and videos can now be displayed directly on product pages to help buyers make more confident purchase decisions.</li>
<li>Images now show a soft blur placeholder while loading to create a smoother browsing experience.</li>
</ul>
<h3><a href="#other-fixes-and-improvements" class="anchor"></a>Other fixes and improvements</h3>
<ul>
<li>Important: The product page in the theme editor now loads correctly after installing the Persona preset.</li>
<li>Footer section headings now correctly apply custom text styles from the theme editor.</li>
<li>The full-width layout setting on the Blog Article page now works as expected.</li>
<li>Rounded corners in the Video section now display correctly across all presets.</li>
<li>Enabling a button link in the Slideshow section no longer prevents the full slide from being clickable.</li>
<li>The Featured Collection section now includes a heading size setting for collection and product block headings.</li>
<li>The Benefits section layout now does not break when animations are turned off.</li>
<li>Bullet points on Shopify policy pages, such as Refund and Privacy pages, now display with correct formatting.</li>
<li>Collection page banner text no longer gets cut off on mobile when there is more content.</li>
<li>Product variant dropdowns now correctly show "Sold out" and "Unavailable" states.</li>
<li>The fit indicator on product pages has been fixed for a cleaner presentation.</li>
<li>Hovering over a discount code in the cart drawer now correctly shows a clickable cursor.</li>
<li>The cart drawer bottom sheet now closes with a smooth animation instead of disappearing abruptly.</li>
<li>The newsletter block in the footer now includes heading style settings.</li>
<li>The notification popup now displays the count of new notifications.</li>
<li>A loading indicator now appears while videos are buffering, so buyers know content is loading instead of seeing a blank screen.</li>
</ul>
</div>
    </div>
  </details>

        <details class="tw-group tw-accordion-item"  name=accordion_tih7ms_1ac7>
    <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 10.1.0</h3>
    <p class="tw-text-body-sm tw-text-fg-tertiary">
      March 12, 2026
    </p>
  </div>
    <p class="tw-text-body-md tw-text-fg-secondary">
      </p><p>This update helps merchants improve the cart experience with shipping and delivery information, create a combined-listings-style experience for non-Plus stores with Product Variations blocks, give shoppers more confidence with fit indicators and model size badges, and drive more value before checkout with cart offers.</p>

    <p></p>
</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 shipping and delivery information to the cart drawer and cart page, so shoppers can view shipping details and delivery estimates before checkout.</li>
<li>Added Product Variations blocks to the main product and featured product sections, giving non-Plus merchants a way to showcase related product options and create a combined-listings-style experience on their storefront.</li>
<li>Added a fit indicator on product pages to help shoppers make more confident purchase decisions.</li>
<li>Added model size and height badges on product pages, giving customers better sizing context before they buy.</li>
<li>Added cart offers to help merchants promote additional messages and increase average order value before checkout.</li>
<li>Added meta description settings for the collection list and <code>collection/all</code> pages, helping merchants improve SEO and control how these pages appear in search results.</li>
<li>Added header overlay support for more flexibility when designing storefront layouts.</li>
<li>Added an option to hide a single badge in the Badge block, making the layout easier to customize.</li>
<li>Added separate color schemes for policy pages, giving merchants more control over branding across store content.</li>
<li>Added translation support for the breadcrumb "Home" label, making it easier to support multiple languages.</li>
</ul>
<h3><a href="#changed" class="anchor"></a>Changed</h3>
<ul>
<li>Changed cart notifications to display from the top of the page for a more consistent shopping experience.</li>
<li>Changed product page block left and right spacing when backgrounds are removed, helping merchants maintain cleaner layouts with less manual adjustment.</li>
<li>Changed the footer layout to improve block alignment and structure, making footer content easier to organize.</li>
<li>Added tooltip icons to PDP blocks such as Nutriscore and Barchart.</li>
<li>Changed the Collection Grid helper text and Search and Discovery app install link to make setup easier.</li>
</ul>
<h3><a href="#fixed" class="anchor"></a>Fixed</h3>
<ul>
<li>Fixed an issue where transparent headers could appear blank on load.</li>
<li>Fixed an issue where the announcement bar countdown timer did not display correctly on tablet devices.</li>
<li>Fixed cover image alt text display in the shoppable feed section.</li>
<li>Fixed thumbnail corner radius behavior in the shoppable feed when thumbnails are linked.</li>
<li>Fixed product zoom gallery image alignment when fewer images are available.</li>
<li>Fixed an issue where image size settings did not work in the shoppable image section when no image block was added.</li>
</ul>
</div>
    </div>
  </details>

        <details class="tw-group tw-accordion-item"  name=accordion_tih7ms_1ac7>
    <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 10.0.0</h3>
    <p class="tw-text-body-sm tw-text-fg-tertiary">
      February  5, 2026
    </p>
  </div>
    <p class="tw-text-body-md tw-text-fg-secondary">
      </p><p>This release introduces improved typography controls, clearer variant-based image handling, a more intuitive comparison experience, and an upgraded slideshow section designed for greater flexibility and easier customization.</p>

    <p></p>
</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 theme-level controls for font size, line height, and letter spacing for headings, body text, and buttons.</li>
<li>Added support to show images based on selected variants, helping customers visually confirm their selection.</li>
<li>Added a setting to choose between pill or dropdown styles for product swatches.</li>
<li>Added an option for product cards to show the featured product image instead of the selected variant image.</li>
<li>Added a grab cursor on carousels to make drag interactions clearer.</li>
<li>Improved quiz list cards with clearer labels, better counter alignment, and width controls for desktop and mobile.</li>
</ul>
<h3><a href="#changed" class="anchor"></a>Changed</h3>
<ul>
<li>Improved the comparison page layout on desktop and mobile to make product differences easier to understand.</li>
<li>Important: Updated slideshow sections to support nested blocks for better flexibility and future enhancements. If you’re upgrading from an older version, you’ll need to re-configure your slideshow sections after updating.</li>
</ul>
<h3><a href="#fixed" class="anchor"></a>Fixed</h3>
<ul>
<li>Fixed offer popup button animations for smoother transitions.</li>
<li>Fixed Size Guide alignment in the product page and quick view drawer when switching options.</li>
<li>Fixed rounded corner settings for variant picker pills.</li>
<li>Fixed an issue where the add-to-cart popup could appear behind other sections.</li>
<li>Fixed before/after sections so both sliders move together on Safari and iOS.</li>
<li>Fixed broken product images in mobile cart drawer recommendations.</li>
<li>Fixed flickering when promo cards switch from images to videos on collection pages.</li>
<li>Fixed badge and quick-view icon issues on mobile product cards.</li>
<li>Fixed collection filter button styling to match the selected border radius.</li>
<li>Fixed slideshow video sizing on mobile so it follows the configured settings.</li>
<li>Fixed discount and order note panels in the cart drawer so they open and close correctly.</li>
<li>Fixed quiz counter images so they display properly without awkward cropping.</li>
<li>Fixed long menu dropdowns so they scroll correctly on smaller screen heights.</li>
<li>Fixed gradient color settings so gradients display consistently across sections.</li>
<li>Improved slideshow performance by preventing unnecessary preloading of second slide videos.</li>
<li>Adjusted product gallery thumbnails so half of the fifth image displays as intended.</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 9.1.2</h3>
    <p class="tw-text-body-sm tw-text-fg-tertiary">
      December 11, 2025
    </p>
  </div>
    <p class="tw-text-body-md tw-text-fg-secondary">
      </p><p>Flawless 9.1.2 Removed unwanted comma that prevented installation of Person preset when merchants tried installing instead it installed Flawless preset</p>

    <p></p>
</div>

  </div>

        <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 9.1.1</h3>
    <p class="tw-text-body-sm tw-text-fg-tertiary">
      December 11, 2025
    </p>
  </div>
    <p class="tw-text-body-md tw-text-fg-secondary">
      </p><p>Flawless 9.1.1 Fixed a bug where variant selection failed to update when swatches were enabled, ensuring a smooth and accurate variant change experience.</p>

    <p></p>
</div>

  </div>

        <details class="tw-group tw-accordion-item"  name=accordion_tih7ms_1ac7>
    <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 9.1.0</h3>
    <p class="tw-text-body-sm tw-text-fg-tertiary">
      December 10, 2025
    </p>
  </div>
    <p class="tw-text-body-md tw-text-fg-secondary">
      </p><p>Flawless 9.1.0 introduces a new Persona preset designed for premium,Street style clothing brands, a major revamp of the Quiz section for smoother setup and better shopper engagement, and a new notification popup inside the overlay group to help you share updates, messages, and offers more effectively.</p>

    <p></p>
</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>Enhancements made to the Quiz section for an improved user experience.</li>
<li>Added a new section called “Announcements Popup” inside the overlay group.</li>
<li>Contact forms now support separate placeholder text for each field.</li>
<li>Media, Video, and Slideshow sections now show a cover image by default when auto-play is enabled.</li>
<li>Group block now includes spacing options for better layout flexibility.</li>
<li>The Offer block on product pages now includes an option to Show/Hide the icon.</li>
</ul>
<h3><a href="#other-fixes-and-improvements" class="anchor"></a>Other Fixes and Improvements</h3>
<ul>
<li>Important: Sale badges now display correctly when a product has multiple variants but only some are on sale.</li>
<li>Slideshow section now adapts correctly to image settings.</li>
<li>Image Gallery blocks now maintain equal height for a consistent layout.</li>
<li>Improved spacing in the Benefits section on mobile.</li>
<li>Resolved accessibility issues for discount fields on both the cart page and cart drawer.</li>
<li>Breadcrumbs now appear correctly on collection pages.</li>
<li>Text color settings in Collection List sections now apply properly when using overlays.</li>
<li>Countdown timer no longer triggers console errors when added multiple times.</li>
<li>Promotion Card hover effects now work consistently on repeated interactions.</li>
<li>Shoppable Feed play button is now better sized for mobile screens.</li>
<li>Search Drawer now displays results correctly without inaccurate “No results” messages.</li>
<li>Transparent Header now behaves correctly when gradient backgrounds are applied.</li>
<li>Promo Cards automatically use a fallback poster image if no media image is provided.</li>
<li>Buttons now display the correct pressed-state color on mobile devices.</li>
<li>Mega Menu displays correctly even when spacing is added around parent menu items.</li>
<li>Pickup availability updates properly when switching between variants.</li>
<li>Discount icon and text are now correctly aligned.</li>
<li>Newsletter footer form now has matching heights for both the email field and the button.</li>
</ul>
</div>
    </div>
  </details>

        <details class="tw-group tw-accordion-item"  name=accordion_tih7ms_1ac7>
    <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 9.0.0</h3>
    <p class="tw-text-body-sm tw-text-fg-tertiary">
      October 17, 2025
    </p>
  </div>
    <p class="tw-text-body-md tw-text-fg-secondary">
      </p><p>We’ve added features that help merchants prepare for BFCM and seasonal sales and also the theme now supports 250+ product variants.</p>

    <p></p>
</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 Age Verification Popup to easily restrict age-sensitive products and ensure compliance.</li>
<li>Added support for 250+ product variants, making it easier to manage large catalogs.</li>
<li>Added option to show countdown timers in both the announcement bar and product page sections to create urgency.</li>
<li>Added offer banner blocks on product pages to highlight live promotions near the Add to Cart button.</li>
<li>Added option to link products and collections in the Scrolling Text section for more interactive layouts.</li>
</ul>
<h3><a href="#changed" class="anchor"></a>Changed</h3>
<ul>
<li>Added option for micro animations on sale and trust badges, helping merchants visually emphasize offers and credibility.</li>
<li>Added ability to upload separate videos for desktop and mobile for better control over content experience.</li>
<li>Added flexibility in the Trust Badges section — merchants can now stack badges vertically or horizontally to match layout needs.</li>
<li>Updated Multi-column section with a new toggle to display items as grid or carousel.</li>
<li>Enhanced Featured Collection and Collections page to allow images or videos that highlight deals and offers visually.</li>
</ul>
<h3><a href="#fixes" class="anchor"></a>Fixes</h3>
<ul>
<li>Fixed accessibility issues in the cart drawer’s order notes and discount input fields.</li>
<li>Fixed counter text visibility in the Benefits section when counters were enabled.</li>
<li>Fixed cart drawer recommendations not appearing when the popup cart was enabled.</li>
<li>Fixed animation glitches in the Before/After section for smoother transitions.</li>
<li>Prevented unwanted sections from being added to overlay groups to reduce layout confusion.</li>
</ul>
</div>
    </div>
  </details>

        <details class="tw-group tw-accordion-item"  name=accordion_tih7ms_1ac7>
    <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 8.1.0</h3>
    <p class="tw-text-body-sm tw-text-fg-tertiary">
      September 12, 2025
    </p>
  </div>
    <p class="tw-text-body-md tw-text-fg-secondary">
      </p><p>We’re excited to announce a new release packed with powerful enhancements to carts, forms, content sections, and mobile experiences—giving you more flexibility and control over design and functionality.<br>
This update also resolves key SEO, UI, and pricing issues, ensuring smoother performance, greater accuracy, and improved accessibility.</p>

    <p></p>
</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 support for applying discount code in cart drawer and cart page.</li>
<li>Added support for adding custom fields and nested blocks in the contact us form and it can be reused anywhere on the site.</li>
<li>Added a new center mode layout, an option to choose between quick view or redirecting to the product page, video playback on hover, and autoplay for the first video when the section loads in the Shoppable feed section.</li>
<li>Added settings for the newsletter popup to control direction (left, right, or center) and an option to stack content vertically or horizontally.</li>
<li>Added font size settings for mobile screens in scrolling content for more design control.</li>
<li>Added swipe gesture support for the product quick view drawer on mobile devices.</li>
<li>Added a new setting in the product gallery drawer to control the image fit(cover and  contain).</li>
<li>Added mobile-specific color scheme settings in the slideshow section to improve text accessibility.</li>
<li>Added Support for separate mobile images, overlay color settings for images and opacity controller for timers in the sales banner section.</li>
</ul>
<h3><a href="#changed" class="anchor"></a>Changed</h3>
<ul>
<li>Changed the collection page product limit from 24 to 50 per page.</li>
</ul>
<h3><a href="#improvements" class="anchor"></a>Improvements</h3>
<ul>
<li>Improved in the Benefits section by replacing the internal scroll with a Read More link.</li>
</ul>
<h3><a href="#fixes" class="anchor"></a>Fixes</h3>
<ul>
<li>Important: Fixed a critical SEO issue by adding an option to choose how heading tags are rendering for sections.</li>
<li>Fixed a bug in the transparent header where icons didn’t display the correct color.</li>
<li>Fixed page template animation glitches that caused content not to appear.</li>
<li>Fixed an issue where the sale badge on product cards displayed incorrect prices by only considering the visible variant. It now calculates across all product variants.</li>
</ul>
</div>
    </div>
  </details>

        <details class="tw-group tw-accordion-item"  name=accordion_tih7ms_1ac7>
    <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 8.0.0</h3>
    <p class="tw-text-body-sm tw-text-fg-tertiary">
      July 29, 2025
    </p>
  </div>
    <p class="tw-text-body-md tw-text-fg-secondary">
      </p><p>We’re excited to introduce the Benefits section to highlight key product advantages, a visual Progress Bar Chart for quick nutrient insights, and a NutriScore block to display official ratings—alongside various fixes and improvements across the theme.</p>

    <p></p>
</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 Progress bar chart.</li>
<li>Added Benefits highlight section.</li>
<li>Added NutriScore block to showcase the official NutriScore rating.</li>
<li>Added setting to enable payment icon on product page to reassure customers their purchases are safe.</li>
<li>Added Popup add to cart, simple popup gently informs customers when item added to cart.</li>
</ul>
<h3><a href="#improvements" class="anchor"></a>Improvements</h3>
<ul>
<li>Important: Quick Buy for Single-Variant Products, Customers can now add single-variant products directly to their carts with a single click—streamlining the purchase process and saving time.</li>
<li>Added Icon thickness setting to match the thickness of your themes icons to your store's font and branding for  a consistent,professional look.</li>
</ul>
<h3><a href="#fixes" class="anchor"></a>Fixes</h3>
<ul>
<li>Important: The limit for complementary products can now be managed directly through Shopify's Search &amp; Discovery app, allowing merchants to display more than the default three-product.</li>
<li>Added Animation to Collection banner section.</li>
<li>Pickup Availability Visibility: pickup availability now correctly changes/hides when a product is out of stock or Variant is changed.</li>
<li>The search input now automatically receives focus when the drawer opens, enabling users to start typing immediately.</li>
</ul>
</div>
    </div>
  </details>

        <details class="tw-group tw-accordion-item"  name=accordion_tih7ms_1ac7>
    <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 7.0.0</h3>
    <p class="tw-text-body-sm tw-text-fg-tertiary">
      June 17, 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>Updated the presets to match the Theme Store redesign.</li>
</ul>
</div>
    </div>
  </details>

        <details class="tw-group tw-accordion-item"  name=accordion_tih7ms_1ac7>
    <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 6.2.0</h3>
    <p class="tw-text-body-sm tw-text-fg-tertiary">
      May 26, 2025
    </p>
  </div>
    <p class="tw-text-body-md tw-text-fg-secondary">
      </p><p>We’ve added a new Shoppable Feed section and support for Shopify’s new opacity controls in the color picker settings. We’ve also included some quick fixes and improvements across the theme as follows</p>

    <p></p>
</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 Shoppable feed section.</li>
<li>Important: Support for the new opacity controls for colors, launching on May 12, 2025.</li>
</ul>
<h3><a href="#improvements" class="anchor"></a>Improvements</h3>
<ul>
<li>Added translation support for the "See all" text in both the filter drawer and sidebar.</li>
<li>Gallery section when Image Ratio is not set to "Adapt to image," the height now adjusts according to the content.</li>
<li>Added translated text for offer text in badges.</li>
</ul>
<h3><a href="#fixes" class="anchor"></a>Fixes</h3>
<ul>
<li>Important: Fixed an issue where the Compare at price was not correctly displayed based on the selected variant, if at least one product variant had a valid value—even when others were set to 0.</li>
<li>Fixed Slideshow section, when "Adapt to image" is set to Media and content is more, the height should adjust dynamically based on the height of the content.</li>
<li>Fixed the issue in the Main Product section to prevent the product info area from expanding based on its content.</li>
<li>Fixed an issue in the Feature List section where resizing the section would break the layout in both the theme editor and the preview link.</li>
<li>Fixed bullet spacing issue in the Announcement Bar during scrolling text.</li>
</ul>
</div>
    </div>
  </details>

        <details class="tw-group tw-accordion-item"  name=accordion_tih7ms_1ac7>
    <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 6.1.0</h3>
    <p class="tw-text-body-sm tw-text-fg-tertiary">
      April  8, 2025
    </p>
  </div>
    <p class="tw-text-body-md tw-text-fg-secondary">
      </p><p>We’ve added collapsible product descriptions and announcement bar width options. Improved mega menu animations, featured collection tab effects, and contact page animations. Fixed layout issues, menu color inconsistencies, and tooltip cropping.</p>

    <p></p>
</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 collapsible content functionality to product descriptions with "Show More/Less" controls</li>
<li>Added width customization options for announcement bar to control content width</li>
</ul>
<h3><a href="#improvements" class="anchor"></a>Improvements</h3>
<ul>
<li>Enhanced mega menu transitions with smooth entry and exit animations.</li>
<li>Animation added to sub menu items of product mega menu.</li>
<li>Implemented on-scroll animations for featured collection tab elements.</li>
<li>Added animations to input fields and map on the contact page.</li>
<li>Positioned the insufficient card to the left in the lookbook section</li>
<li>Added outline button label color setting in transparent header.</li>
</ul>
<h3><a href="#fixes" class="anchor"></a>Fixes</h3>
<ul>
<li>Fixed layout issue in featured list section on window resize.</li>
<li>Fixed collection mega menu not applying the menu color scheme when the header setting is set to "logo left, menu left."</li>
<li>Fixed tooltip text cropping issue in the Shoppable Image section.</li>
</ul>
</div>
    </div>
  </details>

        <details class="tw-group tw-accordion-item"  name=accordion_tih7ms_1ac7>
    <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 6.0.0</h3>
    <p class="tw-text-body-sm tw-text-fg-tertiary">
      February 25, 2025
    </p>
  </div>
    <p class="tw-text-body-md tw-text-fg-secondary">
      </p><p>We’ve made sections more engaging with fresh animations and micro interactions, upgraded the zoom gallery, let you customize navigation icon colors, added support for images in collapsible text, and fixed a few minor bugs.</p>

    <p></p>
</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 option to upload image within the collapsible text.</li>
<li>Added option to show or hide search icon in the header.</li>
<li>Added Micro-interactions on navigation arrows and buttons.</li>
<li>Added opacity control for buttons in the Before and After section.</li>
<li>Added settings to enable swipe feature in mobile for product media in product page and featured product.</li>
</ul>
<h3><a href="#changed" class="anchor"></a>Changed</h3>
<ul>
<li>We’ve updated the zoom gallery with a fresh layout that’s designed with mobile users in mind.</li>
</ul>
<h3><a href="#improvements" class="anchor"></a>Improvements</h3>
<ul>
<li>Improved all sections on scroll animations.</li>
<li>Made product images clickable in Cart Recommendations, Pair Well With, View All Products drawer, Cart drawer, Cart page, and Testimonial section.</li>
<li>Pagination dots now appear for complementary products in mobile users.</li>
<li>Image gallery section now includes a zoom effect on images linked to products, with no button label.</li>
<li>Add an option to set the 'Add to Cart' button as either a filled or outline button.</li>
</ul>
<h3><a href="#fixes" class="anchor"></a>Fixes</h3>
<ul>
<li>Fixed the animation issue on the password page sections.</li>
<li>Fixed the issue with product card secondary images not displaying for products with them.</li>
<li>Previously, accordions would close unexpectedly and text would display by default. This behavior has been fixed.</li>
<li>Switching between portrait and landscape on tablets devices sometimes broke the media carousel. We’ve resolved this for a more consistent user experience.</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 5.0.0</h3>
    <p class="tw-text-body-sm tw-text-fg-tertiary">
      December 17, 2024
    </p>
  </div>
    <p class="tw-text-body-md tw-text-fg-secondary">
      </p><p>We’re excited to announce new features and improvements in the Flawless 5.0.0! This release introduces a new "Comparison" section, custom badge support for products, and more. Additionally, we’ve made enhancements and addressed various bugs for a smoother experience.</p>
<p>We’re also launching a new preset, "Glance" designed specifically for eyewear brands.</p>
<h2><a href="#added" class="anchor"></a>Added</h2>
<ul>
<li>Introduced a new "Comparison" section.</li>
<li>Enabled custom badge support in the product card, product page, and quick view drawer.</li>
<li>Added a full-width setting to the "Featured List" section.</li>
<li>Introduced a desktop media layout for the quick view drawer with "Single View" and "Peek View" options, along with separate mobile media layout settings.</li>
<li>Added an auto-scroll option for the "Gallery" section.</li>
<li>Enhanced the "Logo List" section with a new content block and an auto-rotate logos setting for mobile.</li>
</ul>
<h2><a href="#fixes-and-improvements" class="anchor"></a>Fixes and Improvements</h2>
<ul>
<li>Important: Updated the font for the "Routine" preset as some fonts will be deprecated starting January 3, 2025. You can find the <a href="https://shopify.dev/docs/storefronts/themes/architecture/settings/fonts#deprecated-fonts">list of deprecated fonts and replacements here</a>.</li>
<li>Fixed an issue on the product page where the description block, when set to an accordion format, did not match the style of other collapsible text blocks. Also removed unnecessary empty space when the description is absent.</li>
<li>Made the entire slideshow clickable if a link is present but no button label is defined in the "Slideshow" section.</li>
<li>Removed the border radius in the "Gallery" section when the full-width setting is enabled.</li>
<li>Fixed a bug in the "Feature List" section where mobile users had to double-click to open the accordion.</li>
<li>Fixed an issue with product card swatches where it did not show the right image based on swatch selected.</li>
<li>Fixed header hamburger fonts which did get applied with correct font weights.</li>
</ul>

    <p></p>
</div>

  </div>

        <details class="tw-group tw-accordion-item"  name=accordion_tih7ms_1ac7>
    <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">
      October 22, 2024
    </p>
  </div>
    <p class="tw-text-body-md tw-text-fg-secondary">
      </p><p>We've introduced a new section along with several minor improvements and bug fixes.</p>

    <p></p>
</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 Recently viewed products section.</li>
<li>Implemented hover actions to enhance the header menu interaction.</li>
<li>Added a 'Sign In with Shop' button, allowing customers to access the storefront using their shop credentials.</li>
<li>Added animations in the Recommended Products section for a more engaging experience.</li>
<li>Added support for the 'Color' Category Metafield in filter options</li>
</ul>
<h3><a href="#fixes-and-other-improvements" class="anchor"></a>Fixes and other improvements.</h3>
<ul>
<li>Enhanced image quality across both the product page and the featured product section.</li>
<li>Fixed an issue with the edit button in the sticky add to cart section, ensuring it now targets the correct variants.</li>
<li>Fixed an issue with sticky add to cart bar layout to display the appropriate button for out of stock product.</li>
<li>Improved the quality of the footer logo for better visual appeal.</li>
<li>Fixed the issue with complementary product images not displaying when 3D media is present.</li>
<li>Addressed layout loading issue in the multi-column section for smoother performance.</li>
</ul>
</div>
    </div>
  </details>

        <details class="tw-group tw-accordion-item"  name=accordion_tih7ms_1ac7>
    <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 10, 2024
    </p>
  </div>
    <p class="tw-text-body-md tw-text-fg-secondary">
      </p><p>We've added some bug fixes.</p>

    <p></p>
</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 support for the upcoming dynamic checkout button changes that will happen on September 15th.</li>
</ul>
<h3><a href="#fixes-and-other-improvements" class="anchor"></a>Fixes and other improvements.</h3>
<ul>
<li>Important: Fixed image zoom for featured product and main product section that was produced in previous release 4.0.0.</li>
<li>Important: Fixed an issue where the 'Accelerated Checkout' button was  not clickable on the product page and in the quick view drawer.</li>
<li>Fixed youtube video height in RTE content.</li>
<li>Fixed spacing issue for mobile devices for sales banner section based on image size setting.</li>
<li>Fixed featured list section auto play issue</li>
</ul>
</div>
    </div>
  </details>

        <details class="tw-group tw-accordion-item"  name=accordion_tih7ms_1ac7>
    <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">
      August 28, 2024
    </p>
  </div>
    <p class="tw-text-body-md tw-text-fg-secondary">
      </p><p>We've added some major improvements and bug fixes.</p>

    <p></p>
</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>Now users can add prices values mannually in to filter by price.</li>
<li>Added preloader to image zoom popup, so users get que that images are getting loaded.</li>
<li>Added support to redirect user to search page on click if search drawer is hidden through theme editor.</li>
</ul>
<h3><a href="#changed" class="anchor"></a>Changed</h3>
<ul>
<li>Changed header highlight button style to outline button style by default when header is transparent.</li>
<li>Changed label of “text color” to “content color “ in header section in transparent header section.</li>
<li>Changed the control of visual filters swatches by removing "Enable swatch" settings from product grid for both collections page and search page. Now this settings can be handled from search and discovery app.</li>
</ul>
<h3><a href="#fixes-and-other-improvements" class="anchor"></a>Fixes and other improvements.</h3>
<ul>
<li>Fixed the faq mobile dropdown to close automatically after selecting any options.</li>
<li>Fixed animations for some sections.</li>
<li>Fixed extra spacing when heading input settings is empty for all sections that has this settings.</li>
<li>Fixed accelerated checkout buttons height issue in cart drawer.</li>
<li>Fixed alignment for footer "powered by text" based on whether sublinks or payment icons are enable or disabled.</li>
<li>Fixed issue in Lookbooks section were the border radius on background image is not getting added.</li>
<li>Fixed text line alignment issue in mobile and tablet screens for Lookbooks section.</li>
<li>Fixed alignment issue of content when section is set to full width.</li>
<li>Fixed trending products not visible on search page.</li>
<li>Fixed visual filters styles.</li>
</ul>
</div>
    </div>
  </details>

        <details class="tw-group tw-accordion-item"  name=accordion_tih7ms_1ac7>
    <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.1</h3>
    <p class="tw-text-body-sm tw-text-fg-tertiary">
      August  9, 2024
    </p>
  </div>
    <p class="tw-text-body-md tw-text-fg-secondary">
      </p><p>We've made a minor bug fix for the discount percentage and discount difference values.</p>

    <p></p>
</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 an issue where the discount badge was not showing the correct values for the discount percentage and discount difference on the product card.</li>
<li>Fixed the pricing offer text to display the correct discount percentage and discount difference on the product card, main product, featured product, and quickview drawer.</li>
</ul>
</div>
    </div>
  </details>

        <details class="tw-group tw-accordion-item"  name=accordion_tih7ms_1ac7>
    <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">
      August  6, 2024
    </p>
  </div>
    <p class="tw-text-body-md tw-text-fg-secondary">
      </p><p>Flawless 3.0.0 now supports native product swatches using Shopify's Standard Product Taxonomy, EU translations and Guide drawer. We also made some minor improvements and bug fixes. We have released new preset "Heal". Renamed the default preset to "Routine".</p>

    <p></p>
</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 support for product swatches for main and feature product section, also swatches can be enabled for product card.</li>
<li>Important: Swatches can only work if your store supports Shopify's Standard Product Taxonomy and Category metafields, for more infomation please visit this <a href="https://help.shopify.com/en/manual/products/details/product-category">documentation link</a> to understand it better.</li>
<li>Added support for size guide drawer that can also be used as size chart, for main and featured product section and also for quick view drawer.</li>
<li>Added support for EU translations (EN, FR, IT, DE, ES).</li>
<li>Added support to showing suggestions in search drawer.</li>
<li>Added settings to customize blog heading and content settings on blog page.</li>
</ul>
<h3><a href="#changed" class="anchor"></a>Changed</h3>
<ul>
<li>Changed quiz section setting functionality to hide cover page and show first question by default to the users.</li>
</ul>
<h3><a href="#fixes-and-other-improvements" class="anchor"></a>Fixes and other improvements.</h3>
<ul>
<li>Fixed an issue were the theme editor used to show hamburger layout in desktop view</li>
<li>Fixed an issue were slideshow section content was not showing properly when media size was set to adapt to image.</li>
<li>Fixed bug where Footer  Email and contact pill hover state layout was breaking</li>
<li>Fixed issue in  Before After section were pill animation was not loading  properly.</li>
<li>Fixed main product media layout for tablet devices.</li>
<li>Fixed spacing issues on search drawer when opening on search page</li>
<li>Fixed gift card page to by default show store name as title.</li>
<li>Fixed issue on product fast checkout button to show proper border radius on hover</li>
<li>Fixed issue in  Quick view drawer to prevent layout shift based on variant selection</li>
<li>Fixed bug weere for accordions, on multiple clicks sometimes wont shows content.</li>
<li>Fixed blogs page article image getting stretched</li>
<li>Fixed transparent header logo showing empty space in mobile devices.</li>
</ul>
</div>
    </div>
  </details>

        <details class="tw-group tw-accordion-item"  name=accordion_tih7ms_1ac7>
    <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.1</h3>
    <p class="tw-text-body-sm tw-text-fg-tertiary">
      July 18, 2024
    </p>
  </div>
    <p class="tw-text-body-md tw-text-fg-secondary">
      </p><p>One minor bug fix</p>

    <p></p>
</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 blog posts not showing on mobile devices on page load</li>
</ul>
</div>
    </div>
  </details>

        <details class="tw-group tw-accordion-item"  name=accordion_tih7ms_1ac7>
    <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">
      July  3, 2024
    </p>
  </div>
    <p class="tw-text-body-md tw-text-fg-secondary">
      </p><p>We've made several enhancements and fixes to the theme to improve functionality and user experience.</p>

    <p></p>
</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>
<pre><code><span>- Added show quick buy checkbox under product card settings.
</span><span>- Added discount format dropdown under product card settings.
</span><span>- Added checkbox for enabling sublinks under announcement bar section settings.
</span><span>- Added new layout and grid settings in multi-column section level settings.
</span></code></pre>
<h3><a href="#changed" class="anchor"></a>Changed</h3>
<pre><code><span>- Updated label names in various sections.
</span><span>- Adjusted positions of some labels in various sections.
</span><span>- Removed "Hide on scroll" checkbox in header section settings; added a segmented control for sticky header style.
</span><span>- Replaced "show level-3 link" checkbox with segmented control settings in header mega-menu collections block settings.
</span><span>- Changed full width checkbox option in Image slide block and Video slide block settings in the slider section to a segmented control with half and full options.
</span><span>- Replaced stack collections checkbox settings in collection list section with segmented control settings.
</span><span>- Moved "show collection cards as circle" option inside image ratio settings alongside an extra "Circle" option.
</span><span>- Replaced stack products checkbox settings in featured collection section with segmented control settings offering two options.
</span><span>- Updated sales banner section timer block year,month,hours,minutes settings to number and dropdown options.
</span><span>- Replaced stack gallery checkbox settings in Image gallery section with segmented control settings offering two options.
</span><span>- Moved video URL block within the Media with text section into the video block settings.
</span><span>- Changed scrolling content section text size option to a range slider field.
</span><span>- Moved Sublinks block settings into footer section level settings.
</span><span>- Adjusted range slider option to segmented control for the number of columns on desktop in collection page, product grid section settings.
</span><span>- Adjusted range slider option to segmented control for the number of columns on desktop in collection list page, list collections section settings.
</span><span>- Converted full width option in blog post page section settings to a checkbox.
</span><span>- Adjusted range slider option to segmented control for the number of columns on desktop in search page, search section settings.
</span><span>- Transformed segmented control option for image ratio in search page section settings into dropdown format.
</span></code></pre>
<h3><a href="#removed" class="anchor"></a>Removed</h3>
<pre><code><span>- Removed success and error color settings under theme colors and harcoded this colors.
</span><span>- Removed text size settings in announcement bar section settings; default size applied.
</span><span>- Removed full width checkbox settings in collection list section settings.
</span><span>- Removed heading and link option in collection list (collection) block settings.
</span><span>- Removed "Open link in" option in lookbook section level settings.
</span><span>- Removed result button label in Quiz section settings.
</span><span>- Removed Select page option from Item block in FAQ section.
</span><span>- Removed product limit option under complementary block in product page section.
</span><span>- Removed link URL and "open link in" options in blog posts section level settings.
</span><span>- Important: Removed files from folder sections/main-collection-no-banner-image.liquid, templates/collection.no-banner-image.json, sections/media-with-text.liquid
</span></code></pre>
<h3><a href="#fixes-and-other-improvements" class="anchor"></a>Fixes and Other Improvements</h3>
<pre><code><span>- Fixed bug where the product grid with media wasn't rendering properly on desktop media layout on main product section.
</span><span>- Fixed image zoom bug where clicking on an image sometimes opened another image in the same product media.
</span><span>- Implemented no banner image when no collection image is present.
</span><span>- Fixed issue with product quickview description cropping when adding images to the description.
</span></code></pre>
</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">
      June 20, 2024
    </p>
  </div>
</div>

  </div>

  </div>

  </div>

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