body, .modal-wpr .modal {
  background-color: #fff;
}
.product.no-announcement-bar {
  padding: 0 !important;
}
.product {
  .product__info-wrapper {

    h1 {
      font-size: 34px !important;
    }

    .custom-subtitle {
      font-size: 1.25rem;
      font-weight: 600;
      line-height: 1.375rem;
      letter-spacing: 1px;
      margin: 8px 0;
    }
    .custom-shortline {
      font-size: 0.9375rem;
      font-style: normal;
      font-weight: 400;
      line-height: 1.375rem;
      letter-spacing: -0.15px;
      margin: 0;
    }

    .product-dropdown {
      background: #F8F8F8;
      margin-top: 30px;
      padding-top: 30px !important;

      display: flex;
      flex-direction: column;

      .dropdown-wpr {
        &.dropdown-product-details {
          order: 1;
        }
        &.dropdown-who-its-for {
          order: 2;
        }
        &.dropdown-how-to-use {
          order: 3;
        }
      }

      .dropdown-wpr {
        .title-wpr .title {
          letter-spacing: 0.64px;
        }

        .content {

          > p, > ul {
            margin-bottom: 26px;
          }
          
          p, ul li, a {
            letter-spacing: 0;
            font-size: 0.9375rem;
            font-weight: 400;
            line-height: 1.3125rem;
          }
          ul li {
            margin-block: 12px;
          }
          strong {
            font-weight: 700;
          }
          a {
            text-decoration: underline;
          }
        }

        /* &:last-child { border: none; margin-bottom: 0; } */
        &.dropdown-how-to-use { border: none; margin-bottom: 0; }
      }
    }
    .usage-suggestion {
      color: #2E1A4A;
      text-transform: uppercase;
    }

    .product__icons .icon-grid .text {
      font-family: var(--font-heading-family);
      font-size: 0.875rem;
      font-style: italic;
      font-weight: 400;
      line-height: 120%; /* 19.2px */
    }
    .product__icons .icon-wpr {
      height: 19px;
    }

    .product-details-below-icons {
      text-decoration: none !important; 
      text-transform: inherit !important;
      margin-top: 26px;
    }
  }
}

@media (min-width: 768px) {
  .product {
    .product__info-wrapper {
      .product-dropdown {
        margin-top: 45px;

        .product-details-below-icons {
          margin-top: 32px;
        }
      }

      h1 {
        font-size: 38px !important;
      }
      .custom-subtitle {
        font-size: 1.625rem;
        line-height: 2.5rem; /* 153.846% */
        margin-block: 17px;
      }
      .custom-shortline {
        font-size: 1.125rem;
        line-height: 1.375rem; /* 122.222% */
        letter-spacing: -0.18px;
      }
      .usage-suggestion {
        font-size: 1.25rem !important;
        font-weight: 400;
        line-height: 130%; /* 26px */
        letter-spacing: 0.4px !important;
        text-transform: uppercase;
        max-width: 100% !important;
        margin: 44px auto 30px !important;
      }
      .dropdown-wpr .content {

        > p, > ul {
          margin-bottom: 32px !important;
        }
        
        p, ul li, a {
          font-size: 1rem !important;
          font-weight: 300 !important;
          line-height: 120% !important;
        }
        strong {
          font-weight: 600 !important;
        }
      }

      .product__icons {
        flex-wrap: nowrap;
        gap: 30px;
        .icon-grid {
          align-items: flex-start;

          &.icon-grid-1 {
            width: 160px;
          }
          &.icon-grid-3 {
            width: 140px;
          }
        }
      }
      .product__icons .icon-grid .text {
        font-size: 1rem;
      }
    }
  }
}

