body { font-family: Arial; margin:0; padding:10px; background:#f5f5f5; }
.intro { text-align:center; }
.products { display:grid; grid-template-columns:repeat(2,1fr); gap:12px; }
.card { background:white; padding:10px; border-radius:12px; box-shadow:0 2px 6px rgba(0,0,0,0.1); }
.card img { width:100%; border-radius:10px; }
button { width:100%; padding:10px; margin-top:5px; border:none; border-radius:8px; background:black; color:white; }
#proceedBtn { position:fixed; bottom:15px; left:50%; transform:translateX(-50%); background:blue; width:90%; display:none; }
input { display:block; width:95%; padding:12px; margin:8px auto; border-radius:8px; border:1px solid #ccc; }