const ketoData = {
    "walnut": { name: "گردو", totalCarb: 14, fiber: 7, image: "walnut.png" },
    "almond": { name: "بادام درختی", totalCarb: 22, fiber: 12, image: "almond.png" },
    "pistachio": { name: "پسته", totalCarb: 28, fiber: 10, image: "pistachio.png" },
    "coconut": { name: "چیپس نارگیل", totalCarb: 24, fiber: 16, image: "coconut.png" }, // عالی برای کتو
    "date": { name: "خرما", totalCarb: 75, fiber: 8, image: "date.png" }, // خطرناک
    "fig": { name: "انجیر خشک", totalCarb: 64, fiber: 10, image: "fig.png" }
};

<div class="keto-calc-container">
    <div class="calc-header">
        <h3>🥑 محاسبه‌گر کربوهیدرات خالص (Keto Friendly)</h3>
        <p>ببینید کدام آجیل و میوه خشک برای رژیم شما مجاز است.</p>
    </div>

    <div class="calc-body">
        <label>انتخاب محصول:</label>
        <select id="keto-product">
            <option value="walnut">گردو (پادشاه کتو)</option>
            <option value="almond">بادام درختی</option>
            <option value="pistachio">پسته</option>
            <option value="coconut">چیپس نارگیل (بدون شکر)</option>
            <option value="fig">انجیر خشک</option>
            <option value="date">خرما</option>
        </select>

        <label>مقدار مصرف (گرم):</label>
        <div class="input-group">
            <input type="number" id="keto-weight" value="30">
            <span>گرم</span>
        </div>

        <button onclick="calculateNetCarbs()" class="calc-btn">محاسبه کن</button>
    </div>

    <div id="keto-result" style="display:none;">
        <div class="result-box">
            <span class="label">کربوهیدرات خالص:</span>
            <span id="net-carb-value" class="value">0</span>
            <span class="unit">گرم</span>
        </div>
        
        <div id="traffic-light" class="status-bar">
            <span id="status-text"></span>
        </div>

        <div id="product-suggestion"></div>
    </div>
</div>

.keto-calc-container {
    background: #fdfdfd;
    border: 2px solid #e0e0e0;
    border-radius: 12px;
    padding: 25px;
    max-width: 400px;
    margin: 20px auto;
    font-family: 'Vazir', sans-serif;
    box-shadow: 0 4px 15px rgba(0,0,0,0.05);
}
.calc-header h3 { color: #2c3e50; margin-bottom: 5px; }
.calc-header p { font-size: 13px; color: #7f8c8d; margin-bottom: 20px; }

select, input {
    width: 100%; padding: 10px; margin-bottom: 15px;
    border: 1px solid #ccc; border-radius: 8px; font-size: 16px;
}
.calc-btn {
    width: 100%; background: #27ae60; color: white; border: none;
    padding: 12px; border-radius: 8px; cursor: pointer; font-size: 16px; transition: 0.3s;
}
.calc-btn:hover { background: #219150; }

#keto-result { margin-top: 25px; border-top: 1px dashed #ccc; padding-top: 20px; text-align: center; }
.result-box .value { font-size: 36px; font-weight: bold; color: #333; }
.status-bar {
    margin-top: 10px; padding: 8px; border-radius: 5px; color: white; font-weight: bold;
}
/* کلاس‌های وضعیت */
.safe { background-color: #27ae60; } /* سبز */
.caution { background-color: #f39c12; } /* زرد */
.danger { background-color: #c0392b; } /* قرمز */

.cta-link {
    display: block; margin-top: 15px; text-decoration: none; color: #2980b9; font-weight: bold;
}

<script>
const ketoData = {
    "walnut": { name: "گردو", total: 14, fiber: 7, url: "/product/walnut" },
    "almond": { name: "بادام", total: 22, fiber: 12, url: "/product/almond" },
    "pistachio": { name: "پسته", total: 28, fiber: 10, url: "/product/pistachio" },
    "coconut": { name: "نارگیل", total: 24, fiber: 16, url: "/product/coconut" },
    "fig": { name: "انجیر", total: 64, fiber: 10, url: "/product/fig" },
    "date": { name: "خرما", total: 75, fiber: 8, url: "/product/date" }
};

function calculateNetCarbs() {
    // 1. دریافت ورودی‌ها
    let key = document.getElementById('keto-product').value;
    let weight = parseFloat(document.getElementById('keto-weight').value);

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

    // 2. انجام محاسبه
    let data = ketoData[key];
    let netCarbPer100 = data.total - data.fiber;
    let finalNetCarb = (netCarbPer100 * weight) / 100;
    
    // رند کردن عدد تا 1 رقم اعشار
    finalNetCarb = Math.round(finalNetCarb * 10) / 10;

    // 3. نمایش عدد
    document.getElementById('net-carb-value').innerText = finalNetCarb;
    document.getElementById('keto-result').style.display = 'block';

    // 4. منطق چراغ راهنما (Logic Traffic Light)
    let statusDiv = document.getElementById('traffic-light');
    let statusText = document.getElementById('status-text');
    let suggestionDiv = document.getElementById('product-suggestion');
    
    // پاک کردن کلاس‌های قبلی
    statusDiv.className = 'status-bar';

    if (finalNetCarb <= 5) {
        statusDiv.classList.add('safe');
        statusText.innerText = "✅ عالی! کاملاً کتوژنیک (Keto Friendly)";
        suggestionDiv.innerHTML = `<a href="${data.url}" class="cta-link">خرید ${data.name} رژیمی »</a>`;
    } else if (finalNetCarb > 5 && finalNetCarb <= 12) {
        statusDiv.classList.add('caution');
        statusText.innerText = "⚠️ احتیاط! (مصرف محدود)";
        suggestionDiv.innerHTML = `<a href="${data.url}" class="cta-link">خرید ${data.name} (کم بخورید) »</a>`;
    } else {
        statusDiv.classList.add('danger');
        statusText.innerText = "❌ خطر! (خروج از کتوزیس)";
        suggestionDiv.innerHTML = "پیشنهاد: به جای این، **گردو یا نارگیل** بخورید.";
    }
}
</script>