/* Thin peel seal. The foil stays hinged to the back rim as it opens. */
.assembly .jar-body,.jar-scene .jarbody,
.assembly[data-product] .jar-body,.jar-scene[data-product] .jarbody{
clip-path:polygon(20.5% 24%,79.5% 24%,79.5% 28%,82% 32%,83% 36%,82% 77%,80% 81%,73% 83%,60% 84.5%,40% 84.5%,27% 83%,20% 81%,18% 77%,17% 36%,18% 32%,20.5% 28%);z-index:1}
.assembly .jar-lid,.jar-scene .jarlid,
.assembly[data-product] .jar-lid,.jar-scene[data-product] .jarlid{
clip-path:ellipse(29.5% 3.65% at 50% 21.5%);transform-origin:50% 21.5%;z-index:3;backface-visibility:visible;will-change:transform}
.foil-opening{position:absolute;left:20.5%;top:18%;width:59%;height:7%;border:2px solid #c7c2b6;border-radius:50%;background:radial-gradient(ellipse at 45% 45%,#fff7d9,#e7dfc7);box-shadow:inset 0 2px 4px #66533a30;z-index:2}
[data-product=berry] .foil-opening{background:radial-gradient(ellipse,#f6dbe3,#e5bdcb)}
[data-product=apple] .foil-opening{background:radial-gradient(ellipse,#eef0d7,#d9debd)}
.range-hero-trio img,.range-hero-trio .trio-berry,.range-hero-trio .trio-apple{
clip-path:polygon(20.5% 21%,24% 19%,35% 18.2%,50% 18%,65% 18.2%,76% 19%,79.5% 21%,79.5% 28%,82% 32%,83% 36%,82% 77%,80% 81%,73% 83%,60% 84.5%,40% 84.5%,27% 83%,20% 81%,18% 77%,17% 36%,18% 32%,20.5% 28%)}

@media(max-width:600px){.inside .i1,.inside .i2,.unpack .n1,.unpack .n2{top:23%}.inside .ingredient h3,.unpack .ingredient-note h3{font-size:21px}.inside .ingredient,.unpack .ingredient-note{width:35%}}

.foil-peel{position:absolute;inset:0;width:100%;height:100%;z-index:4;pointer-events:none;opacity:0}