/* Packaging artwork shares a baseline; capacity stays readable HTML text. */
.nd-catalog .result,
.nd-detail-copy {
  container-name: pack-layout;
  container-type: inline-size;
}

.eloi-premium .pack-icons.product-pack-icons {
  --pack-columns: 6;
  display: grid;
  grid-template-columns: repeat(var(--pack-columns), minmax(0, 60px));
  justify-content: start;
  align-items: end;
  gap: 18px 12px;
  width: 100%;
  max-width: 420px;
  padding: 0;
  margin: 22px 0;
  list-style: none;
}

.eloi-premium .product-pack-icons[data-pack-count="1"] { --pack-columns: 1; }
.eloi-premium .product-pack-icons[data-pack-count="2"] { --pack-columns: 2; }
.eloi-premium .product-pack-icons[data-pack-count="3"] { --pack-columns: 3; }
.eloi-premium .product-pack-icons[data-pack-count="4"] { --pack-columns: 4; }
.eloi-premium .product-pack-icons[data-pack-count="5"] { --pack-columns: 5; }

.eloi-premium .pack-icons.product-pack-icons li {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 8px;
  min-width: 0;
  margin: 0;
  padding: 0;
  background: transparent;
}

.eloi-premium .pack-icons.product-pack-icons img {
  display: block;
  width: 60px;
  max-width: 100%;
  height: 72px;
  object-fit: contain;
  object-position: center bottom;
}

.eloi-premium .pack-icons.product-pack-icons strong {
  color: #636769;
  font-size: 14px;
  font-weight: 600;
  line-height: 1.25;
  letter-spacing: 0;
  white-space: nowrap;
}

@container pack-layout (max-width: 419px) {
  .eloi-premium .pack-icons.product-pack-icons[data-pack-count="5"],
  .eloi-premium .pack-icons.product-pack-icons[data-pack-count="6"] {
    --pack-columns: 3;
  }
}

@container pack-layout (max-width: 275px) {
  .eloi-premium .pack-icons.product-pack-icons[data-pack-count="4"] {
    --pack-columns: 2;
  }
}