/* Scoped to: clothing-template-stores-showcase */
(function() {
  'use strict';
  var componentRoots = document.querySelectorAll('[data-component-slug="clothing-template-stores-showcase"]');
  componentRoots.forEach(function(componentRoot) {
    // Helper to query within component, with fallback to document for sibling elements
    var $ = function(sel) { 
      return componentRoot.querySelector(sel) || document.querySelector('[data-component-slug="clothing-template-stores-showcase"] ~ ' + sel) || document.querySelector(sel);
    };
    var $$ = function(sel) { 
      var results = componentRoot.querySelectorAll(sel);
      return results.length ? results : document.querySelectorAll(sel);
    };
    // Original component JS runs in this scope
    const revealItems = document.querySelectorAll(".reveal"); const revealObserver = new IntersectionObserver( (entries) => { entries.forEach((entry) => { if (entry.isIntersecting) { entry.target.classList.add("is-visible"); revealObserver.unobserve(entry.target); } }); }, { threshold: 0.15 } ); revealItems.forEach((item) => { revealObserver.observe(item); });
  });
})();