body {
  background-color: rgb(243, 245, 245);
  color: #333333;
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
  padding-top: 70px;
}

.navbar-default {
  background-color: #f8f9fa;
  border-color: #dee2e6;
}

.navbar-default .navbar-brand,
.navbar-default .navbar-nav > li > a {
  color: #007BFF;
}

.carousel-caption h1,
.carousel-caption h3,
.carousel-caption p {
  color: #333333;
  text-shadow: none;
}

#contoh-carousel {
  max-width: 900px;
  margin: 0 auto;
}

#contoh-carousel .item img {
  width: 100%;
  height: auto;
}

@media (max-width: 768px) {
  #contoh-carousel {
    max-width: 100%;
  }
}

.btn-warning {
  background-color: #007BFF;
  border-color: #007BFF;
  color: white;
}
.btn-warning:hover,
.btn-warning:focus,
.btn-warning:active {
  background-color: #0056b3;
  border-color: #004085;
  color: white;
}

.product-card {
  border: 1px solid #eee;
  border-radius: 6px;
  overflow: hidden;
  margin-bottom: 20px;
  transition: box-shadow 0.3s ease;
  background-color: #fff;
}
.product-card:hover {
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
}

.product-image {
  width: 100%;
  height: 200px;
  object-fit: cover;
}

.product-info {
  padding: 10px;
  text-align: center;
}

.product-name {
  font-size: 14px;
  font-weight: bold;
  color: #333;
  margin: 10px 0 5px;
  height: 38px;
  overflow: hidden;
  background-color: white;
}

.product-price {
  color: #007BFF;
  font-size: 16px;
  font-weight: 700;
  margin-bottom: 10px;
  font-family: Arial, sans-serif;
}

.navbar-form {
  float: left;
  margin-right: 15px;
  width: auto;
}

.thumbnail {
  padding: 4px;
  border: 1px solid rgb(11, 11, 11);
}

.thumbnail img {
  width: 250px;
  height: 250px;
}

.caption {
  padding: 10px;
}

footer.footer {
  margin-top: 50px;
  padding: 20px;
  background-color: #333;
  color: white;
  text-align: center;
}