Gladio Karbon

/* Panelin üstünde sarkan o gereksiz temayı gizliyoruz */ .summary.entry-summary table.variations, .summary.entry-summary .variations_form { display: none !important; }

document.addEventListener("DOMContentLoaded", function () { const olcuSelect = document.getElementById("OlcuM42"); const hatveSelect = document.getElementById("HatveM42");

if (!olcuSelect || !hatveSelect) return;

window.HatveGuncelle = function() { const secilenOlcu = olcuSelect.value; hatveSelect.innerHTML = 'Seçiniz…'; const model = "Karbon";

if (typeof MASTER_DATA !== 'undefined' && MASTER_DATA[model]) { const modelHatveleri = MASTER_DATA[model][secilenOlcu]; if (modelHatveleri) { modelHatveleri.forEach(h => { const opt = document.createElement("option"); opt.value = h; opt.textContent = h; hatveSelect.appendChild(opt); }); } } };

window.Hesapla = function () { const uzunluk = parseFloat(document.getElementById("UzunlukM42").value) || 0; const adet = parseInt(document.getElementById("AdetM42").value) || 1; const selectedOpt = olcuSelect.options[olcuSelect.selectedIndex]; const canliKur = (typeof KUR !== 'undefined') ? KUR : 52.00;

if (selectedOpt && selectedOpt.value && uzunluk > 0) { const birimFiyat = parseFloat(selectedOpt.getAttribute("data-fiyat").replace(',', '.')) || 0; const kaynakUcreti = parseFloat(selectedOpt.getAttribute("data-kaynak").replace(',', '.')) || 0;

const birimToplamTL = ((birimFiyat * uzunluk) + kaynakUcreti) * canliKur; const genelToplamTL = birimToplamTL * adet;

document.getElementById("ResultM42").innerText = genelToplamTL.toLocaleString('tr-TR', { minimumFractionDigits: 2, maximumFractionDigits: 2 }) + " TL";

document.getElementById("CustomPriceInput").value = birimToplamTL.toFixed(4); document.getElementById("BladeLengthInput").value = uzunluk; document.getElementById("BladeOlcuInput").value = selectedOpt.value; document.getElementById("BladeHatveInput").value = hatveSelect.value; } else { document.getElementById("ResultM42").innerText = "0,00 TL"; } }; });

.testerere-rehber-wrapper { max-width: 1200px; margin: 20px auto; font-family: 'Segoe UI', Roboto, Helvetica, Arial, sans-serif; padding: 0 10px; } .rehber-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; background: #fcfcfc; padding: 15px 15px 0 15px; /* Alt padding'i 0 yaparak boşluğu kaynağında kestik */ } @media (max-width: 768px) { .rehber-grid { grid-template-columns: 1fr; } } .marka-box { margin-bottom: 6px; border: 1px solid #e1e8ed; border-radius: 6px; background: #fff; } .marka-box summary { padding: 8px 15px; cursor: pointer; font-weight: 600; color: #042f5e; list-style: none; display: flex; justify-content: space-between; align-items: center; font-size: 13.5px; background: #f8f9fa; border-radius: 6px; } .marka-box[open] summary { border-bottom: 1px solid #edf2f7; border-radius: 6px 6px 0 0; background: #f1f4f7; } .rehber-table { width: 100%; border-collapse: collapse; font-size: 12.5px; } .rehber-table td { padding: 6px 10px; border-bottom: 1px solid #f1f1f1; } .rehber-table tr:last-child td { border-bottom: none; } .val-mm { color: #7f8c8d; font-size: 11px; } .val-mt { text-align: right; font-weight: 700; color: #27ae60; }