@runwell/shopify-toolkit 0.1.0

package/modules/editorial-hero/sections/runwell-video-hero.liquid

@@ -0,0 +1,151 @@
+{%- comment -%}
+  Lushi v2 video hero. Full-bleed background video with editorial copy
+  bottom-left. Mirrors the v1 lushi.co Hero pattern but pivots messaging
+  to general health and wellness.
+{%- endcomment -%}
+
+<section class="runwell-video-hero" style="min-height: {{ section.settings.min_height | default: 100 }}vh;">
+  {%- if section.settings.video_url != blank -%}
+    <video
+      class="runwell-video-hero__video"
+      autoplay
+      loop
+      muted
+      playsinline
+      preload="auto"
+      {%- if section.settings.poster_image != blank -%}
+        poster="{{ section.settings.poster_image | image_url: width: 1920 }}"
+      {%- endif -%}
+    >
+      <source src="{{ section.settings.video_url }}" type="video/mp4">
+    </video>
+  {%- elsif section.settings.poster_image != blank -%}
+    <img
+      class="runwell-video-hero__video"
+      src="{{ section.settings.poster_image | image_url: width: 1920 }}"
+      alt="{{ section.settings.heading | escape }}"
+      width="1920"
+      height="1080"
+      loading="eager"
+    >
+  {%- else -%}
+    {%- comment -%} Fallback to bundled v1 imagery so the hero is never blank pre-launch {%- endcomment -%}
+    <img
+      class="runwell-video-hero__video"
+      src="{{ 'runwell-hero-bg.jpg' | asset_url }}"
+      alt="{{ section.settings.heading | escape }}"
+      width="1920"
+      height="1080"
+      loading="eager"
+    >
+  {%- endif -%}
+
+  <div class="runwell-video-hero__overlay"></div>
+
+  <div class="runwell-video-hero__content">
+    {%- if section.settings.eyebrow != blank -%}
+      <div style="font-size: 0.78rem; font-weight: 700; letter-spacing: 0.2em; text-transform: uppercase; opacity: 0.85; margin-bottom: 1rem;">
+        {{ section.settings.eyebrow }}
+      </div>
+    {%- endif -%}
+
+    {%- if section.settings.heading != blank -%}
+      <h1 class="runwell-video-hero__title">{{ section.settings.heading }}</h1>
+    {%- endif -%}
+
+    {%- if section.settings.subheading != blank -%}
+      <p class="runwell-video-hero__subtitle">{{ section.settings.subheading }}</p>
+    {%- endif -%}
+
+    {%- if section.settings.button_label_primary != blank or section.settings.button_label_secondary != blank -%}
+      <div class="runwell-video-hero__cta-row">
+        {%- if section.settings.button_label_primary != blank -%}
+          <a href="{{ section.settings.button_link_primary | default: '#' }}" class="runwell-video-hero__cta runwell-video-hero__cta--primary">
+            {{ section.settings.button_label_primary }}
+          </a>
+        {%- endif -%}
+        {%- if section.settings.button_label_secondary != blank -%}
+          <a href="{{ section.settings.button_link_secondary | default: '#' }}" class="runwell-video-hero__cta runwell-video-hero__cta--secondary">
+            {{ section.settings.button_label_secondary }}
+          </a>
+        {%- endif -%}
+      </div>
+    {%- endif -%}
+  </div>
+</section>
+
+{% schema %}
+{
+  "name": "Lushi video hero",
+  "tag": "section",
+  "class": "section-runwell-video-hero",
+  "settings": [
+    {
+      "type": "text",
+      "id": "eyebrow",
+      "label": "Eyebrow text",
+      "default": "Wellness, curated"
+    },
+    {
+      "type": "text",
+      "id": "heading",
+      "label": "Headline",
+      "default": "Glow from within."
+    },
+    {
+      "type": "textarea",
+      "id": "subheading",
+      "label": "Subheading",
+      "default": "Lushi is a modern wellness brand offering curated supplements, skincare, and rituals for everyday health."
+    },
+    {
+      "type": "url",
+      "id": "video_url",
+      "label": "Background video URL (mp4)",
+      "info": "Use a Vimeo or CDN-hosted mp4. Falls back to poster image if blank."
+    },
+    {
+      "type": "image_picker",
+      "id": "poster_image",
+      "label": "Poster image (and fallback)"
+    },
+    {
+      "type": "range",
+      "id": "min_height",
+      "label": "Hero min-height (vh)",
+      "min": 60,
+      "max": 100,
+      "step": 5,
+      "default": 100,
+      "unit": "vh"
+    },
+    {
+      "type": "text",
+      "id": "button_label_primary",
+      "label": "Primary button label",
+      "default": "Shop wellness"
+    },
+    {
+      "type": "url",
+      "id": "button_link_primary",
+      "label": "Primary button link"
+    },
+    {
+      "type": "text",
+      "id": "button_label_secondary",
+      "label": "Secondary button label",
+      "default": "Read the journal"
+    },
+    {
+      "type": "url",
+      "id": "button_link_secondary",
+      "label": "Secondary button link"
+    }
+  ],
+  "presets": [
+    {
+      "name": "Lushi video hero"
+    }
+  ]
+}
+{% endschema %}