@media (max-width: 768px) {
  .product .product__info-wrapper .product-dropdown .dropdown-wpr .title-wpr .title {
    letter-spacing: 1px;
  }
}
@media (max-width: 389.98px) {
  .product .product__info-wrapper .usage-suggestion {
    font-size: 14px !important;
  }
}
@media (min-width: 768px) and (max-width: 768.98px) {
  .product .product__info-wrapper .product__icons {
    max-width: 450px;
  }
}
@media (max-width: 768.98px) {
  .product .product__info-wrapper .product__icons .icon-grid.icon-grid-2 .text {
    max-width: 200px;
  }
}

/* Section Beauty of growth */
#beauty-of-growth {

  .less-shedding-section__timeline-item {
    opacity: 0.2; transform: translateX(0);
    transition: opacity 0.6s ease, transform 0.6s ease;
  }
  .less-shedding-section__timeline-content {
    opacity: 0.5; transform: translateY(30px); transition: opacity 0.8s ease, transform 0.8s ease;
  }
  .less-shedding-section__timeline-item.active {
    opacity: 1; transform: translateX(0);

    .less-shedding-section__timeline-content {
      opacity: 1; transform: translateY(0);
    }
  }
  .

  .less-shedding-section__intro h3 {
    font-family: var(--font-body-family);
    color: #1A1A1A;
    font-size: 0.875rem;
    font-weight: 700;
    line-height: normal;
    letter-spacing: 0.0175rem;
    text-transform: uppercase;
    margin-bottom: 0;
  }

  .less-shedding-section__content {
    align-items: center;
  }

  .less-shedding-section__image-label { display: none; }

  .less-shedding-section__timeline-title {
    color: #1A1A1A;
    font-size: 1.375rem;
    font-style: italic;
    font-weight: 300;
    line-height: 1.875rem;
    letter-spacing: 0.01375rem;
  }
  .less-shedding-section__timeline-description {
    color: #1A1A1A;
    font-size: 1rem;
    font-style: normal;
    font-weight: 400;
    line-height: 120%; /* 1.2rem */
  }
  .less-shedding-section__timeline-item::before {
    height: calc(100% + 29px);
    top: 16px;
    background: #3C1053;
  }
  .less-shedding-section__timeline-marker {
    background: #3C1053;
  }
  .less-shedding-section__timeline-marker:before {
    content: ' ';
    height: 13px;
    width: 13px;
    display: block;
    background: rgba(60, 16, 83, 0.20);
    border-radius: 50%;
    margin: -3px 0 0 -3px;
  }
}
@media (min-width: 769px) {
  #beauty-of-growth .less-shedding-section__timeline-marker { width: 7px; height: 7px; }
  #beauty-of-growth .less-shedding-section__timeline-item::before { top: 16px; width: 1px; height: calc(100% + 30px); }
}
@media (min-width: 1081px) {
  #beauty-of-growth {

    .less-shedding-section__timeline { flex: 1 1 32%; }
    .less-shedding-section__intro h2 {
      font-size: 2.625rem;
      letter-spacing: 0.02625rem;
    }
    .less-shedding-section__intro h3 {
      font-size: 1rem;
      letter-spacing: 0.02rem;
    }
    .less-shedding-section__timeline-description {
      font-size: 1.125rem;
    }
  }
}
@media (max-width: 1080.98px) {
  #beauty-of-growth .less-shedding-section__content {
    flex-direction: column-reverse;
    gap: 40px !important;

    .less-shedding-section__images {
      margin-bottom: 0;
      padding: 0;
    }
  }
}
@media (max-width: 768px) {
  #beauty-of-growth .less-shedding-section__content .less-shedding-section__images .less-shedding-section__image-wrap {
    flex: 0 0 100%;
    width: 100%;
    max-width: 100%;
  }
}
@media (min-width: 769px) and (max-width: 1080.98px) {
  #beauty-of-growth .less-shedding-section__content .less-shedding-section__images .less-shedding-section__image-wrap {
    flex: 0 0 70%;
    width: 70%;
    max-width: 70%;
    margin-inline: auto;
  }
}


