/** Shopify CDN: Minification failed

Line 16:0 Unexpected "<"
Line 84:0 Unexpected "<"
Line 124:9 Expected ":"
Line 125:9 Expected ":"
Line 127:9 Expected ":"
Line 128:9 Expected ":"
Line 129:9 Expected ":"
Line 130:9 Expected ":"
Line 131:9 Expected ":"
Line 132:9 Expected ":"
... and 68 more hidden warnings

**/
<style>
/* 1. Algemene overgangen voor vloeiende kleurwissels */
#main-pouch-box, #status-bar, #qty-unlock-notice {
    transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}

/* 2. De Glow & Hover effecten voor de variant knoppen (Pills) */

/* --- LITE (Groen) --- */
/* Selecteer de knop op basis van de tekst 'Lite' in het label */
.product-form__input--pill input[type='radio'][value='Lite'] + label,
.product-form__input--pill input[type='radio'][value='lite'] + label {
    transition: all 0.3s ease !important;
}

.product-form__input--pill input[type='radio'][value='Lite']:checked + label,
.product-form__input--pill input[type='radio'][value='lite']:checked + label {
    border-color: #4ade80 !important;
    background-color: rgba(74, 222, 128, 0.1) !important;
    color: #4ade80 !important;
    box-shadow: 0 0 15px rgba(74, 222, 128, 0.6) !important;
}

.product-form__input--pill input[type='radio'][value='Lite'] + label:hover,
.product-form__input--pill input[type='radio'][value='lite'] + label:hover {
    box-shadow: 0 0 10px rgba(74, 222, 128, 0.4) !important;
    border-color: #4ade80 !important;
}

/* --- CORE (Blauw) --- */
.product-form__input--pill input[type='radio'][value='Core'] + label,
.product-form__input--pill input[type='radio'][value='core'] + label {
    transition: all 0.3s ease !important;
}

.product-form__input--pill input[type='radio'][value='Core']:checked + label,
.product-form__input--pill input[type='radio'][value='core']:checked + label {
    border-color: #3b82f6 !important;
    background-color: rgba(59, 130, 246, 0.1) !important;
    color: #3b82f6 !important;
    box-shadow: 0 0 15px rgba(59, 130, 246, 0.6) !important;
}

.product-form__input--pill input[type='radio'][value='Core'] + label:hover,
.product-form__input--pill input[type='radio'][value='core'] + label:hover {
    box-shadow: 0 0 10px rgba(59, 130, 246, 0.4) !important;
    border-color: #3b82f6 !important;
}

/* --- APEX (Paars) --- */
.product-form__input--pill input[type='radio'][value='Apex'] + label,
.product-form__input--pill input[type='radio'][value='apex'] + label {
    transition: all 0.3s ease !important;
}

.product-form__input--pill input[type='radio'][value='Apex']:checked + label,
.product-form__input--pill input[type='radio'][value='apex']:checked + label {
    border-color: #9333ea !important;
    background-color: rgba(147, 51, 234, 0.1) !important;
    color: #9333ea !important;
    box-shadow: 0 0 15px rgba(147, 51, 234, 0.6) !important;
}

.product-form__input--pill input[type='radio'][value='Apex'] + label:hover,
.product-form__input--pill input[type='radio'][value='apex'] + label:hover {
    box-shadow: 0 0 10px rgba(147, 51, 234, 0.4) !important;
    border-color: #9333ea !important;
}
</style>

