body {
  font-family: Arial, sans-serif;
  background: #0f172a;
  color: #e5e7eb;
  text-align: center;
  padding-top: 100px;
}
/* ===== PRODUCTS GRID ===== */

.products{
display:grid !important;
grid-template-columns:repeat(3, 1fr) !important;
gap:25px;
margin-top:30px;
align-items:stretch;
}

/* PRODUCT CATEGORIES */

.categories{
padding:70px 5%;
background:#f6f8fb;
}

.section-title{
text-align:center;
font-size:30px;
margin-bottom:40px;
}

.category-grid{
display:grid;
grid-template-columns:repeat(3,1fr);
gap:30px;
max-width:1200px;
margin:auto;
}

.category-card{
background:white;
border-radius:12px;
box-shadow:0 5px 20px rgba(0,0,0,0.08);
text-align:center;
padding:25px;
transition:0.3s;
}

.category-card:hover{
transform:translateY(-5px);
}

.category-card img{
width:100%;
height:180px;
object-fit:contain;
margin-bottom:15px;
}

.category-card h3{
margin-bottom:15px;
}

.category-card button{
background:#0077ff;
color:white;
border:none;
padding:10px 20px;
border-radius:6px;
cursor:pointer;
}

/* BRAND SECTION */

.brands{
padding:60px 5%;
background:white;
}

.brand-grid{
display:grid;
grid-template-columns:repeat(auto-fit,minmax(120px,1fr));
gap:40px;
align-items:center;
max-width:1100px;
margin:auto;
}

.brand-grid img{
max-width:120px;
margin:auto;
filter:grayscale(100%);
opacity:0.8;
transition:0.3s;
}

.brand-grid img:hover{
filter:none;
opacity:1;
transform:scale(1.1);
}

/* COMMERCIAL SECTION */

.commercial{
padding:70px 5%;
background:#f6f8fb;
}

.commercial-grid{
display:grid;
grid-template-columns:repeat(3,1fr);
gap:25px;
max-width:1200px;
margin:auto;
}

.commercial-card{
background:white;
padding:25px;
border-radius:12px;
box-shadow:0 5px 20px rgba(0,0,0,0.08);
text-align:center;
}

.commercial-card h3{
margin-bottom:10px;
}