/* --- GENEL STİLLER --- */
.sekiziki-bmi-wrapper {
font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
line-height: 1.6;
color: #333;
max-width: 800px;
margin: 0 auto;
padding: 15px;
background-color: #fff;
}
/* --- HESAPLAMA KUTUSU --- */
.bmi-box {
background: #fdfdfd;
border: 1px solid #e0e0e0;
border-radius: 12px;
padding: 30px;
margin-bottom: 30px;
box-shadow: 0 5px 20px rgba(0,0,0,0.05);
}
.bmi-title {
text-align: center;
color: #2c3e50;
font-size: 24px;
font-weight: 700;
margin-bottom: 25px;
}
.form-row {
display: flex;
gap: 15px;
margin-bottom: 15px;
}
.form-col { flex: 1; }
.bmi-label { display: block; margin-bottom: 8px; font-weight: 600; color: #555; }
.bmi-input {
width: 100%; padding: 12px; border: 2px solid #ddd; border-radius: 8px;
font-size: 16px; box-sizing: border-box; transition: 0.3s;
}
.bmi-input:focus { border-color: #3498db; outline: none; }
.btn-bmi {
width: 100%; padding: 15px; background: #3498db; color: white;
border: none; border-radius: 8px; font-size: 18px; font-weight: bold;
cursor: pointer; margin-top: 10px; transition: 0.3s;
}
.btn-bmi:hover { background: #2980b9; }
/* --- SONUÇ ALANI --- */
#bmi-result-area {
margin-top: 30px; display: none; text-align: center;
background: #fff; padding: 20px; border-radius: 10px; border: 1px solid #eee;
}
.bmi-score { font-size: 48px; font-weight: 800; color: #2c3e50; line-height: 1; }
.bmi-status { font-size: 20px; font-weight: bold; margin-top: 5px; padding: 5px 15px; border-radius: 20px; display: inline-block; color: #fff; }
/* RENKLİ ÇUBUK (Gauge) */
.bmi-bar-container {
height: 15px; background: #eee; border-radius: 10px; margin-top: 20px;
position: relative; overflow: hidden; display: flex;
}
.bar-segment { height: 100%; }
.seg-1 { width: 18.5%; background: #3498db; } /* Zayıf */
.seg-2 { width: 16.5%; background: #2ecc71; } /* Normal */
.seg-3 { width: 15%; background: #f1c40f; } /* Fazla Kilo */
.seg-4 { width: 50%; background: #e74c3c; } /* Obez */
.marker {
position: absolute; top: -5px; width: 4px; height: 25px; background: #000;
transition: left 0.5s ease; border: 2px solid #fff; box-shadow: 0 0 5px rgba(0,0,0,0.5);
}
/* --- TIBBİ UYARI --- */
.medical-warning {
background-color: #fff3cd; border-left: 5px solid #ffc107; padding: 15px;
margin-bottom: 40px; border-radius: 4px; font-size: 14px; color: #856404;
}
/* --- SEO İÇERİK --- */
.seo-text h2 { color: #2c3e50; font-size: 26px; border-bottom: 2px solid #eee; padding-bottom: 10px; }
.seo-text h3 { color: #e67e22; font-size: 20px; margin-top: 25px; }
.seo-text p, .seo-text li { color: #555; font-size: 16px; margin-bottom: 10px; }
/* --- ÜRÜN REKLAM KUTUSU --- */
.product-tiein {
background: #f4f6f7; border: 1px solid #d6dbdf; padding: 20px;
border-radius: 10px; margin-top: 30px; display: flex; align-items: center; gap: 20px;
}
.btn-shop-link {
background: #2c3e50; color: white; padding: 10px 20px; text-decoration: none;
border-radius: 5px; font-weight: bold; white-space: nowrap;
}
@media (max-width: 600px) {
.form-row { flex-direction: column; gap: 10px; }
.product-tiein { flex-direction: column; text-align: center; }
.btn-shop-link { display: block; width: 100%; box-sizing: border-box; }
}
Vücut Kitle İndeksi (VKİ) Hesapla
Boyunuz (cm)
Kilonuz (kg)
HESAPLA
VKİ Değeriniz:
0.0
Normal
ZayıfNormalKiloluObez
⚠️ Önemli Sağlık Uyarısı: Vücut Kitle İndeksi (VKİ), genel bir tarama aracıdır; kas kütlesi, kemik yoğunluğu veya yağ dağılımını (göbek/kalça) ayırt etmez. Sporcularda veya hamilelerde yanıltıcı sonuçlar verebilir. En doğru değerlendirme
için doktorunuza başvurunuz.
Vücut Kitle İndeksi (VKİ) Nedir ve Neden Önemlidir?
Vücut Kitle İndeksi (Body Mass Index), kilonuzun boyunuzun karesine bölünmesiyle elde edilen, Dünya Sağlık Örgütü (WHO) tarafından standart kabul edilmiş bir hesaplama yöntemidir. Bu değer, vücudunuzdaki yağ oranı hakkında fikir vererek kalp hastalıkları,
diyabet ve hipertansiyon gibi risklere karşı sizi uyarır.
Kadınlar İçin İdeal VKİ Değerleri
Kadınların yağ oranı biyolojik olarak erkeklerden farklı olsa da genel sınıflandırma şöyledir:
18.5 altı (Zayıf): Bağışıklık sistemi zayıflayabilir, beslenme yetersizliği riski vardır.
18.5 - 24.9 (İdeal/Normal): En sağlıklı aralıktır. Bu formu korumak hedeflenmelidir.
25 - 29.9 (Fazla Kilolu): İdeal kilonun üzerindesiniz. Beslenme düzenini gözden geçirmekte fayda var.
30 ve üzeri (Obez): Ciddi sağlık riski taşır. Profesyonel destek alınmalıdır.
?
Sağlıklı Kilo Mutfakta Başlar!
İdeal VKİ değerine ulaşmak için taze sebze ve protein ağırlıklı beslenmek şarttır. Yemeklerinizi hazırlarken bakteri tutmayan ve mikroplastik saçmayan Paslanmaz Çelik Kesme Tahtası kullanarak sağlığınızı riske atmayın.
ÜRÜNÜ İNCELE
VKİ Değeri Nasıl Düşürülür?
Eğer sonucunuz "Fazla Kilolu" veya "Obez" çıktıysa panik yapmayın. Küçük değişikliklerle büyük farklar yaratabilirsiniz:
Şekerli içecekleri ve paketli gıdaları hayatınızdan çıkarın.
Porsiyon kontrolü yapın (Mutfak tartısı kullanmak işinizi kolaylaştırır).
Günlük su tüketiminizi artırın.
Haftada en az 150 dakika orta tempolu yürüyüş yapın.
function calculateBMI() {
const heightInput = document.getElementById('bmi-height').value;
const weight = parseFloat(document.getElementById('bmi-weight').value);
if (!heightInput || !weight) {
alert("Lütfen boy ve kilo alanlarını doldurunuz.");
return;
}
// Boyu metreye çevir (cm girildiği için)
const heightM = heightInput / 100;
// Formül: Kilo / Boyun Karesi
const bmi = weight / (heightM * heightM);
const bmiFixed = bmi.toFixed(1);
// Değerlendirme
let status = "";
let color = "";
let percentage = 0; // Çubuk üzerindeki yüzde konumu
// Çubuk mantığı: 0-50 arası bir skala belirleyelim.
// 18.5 altı = %0 - %37
// 18.5 - 25 = %37 - %50
// 25 - 30 = %50 - %60
// 30+ = %60+
// Basit görselleştirme için yüzdelik hesap (Sadece görsel kaydırma için yaklaşık değerler)
if (bmi < 18.5) {
status = "Zayıf";
color = "#3498db"; // Mavi
percentage = (bmi / 18.5) * 18.5;
} else if (bmi >= 18.5 && bmi < 25) {
status = "İdeal Kilo";
color = "#2ecc71"; // Yeşil
percentage = 18.5 + ((bmi - 18.5) / 6.5) * 16.5;
} else if (bmi >= 25 && bmi < 30) {
status = "Fazla Kilolu";
color = "#f1c40f"; // Sarı
percentage = 35 + ((bmi - 25) / 5) * 15;
} else {
status = "Obezite Riski";
color = "#e74c3c"; // Kırmızı
percentage = 50 + ((bmi - 30) / 10) * 50;
if (percentage > 95) percentage = 95; // Çubuğun dışına taşmasın
}
// Sonuçları yazdır
document.getElementById('score-val').innerText = bmiFixed;
document.getElementById('score-val').style.color = color;
const statusEl = document.getElementById('status-val');
statusEl.innerText = status;
statusEl.style.backgroundColor = color;
// İşaretçiyi kaydır
document.getElementById('bmi-marker').style.left = percentage + "%";
// Kutuyu göster
const resArea = document.getElementById('bmi-result-area');
resArea.style.display = 'block';
resArea.scrollIntoView({
behavior: "smooth"
});
}