.warpmoon-flavor-card {
  position: relative !important;
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  overflow: hidden !important;
  isolation: isolate;
  box-sizing: border-box;
}

.warpmoon-flavor-card__cover {
  position: absolute;
  z-index: 30;
  top: 0;
  right: 0;
  bottom: 34%;
  left: 0;
  display: block;
  overflow: hidden;
  background:
    radial-gradient(ellipse at 50% 57%, rgba(131, 75, 33, .48) 0%, rgba(107, 65, 35, .32) 35%, rgba(69, 45, 29, .12) 64%, transparent 88%),
    #1a1a1a;
  -webkit-mask-image: linear-gradient(#000 0 96%, transparent 100%);
  mask-image: linear-gradient(#000 0 96%, transparent 100%);
  pointer-events: none;
}

.warpmoon-flavor-card__mark {
  position: absolute;
  z-index: 1;
  top: 45%;
  left: 3%;
  width: 94%;
  height: 35%;
  display: block;
  background: rgba(214, 198, 177, .21);
  -webkit-mask: url('/images/warp-moon-horizontal.svg?v=20260905cutout1') center / contain no-repeat;
  mask: url('/images/warp-moon-horizontal.svg?v=20260905cutout1') center / contain no-repeat;
}

.warpmoon-flavor-card__product {
  position: absolute;
  z-index: 2;
  top: 5.2%;
  left: 4%;
  width: 92%;
  aspect-ratio: 1;
  display: block;
  background: url('/images/warp-moon-strawberry-grapefruit-raspberry.png?v=20260904sgr1') center / contain no-repeat;
  clip-path: inset(0 0 0 18%);
  pointer-events: none;
  user-select: none;
}