MOM Advitorial page

{%- liquid
  assign sec = '#shopify-section-' | append: section.id
  assign heading_tag = 'h2'
  if section.settings.use_h1
    assign heading_tag = 'h1'
  endif
-%}

{%- if section.settings.load_google_fonts -%}
  <link rel="preconnect" href="https://fonts.googleapis.com">
  <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
  <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&family=Source+Serif+4:ital,opsz,wght@0,8..60,400;0,8..60,600;0,8..60,700;1,8..60,400&display=swap">
{%- endif -%}

{% style %}
  {{ sec }} {
    padding-top: {{ section.settings.padding_top }}px;
    padding-bottom: {{ section.settings.padding_bottom }}px;
    background: {{ section.settings.bg_color }};
  }

  {{ sec }} .av2 { overflow-x: hidden; }
  {{ sec }} .av2 {
    --av-bg: {{ section.settings.bg_color }};
    --av-navy: #102A43;
    --av-navy-light: #243B53;
    --av-slate: #486581;
    --av-slate-light: #627D98;
    --av-sky: #EEF7FB;
    --av-sky-border: #BCDEEB;
    --av-blue: {{ section.settings.accent_color }};
    --av-accent: #5BB9D7;
    --av-border: #D9E2EC;
    --av-white: #FFFFFF;
    --av-radius: 12px;
    --av-sans: 'Plus Jakarta Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
    --av-serif: 'Source Serif 4', Georgia, 'Times New Roman', serif;

    color: var(--av-navy);
    font-family: var(--av-sans);
    line-height: 1.6;
    -webkit-font-smoothing: antialiased;
    text-align: left;
  }

  {{ sec }} .av2 *,
  {{ sec }} .av2 *::before,
  {{ sec }} .av2 *::after { box-sizing: border-box; }

  {{ sec }} .av2 h1,
  {{ sec }} .av2 h2,
  {{ sec }} .av2 h3,
  {{ sec }} .av2 h4,
  {{ sec }} .av2 p,
  {{ sec }} .av2 table,
  {{ sec }} .av2 figure { margin: 0; padding: 0; letter-spacing: normal; }

  {{ sec }} .av2 h1,
  {{ sec }} .av2 h2,
  {{ sec }} .av2 h3,
  {{ sec }} .av2 .av2-serif { font-family: var(--av-serif); }

  {{ sec }} .av2 p {
    font-size: 16px;
    color: #243B53;
    margin-bottom: 18px;
    line-height: 1.7;
  }

  /* ---------- Layout ---------- */
  {{ sec }} .av2-wrap {
    max-width: 760px;
    margin: 0 auto;
    padding-left: max(20px, env(safe-area-inset-left));
    padding-right: max(20px, env(safe-area-inset-right));
    width: 100%;
  }

  /* ---------- Announcement bar ---------- */
  {{ sec }} .av2-banner {
    background: var(--av-navy);
    color: #F0F4F8;
    font-size: 13px;
    font-weight: 600;
    text-align: center;
    padding: 10px 16px;
    border-bottom: 1px solid var(--av-navy-light);
  }
  {{ sec }} .av2-banner i {
    display: inline-block;
    width: 8px; height: 8px;
    background: var(--av-accent);
    border-radius: 50%;
    margin-right: 6px;
    vertical-align: middle;
  }

  /* ---------- Masthead ---------- */
  {{ sec }} .av2-masthead {
    background: var(--av-white);
    border-bottom: 1px solid var(--av-border);
  }
  {{ sec }} .av2-masthead-inner {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 12px;
    padding: 14px 0;
    flex-wrap: wrap;
  }
  {{ sec }} .av2-logo { font-size: 19px; font-weight: 700; letter-spacing: -0.5px; }
  {{ sec }} .av2-cat {
    font-size: 11px; font-weight: 700; text-transform: uppercase; letter-spacing: 0.5px;
    color: var(--av-slate); background: #F0F4F8; padding: 2px 8px;
    border-radius: 4px; border: 1px solid var(--av-border); margin-left: 8px;
    white-space: nowrap;
  }
  {{ sec }} .av2-ad-label {
    display: block;
    background: #F0F4F8;
    border-bottom: 1px solid var(--av-border);
    color: var(--av-navy);
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 0.4px;
    text-align: center;
    padding: 8px 16px;
  }
  {{ sec }} .av2-masthead-link {
    color: var(--av-navy); font-size: 13px; font-weight: 600; text-decoration: underline;
  }

  /* ---------- Article head ---------- */
  {{ sec }} .av2-body { padding: 36px 0 12px; }
  {{ sec }} .av2-eyebrow-top {
    font-size: 11px; font-weight: 700; text-transform: uppercase; letter-spacing: 1px;
    color: var(--av-blue); margin-bottom: 12px;
  }
  {{ sec }} .av2-title {
    font-size: 38px; line-height: 1.18; font-weight: 700;
    margin-bottom: 16px; letter-spacing: -0.5px; color: var(--av-navy);
  }
  {{ sec }} .av2-sub {
    font-size: 19px; color: #334E68; font-style: italic; line-height: 1.5; margin-bottom: 24px;
  }
  {{ sec }} .av2-byline {
    display: flex; justify-content: space-between; align-items: center;
    flex-wrap: wrap; gap: 12px; font-size: 13px; color: var(--av-slate-light);
    border-top: 1px solid var(--av-border); border-bottom: 1px solid var(--av-border);
    padding: 12px 0; margin-bottom: 28px;
  }

  /* ---------- Hero image ---------- */
  {{ sec }} .av2-hero {
    background: var(--av-white); border: 1px solid var(--av-border);
    border-radius: var(--av-radius); padding: 24px; text-align: center;
    box-shadow: 0 1px 3px rgba(0,0,0,0.05); margin-bottom: 28px;
  }
  {{ sec }} .av2-hero img {
    display: block; width: auto; max-width: 100%; height: auto; max-height: 440px;
    margin: 0 auto; border-radius: 8px; object-fit: contain;
  }
  {{ sec }} .av2-hero-ph {
    background: #F0F4F8; border-radius: 8px; padding: 60px 20px;
    color: var(--av-slate-light); font-size: 13px;
  }
  {{ sec }} .av2-cap { font-size: 12px; color: var(--av-slate-light); margin-top: 10px; }

  /* ---------- Primary CTA button ---------- */
  {{ sec }} .av2-cta-primary {
    display: inline-block; text-align: center; background: var(--av-navy); color: #fff;
    font-weight: 700; font-size: 15px; padding: 13px 26px; border-radius: 8px;
    text-decoration: none; margin: 4px 0 8px;
  }
  {{ sec }} .av2-cta-primary:hover { background: #1B3A57; color: #fff; }
  {{ sec }} .av2-microcopy { font-size: 12px; color: var(--av-slate-light); margin-bottom: 8px; }

  /* ---------- Section headings ---------- */
  {{ sec }} .av2-h2 { font-size: 25px; margin: 34px 0 12px; font-weight: 700; line-height: 1.28; }
  {{ sec }} .av2-h2-c { text-align: center; }
  {{ sec }} .av2-eyebrow {
    font-size: 11px; font-weight: 700; text-transform: uppercase; letter-spacing: 1px;
    color: var(--av-blue); margin: 34px 0 4px;
  }

  /* ---------- Inline link CTA ---------- */
  {{ sec }} .av2-inline-cta {
    display: inline-block; color: var(--av-blue); font-weight: 700; font-size: 15px;
    text-decoration: none; border-bottom: 2px solid var(--av-sky-border);
    padding-bottom: 2px; margin: 4px 0 20px;
  }
  {{ sec }} .av2-inline-cta:hover { border-bottom-color: var(--av-blue); }

  /* ---------- Formula snapshot table ---------- */
  {{ sec }} .av2-table-wrap { overflow-x: auto; -webkit-overflow-scrolling: touch; margin: 20px 0 12px; }
  {{ sec }} .av2-table {
    width: 100%; min-width: 520px; border-collapse: collapse;
    background: var(--av-white); border: 1px solid var(--av-border);
    border-radius: var(--av-radius); overflow: hidden; font-size: 13px;
  }
  {{ sec }} .av2-table th,
  {{ sec }} .av2-table td {
    padding: 12px 14px; text-align: left; border-bottom: 1px solid var(--av-border);
    color: var(--av-navy-light); vertical-align: top;
  }
  {{ sec }} .av2-table th { background: #F0F4F8; font-weight: 700; }
  {{ sec }} .av2-table td:first-child { font-weight: 600; color: var(--av-navy); white-space: nowrap; }
  {{ sec }} .av2-table td:nth-child(2) { font-weight: 700; color: var(--av-blue); white-space: nowrap; }
  {{ sec }} .av2-formula-note {
    font-size: 12px; color: var(--av-slate); font-style: italic;
    margin: 0 0 32px; line-height: 1.6;
  }

  /* ---------- Cue table (day-proof habit) ---------- */
  {{ sec }} .av2-cues { margin: 20px 0 12px; display: grid; gap: 12px; }
  {{ sec }} .av2-cue {
    background: var(--av-white); border: 1px solid var(--av-border);
    border-radius: var(--av-radius); padding: 16px 18px;
    display: grid; grid-template-columns: 200px 1fr; gap: 16px; align-items: start;
  }
  {{ sec }} .av2-cue-moment { font-weight: 700; color: var(--av-navy); font-size: 14px; }
  {{ sec }} .av2-cue-do { color: var(--av-slate); font-size: 14px; line-height: 1.6; }

  /* ---------- Callout / cognition note ---------- */
  {{ sec }} .av2-note {
    background: var(--av-sky); border: 1px solid var(--av-sky-border);
    border-radius: var(--av-radius); padding: 20px; margin: 24px 0;
  }
  {{ sec }} .av2-note .av2-eyebrow { margin-top: 0; }
  {{ sec }} .av2-note p { font-size: 14px; color: var(--av-navy-light); margin-bottom: 0; }

  /* ---------- Pricing tiers ---------- */
  {{ sec }} .av2-tiers {
    display: grid; grid-template-columns: repeat(auto-fit, minmax(210px, 1fr));
    gap: 14px; margin: 12px 0 4px;
  }
  {{ sec }} .av2-tier {
    background: var(--av-white); border: 1px solid var(--av-border);
    border-radius: var(--av-radius); padding: 20px 18px; position: relative;
    display: flex; flex-direction: column;
  }
  {{ sec }} .av2-tier.is-featured {
    border: 2px solid var(--av-blue); box-shadow: 0 4px 12px rgba(11,105,163,0.12);
  }
  {{ sec }} .av2-tier-tag {
    position: absolute; top: -10px; right: 14px; background: var(--av-blue); color: #fff;
    font-size: 10px; font-weight: 700; text-transform: uppercase;
    padding: 2px 8px; border-radius: 12px;
  }
  {{ sec }} .av2-tier-label { font-size: 11px; font-weight: 700; text-transform: uppercase; letter-spacing: 0.5px; color: var(--av-slate); }
  {{ sec }} .av2-tier.is-featured .av2-tier-label { color: var(--av-blue); }
  {{ sec }} .av2-tier h3 { font-size: 17px; margin-top: 2px; font-weight: 700; }
  {{ sec }} .av2-tier p { font-size: 13px; color: var(--av-slate); margin: 8px 0 0; }
  {{ sec }} .av2-tier-cta {
    display: inline-block; margin-top: 16px; text-align: center;
    background: var(--av-navy); color: #fff; font-weight: 700; font-size: 13px;
    padding: 11px 16px; border-radius: 8px; text-decoration: none;
  }
  {{ sec }} .av2-tier.is-featured .av2-tier-cta { background: var(--av-blue); }
  {{ sec }} .av2-tier-cta:hover { background: #1B3A57; color: #fff; }
  {{ sec }} .av2-tier.is-featured .av2-tier-cta:hover { background: #095A8C; }
  {{ sec }} .av2-tiers-heading { font-size: 20px; font-weight: 700; text-align: center; margin: 32px 0 4px; }
  {{ sec }} .av2-tiers-sub { font-size: 13px; color: var(--av-slate); text-align: center; margin-bottom: 18px; }

  /* ---------- Offer block ---------- */
  {{ sec }} .av2-offer {
    background: var(--av-white); border: 1px solid var(--av-border);
    border-radius: var(--av-radius); padding: 32px 24px; text-align: center;
    margin: 36px 0; box-shadow: 0 1px 3px rgba(0,0,0,0.05);
  }
  {{ sec }} .av2-offer .av2-eyebrow { margin-top: 0; }
  {{ sec }} .av2-offer h2 { font-size: 28px; margin-bottom: 12px; font-weight: 700; }
  {{ sec }} .av2-offer p { font-size: 15px; color: var(--av-slate); max-width: 540px; margin: 0 auto 20px; }
  {{ sec }} .av2-trust { font-size: 12px; color: var(--av-slate-light); margin-top: 16px; }

  /* ---------- Email capture ---------- */
  {{ sec }} .av2-form-box {
    background: var(--av-sky); border: 1px solid var(--av-sky-border);
    border-radius: var(--av-radius); padding: 24px; text-align: center; margin: 24px 0 8px;
  }
  {{ sec }} .av2-form-box h3 { font-size: 20px; margin-top: 2px; font-weight: 700; }
  {{ sec }} .av2-form-box > p { font-size: 13px; color: var(--av-slate); max-width: 460px; margin: 4px auto 12px; }
  {{ sec }} .av2-input-row { display: flex; gap: 8px; max-width: 440px; margin: 12px auto 8px; }
  {{ sec }} .av2-input {
    flex: 1; padding: 12px 14px; border: 1px solid #CBD2D9; border-radius: 8px;
    font-size: 14px; font-family: var(--av-sans); color: var(--av-navy); background: #fff;
    width: 100%; min-height: auto;
  }
  {{ sec }} .av2-btn {
    background: var(--av-navy); color: #fff; font-family: var(--av-sans);
    font-weight: 700; font-size: 14px; padding: 12px 20px; border: none;
    border-radius: 8px; cursor: pointer; min-height: auto; letter-spacing: normal; white-space: nowrap;
  }
  {{ sec }} .av2-btn:hover { background: #1B3A57; }
  {{ sec }} .av2-fineprint { font-size: 11px; color: #829AB1; }
  {{ sec }} .av2-form-error { font-size: 13px; color: #A61B1B; margin: 8px auto 0; max-width: 440px; }
  {{ sec }} .av2-success { padding: 14px 0; }
  {{ sec }} .av2-success h4 { font-size: 19px; color: var(--av-navy); font-family: var(--av-serif); }
  {{ sec }} .av2-success p { font-size: 13px; color: var(--av-slate); max-width: 460px; margin: 6px auto 0; }
  {{ sec }} .av2-vh {
    position: absolute !important; width: 1px; height: 1px; overflow: hidden;
    clip: rect(0 0 0 0); clip-path: inset(50%); white-space: nowrap;
  }

  /* ---------- FAQ ---------- */
  {{ sec }} .av2-faq {
    background: var(--av-white); border: 1px solid var(--av-border);
    border-radius: var(--av-radius); padding: 14px 18px; margin-bottom: 10px;
  }
  {{ sec }} .av2-faq summary { font-weight: 700; font-size: 14px; cursor: pointer; list-style: revert; }
  {{ sec }} .av2-faq p {
    margin-top: 10px; font-size: 13px; color: var(--av-slate);
    border-top: 1px solid #F0F4F8; padding-top: 10px; margin-bottom: 0;
  }

  /* ---------- Footer ---------- */
  {{ sec }} .av2-foot { border-top: 1px solid var(--av-border); padding-top: 28px; margin-top: 32px; }
  {{ sec }} .av2-disclaimer {
    border: 1px solid #CBD2D9; background: var(--av-white); padding: 14px;
    border-radius: 6px; color: var(--av-slate); margin-bottom: 16px; font-size: 12px; line-height: 1.6;
  }
  {{ sec }} .av2-foot p { font-size: 11px; color: var(--av-slate); margin-bottom: 8px; line-height: 1.6; }
  {{ sec }} .av2-copyright { color: var(--av-slate-light) !important; }

  /* ---------- Focus / a11y ---------- */
  {{ sec }} .av2 a:focus-visible,
  {{ sec }} .av2 button:focus-visible,
  {{ sec }} .av2 input:focus-visible,
  {{ sec }} .av2 summary:focus-visible {
    outline: 2px solid var(--av-blue); outline-offset: 2px; border-radius: 4px;
  }

  @media screen and (max-width: 749px) {
    {{ sec }} .av2-wrap { padding-left: 16px; padding-right: 16px; }
    {{ sec }} .av2-body { padding-top: 24px; }
    {{ sec }} .av2-hero { padding: 14px; }
    {{ sec }} .av2-note,
    {{ sec }} .av2-offer,
    {{ sec }} .av2-form-box { padding: 18px 16px; }
    {{ sec }} .av2-cue { grid-template-columns: 1fr; gap: 4px; }
  }
  @media screen and (max-width: 600px) {
    {{ sec }} .av2-title { font-size: 27px; line-height: 1.22; }
    {{ sec }} .av2-sub { font-size: 16px; }
    {{ sec }} .av2-h2 { font-size: 22px; }
    {{ sec }} .av2-offer h2 { font-size: 24px; }
    {{ sec }} .av2-input-row { flex-direction: column; }
    {{ sec }} .av2-byline { font-size: 12px; }
  }
{% endstyle %}

<div class="av2">

  {%- if section.settings.show_ad_label -%}
    <div class="av2-ad-label">{{ section.settings.ad_label_text }}</div>
  {%- endif -%}

  {%- if section.settings.banner_text != blank -%}
    <div class="av2-banner"><i></i>{{ section.settings.banner_text }}</div>
  {%- endif -%}

  <div class="av2-masthead">
    <div class="av2-wrap av2-masthead-inner">
      <div>
        <span class="av2-logo av2-serif">{{ section.settings.publication_name }}</span>
        {%- if section.settings.category_name != blank -%}
          <span class="av2-cat">{{ section.settings.category_name }}</span>
        {%- endif -%}
      </div>
      {%- if section.settings.masthead_link_text != blank -%}
        <a class="av2-masthead-link" href="#av2-offer-{{ section.id }}">{{ section.settings.masthead_link_text }}</a>
      {%- endif -%}
    </div>
  </div>

  <div class="av2-wrap av2-body">

    {%- comment -%} ===== Section 2: Hero ===== {%- endcomment -%}
    {%- if section.settings.hero_eyebrow != blank -%}
      <div class="av2-eyebrow-top">{{ section.settings.hero_eyebrow }}</div>
    {%- endif -%}
    <{{ heading_tag }} class="av2-title">{{ section.settings.heading }}</{{ heading_tag }}>
    <div class="av2-sub">{{ section.settings.subtitle }}</div>

    <div class="av2-byline">
      <div><strong>{{ section.settings.author_name }}</strong>{% if section.settings.author_title != blank %} · {{ section.settings.author_title }}{% endif %}</div>
      <div>{{ section.settings.byline_meta }}</div>
    </div>

    <div class="av2-hero">
      {%- if section.settings.hero_image != blank -%}
        {{ section.settings.hero_image | image_url: width: 1400 | image_tag:
            widths: '400,600,800,1000,1200,1400',
            sizes: '(min-width: 800px) 700px, 90vw',
            alt: section.settings.hero_alt,
            loading: 'lazy' }}
      {%- else -%}
        <div class="av2-hero-ph">Add your hero image in the Theme Editor →</div>
      {%- endif -%}
      {%- if section.settings.hero_caption != blank -%}
        <div class="av2-cap">{{ section.settings.hero_caption }}</div>
      {%- endif -%}
    </div>

    <p>{{ section.settings.hero_body_1 }}</p>
    <p>{{ section.settings.hero_body_2 }}</p>

    {%- if section.settings.hero_cta_text != blank -%}
      <a class="av2-cta-primary" href="{{ section.settings.hero_cta_url | default: '#av2-offer-' | append: section.id }}">{{ section.settings.hero_cta_text }}</a>
      <div class="av2-microcopy">{{ section.settings.hero_microcopy }}</div>
    {%- endif -%}

    {%- comment -%} ===== Section 3: The reality of a full calendar ===== {%- endcomment -%}
    <h2 class="av2-h2 av2-serif">{{ section.settings.s3_heading }}</h2>
    <p>{{ section.settings.s3_body_1 }}</p>
    <p>{{ section.settings.s3_body_2 }}</p>
    <p>{{ section.settings.s3_body_3 }}</p>

    {%- comment -%} ===== Section 4: Six demands, not six containers ===== {%- endcomment -%}
    <h2 class="av2-h2 av2-serif">{{ section.settings.s4_heading }}</h2>
    <p>{{ section.settings.s4_body_1 }}</p>
    <p>{{ section.settings.s4_body_2 }}</p>

    {%- if section.settings.s4_pullquote != blank -%}
      <div class="av2-note">
        <p><strong>{{ section.settings.s4_pullquote }}</strong></p>
      </div>
    {%- endif -%}

    {%- comment -%} ===== Section 5: What the formula provides ===== {%- endcomment -%}
    <div class="av2-eyebrow">{{ section.settings.s5_eyebrow }}</div>
    <h2 class="av2-h2 av2-serif" style="margin-top:4px;">{{ section.settings.s5_heading }}</h2>
    <p>{{ section.settings.s5_body_1 }}</p>
    <p>{{ section.settings.s5_body_2 }}</p>
    <p>{{ section.settings.s5_body_3 }}</p>
    <p>{{ section.settings.s5_body_4 }}</p>

    {%- if section.settings.s5_cta_text != blank -%}
      <a class="av2-inline-cta" href="{{ section.settings.s5_cta_url | default: '#av2-formula-' | append: section.id }}">{{ section.settings.s5_cta_text }}</a>
    {%- endif -%}

    {%- comment -%} ===== Section 6: Formula snapshot (editable rows via blocks) ===== {%- endcomment -%}
    {%- if section.blocks.size > 0 -%}
      <div id="av2-formula-{{ section.id }}" style="scroll-margin-top: 90px;">
        <div class="av2-table-wrap">
          <table class="av2-table">
            <thead>
              <tr>
                <th>{{ section.settings.formula_col_1 }}</th>
                <th>{{ section.settings.formula_col_2 }}</th>
                <th>{{ section.settings.formula_col_3 }}</th>
              </tr>
            </thead>
            <tbody>
              {%- for block in section.blocks -%}
                {%- if block.type == 'formula_row' -%}
                  <tr {{ block.shopify_attributes }}>
                    <td>{{ block.settings.component }}</td>
                    <td>{{ block.settings.amount }}</td>
                    <td style="font-weight:400;color:var(--av-slate);">{{ block.settings.role }}</td>
                  </tr>
                {%- endif -%}
              {%- endfor -%}
            </tbody>
          </table>
        </div>
        {%- if section.settings.formula_note != blank -%}
          <p class="av2-formula-note">{{ section.settings.formula_note }}</p>
        {%- endif -%}
      </div>
    {%- endif -%}

    {%- comment -%} ===== Section 7: The day-proof habit ===== {%- endcomment -%}
    <h2 class="av2-h2 av2-serif">{{ section.settings.s7_heading }}</h2>
    <p>{{ section.settings.s7_body }}</p>

    <div class="av2-cues">
      {%- if section.settings.cue1_moment != blank -%}
        <div class="av2-cue"><div class="av2-cue-moment">{{ section.settings.cue1_moment }}</div><div class="av2-cue-do">{{ section.settings.cue1_do }}</div></div>
      {%- endif -%}
      {%- if section.settings.cue2_moment != blank -%}
        <div class="av2-cue"><div class="av2-cue-moment">{{ section.settings.cue2_moment }}</div><div class="av2-cue-do">{{ section.settings.cue2_do }}</div></div>
      {%- endif -%}
      {%- if section.settings.cue3_moment != blank -%}
        <div class="av2-cue"><div class="av2-cue-moment">{{ section.settings.cue3_moment }}</div><div class="av2-cue-do">{{ section.settings.cue3_do }}</div></div>
      {%- endif -%}
    </div>

    {%- if section.settings.s7_cta_text != blank -%}
      <a class="av2-inline-cta" href="{{ section.settings.s7_cta_url | default: '#av2-offer-' | append: section.id }}">{{ section.settings.s7_cta_text }}</a>
    {%- endif -%}

    {%- comment -%} ===== Section 8: Cognition language note (approved live version) ===== {%- endcomment -%}
    {%- if section.settings.cognition_note != blank -%}
      <div class="av2-note">
        <div class="av2-eyebrow">A note on cognition research</div>
        <p>{{ section.settings.cognition_note }}</p>
      </div>
    {%- endif -%}

    {%- comment -%} ===== Pricing tiers ===== {%- endcomment -%}
    {%- assign tier_blocks = section.blocks | where: 'type', 'tier' -%}
    {%- if tier_blocks.size > 0 -%}
      {%- if section.settings.tiers_heading != blank -%}
        <h2 class="av2-tiers-heading av2-serif">{{ section.settings.tiers_heading }}</h2>
      {%- endif -%}
      {%- if section.settings.tiers_sub != blank -%}
        <p class="av2-tiers-sub">{{ section.settings.tiers_sub }}</p>
      {%- endif -%}
      <div class="av2-tiers">
        {%- for block in tier_blocks -%}
          <div class="av2-tier {% if block.settings.featured %}is-featured{% endif %}" {{ block.shopify_attributes }}>
            {%- if block.settings.featured and block.settings.tag_text != blank -%}
              <div class="av2-tier-tag">{{ block.settings.tag_text }}</div>
            {%- endif -%}
            <div class="av2-tier-label">{{ block.settings.label }}</div>
            <h3>{{ block.settings.title }}</h3>
            {%- if block.settings.note != blank -%}<p>{{ block.settings.note }}</p>{%- endif -%}
            {%- if block.settings.cta_url != blank -%}
              <a class="av2-tier-cta" href="{{ block.settings.cta_url }}">{{ block.settings.cta_text | default: 'View Offer' }}</a>
            {%- endif -%}
          </div>
        {%- endfor -%}
      </div>
    {%- endif -%}

    {%- comment -%} ===== Section 9: Final offer + email capture ===== {%- endcomment -%}
    <div id="av2-offer-{{ section.id }}" class="av2-offer" style="scroll-margin-top: 90px;">
      <div class="av2-eyebrow">{{ section.settings.offer_eyebrow }}</div>
      <h2 class="av2-serif">{{ section.settings.offer_heading }}</h2>
      <p>{{ section.settings.offer_body }}</p>

      {%- if section.settings.offer_cta_text != blank -%}
        <a class="av2-cta-primary" href="{{ section.settings.offer_cta_url | default: '#' }}">{{ section.settings.offer_cta_text }}</a>
      {%- endif -%}

      {%- if section.settings.show_email_capture -%}
        <div class="av2-form-box">
          {%- form 'customer', id: 'av2-waitlist-form', class: 'av2-form' -%}
            {%- if form.posted_successfully? -%}
              <div class="av2-success">
                <h4>{{ section.settings.success_heading }}</h4>
                <p>{{ section.settings.success_text }}</p>
              </div>
            {%- else -%}
              <h3 class="av2-serif">{{ section.settings.form_heading }}</h3>
              <p>{{ section.settings.form_text }}</p>

              <input type="hidden" name="contact[tags]" value="{{ section.settings.customer_tags }}">
              <input type="hidden" name="contact[accepts_marketing]" value="true">

              <div class="av2-input-row">
                <label class="av2-vh" for="av2-email-{{ section.id }}">Email</label>
                <input
                  class="av2-input"
                  type="email"
                  name="contact[email]"
                  id="av2-email-{{ section.id }}"
                  autocomplete="email"
                  autocorrect="off"
                  autocapitalize="off"
                  spellcheck="false"
                  required
                  placeholder="{{ section.settings.form_placeholder }}">
                <button type="submit" class="av2-btn">{{ section.settings.form_button }}</button>
              </div>

              {%- if form.errors -%}
                <p class="av2-form-error">{{ form.errors.translated_fields['email'] | capitalize }} {{ form.errors.messages['email'] }}</p>
              {%- endif -%}

              <div class="av2-fineprint">{{ section.settings.form_fineprint }}</div>
            {%- endif -%}
          {%- endform -%}
        </div>
      {%- endif -%}

      {%- if section.settings.trust_line != blank -%}
        <div class="av2-trust">{{ section.settings.trust_line }}</div>
      {%- endif -%}
    </div>

    {%- comment -%} ===== Section 10: FAQ ===== {%- endcomment -%}
    <h2 class="av2-h2 av2-h2-c av2-serif">Frequently Asked Questions</h2>

    {%- if section.settings.faq1_q != blank -%}
      <details class="av2-faq"><summary>{{ section.settings.faq1_q }}</summary><p>{{ section.settings.faq1_a }}</p></details>
    {%- endif -%}
    {%- if section.settings.faq2_q != blank -%}
      <details class="av2-faq"><summary>{{ section.settings.faq2_q }}</summary><p>{{ section.settings.faq2_a }}</p></details>
    {%- endif -%}
    {%- if section.settings.faq3_q != blank -%}
      <details class="av2-faq"><summary>{{ section.settings.faq3_q }}</summary><p>{{ section.settings.faq3_a }}</p></details>
    {%- endif -%}
    {%- if section.settings.faq4_q != blank -%}
      <details class="av2-faq"><summary>{{ section.settings.faq4_q }}</summary><p>{{ section.settings.faq4_a }}</p></details>
    {%- endif -%}

    {%- comment -%} ===== Required legal footer ===== {%- endcomment -%}
    <div class="av2-foot">
      <div class="av2-disclaimer">
        {{ section.settings.legal_footer }}
      </div>
      <p class="av2-copyright">{{ section.settings.copyright_text }}</p>
    </div>

  </div>
</div>

{% schema %}
{
  "name": "AltaVida Advertorial 2",
  "tag": "section",
  "class": "av2-section",
  "settings": [
    { "type": "header", "content": "Disclosure (required)" },
    { "type": "checkbox", "id": "show_ad_label", "label": "Show sponsor disclosure at top", "default": true, "info": "Keep on. The FTC requires clear, up-front disclosure when an ad is formatted like editorial content." },
    { "type": "text", "id": "ad_label_text", "label": "Disclosure label", "default": "SPONSORED BY ALTAVIDA NUTRITION" },

    { "type": "header", "content": "Masthead & announcement bar" },
    { "type": "text", "id": "banner_text", "label": "Announcement bar", "default": "The calendar is full. Your routine can still have one simple constant." },
    { "type": "text", "id": "publication_name", "label": "Publication name", "default": "THE DAILY ROUTINE" },
    { "type": "text", "id": "category_name", "label": "Category badge", "default": "Active Living" },
    { "type": "text", "id": "masthead_link_text", "label": "Masthead link text", "default": "See the routine" },

    { "type": "header", "content": "Hero" },
    { "type": "checkbox", "id": "use_h1", "label": "Use H1 for the headline", "default": true, "info": "Turn OFF if another section above this one already uses an H1." },
    { "type": "text", "id": "hero_eyebrow", "label": "Eyebrow", "default": "THE FULL-CALENDAR ROUTINE" },
    { "type": "textarea", "id": "heading", "label": "Headline (H1)", "default": "Between school drop-off, work, workouts, and dinner—your routine deserves one easy win." },
    { "type": "textarea", "id": "subtitle", "label": "Subheadline", "default": "AltaVida Glacier Lemon brings 5 g of creatine monohydrate plus clearly listed sodium, potassium, and magnesium into one daily scoop—so you can spend less time managing a product stack and more time showing up for the things that matter." },
    { "type": "text", "id": "author_name", "label": "Byline name", "default": "By the AltaVida Nutrition Editorial Team", "info": "Use your brand or a real person. A fictional independent-columnist byline on your own ad is a deceptive-format risk." },
    { "type": "text", "id": "author_title", "label": "Byline title", "default": "Reviewed for accuracy prior to publication" },
    { "type": "text", "id": "byline_meta", "label": "Byline right side", "default": "Updated September 2026 · 5 min read" },
    { "type": "image_picker", "id": "hero_image", "label": "Hero image", "info": "Calm, capable visual — Glacier Lemon tub + water bottle with everyday items. Avoid a frazzled-mother stereotype." },
    { "type": "text", "id": "hero_alt", "label": "Hero alt text", "default": "AltaVida Glacier Lemon tub with a water bottle on a bright kitchen counter" },
    { "type": "text", "id": "hero_caption", "label": "Hero caption", "default": "One product. One scoop. Glacier Lemon: 5 g creatine monohydrate plus disclosed electrolytes." },
    { "type": "textarea", "id": "hero_body_1", "label": "Hero body paragraph 1", "default": "The women carrying the most often put their own routines last. You make the lunches, remember the practice schedule, answer the message, start the laundry, and still try to keep a promise to yourself: move your body, drink your water, and feel prepared for the day." },
    { "type": "textarea", "id": "hero_body_2", "label": "Hero body paragraph 2", "default": "You do not need five or six new products competing for a spot in your morning. You need a simple, clearly labeled option for the part of your routine that includes creatine and key electrolytes." },
    { "type": "text", "id": "hero_cta_text", "label": "Hero button text", "default": "Simplify My Daily Routine" },
    { "type": "url", "id": "hero_cta_url", "label": "Hero button link", "info": "Link to the product page once live. Leave blank to scroll to the offer block below." },
    { "type": "text", "id": "hero_microcopy", "label": "Hero microcopy", "default": "One product. One scoop. Final ingredients, directions, and current purchase options are on the product page." },

    { "type": "header", "content": "Section 3 — The reality of a full calendar" },
    { "type": "textarea", "id": "s3_heading", "label": "Heading", "default": "You are not \u201cbad at routines.\u201d Your routine has too many decision points." },
    { "type": "textarea", "id": "s3_body_1", "label": "Paragraph 1", "default": "When the day begins with getting everyone else out the door, it is easy for your own water bottle to be the last thing filled and your own supplement routine to be the first thing skipped. The answer is not a stricter schedule or a cabinet full of products with separate instructions." },
    { "type": "textarea", "id": "s3_body_2", "label": "Paragraph 2", "default": "It is a smaller decision: one scoop, mixed with water according to the final label, anchored to a moment that already exists in your day." },
    { "type": "textarea", "id": "s3_body_3", "label": "Paragraph 3", "default": "Whether that moment is after the school run, after a strength class, before an afternoon walk, or while you wait in the carpool line, the goal is not perfection. The goal is a routine that remains possible when the day is not calm." },

    { "type": "header", "content": "Section 4 — Six demands, not six containers" },
    { "type": "textarea", "id": "s4_heading", "label": "Heading", "default": "Your day can have six demands. Your supplement routine does not need six containers." },
    { "type": "textarea", "id": "s4_body_1", "label": "Paragraph 1", "default": "The modern \u201cwellness stack\u201d can feel endless: one product for training, one for hydration, one for minerals, one for flavor, and several more that ask you to remember a different time, dose, or reason to take them." },
    { "type": "textarea", "id": "s4_body_2", "label": "Paragraph 2", "default": "AltaVida does not claim to replace every supplement a person may use or need. It does offer one clear product for the specific components in its formula: creatine monohydrate plus sodium, potassium, and magnesium. That means one less set of containers to organize for women who want a more practical daily routine." },
    { "type": "text", "id": "s4_pullquote", "label": "Safe pull-quote", "default": "One scoop for the creatine-and-electrolyte part of your routine.", "info": "Do NOT change this to \u201creplaces 5\u20136 supplements\u201d \u2014 that implies an equivalence AltaVida hasn't proven." },

    { "type": "header", "content": "Section 5 — What the formula provides" },
    { "type": "text", "id": "s5_eyebrow", "label": "Eyebrow", "default": "CLEAR, NOT COMPLICATED" },
    { "type": "textarea", "id": "s5_heading", "label": "Heading", "default": "The benefits of a simpler routine start with knowing what is in the scoop." },
    { "type": "textarea", "id": "s5_body_1", "label": "Paragraph 1", "default": "AltaVida Glacier Lemon is formulated with 5,000 mg creatine monohydrate, 1,000 mg sodium, 200 mg potassium, and 60 mg magnesium per serving. The amounts are listed so customers can review the formula directly rather than relying on vague category language." },
    { "type": "textarea", "id": "s5_body_2", "label": "Paragraph 2", "default": "Creatine is best known for its role in muscles and high-intensity training. It is also being studied beyond performance, including research on some aspects of cognitive performance. A 2024 systematic review and meta-analysis reported possible positive effects in certain measures of memory, attention time, and processing speed, while finding no significant improvement in overall cognitive function or executive function; researchers called for larger, more robust trials." },
    { "type": "textarea", "id": "s5_body_3", "label": "Paragraph 3", "default": "That is why AltaVida should not promise \u201cbetter memory,\u201d \u201csharper focus,\u201d or relief from \u201cmom brain.\u201d The accurate consumer takeaway is simpler: creatine has an active research base beyond the gym, and AltaVida provides a clearly disclosed 5 g serving in a routine-friendly format." },
    { "type": "textarea", "id": "s5_body_4", "label": "Paragraph 4", "default": "Sodium, potassium, and magnesium are electrolytes or essential minerals with normal roles in water balance and muscle and nerve function. Your individual fluid and mineral needs can vary with diet, activity, climate, medications, and health status." },
    { "type": "text", "id": "s5_cta_text", "label": "Inline link text", "default": "Review the Full Formula" },
    { "type": "url", "id": "s5_cta_url", "label": "Inline link URL", "info": "Leave blank to jump to the formula table below." },

    { "type": "header", "content": "Section 6 — Formula snapshot (labels)" },
    { "type": "text", "id": "formula_col_1", "label": "Column 1 header", "default": "Component" },
    { "type": "text", "id": "formula_col_2", "label": "Column 2 header", "default": "Amount per serving" },
    { "type": "text", "id": "formula_col_3", "label": "Column 3 header", "default": "Plain-language role" },
    { "type": "textarea", "id": "formula_note", "label": "Formula note", "default": "This table is educational and must match the final product's approved Supplement Facts panel exactly. It does not replace individualized medical, nutrition, or hydration guidance.", "info": "Rows are added as blocks below. Keep the amounts identical to the approved Supplement Facts panel." },

    { "type": "header", "content": "Section 7 — The day-proof habit" },
    { "type": "textarea", "id": "s7_heading", "label": "Heading", "default": "Make it easier on the days that are not ideal." },
    { "type": "textarea", "id": "s7_body", "label": "Body", "default": "A routine that works only on quiet mornings is not a routine. Build a cue that still works when you have five minutes, a packed car, and a calendar that is already running late." },
    { "type": "text", "id": "cue1_moment", "label": "Cue 1 — moment", "default": "After morning drop-off" },
    { "type": "text", "id": "cue1_do", "label": "Cue 1 — action", "default": "Keep the tub and water bottle where you unpack your bag." },
    { "type": "text", "id": "cue2_moment", "label": "Cue 2 — moment", "default": "Before a workout or walk" },
    { "type": "text", "id": "cue2_do", "label": "Cue 2 — action", "default": "Make the bottle part of the gear you set out the night before." },
    { "type": "text", "id": "cue3_moment", "label": "Cue 3 — moment", "default": "During afternoon pickup" },
    { "type": "text", "id": "cue3_do", "label": "Cue 3 — action", "default": "Prepare water in advance and follow the final label directions when it fits your day." },
    { "type": "text", "id": "s7_cta_text", "label": "Inline link text", "default": "See Directions & Glacier Lemon Details" },
    { "type": "url", "id": "s7_cta_url", "label": "Inline link URL" },

    { "type": "header", "content": "Section 8 — Cognition note (approved live version)" },
    { "type": "textarea", "id": "cognition_note", "label": "Cognition note", "default": "Creatine is widely known in sports nutrition and is also being studied in research on cognitive performance. AltaVida provides a clearly disclosed 5 g creatine monohydrate serving in a practical daily mix.", "info": "This is the approved, cautious version. Do not swap in a structure/function claim (\u201csupports cognitive performance\u201d) until your regulatory counsel signs off and the FDA 30-day notification is filed." },

    { "type": "header", "content": "Pricing tiers" },
    { "type": "text", "id": "tiers_heading", "label": "Tiers heading", "default": "Choose your supply" },
    { "type": "text", "id": "tiers_sub", "label": "Tiers subtext", "default": "No pricing shown here — tap View Offer for current price, supply options, and subscription terms on the product page." },
    { "type": "header", "content": "Section 9 — Final offer" },
    { "type": "text", "id": "offer_eyebrow", "label": "Eyebrow", "default": "A SMALL ROUTINE THAT FITS A FULL LIFE" },
    { "type": "text", "id": "offer_heading", "label": "Heading", "default": "Keep one promise to yourself today." },
    { "type": "textarea", "id": "offer_body", "label": "Body", "default": "Choose a clear, practical option for the creatine-and-electrolyte part of your day. Visit the product page to review the complete Supplement Facts panel, ingredients, final label directions, price, supply options, subscription terms, shipping information, and return policy." },
    { "type": "text", "id": "offer_cta_text", "label": "Button text", "default": "Simplify My Daily Routine" },
    { "type": "url", "id": "offer_cta_url", "label": "Button link", "info": "Link to the product page. Leave blank while pre-launch and use the email capture below instead." },
    { "type": "text", "id": "trust_line", "label": "Trust line", "default": "One product for one specific part of your routine. Always review the final label before use." },

    { "type": "header", "content": "Email capture (pre-launch)" },
    { "type": "checkbox", "id": "show_email_capture", "label": "Show email capture", "default": true, "info": "Turn off once the product page is live and the button links straight to it." },
    { "type": "text", "id": "form_heading", "label": "Form heading", "default": "Be first to know when Glacier Lemon ships" },
    { "type": "textarea", "id": "form_text", "label": "Form text", "default": "Add your email for launch pricing and early access to the creatine-and-electrolyte routine built for full days." },
    { "type": "text", "id": "form_placeholder", "label": "Email placeholder", "default": "Enter your email address" },
    { "type": "text", "id": "form_button", "label": "Button text", "default": "Notify Me" },
    { "type": "text", "id": "form_fineprint", "label": "Fine print", "default": "No spam. Launch, label, and availability updates only. See our Privacy Policy." },
    { "type": "text", "id": "customer_tags", "label": "Tag applied to signups", "default": "altavida-waitlist, moms-advertorial" },
    { "type": "text", "id": "success_heading", "label": "Success heading", "default": "You're on the list." },
    { "type": "textarea", "id": "success_text", "label": "Success text", "default": "We'll email you when Glacier Lemon is available, along with launch pricing and final label details." },

    { "type": "header", "content": "FAQ" },
    { "type": "text", "id": "faq1_q", "label": "Q1", "default": "Is AltaVida for moms only?" },
    { "type": "textarea", "id": "faq1_a", "label": "A1", "default": "No. AltaVida is a dietary supplement for active adults. This advertorial is written for women with full schedules who want a simpler way to organize the creatine-and-electrolyte part of their routine." },
    { "type": "text", "id": "faq2_q", "label": "Q2", "default": "Will AltaVida improve my memory or focus?" },
    { "type": "textarea", "id": "faq2_a", "label": "A2", "default": "AltaVida should not make that promise. Creatine is being studied in cognitive-performance research, but results differ by study and cognitive outcome. See the product page for final formula information and speak with a qualified healthcare professional about your personal needs." },
    { "type": "text", "id": "faq3_q", "label": "Q3", "default": "Does this replace my multivitamin, prenatal, protein, medication, or prescribed care?" },
    { "type": "textarea", "id": "faq3_a", "label": "A3", "default": "No. AltaVida does not replace a varied diet, water, medications, medical care, a prenatal supplement, or any product recommended by your clinician. It is not positioned as a replacement for all supplements." },
    { "type": "text", "id": "faq4_q", "label": "Q4", "default": "Who should talk with a healthcare professional before using AltaVida?" },
    { "type": "textarea", "id": "faq4_a", "label": "A4", "default": "Anyone who is pregnant, breastfeeding, under 18, has a medical condition, takes medication, has kidney or heart concerns, or has been advised to limit sodium, potassium, or mineral intake should consult a qualified healthcare professional before using a dietary supplement. Final warning language must be reviewed and approved for the finished product." },

    { "type": "header", "content": "Legal footer (required)" },
    { "type": "textarea", "id": "legal_footer", "label": "Legal footer", "default": "Sponsored by AltaVida Nutrition. These statements have not been evaluated by the Food and Drug Administration. This product is not intended to diagnose, treat, cure, or prevent any disease. Read the final label before use. Consult a qualified healthcare professional before using a dietary supplement if you are pregnant or breastfeeding, under 18, have a medical condition, take medication, have kidney or heart concerns, or have been advised to limit sodium, potassium, or mineral intake." },
    { "type": "text", "id": "copyright_text", "label": "Copyright line", "default": "© 2026 AltaVida Nutrition. All rights reserved." },

    { "type": "header", "content": "Appearance" },
    { "type": "color", "id": "bg_color", "label": "Background", "default": "#FBFBFC" },
    { "type": "color", "id": "accent_color", "label": "Accent", "default": "#0B69A3" },
    { "type": "checkbox", "id": "load_google_fonts", "label": "Load Plus Jakarta Sans + Source Serif 4", "default": true, "info": "Turn off to use your theme's fonts and skip the external font request." },
    { "type": "range", "id": "padding_top", "label": "Top padding", "min": 0, "max": 100, "step": 4, "unit": "px", "default": 0 },
    { "type": "range", "id": "padding_bottom", "label": "Bottom padding", "min": 0, "max": 100, "step": 4, "unit": "px", "default": 40 }
  ],
  "blocks": [
    {
      "type": "tier",
      "name": "Pricing tier",
      "settings": [
        { "type": "text", "id": "label", "label": "Small label", "default": "Starter Routine" },
        { "type": "text", "id": "title", "label": "Title", "default": "1 Tub \u00b7 30 Servings" },
        { "type": "textarea", "id": "note", "label": "Description", "default": "One clean, single-scoop daily habit." },
        { "type": "checkbox", "id": "featured", "label": "Highlight this tier", "default": false },
        { "type": "text", "id": "tag_text", "label": "Highlight tag", "default": "Most Popular" },
        { "type": "text", "id": "cta_text", "label": "Button text", "default": "View Offer" },
        { "type": "url", "id": "cta_url", "label": "Button link", "info": "Link to the product page. Leave blank while pre-launch \u2014 the button stays hidden until you add a link." }
      ]
    },
    {
      "type": "formula_row",
      "name": "Formula row",
      "settings": [
        { "type": "text", "id": "component", "label": "Component", "default": "Creatine Monohydrate" },
        { "type": "text", "id": "amount", "label": "Amount per serving", "default": "5,000 mg" },
        { "type": "textarea", "id": "role", "label": "Plain-language role", "default": "A widely studied sports-nutrition ingredient and an area of ongoing cognition research." }
      ]
    }
  ],
  "max_blocks": 8,
  "presets": [
    {
      "name": "AltaVida Advertorial 2",
      "blocks": [
        { "type": "tier", "settings": { "label": "Starter Routine", "title": "1 Tub \u00b7 30 Servings", "note": "One clean, single-scoop daily habit.", "featured": false } },
        { "type": "tier", "settings": { "label": "Consistency Pack", "title": "2 Tubs \u00b7 60 Servings", "note": "Two months of an uninterrupted daily routine. Free U.S. shipping.", "featured": true, "tag_text": "Most Popular" } },
        { "type": "tier", "settings": { "label": "Quarterly Protocol", "title": "3 Tubs \u00b7 90 Servings", "note": "A full 90-day supply for the season ahead.", "featured": false } },
        { "type": "formula_row", "settings": { "component": "Creatine Monohydrate", "amount": "5,000 mg", "role": "A widely studied sports-nutrition ingredient and an area of ongoing cognition research." } },
        { "type": "formula_row", "settings": { "component": "Sodium (as Sea Salt)", "amount": "1,000 mg", "role": "An electrolyte mineral involved in normal fluid balance and muscle and nerve function." } },
        { "type": "formula_row", "settings": { "component": "Potassium (as Potassium Chloride)", "amount": "200 mg", "role": "An electrolyte mineral involved in normal cell, heart, and muscle function." } },
        { "type": "formula_row", "settings": { "component": "Magnesium (as Magnesium Malate)", "amount": "60 mg", "role": "An essential mineral involved in normal muscle and nerve function." } }
      ]
    }
  ]
}
{% endschema %}