package/modules/exit-intent/README.md

@@ -0,0 +1,18 @@
+# exit-intent
+
+Lushi exit popup. Migrated from Lushi (`sections/lushi-exit-intent.liquid`) into the Runwell Shopify Toolkit.
+
+Category: `conversion`
+
+## Files
+
+- `sections/runwell-exit-intent.liquid`
+- `assets/runwell-exit-intent.js`
+
+## Config
+
+See `module.json` config schema. Defaults match the original Lushi defaults; override per client in `runwell.config.json`.
+
+## Lineage
+
+This module was extracted from the Lushi build (Capital V) and generalised. The original lives at `lushi-shopify/sections/lushi-exit-intent.liquid`. The toolkit version uses `runwell-` class prefixes and pulls brand vars from the client config.

package/modules/exit-intent/assets/runwell-exit-intent.js

@@ -0,0 +1,54 @@
+/* Lushi exit-intent popup. Triggers on mouseleave to top of viewport
+   on desktop, after 30s of activity on mobile. Suppressed for 30 days
+   after dismiss or sign-up. */
+(function () {
+  if (typeof window === 'undefined') return;
+  var KEY = 'lushi_exit_seen';
+  var DAYS = 30;
+  var modal = document.querySelector('[data-runwell-exit-intent]');
+  if (!modal) return;
+
+  function seenRecently() {
+    try {
+      var v = localStorage.getItem(KEY);
+      if (!v) return false;
+      var ts = parseInt(v, 10);
+      if (isNaN(ts)) return false;
+      return (Date.now() - ts) < (DAYS * 24 * 60 * 60 * 1000);
+    } catch (e) { return false; }
+  }
+  function markSeen() {
+    try { localStorage.setItem(KEY, String(Date.now())); } catch (e) {}
+  }
+  function open() {
+    if (seenRecently()) return;
+    modal.setAttribute('aria-hidden', 'false');
+    modal.classList.add('is-open');
+    document.body.classList.add('runwell-exit-open');
+    markSeen();
+  }
+  function close() {
+    modal.setAttribute('aria-hidden', 'true');
+    modal.classList.remove('is-open');
+    document.body.classList.remove('runwell-exit-open');
+  }
+
+  if (seenRecently()) return;
+
+  // Desktop: mouseleave top
+  document.addEventListener('mouseout', function (e) {
+    if (e.relatedTarget === null && e.clientY <= 0) open();
+  });
+
+  // Mobile fallback: 30s timer
+  if (window.matchMedia('(max-width: 749px)').matches) {
+    setTimeout(open, 30000);
+  }
+
+  modal.querySelectorAll('[data-runwell-exit-close]').forEach(function (el) {
+    el.addEventListener('click', close);
+  });
+  document.addEventListener('keydown', function (e) {
+    if (e.key === 'Escape' && modal.classList.contains('is-open')) close();
+  });
+})();

package/modules/exit-intent/module.json

@@ -0,0 +1,33 @@
+{
+  "name": "exit-intent",
+  "version": "0.1.0",
+  "category": "conversion",
+  "description": "Lushi exit popup module migrated from Lushi.",
+  "files": {
+    "sections": [
+      "sections/runwell-exit-intent.liquid"
+    ],
+    "assets": [
+      "assets/runwell-exit-intent.js"
+    ]
+  },
+  "config": {
+    "schema": {
+      "eyebrow": {
+        "type": "string",
+        "default": "One last thing",
+        "label": "Eyebrow"
+      },
+      "heading": {
+        "type": "string",
+        "default": "Read before you buy.",
+        "label": "Heading"
+      },
+      "lede": {
+        "type": "string",
+        "default": "Join the journal and get the founder's take on what we picked, why we picked it, and which products to skip altogether.",
+        "label": "Lede"
+      }
+    }
+  }
+}

