/* ==========================================================================
   CSS Variables
   ========================================================================== */

.st-product-description {
  --st-description-font-family: inherit;
  --st-description-font-weight: 400;
  --st-description-font-style: normal;
  --st-description-font-size: 16px;
  --st-description-font-size-mobile: 14px;
  --st-description-color: #000;
  --st-description-line-height: 160%;
}

/* ==========================================================================
   Layout
   ========================================================================== */

.st-product-description {
  font-family: var(--st-description-font-family);
  font-weight: var(--st-description-font-weight);
  font-style: var(--st-description-font-style);
  font-size: var(--st-description-font-size);
  color: var(--st-description-color);
  line-height: var(--st-description-line-height);
}

.st-product-description--empty {
  display: none !important;
}

/* ==========================================================================
   Rich Text Elements
   ========================================================================== */

.st-product-description p {
  margin: 0 0 0.75em;
}

.st-product-description p:last-child {
  margin-bottom: 0;
}

.st-product-description ul,
.st-product-description ol {
  margin: 0 0 0.75em;
  padding-left: 1.5em;
}

.st-product-description ul {
  list-style-type: disc;
}

.st-product-description ol {
  list-style-type: decimal;
}

.st-product-description ul:last-child,
.st-product-description ol:last-child {
  margin-bottom: 0;
}

.st-product-description li {
  margin-bottom: 0.25em;
}

.st-product-description strong {
  font-weight: 700;
}

.st-product-description em {
  font-style: italic;
}

/* ==========================================================================
   Mobile (max-width: 959px)
   ========================================================================== */

@media (max-width: 959px) {
  .st-product-description {
    font-size: var(--st-description-font-size-mobile);
  }
}