#detail-source {
  display: none;
}

.dialog-actions {
  justify-content: center;
}

#product-dialog:has(#detail-source[href="https://barrisdomira.com/product/barril-de-vinho/#product"]) #detail-photo,
#product-dialog:has(#detail-source[href="https://barrisdomira.com/product/barril-de-vinho/#product"]) .detail-thumbnails,
#product-dialog:has(#detail-source[href="https://barrisdomira.com/product/barril-de-vinho/#product"]) .detail-thumbnails button,
#product-dialog:has(#detail-source[href="https://barrisdomira.com/product/barril-de-vinho/#product"]) .detail-thumbnails img,
#product-dialog:has(#detail-source[href="https://barrisdomira.com/product-category/barris-de-madeira/#product"]) #detail-photo,
#product-dialog:has(#detail-source[href="https://barrisdomira.com/product-category/barris-de-madeira/#product"]) .detail-thumbnails,
#product-dialog:has(#detail-source[href="https://barrisdomira.com/product-category/barris-de-madeira/#product"]) .detail-thumbnails button,
#product-dialog:has(#detail-source[href="https://barrisdomira.com/product-category/barris-de-madeira/#product"]) .detail-thumbnails img {
  background: #f0ece9;
  mix-blend-mode: normal;
}

#product-dialog:has(#detail-source[href="https://barrisdomira.com/product/barril-de-vinho/#product"]) .detail-thumbnails button,
#product-dialog:has(#detail-source[href="https://barrisdomira.com/product-category/barris-de-madeira/#product"]) .detail-thumbnails button {
  padding: 0;
  border: 0;
  opacity: 0.68;
}

#product-dialog:has(#detail-source[href="https://barrisdomira.com/product/barril-de-vinho/#product"]) .detail-thumbnails button.active,
#product-dialog:has(#detail-source[href="https://barrisdomira.com/product-category/barris-de-madeira/#product"]) .detail-thumbnails button.active {
  border: 0;
  opacity: 1;
}

.product-photo img[src$="barril-tradicional-transparente-estudio.png"] {
  mix-blend-mode: normal;
}

.product-photo img[src$="vidro-transparente.png"],
.product-photo img[src$="barris-vidro-estudio-transparente.png"],
#detail-photo[src$="vidro-transparente.png"],
#detail-photo[src$="barris-vidro-estudio-transparente.png"],
.detail-thumbnails img[src$="vidro-transparente.png"],
.detail-thumbnails img[src$="barris-vidro-estudio-transparente.png"] {
  background: #f0ece9;
  mix-blend-mode: normal;
}

#product-dialog:has(.detail-thumbnails img[src$="vidro-transparente.png"]) .detail-thumbnails button {
  padding: 0;
  border: 0;
  opacity: 0.68;
}

#product-dialog:has(.detail-thumbnails img[src$="vidro-transparente.png"]) .detail-thumbnails button.active {
  border: 0;
  opacity: 1;
}

.product-photo img[src$="vintage-casal-janeiro-transparente-estudio.png"] {
  mix-blend-mode: normal;
}

.product-photo img[src$="barril-oval-transparente-estudio.png"] {
  mix-blend-mode: normal;
}

.product-photo img[src$="barril-sao-bernardo-transparente-estudio.png"] {
  mix-blend-mode: normal;
}

.product-photo img[src$="bag-in-box-transparente-estudio.png"] {
  mix-blend-mode: normal;
}

.product-photo img[src*="artesanato-"][src$="-transparente.png"],
#detail-photo[src*="artesanato-"][src$="-transparente.png"] {
  background: transparent;
  mix-blend-mode: normal;
}

.product-photo img[src^="assets/torneiras-"][src$="-transparente.png"],
.product-photo img[src^="assets/batoques-"][src$="-transparente.png"],
.product-photo img[src$="canteiros.png"],
#detail-photo[src^="assets/torneiras-"][src$="-transparente.png"],
#detail-photo[src^="assets/batoques-"][src$="-transparente.png"],
#detail-photo[src$="canteiros.png"] {
  background: transparent;
  mix-blend-mode: normal;
}