/* Section Announcement bar carousel */
.announcement-bar-carousel {
  background-color: transparent !important;

  h1,h2,h3,h4,h5,h6,p,div,span,b,strong,i {
    color: var(--primary-color) !important;
    font-family: var(--font-heading-family);
    font-size: 0.875rem;
    font-style: italic;
    font-weight: 400 !important;
    line-height: 2rem;
    letter-spacing: 0.14px;
  }

  .slider-wpr .slide:after {
    background-color: var(--primary-color) !important;
  }
  .slider-wpr .slide p {
    margin-inline: 18px !important;
  }
}

@media (min-width: 750px) {
  .announcement-bar-carousel {
    h1,h2,h3,h4,h5,h6,p,div,span,b,strong,i {
      /* font-size: 1rem !important; */
      letter-spacing: 0.16px;
    }
  }
}

/* Reviews visual quickfixes */
.shopify-app-block div.okeReviews .oke-w-reviews-list { margin-bottom: 32px;}

/* #clinically-studied {
  .text-and-image__block-item {
    position: relative;

    &:before {
      content: ' ' !important;
      display: block !important;
      width: 100px;
      height: 53px;
      margin-block: 15px;
      background-repeat: no-repeat;
      background-size: cover;
      background-image: url('https://omiwellbeauty.com/cdn/shop/files/OMI_IFP_LogoLockup_v05__1_200x.png?v=1777491426');
    }
  }
}
@media (min-width: 500px) {
  #clinically-studied .text-and-image__block-item:before {
    position: absolute;
    right: 0;
    top: 0;
    margin: 0;
  }
} */

.template-handle--pdp-regenerate-c, .template-handle--pdp-harmonize-c, .template-handle--pdp-revitalize-c {
  #clinically-studied {
    ul {
      li {
        &:first-child:before {
          background-image: url('/cdn/shop/files/90_Day_Strong_arrow-down.png?v=1774560361');
        }
        &:nth-child(2):before {
          background-image: url('/cdn/shop/files/90_Day_Strong_layer.png?v=1774560362');
        }
        &:nth-child(3):before {
          background-image: url('/cdn/shop/files/regenerate-pdp-icon--100-drug-hormone-free_50x.png?v=1777491115');
        }
        &:nth-child(4):before {
          background-image: url('/cdn/shop/files/90_Day_Strong_steps.png?v=1774560361');
        }
        &:nth-child(5):before {
          background-image: url('/cdn/shop/files/90_Day_Strong_percentage.png?v=1774560586');
        }
      }
    }
  }
}

@media (max-width: 1080.98px) {
  .template-handle--pdp-regenerate-c, .template-handle--pdp-harmonize-c, .template-handle--pdp-revitalize-c {
    #clinically-studied {
      h2 {
        font-size: 36px !important;
        margin-top: 0; margin-bottom: 32px;

        &.text-and-image__heading--desktop { display: block !important; font-style: italic; }
        &.text-and-image__heading--mobile { display: none !important; }
      }
      .text-and-image__block-item > h2 { display: none !important; }
      .text-and-image__images { margin-bottom: 32px; }
    }
  }
}
@media (max-width: 768px) {
  .template-handle--pdp-regenerate-c, .template-handle--pdp-harmonize-c, .template-handle--pdp-revitalize-c {
    #clinically-studied h2 {
      font-size: 30px !important;
    }
  }
}
@media (min-width: 1081px) {
  .template-handle--pdp-regenerate-c, .template-handle--pdp-harmonize-c, .template-handle--pdp-revitalize-c {
    #clinically-studied {
      .text-and-image__heading--desktop { display: none !important; }
    }
  }
}

.template-handle--pdp-harmonize-c, .template-handle--pdp-revitalize-c {
  product-info .page-width {
    background-color: #fff9f2;
  }
  .product {
    .product__info-wrapper {
      .product-dropdown {
        background-color: rgb(242, 234, 225);
      }
    }
  }
}