.image-with-text-section.glass-collection-iwt-section{
  .image-with-text{
    .image-with-text__media-item{
      width: 61%;
      .image-with-text__media{
        border: none;
        border-radius: 0 1rem 1rem 0;
        @media (max-width: 768px) {
          border-radius: 1rem 1rem 0 0;
        }
      }
      @media (max-width: 768px) {
        width: 100%;
      }
    }
    .image-with-text__text-item{
      width: 39%;
      background-color: #1B365D;
      color: #fff;
      border-radius: 1rem 0 0 1rem;
      padding: clamp(3rem, 4vw, 6rem);
      padding-right: clamp(2.4rem, 3vw, 4.5rem);
      @media (max-width: 768px) {
        border-radius: 0 0 1rem 1rem;
      }
      .image-with-text__content{
        padding: 0;
        .image-with-text__heading{
          color: #fff;
          font-family: Playfair Display;
          font-weight: 500;
          font-size: clamp(2.4rem, 3.2vw, 4rem) !important;
          line-height: 1.25;
          letter-spacing: 0%;
          &::after{
            content: '';
            display: block;
            width: 6rem;
            height: 3px;
            background-color: #CBA052;
            margin-top: 2.4rem;
          }
        }
        .image-with-text__text{
          color: #fff;
          font-family: Amicale;
          font-weight: 400;
          font-size: clamp(1.5rem, 1.6vw, 1.8rem);
          line-height: 1.65;
          letter-spacing: 0%;
          margin-bottom: 0;
          p{
            font-size: inherit;
            line-height: inherit;
          }
        }
        .button{
          border-color: #CBA052;
          color: #fff;
          padding: clamp(1.6rem, 2vw, 1.8rem) clamp(2.6rem, 3vw, 2.8rem);
          margin-top: clamp(4rem, 5vw, 6rem);
          font-size: clamp(1.5rem, 1.6vw, 1.8rem);
          text-transform: uppercase;
          &:hover{
            background-color: #CBA052;
            color: #fff;
          }
        }
      }
    }
  }
}

.awards-section{
  @media (max-width: 990px) {
    padding-block: 5rem;
  }
}

.beauty-with-purpose-section.make-it-a-ritual-section,
.beauty-with-purpose-section.hydration-without-limits-section{
  &::before{
    opacity: 0;
  }
  .media{
    @media (max-width: 767px) {
      img{
        object-position: 70%;
      }
    }
  }
  .banner__content{
    padding-block: 8rem;
    .banner__box{
      max-width: 36rem;
      .banner__heading{
        max-width: 100%;
        margin-bottom: clamp(2rem, 3vw, 4rem);
        &::after{
          content: none;
        }
      }
      .banner__text{
        max-width: 100%;
        font-size: clamp(1.5rem, 1.6vw, 1.8rem);
        line-height: 1.65;
        letter-spacing: 0%;
        margin-bottom: 0;
        @media (max-width: 650px) {
          max-width: 75%;
        }
        p{
          font-size: inherit;
          line-height: inherit;
        }
      }
      .button{
        margin-top: clamp(2rem, 3vw, 4rem);
        padding: clamp(1.6rem, 2vw, 1.8rem) clamp(2.6rem, 3vw, 4rem);
        font-size: clamp(1.5rem, 1.5vw, 1.6rem);
        text-transform: uppercase;
      }
    }
  }
}

.beauty-with-purpose-section.hydration-without-limits-section{
  .media{
    @media (max-width: 767px) {
      img{
        object-position: 80% !important;
      }
    }
  }
  .banner__content{
    padding-block: 10rem;
    @media (max-width: 768px) {
      padding-block: 7.4rem;
    }
    .banner__box{
      padding: clamp(2.4rem, 3vw, 4rem);
      max-width: clamp(40rem, 60vw, 78rem);
      background-color: #0000005E !important;
      border-radius: 1rem;
      display: flex;
      flex-direction: column;
      justify-content: start;
      align-items: start;
      @media (max-width: 768px) {
        padding-block: 4rem;
      }
      @media (max-width: 650px) {
        align-items: center;
      }
      .banner__heading{
        margin-bottom: 0rem;
        &::after{
          content: '';
          margin-block: 3rem 2.4rem;
          @media (max-width: 650px) {
            margin-block: 2.4rem 1.6rem;
            margin-inline: auto;
          }
        }
      }
      .banner__heading{
        font-size: clamp(2.6rem, 4vw, 4rem) !important;
        &::after{
          width: 6rem;
        }
        @media (max-width: 650px) {
          text-align: center;
        }
      }
      .banner__text{
        margin: 0 0 3rem;
        @media (max-width: 650px) {
          text-align: center;
        }
      }
      .banner__buttons{
        order: 4;
        margin: 0;
        .button{
          margin-top: 4.8rem;
        }
      }
      .banner__icons{
        gap: clamp(1.4rem, 3.2vw, 3.6rem);
        @media (max-width: 768px) {
          gap: 1.4rem;
        }
        @media (max-width: 650px) {
          gap: 4.2rem 2.6rem;
          justify-content: center;
        }
        .banner__icon{
          max-width: clamp(7rem, 8vw, 8.4rem);
          img{
            height: clamp(5rem, 6vw, 6.5rem);
          }
          .banner__icon-title{
            font-size: clamp(1.2rem, 1.3vw, 1.4rem);
            line-height: 1.5;
          }
        }
      }
    }
  }
}

