.product-breadcrumb {
  font-size: 0.8em;
  display: inline-flex;
  align-items: center;
  color: var(--color-grey85);
  user-select: none;
}
.back-link {
  font-weight: bold;
  display: inline-flex;
  align-items: center;
  margin-right: 1rem;
}
.back-link svg {
  transform: scaleX(-1);
  height: 1.5em;
  margin-right: 0.25rem;
}

.product-top {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: -1rem;
}

.product-title h2 {
  font-size: 1.8em;
}

.product-title {
  margin: 1.5rem 0;
}

.product-number {
  font-style: italic;
  font-size: 0.9em;
  margin-top: 0.5rem;
}

.product-structure {
  display: flex;
  width: 100%;
  justify-content: space-between;
}

.product-description {
 margin-right: 1.5rem;
}

.product-files {
  width: 326px;
  flex-grow: 0;
  flex-shrink: 0;
}

.product-label {
  font-size: 0.9em;
  font-weight: bold;
  user-select: none;
  margin-bottom: 1rem;
}

.product-availability p {
  margin-bottom: 0.5rem;
}

.product-description ul {
  padding: 0 1.5em;
}

.product-description ul li {
  margin: 0.5rem 0;
  line-height: 1.3em;
  list-style-type: circle;
}

.product-images {
  display: flex;
  gap: 1rem;
  position: relative;
  margin-bottom: 2rem;
  flex-wrap: wrap;
}

.product-images .product-image {
  width: 98px;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
}

.product-images .product-image .image-wrapper {
  width: 98px;
  height: 98px;
  background: white;
  border-radius: 4px;
  margin-bottom: 0.25rem;
  border: 1px solid var(--color-grey20);
  overflow: hidden;
  display: flex;
  align-items: center;
}

.product-images .product-image .image-wrapper:hover {
  cursor: zoom-in;
  background: var(--color-gold-tchibo);
  border-color: var(--color-gold-tchibo);
}

.product-images .product-image .image-wrapper img {
  width: auto;
  height: auto;
  max-width: 96px;
  max-height: 96px;
  margin: 0 auto;
}

.product-image-caption {
  width: 96px;
  cursor: pointer;
  height: 2.2rem;
}

.product-image-caption .product-image-download {
  font-size: 0.6em;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0.25rem 0;
}
.product-image-caption .product-image-download svg {
  width: 1.3rem;
  margin-right: 0.1rem;
}


.product-image-caption .product-image-download .download-text
{
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  text-overflow: ellipsis;
}



.product-documents {
  position: relative;
}
.product-document-btn {
  display: flex;
  justify-content: flex-start;
  gap: 0.5rem;
  align-items: center;
  margin-bottom: 0.25rem;
  width: 100%;
}
.product-document-btn .product-document-icon svg {
  width: 1.3rem;
  flex-shrink: 0;
}
.product-document-btn .product-document-icon-download svg {
  width: 1.3rem;
  flex-shrink: 0;
}
.product-document-btn .product-document-icon-download {
  display: none;
}
.product-document-btn:hover > .product-document-icon-download {
  display: block;
}
.product-document-btn:hover > .product-document-icon {
  display: none;
}
.product-document-btn .product-document-label {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}