/* Wellcolor packaging composition on the detailed product page. */
.wellcolor-art {
  display: flex;
  align-items: flex-end;
  justify-content: center;
  gap: 24px;
}

.wellcolor-art img {
  position: relative;
  right: auto;
  bottom: auto;
}

.wellcolor-art .art-pack {
  width: auto;
  height: 88%;
  max-width: 38%;
  transform: rotate(-2deg);
}

.wellcolor-art .art-tube {
  width: auto;
  height: 88%;
  max-width: 30%;
  transform: rotate(3deg);
}

@media (max-width: 800px) {
  .wellcolor-art { gap: 17px; }
  .wellcolor-art .art-pack { width: 43%; }
  .wellcolor-art .art-tube { width: 31%; }
}

/* Five PROF-OXID volumes presented as one product family. */
.oxid-products-art {
  height: 520px;
  display: flex;
  align-items: flex-end;
  justify-content: center;
  gap: 6px;
  padding: 18px 0 0;
}

.oxid-products-art img {
  width: 18%;
  max-height: 100%;
  object-fit: contain;
  mix-blend-mode: multiply;
  filter: drop-shadow(8px 13px 10px rgba(0, 0, 0, .12));
  transition: transform .25s ease;
}


@media (max-width: 800px) {
  .oxid-products-art { height: 390px; order: -1; padding-top: 0; }
  .oxid-products-art { gap: 3px; }
  .oxid-products-art img { width: 18%; }
}

/* Color Care shampoo and conditioner as a matched pair. */
.color-care-art {
  height: 520px;
  display: flex;
  align-items: flex-end;
  justify-content: center;
  gap: 20px;
}

.color-care-art img {
  width: 38%;
  max-height: 100%;
  object-fit: contain;
  mix-blend-mode: multiply;
  filter: drop-shadow(12px 17px 12px rgba(0, 0, 0, .12));
}

@media (max-width: 800px) {
  .color-care-art { height: 390px; order: -1; gap: 12px; }
  .color-care-art img { width: 39%; }
}


.gerbazid-products-art { height: 520px; display: flex; align-items: flex-end; justify-content: center; gap: 22px; }
.gerbazid-products-art img { width: auto; object-fit: contain; mix-blend-mode: multiply; filter: drop-shadow(12px 17px 12px rgba(0,0,0,.12)); }
.gerbazid-products-art .gerbazid-large { height: 100%; max-width: 48%; }
.gerbazid-products-art .gerbazid-small { height: 94%; max-width: 58%; }
@media (max-width: 800px) { .gerbazid-products-art { height: 390px; order: -1; gap: 14px; } }