/* ============================================
   KITE SVG ILLUSTRATIONS
   Hand-drawn kite shapes in CSS/SVG
   ============================================ */

/* Kite visual styles within product cards */
.kite-visual {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}

/* SVG kite size */
.kite-visual svg {
  max-width: 80%;
  max-height: 80%;
  filter: drop-shadow(0 8px 24px rgba(0,0,0,0.5));
  transition: transform 0.4s cubic-bezier(0.34, 1.56, 0.64, 1);
}
.product-card:hover .kite-visual svg {
  transform: rotate(5deg) scale(1.08);
}