/* ******************************************** */
/** PRODUCT PAGE CONTENT
/* ******************************************** */

.c-product-content{
      font-size: 1.5rem;
  }
  
  .c-product-content > *{
      margin-top: 1.4em;
      line-height: 1.7;
  }
  
  .c-product-content p,
  .c-product-content li{
      color: rgb(var(--color-darkest-rgb)/80%);
  }
  
  .c-product-content > *:first-child{
      margin-top: 0;
  }
  
  .c-product-content h1,
  .c-product-content h2,
  .c-product-content h3,
  .c-product-content h4,
  .c-product-content h5,
  .c-product-content h6{
      line-height: 1.2;
      margin-top: 2em;
      /* font-weight: 700; */
  }
  
  .c-product-content h1,
  .c-product-content h2,
  .c-product-content h3{
      font-size: 2.4rem;
  }
  
  .c-product-content h4,
  .c-product-content h5,
  .c-product-content h6{
      font-size: 1.7rem;
  }
  
  .c-product-content strong{
      font-weight: 600;
      color: var(--color-darkest);
  }
  
  
  .c-product-content a{
      position: relative;
      color: var(--color-primary);
      border-bottom: 2px solid var(--color-primary);
      font-weight: 600;
  }
  
  .c-product-content a:before{
      content: "";
      display: block;
      width: 100%;
      min-width: var(--tap-size);
      height: var(--tap-size);
      min-height: var(--tap-size);
      position: absolute;
      left: 50%;
      top: 50%;
      transform: translate(-50%, -50%);
      -webkit-transform: translate(-50%, -50%);
      -moz-transform: translate(-50%, -50%);
      -o-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%);
  }
  
  .c-product-content img, .s-content iframe {
      display: block;
      max-width: 100%;
      position: relative;
      margin-top: 2.2em;
  }
  
  .c-product-content img {
      margin-right: auto;
      margin-left: auto;
      height: auto !important;
  }
  
  .c-product-content li {
      position: relative;
      padding-left: 16px;
      margin-top: 0.6em;
  }
  
  .c-product-content li:first-child {
      margin-top: 0;
  }
  
  .c-product-content ul li:before {
      content: "";
      position: absolute;
      top: 0.52em;
      left: 0;
      width: 0.44em;
      height: 0.45em;
      border-radius: 50%;
      background-color: var(--color-primary);
  }
  
  .c-product-content ol{
      counter-reset: section;
  }
  
  .c-product-content ol li{
      counter-increment: section;
      padding-left: 20px;
  }
  
  .c-product-content ol li:before{
      content: counter(section)". ";
      position: absolute;
      color: var(--color-primary);
      font-weight: 900;
      top: 2px;
      left: 0;
      font-size: 1em;
      margin-top: -2px;
  }