package/modules/exit-intent/sections/runwell-exit-intent.liquid

@@ -0,0 +1,48 @@
+{%- comment -%}
+  Lushi exit-intent newsletter popup. Native replacement for Privy /
+  Justuno / Uno popups. Triggers on mouseleave at top of viewport
+  (desktop) or after 30 seconds (mobile fallback). Suppresses with a
+  localStorage cookie for 30 days after dismiss or sign-up.
+{%- endcomment -%}
+
+<div class="runwell-exit" data-runwell-exit-intent aria-hidden="true" role="dialog" aria-labelledby="runwell-exit-title">
+  <div class="runwell-exit__backdrop" data-runwell-exit-close></div>
+  <div class="runwell-exit__panel">
+    <button class="runwell-exit__close" type="button" data-runwell-exit-close aria-label="Close">&times;</button>
+    {%- if section.settings.eyebrow != blank -%}
+      <p class="runwell-exit__eyebrow">{{ section.settings.eyebrow }}</p>
+    {%- endif -%}
+    <h2 id="runwell-exit-title" class="runwell-exit__heading">{{ section.settings.heading }}</h2>
+    {%- if section.settings.lede != blank -%}
+      <p class="runwell-exit__lede">{{ section.settings.lede }}</p>
+    {%- endif -%}
+    {%- form 'customer', class: 'runwell-exit__form' -%}
+      <input type="hidden" name="contact[tags]" value="newsletter, exit-intent">
+      <label class="visually-hidden" for="runwell-exit-email">Email</label>
+      <input id="runwell-exit-email" type="email" name="contact[email]" placeholder="you@email.com" required>
+      <button type="submit" class="runwell-exit__cta">Join the list</button>
+      {%- if form.posted_successfully? -%}
+        <p class="runwell-exit__success">Thanks. Check your inbox for our welcome edit.</p>
+      {%- endif -%}
+    {%- endform -%}
+    <p class="runwell-exit__fineprint">No spam. Unsubscribe anytime.</p>
+  </div>
+</div>
+
+<script src="{{ 'runwell-exit-intent.js' | asset_url }}" defer="defer"></script>
+
+{% schema %}
+{
+  "name": "Lushi exit popup",
+  "tag": "section",
+  "class": "section-runwell-exit",
+  "settings": [
+    { "type": "text", "id": "eyebrow", "label": "Eyebrow", "default": "One last thing" },
+    { "type": "text", "id": "heading", "label": "Heading", "default": "Read before you buy." },
+    { "type": "textarea", "id": "lede", "label": "Lede", "default": "Join the journal and get the founder's take on what we picked, why we picked it, and which products to skip altogether." }
+  ],
+  "presets": [
+    { "name": "Lushi exit popup" }
+  ]
+}
+{% endschema %}

package/modules/faq/README.md

@@ -0,0 +1,17 @@
+# faq
+
+Lushi FAQ. Migrated from Lushi (`sections/lushi-faq.liquid`) into the Runwell Shopify Toolkit.
+
+Category: `storefront`
+
+## Files
+
+- `sections/runwell-faq.liquid`
+
+## Config
+
+See `module.json` config schema. Defaults match the original Lushi defaults; override per client in `runwell.config.json`.
+
+## Lineage
+
+This module was extracted from the Lushi build (Capital V) and generalised. The original lives at `lushi-shopify/sections/lushi-faq.liquid`. The toolkit version uses `runwell-` class prefixes and pulls brand vars from the client config.

package/modules/faq/module.json

@@ -0,0 +1,35 @@
+{
+  "name": "faq",
+  "version": "0.1.0",
+  "category": "storefront",
+  "description": "Lushi FAQ module migrated from Lushi.",
+  "files": {
+    "sections": [
+      "sections/runwell-faq.liquid"
+    ]
+  },
+  "config": {
+    "schema": {
+      "eyebrow": {
+        "type": "string",
+        "default": "Questions",
+        "label": "Eyebrow"
+      },
+      "heading": {
+        "type": "string",
+        "default": "Things people ask.",
+        "label": "Heading"
+      },
+      "background_color": {
+        "type": "string",
+        "default": "#FFFFFF",
+        "label": "Background"
+      },
+      "text_color": {
+        "type": "string",
+        "default": "#0B3D38",
+        "label": "Text"
+      }
+    }
+  }
+}

