/* Wygląd zaznaczonego kafelka (mocniejszy shadow) */
.ws-selected{
  outline: 2px solid #ff914d;
  box-shadow: 
    0 8px 24px rgba(255,145,77,.22),
    0 0 0 6px rgba(255,145,77,.25);
  transform: translateY(-2px);
  transition: .15s transform, .15s box-shadow, .15s filter, .15s opacity;
  border-radius: 14px;
}

/* „Zamglenie” kafelków po osiągnięciu limitu (i blokada kliku) */
.ws-locked{
  opacity: .35;
  filter: grayscale(100%);
  pointer-events: none;
  transition: .15s opacity, .15s filter;
}

/* Stan przycisku gdy nie spełniony min/max */
.ws-pack .ws-pack-submit[disabled]{
  opacity: .5;
  pointer-events: none;
}

/* (opcjonalnie) delikatne uniesienie na hover dla aktywnych kafelków */
[data-product-id]:not(.ws-locked):hover{
  transform: translateY(-1px);
}