#product-dialog:has(#detail-source[href="https://barrisdomira.com/product/oval-wood-barrel/#product"]) #detail-photo,
#product-dialog:has(#detail-source[href="https://barrisdomira.com/product/oval-wood-barrel/#product"]) .detail-thumbnails,
#product-dialog:has(#detail-source[href="https://barrisdomira.com/product/oval-wood-barrel/#product"]) .detail-thumbnails button,
#product-dialog:has(#detail-source[href="https://barrisdomira.com/product/oval-wood-barrel/#product"]) .detail-thumbnails img {
  background: transparent;
  mix-blend-mode: normal;
}

#product-dialog:has(#detail-source[href="https://barrisdomira.com/product/oval-wood-barrel/#product"]) .detail-thumbnails button {
  padding: 0;
  border: 0;
  opacity: 0.68;
}

#product-dialog:has(#detail-source[href="https://barrisdomira.com/product/oval-wood-barrel/#product"]) .detail-thumbnails button.active {
  border: 0;
  opacity: 1;
}

#product-dialog:has(#detail-source[href="https://barrisdomira.com/product-category/barrels/#product"]) #detail-photo,
#product-dialog:has(#detail-source[href="https://barrisdomira.com/product-category/barrels/#product"]) .detail-thumbnails,
#product-dialog:has(#detail-source[href="https://barrisdomira.com/product-category/barrels/#product"]) .detail-thumbnails button,
#product-dialog:has(#detail-source[href="https://barrisdomira.com/product-category/barrels/#product"]) .detail-thumbnails img {
  background: #f0ece9;
  mix-blend-mode: normal;
}

#product-dialog:has(#detail-source[href="https://barrisdomira.com/product-category/barrels/#product"]) .detail-thumbnails button {
  padding: 0;
  border: 0;
  opacity: 0.68;
}

#product-dialog:has(#detail-source[href="https://barrisdomira.com/product-category/barrels/#product"]) .detail-thumbnails button.active {
  border: 0;
  opacity: 1;
}

.product-photo img[src$="barril-personalizado-transparente-estudio.png"],
#detail-photo[src$="barril-personalizado-transparente-estudio.png"],
.detail-thumbnails img[src$="barril-personalizado-transparente-estudio.png"] {
  background: #f0ece9;
  mix-blend-mode: normal;
}

.product-photo img[src$="barril-conico-transparente-estudio.png"],
#detail-photo[src$="barril-conico-transparente-estudio.png"] {
  background: #f0ece9;
  mix-blend-mode: normal;
}

.product-photo img[src$="vinagreiro-transparente-estudio.png"],
#detail-photo[src$="vinagreiro-transparente-estudio.png"] {
  background: #f0ece9;
  mix-blend-mode: normal;
}

#product-dialog:has(#detail-source[href="https://barrisdomira.com/product-category/barrels-barrels/#product"]) #detail-photo,
#product-dialog:has(#detail-source[href="https://barrisdomira.com/product-category/barrels-barrels/#product"]) .detail-thumbnails,
#product-dialog:has(#detail-source[href="https://barrisdomira.com/product-category/barrels-barrels/#product"]) .detail-thumbnails button,
#product-dialog:has(#detail-source[href="https://barrisdomira.com/product-category/barrels-barrels/#product"]) .detail-thumbnails img {
  background: #f0ece9;
  mix-blend-mode: normal;
}

#product-dialog:has(#detail-source[href="https://barrisdomira.com/product-category/barrels-barrels/#product"]) .detail-thumbnails button {
  padding: 0;
  border: 0;
  opacity: 0.68;
}

#product-dialog:has(#detail-source[href="https://barrisdomira.com/product-category/barrels-barrels/#product"]) .detail-thumbnails button.active {
  border: 0;
  opacity: 1;
}

.detail-thumbnails {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
  margin: -12px 0 24px;
}

.detail-thumbnails[hidden] {
  display: none;
}

.detail-thumbnails button {
  height: 86px;
  padding: 5px;
  border: 1px solid var(--line);
  background: #f0ece9;
  overflow: hidden;
}

.detail-thumbnails button.active {
  border: 2px solid var(--wine);
}

.detail-thumbnails img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
  mix-blend-mode: multiply;
}

@media (max-width: 620px) {
  .detail-thumbnails button {
    height: 70px;
  }
}