/** Shopify CDN: Minification failed

Line 16:0 Unexpected "<"
Line 22:10 Unexpected "{"
Line 22:19 Expected ":"
Line 22:28 Unexpected "<"
Line 142:2 Unexpected "<"
Line 151:7 Expected identifier but found "%"
Line 152:8 Unexpected "<"
Line 157:7 Expected identifier but found "%"
Line 158:4 Unexpected "<"
Line 162:7 Unexpected "{"
... and 51 more hidden warnings

**/
<!DOCTYPE html>
<html lang="{{ shop.locale }}">
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width,initial-scale=1">

  <title>{{ product.title }}</title>

  <style>
    /* =========================================================
       FOREVER CONSCIOUSNESS — CLEAN PRODUCT PAGE (FUTURE-PROOF)
       CTA Priority:
       1) Agora present -> show Agora, hide fallbacks
       2) Metafield CTA -> custom.affiliate_url
       3) Global default CTA -> used only if no Agora + no metafield
       Disclosure:
       - Only shows when a CTA exists
       ========================================================= */

    /* --- CENTER CTA WRAPPER --- */
    .template-product .fc-cta-wrap{
      width:100% !important;
      display:flex !important;
      flex-direction:column !important;
      align-items:center !important;
      justify-content:center !important;
      text-align:center !important;
      margin: 18px auto 10px !important;
    }

    /* --- CTA BUTTON --- */
    .template-product a.fc-cta-btn{
      display:inline-block !important;
      background:#5b2bd6 !important;
      color:#fff !important;
      font-weight:700 !important;
      text-transform:uppercase !important;
      letter-spacing:.04em !important;
      padding:14px 34px !important;
      border-radius:8px !important;
      text-decoration:none !important;
      box-shadow: 0 2px 8px rgba(0,0,0,.15) !important;
      border:none !important;
      margin:0 auto !important;
    }

    /* --- DISCLOSURE --- */
    .template-product .fc-disclosure{
      margin-top:10px !important;
      font-size:13px !important;
      opacity:.85 !important;
      line-height:1.45 !important;
      text-align:center !important;
      max-width: 760px;
    }

    /* =========================================================
       If Agora is detected, hide fallback CTAs
       (JS adds .fc-has-agora to body + html)
       ========================================================= */
    .template-product.fc-has-agora .fc-cta-wrap{
      display:none !important;
    }

    /* =========================================================
       HIDE SHOPIFY PURCHASE UI (SCOPED / SURGICAL)
       - Keep forms visible so apps can still render
       ========================================================= */

    /* Hide Add to Cart controls ONLY inside Shopify cart/add forms */
    .template-product form[action^="/cart/add"] button[name="add"],
    .template-product form[action^="/cart/add"] input[name="add"],
    .template-product form[action^="/cart/add"] button[type="submit"],
    .template-product form[action^="/cart/add"] input[type="submit"],
    .template-product .add_to_cart,
    .template-product .add-to-cart,
    .template-product .product-form__submit,
    .template-product [data-add-to-cart],
    .template-product [data-product-atc]{
      display:none !important;
    }

    /* Hide dynamic checkout buttons */
    .template-product .shopify-payment-button,
    .template-product .shopify-payment-button__button,
    .template-product .shopify-payment-button__more-options,
    .template-product .dynamic-payment-button,
    .template-product .additional-checkout-buttons,
    .template-product [data-shopify="payment-button"]{
      display:none !important;
    }

    /* Hide “secured checkout” / payment badges */
    .template-product .payment_methods,
    .template-product .payment-methods,
    .template-product .payment_methods_wrap,
    .template-product .payment-icons,
    .template-product .payment_icons,
    .template-product .payment-icons-container,
    .template-product .payment-badges,
    .template-product .payment-badges-wrapper,
    .template-product .trusted-checkout,
    .template-product .secure-checkout,
    .template-product .secured-checkout,
    .template-product .checkout-badges,
    .template-product .trust-badges,
    .template-product [class*="payment_method"],
    .template-product [class*="payment-method"],
    .template-product [class*="trust-badge"],
    .template-product [class*="checkout-badge"]{
      display:none !important;
    }

    /* =========================================================
       OPTIONAL DEBUG (leave OFF unless troubleshooting)
       ========================================================= */
    /*
    .template-product .fc-cta-wrap,
    .template-product .fc-cta-wrap a.fc-cta-btn{
      display:flex !important;
      visibility: visible !important;
      opacity: 1 !important;
      position: relative !important;
      z-index: 99999 !important;
    }
    */
  </style>
