.featured-products {
  &.featured_prdct_has_gradient {
    background-image: url(/cdn/shop/files/Gradient.png?v=1729248775)!important;
    background-repeat: no-repeat;
    background-size: auto;
    background-position: bottom;
  }
  .featured-products__title {
    margin-bottom: 4rem;

    @media screen and (max-width: 749px) {
      // text-align: center;
      margin-bottom: 2rem;
      padding: 0 16px;
    }

    h2 {
      letter-spacing: -0.135rem;

      @media screen and (max-width: 749px) {
        font-size: 1.75rem;
      }
    }
  }

  .heading--contrast * {
    color: rgba(var(--color-foreground), 1) !important;
  }

  .grid {
    column-gap: 1.063rem;

    @media screen and (max-width: 989px) {
      column-gap: 1.125rem;
      row-gap: 56px;
      padding: 0 16px;
      &.grid--2-col-tablet-down{
        .featured-products__details{
          h5{
            font-size: 20px!important;
            line-height: 20px!important;
            margin:0!important;
          }
          .featured-product-price{
            padding: 8px 0 0!important;
            border: none!important;
          }
          .featured-product-description{
            margin: 10px 0!important;
          }
        }
        .product-buttons-wrapper{
          .button--full-width{
            padding: 0.7rem 1.5rem;
          }
        }
      }
    }
    
  }

  .grid__item {
    position: relative;
  }

  .featured-product-bg {
    background: var(--background-secondary);
  }

  .featured-product-label {
    position: absolute;
    top: 1.125rem;
    left: 1.125rem;
    border-radius: 12.5rem;
    background-color: rgb(var(--color-button));
    color: rgb(var(--color-button-text));
    font-size: 0.875rem;
    font-weight: var(--font-heading-weight);
    letter-spacing: -0.026rem;
    padding: 0.125rem 0.75rem;

    @media screen and (max-width: 749px) {
      top: 0.875rem;
      left: 0.875rem;
    }
  }

  .featured-product-disocunt-msg {
    position: absolute;
    top: 1.125rem;
    right: 1.125rem;
    border-radius: 12.5rem;
    /* background-color: #4f85ae; */
    background-color: rgb(var(--color-button));
    color: rgb(var(--color-button-text));
    font-size: 0.875rem;
    font-weight: var(--font-heading-weight);
    letter-spacing: -0.026rem;
    padding: 0.125rem 0.75rem;
     @media screen and (max-width: 749px) {
      top: 0.875rem;
      right: 0.875rem;
    }
  }

  .featured-products__details {
    padding: 1.125rem 0;

    @media screen and (max-width: 749px) {
      padding: 0.75rem 0 0;
    }

    h4,h5 {
      letter-spacing: -0.075rem;
      display: -webkit-box;
      -webkit-box-orient: vertical;
      -webkit-line-clamp: 1;
      overflow: hidden;
      @media screen and (max-width: 749px) {
        margin: 0;
        line-height: 30px!important;
      }
      @media screen and (min-width: 992px) {
        font-size: 24px!important;
        line-height: 26px!important;
      }
    }

    hr {
      margin: 1.25rem 0;

      @media screen and (max-width: 749px) {
        margin: 0.813rem 0;
      }
    }
  }

  .featured-product-price {
    margin: 0.75rem 0 14px;
    display: flex;
    align-items: center;
    gap: 0.5rem;
    padding-bottom: 17px;
    border-bottom: 1px solid rgba(25,27,29,0.1);

    @media screen and (max-width: 749px) {
      margin: 0;
      padding: 10px 0;
    }

    .price {
      font-weight: var(--font-heading-weight);
      letter-spacing: -0.045rem;
      // font-size: 1.125rem;
      font-size: 0.88rem;
    }
  }

  .featured-product-rating {
    line-height: 1;
    display: flex;
    gap: 0.125rem;

    .rating-button-color {
      fill: rgba(var(--color-button), 1);
    }

    .rating-text-color {
      fill: rgba(var(--color-foreground), 1);
    }
  }

  .featured-product-description {
    margin-top: 1.313rem;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
    @media screen and (max-width: 749px) {
      margin: 10px 0;
    }
    p{
      font-size: 14px!important;
      line-height: 20px!important;
    }
    a {
      text-decoration: none;
      color: inherit;
    }
  }

  .product-buttons-wrapper {
    display: flex;
    align-items: center;
    gap: 0.875rem;
    margin-top: 20px;

    .featured-product-btn {
      width: 100%;
    }
  }

  .featured-product-subheading {
    font-weight: var(--font-heading-weight);
    font-size: 0.875rem;
    letter-spacing: -0.026rem;
    margin-top: 1.25rem;

    @media screen and (max-width: 749px) {
      margin-top: 1.125rem;
    }
  }

  .featured-product-list {
    list-style: none;
    margin:4px 0 0 !important;

    li {
      display: flex;
      align-items: center;
      gap: 0.563rem;
      margin-top: 0.5rem;
      letter-spacing: -0.02rem;
      color: #191B1D;
      font-weight: 500;

      @media screen and (max-width: 749px) {
        margin-top: 5px;
        font-size: 14px;
        line-height: 24px;
      }
    }

    svg {
      flex-shrink: 0;

      @media screen and (max-width: 749px) {
        height: 0.875rem;
        width: 0.875rem;
      }

      path,
      circle {
        stroke: rgba(var(--color-button), 1);

        @media screen and (max-width: 749px) {
          r: 7;
          stroke-width: 1;
        }
      }
    }
  }
}

// Strike Out Price Styles
.price_has_custom_wrapper .price, .price_has_custom_wrapper .price .price_container {
  width: 100%;
  display: flex;
  align-items: baseline;
}

.price_has_custom_wrapper .price .price_container .price_has_custom {
  display: flex;
  align-items: center;
  flex-direction: row;
}



/* Over ride */
.product-grid .product-buttons-wrapper .nm-portal {
    width: 100%;
}

.product-grid .product-buttons-wrapper {
    display: grid;
    grid-template-columns: 1fr 1fr;
}

.product-grid .product-buttons-wrapper .nm-portal button {
    margin: 0;
}


.product-grid .product-buttons-wrapper.product_soldout .featured-product-btn:nth-child(1) {
    display: none;
}

.product-grid .product-buttons-wrapper.product_soldout .nm-portal {
    order:1;
}

.product-grid .product-buttons-wrapper.product_soldout a.featured-product-btn.button.button--secondary {
    order:2;
}