/* Basic page defaults */
* { box-sizing: border-box; }
html, body { margin: 0; padding: 0; }
body {
  font-family: Arial, Helvetica, sans-serif;
  line-height: 1.4;
  color: #222;
  background: #f7f7f7; /* light gray so the white card stands out */
}

/* Simple header/nav */
header { background:#fff; border-bottom:1px solid #ddd; padding:16px; text-align:center; }
nav a { margin:0 8px; text-decoration:none; color:#0044aa; }
nav a:hover { text-decoration:underline; }

/* Cart block */
main { max-width: 640px; margin: 40px auto; padding: 0 12px; }
.cart {
  background:#fff;
  border:1px solid #ddd;
  padding:20px;
  text-align:center;
}
.cart h2 { margin-top:0; }

/* Button-like link */
.button {
  display:inline-block;
  background:#0044aa;
  color:#fff;
  text-decoration:none;
  padding:8px 12px;
  border:1px solid #003a92;
}
.button:hover { text-decoration: underline; }

/* Footer */
footer { text-align:center; color:#666; padding:20px 10px; }