<style>
    body { margin: 0; font-family: sans-serif; background:#FFD700; color: #333; }
    header {
      background: #9af705;
      padding: 1rem 2rem;
      display: flex;
      justify-content: space-between;
      align-items: center;
      flex-wrap: wrap;
    }
    header h1 { color: #99d100; margin: 0; }
    nav a {
      margin: 0 1rem;
      text-decoration: none;
      color: #333;
      font-weight: bold;
    }
    nav a:hover { color: #d18f00; }

    .slideshow-container {
      max-width: 1000px;
      margin: 2rem auto;
      position: relative;
    }
    .mySlides { display: none; }
    .mySlides img {
      width: 100%;
      height: auto;
      border-radius: 10px;
    }
    .prev, .next {
      cursor: pointer;
      position: absolute;
      top: 50%;
      padding: 12px;
      color: white;
      font-weight: bold;
      font-size: 20px;
      transition: 0.3s;
      background: rgba(0, 0, 0, 0.5);
      border-radius: 0 3px 3px 0;
      user-select: none;
    }
    .next { right: 0; border-radius: 3px 0 0 3px; }
    .prev:hover, .next:hover { background-color: rgba(0,0,0,0.8); }

    .dot-container {
      text-align: center;
      margin: 1rem 0;
    }
    .dot {
      height: 12px;
      width: 12px;
      margin: 0 4px;
      background-color: #bbb;
      border-radius: 50%;
      display: inline-block;
      transition: background-color 0.6s ease;
      cursor: pointer;
    }
    .active, .dot:hover { background-color: #717171; }

    .section {
      padding: 2rem;
      text-align: center;
    }

    .products-grid {
      display: grid;
      grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
      gap: 1.5rem;
      margin-top: 2rem;
    }
    .product {
      background: #fff;
      border: 1px solid #eee;
      border-radius: 8px;
      padding: 1rem;
      transition: box-shadow 0.2s;
    }
    .product:hover { box-shadow: 0 0 10px rgba(0,0,0,0.1); }
    .product img {
      max-width: 100%;
      border-radius: 6px;
    }
    .product h3 {
      color: #d18f00;
      margin-top: 1rem;
    }

    .contact-form {
      max-width: 500px;
      margin: 0 auto;
      text-align: left;
    }
    .contact-form label {
      display: block;
      margin: 1rem 0 0.5rem;
      font-weight: bold;
    }
    .contact-form input,
    .contact-form textarea {
      width: 100%;
      padding: 0.6rem;
      border: 1px solid #ccc;
      border-radius: 4px;
    }
    .contact-form button {
      margin-top: 1rem;
      background: #d18f00;
      color: white;
      padding: 0.7rem 1.5rem;
      border: none;
      border-radius: 5px;
      cursor: pointer;
    }
    .contact-form button:hover {
      background: #b57700;
    }

    footer {
      text-align: center;
      background: #222;
      color: #fff;
      padding: 1rem;
    }
  </style>