/* Brand color definitions */
:root {
  --brand-primary: #0066cc;
  --brand-warning: #DC3545;
}

/* Fabric card enhancements */
.fabric-card {
  transition: transform 0.3s ease, box-shadow 0.3s ease;
  border-color: #dee2e6;
}

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

.fabric-card img {
  transition: transform 0.3s ease;
  max-height: 150px;
  object-fit: contain;
}

.fabric-card:hover img {
  transform: scale(1.05);
}

/* CTA card styling */
.fabric-cta-card {
  background-color: #f8f9fa;
  border: 2px solid var(--brand-primary);
  transition: all 0.3s ease;
}

.fabric-cta-card:hover {
  background-color: #e9f0f7;
  transform: translateY(-5px);
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
}

/* Price button hover effect */
.price-button {
  transition: all 0.3s ease;
}

.price-button:hover {
  transform: translateY(-3px);
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.2);
}