body
{
font-family: Arial;
margin:0;
background:#f5f7fb;
}

header
{
height:100px;
background:#002f6c;
color:white;
display:flex;
align-items:center;
justify-content:center;
font-size:28px;
font-weight:bold;
}

footer
{
height:150px;
background:#111;
color:white;
display:flex;
align-items:center;
justify-content:center;
}

.intro
{
max-width:1000px;
margin:auto;
padding:20px;
font-size:18px;
}

.productGrid
{
display:grid;
grid-template-columns:repeat(4,1fr);
gap:20px;
padding:30px;
}

.product
{
background:white;
padding:15px;
border-radius:6px;
box-shadow:0 3px 8px rgba(0,0,0,.1);
text-align:center;
}

.product img
{
width:100%;
height:160px;
object-fit:cover;
}

.price
{
color:#c40000;
font-size:22px;
font-weight:bold;
}

.buyButton
{
background:#c40000;
color:white;
border:none;
padding:10px 20px;
cursor:pointer;
margin-top:10px;
}

.buyButton.selected
{
background:#2e7d32;
}

.cartBar
{
background:#f4b400;
padding:15px;
font-weight:bold;
text-align:center;
}

.checkout
{
padding:40px;
text-align:center;
}

.checkout input
{
display:block;
margin:10px auto;
padding:10px;
width:300px;
}

.buyNow
{
background:#c40000;
color:white;
font-size:20px;
padding:12px 40px;
border:none;
cursor:pointer;
}