body { 
  padding-bottom: 80px; 
  font-family: 'Segoe UI', sans-serif;
  background: linear-gradient(180deg, #2a3757, #1b2436);
}

.card {
  border: none;
  border-radius: 12px;
  overflow: hidden;
  transition: transform 0.25s ease, box-shadow 0.25s ease;
  background-color: #ffffff;
}

.card:hover {
  transform: translateY(-6px);
  box-shadow: 0 10px 20px rgba(0,0,0,0.25);
}

.card-img-top { 
  height: 220px; 
  object-fit: cover; 
}

.product-card .btn {
  border-radius: 20px;
  font-weight: 600;
}

.product-card .btn-primary {
  background: linear-gradient(90deg,#ff9800,#ff5722);
  border: none;
}

.product-card .btn-primary:hover {
  background: linear-gradient(90deg,#ff5722,#e91e63);
}

.badge-stock { 
  position: absolute; 
  right: 12px; 
  top: 12px; 
  font-size: 0.75rem; 
  padding: 0.4em 0.6em;
}

footer.fixed-bottom .container { 
  display:flex; 
  gap:0.5rem; 
  justify-content:center;
}
.toast {
  border-radius: 12px;
  font-weight: 500;
}