body:has(wishlist-product-grid) {
  #swym-storefront-layout-notification[status="neutral"]:has(button) {
    display: none;
  }
}

wishlist-product-grid {
  position: relative;
  row-gap: 5.6rem;
  column-gap: 0.4rem;

  + .wishlist-empty {
    text-align: center;
    grid-column: span 2;

    @media (min-width: 64rem) {
      grid-column: span 4;
    }

    a {
      text-decoration: underline;
      text-underline-offset: 0.4rem;
    }
  }

  .card-product {
    position: relative;
    height: 100%;
    display: flex;
    flex-direction: column;

    .card__content {
      flex: 1;

      .card__information {
        height: 100%;
        display: flex;
        flex-direction: column;
      }
    }

    + .swym-wishlist-collections-v2-container {
      display: none;
    }

    .remove-wishlisted-product {
      position: absolute;
      top: 1rem;
      right: 1rem;

      @media (min-width: 1024px) {
        top: 2rem;
        right: 2rem;
      }

      svg {
        path {
          fill: currentColor;
        }
      }
    }

    .card__badge {
      display: flex;
      gap: 0.4rem;
      text-transform: uppercase;
      margin-top: 1.6rem;

      @media (min-width: 1024px) {
        margin-top: 2.4rem;
      }
    }

    .price {
      span,s {
        font-weight: 400;
      }
    }

    .variant-info {
      line-height: 1;
      margin-top: 1.6rem;

      @media (min-width: 1024px) {
        margin-top: 2.4rem;
      }
    }

    .card-buttons {
      display: flex;
      gap: 0.8rem;
      flex: 1;
      margin-top: 2.4rem;
      flex-direction: column;
      justify-content: flex-end;

      @media (min-width: 480px) {
        flex-direction: row;
        align-items: flex-end;
      }

      button {
        @media (min-width: 480px) {
          flex: 1;
        }

        &[disabled]:not(:has(>.loading__spinner)) {
          cursor: not-allowed;
          background-color: var(--mid-grey);
          color: var(--tertiary-grey);
          border-color: var(--mid-grey);
        }

        .loading__spinner {
          opacity: 1;
        }
      }
    }
  }
}

.wishlist-loader {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%,-50%);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 60px 20px;
  text-align: center;

  .loading__spinner {
    opacity: 1;
  }
}