<div style="font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; color: #ffffff; max-width: 500px; margin: auto;">

    <div id="main-pouch-box" style="background-color: rgba(74, 222, 128, 0.08); border: 2px solid #4ade80; border-radius: 8px; padding: 25px; box-shadow: 0px 4px 20px rgba(74, 222, 128, 0.2); margin-bottom: 10px;">
        <div style="display: flex; justify-content: space-between; align-items: center; margin-bottom: 15px;">
            <h2 id="variant-title" style="color: #ffffff; margin: 0; font-size: 18px; font-weight: 800; letter-spacing: -0.5px; text-transform: uppercase;">Selecting Gear...</h2>
            <span id="batch-tag" style="font-size: 10px; text-transform: uppercase; letter-spacing: 1.2px; color: #4ade80; border: 1px solid rgba(74, 222, 128, 0.4); padding: 4px 10px; border-radius: 20px; background: rgba(74, 222, 128, 0.05); white-space: nowrap;">● Batch #52402-1</span>
        </div>
        
        <p id="variant-description" style="margin: 0 0 20px 0; font-size: 14px; line-height: 1.6; color: rgba(255,255,255,0.9);">Loading specifications...</p>

        <div id="price-focus" style="margin-bottom: 20px; padding: 15px; border-radius: 6px; background: rgba(255,255,255,0.03); border: 1px solid rgba(255,255,255,0.05);">
            <div id="selection-label" style="font-size: 10px; text-transform: uppercase; letter-spacing: 1px; opacity: 0.6; margin-bottom: 4px;">Current Selection</div>
            <div id="active-price" style="font-size: 20px; font-weight: 800; color: #ffffff;">--</div>
        </div>
        
        <div id="variant-footer" style="font-size: 11px; color: #4ade80; font-weight: 700; letter-spacing: 0.8px; border-top: 1px solid rgba(255, 255, 255, 0.1); padding-top: 15px; text-transform: uppercase;">Status: Checkpoint reached</div>
    </div>

    <div id="status-bar" style="background: rgba(74, 222, 128, 0.1); border: 1px solid #4ade80; border-radius: 8px; padding: 12px; display: flex; align-items: center; justify-content: space-around; text-align: center; margin-bottom: 10px;">
        <div style="flex: 1;">
            <div style="font-size: 8px; color: rgba(255,255,255,0.6); text-transform: uppercase; letter-spacing: 1.2px; margin-bottom: 3px;">Logistics</div>
            <div style="font-size: 11px; color: #ffffff; font-weight: 700;">Fast Shipping<br><span style="color: #4ade80;">Within 24 Hours</span></div>
        </div>
        <div style="width: 1px; height: 25px; background: rgba(255,255,255,0.15);"></div>
        <div style="flex: 1;">
            <div style="font-size: 8px; color: rgba(255,255,255,0.6); text-transform: uppercase; letter-spacing: 1.2px; margin-bottom: 3px;">Base Benefit</div>
            <div style="font-size: 11px; color: #ffffff; font-weight: 700;">Free Shipping<br><span id="shipping-benefit" style="color: #4ade80;">NL 2-Pack • EU 4-Pack</span></div>
        </div>
    </div>

    <div id="qty-unlock-notice" style="margin-bottom: 25px; padding: 12px; border-radius: 8px; font-size: 12px; font-weight: 700; text-align: center; border: 1px solid rgba(255,255,255,0.1); background: rgba(255,255,255,0.03); text-transform: uppercase; letter-spacing: 0.5px;">
        Order 2+ units for Free NL Shipping
    </div>

</div>

