/* Elongated organelles with double membranes and visible cristae. */
.shop-hero-art .cell {
  width: 178px;
  height: 88px;
  aspect-ratio: auto;
  border: 3px solid #397f78;
  background: linear-gradient(145deg, #d6eee8, #f5fbf9);
  border-radius: 48% 52% 46% 54% / 58% 48% 52% 42%;
  box-shadow: inset 0 0 0 7px #ffffff9c, 0 13px 30px #275f5820;
  overflow: hidden;
}
.shop-hero-art .cell::before {
  content: "";
  position: absolute;
  inset: 11px;
  border: 1.5px solid #78aaa3;
  border-radius: 48% 52% 46% 54% / 58% 48% 52% 42%;
}
.shop-hero-art .cell::after {
  content: "";
  position: absolute;
  inset: 17px 24px;
  border-radius: 0;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 130 50' preserveAspectRatio='none'%3E%3Cg fill='none' stroke='%231b6f68' stroke-width='3.2' stroke-linecap='round'%3E%3Cpath d='M4 10 C15 10 12 39 25 39 S34 10 47 10 56 39 68 39 78 10 90 10 100 39 112 39 116 28 126 28'/%3E%3Cpath d='M8 27 C17 27 18 17 27 17 M44 33 C52 33 53 23 61 23 M82 31 C91 31 91 20 100 20' opacity='.55'/%3E%3C/g%3E%3C/svg%3E") center / 100% 100% no-repeat;
}
.shop-hero-art .cell-a { left: 1%; top: 11%; transform: rotate(24deg); }
.shop-hero-art .cell-b { width: 154px; height: 76px; right: 0; top: 22%; transform: rotate(-14deg); }
.shop-hero-art .cell-c { width: 194px; height: 94px; right: 3%; bottom: 3%; transform: rotate(39deg); }
@media (max-width: 800px) {
  .shop-hero-art .cell { width: 138px; height: 68px; }
  .shop-hero-art .cell-b { width: 118px; height: 59px; }
  .shop-hero-art .cell-c { width: 151px; height: 74px; }
  .shop-hero-art .cell::after { inset: 14px 19px; }
  .shop-hero-art .cell-a { left: 2%; top: 13%; }
  .shop-hero-art .cell-b { right: 1%; top: 24%; }
  .shop-hero-art .cell-c { right: 4%; bottom: 5%; }
}