package/modules/faq/sections/runwell-faq.liquid

@@ -0,0 +1,66 @@
+{%- comment -%}
+  Lushi FAQ accordion. Native replacement for FAQ widgets in Vitals,
+  HelpCenter, etc. Uses native HTML <details> elements so it works
+  without any JS.
+{%- endcomment -%}
+
+<section
+  class="runwell-faq"
+  style="background: {{ section.settings.background_color | default: '#FFFFFF' }}; color: {{ section.settings.text_color | default: '#0B3D38' }};">
+  <div class="runwell-faq__inner">
+    {%- if section.settings.eyebrow != blank -%}
+      <p class="runwell-faq__eyebrow">{{ section.settings.eyebrow }}</p>
+    {%- endif -%}
+    {%- if section.settings.heading != blank -%}
+      <h2 class="runwell-faq__heading">{{ section.settings.heading }}</h2>
+    {%- endif -%}
+    <div class="runwell-faq__list">
+      {%- for block in section.blocks -%}
+        <details class="runwell-faq__item" {{ block.shopify_attributes }}>
+          <summary class="runwell-faq__q">
+            <span>{{ block.settings.question }}</span>
+            <span class="runwell-faq__icon" aria-hidden="true">+</span>
+          </summary>
+          <div class="runwell-faq__a">{{ block.settings.answer }}</div>
+        </details>
+      {%- endfor -%}
+    </div>
+  </div>
+</section>
+
+{% schema %}
+{
+  "name": "Lushi FAQ",
+  "tag": "section",
+  "class": "section-runwell-faq",
+  "settings": [
+    { "type": "text", "id": "eyebrow", "label": "Eyebrow", "default": "Questions" },
+    { "type": "text", "id": "heading", "label": "Heading", "default": "Things people ask." },
+    { "type": "color", "id": "background_color", "label": "Background", "default": "#FFFFFF" },
+    { "type": "color", "id": "text_color", "label": "Text", "default": "#0B3D38" }
+  ],
+  "blocks": [
+    {
+      "type": "qa",
+      "name": "Question",
+      "settings": [
+        { "type": "text", "id": "question", "label": "Question" },
+        { "type": "richtext", "id": "answer", "label": "Answer" }
+      ]
+    }
+  ],
+  "max_blocks": 12,
+  "presets": [
+    {
+      "name": "Lushi FAQ",
+      "blocks": [
+        { "type": "qa", "settings": { "question": "Are these supplements third-party tested?", "answer": "<p>Every product we list ships with a published Certificate of Analysis from the supplier. We confirm the lot numbers match what the bottle claims before any product gets a page on Lushi.</p>" } },
+        { "type": "qa", "settings": { "question": "How fast do orders ship?", "answer": "<p>Most orders leave the warehouse within one to two business days. Free standard shipping on US orders over $75; flat $7 below. International rates calculated at checkout.</p>" } },
+        { "type": "qa", "settings": { "question": "What is the return policy?", "answer": "<p>If a product does not earn a place on your counter, write to us within 30 days for a full refund. We do not make returns hard.</p>" } },
+        { "type": "qa", "settings": { "question": "Do these products treat or cure conditions?", "answer": "<p>No. Statements about supplements and skincare on Lushi have not been evaluated by the FDA and are not intended to diagnose, treat, cure, or prevent any disease. Consult your physician before starting any new regimen.</p>" } },
+        { "type": "qa", "settings": { "question": "How does the journal work?", "answer": "<p>Every product is paired with a journal post explaining how it works, who it is for, and what the research actually says. Editorial, not advertorial.</p>" } }
+      ]
+    }
+  ]
+}
+{% endschema %}

package/modules/how-it-works/README.md

@@ -0,0 +1,17 @@
+# how-it-works
+
+Lushi how it works. Migrated from Lushi (`sections/lushi-how-it-works.liquid`) into the Runwell Shopify Toolkit.
+
+Category: `storefront`
+
+## Files
+
+- `sections/runwell-how-it-works.liquid`
+
+## Config
+
+See `module.json` config schema. Defaults match the original Lushi defaults; override per client in `runwell.config.json`.
+
+## Lineage
+
+This module was extracted from the Lushi build (Capital V) and generalised. The original lives at `lushi-shopify/sections/lushi-how-it-works.liquid`. The toolkit version uses `runwell-` class prefixes and pulls brand vars from the client config.

