.footer-link a,
.footer-link a:link,
.footer-link a:visited,
.footer-link a:active {
  color: #ffffff;
  text-decoration: none;
}

.footer-link a:hover {
  color: #abeb34;
}

.home-1 {
  background: linear-gradient(to bottom, #ffffff, #f4fafa);
}

.turmeric-1 {
  background: linear-gradient(to bottom, #ffffff, #f9fefb);
}

.turmeric-2 {
  background: linear-gradient(to bottom, #f9fefb, #f3fcf7);
}

.turmeric-3 {
  background: linear-gradient(to bottom, #f3fcf7, #ebfaf0);
}

.turmeric-4 {
  background: linear-gradient(to bottom, #ebfaf0, #e4f7ea);
}


.coffee-1 {
  background: linear-gradient(to bottom, #ffffff, #f9f8f5);
}

.coffee-2 {
  background: linear-gradient(to bottom, #f9f8f5, #f2eee6);
}

.coffee-3 {
  background: linear-gradient(to bottom, #f2eee6, #e9e2d8);
}

.coffee-4 {
  background: linear-gradient(to bottom, #e9e2d8, #ddd3c6);
}


.pepper-1 {
  background: linear-gradient(to bottom, #ffffff, #f7f7f7);
}

.pepper-2 {
  background: linear-gradient(to bottom, #f7f7f7, #efefef);
}

.pepper-3 {
  background: linear-gradient(to bottom, #efefef, #e6e6e6);
}

.pepper-4 {
  background: linear-gradient(to bottom, #e6e6e6, #dcdcdc);
}

.pepper-product {
  background-color: #f4f1ea;
  border-radius: 16px;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
  transition: transform 0.3s ease, box-shadow 0.3s ease;
  padding: 1.5rem;
  text-align: center;
  cursor: pointer;
}

.pepper-product:hover {
  transform: scale(1.03) translateY(-5px);
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.15);
}

.coffee-product {
  background-color: #f0f0f0;
  border-radius: 16px;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
  transition: transform 0.3s ease, box-shadow 0.3s ease;
  padding: 1.5rem;
  text-align: center;
  cursor: pointer;
}

.coffee-product:hover {
  transform: scale(1.03) translateY(-5px);
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.15);
}

.turmeric-product {
  background-color: #f5f5f0; /* soft off-white with warmth */
  box-shadow: 0 6px 20px rgba(0, 0, 0, 0.25); /* more obvious shadow */
  transition: transform 0.25s ease, box-shadow 0.25s ease;
  padding-bottom: 32px;
  border-radius: 25px;
}

.turmeric-product:hover {
  transform: translateY(-4px);
  box-shadow: 0 12px 32px rgba(0, 0, 0, 0.35); /* stronger hover shadow */
}