/* SC Category Read More – v1.2.1 */

/* Root container */
.sc-crm-desc {
  position: relative;
}

/* Provide spacing so the absolute button never overlaps next blocks */
.sc-crm-desc.sc-crm-collapsible {
  padding-bottom: 56px; /* room for button */
}

/* Text wrapper: collapsed area */
.sc-crm-textwrap {
  overflow: hidden;
  max-height: var(--sc-crm-max-height, 240px);
}

/* Fade the TEXT using a mask (background independent) */
.sc-crm-desc.sc-crm-collapsible .sc-crm-textwrap {
  -webkit-mask-image: linear-gradient(to bottom, rgba(0,0,0,1) 0%, rgba(0,0,0,1) 72%, rgba(0,0,0,0) 100%);
  mask-image: linear-gradient(to bottom, rgba(0,0,0,1) 0%, rgba(0,0,0,1) 72%, rgba(0,0,0,0) 100%);
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
}

/* Open state */
.sc-crm-desc.sc-crm-open {
  padding-bottom: 0;
}
.sc-crm-desc.sc-crm-open .sc-crm-textwrap {
  max-height: none;
  overflow: visible;
  -webkit-mask-image: none;
  mask-image: none;
}

/* ===== Toggle (bottom-right, not affected by mask) ===== */
.sc-crm-toggle {
  display: inline-flex;
  align-items: center;
  gap: 10px;

  background: none;
  border: 0;
  padding: 0;

  font: inherit;
  cursor: pointer;
  color: #8b5aa6;
}

/* Collapsed: pinned bottom-right INSIDE the container */
.sc-crm-desc.sc-crm-collapsible .sc-crm-toggle {
  position: absolute;
  right: 0;
  bottom: 14px;
  z-index: 2;
}

/* Open: normal flow, right aligned */
.sc-crm-desc.sc-crm-open .sc-crm-toggle {
  position: static;
  margin-top: 18px;
  justify-content: flex-end;
  width: 100%;
}

/* line */
.sc-crm-line {
  width: 40px;
  height: 1px;
  background: currentColor;
  opacity: .85;
  transition: width .25s ease, opacity .25s ease;
}

/* text */
.sc-crm-text {
  font-size: 13px;
  font-weight: 600;
  letter-spacing: .10em;
  text-transform: uppercase;
}

/* hover */
.sc-crm-toggle:hover { color: #6f3d8e; }
.sc-crm-toggle:hover .sc-crm-line { width: 60px; opacity: 1; }

/* open style */
.sc-crm-desc.sc-crm-open .sc-crm-toggle { color: #666; }
.sc-crm-desc.sc-crm-open .sc-crm-line { width: 28px; opacity: .7; }