.labelled-pack {
  display: block;
  position: relative;
  width: 100%;
  aspect-ratio: 1;
  overflow: hidden;
  border-radius: inherit;
  background: #e8eef5;
}
.labelled-pack img.pack-scene {
  display: block;
  width: 100%;
  height: 100%;
  max-width: none;
  max-height: none;
  object-fit: cover;
  transform: none !important;
  mix-blend-mode: normal;
}
.labelled-pack .original-label-layer {
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #fdfdfb;
  overflow: hidden;
  box-shadow:
    inset 10px 0 12px -12px #666,
    inset -10px 0 12px -12px #666;
}
.labelled-pack .original-label-layer img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
  max-width: none;
  max-height: none;
  transform: none !important;
  mix-blend-mode: multiply;
}
.pack-gallon1 .original-label-layer {
  left: 32.3%;
  top: 44.5%;
  width: 33.4%;
  height: 34.4%;
  border-radius: 2%;
}
.pack-pail5 .original-label-layer {
  left: 27.5%;
  top: 35.1%;
  width: 45%;
  height: 38.7%;
  border-radius: 2%;
}
.pack-drum55 .original-label-layer {
  left: 27.1%;
  top: 39%;
  width: 45.8%;
  height: 21.3%;
  border-radius: 0 0 8% 8%;
}
.pack-tote275 .original-label-layer {
  left: 31%;
  top: 33.3%;
  width: 38.5%;
  height: 21.4%;
}
.detail-visual .labelled-pack {
  border-radius: 14px;
}
.home-products .product-image:has(.labelled-pack) {
  aspect-ratio: 1;
}
/* Curved application of the original artwork, without regenerating label text. */
.labelled-pack.realistic-wrap .cylindrical-label {
  display: block;
  background: transparent;
  box-shadow: none;
  overflow: visible;
  border-radius: 0;
}
.cylindrical-label:after {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background: linear-gradient(
    90deg,
    rgba(22, 35, 50, 0.22),
    rgba(22, 35, 50, 0.07) 12%,
    rgba(255, 255, 255, 0.035) 36%,
    transparent 60%,
    rgba(22, 35, 50, 0.1) 88%,
    rgba(22, 35, 50, 0.24)
  );
  clip-path: ellipse(80% 54% at 50% 52%);
  mix-blend-mode: multiply;
}
.realistic-wrap.pack-drum55 .cylindrical-label {
  left: 27.05%;
  top: 37.35%;
  width: 45.8%;
  height: 23.7%;
}
.realistic-wrap.pack-pail5 .cylindrical-label {
  left: 27.5%;
  top: 35%;
  width: 45%;
  height: 39.7%;
}
.realistic-wrap.pack-gallon1 .cylindrical-label {
  left: 32.3%;
  top: 44.5%;
  width: 33.4%;
  height: 34.4%;
}
.cylindrical-label .label-panel {
  position: absolute;
  display: block;
  height: 94%;
  background-repeat: no-repeat;
  background-size: 300% 100%;
}
.cylindrical-label .label-panel-left {
  left: 0;
  width: 25%;
  top: 2%;
  transform: skewY(5deg);
  transform-origin: right center;
}
.cylindrical-label .label-panel-front {
  left: 25%;
  width: 50%;
  top: 2%;
}
.cylindrical-label .label-panel-right {
  left: 75%;
  width: 25%;
  top: 2%;
  transform: skewY(-5deg);
  transform-origin: left center;
}