/* ============================================
   JARZ — SVG Product Illustrations
   These are used as inline product visuals
   ============================================ */

/* Product placeholder images using CSS shapes */
.product-illustration {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.sleeve-svg {
  width: 75%;
  height: 75%;
  transition: transform var(--transition-slow);
}

.product-card:hover .sleeve-svg {
  transform: scale(1.05);
}