/** Shopify CDN: Minification failed

Line 197:24 Expected identifier but found "strong("
Line 211:0 Unexpected "}"

**/
.card-wrapper.product-card-wrapper.nextvital-product-card-wrapper{
  position: relative;

  .nextvital-sale-percent-padge.top.left{
      position: absolute;
      top: 20px;
      left: 20px;
      z-index: 100;

      border: 1px solid transparent;
      border-radius: 40px;
      display: inline-block;
      font-size: 1.2rem;
      letter-spacing: .1rem;
      line-height: 1;
      padding: .5rem 1.3rem;
      text-align: center;
      background-color: rgb(42 169 88);
      border-color: rgb(42 169 88);
      color: #fff;
      word-break: break-word;

      @media screen and (max-width: 478px) {
          left: 10px;
          top: 10px;
      }
  }

  .price__sale-badge-container{
    display: none !important;
  }


  .card__badge.top.left{
      position: absolute;
      top: -3px;
      left: 20px;
      @media screen and (max-width: 478px) {
          left: 10px;
          top: -13px;
      }
  }

  ul.product__media-list.contains-media{
      > li{
          position: relative;

          .nextvital-product-icon-wrapper{
          display: none;
          }
          &:first-of-type{
          .nextvital-product-icon-wrapper{
          display: block;
          }
          }
      }
  }

  .nextvital-product-icon-wrapper{
    position: absolute;
    width: 60px;
    bottom: 4px;
    right: 4px;

    @media screen and (max-width: 650px) {
      width: 45px;
    }

    .nextvital-product-icon{
    
      > img{
        width: 100%;
        height: auto;
      }

      &.nextvital-koelner-liste-icon{

      }

      &.nextvital-bio-icon{
        background-color: #fff;
        border-radius: 4px;
        padding: 4px;
        height: 55px;
        overflow: hidden;
        margin-bottom: 8px;
      }
    }
  }

  .card__information{
    padding-top: 0 !important;
  }

  .nextvital-product-discount{
    position: relative;
    margin-bottom: 8px;

    .ybl-product-countdown-badge-wrapper{
      margin-bottom: 0;
      max-width: 100%;
      background-color: #9FD8B4;
      border: unset;
      border-radius: 8px;
    }

    .product-counter{
      &.nextvital-design-card-counter{

            @media screen and (max-width: 550px) {
                max-width: 100%;
                width: 100%;
                height: 38px;
            }
            
            .ybl-countdown-wrapper{
                grid-template-columns: auto 1fr;
                display: grid;
                align-items: center;

                @media screen and (max-width: 550px) {
                  grid-template-columns: 1fr;
                  top: -3px;
                  position: relative;
                }

                p.discount-title{
                  padding: 0 8px;
                  font-size: 12px;
                  line-height: 14px;
                  font-family: Futura-Bold;
                  padding-right: 6px;
                  border-right: 1px solid #333;
                  @media screen and (max-width: 550px) {
                    /*
                    display: block;
                    border-right: unset;
                    text-align: center;
                    padding: 8px 0 0 0;
                    font-size: 10px;
                    line-height: 12px; 
                    */
                    display: none;
                  }
                }

                .ybl-discount{
                  margin: 0 auto;
                  text-align: center;
                  @media screen and (max-width: 550px) {
                    padding-bottom: 0;
                    top: -5px;
                    position: relative;
                  }

                  > p {
                    margin: 0;
                    @media screen and (min-width: 551px) {
                      padding-top: 8px;
                      padding-bottom: 8px;
                      padding-left: 8px;
                    }
                    > span > span > strong{
                      font-size: 14px;
                      line-height: 14px;
                      @media screen and (max-width: 550px) {
                        font-size: 12px;
                        line-height: 12px;
                      }
                    }
                  }
                }
                
                span.ybl-countdown{
                    display: grid;
                    grid-template-columns: repeat(3, 1fr);
                    grid-gap: 8px;
                    @media screen and (max-width: 550px) {
                      margin-top: 13px;
                    }

                    .fs-14{
                        display: grid;
                        grid-template-columns: 1fr;
                        text-align: center;
                        font-size: 8px;
                        line-height: 10px;
                        height:30px;
                        align-items: center;

                        strong(
                            line-height: 10px;
                             font-size: 8px;

                        )
                    }

                }
            }
        }
      }
    }
  }

}