</head>

<body class="template-product">

  <main class="container main content">

    <!-- PRODUCT IMAGE -->
    <div style="text-align:center;margin-bottom:24px;">
      {% if product.featured_image %}
        <img
          src="{{ product.featured_image | img_url: '700x' }}"
          alt="{{ product.title | escape }}"
          loading="lazy"
          style="max-width:100%;height:auto;border-radius:8px;">
      {% endif %}
    </div>

    <!-- PRODUCT TITLE -->
    <h1 style="text-align:center;font-family:Cinzel,serif;letter-spacing:1px;margin: 0 0 14px;">
      {{ product.title }}
    </h1>

    {%- comment -%}
      FUTURE-PROOF AFFILIATE CTA
      Priority:
      - Agora present -> hide fallbacks (JS adds .fc-has-agora)
      - Metafield CTA:
          custom.affiliate_url
          custom.affiliate_button_text (optional)
          custom.affiliate_disclosure (optional)
      - Global default CTA (only if no Agora + no metafield)
    {%- endcomment -%}

    {%- assign fc_affiliate_url = product.metafields.custom.affiliate_url -%}
    {%- assign fc_affiliate_btn = product.metafields.custom.affiliate_button_text | default: 'Buy on Amazon' -%}
    {%- assign fc_disclosure = product.metafields.custom.affiliate_disclosure -%}

    {%- assign FC_GLOBAL_AFFILIATE_URL = "https://www.amazon.com/?tag=forevercons0b-20" -%}
    {%- assign FC_GLOBAL_AFFILIATE_BTN_TEXT = "Shop on Amazon" -%}
    {%- assign FC_GLOBAL_AFFILIATE_DISCLOSURE = "As an Amazon Associate, we may earn from qualifying purchases." -%}

    {%- if fc_affiliate_url != blank -%}
      <div class="fc-cta-wrap fc-cta-wrap--metafield">
        <a class="fc-cta-btn"
           href="{{ fc_affiliate_url }}"
           target="_blank"
           rel="nofollow noopener noreferrer"
           data-ga4-label="Affiliate CTA – Metafield"
           data-ga4-type="affiliate"
           data-ga4-section="product">
          {{ fc_affiliate_btn }}
        </a>

        <div class="fc-disclosure">
          {% if fc_disclosure != blank %}
            {{ fc_disclosure | escape }}
          {% else %}
            As an Amazon Associate, we may earn from qualifying purchases.
          {% endif %}
        </div>
      </div>

    {%- elsif FC_GLOBAL_AFFILIATE_URL != blank -%}
      <div class="fc-cta-wrap fc-cta-wrap--global">
        <a class="fc-cta-btn"
           href="{{ FC_GLOBAL_AFFILIATE_URL }}"
           target="_blank"
           rel="nofollow noopener noreferrer"
           data-ga4-label="Affiliate CTA – Global Default"
           data-ga4-type="affiliate"
           data-ga4-section="product">
          {{ FC_GLOBAL_AFFILIATE_BTN_TEXT }}
        </a>

        <div class="fc-disclosure">
          {{ FC_GLOBAL_AFFILIATE_DISCLOSURE | escape }}
        </div>
      </div>
    {%- endif -%}

    <!-- PRODUCT DESCRIPTION -->
    {% if product.description != blank %}
      <div style="max-width:760px;margin: 22px auto 0;line-height:1.7;">
        {{ product.description }}
      </div>
    {% endif %}

  </main>

  <script>
    document.addEventListener('DOMContentLoaded', function () {
      // Detect Agora injection (or anything with "agora" in class/id)
      var hasAgora = !!document.querySelector(
        '[class*="agora"], .agora-buy-button, .agora_button, #agora, [id*="agora"]'
      );

      if (hasAgora) {
        document.body.classList.add('fc-has-agora');
        document.documentElement.classList.add('fc-has-agora');
      }
    });
  </script>

</body>
</html>
