
<html lang="vi">
<head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0" />
    <title>Bunker Survival Kits — Thiết bị sinh tồn đẳng cấp 2026 | Mua Online</title>
    <meta name="description" content="Chuyên cung cấp đồ sinh tồn Boongke cao cấp: Thùng lương thực 25 năm, viên lọc nước Iot. Giải pháp dự phòng toàn cầu với chất lượng quân đội, vận chuyển quốc tế." />
    <link rel="preconnect" href="https://fonts.googleapis.com" />
    <link rel="preconnect" href="https://fonts.gstatic.com" />
    <link href="https://fonts.googleapis.com/css2?family=Lexend:wght@300;400;600;700;800;900&amp;family=Source+Serif+4:ital,opsz,wght@0,8..60,300;0,8..60,400;0,8..60,600;0,8..60,700;1,8..60,400&amp;display=swap" rel="stylesheet" />
    </head></html>
<script>
(function(){
  var obs=new IntersectionObserver(function(entries){entries.forEach(function(e){if(e.isIntersecting){e.target.classList.add('visible');obs.unobserve(e.target)}})},{threshold:.1});
  document.querySelectorAll('.reveal,.reveal-left,.reveal-right,.reveal-scale').forEach(function(el){obs.observe(el)});
  var nav=document.getElementById('navbar');
  if(nav){window.addEventListener('scroll',function(){nav.classList.toggle('scrolled',window.scrollY>50)});}
  /* Fix images not filling containers (visible bg-color bleed like red borders) */
  document.querySelectorAll('img').forEach(function(img){
    var p=img.parentElement;if(!p)return;
    function chk(el){if(!el||el===document.body)return null;var cs=getComputedStyle(el);var bg=cs.backgroundColor;if(!bg||bg==='transparent'||bg==='rgba(0, 0, 0, 0)')return null;var m=bg.match(/\d+/g);if(!m||m.length<3)return null;if(+m[0]+ +m[1]+ +m[2]<30)return null;return el;}
    var c=chk(p)||chk(p.parentElement);
    if(c){img.style.width='100%';img.style.height='100%';img.style.objectFit='cover';img.style.display='block';if(!getComputedStyle(c).overflow||getComputedStyle(c).overflow==='visible')c.style.overflow='hidden';}
  });
})();
</script>