@runwell/shopify-toolkit 0.2.0 → 0.4.0

package/modules/INDEX.md

@@ -0,0 +1,287 @@
+# Runwell Shopify Toolkit: module index
+
+Auto-generated by `scripts/generate-index.mjs`. Do not edit by hand.
+Skills (shopify-storefront, shopify-cro, shopify-cli-ops, shopify-admin-browser) grep this file before writing custom Liquid.
+
+Total modules: 31.
+
+## By category
+
+- **catalog**: bundle-builder, quantity-breaks, subscriptions
+- **conversion**: cart-cross-sell, cart-freeship-progress, cart-usps, exit-intent, gift-with-purchase, post-purchase-upsell, quick-view, risk-reversal, shipping-bar, sticky-atc
+- **customer**: loyalty-tiers, wishlist
+- **pdp**: comparison-table, delivery-estimate, inventory-urgency, pdp-ingredients, pdp-journal-link, pdp-trust-checks, recently-viewed
+- **social-proof**: press-bar, product-badges, reviews, testimonials, trust-badges
+- **storefront**: editorial-block, editorial-hero, faq, how-it-works
+
+## Modules
+
+| Name | Category | Replaces | Files | Config keys | Variants | Admin steps |
+|---|---|---|---|---|---|---|
+| `bundle-builder` | catalog | BYOB-style bundle apps | sections:1 assets:1 | heading, sale_prefix, show_rating, rating_score, rating_count, show_trust_badges, trust_1, trust_2, trust_3, fomo_mode, fomo_cycle_days, fomo_stock_count | (none) | (none) |
+| `cart-cross-sell` | conversion | Rebuy / OneClickUpsell pre-purchase upsell | snippets:1 | eyebrow, cta_label | (none) | (none) |
+| `cart-freeship-progress` | conversion | Bold Free Shipping Manager and similar app features | snippets:1 | threshold_cents, away_text, unlocked_message | (none) | (none) |
+| `cart-usps` | conversion | (native build) | snippets:1 | icon, usp_1, usp_2, usp_3 | (none) | (none) |
+| `comparison-table` | pdp | app-driven comparison widgets |  | eyebrow, heading, lede, background_color, text_color | feature-columns, feature-rows | (none) |
+| `delivery-estimate` | pdp | (native build) | snippets:1 | (none) | (none) | (none) |
+| `editorial-block` | storefront | (native build) | sections:1 | eyebrow, heading, lede, background_color, text_color | (none) | (none) |
+| `editorial-hero` | storefront | (native build) | sections:1 | eyebrow, heading, subheading, video_url, poster_image, min_height, button_label_primary, button_link_primary, button_label_secondary, button_link_secondary | (none) | (none) |
+| `exit-intent` | conversion | (native build) | sections:1 assets:1 | eyebrow, heading, lede | (none) | (none) |
+| `faq` | storefront | (native build) | sections:1 | eyebrow, heading, background_color, text_color | (none) | (none) |
+| `gift-with-purchase` | conversion | (native build) | snippets:1 assets:1 | threshold_cents, gift_handle, unlocked_message, locked_message_suffix | (none) | create-gift-product + create-gift-discount |
+| `how-it-works` | storefront | (native build) | sections:1 | eyebrow, heading, lede, image, asset_filename, background_color, text_color, cta_label, cta_link | (none) | (none) |
+| `inventory-urgency` | pdp | (native build) | snippets:1 | (none) | (none) | (none) |
+| `loyalty-tiers` | customer | (native build) | sections:1 | tier_0_name, tier_1_name, tier_1_threshold, tier_1_perk_pct, tier_2_name, tier_2_threshold, tier_2_perk_pct | (none) | create-tier-tags-and-flows + create-tier-discounts + add-tier-card-to-account |
+| `pdp-ingredients` | pdp | (native build) | sections:1 | eyebrow, heading, lede, background_color, text_color | (none) | (none) |
+| `pdp-journal-link` | pdp | (native build) | sections:1 | eyebrow, article, background_color, text_color, fallback_title, fallback_body, fallback_link_label, fallback_link_url | (none) | (none) |
+| `pdp-trust-checks` | pdp | (native build) | sections:1 | eyebrow, heading, lede, background_color, text_color, link_label, link_url | (none) | (none) |
+| `post-purchase-upsell` | conversion | Reconvert / OneClickUpsell / AfterSell display layer | assets:2 | discount_code, discount_label, max_items, heading, eyebrow, lede, cross_category_logic | (none) | create-discount + paste-bootstrap |
+| `press-bar` | social-proof | (native build) | sections:1 | eyebrow, background_color, text_color | (none) | (none) |
+| `product-badges` | social-proof | (native build) | snippets:1 | label_best_seller, label_new, label_editor_pick | (none) | (none) |
+| `quantity-breaks` | catalog | (native build) | snippets:1 | eyebrow, fineprint | (none) | define-breaks-metafield + set-product-breaks + create-discount-function |
+| `quick-view` | conversion | (native build) | snippets:2 assets:1 | (none) | (none) | (none) |
+| `recently-viewed` | pdp | (native build) | sections:1 assets:1 | eyebrow, heading, background_color | (none) | (none) |
+| `reviews` | social-proof | (native build) | sections:1 | heading | (none) | (none) |
+| `risk-reversal` | conversion | (native build) | sections:1 | icon, heading, body, link_label, link_url, background_color, text_color | (none) | (none) |
+| `shipping-bar` | conversion | (native build) | sections:1 | threshold_cents, message_below, message_qualified, message_default, background_color, text_color | (none) | (none) |
+| `sticky-atc` | conversion | (native build) | sections:1 | (none) | (none) | (none) |
+| `subscriptions` | catalog | Recharge / Bold Subscriptions / Appstle for the storefront display layer; subscription management still uses Shopify's native customer account | snippets:1 | one_time_label, subscribe_label, fineprint | (none) | install-shopify-subscriptions + create-selling-plan-group + enable-customer-account-tab |
+| `testimonials` | social-proof | (native build) | sections:1 | eyebrow, heading, background_color, text_color | (none) | (none) |
+| `trust-badges` | social-proof | (native build) | sections:1 | background_color, text_color | (none) | (none) |
+| `wishlist` | customer | Wishlist Plus, Wishlist King, Globo Wishlist | sections:1 snippets:1 assets:1 templates:1 | max_items | (none) | create-wishlist-page |
+
+## Descriptions
+
+### bundle-builder
+
+- Category: catalog
+- Replaces: BYOB-style bundle apps
+- What: Build-your-own-bundle PDP section.
+- Files: sections:1 assets:1
+- Config: heading, sale_prefix, show_rating, rating_score, rating_count, show_trust_badges, trust_1, trust_2, trust_3, fomo_mode, fomo_cycle_days, fomo_stock_count
+
+### cart-cross-sell
+
+- Category: conversion
+- Replaces: Rebuy / OneClickUpsell pre-purchase upsell
+- What: Cart drawer cross-sell card.
+- Files: snippets:1
+- Config: eyebrow, cta_label
+
+### cart-freeship-progress
+
+- Category: conversion
+- Replaces: Bold Free Shipping Manager and similar app features
+- What: Cart drawer free-shipping progress bar.
+- Files: snippets:1
+- Config: threshold_cents, away_text, unlocked_message
+
+### cart-usps
+
+- Category: conversion
+- What: Three brand promises listed at the bottom of the cart drawer.
+- Files: snippets:1
+- Config: icon, usp_1, usp_2, usp_3
+
+### comparison-table
+
+- Category: pdp
+- Replaces: app-driven comparison widgets
+- What: Comparison table section.
+- Config: eyebrow, heading, lede, background_color, text_color
+- Variants: feature-columns, feature-rows
+
+### delivery-estimate
+
+- Category: pdp
+- What: delivery-estimate module migrated from Lushi.
+- Files: snippets:1
+
+### editorial-block
+
+- Category: storefront
+- What: Lushi editorial block module migrated from Lushi.
+- Files: sections:1
+- Config: eyebrow, heading, lede, background_color, text_color
+
+### editorial-hero
+
+- Category: storefront
+- What: Lushi video hero module migrated from Lushi.
+- Files: sections:1
+- Config: eyebrow, heading, subheading, video_url, poster_image, min_height, button_label_primary, button_link_primary, button_label_secondary, button_link_secondary
+
+### exit-intent
+
+- Category: conversion
+- What: Lushi exit popup module migrated from Lushi.
+- Files: sections:1 assets:1
+- Config: eyebrow, heading, lede
+
+### faq
+
+- Category: storefront
+- What: Lushi FAQ module migrated from Lushi.
+- Files: sections:1
+- Config: eyebrow, heading, background_color, text_color
+
+### gift-with-purchase
+
+- Category: conversion
+- What: Auto-add a gift product to the cart when total clears a threshold.
+- Files: snippets:1 assets:1
+- Config: threshold_cents, gift_handle, unlocked_message, locked_message_suffix
+- Admin steps: create-gift-product + create-gift-discount
+
+### how-it-works
+
+- Category: storefront
+- What: Lushi how it works module migrated from Lushi.
+- Files: sections:1
+- Config: eyebrow, heading, lede, image, asset_filename, background_color, text_color, cta_label, cta_link
+
+### inventory-urgency
+
+- Category: pdp
+- What: inventory-urgency module migrated from Lushi.
+- Files: snippets:1
+
+### loyalty-tiers
+
+- Category: customer
+- What: Lifetime-spend tier card on the customer account page.
+- Files: sections:1
+- Config: tier_0_name, tier_1_name, tier_1_threshold, tier_1_perk_pct, tier_2_name, tier_2_threshold, tier_2_perk_pct
+- Admin steps: create-tier-tags-and-flows + create-tier-discounts + add-tier-card-to-account
+
+### pdp-ingredients
+
+- Category: pdp
+- What: Lushi ingredients module migrated from Lushi.
+- Files: sections:1
+- Config: eyebrow, heading, lede, background_color, text_color
+
+### pdp-journal-link
+
+- Category: pdp
+- What: Lushi PDP journal link module migrated from Lushi.
+- Files: sections:1
+- Config: eyebrow, article, background_color, text_color, fallback_title, fallback_body, fallback_link_label, fallback_link_url
+
+### pdp-trust-checks
+
+- Category: pdp
+- What: Lushi PDP trust module migrated from Lushi.
+- Files: sections:1
+- Config: eyebrow, heading, lede, background_color, text_color, link_label, link_url
+
+### post-purchase-upsell
+
+- Category: conversion
+- Replaces: Reconvert / OneClickUpsell / AfterSell display layer
+- What: Order status page upsell with auto-applied discount on click-through.
+- Files: assets:2
+- Config: discount_code, discount_label, max_items, heading, eyebrow, lede, cross_category_logic
+- Admin steps: create-discount + paste-bootstrap
+
+### press-bar
+
+- Category: social-proof
+- What: Lushi press bar module migrated from Lushi.
+- Files: sections:1
+- Config: eyebrow, background_color, text_color
+
+### product-badges
+
+- Category: social-proof
+- What: Tag-driven badges on product cards (Best seller, New, Editor's pick).
+- Files: snippets:1
+- Config: label_best_seller, label_new, label_editor_pick
+
+### quantity-breaks
+
+- Category: catalog
+- What: Tiered quantity-discount display on the PDP.
+- Files: snippets:1
+- Config: eyebrow, fineprint
+- Admin steps: define-breaks-metafield + set-product-breaks + create-discount-function
+
+### quick-view
+
+- Category: conversion
+- What: Modal product quick-view triggered from product cards.
+- Files: snippets:2 assets:1
+
+### recently-viewed
+
+- Category: pdp
+- What: Lushi recently viewed module migrated from Lushi.
+- Files: sections:1 assets:1
+- Config: eyebrow, heading, background_color
+
+### reviews
+
+- Category: social-proof
+- What: Lushi PDP reviews module migrated from Lushi.
+- Files: sections:1
+- Config: heading
+
+### risk-reversal
+
+- Category: conversion
+- What: Lushi risk reversal module migrated from Lushi.
+- Files: sections:1
+- Config: icon, heading, body, link_label, link_url, background_color, text_color
+
+### shipping-bar
+
+- Category: conversion
+- What: Lushi shipping bar module migrated from Lushi.
+- Files: sections:1
+- Config: threshold_cents, message_below, message_qualified, message_default, background_color, text_color
+
+### sticky-atc
+
+- Category: conversion
+- What: Lushi sticky ATC module migrated from Lushi.
+- Files: sections:1
+
+### subscriptions
+
+- Category: catalog
+- Replaces: Recharge / Bold Subscriptions / Appstle for the storefront display layer; subscription management still uses Shopify's native customer account
+- What: Brand-styled subscribe-and-save picker that wraps Shopify's native Selling Plan API.
+- Files: snippets:1
+- Config: one_time_label, subscribe_label, fineprint
+- Admin steps: install-shopify-subscriptions + create-selling-plan-group + enable-customer-account-tab
+
+### testimonials
+
+- Category: social-proof
+- What: Lushi testimonials module migrated from Lushi.
+- Files: sections:1
+- Config: eyebrow, heading, background_color, text_color
+
+### trust-badges
+
+- Category: social-proof
+- What: Lushi trust badges module migrated from Lushi.
+- Files: sections:1
+- Config: background_color, text_color
+
+### wishlist
+
+- Category: customer
+- Replaces: Wishlist Plus, Wishlist King, Globo Wishlist
+- What: Native wishlist using localStorage.
+- Files: sections:1 snippets:1 assets:1 templates:1
+- Config: max_items
+- Admin steps: create-wishlist-page
+
+## How a skill should use this
+
+1. Grep this file for keywords from the user request (e.g. "free shipping", "exit popup", "bundle").
+2. If a row matches, run `node ~/Documents/Code/runwell-shopify-toolkit/bin/runwell-shopify add <module-name>` from the client theme directory.
+3. Run `runwell-shopify sync` to copy files into the theme.
+4. If the module has admin steps, hand them to shopify-admin-browser to drive merchant clicks.
+5. Push: `shopify theme push` from the client theme directory.

package/modules/bundle-builder/README.md

@@ -0,0 +1,40 @@
+# bundle-builder
+
+PDP section for build-your-own-bundle merchandising. Slideshow gallery + thumbnail nav + radio bundle picker (1x / 2x / 3x with savings, free-ship and free-gift badges) + sticky ATC + FOMO countdown + scarcity. Migrated from Lusha's bundle-selector.
+
+## Files
+
+- `sections/runwell-bundle-builder.liquid`. Section template (392 lines).
+- `assets/runwell-bundle-builder.css`. ~370 lines of styling, brand-aware via `var(--runwell-*)`.
+
+## Behaviour
+
+- **Gallery**: configurable via section blocks of type `gallery_image`. If no images set, falls back to the product's featured image, then to a brand-coloured placeholder.
+- **Thumbnails**: clickable navigation between gallery images.
+- **Bundle options**: configurable via section blocks of type `bundle_option`. Each one shows: title, price, compare-at price, savings badge, free-ship badge, "MOST POPULAR" highlight, free-gift text.
+- **FOMO mode**: `discount` (countdown to sale end), `scarcity` (low-stock count), `both`, or `none`. The deadline rotates on a configurable cycle so it never expires for a returning visitor.
+- **Trust badges**: 3 configurable promise lines below the ATC.
+- **ATC**: posts to `/cart/add.js` with quantity parsed from the title (`"3x Product"` adds qty 3).
+
+## How to use
+
+1. Sync: `runwell-shopify sync`
+2. In any product template (or a custom landing page), add the section "Runwell Bundle Builder"
+3. Inside the section, add `gallery_image` blocks for product photography
+4. Add `bundle_option` blocks for each bundle tier (typically 3 with the middle marked "popular")
+5. Configure FOMO mode if desired
+6. Style further via the brand's `--runwell-*` CSS custom properties
+
+## Lineage
+
+Migrated from `guabrasha-store/sections/bundle-selector.liquid` (Lusha gua sha brand). Class prefix renamed from `bundle-selector` to `runwell-bundle-builder`. Lusha-specific hardcoded gallery filenames replaced with a placeholder pattern. Lusha-specific copy ("Lusha Sculpting Brush", "Spring Sculpting Sale") replaced with generic defaults that the merchant overrides via section settings.
+
+## Replaces
+
+Bundle Builder, BYOB Bundles by Pickystory, Bundler. The toolkit version is display + ATC only; if you need true bundle-as-SKU pricing the merchant should pair this with a Shopify Functions discount.
+
+## Future variants
+
+- `step-by-step` (single-product, multi-step BYOB walkthrough)
+- `mix-and-match` (any 3 from a curated set)
+- `subscription-bundle` (bundle with subscription price option)

package/modules/bundle-builder/assets/runwell-bundle-builder.css

@@ -0,0 +1,383 @@
+.runwell-bundle-builder__grid {
+  display: grid;
+  grid-template-columns: 1fr 1fr;
+  gap: 2.4rem;
+  align-items: start;
+}
+
+/* Slideshow Gallery */
+.runwell-bundle-builder__slideshow {
+  position: relative;
+  border-radius: 12px;
+  overflow: hidden;
+  background: #E8D5C4;
+}
+
+.runwell-bundle-builder__slide {
+  display: none;
+}
+
+.runwell-bundle-builder__slide--active {
+  display: block;
+}
+
+.runwell-bundle-builder__img {
+  width: 100%;
+  height: auto;
+  display: block;
+  aspect-ratio: 1 / 1;
+  object-fit: cover;
+  max-height: calc(100vh - 260px);
+}
+
+/* Thumbnail Strip - ALWAYS visible including mobile */
+.runwell-bundle-builder__thumbnails {
+  display: flex;
+  gap: 8px;
+  margin-top: 12px;
+  overflow-x: auto;
+  scrollbar-width: thin;
+  scrollbar-color: #EADFD4 transparent;
+  padding-bottom: 4px;
+  -webkit-overflow-scrolling: touch;
+}
+
+.runwell-bundle-builder__thumbnails::-webkit-scrollbar {
+  height: 4px;
+}
+
+.runwell-bundle-builder__thumbnails::-webkit-scrollbar-thumb {
+  background: #EADFD4;
+  border-radius: 2px;
+}
+
+.runwell-bundle-builder__thumb {
+  flex: 0 0 72px;
+  height: 72px;
+  border-radius: 8px;
+  overflow: hidden;
+  border: 2px solid transparent;
+  cursor: pointer;
+  padding: 0;
+  background: #E8D5C4;
+  transition: border-color 0.2s, opacity 0.2s;
+  opacity: 0.7;
+}
+
+.runwell-bundle-builder__thumb--active {
+  border-color: #3F5B4C;
+  opacity: 1;
+}
+
+.runwell-bundle-builder__thumb:hover {
+  opacity: 1;
+}
+
+.runwell-bundle-builder__thumb img {
+  width: 100%;
+  height: 100%;
+  object-fit: cover;
+}
+
+/* Rating */
+.runwell-bundle-builder__rating {
+  display: flex;
+  align-items: center;
+  gap: 8px;
+  margin-bottom: 0;
+}
+
+.runwell-bundle-builder__stars {
+  color: #E8B931;
+  font-size: 1.6rem;
+  letter-spacing: 1px;
+}
+
+.runwell-bundle-builder__rating-text {
+  font-size: 1.4rem;
+  font-weight: 600;
+  font-style: italic;
+}
+
+/* Title */
+.runwell-bundle-builder__title {
+  margin-top: 0.4rem;
+  margin-bottom: 1rem;
+}
+
+/* Sale heading */
+.runwell-bundle-builder__sale-heading {
+  display: flex;
+  align-items: center;
+  gap: 1.2rem;
+  margin-bottom: 1.2rem;
+}
+
+.runwell-bundle-builder__sale-line {
+  flex: 1;
+  height: 1px;
+  background: #2A2622;
+}
+
+.runwell-bundle-builder__sale-text {
+  font-weight: 700;
+  font-size: 1.5rem;
+  white-space: nowrap;
+}
+
+/* Scarcity indicator */
+.runwell-bundle-builder__scarcity {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  gap: 6px;
+  font-size: 1.3rem;
+  font-weight: 500;
+  color: #b45309;
+  margin-bottom: 1rem;
+}
+
+.runwell-bundle-builder__scarcity-dot {
+  width: 8px;
+  height: 8px;
+  border-radius: 50%;
+  background: #b45309;
+  animation: scarcity-pulse 2s ease-in-out infinite;
+}
+
+@keyframes scarcity-pulse {
+  0%, 100% { opacity: 1; }
+  50% { opacity: 0.4; }
+}
+
+/* Options */
+.runwell-bundle-builder__options {
+  display: flex;
+  flex-direction: column;
+  gap: 10px;
+  margin-bottom: 1.2rem;
+}
+
+.runwell-bundle-builder__option {
+  display: flex;
+  align-items: flex-start;
+  gap: 12px;
+  padding: 14px 18px;
+  border: 2px solid #EADFD4;
+  border-radius: 10px;
+  cursor: pointer;
+  transition: border-color 0.2s, box-shadow 0.2s;
+  position: relative;
+}
+
+.runwell-bundle-builder__option:hover {
+  border-color: #3F5B4C;
+}
+
+.runwell-bundle-builder__option--selected {
+  border-color: #2A2622;
+  box-shadow: 0 0 0 1px #2A2622;
+}
+
+.runwell-bundle-builder__option--popular {
+  border-color: #3F5B4C;
+  position: relative;
+}
+
+.runwell-bundle-builder__popular-badge {
+  position: absolute;
+  top: -10px;
+  right: 16px;
+  background: #3F5B4C;
+  color: #fff;
+  font-size: 1.0rem;
+  font-weight: 700;
+  padding: 2px 10px;
+  border-radius: 4px;
+  letter-spacing: 0.06em;
+  text-transform: uppercase;
+}
+
+.runwell-bundle-builder__option input {
+  position: absolute;
+  opacity: 0;
+  pointer-events: none;
+}
+
+.runwell-bundle-builder__option-radio {
+  width: 22px;
+  height: 22px;
+  border-radius: 50%;
+  border: 2px solid #EADFD4;
+  flex-shrink: 0;
+  margin-top: 2px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  transition: border-color 0.2s;
+}
+
+.runwell-bundle-builder__option--selected .runwell-bundle-builder__option-radio {
+  border-color: #2A2622;
+}
+
+.runwell-bundle-builder__option--selected .runwell-bundle-builder__option-radio::after {
+  content: '';
+  width: 12px;
+  height: 12px;
+  border-radius: 50%;
+  background: #2A2622;
+}
+
+.runwell-bundle-builder__option-content {
+  flex: 1;
+}
+
+.runwell-bundle-builder__option-header {
+  display: flex;
+  justify-content: space-between;
+  align-items: baseline;
+  gap: 12px;
+}
+
+.runwell-bundle-builder__option-title {
+  font-weight: 700;
+  font-size: 1.5rem;
+}
+
+.runwell-bundle-builder__option-pricing {
+  display: flex;
+  align-items: baseline;
+  gap: 8px;
+  flex-shrink: 0;
+}
+
+.runwell-bundle-builder__option-price {
+  font-weight: 700;
+  font-size: 1.8rem;
+}
+
+.runwell-bundle-builder__option-compare {
+  font-size: 1.3rem;
+  text-decoration: line-through;
+  opacity: 0.5;
+}
+
+.runwell-bundle-builder__option-badges {
+  display: flex;
+  gap: 6px;
+  margin-top: 6px;
+  flex-wrap: wrap;
+}
+
+.runwell-bundle-builder__badge {
+  font-size: 1.1rem;
+  font-weight: 700;
+  padding: 2px 8px;
+  border-radius: 4px;
+  text-transform: uppercase;
+  letter-spacing: 0.03em;
+}
+
+.runwell-bundle-builder__badge--save {
+  background: #3F5B4C;
+  color: #fff;
+}
+
+.runwell-bundle-builder__badge--shipping {
+  color: #3F5B4C;
+  font-weight: 600;
+}
+
+.runwell-bundle-builder__free-gift {
+  display: flex;
+  align-items: center;
+  gap: 6px;
+  margin-top: 8px;
+  padding: 8px 12px;
+  background: rgba(63, 91, 76, 0.06);
+  border-radius: 6px;
+  font-size: 1.3rem;
+  font-weight: 600;
+}
+
+.runwell-bundle-builder__gift-icon {
+  font-size: 1.6rem;
+}
+
+/* ATC Button */
+.runwell-bundle-builder__atc {
+  width: 100%;
+  padding: 1.6rem;
+  font-size: 1.6rem;
+  font-weight: 700;
+  letter-spacing: 0.06em;
+  text-transform: uppercase;
+  background: #2A2622;
+  color: #fff;
+  border: none;
+  border-radius: 8px;
+  cursor: pointer;
+  transition: background 0.2s;
+  margin-bottom: 1.2rem;
+}
+
+.runwell-bundle-builder__atc:hover {
+  background: #3F5B4C;
+}
+
+/* Trust badges */
+.runwell-bundle-builder__trust {
+  display: flex;
+  justify-content: center;
+  gap: 2rem;
+  font-size: 1.3rem;
+  opacity: 0.7;
+  flex-wrap: wrap;
+}
+
+/* Sticky ATC on mobile */
+@media screen and (max-width: 989px) {
+  .runwell-bundle-builder__grid {
+    grid-template-columns: 1fr;
+    gap: 2rem;
+  }
+
+  .runwell-bundle-builder__atc-wrap {
+    position: sticky;
+    bottom: 0;
+    z-index: 10;
+    background: #fff;
+    padding: 12px 0 max(12px, env(safe-area-inset-bottom));
+    box-shadow: 0 -2px 12px rgba(0, 0, 0, 0.08);
+    margin: 0 -1.5rem;
+    padding-left: 1.5rem;
+    padding-right: 1.5rem;
+  }
+}
+
+@media screen and (max-width: 749px) {
+  .runwell-bundle-builder__option-header {
+    flex-direction: column;
+    gap: 4px;
+  }
+
+  .runwell-bundle-builder__trust {
+    flex-direction: column;
+    align-items: center;
+    gap: 0.6rem;
+  }
+}
+
+/* Runwell additions: placeholder states when gallery is empty */
+.runwell-bundle-builder__img--placeholder,
+.runwell-bundle-builder__thumb-img--placeholder {
+  width: 100%;
+  height: 100%;
+  min-height: 320px;
+  background: linear-gradient(135deg, var(--runwell-oat, #F5F0EE), var(--runwell-cream, #EDE6D8));
+  display: block;
+}
+.runwell-bundle-builder__thumb-img--placeholder {
+  min-height: 0;
+}

package/modules/bundle-builder/module.json

@@ -0,0 +1,26 @@
+{
+  "name": "bundle-builder",
+  "version": "0.1.0",
+  "category": "catalog",
+  "description": "Build-your-own-bundle PDP section. Slideshow gallery + thumbnail nav + radio bundle picker (1x / 2x / 3x with savings, free-ship and free-gift badges) + sticky ATC + FOMO countdown + scarcity. Migrated from Lusha (guabrasha-store/sections/bundle-selector.liquid). Replaces BYOB-style bundle apps.",
+  "files": {
+    "sections": ["sections/runwell-bundle-builder.liquid"],
+    "assets": ["assets/runwell-bundle-builder.css"]
+  },
+  "config": {
+    "schema": {
+      "heading": { "type": "string", "default": "Build your bundle" },
+      "sale_prefix": { "type": "string", "default": "Limited time offer" },
+      "show_rating": { "type": "boolean", "default": true },
+      "rating_score": { "type": "string", "default": "4.8/5" },
+      "rating_count": { "type": "string", "default": "2,400+" },
+      "show_trust_badges": { "type": "boolean", "default": true },
+      "trust_1": { "type": "string", "default": "90-Day Guarantee" },
+      "trust_2": { "type": "string", "default": "Easy Returns" },
+      "trust_3": { "type": "string", "default": "Free Shipping" },
+      "fomo_mode": { "type": "string", "default": "both", "enum": ["discount", "scarcity", "both", "none"] },
+      "fomo_cycle_days": { "type": "number", "default": 30 },
+      "fomo_stock_count": { "type": "number", "default": 47 }
+    }
+  }
+}

package/modules/bundle-builder/sections/runwell-bundle-builder.liquid

@@ -0,0 +1,370 @@
+{{ 'runwell-bundle-builder.css' | asset_url | stylesheet_tag }}
+
+<div class="runwell-bundle-builder color-{{ section.settings.color_scheme }} section-{{ section.id }}-padding">
+  <div class="page-width">
+    <div class="runwell-bundle-builder__grid">
+      <div class="runwell-bundle-builder__media">
+        {%- assign gallery_images = section.blocks | where: "type", "gallery_image" -%}
+        {%- if gallery_images.size > 0 -%}
+          <div class="runwell-bundle-builder__slideshow" data-slideshow>
+            {%- for block in gallery_images -%}
+              <div class="runwell-bundle-builder__slide {% if forloop.first %}runwell-bundle-builder__slide--active{% endif %}" data-slide="{{ forloop.index0 }}" {{ block.shopify_attributes }}>
+                {%- if block.settings.image != blank -%}
+                  {{ block.settings.image | image_url: width: 800 | image_tag: class: 'runwell-bundle-builder__img', loading: forloop.first | default: 'eager', sizes: '(min-width: 990px) 50vw, 100vw' }}
+                {%- else -%}
+                  <div class="runwell-bundle-builder__img runwell-bundle-builder__img--placeholder" aria-label="Image placeholder"></div>
+                {%- endif -%}
+              </div>
+            {%- endfor -%}
+          </div>
+          <div class="runwell-bundle-builder__thumbnails" data-thumbnails>
+            {%- for block in gallery_images -%}
+              <button class="runwell-bundle-builder__thumb {% if forloop.first %}runwell-bundle-builder__thumb--active{% endif %}" data-thumb="{{ forloop.index0 }}" aria-label="View image {{ forloop.index }}">
+                {%- if block.settings.image != blank -%}
+                  {{ block.settings.image | image_url: width: 120, height: 120, crop: 'center' | image_tag: loading: 'lazy' }}
+                {%- else -%}
+                  <div class="runwell-bundle-builder__thumb-img runwell-bundle-builder__thumb-img--placeholder" aria-label="Thumbnail placeholder"></div>
+                {%- endif -%}
+              </button>
+            {%- endfor -%}
+          </div>
+        {%- else -%}
+          <div class="runwell-bundle-builder__slideshow runwell-bundle-builder__slideshow--empty" data-slideshow>
+            <div class="runwell-bundle-builder__slide runwell-bundle-builder__slide--active" data-slide="0">
+              {%- if section.settings.product.featured_image != blank -%}
+                {{ section.settings.product.featured_image | image_url: width: 800 | image_tag: class: 'runwell-bundle-builder__img', loading: 'eager', alt: section.settings.product.title }}
+              {%- else -%}
+                <div class="runwell-bundle-builder__img runwell-bundle-builder__img--placeholder" aria-label="Add gallery images via the section editor"></div>
+              {%- endif -%}
+            </div>
+          </div>
+        {%- endif -%}
+      </div>
+
+      <div class="runwell-bundle-builder__info">
+        {% if section.settings.show_rating %}
+          <div class="runwell-bundle-builder__rating">
+            <span class="runwell-bundle-builder__stars">&#9733;&#9733;&#9733;&#9733;&#9733;</span>
+            <span class="runwell-bundle-builder__rating-text">Rated {{ section.settings.rating_score }} ({{ section.settings.rating_count }} Reviews)</span>
+          </div>
+        {% endif %}
+
+        {% if section.settings.product != blank %}
+          <h2 class="runwell-bundle-builder__title h1">{{ section.settings.product.title }}</h2>
+        {% else %}
+          <h2 class="runwell-bundle-builder__title h1">{{ section.settings.heading }}</h2>
+        {% endif %}
+
+        {%- assign fomo_mode = section.settings.fomo_mode | default: 'none' -%}
+        {%- if fomo_mode != 'none' -%}
+          {%- comment -%} Dynamic FOMO deadline computation {%- endcomment -%}
+          {%- assign now_epoch = 'now' | date: '%s' | plus: 0 -%}
+          {%- assign cycle_seconds = section.settings.fomo_cycle_days | times: 86400 -%}
+          {%- assign cycle_position = now_epoch | modulo: cycle_seconds -%}
+          {%- assign remaining_seconds = cycle_seconds | minus: cycle_position -%}
+          {%- assign remaining_days = remaining_seconds | divided_by: 86400 -%}
+          {%- assign end_epoch = now_epoch | plus: remaining_seconds -%}
+          {%- assign end_date = end_epoch | date: '%B %e' -%}
+
+          <div class="runwell-bundle-builder__sale-heading">
+            <span class="runwell-bundle-builder__sale-line"></span>
+            <span class="runwell-bundle-builder__sale-text">
+              {%- if fomo_mode == 'discount' or fomo_mode == 'both' -%}
+                {{ section.settings.sale_prefix }}: Ends {{ end_date }}
+              {%- else -%}
+                {{ section.settings.sale_prefix }}
+              {%- endif -%}
+            </span>
+            <span class="runwell-bundle-builder__sale-line"></span>
+          </div>
+
+          <div class="runwell-bundle-builder__scarcity">
+            <span class="runwell-bundle-builder__scarcity-dot"></span>
+            Only {{ section.settings.fomo_stock_count }} left in stock
+          </div>
+        {%- elsif section.settings.sale_prefix != blank -%}
+          <div class="runwell-bundle-builder__sale-heading">
+            <span class="runwell-bundle-builder__sale-line"></span>
+            <span class="runwell-bundle-builder__sale-text">{{ section.settings.sale_prefix }}</span>
+            <span class="runwell-bundle-builder__sale-line"></span>
+          </div>
+        {%- endif -%}
+
+        <div class="runwell-bundle-builder__options">
+          {%- assign has_popular = false -%}
+          {%- for block in section.blocks -%}
+            {%- if block.type == 'bundle_option' and block.settings.popular -%}
+              {%- assign has_popular = true -%}
+            {%- endif -%}
+          {%- endfor -%}
+          {% for block in section.blocks %}
+            {% if block.type != 'bundle_option' %}{% continue %}{% endif %}
+            {%- assign is_selected = false -%}
+            {%- if has_popular and block.settings.popular -%}
+              {%- assign is_selected = true -%}
+            {%- elsif has_popular == false and forloop.first -%}
+              {%- assign is_selected = true -%}
+            {%- endif -%}
+            <label class="runwell-bundle-builder__option {% if block.settings.popular %}runwell-bundle-builder__option--popular{% endif %} {% if is_selected %}runwell-bundle-builder__option--selected{% endif %}" {{ block.shopify_attributes }}>
+              {% if block.settings.popular %}
+                <span class="runwell-bundle-builder__popular-badge">MOST POPULAR</span>
+              {% endif %}
+              <input type="radio" name="bundle-{{ section.id }}" value="{{ block.id }}" {% if is_selected %}checked{% endif %}>
+              <div class="runwell-bundle-builder__option-radio"></div>
+              <div class="runwell-bundle-builder__option-content">
+                <div class="runwell-bundle-builder__option-header">
+                  <span class="runwell-bundle-builder__option-title">{{ block.settings.title }}</span>
+                  <div class="runwell-bundle-builder__option-pricing">
+                    <span class="runwell-bundle-builder__option-price">${{ block.settings.price }}</span>
+                    {% if block.settings.compare_price != blank %}
+                      <span class="runwell-bundle-builder__option-compare">${{ block.settings.compare_price }}</span>
+                    {% endif %}
+                  </div>
+                </div>
+                <div class="runwell-bundle-builder__option-badges">
+                  {% if block.settings.savings != blank %}
+                    <span class="runwell-bundle-builder__badge runwell-bundle-builder__badge--save">SAVE ${{ block.settings.savings }}</span>
+                  {% endif %}
+                  {% if block.settings.free_shipping %}
+                    <span class="runwell-bundle-builder__badge runwell-bundle-builder__badge--shipping">FREE SHIPPING</span>
+                  {% endif %}
+                </div>
+                {% if block.settings.free_gift_text != blank %}
+                  <div class="runwell-bundle-builder__free-gift">
+                    <span class="runwell-bundle-builder__gift-icon">&#127873;</span>
+                    <span>{{ block.settings.free_gift_text }}</span>
+                  </div>
+                {% endif %}
+              </div>
+            </label>
+          {% endfor %}
+        </div>
+
+        <div class="runwell-bundle-builder__atc-wrap">
+          <button class="runwell-bundle-builder__atc button" type="button" data-atc>
+            <span class="runwell-bundle-builder__atc-text">ADD TO CART</span>
+            <span class="runwell-bundle-builder__atc-loading" style="display:none;">Adding...</span>
+          </button>
+        </div>
+
+        {% if section.settings.show_trust_badges %}
+          <div class="runwell-bundle-builder__trust">
+            <span>&#9989; {{ section.settings.trust_1 }}</span>
+            <span>&#9989; {{ section.settings.trust_2 }}</span>
+            <span>&#9989; {{ section.settings.trust_3 }}</span>
+          </div>
+        {% endif %}
+      </div>
+    </div>
+  </div>
+</div>
+
+<script>
+  /* Bundle option selection */
+  document.querySelectorAll('.runwell-bundle-builder__option').forEach(option => {
+    option.addEventListener('click', function() {
+      this.closest('.runwell-bundle-builder__options').querySelectorAll('.runwell-bundle-builder__option').forEach(o => o.classList.remove('runwell-bundle-builder__option--selected'));
+      this.classList.add('runwell-bundle-builder__option--selected');
+      this.querySelector('input').checked = true;
+    });
+  });
+
+  /* Thumbnail slideshow */
+  document.querySelectorAll('[data-thumbnails]').forEach(container => {
+    container.querySelectorAll('[data-thumb]').forEach(thumb => {
+      thumb.addEventListener('click', function() {
+        const idx = this.dataset.thumb;
+        const section = this.closest('.runwell-bundle-builder');
+        section.querySelectorAll('.runwell-bundle-builder__slide').forEach(s => s.classList.remove('runwell-bundle-builder__slide--active'));
+        section.querySelectorAll('.runwell-bundle-builder__thumb').forEach(t => t.classList.remove('runwell-bundle-builder__thumb--active'));
+        section.querySelector('[data-slide="' + idx + '"]').classList.add('runwell-bundle-builder__slide--active');
+        this.classList.add('runwell-bundle-builder__thumb--active');
+      });
+    });
+  });
+
+  /* Add to Cart (Shopify Ajax API) */
+  document.querySelectorAll('[data-atc]').forEach(btn => {
+    btn.addEventListener('click', function() {
+      const section = this.closest('.runwell-bundle-builder');
+      const selected = section.querySelector('.runwell-bundle-builder__option--selected');
+      if (!selected) return;
+
+      const title = selected.querySelector('.runwell-bundle-builder__option-title');
+      const qtyMatch = title ? title.textContent.match(/^(\d+)x/) : null;
+      const qty = qtyMatch ? parseInt(qtyMatch[1]) : 1;
+
+      const textEl = this.querySelector('.runwell-bundle-builder__atc-text');
+      const loadEl = this.querySelector('.runwell-bundle-builder__atc-loading');
+      textEl.style.display = 'none';
+      loadEl.style.display = 'inline';
+      this.disabled = true;
+
+      fetch('/cart/add.js', {
+        method: 'POST',
+        headers: { 'Content-Type': 'application/json' },
+        body: JSON.stringify({ items: [{ id: {{ section.settings.product.selected_or_first_available_variant.id | default: 0 }}, quantity: qty }] })
+      })
+      .then(r => r.json())
+      .then(() => {
+        textEl.textContent = 'ADDED!';
+        textEl.style.display = 'inline';
+        loadEl.style.display = 'none';
+        setTimeout(() => {
+          textEl.textContent = 'ADD TO CART';
+          this.disabled = false;
+        }, 2000);
+      })
+      .catch(() => {
+        textEl.textContent = 'ADD TO CART';
+        textEl.style.display = 'inline';
+        loadEl.style.display = 'none';
+        this.disabled = false;
+      });
+    });
+  });
+</script>
+
+{% schema %}
+{
+  "name": "Runwell Bundle Builder",
+  "tag": "section",
+  "class": "section-runwell-bundle-builder",
+  "settings": [
+    {
+      "type": "product",
+      "id": "product",
+      "label": "Product"
+    },
+    {
+      "type": "text",
+      "id": "heading",
+      "label": "Heading (fallback)",
+      "default": "Build your bundle"
+    },
+    {
+      "type": "text",
+      "id": "sale_prefix",
+      "label": "Sale heading prefix",
+      "default": "Limited time offer"
+    },
+    {
+      "type": "select",
+      "id": "fomo_mode",
+      "label": "FOMO mode",
+      "options": [
+        { "value": "discount", "label": "Discount deadline" },
+        { "value": "scarcity", "label": "Stock scarcity" },
+        { "value": "both", "label": "Both" },
+        { "value": "none", "label": "None (static heading)" }
+      ],
+      "default": "both"
+    },
+    {
+      "type": "range",
+      "id": "fomo_cycle_days",
+      "label": "FOMO cycle (days)",
+      "min": 7,
+      "max": 90,
+      "step": 1,
+      "default": 30,
+      "unit": "d"
+    },
+    {
+      "type": "range",
+      "id": "fomo_stock_count",
+      "label": "Stock scarcity count",
+      "min": 5,
+      "max": 100,
+      "step": 1,
+      "default": 47,
+      "unit": "qty"
+    },
+    {
+      "type": "checkbox",
+      "id": "show_rating",
+      "label": "Show star rating",
+      "default": true
+    },
+    {
+      "type": "text",
+      "id": "rating_score",
+      "label": "Rating score",
+      "default": "4.8/5"
+    },
+    {
+      "type": "text",
+      "id": "rating_count",
+      "label": "Rating count",
+      "default": "2,400+"
+    },
+    {
+      "type": "checkbox",
+      "id": "show_trust_badges",
+      "label": "Show trust badges",
+      "default": true
+    },
+    { "type": "text", "id": "trust_1", "label": "Trust badge 1", "default": "90-Day Guarantee" },
+    { "type": "text", "id": "trust_2", "label": "Trust badge 2", "default": "Easy Returns" },
+    { "type": "text", "id": "trust_3", "label": "Trust badge 3", "default": "Free Shipping" },
+    {
+      "type": "color_scheme",
+      "id": "color_scheme",
+      "label": "Color scheme",
+      "default": "scheme-1"
+    },
+    {
+      "type": "range",
+      "id": "padding_top",
+      "label": "Top padding",
+      "min": 0, "max": 100, "step": 4, "default": 40, "unit": "px"
+    },
+    {
+      "type": "range",
+      "id": "padding_bottom",
+      "label": "Bottom padding",
+      "min": 0, "max": 100, "step": 4, "default": 40, "unit": "px"
+    }
+  ],
+  "blocks": [
+    {
+      "type": "gallery_image",
+      "name": "Gallery image",
+      "settings": [
+        { "type": "image_picker", "id": "image", "label": "Image" },
+        { "type": "text", "id": "alt", "label": "Alt text", "default": "Product image" }
+      ]
+    },
+    {
+      "type": "bundle_option",
+      "name": "Bundle option",
+      "settings": [
+        { "type": "text", "id": "title", "label": "Title (e.g. \"1x Product\")", "default": "1x Product" },
+        { "type": "text", "id": "price", "label": "Price", "default": "24.99" },
+        { "type": "text", "id": "compare_price", "label": "Compare at price", "default": "49.99" },
+        { "type": "text", "id": "savings", "label": "Savings amount", "default": "25.00" },
+        { "type": "checkbox", "id": "free_shipping", "label": "Free shipping badge", "default": false },
+        { "type": "checkbox", "id": "popular", "label": "Most popular (highlighted)", "default": false },
+        { "type": "text", "id": "free_gift_text", "label": "Free gift text" }
+      ]
+    }
+  ],
+  "presets": [
+    {
+      "name": "Runwell Bundle Builder",
+      "blocks": [
+        { "type": "bundle_option", "settings": { "title": "1x Product", "price": "24.99", "compare_price": "49.99", "savings": "25.00", "free_shipping": false, "popular": false } },
+        { "type": "bundle_option", "settings": { "title": "2x Product", "price": "39.99", "compare_price": "99.98", "savings": "59.99", "free_shipping": true, "popular": true } },
+        { "type": "bundle_option", "settings": { "title": "3x Product", "price": "59.99", "compare_price": "149.97", "savings": "89.98", "free_shipping": true, "popular": false, "free_gift_text": "+ Free gift with purchase" } }
+      ]
+    }
+  ]
+}
+{% endschema %}
+
+<style>
+  .section-{{ section.id }}-padding {
+    padding-top: {{ section.settings.padding_top }}px;
+    padding-bottom: {{ section.settings.padding_bottom }}px;
+  }
+</style>

package/modules/comparison-table/module.json

@@ -1,50 +1,39 @@
 {
   "name": "comparison-table",
-  "version": "0.1.0",
+  "version": "0.2.0",
   "category": "pdp",
-  "description": "Lushi comparison table module migrated from Lushi.",
-  "files": {
-    "sections": [
-      "sections/runwell-comparison-table.liquid"
-    ]
-  },
+  "description": "Comparison table section. Two visual treatments: feature-columns (default) renders columns as Theme Editor blocks with a single textarea of pipe-delimited rows; feature-rows renders one Theme Editor block per comparison row in a 'us vs them' shape with two fixed brand columns. Replaces app-driven comparison widgets.",
+  "default_variant": "feature-columns",
   "config": {
     "schema": {
-      "eyebrow": {
-        "type": "string",
-        "default": "Compared",
-        "label": "Eyebrow"
-      },
-      "heading": {
-        "type": "string",
-        "default": "How it stacks up.",
-        "label": "Heading"
-      },
-      "lede": {
-        "type": "string",
-        "default": "We do not stock everything; here is what makes this one earn the spot.",
-        "label": "Lede"
-      },
-      "row_label_header": {
-        "type": "string",
-        "default": "What you get",
-        "label": "Row label header"
-      },
-      "rows": {
-        "type": "string",
-        "default": "Bioavailable form|yes|no|no\nDose matches research|yes|no|no\nThird-party tested|yes|yes|no\nClean ingredient deck|yes|no|no\nTransparent sourcing|yes|no|yes",
-        "label": "Rows"
+      "eyebrow": { "type": "string", "default": "Compared", "label": "Eyebrow" },
+      "heading": { "type": "string", "default": "How it stacks up.", "label": "Heading" },
+      "lede": { "type": "string", "default": "We do not stock everything; here is what makes this one earn the spot.", "label": "Lede" },
+      "background_color": { "type": "string", "default": "#F5F0EE", "label": "Background color" },
+      "text_color": { "type": "string", "default": "#0B3D38", "label": "Text color" }
+    }
+  },
+  "variants": {
+    "feature-columns": {
+      "description": "Theme Editor blocks are columns (e.g. Lushi pick / Drugstore / Hype brand). Rows come from a textarea (pipe-delimited). Best when comparing many products across the same attributes.",
+      "files": {
+        "sections": ["variants/feature-columns/sections/runwell-comparison-table.liquid"]
       },
-      "background_color": {
-        "type": "string",
-        "default": "#F5F0EE",
-        "label": "Background color"
+      "config_extra": {
+        "row_label_header": { "type": "string", "default": "What you get", "label": "Row label header" },
+        "rows": { "type": "string", "default": "Bioavailable form|yes|no|no\nDose matches research|yes|no|no\nThird-party tested|yes|yes|no\nClean ingredient deck|yes|no|no\nTransparent sourcing|yes|no|yes", "label": "Rows (pipe-delimited)" }
+      }
+    },
+    "feature-rows": {
+      "description": "Theme Editor blocks are rows (one per feature). Two fixed columns: your brand vs one competitor. Best for 'us vs them' positioning on PDP or landing pages.",
+      "files": {
+        "sections": ["variants/feature-rows/sections/runwell-comparison-table.liquid"]
       },
-      "text_color": {
-        "type": "string",
-        "default": "#0B3D38",
-        "label": "Text color"
+      "config_extra": {
+        "feature_label": { "type": "string", "default": "Feature", "label": "Feature column label" },
+        "brand_name": { "type": "string", "default": "Us", "label": "Your brand name" },
+        "competitor_name": { "type": "string", "default": "Traditional", "label": "Competitor name" }
       }
     }
   }
-}
+}

package/modules/comparison-table/variants/feature-rows/sections/runwell-comparison-table.liquid

@@ -0,0 +1,143 @@
+{%- comment -%}
+  Comparison table, feature-rows variant. Each Theme Editor block is one
+  comparison row (feature + ours + theirs). Use when the brand wants a
+  "us vs them" pattern with a small fixed competitor set.
+  Original shape ported from Lusha (guabrasha-store/sections/comparison-table.liquid).
+{%- endcomment -%}
+
+<section
+  class="runwell-comparison runwell-comparison--feature-rows"
+  style="background: {{ section.settings.background_color }}; color: {{ section.settings.text_color }};"
+>
+  <div style="max-width: 1200px; margin: 0 auto; padding: clamp(3rem, 6vw, 5rem) 6vw;">
+    {%- if section.settings.eyebrow != blank -%}
+      <div style="font-family: var(--font-body-family); font-size: 0.78rem; font-weight: 700; letter-spacing: 0.2em; text-transform: uppercase; opacity: 0.65; margin-bottom: 0.6rem; text-align: center;">
+        {{ section.settings.eyebrow }}
+      </div>
+    {%- endif -%}
+
+    {%- if section.settings.heading != blank -%}
+      <h2 style="font-family: var(--font-heading-family); font-style: italic; font-weight: 400; font-size: clamp(1.8rem, 3.2vw, 2.6rem); line-height: 1.1; margin: 0 auto 1rem; max-width: 24ch; text-align: center;">
+        {{ section.settings.heading }}
+      </h2>
+    {%- endif -%}
+
+    {%- if section.settings.lede != blank -%}
+      <p style="font-family: var(--font-body-family); font-size: 1rem; line-height: 1.65; max-width: 60ch; opacity: 0.85; margin: 0 auto 2rem; text-align: center;">
+        {{ section.settings.lede }}
+      </p>
+    {%- endif -%}
+
+    {%- if section.blocks.size > 0 -%}
+      <div style="overflow-x: auto;">
+        <table style="width: 100%; border-collapse: collapse; min-width: 520px; font-family: var(--font-body-family); font-size: 0.95rem;">
+          <thead>
+            <tr>
+              <th style="text-align: left; padding: 0.9rem 1rem 0.9rem 0; font-family: var(--font-body-family); font-size: 0.72rem; font-weight: 700; letter-spacing: 0.18em; text-transform: uppercase; opacity: 0.6; vertical-align: bottom; border-bottom: 2px solid currentColor;">
+                {{ section.settings.feature_label }}
+              </th>
+              <th style="text-align: center; padding: 0.9rem 1rem; vertical-align: bottom; border-bottom: 2px solid currentColor;">
+                <div style="font-family: var(--font-heading-family); font-style: italic; font-weight: 400; font-size: 1.15rem; line-height: 1.2;">
+                  {{ section.settings.brand_name }}
+                </div>
+              </th>
+              <th style="text-align: center; padding: 0.9rem 1rem; vertical-align: bottom; border-bottom: 2px solid currentColor;">
+                <div style="font-family: var(--font-heading-family); font-style: italic; font-weight: 400; font-size: 1.15rem; line-height: 1.2; opacity: 0.7;">
+                  {{ section.settings.competitor_name }}
+                </div>
+              </th>
+            </tr>
+          </thead>
+          <tbody>
+            {%- for block in section.blocks -%}
+              <tr {{ block.shopify_attributes }}>
+                <td style="padding: 0.9rem 1rem 0.9rem 0; vertical-align: top; border-bottom: 1px solid rgba(0,0,0,0.08); font-weight: 600;">
+                  {{ block.settings.feature }}
+                </td>
+                <td style="padding: 0.9rem 1rem; vertical-align: top; border-bottom: 1px solid rgba(0,0,0,0.08); text-align: center;">
+                  {%- if block.settings.ours == 'yes' -%}
+                    <span style="display: inline-block; min-width: 1.6rem; font-weight: 700; color: var(--runwell-rain-forrest, currentColor);">&check;</span>
+                  {%- elsif block.settings.ours == 'no' -%}
+                    <span style="display: inline-block; min-width: 1.6rem; opacity: 0.4;">&times;</span>
+                  {%- else -%}
+                    <span style="opacity: 0.92;">{{ block.settings.ours_text }}</span>
+                  {%- endif -%}
+                </td>
+                <td style="padding: 0.9rem 1rem; vertical-align: top; border-bottom: 1px solid rgba(0,0,0,0.08); text-align: center;">
+                  {%- if block.settings.theirs == 'yes' -%}
+                    <span style="display: inline-block; min-width: 1.6rem; font-weight: 700; opacity: 0.6;">&check;</span>
+                  {%- elsif block.settings.theirs == 'no' -%}
+                    <span style="display: inline-block; min-width: 1.6rem; opacity: 0.4;">&times;</span>
+                  {%- else -%}
+                    <span style="opacity: 0.7;">{{ block.settings.theirs_text }}</span>
+                  {%- endif -%}
+                </td>
+              </tr>
+            {%- endfor -%}
+          </tbody>
+        </table>
+      </div>
+    {%- endif -%}
+  </div>
+</section>
+
+{% schema %}
+{
+  "name": "Runwell comparison (rows)",
+  "tag": "section",
+  "class": "section-runwell-comparison-rows",
+  "settings": [
+    { "type": "text", "id": "eyebrow", "label": "Eyebrow", "default": "Compared" },
+    { "type": "text", "id": "heading", "label": "Heading", "default": "How it stacks up." },
+    { "type": "textarea", "id": "lede", "label": "Lede" },
+    { "type": "text", "id": "feature_label", "label": "Feature column label", "default": "Feature" },
+    { "type": "text", "id": "brand_name", "label": "Your brand name", "default": "Us" },
+    { "type": "text", "id": "competitor_name", "label": "Competitor name", "default": "Traditional" },
+    { "type": "color", "id": "background_color", "label": "Background", "default": "#F5F0EE" },
+    { "type": "color", "id": "text_color", "label": "Text", "default": "#0B3D38" }
+  ],
+  "blocks": [
+    {
+      "type": "row",
+      "name": "Comparison row",
+      "settings": [
+        { "type": "text", "id": "feature", "label": "Feature" },
+        {
+          "type": "select",
+          "id": "ours",
+          "label": "Your brand",
+          "options": [
+            { "value": "yes", "label": "Yes" },
+            { "value": "no", "label": "No" },
+            { "value": "custom", "label": "Custom text" }
+          ],
+          "default": "yes"
+        },
+        { "type": "text", "id": "ours_text", "label": "Custom text (yours)" },
+        {
+          "type": "select",
+          "id": "theirs",
+          "label": "Competitor",
+          "options": [
+            { "value": "yes", "label": "Yes" },
+            { "value": "no", "label": "No" },
+            { "value": "custom", "label": "Custom text" }
+          ],
+          "default": "no"
+        },
+        { "type": "text", "id": "theirs_text", "label": "Custom text (theirs)" }
+      ]
+    }
+  ],
+  "presets": [
+    {
+      "name": "Runwell comparison (rows)",
+      "blocks": [
+        { "type": "row", "settings": { "feature": "Bioavailable form", "ours": "yes", "theirs": "no" } },
+        { "type": "row", "settings": { "feature": "Third-party tested", "ours": "yes", "theirs": "no" } },
+        { "type": "row", "settings": { "feature": "Transparent sourcing", "ours": "yes", "theirs": "no" } }
+      ]
+    }
+  ]
+}
+{% endschema %}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@runwell/shopify-toolkit",
-  "version": "0.2.0",
+  "version": "0.4.0",
   "description": "Reusable Shopify theme modules from Runwell. Replaces typically app-driven features (reviews, wishlist, urgency, FAQ, post-purchase upsell, exit popups, free-ship progress, sticky ATC, testimonials, badges, bundles) with native Liquid + JS + CSS that ship across multiple client themes via a config-driven sync CLI.",
   "type": "module",
   "main": "lib/index.js",