.coffeehs-slider-section {
  position: relative;
  height: 60vh;
  overflow: hidden;
}
.coffee-slider-bg {
  height: 60vh;
  background-size: cover;
  background-position: center;
}
.coffee-hero-overlay {
  position: absolute;
  inset: 0;
  background: rgba(0,0,0,0.5);
  padding: 2rem;
}

/* Welcome Section */
.text-coffee {
  color: #6f4e37;
}
.btn-coffee {
  background: #6f4e37;
  color: #fff;
  border: none;
}
.btn-coffee:hover {
  background: #5d3e2e;
}

/* Coffee Cards */
.coffee-card {
  position: relative;
  transition: transform 0.3s ease-in-out;
  box-shadow: #6f4e37;
}
.coffee-card:hover {
  transform: scale(1.03);
}
.coffee-hover {
  position: absolute;
  top: 0;
  left: 0;
  background: rgba(0,0,0,0.5);
  color: #fff;
  width: 100%;
  height: 100%;
  opacity: 0;
  transition: all 0.4s ease-in-out;
  display: flex;
  align-items: center;
  justify-content: center;
}
.coffee-card:hover .coffee-hover {
  opacity: 1;
}

/* Mobile Responsiveness */
@media (max-width: 768px) {
  .coffeehs-slider-section {
    height: 50vh;
  }
  .coffee-slider-bg {
    height: 50vh;
  }
  .coffee-card {
    width: 100% !important;
  }
}


.coffeehs-slider-section {
  position: relative; height: 60vh; overflow: hidden;
}
.coffee-slider-bg {
  height: 60vh; background-size: cover; background-position: center;
}
.coffee-hero-overlay {
  position: absolute; inset: 0; background: rgba(0,0,0,0.5); display: flex;
  align-items: center; justify-content: center; padding: 2rem;
}
.text-coffee, .btn-coffee { /* same as before */ }
.coffee-card, .coffee-hover { /* same as before */ }

@media (max-width:768px) {
  .coffeehs-slider-section { height: 50vh; }
  .coffee-slider-bg { height: 50vh; }
  .coffee-card { width: 100% !important; margin-bottom: 1rem; }
}