package/modules/how-it-works/module.json

@@ -0,0 +1,57 @@
+{
+  "name": "how-it-works",
+  "version": "0.1.0",
+  "category": "storefront",
+  "description": "Lushi how it works module migrated from Lushi.",
+  "files": {
+    "sections": [
+      "sections/runwell-how-it-works.liquid"
+    ]
+  },
+  "config": {
+    "schema": {
+      "eyebrow": {
+        "type": "string",
+        "default": "How Lushi works",
+        "label": "Eyebrow"
+      },
+      "heading": {
+        "type": "string",
+        "default": "Curated, written, shipped.",
+        "label": "Heading"
+      },
+      "lede": {
+        "type": "string",
+        "default": "Three simple steps from the brands we trust to your counter. No filler in between.",
+        "label": "Lede"
+      },
+      "image": {
+        "type": "string",
+        "label": "Side image (uploaded)"
+      },
+      "asset_filename": {
+        "type": "string",
+        "label": "Side image (bundled asset)"
+      },
+      "background_color": {
+        "type": "string",
+        "default": "#EDE6D8",
+        "label": "Background"
+      },
+      "text_color": {
+        "type": "string",
+        "default": "#0B3D38",
+        "label": "Text"
+      },
+      "cta_label": {
+        "type": "string",
+        "default": "Read our standards",
+        "label": "CTA label"
+      },
+      "cta_link": {
+        "type": "string",
+        "label": "CTA link"
+      }
+    }
+  }
+}

package/modules/how-it-works/sections/runwell-how-it-works.liquid

@@ -0,0 +1,99 @@
+{%- comment -%}
+  Lushi "How it works" section. Side-image left + content right (or
+  reversible). Eyebrow + headline + lede + 3 numbered service cards.
+  Mirrors v1 .conciergeSection / "Nationwide Access to Concierge Care"
+  but pivoted to wellness curation flow.
+{%- endcomment -%}
+
+<section
+  class="runwell-how"
+  style="background: {{ section.settings.background_color }}; color: {{ section.settings.text_color }};"
+>
+  <div class="runwell-how__inner">
+    <div class="runwell-how__media">
+      {%- if section.settings.image != blank -%}
+        <img src="{{ section.settings.image | image_url: width: 1200 }}"
+             alt="{{ section.settings.heading | escape }}"
+             width="1200" height="1500" loading="lazy">
+      {%- elsif section.settings.asset_filename != blank -%}
+        <img src="{{ section.settings.asset_filename | asset_url }}"
+             alt="{{ section.settings.heading | escape }}"
+             width="1200" height="1500" loading="lazy">
+      {%- endif -%}
+    </div>
+
+    <div class="runwell-how__content">
+      {%- if section.settings.eyebrow != blank -%}
+        <div class="runwell-how__eyebrow">{{ section.settings.eyebrow }}</div>
+      {%- endif -%}
+      {%- if section.settings.heading != blank -%}
+        <h2 class="runwell-how__heading">{{ section.settings.heading }}</h2>
+      {%- endif -%}
+      {%- if section.settings.lede != blank -%}
+        <p class="runwell-how__lede">{{ section.settings.lede }}</p>
+      {%- endif -%}
+
+      <div class="runwell-how__cards">
+        {%- for block in section.blocks -%}
+          <div {{ block.shopify_attributes }} class="runwell-how__card">
+            <div class="runwell-how__card-num">{{ forloop.index | prepend: '0' | slice: -2, 2 }}</div>
+            <div class="runwell-how__card-body">
+              {%- if block.settings.title != blank -%}
+                <h3 class="runwell-how__card-title">{{ block.settings.title }}</h3>
+              {%- endif -%}
+              {%- if block.settings.body != blank -%}
+                <p class="runwell-how__card-text">{{ block.settings.body }}</p>
+              {%- endif -%}
+            </div>
+          </div>
+        {%- endfor -%}
+      </div>
+
+      {%- if section.settings.cta_label != blank -%}
+        <a href="{{ section.settings.cta_link | default: '#' }}" class="runwell-how__cta">
+          {{ section.settings.cta_label }} &rarr;
+        </a>
+      {%- endif -%}
+    </div>
+  </div>
+</section>
+
+{% schema %}
+{
+  "name": "Lushi how it works",
+  "tag": "section",
+  "class": "section-runwell-how",
+  "settings": [
+    { "type": "text", "id": "eyebrow", "label": "Eyebrow", "default": "How Lushi works" },
+    { "type": "text", "id": "heading", "label": "Heading", "default": "Curated, written, shipped." },
+    { "type": "textarea", "id": "lede", "label": "Lede", "default": "Three simple steps from the brands we trust to your counter. No filler in between." },
+    { "type": "image_picker", "id": "image", "label": "Side image (uploaded)" },
+    { "type": "text", "id": "asset_filename", "label": "Side image (bundled asset)", "info": "e.g. runwell-about-2.jpg" },
+    { "type": "color", "id": "background_color", "label": "Background", "default": "#EDE6D8" },
+    { "type": "color", "id": "text_color", "label": "Text", "default": "#0B3D38" },
+    { "type": "text", "id": "cta_label", "label": "CTA label", "default": "Read our standards" },
+    { "type": "url", "id": "cta_link", "label": "CTA link" }
+  ],
+  "blocks": [
+    {
+      "type": "step",
+      "name": "Step",
+      "settings": [
+        { "type": "text", "id": "title", "label": "Title" },
+        { "type": "textarea", "id": "body", "label": "Body" }
+      ]
+    }
+  ],
+  "max_blocks": 4,
+  "presets": [
+    {
+      "name": "Lushi how it works",
+      "blocks": [
+        { "type": "step", "settings": { "title": "We curate.", "body": "Every product on Lushi is hand-picked from small wellness brands and clears our four-check standards before it gets a page." } },
+        { "type": "step", "settings": { "title": "We write.", "body": "Each product pairs with a journal post: how it works, who it's for, and what the research actually says. Editorial, not advertorial." } },
+        { "type": "step", "settings": { "title": "We ship.", "body": "Suppliers ship direct from their facility. Free shipping over $75; 30-day no-hassle returns." } }
+      ]
+    }
+  ]
+}
+{% endschema %}

