/* =========================
 FILE: style.css
========================= */
body{margin:0;font-family:Arial;background:#000;color:#fff}
header{background:#111;padding:20px;display:flex;justify-content:space-between}
a{color:#fff;margin:0 10px;text-decoration:none}
section{padding:60px 10%}
.hero{text-align:center}
.hero img{max-width:400px;border-radius:10px}
.products{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px}
.card{background:#111;padding:20px;border-radius:10px;text-align:center}
.card img{width:100%;height:200px;object-fit:cover;border-radius:8px}
button{padding:10px 20px;margin-top:10px;border:none;cursor:pointer}
footer{text-align:center;padding:20px;background:#111}
.checkout{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.8);justify-content:center;align-items:center}
.checkout-box{background:#fff;color:#000;padding:20px;border-radius:10px;width:300px}
.checkout-box input{width:100%;padding:8px;margin:5px 0}
.wa{color:#25D366;font-weight:bold}


// =========================
// FILE: script.js
// =========================
let produk="";
let harga=0;
function openCheckout(n,h){produk=n;harga=h;document.getElementById('namaProduk').innerText=n;document.getElementById('hargaProduk').innerText='Rp'+h;document.getElementById('checkout').style.display='flex'}
function closeCheckout(){document.getElementById('checkout').style.display='none'}
function checkout(){alert('Pesanan '+produk+' berhasil!');closeCheckout()}