body{
font-family: Arial;
margin:0;
background:#0f0f0f;
color:white;
}

header{
text-align:center;
padding:30px;
}

h1{
font-size:40px;
}

.filters{
margin-top:20px;
}

button{
background:#1f1f1f;
border:none;
color:white;
padding:10px 20px;
margin:5px;
cursor:pointer;
border-radius:6px;
}

button:hover{
background:#ff9800;
}

.product-container{
display:grid;
grid-template-columns:repeat(auto-fit,minmax(250px,1fr));
gap:25px;
padding:40px;
}

.product{
background:#1a1a1a;
border-radius:10px;
overflow:hidden;
transition:0.3s;
text-align:center;
}

.product:hover{
transform:translateY(-8px);
box-shadow:0 10px 20px rgba(0,0,0,0.5);
}

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

.product h3{
margin:15px 0 5px;
}

.product p{
color:#aaa;
margin-bottom:15px;
}