<script>
function updateMindkoreContent() {
    const params = new URLSearchParams(window.location.search);
    const variant = params.get('variant');
    
    const box = document.getElementById('main-pouch-box');
    const statusBar = document.getElementById('status-bar');
    const title = document.getElementById('variant-title');
    const desc = document.getElementById('variant-description');
    const footer = document.getElementById('variant-footer');
    const batchTag = document.getElementById('batch-tag');
    const activePrice = document.getElementById('active-price');

    // --- VARIANT LOGIC ---
    
    if (variant === '57168889348470') { // APEX (Paars)
        box.style.backgroundColor = "rgba(147, 51, 234, 0.12)";
        box.style.borderColor = "#9333ea";
        box.style.boxShadow = "0px 8px 30px rgba(147, 51, 234, 0.25)";
        statusBar.style.backgroundColor = "rgba(147, 51, 234, 0.15)";
        statusBar.style.borderColor = "#9333ea";
        title.innerHTML = "Apex Selection (500g)";
        desc.innerHTML = "Dominate your cognitive baseline. The <strong>Apex Pack</strong> is engineered for the relentless. A 100-day protocol of pure, lab-verified power. Maximum volume, maximum biological efficiency.";
        activePrice.innerHTML = "€84.99 <span style='font-size: 12px; color: #c084fc; font-weight: normal;'>(15% Stacking Discount applied)</span>";
        footer.innerHTML = "● System Status: Apex Protocol Active";
        footer.style.color = "#c084fc";
        batchTag.style.color = "#c084fc";
        batchTag.style.borderColor = "rgba(147, 51, 234, 0.5)";

    } else if (variant === '57635628974454') { // LITE (Groen)
        box.style.backgroundColor = "rgba(74, 222, 128, 0.08)";
        box.style.borderColor = "#4ade80";
        box.style.boxShadow = "0px 8px 30px rgba(74, 222, 128, 0.15)";
        statusBar.style.backgroundColor = "rgba(74, 222, 128, 0.1)";
        statusBar.style.borderColor = "#4ade80";
        title.innerHTML = "Lite Selection (125g)";
        desc.innerHTML = "The perfect introduction. The <strong>Lite Pack</strong> delivers 25 daily servings of high-performance cacao. Experience the benefits of enhanced blood flow and focus without the long-term commitment.";
        activePrice.innerHTML = "€24.99 <span style='font-size: 12px; color: #4ade80; font-weight: normal;'>(Trial Pricing)</span>";
        footer.innerHTML = "● System Status: Lite Protocol Initialized";
        footer.style.color = "#4ade80";
        batchTag.style.color = "#4ade80";
        batchTag.style.borderColor = "rgba(74, 222, 128, 0.5)";

    } else { // CORE (Blauw)
        box.style.backgroundColor = "rgba(59, 130, 246, 0.12)";
        box.style.borderColor = "#3b82f6";
        box.style.boxShadow = "0px 8px 30px rgba(59, 130, 246, 0.25)";
        statusBar.style.backgroundColor = "rgba(59, 130, 246, 0.15)";
        statusBar.style.borderColor = "#3b82f6";
        title.innerHTML = "Core Selection (250g)";
        desc.innerHTML = "Upgrade your daily ritual. The <strong>Core Pack</strong> is your tactical entry point. 50 daily servings to recalibrate your focus and optimize blood flow. Small footprint, massive cognitive impact.";
        activePrice.innerHTML = "€44.99 <span style='font-size: 12px; color: #60a5fa; font-weight: normal;'>(10% Discount applied)</span>";
        footer.innerHTML = "● System Status: Core Recalibration Ready";
        footer.style.color = "#60a5fa";
        batchTag.style.color = "#60a5fa";
        batchTag.style.borderColor = "rgba(59, 130, 246, 0.5)";
    }

    // --- SHIPPING LOGIC ---
    const qtyInput = document.querySelector('input[name="quantity"]');
    const qtyNotice = document.getElementById('qty-unlock-notice');
    
    if (qtyInput && qtyNotice) {
        const qty = parseInt(qtyInput.value);
        if (qty >= 6) {
            qtyNotice.style.borderColor = "#ff9900";
            qtyNotice.style.color = "#ffcc00";
            qtyNotice.style.background = "rgba(255, 153, 0, 0.15)";
            qtyNotice.style.boxShadow = "0px 0px 15px rgba(255, 153, 0, 0.4)";
            qtyNotice.innerHTML = "👑 LEGENDARY: Free Worldwide Shipping Unlocked";
        } else if (qty >= 4) {
            qtyNotice.style.borderColor = "#9333ea";
            qtyNotice.style.color = "#ffffff";
            qtyNotice.style.background = "rgba(147, 51, 234, 0.2)";
            qtyNotice.style.boxShadow = "none";
            qtyNotice.innerHTML = "🇪🇺 UNLOCKED: Free Shipping in Europe";
        } else if (qty >= 2) {
            qtyNotice.style.borderColor = "#4ade80";
            qtyNotice.style.color = "#ffffff";
            qtyNotice.style.background = "rgba(74, 222, 128, 0.15)";
            qtyNotice.style.boxShadow = "none";
            qtyNotice.innerHTML = "🇳🇱 UNLOCKED: Free Shipping in The Netherlands";
        } else {
            qtyNotice.style.borderColor = "rgba(255,255,255,0.1)";
            qtyNotice.style.color = "rgba(255,255,255,0.5)";
            qtyNotice.style.background = "rgba(255,255,255,0.03)";
            qtyNotice.style.boxShadow = "none";
            qtyNotice.innerHTML = "Order 2+ units for Free NL Shipping";
        }
    }
}

// Event Listeners
window.addEventListener('popstate', updateMindkoreContent);
document.addEventListener('click', (e) => {
    // Luister naar clicks op knoppen of labels in de picker
    if (e.target.closest('.quantity__button') || e.target.closest('.product-form__input') || e.target.closest('label')) {
        setTimeout(updateMindkoreContent, 100);
    }
});
setInterval(updateMindkoreContent, 800);
updateMindkoreContent();
</script>