@charset "utf-8";

.product-editorial-cont { margin-bottom: 30px; padding: 0px 20px; }

.product-editorial { display: flex; flex-direction: column; gap: 30px; padding-bottom: 20px; }

.editorial-subheader { text-transform: uppercase; color: var(--dark-gray); line-height: normal; }

.editorial-header { line-height: 1.1em; margin: 30px 0px; }

.editorial-copy a { text-decoration: underline; }

.editorial-copy { max-height: 175px; overflow: hidden; transition-duration: 1s; }

.editorial-copy.expanded { max-height: 100%; }

.editorial-copy-cont .read-more-btn { margin: 10px 0px 0px; border: none; background-color: transparent; text-decoration: underline; color: var(--dark-gray); letter-spacing: normal; padding: 0px; font-weight: bold; }

.editorial-survey { opacity: 0; max-height: 0px; transition-duration: 1s; visibility: hidden; padding-top: 30px; border-top: 1px solid rgb(240, 240, 240); margin-top: 30px; display: none; }

.editorial-survey.expanded { opacity: 1; max-height: unset; visibility: visible; display: block; }

.editorial-survey .btn-primary { color: var(--dark-gray); background: transparent; }

@media (min-width: 769px) {
  .product-editorial-cont { padding: 50px 20px; margin-bottom: 0px; }
  .product-editorial { flex-direction: row; gap: 120px; }
  .editorial-image { width: 50%; flex-shrink: 0; }
  .editorial-header { margin: 40px 0px; }
  .editorial-copy { max-height: 260px; }
}