@gemboss/gem-framework 0.4.0

package/dist/section-gate.js

@@ -0,0 +1,1199 @@
+// ../../packages/gem-framework/src/tokens.ts
+var GEM_FOCUS_RING_CSS_VAR = "--gem-focus-ring: 2px solid var(--gem-color-accent);";
+var GEM_TAP_MIN_CSS_VAR = "--gem-tap-min: 44px;";
+var GEM_ROW_CSS_VARIABLES = [
+  "--gem-row-cols",
+  "--gem-row-cols-md",
+  "--gem-row-cols-sm",
+  "--gem-row-tracks",
+  "--gem-row-tracks-md",
+  "--gem-row-tracks-sm",
+  "--gem-row-gap",
+  "--gem-row-gap-y"
+];
+var requiredGemTokenKeys = {
+  color: ["background", "surface", "text", "muted", "accent", "accentText", "border", "success", "warning", "danger"],
+  typography: ["body", "heading", "mono"],
+  spacing: ["xs", "sm", "md", "lg", "xl", "2xl", "3xl"],
+  radius: ["sm", "md", "lg", "pill"],
+  border: ["subtle", "strong"],
+  shadow: ["sm", "md"],
+  motion: ["duration", "easing"],
+  layout: ["page", "gutter", "section"],
+  component: ["headerHeight", "cardPadding", "buttonPaddingInline", "buttonPaddingBlock", "inputHeight"],
+  morphology: ["campaignDensity", "mediaRhythm", "proofIntensity", "commerceEmphasis", "policyTone"]
+};
+function gemTypeRampCssVars() {
+  return [
+    "--gem-type-base: 1rem;",
+    "--gem-type-scale: 1.22;",
+    "--gem-text-sm: calc(var(--gem-type-base) / var(--gem-type-scale));",
+    "--gem-body: var(--gem-type-base);",
+    "--gem-h6: calc(var(--gem-type-base) * var(--gem-type-scale));",
+    "--gem-h5: calc(var(--gem-h6) * var(--gem-type-scale));",
+    "--gem-h4: calc(var(--gem-h5) * var(--gem-type-scale));",
+    "--gem-h3: calc(var(--gem-h4) * var(--gem-type-scale));",
+    "--gem-h2: calc(var(--gem-h3) * var(--gem-type-scale));",
+    "--gem-h1: calc(var(--gem-h2) * var(--gem-type-scale));"
+  ];
+}
+function slugify(value) {
+  return value.replace(/([a-z0-9])([A-Z])/g, "$1-$2").toLowerCase().replace(/[^a-z0-9]+/g, "-").replace(/^-+|-+$/g, "");
+}
+
+// ../../packages/gem-framework/src/manifest.ts
+var gemFrameworkPrimitiveGroups = [
+  {
+    group: "layout",
+    // `gem-product-grid` is the shared product-card grid six sections lay their cards out on
+    // (featured-collection, product-card-grid, product-bundle, recently-viewed, and both
+    // recommended-products variants). It is styled once, globally, in the headless storefront —
+    // it was never section-scoped — but it had no entry here, so every section using it failed
+    // markup validation with `gem_framework_unknown_gem_class`.
+    // `gem-row` is the column primitive (primitives.ts GEM_ROW_CSS): counts and ratios per breakpoint
+    // through --gem-row-* variables, shared by section CSS and the element-tree Row.
+    classes: ["gem-container", "gem-stack", "gem-cluster", "gem-grid", "gem-row", "gem-product-grid"]
+  },
+  {
+    group: "actions",
+    classes: ["gem-button", "gem-button--primary", "gem-button--secondary", "gem-button--soft", "gem-button--link"]
+  },
+  {
+    group: "surfaces",
+    classes: ["gem-card", "gem-media", "gem-badge", "gem-accordion", "gem-divider"]
+  },
+  {
+    group: "forms",
+    classes: [
+      "gem-form-field",
+      "gem-input",
+      "gem-checkbox",
+      "gem-select",
+      "gem-textarea",
+      "gem-submit",
+      "gem-newsletter-form"
+    ]
+  },
+  {
+    group: "content",
+    classes: [
+      "gem-heading",
+      "gem-text",
+      // Centred, max-width reading column for long-form copy — styled globally in the headless
+      // storefront alongside gem-section__ctas.
+      "gem-prose",
+      "gem-icon",
+      "gem-icon-list",
+      "gem-icon-list__item",
+      "gem-video",
+      "gem-marquee",
+      "gem-marquee__track",
+      "gem-marquee__viewport",
+      "gem-marquee--reverse",
+      "gem-carousel",
+      "gem-carousel__viewport",
+      "gem-carousel__track",
+      "gem-carousel__slide",
+      "gem-carousel__controls",
+      "gem-article-card",
+      "gem-article-card__media",
+      "gem-article-card__meta",
+      "gem-article-card__title",
+      "gem-article-card__excerpt",
+      "gem-article-card__content",
+      // measured editorial atoms mapped by parts.ts (GEM_PART_CLASS) — styled primitives a gemcapture
+      // rebuild pours copy into; declared here so they don't read as unknown_gem_class.
+      "gem-pull-quote",
+      "gem-byline",
+      "gem-disclaimer",
+      "gem-subhead"
+    ]
+  },
+  {
+    group: "commerce",
+    classes: [
+      "gem-richtext",
+      "gem-price",
+      // BEM children + state of primitives that createPrimitiveCss ALREADY styles and runtime.ts / parts.ts
+      // already emit (parts.ts: compare_at_price → gem-price__compare, rating → gem-stars). Styled but
+      // unregistered, so a section using the framework's own price / stars / quantity markup failed
+      // `gem_framework_unknown_gem_class` — and at stable that warning is an error. Measured 28/09/2026
+      // porting four designlab (now gemlabs-gemfactory) sections: 75 warnings, every one of them a class/var this package defines.
+      "gem-price__regular",
+      "gem-price__compare",
+      "gem-price__unit",
+      "gem-price--on-sale",
+      "gem-rating",
+      "gem-proof",
+      "gem-product-card",
+      "gem-product-card__media",
+      // The framework's own CSS styles this (primitives.ts) and the Shopify adapter emits it, so it was a
+      // primitive everywhere except the list that decides what a primitive is. A section using it was
+      // refused by the validator for using a class the framework itself ships.
+      "gem-product-card__placeholder",
+      "gem-product-card__title",
+      "gem-product-card__price",
+      "gem-product-card__badges",
+      // Styled in primitives.ts alongside its siblings, but never listed here — so a section using
+      // it (product-card-grid.quick-view-grid) failed the gem-namespace check for a class the
+      // framework itself ships.
+      "gem-product-card__content",
+      "gem-product-card__quick-actions",
+      "gem-product-card__rating",
+      "gem-product-card__vendor",
+      "gem-product-card__description",
+      "gem-product-card__swatches",
+      "gem-product-card__secondary-image",
+      "gem-product-card--sold-out",
+      "gem-product-meta",
+      "gem-product-meta__item",
+      "gem-product-meta__label",
+      "gem-product-meta__value",
+      "gem-product-grid",
+      "gem-variant-picker",
+      "gem-swatch",
+      "gem-quantity-selector",
+      // What the quantity-input runtime plugin binds to (`[data-gem-quantity-input], .gem-quantity-input`).
+      "gem-quantity-input",
+      "gem-quantity-input__button",
+      "gem-quantity-input__field",
+      // What the media-gallery runtime plugin binds to (`.gem-product-media-gallery`).
+      "gem-product-media-gallery",
+      "gem-product-media-gallery__frame",
+      "gem-product-media-gallery__item",
+      "gem-product-media-gallery__thumbs",
+      "gem-product-media-gallery__thumb",
+      "gem-sticky-atc",
+      "gem-promo-banner",
+      "gem-promo-tile",
+      "gem-trust-list",
+      "gem-tabs",
+      "gem-breadcrumbs",
+      "gem-filter-bar",
+      "gem-drawer",
+      "gem-modal",
+      "gem-copy-code",
+      "gem-delivery-date",
+      "gem-stock-indicator",
+      "gem-popup",
+      "gem-back-to-top",
+      // measured commerce atoms mapped by parts.ts (GEM_PART_CLASS) alongside gem-price/gem-badge.
+      "gem-discount",
+      "gem-stars",
+      "gem-stars__base",
+      "gem-stars__fill",
+      "gem-review-count",
+      // The cart line: primitives.ts styles it (grid, media, details, meta, price, and the drawer's
+      // two-column override), and the Shopify adapter renders it inside SECTIONS
+      // (snippets/gem-cart-line-item.liquid in gem-cart-main-line-items and gem-main-order), yet it
+      // was never listed. GemFactory's cart-drawer used the framework's own line markup and got 9
+      // unknown_gem_class warnings; renaming it to a section-scoped class silenced them and dropped the
+      // framework layout (measured 28/09/2026: the screenshot changed). __variant / __plan are emitted
+      // by the adapter but not styled.
+      "gem-cart-line-item",
+      "gem-cart-line-item__media",
+      "gem-cart-line-item__details",
+      "gem-cart-line-item__title",
+      "gem-cart-line-item__variant",
+      "gem-cart-line-item__plan",
+      "gem-cart-line-item__meta",
+      "gem-cart-line-item__remove",
+      "gem-cart-line-item__quantity",
+      "gem-cart-line-item__price"
+    ]
+  },
+  {
+    group: "sections",
+    classes: [
+      "gem-section",
+      "gem-section__inner",
+      "gem-section__content",
+      "gem-section__eyebrow",
+      "gem-section__heading",
+      "gem-section__body",
+      // The header block above a section's body, and its two variants. Styled in the SHARED bridge
+      // stylesheet (`gem-dawn-bridge.css`, right beside `gem-section__body` which was already here)
+      // and used by 51 shipping Liquid sections — so it belongs to no single section and cannot be
+      // section-scoped. It was simply never added: this list enumerates BEM children by hand, and
+      // three of the seven `gem-section__*` classes the bridge styles had drifted off it. Sections
+      // using the framework correctly were failing promotion for it.
+      "gem-section__header",
+      "gem-section__header--center",
+      "gem-section__subheading",
+      "gem-section__grid",
+      // The CTA row under a section's copy. Styled globally in the headless storefront
+      // (`.gem-section__ctas`, plus an `:empty` rule), never section-scoped.
+      "gem-section__ctas",
+      // Model B: the shell modifier SectionTreeView puts on a section whose body is an element tree
+      // rather than a vendored component. One shared modifier for every such section, so it is a
+      // primitive here and could never be section-scoped.
+      "gem-section--elements"
+    ]
+  },
+  {
+    group: "shell",
+    classes: [
+      "gem-shell-header",
+      "gem-shell-header--sticky",
+      "gem-shell-header--editorial",
+      "gem-shell-header--search-led",
+      "gem-shell-header--mega-menu",
+      "gem-shell-header--split-nav",
+      "gem-shell-header--marketplace",
+      "gem-shell-header--promo-stack",
+      "gem-shell-header--sticky-search",
+      "gem-shell-header__announcement",
+      "gem-shell-header__utility",
+      "gem-shell-header__inner",
+      "gem-shell-header__logo",
+      "gem-shell-header__nav",
+      "gem-shell-header__nav--editorial",
+      "gem-shell-header__nav--mega",
+      "gem-shell-header__actions",
+      "gem-shell-header__action--search",
+      "gem-shell-header__action--cart",
+      "gem-shell-header__mega",
+      "gem-shell-header__departments",
+      "gem-shell-header__promo-stack",
+      "gem-shell-header__editorial-note",
+      "gem-shell-header__search",
+      "gem-shell-header__search--sticky",
+      "gem-shell-footer",
+      "gem-shell-footer--sitemap",
+      "gem-shell-footer--support-first",
+      "gem-shell-footer--community",
+      "gem-shell-footer--localization-rich",
+      "gem-shell-footer__inner",
+      "gem-shell-footer__newsletter",
+      "gem-shell-footer__grid",
+      "gem-shell-footer__story",
+      "gem-shell-footer__compliance",
+      "gem-shell-footer__offer",
+      "gem-shell-footer__support",
+      "gem-shell-footer__community",
+      "gem-shell-footer__markets",
+      "gem-shell-footer__trust"
+    ]
+  },
+  {
+    group: "utilities",
+    classes: [
+      "gem-u-hidden",
+      "gem-u-visually-hidden",
+      "gem-u-center",
+      "gem-u-muted",
+      "gem-u-surface",
+      "gem-u-accent",
+      "gem-u-stack-sm",
+      "gem-u-stack-md",
+      "gem-u-stack-lg"
+      // gem-u-grid-2/3/4 removed 28/09/2026: no section, theme or renderer in the fleet used them
+      // (gemtheme, gemsite, gemboss, gemcapture, GemFactory: 0), and they could not work alone — a
+      // grid-template with no display:grid, no gap and one breakpoint. Columns are `gem-row` now.
+    ]
+  }
+];
+var gemFrameworkValidationRules = [
+  { code: "legacy_gs_class", severity: "error", surface: "artifact" },
+  { code: "non_gem_class", severity: "error", surface: "artifact" },
+  { code: "unknown_gem_class", severity: "warn", surface: "artifact" },
+  { code: "unknown_gem_css_variable", severity: "warn", surface: "css" },
+  { code: "untokenized_visual_value", severity: "warn", surface: "css" },
+  { code: "missing_data_gem_marker", severity: "warn", surface: "markup" },
+  { code: "inline_script", severity: "error", surface: "runtime" },
+  { code: "external_dependency", severity: "error", surface: "runtime" }
+];
+
+// ../../packages/gem-framework/src/primitives.ts
+var dividerMask = (path) => `url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 10' preserveAspectRatio='none'%3E%3Cpath fill='%23fff' d='${path}'/%3E%3C/svg%3E")`;
+var spikePath = (() => {
+  const teeth = [];
+  for (let x = 95; x > 0; x -= 5) teeth.push(`L${x} ${teeth.length % 2 === 0 ? 10 : 3}`);
+  return `M0 0 H100 V3 ${teeth.join(" ")} L0 ${teeth.length % 2 === 0 ? 10 : 3} Z`;
+})();
+var DIVIDER_SHAPES = {
+  wave: "M0 0 H100 V3 C80 9 70 -1 50 4 C30 9 20 1 0 4 Z",
+  slope: "M0 0 H100 V10 Z",
+  spikes: spikePath,
+  arch: "M0 0 H100 V2 Q50 12 0 2 Z",
+  blob: "M0 0 H100 V4 C85 11 72 0 58 5 C44 10 30 2 16 6 C10 8 5 5 0 6 Z"
+};
+var GEM_DIVIDER_CSS_LINES = [
+  // The clip is WIDENED, not removed. `.gem-section` sets `overflow: clip` and the wedge is drawn
+  // at `top: 100%` / `bottom: 100%` — entirely outside the box — so the parent deleted every
+  // divider on every track. Measured on the live storefront 2026-08-25: a band with the documented
+  // `data-gem-section-background="dark"` + `data-gem-divider-bottom="wave"` rendered a FLAT edge,
+  // while the attribute, the rule and the fallback colour were all present and correct.
+  // NOT `overflow: visible`: `.gem-hero` uses the clip to hold its own border-radius, so releasing
+  // it entirely would paint square corners over that radius. A browser without
+  // `overflow-clip-margin` keeps plain `clip` — the divider stays hidden, which is today's
+  // behaviour rather than a broken layout.
+  ":is(.gem-section, .gem-hero, .gem-hero-split, .gem-hero-collage, .gem-hero-triptych, .gem-slideshow, .gem-footer)[data-gem-divider-top], :is(.gem-section, .gem-hero, .gem-hero-split, .gem-hero-collage, .gem-hero-triptych, .gem-slideshow, .gem-footer)[data-gem-divider-bottom] { position: relative; overflow: clip; overflow-clip-margin: var(--gem-divider-height, 48px); }",
+  // Shared geometry. `top: 100%` / `bottom: 100%` put it outside the box; z-index 1 keeps it above the
+  // neighbouring band's background. pointer-events: none so it never eats a click near the seam.
+  // Qualified by SHAPE. Unqualified, any value paints a solid 48px slab — including the literal
+  // "none", which the attribute writer forwards unchanged. The clip used to hide that; widening
+  // it above makes a stray value visible.
+  ":is(.gem-section, .gem-hero, .gem-hero-split, .gem-hero-collage, .gem-hero-triptych, .gem-slideshow, .gem-footer)[data-gem-divider-bottom='wave']::after, :is(.gem-section, .gem-hero, .gem-hero-split, .gem-hero-collage, .gem-hero-triptych, .gem-slideshow, .gem-footer)[data-gem-divider-bottom='slope']::after, :is(.gem-section, .gem-hero, .gem-hero-split, .gem-hero-collage, .gem-hero-triptych, .gem-slideshow, .gem-footer)[data-gem-divider-bottom='spikes']::after, :is(.gem-section, .gem-hero, .gem-hero-split, .gem-hero-collage, .gem-hero-triptych, .gem-slideshow, .gem-footer)[data-gem-divider-bottom='arch']::after, :is(.gem-section, .gem-hero, .gem-hero-split, .gem-hero-collage, .gem-hero-triptych, .gem-slideshow, .gem-footer)[data-gem-divider-bottom='blob']::after, :is(.gem-section, .gem-hero, .gem-hero-split, .gem-hero-collage, .gem-hero-triptych, .gem-slideshow, .gem-footer)[data-gem-divider-top='wave']::before, :is(.gem-section, .gem-hero, .gem-hero-split, .gem-hero-collage, .gem-hero-triptych, .gem-slideshow, .gem-footer)[data-gem-divider-top='slope']::before, :is(.gem-section, .gem-hero, .gem-hero-split, .gem-hero-collage, .gem-hero-triptych, .gem-slideshow, .gem-footer)[data-gem-divider-top='spikes']::before, :is(.gem-section, .gem-hero, .gem-hero-split, .gem-hero-collage, .gem-hero-triptych, .gem-slideshow, .gem-footer)[data-gem-divider-top='arch']::before, :is(.gem-section, .gem-hero, .gem-hero-split, .gem-hero-collage, .gem-hero-triptych, .gem-slideshow, .gem-footer)[data-gem-divider-top='blob']::before { content: ''; position: absolute; left: 0; right: 0; z-index: 1; pointer-events: none; height: var(--gem-divider-height, 48px); background: var(--gem-section-bg, var(--gem-color-background)); -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-size: 100% 100%; mask-size: 100% 100%; }",
+  ":is(.gem-section, .gem-hero, .gem-hero-split, .gem-hero-collage, .gem-hero-triptych, .gem-slideshow, .gem-footer)[data-gem-divider-bottom]::after { top: 100%; }",
+  // The top edge reuses the same masks, mirrored, so five shapes cover both edges.
+  ":is(.gem-section, .gem-hero, .gem-hero-split, .gem-hero-collage, .gem-hero-triptych, .gem-slideshow, .gem-footer)[data-gem-divider-top]::before { bottom: 100%; transform: scaleY(-1); }",
+  ...Object.entries(DIVIDER_SHAPES).flatMap(([name, path]) => {
+    const mask = dividerMask(path);
+    return [
+      `:is(.gem-section, .gem-hero, .gem-hero-split, .gem-hero-collage, .gem-hero-triptych, .gem-slideshow, .gem-footer)[data-gem-divider-bottom='${name}']::after { -webkit-mask-image: ${mask}; mask-image: ${mask}; }`,
+      `:is(.gem-section, .gem-hero, .gem-hero-split, .gem-hero-collage, .gem-hero-triptych, .gem-slideshow, .gem-footer)[data-gem-divider-top='${name}']::before { -webkit-mask-image: ${mask}; mask-image: ${mask}; }`
+    ];
+  })
+];
+var GEM_DIVIDER_CSS = GEM_DIVIDER_CSS_LINES.join("\n");
+var GEM_CARD_CSS_LINES = [
+  ":is(.gem-section, .gem-hero, .gem-hero-split, .gem-hero-collage, .gem-hero-triptych, .gem-slideshow, .gem-footer)[data-gem-card] :is(.gem-section__inner, [class*='__inner']) { border-radius: var(--gem-radius-md); padding: var(--gem-space-xl); }",
+  ":is(.gem-section, .gem-hero, .gem-hero-split, .gem-hero-collage, .gem-hero-triptych, .gem-slideshow, .gem-footer)[data-gem-card='outline'] :is(.gem-section__inner, [class*='__inner']) { border: 1px solid var(--gem-color-border); }",
+  ":is(.gem-section, .gem-hero, .gem-hero-split, .gem-hero-collage, .gem-hero-triptych, .gem-slideshow, .gem-footer)[data-gem-card='shadow'] :is(.gem-section__inner, [class*='__inner']) { background: var(--gem-color-surface); box-shadow: var(--gem-shadow-md); }",
+  // `filled` tints the section's own ground rather than reaching for a fixed colour, so it stays
+  // legible on an accent or dark band instead of punching a light panel into it.
+  ":is(.gem-section, .gem-hero, .gem-hero-split, .gem-hero-collage, .gem-hero-triptych, .gem-slideshow, .gem-footer)[data-gem-card='filled'] :is(.gem-section__inner, [class*='__inner']) { background: color-mix(in srgb, currentColor 6%, transparent); }"
+];
+var GEM_CARD_CSS = GEM_CARD_CSS_LINES.join("\n");
+var GEM_REVEAL_CSS_LINES = [
+  // Longhand, so the per-element duration/delay knobs can reach it. The shorthand hard-coded 600ms,
+  // while `gem_animation_duration` and `gem_animation_delay` are declared on ALL FIFTY kinds in the
+  // element seam ("Empty keeps the default (600ms). Capped at 5000."). gemsite honours them; this
+  // copy could not, so the knob worked on the headless storefront and did nothing on the exported
+  // Shopify theme — offered to every seller, inert on one of the two tracks.
+  //
+  // The fallbacks are the values this rule shipped with, so a theme where nothing writes the
+  // variables renders EXACTLY as before. Note what this does not finish: the exported theme has no
+  // writer for `--gem-el-motion-*` yet (gemsite writes them in element-motion.ts), so the knob stays
+  // inert there until one exists. This removes the CSS half of that gap, not the whole gap.
+  ".gem-reveal, [data-gem-reveal] { transition-property: opacity, transform, filter; transition-timing-function: cubic-bezier(0.16, 1, 0.3, 1); transition-duration: var(--gem-el-motion-duration, 600ms); transition-delay: var(--gem-el-motion-delay, 0ms); }",
+  // Bare `data-gem-reveal` (no value) keeps its original rise-and-fade — the candidate sections and
+  // gempages blocks that already opt in this way must not change behaviour.
+  "[data-gem-reveal][data-gem-reveal-state='ready'] { opacity: 0; transform: translateY(24px); }",
+  "[data-gem-reveal][data-gem-reveal-state='in'] { opacity: 1; transform: none; filter: none; }",
+  // The set_layout `reveal` knob writes a VALUE, and each value picks its own resting pose. Only the
+  // 'ready' state differs — 'in' above returns every variant to the same neutral end state.
+  "[data-gem-reveal='fade'][data-gem-reveal-state='ready'] { opacity: 0; transform: none; }",
+  "[data-gem-reveal='rise'][data-gem-reveal-state='ready'] { opacity: 0; transform: translateY(24px); }",
+  "[data-gem-reveal='zoom'][data-gem-reveal-state='ready'] { opacity: 0; transform: scale(0.94); }",
+  "[data-gem-reveal='blur'][data-gem-reveal-state='ready'] { opacity: 0; filter: blur(10px); transform: none; }",
+  "@media (prefers-reduced-motion: reduce) { [data-gem-reveal] { opacity: 1 !important; transform: none !important; filter: none !important; transition: none; } }"
+];
+var GEM_REVEAL_CSS = GEM_REVEAL_CSS_LINES.join("\n");
+var GEM_AMBIENT_CSS_LINES = [
+  "@keyframes gem-float { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(calc(-1 * var(--gem-ambient-amp, 7px))); } }",
+  "@keyframes gem-sheen { 0%, 100% { opacity: 0.55; } 50% { opacity: 1; } }",
+  "@keyframes gem-marquee-scroll { from { transform: translateX(0); } to { transform: translateX(-50%); } }",
+  "[data-gem-ambient='float'] { animation: gem-float var(--gem-ambient-mid, 7s) var(--gem-ease-soft, ease-in-out) infinite; will-change: transform; }",
+  "[data-gem-ambient='sheen'] { animation: gem-sheen var(--gem-ambient-slow, 9s) var(--gem-ease-soft, ease-in-out) infinite; will-change: opacity; }",
+  "[data-gem-ambient='marquee'] { animation: gem-marquee-scroll var(--gem-ambient-fast, 5.5s) linear infinite; will-change: transform; }",
+  // IO gate — the runtime toggles this attribute; unobserved nodes simply never pause (safe default).
+  "[data-gem-offscreen] { animation-play-state: paused; }",
+  "@media (prefers-reduced-motion: reduce) {",
+  "  [data-gem-ambient] { --gem-ambient-amp: 2px; animation-duration: 12s; }",
+  "  [data-gem-reveal] { transition: none; opacity: 1; transform: none; }",
+  "  .gem-marquee__track { animation-duration: calc(var(--gem-marquee-duration, 40s) * 2.5); }",
+  "}"
+];
+var GEM_AMBIENT_CSS = GEM_AMBIENT_CSS_LINES.join("\n");
+var GEM_ROW_GAP_CSS_LINES = [
+  ".gem-row { column-gap: var(--gem-row-gap, var(--gem-space-lg)); row-gap: var(--gem-row-gap-y, var(--gem-row-gap, var(--gem-space-lg))); }"
+];
+var GEM_ROW_CSS_LINES = [
+  ".gem-row:where(:not([hidden])) { --gem-row-auto-sm: repeat(var(--gem-row-cols-sm), minmax(0, 1fr)); --gem-row-auto-md: repeat(var(--gem-row-cols-md), minmax(0, 1fr)); --gem-row-auto-lg: repeat(var(--gem-row-cols), minmax(0, 1fr)); display: grid; grid-template-columns: var(--gem-row-tracks-sm, var(--gem-row-auto-sm, minmax(0, 1fr))); }",
+  // :where() = specificity 0: any rule that sets a count on a nested row wins over this reset, whatever
+  // its specificity or load order; the reset only has to beat inheritance, and any declaration does.
+  `:where(.gem-row > *) { min-width: 0; ${GEM_ROW_CSS_VARIABLES.map((name) => `${name}: initial;`).join(" ")} }`,
+  "@media (min-width: 750px) { .gem-row { grid-template-columns: var(--gem-row-tracks-md, var(--gem-row-auto-md, var(--gem-row-tracks, var(--gem-row-auto-lg, repeat(2, minmax(0, 1fr)))))); } }",
+  "@media (min-width: 990px) { .gem-row { grid-template-columns: var(--gem-row-tracks, var(--gem-row-auto-lg, repeat(2, minmax(0, 1fr)))); } }"
+];
+var GEM_ROW_GAP_CSS = GEM_ROW_GAP_CSS_LINES.join("\n");
+var GEM_ROW_CSS = GEM_ROW_CSS_LINES.join("\n");
+var GEM_GRID_COLUMNS_KNOB_CSS_LINES = [
+  ":is(.gem-section, .gem-hero, .gem-hero-split, .gem-hero-collage, .gem-hero-triptych, .gem-slideshow, .gem-footer)[data-gem-grid-columns='2'] :is(.gem-section__grid, [class*='__grid']):not(.gem-row) { grid-template-columns: repeat(2, minmax(0, 1fr)); }",
+  ":is(.gem-section, .gem-hero, .gem-hero-split, .gem-hero-collage, .gem-hero-triptych, .gem-slideshow, .gem-footer)[data-gem-grid-columns='2'] .gem-row:is(.gem-section__grid, [class*='__grid']):not(.gem-row .gem-row) { --gem-row-cols: 2; --gem-row-cols-md: 2; --gem-row-tracks: initial; --gem-row-tracks-md: initial; }",
+  ":is(.gem-section, .gem-hero, .gem-hero-split, .gem-hero-collage, .gem-hero-triptych, .gem-slideshow, .gem-footer)[data-gem-grid-columns='3'] :is(.gem-section__grid, [class*='__grid']):not(.gem-row) { grid-template-columns: repeat(3, minmax(0, 1fr)); }",
+  ":is(.gem-section, .gem-hero, .gem-hero-split, .gem-hero-collage, .gem-hero-triptych, .gem-slideshow, .gem-footer)[data-gem-grid-columns='3'] .gem-row:is(.gem-section__grid, [class*='__grid']):not(.gem-row .gem-row) { --gem-row-cols: 3; --gem-row-cols-md: 3; --gem-row-tracks: initial; --gem-row-tracks-md: initial; }",
+  ":is(.gem-section, .gem-hero, .gem-hero-split, .gem-hero-collage, .gem-hero-triptych, .gem-slideshow, .gem-footer)[data-gem-grid-columns='4'] :is(.gem-section__grid, [class*='__grid']):not(.gem-row) { grid-template-columns: repeat(4, minmax(0, 1fr)); }",
+  ":is(.gem-section, .gem-hero, .gem-hero-split, .gem-hero-collage, .gem-hero-triptych, .gem-slideshow, .gem-footer)[data-gem-grid-columns='4'] .gem-row:is(.gem-section__grid, [class*='__grid']):not(.gem-row .gem-row) { --gem-row-cols: 4; --gem-row-cols-md: 4; --gem-row-tracks: initial; --gem-row-tracks-md: initial; }"
+];
+var GEM_GRID_COLUMNS_ROW_KNOB_CSS = GEM_GRID_COLUMNS_KNOB_CSS_LINES.filter((line) => line.includes(" .gem-row:is(")).join("\n");
+
+// ../../packages/gem-framework/src/offer-engine.ts
+function offerEngineRuntimeScript() {
+  return `(function(){
+  document.querySelectorAll('[data-gem-offer-engine]').forEach(function(root){
+    if(root.__gemOffer)return; root.__gemOffer=1;
+    var el=root.querySelector('[data-gem-offer-model]'); if(!el)return;
+    var model; try{model=JSON.parse(el.textContent);}catch(e){return;}
+    var dims=model.dimensions||{}, sel={};
+    Object.keys(dims).forEach(function(d){var o=(dims[d].options||[]),def=o.filter(function(x){return x.default;})[0]||o[0];sel[d]=(model.default_selection&&model.default_selection[d])||(def&&def.id);});
+    function m(w){return Object.keys(w).every(function(k){return sel[k]===w[k];});}
+    function sp(w){return Object.keys(w).length;}
+    function pick(list){return (list||[]).filter(function(r){return m(r.when);}).sort(function(a,b){return sp(b.when)-sp(a.when);})[0];}
+    function gift(g,t){if(!g||t==null)return null;var sym=g.currency_symbol||'$';var rem=Math.max(0,Math.round((g.threshold-t)*100)/100);var unl=rem<=0;var rs=sym+rem.toFixed(2);var pct=g.threshold>0?Math.max(0,Math.min(100,Math.round((t/g.threshold)*100))):100;var tpl=unl?(g.unlocked_text||'\\uD83C\\uDF81 {label} unlocked!'):(g.locked_text||'Add {remaining} more to unlock {label}');return {unlocked:unl,remaining:rs,remaining_amount:rem,percent:pct,text:tpl.replace('{remaining}',rs).replace('{label}',g.label)};}
+    function render(){
+      var row=pick(model.price_matrix)||{}, plan=pick(model.selling_plan_map);
+      var vis={}; Object.keys(dims).forEach(function(d){vis[d]=true;});
+      (model.conditions||[]).forEach(function(c){vis[c.show]=(sel[c.when_dim]===c.equals);});
+      (model.panels||[]).forEach(function(p){if(p.when)vis[p.id]=(sel[p.when.when_dim]===p.when.equals);});
+      var headline=row.total||row.price||'';
+      var gf=gift(model.gift,row.total_amount);
+      root.querySelectorAll('[data-gem-offer-out]').forEach(function(o){var k=o.getAttribute('data-gem-offer-out');
+        if(k==='price')o.textContent=row.price||'';
+        else if(k==='compare'){o.textContent=row.compare_at||'';o.style.display=row.compare_at?'':'none';}
+        else if(k==='save'){o.textContent=row.save_label||'';o.style.display=row.save_label?'':'none';}
+        else if(k==='gift'){o.textContent=gf?gf.text:'';if(o.classList)o.classList.toggle('unlocked',!!(gf&&gf.unlocked));}
+        else if(k==='cta')o.textContent=(model.cta_template||'Add to cart').replace('{price}',headline).replace('{total}',headline);});
+      root.querySelectorAll('[data-gem-offer-gift]').forEach(function(w){w.style.display=gf?'':'none';if(w.classList)w.classList.toggle('unlocked',!!(gf&&gf.unlocked));});
+      root.querySelectorAll('[data-gem-offer-gift-bar]').forEach(function(b){b.style.width=(gf?gf.percent:0)+'%';});
+      root.querySelectorAll('[data-gem-offer-group]').forEach(function(g){g.style.display=(vis[g.getAttribute('data-gem-offer-group')]===false)?'none':'';});
+      root.querySelectorAll('[data-gem-offer-dim]').forEach(function(b){var d=b.getAttribute('data-gem-offer-dim'),v=b.getAttribute('data-gem-offer-value');if(b.tagName==='OPTION'){b.selected=(sel[d]===v);}else{b.classList.toggle('sel',sel[d]===v);}});
+      var s=root.querySelector('[data-gem-offer-selling-plan]'); if(s)s.value=(plan&&plan.selling_plan_id)||'';
+      var ca=(plan&&plan.cart_attributes)||{};
+      root.querySelectorAll('[data-gem-offer-cart-field]').forEach(function(f){var n=f.getAttribute('data-gem-offer-cart-field');f.value=ca[n]||'';f.disabled=!(n in ca);});
+      root.dispatchEvent(new CustomEvent('gem:offer:change',{bubbles:true,detail:{selection:sel,row:row,selling_plan_id:(plan&&plan.selling_plan_id)||null,cart_attributes:ca,gift:gf}}));
+    }
+    root.addEventListener('click',function(e){var b=e.target.closest('[data-gem-offer-dim]');if(!b||b.tagName==='OPTION')return;sel[b.getAttribute('data-gem-offer-dim')]=b.getAttribute('data-gem-offer-value');render();});
+    root.addEventListener('change',function(e){var s=e.target.closest('select[data-gem-offer-select]');if(!s)return;var o=s.options[s.selectedIndex];sel[s.getAttribute('data-gem-offer-select')]=o.getAttribute('data-gem-offer-value');render();});
+    render();
+  });
+})();`;
+}
+
+// ../../packages/gem-framework/src/runtime.ts
+var offerEnginePluginRegistrationLines = [
+  "  registerPlugin('offer-engine', ({ api }) => {",
+  "    " + offerEngineRuntimeScript(),
+  "    api.emit('gem:offer:ready', { source: 'gem-runtime' });",
+  "  });"
+];
+
+// ../../packages/gem-framework/src/validation.ts
+var validationRulesByCode = new Map(gemFrameworkValidationRules.map((rule) => [rule.code, rule]));
+var primitiveClassNames = new Set(
+  gemFrameworkPrimitiveGroups.flatMap((group) => group.classes)
+);
+var canonicalCssVariableNames = /* @__PURE__ */ new Set([
+  ...Object.entries(requiredGemTokenKeys).flatMap(([group, keys]) => {
+    const namespace = group === "typography" ? "font" : group === "spacing" ? "space" : group;
+    return keys.map((key) => `--gem-${namespace}-${slugify(key)}`);
+  }),
+  // The governed type ramp (--gem-h1…h6, --gem-body, --gem-text-sm, --gem-type-base/-scale). The
+  // framework stylesheet declares it on every page, but it is not a token GROUP, so it was missing here
+  // and a section sizing its heading with `var(--gem-h2)` got `unknown_gem_css_variable`. Read from the
+  // function that emits it, so the ramp and this list cannot drift.
+  ...gemTypeRampCssVars().map((line) => line.split(":")[0].trim()),
+  // --gem-focus-ring: emitted with the tokens, not a group (tokens.ts GEM_FOCUS_RING_CSS_VAR).
+  GEM_FOCUS_RING_CSS_VAR.split(":")[0].trim(),
+  GEM_TAP_MIN_CSS_VAR.split(":")[0].trim(),
+  // The row primitive's variables (primitives.ts GEM_ROW_CSS). Sections SET these on their grid.
+  ...GEM_ROW_CSS_VARIABLES
+]);
+var TOKENIZED_PROPERTIES = [
+  "background",
+  "background-color",
+  "border",
+  "border-color",
+  "box-shadow",
+  "color",
+  "font-family",
+  "gap",
+  "margin",
+  "margin-block",
+  "margin-inline",
+  "padding",
+  "padding-block",
+  "padding-inline",
+  "border-radius",
+  // The row's spacing variables end up as column-gap / row-gap: a raw length there must be caught the same
+  // way `gap: 37px` is, or moving a grid onto .gem-row quietly switches the token check off (#589 review).
+  "--gem-row-gap",
+  "--gem-row-gap-y"
+];
+function validateGemFrameworkArtifact(artifact, options = {}) {
+  if (artifact.path.endsWith(".css")) {
+    return validateGemFrameworkCss(artifact.content, artifact.path, options);
+  }
+  if (/\.(liquid|html|tsx)$/.test(artifact.path)) {
+    return validateGemFrameworkMarkup(artifact.content, artifact.path, options);
+  }
+  if (artifact.path.endsWith(".js")) {
+    return result(validateSharedSafety(artifact.content, artifact.path));
+  }
+  return result([]);
+}
+function validateGemFrameworkCss(css, artifactPath, options = {}) {
+  const issues = validateSharedSafety(css, artifactPath);
+  css = css.replace(/\/\*[\s\S]*?\*\//g, " ");
+  if (/\bgs-/.test(css)) {
+    issues.push(ruleIssue("legacy_gs_class", "Gem Framework CSS must not use legacy gs-* classes.", artifactPath));
+  }
+  const classNames = [...css.matchAll(/\.([_A-Za-z-][_A-Za-z0-9-]*)/g)].map((match) => match[1]);
+  for (const className of classNames) {
+    const audit = auditGemFrameworkClassName(className, options);
+    if (audit.kind === "non_gem") {
+      issues.push(ruleIssue("non_gem_class", `CSS class .${className} must use the gem-* namespace.`, artifactPath, {
+        class_name: className
+      }));
+    }
+    if (audit.kind === "unknown_gem") {
+      issues.push(ruleIssue("unknown_gem_class", `CSS class .${className} is not a manifest primitive or section-scoped class.`, artifactPath, {
+        class_name: className
+      }));
+    }
+  }
+  const cssVariables = [...css.matchAll(/--gem-[a-z0-9-]+/g)].map((match) => match[0]);
+  for (const variableName of [...new Set(cssVariables)]) {
+    if (isKnownGemCssVariable(variableName, options)) continue;
+    issues.push(ruleIssue("unknown_gem_css_variable", `${variableName} is not a canonical Gem token or allowed section-scoped CSS variable.`, artifactPath, {
+      value: variableName
+    }));
+  }
+  const declarations = [...css.matchAll(/([a-z-]+)\s*:\s*([^;{}]+);/gi)];
+  for (const [, property, value] of declarations) {
+    if (!TOKENIZED_PROPERTIES.includes(property)) continue;
+    if (isAllowedUntokenizedValue(property, value)) continue;
+    if (!value.includes("var(--gem-") && hasRawVisualValue(value)) {
+      issues.push(ruleIssue("untokenized_visual_value", `${property}: ${value.trim()} should prefer semantic --gem-* tokens.`, artifactPath, {
+        property,
+        value: value.trim()
+      }));
+    }
+  }
+  return result(issues);
+}
+function validateGemFrameworkMarkup(markup, artifactPath, options = {}) {
+  const issues = validateSharedSafety(markup, artifactPath);
+  if (/\bgs-/.test(markup)) {
+    issues.push(ruleIssue("legacy_gs_class", "Gem Framework markup must not use legacy gs-* classes.", artifactPath));
+  }
+  const classAttributes = [...markup.matchAll(/\bclass(?:Name)?=(["'`])([^"'`]+)\1/g)].map((match) => match[2]);
+  for (const classAttribute of classAttributes) {
+    if (classAttribute.includes("{{") || classAttribute.includes("{%") || classAttribute.includes("${")) continue;
+    for (const className of classAttribute.split(/\s+/).filter(Boolean)) {
+      const audit = auditGemFrameworkClassName(className, options);
+      if (audit.kind === "non_gem") {
+        issues.push(ruleIssue("non_gem_class", `Markup class ${className} must use the gem-* namespace.`, artifactPath, {
+          class_name: className
+        }));
+      }
+      if (audit.kind === "unknown_gem") {
+        issues.push(ruleIssue("unknown_gem_class", `Markup class ${className} is not a manifest primitive or section-scoped class.`, artifactPath, {
+          class_name: className
+        }));
+      }
+    }
+  }
+  if (!/data-gem-[a-z0-9-]+=/.test(markup) && /<section\b/i.test(markup)) {
+    issues.push(ruleIssue("missing_data_gem_marker", "Section markup should expose a data-gem-* marker for provenance or runtime targeting.", artifactPath));
+  }
+  return result(issues);
+}
+function validateSharedSafety(content, artifactPath) {
+  const issues = [];
+  const contentWithoutJsonLd = content.replace(/<script\b[^>]*type=["']application\/ld\+json["'][^>]*>[\s\S]*?<\/script>/gi, "");
+  const contentWithoutNamespaces = contentWithoutJsonLd.replace(/https?:\/\/www\.w3\.org\/[^\s"'<>]*/gi, "");
+  if (/<script\b/i.test(contentWithoutJsonLd)) {
+    issues.push(ruleIssue("inline_script", "Gem Framework artifacts must not include inline script tags.", artifactPath));
+  }
+  if (/https?:\/\/|\/\/cdn\./i.test(contentWithoutNamespaces)) {
+    issues.push(ruleIssue("external_dependency", "Gem Framework artifacts must not include external runtime or CDN dependencies.", artifactPath));
+  }
+  return issues;
+}
+function isAllowedUntokenizedValue(property, value) {
+  const trimmed = value.trim();
+  if (property === "color" && ["inherit", "currentColor"].includes(trimmed)) return true;
+  if (property === "border" && trimmed === "0") return true;
+  if (property.startsWith("margin") && ["0", "auto"].includes(trimmed)) return true;
+  if (property.startsWith("padding") && trimmed === "0") return true;
+  if ((property === "gap" || property.startsWith("--gem-row-gap")) && trimmed === "0") return true;
+  return false;
+}
+function hasRawVisualValue(value) {
+  return /#[0-9a-f]{3,8}\b|rgb\(|hsl\(|\b\d+(?:\.\d+)?(?:px|rem|em)\b/i.test(value);
+}
+function isKnownGemCssVariable(variableName, options) {
+  if (canonicalCssVariableNames.has(variableName)) return true;
+  const allowedPrefixes = [
+    "--gem-seasonal-",
+    // Global style-variant knobs (--gem-style-space/radius/text/weight/stroke): the
+    // style-adaptivity family a section reads to adapt airy↔dense / thin↔bold.
+    // Global style-variant knobs (--gem-style-space/weight/radius/border/stroke):
+    // section-adaptivity tokens a style pack sets on :root; sections consume them via
+    // calc(... * var(--gem-style-*, 1)) with safe fallbacks. Canonical, not section-scoped.
+    "--gem-style-",
+    ...options.allowedCssVariablePrefixes ?? [],
+    ...(options.sectionClassPrefixes ?? []).map((prefix) => `--${prefix}-`)
+  ];
+  return allowedPrefixes.some((prefix) => variableName.startsWith(prefix));
+}
+function getGemFrameworkValidationRule(code) {
+  return validationRulesByCode.get(code);
+}
+function auditGemFrameworkClassName(className, options = {}) {
+  if ((options.allowedClassNames ?? []).includes(className)) return { class_name: className, kind: "primitive" };
+  if (primitiveClassNames.has(className)) return { class_name: className, kind: "primitive" };
+  if (className === "gem-el" || className.startsWith("gem-el-")) return { class_name: className, kind: "primitive" };
+  if (className.startsWith("section-gem-")) return { class_name: className, kind: "section_scoped" };
+  if (!className.startsWith("gem-")) return { class_name: className, kind: "non_gem" };
+  if (!options.enforceKnownClasses) return { class_name: className, kind: "section_scoped" };
+  const sectionClassPrefixes = options.sectionClassPrefixes ?? [];
+  if (sectionClassPrefixes.some((prefix) => isSectionScopedClassName(className, prefix))) {
+    return { class_name: className, kind: "section_scoped" };
+  }
+  return { class_name: className, kind: "unknown_gem" };
+}
+function isSectionScopedClassName(className, prefix) {
+  return className === prefix || className.startsWith(`${prefix}__`) || className.startsWith(`${prefix}--`);
+}
+function ruleIssue(code, message, artifactPath, metadata = {}) {
+  const rule = getGemFrameworkValidationRule(code);
+  if (!rule) throw new Error(`Gem Framework validation rule is missing from the manifest: ${code}`);
+  return {
+    severity: rule.severity,
+    code,
+    message,
+    artifact_path: artifactPath,
+    ...metadata
+  };
+}
+function result(issues) {
+  return {
+    valid: !issues.some((item) => item.severity === "error"),
+    issues
+  };
+}
+
+// ../../packages/gem-framework/src/preview-document.ts
+var PREVIEW_MEDIA_CSS = [
+  'body[data-gem-preview-page] :is([class*="__placeholder"], .gem-media:empty, .gem-product-card__media) {',
+  "  background-color: color-mix(in srgb, var(--gem-color-accent) 9%, var(--gem-color-surface, var(--gem-color-background))) !important;",
+  // Two soft, percentage-sized colour pools (one accent, one neutral) over a base
+  // diagonal wash — reads as abstract brand art and scales to any tile, so even large
+  // empty heroes feel designed rather than blank.
+  "  background-image:",
+  // Soft lit centre (studio product-shot backdrop) over two ambient colour pools and a
+  // base diagonal wash — reads as a styled set rather than a blank box, and scales to any tile.
+  "    radial-gradient(58% 48% at 50% 40%, color-mix(in srgb, var(--gem-color-surface, var(--gem-color-background)) 78%, #fff) 0%, transparent 72%),",
+  "    radial-gradient(72% 60% at 22% 26%, color-mix(in srgb, var(--gem-color-accent) 34%, var(--gem-color-surface, var(--gem-color-background))) 0%, transparent 70%),",
+  "    radial-gradient(68% 70% at 84% 82%, color-mix(in srgb, var(--gem-color-text) 14%, var(--gem-color-surface, var(--gem-color-background))) 0%, transparent 66%),",
+  "    linear-gradient(135deg, color-mix(in srgb, var(--gem-color-accent) 16%, var(--gem-color-surface, var(--gem-color-background))), color-mix(in srgb, var(--gem-color-accent) 6%, var(--gem-color-surface, var(--gem-color-background)))) !important;",
+  "}",
+  // Niche product-tile motif (injected line-art): centred, soft, in a palette-derived ink.
+  // Every empty media box (hero/collage/video/card) is position:relative + inked so the
+  // fallback motif (previewMediaImg) centres and reads as "image here" — never dead white space.
+  'body[data-gem-preview-page] [class*="__placeholder"] { position: relative; min-height: 140px; color: color-mix(in srgb, var(--gem-color-accent) 55%, var(--gem-color-text)); }',
+  "body[data-gem-preview-page] .gem-product-card__media { position: relative; color: color-mix(in srgb, var(--gem-color-accent) 55%, var(--gem-color-text)); }",
+  "body[data-gem-preview-page] .gem-pv-motif { position: absolute; top: 50%; left: 50%; width: clamp(44px, 13%, 132px); height: auto; aspect-ratio: 1; transform: translate(-50%, -50%); opacity: 0.5; }",
+  // Real reference photo (preview-only) covers the whole tile when present.
+  "body[data-gem-preview-page] .gem-pv-photo { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; display: block; }",
+  // Hero overlay text readability (sketch-only): light hero copy on a light product/hero image
+  // renders invisible — a dark text-shadow keeps the heading/CTA legible on ANY image or variant,
+  // so the sketch's hero reads as a real hero (headline + CTA) rather than a bare image.
+  'body[data-gem-preview-page] :is([class*="gem-hero"], [data-gem-section-archetype^="hero"]) :is(.gem-section__heading, .gem-section__body, .gem-section__eyebrow) { text-shadow: 0 2px 18px rgba(0, 0, 0, 0.6), 0 1px 4px rgba(0, 0, 0, 0.55); }',
+  'body[data-gem-preview-page] :is([class*="gem-hero"], [data-gem-section-archetype^="hero"]) .gem-button--primary { text-shadow: 0 1px 6px rgba(0, 0, 0, 0.35); }'
+].join("\n");
+var CHROME_VARIANT_CSS = `
+.gem-shell-header__inner{display:flex;align-items:center;gap:24px}
+/* The shell header markup carries Dawn's header--middle-left grid classes too; force the
+   logo to size to its content (the grid otherwise pins it to a narrow column + overflow:hidden,
+   clipping the brand to "Baseline S..."). */
+[data-gem-shell-header] .gem-shell-header__logo{flex:0 0 auto;width:auto;max-width:none;min-width:0;overflow:visible;text-decoration:none}
+[data-gem-shell-header] .gem-shell-header__logo .h2{margin:0;font-size:1.25rem;line-height:1.1;white-space:nowrap;overflow:visible;text-overflow:clip}
+.gem-shell-header__nav{display:flex;align-items:center;gap:18px;flex-wrap:wrap}
+.gem-shell-header__actions{display:flex;align-items:center;gap:16px;margin-left:auto}
+.gem-shell-header__action{display:inline-flex;align-items:center;justify-content:center;position:relative;color:inherit;text-decoration:none}
+.gem-shell-header__icon{display:block;width:20px;height:20px}
+.gem-shell-header__action--cart .gem-shell-header__cart-count{position:absolute;top:-7px;right:-9px;min-width:16px;height:16px;padding:0 4px;border-radius:999px;background:#1f1e1d;color:#fff;font-size:10px;font-weight:600;line-height:16px;text-align:center;box-sizing:border-box}
+.gem-shell-header__search-input{min-width:200px;padding:8px 12px}
+/* editorial: centered logo with the nav on a row beneath it */
+.gem-shell-header--editorial .gem-shell-header__inner{flex-direction:column;align-items:center;gap:10px;text-align:center}
+.gem-shell-header--editorial .gem-shell-header__logo{order:1}
+.gem-shell-header--editorial .gem-shell-header__actions{order:2;margin-left:0;position:absolute;right:24px;top:18px}
+.gem-shell-header--editorial .gem-shell-header__nav{order:3;justify-content:center}
+/* search-led: prominent search field takes the centre, actions stay right */
+.gem-shell-header--search-led .gem-shell-header__nav{order:3;flex-basis:100%;justify-content:center}
+.gem-shell-header--search-led .gem-shell-header__search{flex:1;display:flex}
+.gem-shell-header--search-led .gem-shell-header__search-input{width:100%}
+/* mega-menu: roomier nav with hover affordance */
+.gem-shell-header__nav--mega{gap:26px;font-weight:600}
+.gem-shell-header__nav--mega a::after{content:"";display:inline-block;width:6px;height:6px;margin-left:6px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:rotate(45deg);vertical-align:middle;opacity:.55}
+/* minimal: tighter, lighter nav */
+.gem-shell-header--minimal .gem-shell-header__nav{gap:14px;font-size:.92em}
+/* conversion: dense commerce actions */
+.gem-shell-header--conversion .gem-shell-header__actions{gap:18px;font-weight:600}
+/* footer variants */
+.gem-shell-footer__trust{display:flex;flex-wrap:wrap;gap:18px;justify-content:center;margin:0 0 8px}
+.gem-shell-footer__trust-item{font-size:.86em;opacity:.85}
+.gem-shell-footer__social{display:flex;gap:14px;justify-content:center;margin:18px 0 0;padding:0}
+.gem-shell-footer__social-link{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:999px;color:inherit;opacity:.9;text-decoration:none}
+.gem-shell-footer__social-link:hover{opacity:1}
+.gem-shell-footer__social-link svg{display:block;width:20px;height:20px}
+/* bottom bar: copyright left, payment icons right (Dawn footer DNA) */
+.gem-shell-footer__bottom{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:16px;margin-top:24px;padding-top:18px;border-top:1px solid rgba(18,18,18,.12)}
+.gem-shell-footer__payment{display:flex;flex-wrap:wrap;gap:6px;margin:0;padding:0}
+.gem-shell-footer__payment-icon{display:inline-flex;align-items:center;justify-content:center;width:40px;height:26px;border-radius:4px;background:#fff;border:1px solid rgba(18,18,18,.14);box-shadow:0 1px 2px rgba(0,0,0,.06);color:#555;font-size:8px;font-weight:700;letter-spacing:-.02em;text-transform:uppercase}
+.gem-shell-footer--newsletter-first .gem-shell-footer__newsletter{order:-1;text-align:center;padding-bottom:20px}
+.gem-shell-footer--trust-heavy .gem-shell-footer__trust{order:-1;font-weight:600}
+.gem-shell-footer--story-led .gem-shell-footer__grid{text-align:center}
+.gem-shell-footer--brand-rich .gem-shell-footer__social{justify-content:flex-start}
+`.trim();
+
+// ../../packages/gem-sections/src/section-contract.ts
+var LAYOUT_ATTRS = [
+  { attr: "content-alignment", setting: "gem_content_alignment", knob: "content_alignment" },
+  { attr: "text-position", setting: "gem_text_position", knob: "text_position" },
+  { attr: "media-position", setting: "gem_media_position", knob: "media_position" },
+  { attr: "content-spacing", setting: "gem_content_spacing", knob: "content_spacing" },
+  { attr: "content-width", setting: "gem_content_width", knob: "content_width" },
+  { attr: "section-height", setting: "gem_section_height", knob: "section_height" },
+  { attr: "grid-columns", setting: "gem_grid_columns", knob: "grid_columns" },
+  { attr: "section-background", setting: "gem_section_background", knob: "background" },
+  { attr: "price-color", setting: "gem_price_color", knob: "price_color" },
+  // Written from BOTH sides: the style pack sets it, and set_layout gained a `text_weight` knob.
+  { attr: "text-weight", setting: "gem_text_weight", knob: "text_weight" },
+  // Scroll-entrance: emitted only when the knob carries a value.
+  { attr: "reveal", setting: "gem_reveal", knob: "reveal" },
+  // Shaped edges: same emit-only-when-set rule.
+  { attr: "divider-top", setting: "gem_divider_top", knob: "divider_top" },
+  { attr: "divider-bottom", setting: "gem_divider_bottom", knob: "divider_bottom" },
+  // Boxes the section's content: styles .gem-section__inner, so the root attribute alone is not enough.
+  { attr: "card", setting: "gem_card", knob: "card", requires: "__inner" }
+];
+function sectionLibraryIdOf(tsx) {
+  return /data-gem-section-library-id="([^"]+)"/.exec(tsx)?.[1] ?? "";
+}
+function layoutKnobCheck(tsx, knobExempt = /* @__PURE__ */ new Set()) {
+  const id = sectionLibraryIdOf(tsx);
+  const missing = LAYOUT_ATTRS.filter((a) => {
+    if (knobExempt.has(`${id}::${a.attr}`)) return false;
+    if (!tsx.includes(`data-gem-${a.attr}`)) return true;
+    return Boolean(a.requires) && !tsx.includes(a.requires);
+  }).map((a) => a.attr);
+  const tag = /<section[\s\S]*?>/.exec(tsx)?.[0] ?? "";
+  const emitted = [...tag.matchAll(/(data-gem-[a-z-]+)=/g)].map((m) => m[1]);
+  const dupes = [...new Set(emitted.filter((a, i) => emitted.indexOf(a) !== i))];
+  return { id, missing, dupes };
+}
+function slotsReadBy(raw) {
+  const source = raw.replace(/\/\*[\s\S]*?\*\//g, " ").replace(/(^|[^:])\/\/.*$/gm, "$1 ");
+  const names = /* @__PURE__ */ new Set(["slots"]);
+  for (const m of source.matchAll(/(?:const|let|var)\s+([A-Za-z_$][\w$]*)\s*=\s*(?:section\.)?content_slots\b/g)) names.add(m[1]);
+  const alt = [...names].map((n) => n.replace(/[.*+?^${}()|[\]\\]/g, "\\$&")).join("|");
+  const keys = /* @__PURE__ */ new Set();
+  for (const m of source.matchAll(new RegExp(`(?:${alt})\\.([A-Za-z_][A-Za-z0-9_]*)`, "g"))) keys.add(m[1]);
+  for (const m of source.matchAll(new RegExp(`(?:${alt})\\[["']([^"']+)["']\\]`, "g"))) keys.add(m[1]);
+  const prefixes = [];
+  for (const m of source.matchAll(new RegExp("(?:" + alt + ")\\[`([^`]*)`\\]", "g"))) {
+    const literal = m[1].split("${")[0];
+    if (literal.length >= 3) prefixes.push(literal);
+  }
+  return { keys, prefixes };
+}
+function slotSourceFromElementTree(treeJson) {
+  return [...treeJson.matchAll(/"\$slot"\s*:\s*"([A-Za-z0-9_]+)"/g)].map((m) => `slots.${m[1]}`).join("\n");
+}
+function slotContractDrift(source, manifest) {
+  const declaredSlots = new Set(manifest.content_slots ?? []);
+  const declaredSettings = new Set(manifest.settings ?? []);
+  const read = slotsReadBy(source);
+  const isRead = (key) => read.keys.has(key) || read.prefixes.some((p) => key.startsWith(p));
+  return {
+    ghost: [...declaredSlots].filter((s) => !isRead(s)).sort(),
+    undeclared: [...read.keys].filter((s) => !declaredSlots.has(s) && !declaredSettings.has(s)).sort(),
+    settingsExcused: [...read.keys].filter((s) => !declaredSlots.has(s) && declaredSettings.has(s)).sort()
+  };
+}
+var SHARED_FRAMEWORK_PREFIXES = [
+  "gem-section",
+  "gem-button",
+  "gem-card",
+  "gem-price",
+  "gem-badge",
+  "gem-prose",
+  "gem-reveal",
+  "gem-countdown"
+];
+var SECTION_CLASS_RE = /^gem-[a-z0-9]+(?:-[a-z0-9]+)*(?:__[a-z0-9]+(?:-[a-z0-9]+)*)?(?:--[a-z0-9]+(?:-[a-z0-9]+)*)?$/;
+function classesStyledBy(css) {
+  return new Set((css.match(/\.(-?[_a-zA-Z][\w-]*)/g) ?? []).map((s) => s.slice(1)));
+}
+function sectionClassesIn(tsx) {
+  const out = /* @__PURE__ */ new Set();
+  const src = tsx.replace(/\/\*[\s\S]*?\*\//g, " ").replace(/^\s*\/\/.*$/gm, " ");
+  const re = /"([^"\n]*)"|'([^'\n]*)'|`([^`]*)`/g;
+  let m;
+  while ((m = re.exec(src)) !== null) {
+    for (const tok of (m[1] ?? m[2] ?? m[3] ?? "").split(/\s+/)) {
+      if (!tok.startsWith("gem-") || tok.includes("$") || tok.includes("{")) continue;
+      if (SECTION_CLASS_RE.test(tok)) out.add(tok);
+    }
+  }
+  return out;
+}
+function isFrameworkOwnedClass(cls, frameworkClasses) {
+  if (frameworkClasses.has(cls)) return true;
+  return SHARED_FRAMEWORK_PREFIXES.some((p) => cls === p || cls.startsWith(`${p}-`) || cls.startsWith(`${p}_`));
+}
+function cssPairingOrphans(tsx, css, frameworkClasses, archetype) {
+  const arch = archetype ?? /data-gem-section-archetype="([a-z0-9-]+)"/.exec(tsx)?.[1];
+  const ownBlock = arch ? `gem-${arch}` : null;
+  const emitted = [...sectionClassesIn(tsx)].filter((c) => c !== ownBlock && !isFrameworkOwnedClass(c, frameworkClasses));
+  const styled = classesStyledBy(css);
+  return { emitted: emitted.length, orphans: emitted.filter((c) => !styled.has(c)).sort() };
+}
+var CLAIM_PLAN_KEY = /^ratings?\d*$|ratingvalue|ratingscore|ratingscount|ratingcount|reviewscount|reviewcount|customerscount|customercount|unitssold|soldcount|testimonialcount|starrating/i;
+var planKey = (key) => CLAIM_PLAN_KEY.test(key.replace(/_/g, ""));
+var CLAIM_KEY = /(rating|review|customer|sold|purchas|verified|score|star|testimonial|backer|subscriber)/i;
+var INVENTED_PERSON = /"[A-Z][a-z]+ [A-Z]\."|\b(Verified (Buyer|Customer)|Happy Customer)\b/;
+var PROMISE = /[$£€]\s?\d|\b\d[\d.,]*\s?(?:USD|EUR|GBP)\b|\bfree,?(?:\s+(?:standard|express|expedited|worldwide|international|domestic|nationwide|ground|priority|tracked|insured|fast|economy|local|same[- ]day|next[- ]day|two[- ]day|overnight|\d+[- ](?:day|hour)|u\.?s\.?|uk|us|eu|au|ca|and|&),?){0,3}\s+(?:shipping|delivery|returns?|exchanges?)\b|\b(?:easy|hassle[- ]free|no[- ]hassle|risk[- ]free|no[- ]questions?[- ]asked)\s+(?:returns?|exchanges?)\b(?!\s+(?:faq|policy|information|info|page|portal)\b)|\b(?:returns?|exchanges?|refunds?)(?:\s+[\w${}.-]+){0,3}?\s+(?:(?:are|is)\s+)?(?:accepted|issued|processed)?\s*(?:within|in)\s+\d+\s*(?:business\s+)?(?:days?|weeks?)\b|\b(?:returns?|exchanges?|shipping|delivery)\s+(?:are|is)\s+(?:always\s+)?free\b|\bships?\s+free\b|\bcomplimentary\s+(?:shipping|delivery|returns?)\b|\b\d+\s+days\s+to\s+(?:return|exchange)\b|\b(?:processed|dispatched?|shipped)\s+within\s+\d|\bmoney[- ]back\b|\b\d+[- ]day (?:guarantee|returns?|exchanges?|trial)\b|\bdispatched? within\b|\bships? within\b|\b(?:lifetime|\d+[- ](?:year|month)s?(?:[- ]limited)?)[- ]warranty\b|\bwarranty:?\s*\d+\s*(?:years?|months?)\b|\b(?:delivered|ships?|arrives?) (?:in|within) \d+\s*(?:-\s*\d+\s*)?(?:h|hrs?|hours?|days?|business days|weeks?)\b|\bfull refund(?!\s+polic)|\brefunds? you\b|\btry (?:it )?(?:free )?(?:for )?\d+ (?:days|nights)\b|\b\d+[- ]nights? (?:trial|risk[- ]free)\b|(?<!\b(?:cannot|can\\?['’]t|can\s+not|won\\?['’]t|not|non|no|unable\s+to|need\s+to)[\s-]+(?:be\s+)?(?:\w+\s+(?:or|and)\s+)?)\bcancel\w*\b(?!\s+(?:fees?|charges?|penalt)|\s+(?:the\s+)?filters?\b)(?![^.!?\n]{0,40}\b(?:call|contact|message|email|reach|chat)\b)[^.!?\n]{0,40}\b(?:any ?-?time|at any time|whenever)\b|\bno\s+cancel\w*\s+(?:fees?|charges?|penalt\w*)\b|(?<!\b(?:cannot|can\\?['’]t|not|no|never)\s+)\bguarantee\w*\b[^.!?\n,&]{0,20}\b(?:deliver\w*|ship\w*)\b|\b(?:deliver\w*|ship\w*)\b[^.!?\n]{0,20}(?<!\b(?:not|never|no)\s+(?:be\s+)?)\bguaranteed\b(?!\s+[a-z])/i;
+var CLAIM_TEXT = /\b\d[\d,.]*[kKmM]?\s*(\+\s*)?((?:verified|happy|satisfied|loyal)\s+)?(reviews?|ratings?|customers?|shoppers?|buyers?|sold|five[- ]stars?)\b|\b\d[\d,.]*[kKmM]?\s*(\+\s*)?(?:\d|five)[- ]?stars?\s+(?:reviews?|ratings?)\b|\brated\s+\d/i;
+var CLAIM_TEXT_VI = /\d[.,]\d+\s*\/\s*5(?!\p{N})|(?<![\p{L}\p{N}])\d\s*\/\s*5\s*(?:sao|điểm)(?![\p{L}\p{N}])|\d[\d.,]*\s*(?:nghìn|ngàn|triệu|k)?\s*\+?\s*(?:lượt\s+)?(?:đánh giá|nhận xét|khách hàng|khách|người mua|người dùng|người đã mua|sao|đơn hàng)(?![\p{L}\p{N}])|(?<![\p{L}\p{N}])đã bán\s+(?:hơn\s+)?\d|\d[\d.,]*\s*(?:nghìn|ngàn|triệu|k)?\s*\+?\s*đã bán(?![\p{L}\p{N}])|(?<![\p{L}\p{N}])được đánh giá\s+\d|\d(?:[.,]\d{1,2})?\s*[★⭐]|[★⭐]\uFE0F?\s*\d/iu;
+var VI_START = "(?<![\\p{L}\\p{N}])";
+var VI_END = "(?![\\p{L}\\p{N}])";
+var VI_DURATION = `\\d+(?:[.,]\\d+)?\\s*(?:(?:[\u2013\u2014~-]|\u0111\u1EBFn|t\u1EDBi|ho\u1EB7c)\\s*\\d+\\s*)?(?:h(?:\\d{2})?|gi\u1EDD|ti\u1EBFng|ph\xFAt|ng\xE0y|tu\u1EA7n|th\xE1ng)${VI_END}`;
+var VI_DELIVERY_SPAN = `(?:\\d+(?:[.,]\\d+)?\\s*(?:h|gi\u1EDD|ti\u1EBFng|ph\xFAt|ng\xE0y|tu\u1EA7n)|\\d+\\s*(?:[\u2013\u2014~-]|\u0111\u1EBFn|t\u1EDBi)\\s*\\d+\\s*(?:ng\xE0y|tu\u1EA7n))${VI_END}`;
+var PROMISE_VI_PARTS = {
+  freeShipping: `${VI_START}mi\u1EC5n ph\xED\\s+(?:v\u1EADn chuy\u1EC3n|giao h\xE0ng|ship|\u0111\u1ED5i tr\u1EA3|\u0111\u1ED5i h\xE0ng|tr\u1EA3 h\xE0ng)${VI_END}`,
+  shippingFree: `${VI_START}(?:v\u1EADn chuy\u1EC3n|giao h\xE0ng|\u0111\u1ED5i tr\u1EA3|\u0111\u1ED5i h\xE0ng|tr\u1EA3 h\xE0ng)\\s+mi\u1EC5n ph\xED${VI_END}`,
+  freeship: `${VI_START}free\\s?ship${VI_END}`,
+  price: `\\d[\\d.,]*\\s?(?:\u0111|\u20AB|vn\u0111|vnd|\u0111\u1ED3ng(?!\\s*h\u1ED3))${VI_END}`,
+  daysThenPolicy: `\\d+\\s*ng\xE0y\\s+(?:\u0111\u1ED5i tr\u1EA3|\u0111\u1ED5i h\xE0ng|ho\xE0n ti\u1EC1n|d\xF9ng th\u1EED|tr\u1EA3 h\xE0ng)${VI_END}`,
+  policyWindow: `${VI_START}(?:ho\xE0n ti\u1EC1n|\u0111\u1ED5i tr\u1EA3|\u0111\u1ED5i h\xE0ng|tr\u1EA3 h\xE0ng)\\s+(?:mi\u1EC5n ph\xED\\s+)?(?:trong\\s+(?:v\xF2ng\\s+)?)?${VI_DURATION}`,
+  refundPercent: `${VI_START}ho\xE0n ti\u1EC1n\\s+\\d+\\s*%`,
+  // Giới từ + số là đủ (như 0.3.5), trừ khi số đó đếm bước/lần/món ("Nhận hàng trong 3 bước").
+  deliveryWithin: `${VI_START}(?:giao|nh\u1EADn)(?:\\s+h\xE0ng)?(?:\\s+nhanh)?\\s+(?:trong v\xF2ng|trong|sau|ch\u1EC9)\\s+\\d(?!\\d*\\s*(?:b\u01B0\u1EDBc|l\u1EA7n|c\xE1ch|m\xF3n|s\u1EA3n ph\u1EA9m|m\u1EE5c)${VI_END})`,
+  // Không giới từ thì chỉ "giao": "Nhận 10h sáng" là giờ hẹn. Loại khung giờ và nhịp ("7h-21h", "3 ngày/tuần", "một lần").
+  deliveryTime: `${VI_START}giao(?:\\s+h\xE0ng)?(?:\\s+nhanh)?\\s*:?\\s+${VI_DELIVERY_SPAN}(?!\\s*(?:[-\u2013\u2014~/]|\u0111\u1EBFn|t\u1EDBi|s\xE1ng|chi\u1EC1u|t\u1ED1i|tr\u01B0a|\u0111\xEAm|m\u1ED9t l\u1EA7n|1 l\u1EA7n|m\u1ED7i))`,
+  trial: `${VI_START}(?:d\xF9ng th\u1EED|tr\u1EA3i nghi\u1EC7m)\\s+(?:mi\u1EC5n ph\xED\\s+)?(?:trong\\s+(?:v\xF2ng\\s+)?)?\\d+\\s*(?:ng\xE0y|\u0111\xEAm|tu\u1EA7n|th\xE1ng)${VI_END}`,
+  warranty: `${VI_START}b\u1EA3o h\xE0nh(?:\\s+(?:ch\xEDnh h\xE3ng|1 \u0111\u1ED5i 1|\u0111\u1ED5i m\u1EDBi|l\xEAn (?:\u0111\u1EBFn|t\u1EDBi)|t\u1EDBi|\u0111\u1EBFn|trong(?: v\xF2ng)?))*\\s+(?:tr\u1ECDn \u0111\u1EDDi|\\d+(?:[.,]\\d+)?\\s*(?:ng\xE0y|th\xE1ng|n\u0103m))${VI_END}`,
+  // Chính sách huỷ gói và cam kết giao hàng, theo KHOẢNG CÁCH chứ không theo một cụm cố định: "Huỷ đăng ký bất cứ
+  // khi nào", "Cam kết giao hàng đúng hẹn" (review gemsite #694 và gemtheme #604, 29/09/2026).
+  // "Không thể / không được / không hỗ trợ / không cho phép (đổi hoặc) huỷ bất cứ lúc nào" là lời từ chối (review
+  // gemboss #3499, gemtheme #605). "Không ràng buộc, huỷ bất cứ lúc nào" vẫn là lời hứa.
+  // "Huỷ (bỏ) lọc/chọn" là nhãn bộ lọc; "huỷ đăng ký" là bỏ nhận tin, như "Unsubscribe anytime" bên tiếng Anh (huỷ GÓI
+  // mới là chính sách); và một động từ liên hệ ở giữa ("Hủy đơn, gọi chúng tôi bất cứ lúc nào") nói "bất cứ lúc nào" về
+  // việc gọi, không về việc huỷ (review gemfactory #68, gemtheme #606). Dấu phẩy thì KHÔNG cắt: "Hủy miễn phí, bất cứ
+  // lúc nào" vẫn là lời hứa.
+  cancelAnytime: `${VI_START}(?<!kh\xF4ng(?:\\s+(?:th\u1EC3|\u0111\u01B0\u1EE3c|h\u1ED7 tr\u1EE3|cho ph\xE9p))?(?:\\s+(?:\u0111\u1ED5i|tr\u1EA3)\\s+(?:ho\u1EB7c|hay))?\\s+)(?:hu\u1EF7|h\u1EE7y)(?!\\s+(?:b\u1ECF\\s+)?(?:l\u1ECDc|ch\u1ECDn|t\xECm)|\\s+\u0111\u0103ng k\xFD(?!\\s+g\xF3i))(?![^.!?\\n]{0,20}(?:g\u1ECDi|li\xEAn h\u1EC7|nh\u1EAFn|h\u1ECFi|chat))[^.!?\\n]{0,20}b\u1EA5t (?:c\u1EE9|k\u1EF3|k\xEC) (?:l\xFAc|khi) n\xE0o${VI_END}`,
+  // Loại TRỪ các từ ghép không phải giao hàng ("giao dịch", "giao diện", "giao tiếp"…), đừng liệt kê từ được phép:
+  // danh sách cho phép làm lọt "Cam kết giao sớm", "Cam kết giao toàn quốc" (review gemtheme #605).
+  guaranteedDelivery: `${VI_START}(?:\u0111\u1EA3m b\u1EA3o|b\u1EA3o \u0111\u1EA3m|cam k\u1EBFt)\\s+(?:giao(?!\\s*(?:d\u1ECBch|di\u1EC7n|ti\u1EBFp|l\u01B0u|th\xF4ng|ban|th\u1EEBa|h\u1EEFu|k\xE8o|ca|tranh|thoa|ph\xF3|h\u1EB9n|ho\xE0|h\xF2a))|ship|v\u1EADn chuy\u1EC3n)${VI_END}|${VI_START}(?:giao h\xE0ng|giao nhanh|ship nhanh|ship h\xE0ng|v\u1EADn chuy\u1EC3n)\\s+(?:\u0111\u1EA3m b\u1EA3o|b\u1EA3o \u0111\u1EA3m|cam k\u1EBFt)${VI_END}`,
+  // "được hoàn tiền" là lời hứa ("Khách hàng được hoàn tiền"), trừ "để được" (câu hỏi cách làm) và "không được" (từ chối).
+  refundCommitment: `${VI_START}(?:cam k\u1EBFt|b\u1EA3o \u0111\u1EA3m|\u0111\u1EA3m b\u1EA3o|s\u1EBD|(?<!(?:\u0111\u1EC3|kh\xF4ng)\\s)\u0111\u01B0\u1EE3c)\\s+ho\xE0n ti\u1EC1n${VI_END}`,
+  refundCondition: `${VI_START}ho\xE0n ti\u1EC1n\\s+(?:n\u1EBFu|khi(?!\\s+n\xE0o)|ngay|to\xE0n b\u1ED9|\u0111\u1EA7y \u0111\u1EE7|100)(?![\\p{L}])`,
+  // "Không hợp, Lumen hoàn tiền". "không hợp lệ" là "invalid", và "… thì không hoàn tiền" là lời từ chối.
+  // "Nếu muốn/cần hoàn tiền" là hướng dẫn, không phải lời hứa. Một "không" ngay trước ("không được hoàn tiền") là từ chối.
+  refundIfUnhappy: `${VI_START}(?:kh\xF4ng\\s+(?:h\u1EE3p(?!\\s+l\u1EC7)|h\xE0i l\xF2ng|v\u1EEBa \xFD|\u01B0ng \xFD|\u01B0ng)${VI_END}|n\u1EBFu(?!\\s+(?:b\u1EA1n\\s+|qu\xFD kh\xE1ch\\s+)?(?:mu\u1ED1n|c\u1EA7n)))[^.!?\\n]{0,40}(?<!kh\xF4ng(?:\\s+\\p{L}+)?\\s)ho\xE0n ti\u1EC1n${VI_END}`,
+  // "…nhắn cho Lumen để nhận lại toàn bộ tiền", "Hoàn lại 100% tiền": lời hứa hoàn tiền không có chữ "hoàn tiền"
+  // liền nhau, lọt mọi mẫu trên (thân cam kết của gemfactory guarantee-band, 29/09/2026). "Không (được/thể) …" là từ
+  // chối; "tiền thừa/thối/lẻ" là tiền trả lại khi thanh toán.
+  moneyBack: `${VI_START}(?<!kh\xF4ng(?:\\s+(?:\u0111\u01B0\u1EE3c|th\u1EC3))?\\s)(?:nh\u1EADn|ho\xE0n|tr\u1EA3|g\u1EEDi)\\s+l\u1EA1i\\s+(?:(?:to\xE0n b\u1ED9|\u0111\u1EE7|\u0111\u1EA7y \u0111\u1EE7|100\\s*%)\\s+)?(?:s\u1ED1\\s+)?ti\u1EC1n(?!\\s+(?:th\u1EEBa|th\u1ED1i|l\u1EBB))${VI_END}`
+};
+var PROMISE_VI = new RegExp(Object.values(PROMISE_VI_PARTS).join("|"), "iu");
+var INVENTED_PERSON_VI = /^\s*[-–—]?\s*(?:(?:Chị|Anh|Cô|Chú|Bác|Em|Bạn|Ông|Bà|Nguyễn|Trần|Lê|Phạm|Hoàng|Huỳnh|Phan|Vũ|Võ|Đặng|Bùi|Đỗ|Ngô|Dương|Đinh|Trương|Đoàn|Lương|Trịnh|Lý)(?:\s+\p{Lu}\p{Ll}*){1,3}\s*(?:,|\(|\s[-–—·])\s*\S|(?:Nguyễn|Trần|Lê|Phạm|Hoàng|Huỳnh|Phan|Vũ|Võ|Đặng|Bùi|Đỗ|Ngô|Dương|Đinh|Trương|Đoàn|Lương|Trịnh|Lý)\s+(?:Thị|Văn)(?:\s+\p{Lu}\p{Ll}*){1,2}\s*$)/u;
+var PRICE_K_VI = /(?<![\p{L}\p{N}.,])\d{2,3}(?:[.,]\d{3})*\s?k(?![\p{L}\p{N}])/u;
+var DISPLAY_QUANTITY = /(_to_show|_per_page|_per_row|_limit|_max|_visible|_columns?)$/;
+function blankComments(raw) {
+  return raw.replace(/\/\*[\s\S]*?\*\//g, (m) => m.replace(/[^\n]/g, " ")).replace(/(^|[^:])\/\/.*$/gm, (_m, p) => p);
+}
+function demoValues(src) {
+  const out = /* @__PURE__ */ new Map();
+  const head = /\bconst\s+DEMO\s*(?::[^=]+)?=\s*\{/.exec(src);
+  if (!head) return out;
+  let depth = 1;
+  let entry = "";
+  let entryStart = head.index + head[0].length;
+  const flush = (next) => {
+    const m = /^\s*["']?([A-Za-z_]\w*)["']?\s*:\s*([\s\S]+?)\s*$/.exec(entry);
+    const keyAt = entryStart + (entry.length - entry.trimStart().length);
+    if (m) out.set(m[1], { value: m[2], line: src.slice(0, keyAt).split("\n").length });
+    entry = "";
+    entryStart = next;
+  };
+  for (let i = entryStart; i < src.length; i++) {
+    const c = src[i];
+    if (c === '"' || c === "'" || c === "`") {
+      let j = i + 1;
+      while (j < src.length && src[j] !== c) j += src[j] === "\\" ? 2 : 1;
+      entry += src.slice(i, j + 1);
+      i = j;
+      continue;
+    }
+    if (c === "{" || c === "[" || c === "(") depth++;
+    else if (c === "}" || c === "]" || c === ")") {
+      if (--depth === 0) {
+        flush(i + 1);
+        break;
+      }
+    } else if (c === "," && depth === 1) {
+      flush(i + 1);
+      continue;
+    }
+    entry += c;
+  }
+  return out;
+}
+var PRICE_ANY = new RegExp(`[$\xA3\u20AC]\\s?\\d|\\b\\d[\\d.,]*\\s?(?:USD|EUR|GBP)\\b|${PROMISE_VI_PARTS.price}`, "iu");
+function isQuestion(text) {
+  const t = text.trim();
+  if (!/\?$/.test(t) || /[.!?]\s+\S/.test(t)) return false;
+  return /^(?:can|do|does|did|how|what|when|where|why|who|which|is|are|will|would|should|could|may)\b/i.test(t) || /(?:không|chưa|nào|sao|gì|đâu|bao lâu|bao nhiêu|mấy|được không|à|hả|nhỉ)\s*\?$/iu.test(t) || /^(?:làm sao|tại sao|vì sao|khi nào|bao lâu|có)(?![\p{L}])/iu.test(t);
+}
+function claimIn(raw) {
+  const text = raw.normalize("NFC");
+  if (CLAIM_TEXT.test(text) || CLAIM_TEXT_VI.test(text)) return "hardcoded claim";
+  if (INVENTED_PERSON.test(`"${text}"`) || INVENTED_PERSON_VI.test(text)) return "invented person";
+  if (isQuestion(text)) return PRICE_ANY.test(text) || PRICE_K_VI.test(text) ? "promise the merchant never made" : null;
+  if (PRICE_K_VI.test(text) && /^\s*\d[\d.,]*\s?k\s*\+?\s*$/.test(text)) return "hardcoded figure";
+  if (PROMISE.test(text) || PROMISE_VI.test(text) || PRICE_K_VI.test(text)) return "promise the merchant never made";
+  return null;
+}
+function demoInvents(value) {
+  const v = value.trim();
+  if (/^-?\d/.test(v)) return "number";
+  if (/^[{[]/.test(v) && /(?:^|[:[,])\s*-?\d/.test(v.slice(1))) return "number";
+  for (const text of stringLiteralsIn(v)) {
+    const kind = claimIn(text);
+    if (kind) return kind;
+  }
+  return null;
+}
+var claimNamed = (key) => CLAIM_KEY.test(key) && !DISPLAY_QUANTITY.test(key);
+function stringLiteralsIn(line) {
+  return [...line.matchAll(/(["'`])((?:\\.|(?!\1)[^\\])*)\1/g)].map((m) => m[2]);
+}
+function fabricatedProofInSource(raw) {
+  const src = blankComments(raw);
+  const out = [];
+  const demo = demoValues(src);
+  const lines = src.split("\n");
+  const caught = /* @__PURE__ */ new Set();
+  const demoReads = [];
+  const DANGLING = /(?:settings|slots|content_slots)\??\.([a-z_]+)\s*(?:\?\?|\|\|)\s*$/i;
+  lines.forEach((line, i) => {
+    const at = i + 1;
+    const slotKeys = [];
+    const carried = DANGLING.exec(lines[i - 1] ?? "")?.[1];
+    const reads = [...line.matchAll(/(?:settings|slots|content_slots)\??\.([a-z_]+)\s*(?:\?\?|\|\|)\s*([^;,)\]}]+)/gi)].map((m) => [m[1], m[2]]);
+    if (carried) reads.push([carried, /^\s*([^;,)\]}]+)/.exec(line)?.[1] ?? ""]);
+    for (const [key, rawFallback] of reads) {
+      slotKeys.push(key);
+      if (!claimNamed(key)) continue;
+      const fallback = rawFallback.trim();
+      const rest = fallback.replace(/\bDEMO\.\w+/g, "").trim();
+      if (/^(undefined|null|false|true|\[\]|\{\}|""|''|``)$/.test(rest)) continue;
+      if (!/\d/.test(rest)) continue;
+      out.push({ line: at, why: `${key} defaults to ${fallback}`, text: line.trim() });
+    }
+    for (const m of line.matchAll(/\bDEMO\.([A-Za-z_]\w*)/g)) {
+      const entry = demo.get(m[1]);
+      if (!entry) continue;
+      const kind = demoInvents(entry.value);
+      if (!kind) continue;
+      const slot = slotKeys.find(claimNamed);
+      if (kind === "number" && !claimNamed(m[1]) && !slot) continue;
+      demoReads.push({ at, key: m[1], entry, why: `${slot ?? m[1]} defaults to DEMO.${m[1]} = ${entry.value.trim()}`, text: line.trim() });
+    }
+    for (const m of line.matchAll(/(?<!\?\s*)["']?\b([A-Za-z_]\w*)["']?\s*:\s*["'`]?(-?\d(?:[\d.,]*\d)?)/g)) {
+      const [, key, num] = m;
+      if (!planKey(key)) continue;
+      if (/^0(\.0+)?$/.test(num)) continue;
+      caught.add(`${at}\0key\0${key}`);
+      out.push({ line: at, why: `plan literal ${key}: ${num}`, text: line.trim() });
+    }
+    for (const text of stringLiteralsIn(line)) {
+      if (text.includes("${")) continue;
+      const kind = claimIn(text);
+      if (!kind) continue;
+      caught.add(`${at}\0str\0${text}`);
+      out.push({ line: at, why: `${kind} ${JSON.stringify(text)}`, text: line.trim() });
+    }
+  });
+  for (const r of demoReads) {
+    const onDemoLine = caught.has(`${r.entry.line}\0key\0${r.key}`) || stringLiteralsIn(r.entry.value).some((text) => caught.has(`${r.entry.line}\0str\0${text}`));
+    if (!onDemoLine) out.push({ line: r.at, why: r.why, text: r.text });
+  }
+  return out.sort((a, b) => a.line - b.line);
+}
+function fabricatedProofInSchema(doc) {
+  const out = [];
+  const visit = (node) => {
+    if (Array.isArray(node)) return node.forEach(visit);
+    if (!node || typeof node !== "object") return;
+    const rec = node;
+    const id = typeof rec.id === "string" ? rec.id : null;
+    const zero = /^0(\.0+)?$/.test(String(rec.default ?? "").trim());
+    if (id && CLAIM_KEY.test(id) && !DISPLAY_QUANTITY.test(id) && rec.default != null && !zero && /\d/.test(String(rec.default))) {
+      out.push(`schema default ${id} = ${JSON.stringify(rec.default)}`);
+    }
+    Object.values(rec).forEach(visit);
+  };
+  visit(doc);
+  return out;
+}
+var TESTIMONY_NAME = /^(DEMO|STARTER|SAMPLE|PLACEHOLDER|FALLBACK)_.*(QUOTE|REVIEW|TESTIMONIAL|RATING|STARS?|CUSTOMER|PROOF|BUYER)/;
+var TESTIMONY_PROPERTY = /(?:^|_)(?:quotes?|testimonials?|reviews?|ratings?|stars?|customers?|reviewers?|authors?|buyers?)(?:_|$|\d)/;
+var LABEL_PROPERTY = /(?:^|_)(?:heading|title|label|eyebrow|kicker|intro|subheading|cta|button|link|caption)(?:_|$)/;
+function inventedTestimonyIn(raw) {
+  const src = blankComments(raw);
+  const usedAsFallback = (name) => (
+    // The else-branch of ANY ternary, wrapped or not (`bound ? [] : DEMO_REVIEWS` slipped past `[\\w.]+`,
+    // gemfactory #62). `?.` is optional chaining, not a ternary.
+    new RegExp(`\\?(?![.?])[^:;?]*:\\s*${name}\\b|\\?\\?\\s*${name}\\b|\\|\\|\\s*${name}\\b`).test(src)
+  );
+  const out = [];
+  for (const m of src.matchAll(/const\s+([A-Z][A-Z0-9_]*)\s*=/g)) {
+    const name = m[1];
+    if (TESTIMONY_NAME.test(name) && usedAsFallback(name)) out.push(name);
+  }
+  for (const [prop] of demoValues(src)) {
+    if (!TESTIMONY_PROPERTY.test(prop) || LABEL_PROPERTY.test(prop) || DISPLAY_QUANTITY.test(prop)) continue;
+    if (new RegExp(`\\bDEMO\\.${prop}\\b`).test(src)) out.push(`DEMO.${prop}`);
+  }
+  return out;
+}
+function demoOutsidePreview(raw) {
+  const src = blankComments(raw);
+  const out = [];
+  const GUARDS = "hasSlots|pageBound|demoMode|hasAuthoredColumnData";
+  for (const m of src.matchAll(/\bconst\s+(hasSlots|pageBound)\s*=\s*([^;]+);/g)) {
+    if (!/^\s*section\.demo\s*!==\s*true\s*\|\|/.test(m[2])) out.push(`\`${m[1]}\` must start \`section.demo !== true || \u2026\` so a live store counts as filled: ${m[0].replace(/\s+/g, " ").trim()}`);
+  }
+  for (const m of src.matchAll(/\bconst\s+demoMode\s*=\s*([^;]+);/g)) {
+    if (!/&&\s*section\.demo\s*===\s*true\b|\bsection\.demo\s*===\s*true\s*&&/.test(m[1])) out.push(`\`demoMode\` must require \`section.demo === true\`: ${m[0].replace(/\s+/g, " ").trim()}`);
+  }
+  const guard = new RegExp(`\\b(?:${GUARDS})\\b|\\bsection\\.demo\\b`);
+  for (const m of src.matchAll(/\bDEMO(?:_[A-Z0-9_]+\b|\.[A-Za-z_])/g)) {
+    const at = m.index ?? 0;
+    const lineStart = src.lastIndexOf("\n", at) + 1;
+    if (/^\s*(?:export\s+)?const\s+DEMO/.test(src.slice(lineStart, at + m[0].length + 40))) continue;
+    let depth = 0;
+    let start = 0;
+    for (let k = at - 1; k >= 0; k--) {
+      const c = src[k];
+      if (c === "}" || c === ")" || c === "]") depth++;
+      else if (c === "{" || c === "(" || c === "[") {
+        if (depth === 0 && c === "{") {
+          start = k;
+          break;
+        }
+        if (depth > 0) depth--;
+      } else if (c === ";" && depth === 0) {
+        start = k;
+        break;
+      }
+    }
+    if (!guard.test(src.slice(start, at))) {
+      const lineNo = src.slice(0, at).split("\n").length;
+      const lineEnd = src.indexOf("\n", at);
+      out.push(`line ${lineNo} reads starter copy with no preview guard: ${src.slice(lineStart, lineEnd < 0 ? void 0 : lineEnd).trim().slice(0, 120)}`);
+    }
+  }
+  return out;
+}
+
+// ../../packages/gem-sections/src/section-artifacts.ts
+function issue(severity, code, message, sectionId, metadata = {}) {
+  return {
+    severity,
+    code,
+    message,
+    section_id: sectionId,
+    ...metadata
+  };
+}
+function requiredArtifactPaths(definition) {
+  const shopify = definition.adapters.includes("shopify");
+  const headlessSurface = definition.paths?.element_tree ?? (definition.element_tree ? void 0 : definition.paths?.headless);
+  return [
+    definition.paths?.manifest,
+    ...shopify ? [definition.paths?.shopify, definition.paths?.css, definition.paths?.preview] : [],
+    ...definition.adapters.includes("headless") ? [headlessSurface] : [],
+    ...definition.dependencies.length > 0 && definition.paths?.behavior ? [definition.paths.behavior] : []
+  ].filter((path) => Boolean(path));
+}
+function isGemFrameworkArtifactPath(path) {
+  return /\.(css|liquid|html|tsx|js)$/.test(path);
+}
+function validateSectionArtifacts(definition, artifacts) {
+  const issues = [];
+  const byPath = new Map(artifacts.map((artifact) => [artifact.path, artifact]));
+  const marker = `data-gem-section-library-id="${definition.id}"`;
+  for (const artifactPath of requiredArtifactPaths(definition)) {
+    if (!byPath.has(artifactPath)) {
+      issues.push(issue("error", "missing_section_artifact", `Missing required section artifact: ${artifactPath}`, definition.id));
+    }
+  }
+  for (const path of [definition.paths?.shopify, definition.paths?.preview].filter(Boolean)) {
+    const artifact = byPath.get(path);
+    if (artifact && !artifact.content.includes(marker)) {
+      issues.push(issue("error", "missing_section_provenance_marker", `${path} is missing ${marker}.`, definition.id));
+    }
+  }
+  for (const artifact of artifacts.filter((item) => isGemFrameworkArtifactPath(item.path))) {
+    const validation = validateGemFrameworkArtifact(artifact, {
+      enforceKnownClasses: true,
+      sectionClassPrefixes: [
+        `gem-${slugify(definition.archetype)}`,
+        ...definition.class_root ? [definition.class_root] : []
+      ]
+    });
+    for (const frameworkIssue of validation.issues) {
+      const severity = definition.status === "stable" && frameworkIssue.severity === "warn" ? "error" : frameworkIssue.severity;
+      issues.push(issue(
+        severity,
+        `gem_framework_${frameworkIssue.code}`,
+        `${artifact.path}: ${frameworkIssue.message}`,
+        definition.id,
+        {
+          artifact_path: frameworkIssue.artifact_path ?? artifact.path,
+          ...frameworkIssue.class_name ? { framework_class_name: frameworkIssue.class_name } : {},
+          ...frameworkIssue.property ? { framework_property: frameworkIssue.property } : {},
+          ...frameworkIssue.value ? { framework_value: frameworkIssue.value } : {}
+        }
+      ));
+    }
+  }
+  return {
+    valid: !issues.some((item) => item.severity === "error"),
+    issues
+  };
+}
+export {
+  CLAIM_KEY,
+  CLAIM_PLAN_KEY,
+  CLAIM_TEXT,
+  CLAIM_TEXT_VI,
+  INVENTED_PERSON,
+  INVENTED_PERSON_VI,
+  LAYOUT_ATTRS,
+  PRICE_K_VI,
+  PROMISE,
+  PROMISE_VI,
+  SHARED_FRAMEWORK_PREFIXES,
+  TESTIMONY_NAME,
+  TESTIMONY_PROPERTY,
+  claimIn,
+  classesStyledBy,
+  cssPairingOrphans,
+  demoOutsidePreview,
+  fabricatedProofInSchema,
+  fabricatedProofInSource,
+  inventedTestimonyIn,
+  isFrameworkOwnedClass,
+  isGemFrameworkArtifactPath,
+  issue,
+  layoutKnobCheck,
+  requiredArtifactPaths,
+  sectionClassesIn,
+  sectionLibraryIdOf,
+  slotContractDrift,
+  slotSourceFromElementTree,
+  slotsReadBy,
+  stringLiteralsIn,
+  validateSectionArtifacts
+};