body{

font-family:Arial,sans-serif;

background:#f2f2f2;

margin:0;

}


header{

background:#111;

color:white;

padding:30px;

text-align:center;

}



#produtos{

display:grid;

grid-template-columns:
repeat(auto-fit,minmax(280px,1fr));

gap:25px;

padding:30px;

}



.produto{

background:white;

border-radius:18px;

padding:20px;

box-shadow:
0 5px 20px rgba(0,0,0,.12);

position:relative;

}



.produto img{

width:100%;

height:220px;

object-fit:contain;

border-radius:10px;

}



.produto h2{

font-size:22px;

}



.produto h3{

font-size:32px;

color:#d70000;

}



.antigo{

text-decoration:line-through;

color:#777;

}



.produto a{

display:block;

background:#00a650;

color:white;

padding:15px;

border-radius:10px;

text-align:center;

text-decoration:none;

font-weight:bold;

}



.badge-desconto{

position:absolute;

top:15px;

right:15px;

background:red;

color:white;

padding:8px;

border-radius:20px;

}



.badge-destaque{

background:#ffd700;

padding:8px;

border-radius:20px;

display:inline-block;

}



.origem{

color:#555;

font-weight:bold;

}