body {
    background-color: white;
    color: var(--dark-brown);
    font-family: 'Segoe UI', sans-serif;
  }

  .navbar {
    background-color: white;
  }

  .nav-link.active {
    text-decoration: underline;
  }

main {
  background-color: white; /* White main content area */
  border-radius: 10px; /* Rounded corners */
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1); /* Subtle shadow */
  padding: 20px; /* Add padding */
}

h2 {
  color: rgb(162, 110, 45); /* Blue heading */
}

/* Product Box Styles */
.product-box {
  border: 1px solid #ced4da; /* Light gray border */
  border-radius: 5px; /* Rounded corners */
  padding: 15px;
  text-align: center; /* Center text */
  background-color: white; /* White background */
  box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.1); /* Add a shadow */
  transition: transform 0.3s ease; /* Smooth transition on hover */
}

.product-box:hover {
  transform: scale(1.05); /* Slightly enlarge on hover */
}

.product-box img {
  max-width: 100%;
  height: auto;
  margin-bottom: 10px;
}

/* Filter Styles */
.form-select-lg {
  margin-bottom: 10px;
}

/* Pagination Styles */
.pagination {
  justify-content: center; /* Center pagination */
  margin-top: 20px;
}

.page-link {
  color: #007bff; /* Blue links */
  border: 1px solid #007bff; /* Blue border */
  border-radius: 5px; /* Rounded corners */
}

.page-link:hover {
  background-color: #007bff;
  color: white;
}

.active .page-link {
  background-color: #007bff;
  color: white;
}

/* Responsive Styles (adjust as needed) */
@media (max-width: 768px) {
  .row-cols-3 {
    flex-direction: column; /* Stack products vertically on smaller screens */
  }
}

footer {
  position: fixed;
  bottom: 0;
  width: 100%;
}