`;
document.body.appendChild(container);
// 3. LOGIKA VÝPOČTOV
const btn = document.getElementById('ik-vol-btn');
const win = document.getElementById('ik-vol-window');
const slider = document.getElementById('w-pocet-slider');
const valDisp = document.getElementById('w-pocet-val');
const resKotlik = document.getElementById('w-res-kotlik');
const resMasoVal = document.getElementById('w-res-maso-val');
const resMasoLabel = document.getElementById('w-res-maso-label');
const listSuroviny = document.getElementById('w-list-suroviny');
const kZoznam = [4, 6, 8, 10, 13, 16, 20, 25, 30, 40, 50, 60, 70, 80, 100, 120, 150];
const data = {
hovadzi: { label: "Glejka", ing: [["🧅 Cibuľa", 0.9], ["🥔 Zemiaky", 0.65], ["🧴 Voda", 0.85, "L"], ["🏺 Masť", 80, "g"]] },
bravcovy: { label: "Pliecko", ing: [["🧅 Cibuľa", 0.8], ["🥔 Zemiaky", 0.95], ["🧴 Voda", 0.8, "L"], ["🏺 Masť", 70, "g"]] },
divinovy: { label: "Divina", ing: [["🧅 Cibuľa", 0.85], ["🍷 Červené víno", 0.25, "L"], ["🥔 Zemiaky", 0.4], ["🏺 Masť", 85, "g"]] },
fazulovy: { label: "Údené", ing: [["🫘 Fazuľa", 0.45], ["🧅 Cibuľa", 0.6], ["🥔 Zemiaky", 0.55], ["🥕 Zelenina", 0.4]] },
kapustnica: { label: "Mäso/Klobása", ing: [["🥬 Kapusta", 1.25], ["🧅 Cibuľa", 0.3], ["🧴 Voda", 0.75, "L"], ["🍄 Hríby", 15, "g"]] },
vegansky: { label: "Hliva/Sója", ing: [["🧅 Cibuľa", 0.8], ["🥔 Zemiaky", 1.0], ["🍄 Hliva", 0.8], ["🌻 Olej", 80, "ml"]] }
};
btn.onclick = () => {
const isHidden = win.style.display === 'none' || win.style.display === '';
win.style.display = isHidden ? 'block' : 'none';
};
document.getElementById('ik-vol-close').onclick = (e) => {
e.stopPropagation();
win.style.display = 'none';
};
function update() {
const n = parseInt(slider.value);
valDisp.innerText = n;
const activeTyp = document.querySelector('input[name="w-typ"]:checked').value;
const r = data[activeTyp];
const celkovyObjemLitre = (n * 500) / 1000;
const masoKg = celkovyObjemLitre * (activeTyp === 'vegansky' ? 0.35 : 0.45);
const rezerva = (activeTyp === 'fazulovy' || activeTyp === 'kapustnica') ? 1.35 : 1.25;
const potreba = celkovyObjemLitre * rezerva;
let finalK = kZoznam.find(k => k >= potreba) || "150+";
resKotlik.innerText = finalK + " L";
resMasoLabel.innerText = r.label.toUpperCase();
resMasoVal.innerText = masoKg.toFixed(1) + " kg";
let html = "";
r.ing.forEach(i => {
let u = i[2] || "kg";
let v = (masoKg * i[1]).toFixed(1);
if(u === "g" || u === "ml") v = Math.round(masoKg * i[1]);
html += `