.gbh-wishlist-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  width: 100%;
  min-height: 44px;
  border: 1px solid rgba(255, 255, 255, .16);
  border-radius: 8px;
  background: rgba(255, 255, 255, .055);
  color: #f4f7fb;
  font: inherit;
  font-weight: 700;
  line-height: 1.1;
  text-decoration: none;
  cursor: pointer;
  transition: border-color .18s ease, background .18s ease, transform .18s ease;
}

.gbh-wishlist-button:hover,
.gbh-wishlist-button:focus-visible {
  border-color: rgba(255, 255, 255, .28);
  background: rgba(255, 255, 255, .105);
  color: #fff;
  outline: none;
}

.gbh-wishlist-button__icon {
  width: 17px;
  height: 17px;
  display: inline-block;
  background: currentColor;
  clip-path: path("M8.5 15.2 7.4 14.2C3.5 10.7 1 8.4 1 5.5 1 3.2 2.8 1.4 5.1 1.4c1.3 0 2.5.6 3.4 1.5.9-.9 2.1-1.5 3.4-1.5 2.3 0 4.1 1.8 4.1 4.1 0 2.9-2.5 5.2-6.4 8.8l-1.1.9Z");
}

.gbh-wishlist-button.is-saved {
  border-color: rgba(255, 255, 255, .24);
  background: rgba(255, 255, 255, .08);
}

.gbh-wishlist-button.is-saved .gbh-wishlist-button__icon {
  color: #fff;
}

.gbh-wishlist-card-button {
  cursor: pointer;
}

.gbh-wishlist-card-button.is-saved {
  border-color: rgba(255, 255, 255, .24) !important;
  background: rgba(18, 19, 22, .9) !important;
  color: #fff !important;
}

.gbh-wishlist-card-button.is-loading {
  opacity: .68;
  pointer-events: none;
}

.gbh-wishlist-card-button.is-saved::before {
  opacity: 1;
}

body.gbh-v2-theme .gbh-wishlist-card-button.is-saved::before {
  background: currentColor !important;
  -webkit-mask: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 21.1 4.7 14.3C.7 10.6 2.9 4 8.4 4c1.5 0 2.8.7 3.6 1.8C12.8 4.7 14.1 4 15.6 4c5.5 0 7.7 6.6 3.7 10.3L12 21.1Z' fill='black'/%3E%3C/svg%3E") center / contain no-repeat !important;
  mask: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 21.1 4.7 14.3C.7 10.6 2.9 4 8.4 4c1.5 0 2.8.7 3.6 1.8C12.8 4.7 14.1 4 15.6 4c5.5 0 7.7 6.6 3.7 10.3L12 21.1Z' fill='black'/%3E%3C/svg%3E") center / contain no-repeat !important;
}

body.gbh-v2-theme .gbh-v2-product-card.is-wishlisted .gbh-v2-product-card__actions,
body.gbh-v2-theme .gbh-home-product-card.is-wishlisted .gbh-home-product-card__actions {
  opacity: 1 !important;
  pointer-events: auto !important;
  transform: translateY(0) !important;
}

body.gbh-v2-theme .gbh-v2-product-card.is-wishlisted:not(:hover):not(:focus-within) .gbh-v2-product-card__button,
body.gbh-v2-theme .gbh-home-product-card.is-wishlisted:not(:hover):not(:focus-within) .gbh-home-product-card__button {
  opacity: 0 !important;
  pointer-events: none !important;
  transform: translateY(-2px) !important;
}

body.gbh-v2-theme .gbh-v2-product-card.is-wishlisted:not(:hover):not(:focus-within) .gbh-wishlist-card-button,
body.gbh-v2-theme .gbh-home-product-card.is-wishlisted:not(:hover):not(:focus-within) .gbh-wishlist-card-button {
  opacity: 1 !important;
  pointer-events: auto !important;
  transform: none !important;
}

.gbh-wishlist-panel {
  color: #f4f7fb;
}

.gbh-wishlist-panel__header {
  margin: 0 0 22px;
}

.gbh-wishlist-panel__header p {
  margin: 0 0 6px;
  color: #9fb0c6;
  font-size: 12px;
  font-weight: 800;
  letter-spacing: .04em;
  text-transform: uppercase;
}

.gbh-wishlist-panel__header h2 {
  margin: 0;
  font-size: clamp(28px, 4vw, 44px);
  line-height: 1;
}

.gbh-wishlist-empty,
.gbh-wishlist-item {
  border: 1px solid rgba(255, 255, 255, .12);
  border-radius: 10px;
  background: rgba(255, 255, 255, .035);
}

.gbh-wishlist-empty {
  padding: 24px;
}

.gbh-wishlist-list {
  display: grid;
  gap: 12px;
}

.gbh-wishlist-item {
  display: grid;
  grid-template-columns: 92px minmax(0, 1fr) auto;
  gap: 16px;
  align-items: center;
  padding: 12px;
}

.gbh-wishlist-item__media {
  display: block;
  overflow: hidden;
  border-radius: 8px;
  aspect-ratio: 16 / 10;
  background: #11151b;
}

.gbh-wishlist-item__media img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.gbh-wishlist-item h3 {
  margin: 0 0 6px;
  font-size: 16px;
  line-height: 1.25;
}

.gbh-wishlist-item h3 a {
  color: #fff;
  text-decoration: none;
}

.gbh-wishlist-item__price {
  color: #e7eef8;
  font-weight: 800;
}

.gbh-wishlist-item__actions {
  display: flex;
  gap: 8px;
  align-items: center;
}

.gbh-wishlist-remove {
  min-height: 38px;
  border: 1px solid rgba(255, 255, 255, .14);
  border-radius: 8px;
  background: rgba(255, 255, 255, .04);
  color: #cbd5e1;
  padding: 0 14px;
  font: inherit;
  font-weight: 700;
  cursor: pointer;
}

.gbh-wishlist-remove:hover,
.gbh-wishlist-remove:focus-visible {
  border-color: rgba(255, 255, 255, .28);
  background: rgba(255, 255, 255, .09);
  color: #fff;
  outline: none;
}

@media (max-width: 720px) {
  .gbh-wishlist-item {
    grid-template-columns: 84px minmax(0, 1fr);
  }

  .gbh-wishlist-item__actions {
    grid-column: 1 / -1;
    justify-content: stretch;
  }

  .gbh-wishlist-item__actions > * {
    flex: 1;
  }
}
