const tefData = {
    "apple": { name: "چیپس سیب (با پوست)", cal: 240, tefRate: 0.15, chewFactor: 0.5 }, // سفت و پر فیبر
    "fig": { name: "انجیر خشک", cal: 250, tefRate: 0.12, chewFactor: 0.4 }, // دانه دار
    "date": { name: "خرما", cal: 280, tefRate: 0.08, chewFactor: 0.2 }, // نرم و زود هضم
    "mango": { name: "انبه خشک", cal: 320, tefRate: 0.10, chewFactor: 0.6 }, // بسیار جویدنی (لاستیکی)
    "apricot": { name: "قیسی", cal: 240, tefRate: 0.10, chewFactor: 0.3 },
    "raisin": { name: "کشمش", cal: 300, tefRate: 0.05, chewFactor: 0.1 } // نرم و ریز
};

<div class="burn-calculator-box">
    <div class="calc-header">
        <h3>🔥 چقدر کالری سوزاندید؟</h3>
        <p>ببینید بدنتان برای هضم این میوه چقدر تلاش می‌کند!</p>
    </div>

    <div class="calc-body">
        <label>چه میوه‌ای می‌خورید؟</label>
        <select id="tef-product">
            <option value="apple">چیپس سیب (ترد)</option>
            <option value="mango">انبه خشک (جویدنی)</option>
            <option value="fig">انجیر خشک</option>
            <option value="apricot">قیسی / زردآلو</option>
            <option value="date">خرما</option>
            <option value="raisin">کشمش</option>
        </select>

        <label>چقدر؟ (گرم)</label>
        <div class="input-wrapper">
            <input type="number" id="tef-weight" value="50">
            <span>گرم</span>
        </div>

        <button onclick="calculateBurn()" class="fire-btn">محاسبه انرژی 🔥</button>
    </div>

    <div id="tef-result" style="display:none;">
        <div class="result-card">
            <span class="emoji-icon">🏃‍♂️</span>
            <h4>انرژی مصرف شده برای هضم:</h4>
            <div class="big-number"><span id="burned-val">0</span> کالری</div>
            <p class="fun-fact" id="fun-fact-text"></p>
        </div>
        
        <div class="net-cal-box">
            کالری خالصی که جذب کردید: <span id="net-val">0</span>
        </div>
        
        <div id="product-link"></div>
    </div>
</div>

.burn-calculator-box {
    background: #fff;
    border-radius: 20px;
    box-shadow: 0 10px 30px rgba(255, 87, 34, 0.15);
    max-width: 450px;
    margin: 30px auto;
    font-family: 'Vazir', sans-serif;
    overflow: hidden;
    border: 1px solid #ffccbc;
}
.calc-header {
    background: linear-gradient(135deg, #ff5722, #ff8a65);
    color: white; padding: 20px; text-align: center;
}
.calc-header h3 { margin: 0; font-size: 22px; }
.calc-header p { margin: 5px 0 0; font-size: 13px; opacity: 0.9; }

.calc-body { padding: 25px; }
select, input {
    width: 100%; padding: 12px; margin: 10px 0 20px;
    border: 2px solid #eee; border-radius: 10px; font-size: 16px;
    transition: 0.3s;
}
select:focus, input:focus { border-color: #ff5722; outline: none; }

.fire-btn {
    width: 100%; background: #ff5722; color: white; border: none;
    padding: 15px; border-radius: 12px; font-size: 18px; font-weight: bold;
    cursor: pointer; transition: transform 0.2s;
    box-shadow: 0 5px 15px rgba(255, 87, 34, 0.3);
}
.fire-btn:hover { transform: translateY(-2px); background: #f4511e; }

#tef-result { padding: 0 25px 25px; animation: fadeIn 0.5s; }
.result-card {
    background: #fff3e0; border-radius: 15px; padding: 20px;
    text-align: center; border: 2px dashed #ffb74d;
}
.emoji-icon { font-size: 40px; display: block; margin-bottom: 10px; }
.big-number { font-size: 32px; font-weight: 900; color: #e65100; margin: 10px 0; }
.fun-fact { font-size: 13px; color: #ef6c00; font-style: italic; }
.net-cal-box {
    text-align: center; margin-top: 15px; font-size: 14px; color: #757575;
}
.cta-button {
    display: block; margin-top: 15px; text-align: center;
    text-decoration: none; color: #ff5722; font-weight: bold; border: 1px solid #ff5722;
    padding: 10px; border-radius: 8px;
}
.cta-button:hover { background: #ff5722; color: white; }

@keyframes fadeIn { from { opacity: 0; transform: translateY(10px); } to { opacity: 1; transform: translateY(0); } }

<script>
const fruitsDB = {
    "apple": { name: "چیپس سیب", cal: 240, tef: 0.15, chew: 0.5, url: "/product/apple" },
    "fig": { name: "انجیر خشک", cal: 250, tef: 0.12, chew: 0.4, url: "/product/fig" },
    "date": { name: "خرما", cal: 280, tef: 0.08, chew: 0.2, url: "/product/date" },
    "mango": { name: "انبه خشک", cal: 320, tef: 0.10, chew: 0.6, url: "/product/mango" },
    "apricot": { name: "قیسی", cal: 240, tef: 0.10, chew: 0.3, url: "/product/apricot" },
    "raisin": { name: "کشمش", cal: 300, tef: 0.05, chew: 0.1, url: "/product/raisin" }
};

function calculateBurn() {
    let key = document.getElementById('tef-product').value;
    let weight = parseFloat(document.getElementById('tef-weight').value);

    if (!weight || weight <= 0) { alert("وزن را وارد کنید!"); return; }

    let data = fruitsDB[key];
    
    // 1. محاسبه کالری دریافتی کل
    let totalIntake = (data.cal * weight) / 100;

    // 2. محاسبه کالری سوزانده شده (هضم + جویدن)
    let digestBurn = totalIntake * data.tef;
    let chewBurn = weight * data.chew;
    let totalBurn = Math.round(digestBurn + chewBurn);

    // 3. محاسبه خالص دریافتی
    let netCalories = Math.round(totalIntake - totalBurn);

    // 4. تولید Fun Fact (معادل‌سازی)
    let walkingMinutes = Math.round(totalBurn / 4); // هر دقیقه پیاده‌روی حدود 4 کالری
    let funText = `این معادل ${walkingMinutes} دقیقه پیاده‌روی است! 🚶‍♂️`;

    // نمایش
    document.getElementById('burned-val').innerText = totalBurn;
    document.getElementById('fun-fact-text').innerText = funText;
    document.getElementById('net-val').innerText = netCalories;
    
    // لینک خرید هوشمند
    let ctaHTML = `<a href="${data.url}" class="cta-button">خرید ${data.name} رژیمی »</a>`;
    document.getElementById('product-link').innerHTML = ctaHTML;

    document.getElementById('tef-result').style.display = 'block';
}
</script>