.hero-product__add-to-wishlist.active svg path {
  stroke: #000000;
  fill: #000000;
}

.add-product-wishlist.active svg path {
  stroke: #000000;
  fill: #000000;
}

.form-hero-product__colors {
  display: flex;
  flex-wrap: wrap;
  gap: .5rem;
}

.color-input label {
  display: inline-block;
  cursor: pointer;
}

.color-input.is-disabled label {
  cursor: not-allowed;
}

.label-color-image {
  position: relative;
  display: inline-block;
  overflow: hidden;
  border-radius: 8px;
}

.label-color-image img {
  display: block;
  width: 50px;
  height: 50px;
  object-fit: cover;
}

.color-input.is-disabled .label-color-image img {
  filter: grayscale(100%) brightness(0.85) contrast(0.9);
  opacity: .7;
}

.color-input.is-disabled .label-color-image::before,
.color-input.is-disabled .label-color-image::after {
  z-index: 1;
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 150%;
  height: 2px;
  background: rgba(18,18,18,.85);
  transform-origin: center;
  pointer-events: none;
}

.color-input.is-disabled .label-color-image::before {
  transform: translate(-50%, -50%) rotate(45deg);
}

.color-input.is-disabled .label-color-image::after {
  transform: translate(-50%, -50%) rotate(-45deg);
}

.color-swatch {
  display: block;
  width: 50px; height: 50px; border-radius: 8px;
}

.color-input.is-disabled .color-swatch {
  filter: grayscale(100%) brightness(0.85) contrast(0.9);
  opacity: .7;
}

#confirm-host {
  display: none;
}