
body {
  font-family: 'Segoe UI', sans-serif;
  margin: 0;
  padding: 0;
  background: url('background_light.png') repeat;
  background-color: #F9F9F9;
  color: #081C15;
}
header, footer {
  text-align: center;
  padding: 20px 10px;
  background-color: #FFFFFF;
  border-bottom: 2px solid #B7E4C7;
}
footer { border-top: 2px solid #B7E4C7; }
.logo { max-width: 100px; margin-bottom: 10px; }
header h1 { margin: 0; font-size: 36px; }
header p { font-size: 18px; margin-top: 5px; color: #40916C; }

.hero { padding: 30px 20px; text-align: center; }
.hero-content h2 { font-size: 28px; color: #1B4332; }
.hero-content p { font-size: 18px; }
.bike-image-container { background-color: #F9F9F9; padding: 20px; border-radius: 10px; margin: 20px auto; display: inline-block; }
.bike-image { max-width: 500px; width: 100%; }
.price { font-size: 24px; font-weight: bold; color: #2D6A4F; }
.button {
  background-color: #52B788;
  color: #FFFFFF;
  padding: 12px 25px;
  border: none;
  border-radius: 5px;
  text-decoration: none;
  font-weight: bold;
  font-size: 16px;
  margin-top: 20px;
  display: inline-block;
}

.features-section, .service-section, .reviews-section, .form-section {
  padding: 40px 20px;
  max-width: 1000px;
  margin: 0 auto 20px auto;
  background: #FFFFFF;
  border: 1px solid #B7E4C7;
  border-radius: 10px;
}
.features-section h2, .service-section h2, .reviews-section h2, .form-section h2 {
  text-align: center;
  font-size: 28px;
  color: #2D6A4F;
}
.features {
  display: flex;
  gap: 20px;
  flex-wrap: wrap;
  justify-content: center;
}
.feature-item {
  background: #FFFFFF;
  border: 1px solid #B7E4C7;
  border-radius: 10px;
  padding: 20px;
  width: 280px;
}
.feature-item h3 { margin-top: 0; color: #081C15; }

blockquote { font-style: italic; margin: 20px auto; max-width: 800px; }
blockquote p { margin: 0; }
blockquote cite { display: block; margin-top: 10px; font-weight: bold; }

form input, form label { color: #081C15; display: block; width: 100%; margin-bottom: 10px; }
form input[type="text"], form input[type="date"], form input[type="tel"] {
  background: #FFFFFF;
  border: 1px solid #B7E4C7;
  padding: 10px;
}

@media (max-width: 600px) {
  header h1 { font-size: 28px; }
  .feature-item { width: 100%; }
}
