.blue-shape {
  background: linear-gradient(145deg, #8ae1f7, var(--blue));
}

.hero-visual img {
  width: 96%;
  height: 78%;
  filter: drop-shadow(0 28px 20px #2d244033);
  transform: translateY(16px);
}

.hero-product-label {
  position: absolute;
  z-index: 3;
  right: 7%;
  bottom: 11%;
  background: #fff;
  color: var(--purple);
  font-weight: 900;
  font-size: 13px;
  padding: 13px 18px;
  border-radius: 999px;
  box-shadow: 0 12px 28px #2d244025;
}

.product-photo img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  filter: drop-shadow(0 15px 10px #2d244024);
}

@media (max-width: 580px) {
  .hero-product-label {
    right: 4%;
    bottom: 6%;
    font-size: 11px;
    padding: 10px 12px;
  }
}