body.collectionrpet {
  .collection-products{
    .collection-products__item:nth-child(3) .collection-products__media{
      img, .placeholder-svg{
        width: 8.6rem;
      }
    }
    .collection-products__item:nth-child(2) .collection-products__media{
      img, .placeholder-svg{
        width: 10.8rem;
      }
    }
    .collection-products__item:nth-child(1) .collection-products__media{
      img, .placeholder-svg{
        width: 10.6rem;
      }
    }
    .collection-products__item:nth-child(4) .collection-products__media{
      img, .placeholder-svg{
        width: 8.4rem;
      }
    }
  }
}

body.collectionglass {
  .collection-products{
    .collection-products__item:nth-last-child(-n+2) .collection-products__media{
      img, .placeholder-svg{
        width: 8.5rem;
        @media (max-width: 767px) {
          width: 9rem;
        }
      }
    }
    .collection-products__heading{
      font-size: clamp(6rem, 8vw, 11.1rem) !important;
      line-height: 1.085;
      @media (max-width: 840px) {
        font-size: clamp(4rem, 6vw, 6rem) !important;
      }
      @media (max-width: 767px) {
        font-size: clamp(3rem, 6.5vw, 9rem) !important;
      }
    }
    .collection-products__label{
      max-width: 9rem;
    }
  }
} 

.zero-microplastics-guarantee-section.multicolumn-section{
  @media (max-width: 750px) {
    padding-block: 1rem 3rem;
  }
  .multicolumn-list{
    padding: 0 !important;
    gap: clamp(4rem, 9vw, 12.8rem);
    align-items: center;
    @media (max-width: 1024px) {
      gap: 4rem;
    }
    @media (max-width: 750px) {
      flex-direction: column;
      align-items: center;
      gap: 1.6rem;
    }
    .multicolumn-list__item{
      &:first-child{
        position: relative;
        width: calc(56% - clamp(4rem, 9vw, 12.8rem) + (clamp(4rem, 9vw, 12.8rem) / 2));
        max-width: none;
        &::before{
          content: '';
          width: 1px;
          height: 100%;
          background-color: #CBA052;
          position: absolute;
          top: 0;
          right: calc(-1 * (clamp(4rem, 9vw, 12.8rem) - (clamp(4rem, 9vw, 12.8rem) / 2)));
          z-index: -1;
          @media (max-width: 1024px) {
            right: calc(-1 * (4rem - (4rem / 2)));
          }
          @media (max-width: 750px) {
            content: none;
          }
        }
        @media (max-width: 1024px) {
          width: calc(60% - 4rem + (4rem / 2));
        }
        @media (max-width: 750px) {
          width: 100%;
        }
      }
      &:last-child{
        width: calc(44% - clamp(4rem, 9vw, 12.8rem) + (clamp(4rem, 9vw, 12.8rem) / 2));
        max-width: none;
        @media (max-width: 1024px) {
          width: calc(40% - 4rem + (4rem / 2));
        }
        @media (max-width: 750px) {
          width: 100%;
        }
      }
      .multicolumn-card{
        display: flex;
        flex-direction: row;
        align-items: center;
        gap: clamp(2.4rem, 3vw, 4.5rem);
        @media (max-width: 750px) {
          flex-direction: column;
          align-items: start;
        }
        .multicolumn-card__image-wrapper{
          flex: 0 0 auto;
          img{
            height: clamp(6.4rem, 9vw, 9.5rem);
            width: auto;
            object-fit: contain;
          }
        }
        .multicolumn-card__info{
          flex: 1 1 auto;
          padding: 0;
          h3{
            font-family: Playfair Display;
            font-weight: 500;
            font-size: clamp(2.4rem, 3vw, 3.9rem);
            line-height: 1.25;
            letter-spacing: 0%;
          }
          p{
            font-family: Amicale;
            font-weight: 400;
            font-size: clamp(1.5rem, 1.6vw, 1.8rem);
            line-height: 1.65;
            letter-spacing: 0%;
          }
          div:has(ul){
            margin-bottom: 0;
            ul{
              font-family: Amicale;
              font-weight: 400;
              font-size: clamp(1.5rem, 1.6vw, 1.7rem);
              line-height: 1.65;
              letter-spacing: 0%;
              list-style: outside;
              padding-left: 2rem;
              li{
                &::marker{
                  height: 1rem;
                  width: 1rem;
                }
              }
            }
          }
          .link{
            color: #CBA052;
            letter-spacing: 0;
            text-decoration: underline;
            font-size: clamp(1.5rem, 1.64vw, 1.8rem);
            span{
              display: none;
            }
          }
        }
      }
    }
  }
}