* {margin:0; padding:0; box-sizing:border-box; font-family: Arial, sans-serif;}
body {line-height: 1.6; background:#ffffff;}
nav {background:#f9f9f9; color:#000000; padding: 1px 30px; display:flex; justify-content: space-between; align-items:center;}
nav a {color:#000000; text-decoration:none; margin: 60px;}
nav a:hover {text-decoration:underline;}
section {padding:40px 20px; max-width:1200px; margin:20px auto; background:#fff; border-radius:8px; box-shadow:0 0 10px rgba(0,0,0,0.1);}
h1, h2 {margin-bottom:20px; color:#333;}
p {margin-bottom:15px;}
footer {text-align:center; padding:20px; background:#333; color:#fff;}
.slider {position: relative; max-width:100%; height:600px; overflow:hidden;}
.slides img {width:100%; height: 500px; position:absolute; opacity:0; transition: opacity 3s ease-in-out;}
.slides img.active {opacity:1;}
.product {margin-bottom:20px; padding:15px; border:1px solid #ccc; border-radius:5px;}
.contact a {display:inline-block; padding:10px 20px; background:green; color:#fff; border-radius:5px; text-decoration:none;}
.contact a:hover {background:darkgreen;}
nav .logo img { 
  height: 50px; 
  display:flex;
  align-items:center;
}
.slider1 {position: relative; max-width:100%; height:550px; overflow:hidden;}
.slides1 img {width:100%; height: 500px; position:absolute; opacity:0; transition: opacity 3s ease-in-out;}
.slides1 img.active {opacity:1;}

body {
      font-family: Arial, sans-serif;
      margin: 0;
      background-color: #f5f5f5;
    }

    header {
      background-color: #222;
      color: white;
      padding: 15px 0;
      text-align: center;
      font-size: 24px;
      letter-spacing: 1px;
    }

    .product-section {
      max-width: 1200px;
      margin: 50px auto;
      text-align: center;
    }

    .product-section h2 {
      color: #333;
      margin-bottom: 30px;
      font-size: 28px;
    }

    .product-row {
      display: flex;
      justify-content: center;
      align-items: flex-start;
      gap: 25px;
      flex-wrap: wrap;
    }

    .product-card {
      background: white;
      border-radius: 12px;
      box-shadow: 0 2px 8px rgba(0,0,0,0.1);
      overflow: hidden;
      width: 260px;
      transition: transform 0.3s ease, box-shadow 0.3s ease;
    }

    .product-card:hover {
      transform: translateY(-8px);
      box-shadow: 0 6px 12px rgba(0,0,0,0.15);
    }

    .product-card img {
      width: 80%;
      height: 300px;
      object-fit: cover;
    }

    .product-card h3 {
      margin: 20px 0 10px;
      color: #222;
      font-size: 20px;
    }

    .product-card p {
      color: #555;
      font-size: 15px;
      padding: 0 15px 20px;

    }