.wishlist-page-main {
  h2.shared-page-heading {
    text-align: center !important;
    font-size: var(--font-h1--size) !important;
    margin: 0 !important;
    padding-bottom: 2rem;
  }

  p.shared-page-auth,
  div.show-shared-wishlist,
  .show-shared-wishlist .wishlist-grid1 {
    border: none;
  }

  .shared-page-auth {
    text-align: center !important;
  }

  .shared-page-auth a {
    font-weight: 400;
  }

  .grid-outer-main {
    justify-content: end;

    .grid-option {
      .gridText {
        font-size: var(--font-paragraph--size);
      }

      .grid1 {
        background-image: url("../assets/icon-one-col-mobile.svg");
      }
      .grid2 {
        background-image: url("../assets/icon-two-col-mobile.svg");
      }
      .grid3 {
        background-image: url("../assets/icon-three-col-mobile.svg");
      }
      .grid4 {
        background-image: url("../assets/icon-grid-dense.svg");
        width: 20px;
        height: 20px;
      }

      .grid1,
      .grid2,
      .grid3,
      .grid4 {
        opacity: var(--opacity-50);
      }

      .grid1.wf-active-grid-focus,
      .grid2.wf-active-grid-focus,
      .grid3.wf-active-grid-focus,
      .grid4.wf-active-grid-focus {
        color: rgb(var(--color-white));
        background-color: rgb(var(--color-foreground-rgb) / var(--opacity-5));
        filter: brightness(0) invert(1) !important;
        opacity: 1;
      }
    }
  }

  @media screen and (max-width: 749px) {
    .grid-outer-main {
      align-items: end !important;

      .grid-option {
        .grid1,
        .grid2,
        .grid3,
        .grid4 {
          opacity: var(--opacity-50);
          color: rgb(var(--color-white));
          background-color: rgb(var(--color-foreground-rgb) / var(--opacity-5));
          filter: brightness(0) invert(1) !important;
        }

        .grid1.wf-active-grid-focus,
        .grid2.wf-active-grid-focus,
        .grid3.wf-active-grid-focus,
        .grid4.wf-active-grid-focus {
          opacity: 1;
        }
      }
    }
  }

  .wishlist-modal-box.wg-grid-bg .product-content-sec {
    background-color: transparent;
  }

  .title11,
  .product-selected-variants {
    text-align: center !important;
  }

  .wf-discount-price,
  .wf-sale-price,
  .show-shared-wishlist .product-content-sec .product-option-price {
    font-family: var(--font-family-heading);
    font-size: var(--thames-h4-font-size);
    font-weight: 400;
  }

  .wf-sale-price {
    color: var(--color-white);
    opacity: var(--opacity-40);
  }

  .product-selected-variants {
    display: none;
  }

  .show-shared-wishlist .product-content-sec .quantity-div {
    display: none;
  }

  .movecart-button,
  .cartButtonStyle.deleteButtonDown {
    text-transform: var(--button-text-case-secondary);
    display: flex;
    justify-content: center;
  }

  .movecart-button {
    margin-bottom: var(--margin-sm);
    padding: 0;
  }

  .movecart-button .cartButtonStyle {
    border: 1px solid var(--color-white);
    width: fit-content;
    padding: 0.75rem 0.5rem;
  }

  .cartButtonStyle.deleteButtonDown {
    position: absolute;
    top: 0;
    right: 0;
    background: transparent;
  }

  .cartButtonStyle.deleteButtonDown .inside-button-div,
  .cartButtonStyle.deleteButtonDown .inside-button-div.already-added {
    padding: var(--padding-lg) 0;
    color: transparent;
    border-radius: 0;
    width: 2.75rem;
    height: 2.75rem;
    background-color: transparent !important;
    margin: 0;

    &:before {
      content: "";
      display: block;
      width: 100%;
      height: 100%;
      background: url("../assets/heart-icon-filled.png") transparent no-repeat
        center center;
      background-size: contain;
      position: absolute;
      top: 0;
      left: 0;
      z-index: 0;
      transition: opacity 0.3s ease;
      opacity: 0;
    }

    &:after {
      content: "";
      display: block;
      width: 100%;
      height: 100%;
      background: url("../assets/heart-icon.png") transparent no-repeat center
        center;
      background-size: contain;
      position: absolute;
      top: 0;
      left: 0;
      z-index: 0;
      transition: opacity 0.3s ease;
      opacity: 1;
    }

    &:hover {
      transform: scale(1);
    }
  }

  .cartButtonStyle.deleteButtonDown .inside-button-div {
    &:hover:before {
      opacity: 0.25;
    }
  }

  .cartButtonStyle.deleteButtonDown .inside-button-div.already-added {
    &:hover {
      opacity: 1;
    }

    &:before {
      opacity: 1;
    }

    &:after {
      opacity: 0;
    }
  }

  .movecart-button .cartButtonStyle.wg-out-of-stock {
    border: 1px solid rgba(255, 255, 255, var(--opacity-40));
  }

  .product-content-sec .product-option-price span.Polaris-Sale-Text--root {
    display: none;
  }
}