body {
    margin: 0;
    padding: 0;

    background: 
        linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.5)), /* overlay */
        url('images/main.jpeg'); /* your image path */

    background-size: cover;        /* full screen */
    background-position: center;   /* center image */
    background-repeat: no-repeat;  /* no repeat */
    background-attachment: fixed;  /* optional: parallax effect */

    color: white; /* makes text visible */
}

header{
display:flex;
align-items:center;
justify-content:space-between;
background:#1a1a1a;
padding:10px 40px;
}

.logo img{
height:160px;
}

nav a{
color:white;
margin:0 15px;
text-decoration:none;
font-weight:bold;
}

nav a:hover{
color:#f0b400;
}

.container{
width:90%;
margin:auto;
padding:40px 0;
}

h1{
text-align:center;
margin-bottom:30px;
}

.slider{
width:100%;
overflow:hidden;
background:</h1>;
padding:20px;
}

.slide-track{
display:flex;
animation:scroll 25s linear infinite;
}

.slide{
min-width:450px;
margin:0 15px;
}

.slide img{
width:100%;
border-radius:6px;
}

@keyframes scroll{
0%{transform:translateX(0);}
100%{transform:translateX(-100%);}
}

.products-grid{
display:grid;
grid-template-columns:repeat(auto-fit,minmax(250px,1fr));
gap:20px;
}

.product{
background:white;
padding:20px;
text-align:center;
border-radius:6px;
}

.product img{
width:100%;
}

.catalogue-btn{
display:inline-block;
margin-top:10px;
padding:10px 20px;
background:#1a1a1a;
color:white;
text-decoration:none;
}

footer{
background:#1a1a1a;
color:white;
text-align:center;
padding:20px;
margin-top:40px;
}

.whatsapp{
position:fixed;
bottom:20px;
right:20px;
background:#25D366;
color:white;
padding:15px 20px;
border-radius:50px;
text-decoration:none;
font-weight:bold;
}