package/modules/inventory-urgency/README.md

@@ -0,0 +1,17 @@
+# inventory-urgency
+
+inventory-urgency. Migrated from Lushi (`snippets/lushi-inventory-urgency.liquid`) into the Runwell Shopify Toolkit.
+
+Category: `pdp`
+
+## Files
+
+- `snippets/runwell-inventory-urgency.liquid`
+
+## Config
+
+See `module.json` config schema. Defaults match the original Lushi defaults; override per client in `runwell.config.json`.
+
+## Lineage
+
+This module was extracted from the Lushi build (Capital V) and generalised. The original lives at `lushi-shopify/snippets/lushi-inventory-urgency.liquid`. The toolkit version uses `runwell-` class prefixes and pulls brand vars from the client config.

package/modules/inventory-urgency/module.json

@@ -0,0 +1,14 @@
+{
+  "name": "inventory-urgency",
+  "version": "0.1.0",
+  "category": "pdp",
+  "description": "inventory-urgency module migrated from Lushi.",
+  "files": {
+    "snippets": [
+      "snippets/runwell-inventory-urgency.liquid"
+    ]
+  },
+  "config": {
+    "schema": {}
+  }
+}

package/modules/inventory-urgency/snippets/runwell-inventory-urgency.liquid

@@ -0,0 +1,19 @@
+{%- comment -%}
+  Lushi inventory urgency. Shows "Only N left" near ATC when stock is
+  low. Replaces the urgency widget from Vitals / similar apps.
+  Threshold and display are conservative: only fires when inventory is
+  tracked AND visible on the PDP product object.
+{%- endcomment -%}
+
+{%- assign threshold = 10 -%}
+{%- assign variant = product.selected_or_first_available_variant -%}
+{%- if variant.inventory_management == 'shopify' and variant.inventory_policy == 'deny' and variant.inventory_quantity > 0 and variant.inventory_quantity <= threshold -%}
+  <div class="runwell-urgency" role="status" aria-live="polite">
+    <span class="runwell-urgency__dot" aria-hidden="true"></span>
+    <span class="runwell-urgency__msg">
+      Only <strong>{{ variant.inventory_quantity }}</strong>
+      {%- if variant.inventory_quantity == 1 -%} unit left{%- else -%} units left{%- endif -%}
+      &nbsp;in stock.
+    </span>
+  </div>
+{%- endif -%}