/* Jednokolumnowy opis inspirowany typografią karty produktu ILOVET. */
.cms-seo-content--v3 {
  --seo-violet: #71328b;
  --seo-violet-dark: #542368;
  --seo-green: #90c64c;
  --seo-line: #e8e3ed;
  display: block;
  width: min(100%, 1000px);
  color: #443d4c;
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;
  font-size: 16px;
  line-height: 1.82;
}

.cms-seo-content--v3 h1,
.cms-seo-content--v3 h2,
.cms-seo-content--v3 h3 {
  color: #292533;
  font-weight: 700;
}

.cms-seo-content--v3 h1,
.cms-seo-content--v3 .seo-section--lead h2 {
  margin: 0 0 17px;
  color: #292533;
  font-size: 29px;
  line-height: 1.25;
  letter-spacing: -.6px;
}

.cms-seo-content--v3 h2 {
  margin: 0 0 15px;
  font-size: 23px;
  line-height: 1.3;
  letter-spacing: -.4px;
}

.cms-seo-content--v3 h3 { font-size: 19px; line-height: 1.35; }
.cms-seo-content--v3 p { margin: 0 0 18px; }
.cms-seo-content--v3 strong { color: #292533; }
.cms-seo-content--v3 ul,
.cms-seo-content--v3 ol { margin: 0 0 23px; padding-left: 24px; }
.cms-seo-content--v3 li { margin: 8px 0; padding-left: 5px; }
.cms-seo-content--v3 li::marker { color: var(--seo-violet); }

.cms-seo-content--v3 .seo-section--lead,
.cms-seo-content--v3 .seo-section--highlight,
.cms-seo-content--v3 .seo-section--columns,
.cms-seo-content--v3 .seo-section--card-green,
.cms-seo-content--v3 .seo-section--card-violet,
.cms-seo-content--v3 .seo-section--card-gray,
.cms-seo-content--v3 .seo-section--details,
.cms-seo-content--v3 .seo-section--dosage,
.cms-seo-content--v3 .seo-section--materials {
  display: block;
  padding: 0;
  overflow: visible;
  border: 0;
  border-radius: 0;
  background: transparent;
  color: inherit;
  font-size: inherit;
  font-weight: inherit;
}

.cms-seo-content--v3 .seo-section--lead > p:has(> img) {
  margin: 0;
}

.cms-seo-content--v3 .seo-section--lead img {
  display: none;
}

.cms-seo-content--v3 .seo-section--highlight {
  margin: 20px 0;
  padding: 14px 22px;
  border-left: 4px solid var(--seo-green);
  background: #f8f6fa;
}

.cms-seo-content--v3 .seo-section--card-green,
.cms-seo-content--v3 .seo-section--card-violet,
.cms-seo-content--v3 .seo-section--card-gray,
.cms-seo-content--v3 .seo-section--details,
.cms-seo-content--v3 .seo-section--dosage,
.cms-seo-content--v3 .seo-section--materials {
  margin-top: 39px;
  padding-top: 26px;
  border-top: 1px solid var(--seo-line);
}

.cms-seo-content--v3 .seo-section--narrow { width: 100%; }
.cms-seo-content--v3 table {
  width: 100%;
  margin: 17px 0 26px;
  border: 1px solid var(--seo-line);
  border-collapse: separate;
  border-spacing: 0;
  border-radius: 14px;
  font-size: 14.5px;
  line-height: 1.6;
}

.cms-seo-content--v3 th,
.cms-seo-content--v3 td {
  padding: 10px 16px;
  border: 0;
  text-align: left;
}

.cms-seo-content--v3 th {
  padding-block: 12px;
  background: #f2edf6;
  color: var(--seo-violet-dark);
  font-weight: 750;
}

.cms-seo-content--v3 td { border-top: 1px solid var(--seo-line); }
.cms-seo-content--v3 tbody tr:nth-child(even) { background: #fbfafc; }
.cms-seo-content--v3 tbody td:last-child { font-weight: 650; }
.cms-seo-content--v3 a { color: var(--seo-violet); font-weight: 700; text-decoration: underline; text-underline-offset: 3px; }
.cms-seo-content--v3 a:focus-visible { outline: 3px solid #a27eb2; outline-offset: 3px; }
.cms-seo-content--v3 blockquote { margin: 20px 0; padding: 14px 22px; border-left: 4px solid var(--seo-green); background: #f8f6fa; }

.cms-seo-content--v3 .seo-section--contact {
  margin-top: 36px;
  padding: 25px 28px;
  border-radius: 19px;
  background: linear-gradient(110deg, #f7f1fa, #f8fbf5);
  color: #443d4c;
  text-align: left;
}

.cms-seo-content--v3 .seo-section--contact h2 { margin: 0 0 10px; color: #292533; }
.cms-seo-content--v3 .seo-section--contact a {
  margin-top: 0;
  padding: 9px 16px;
  border-radius: 10px;
  background: var(--seo-violet);
  color: #fff;
  text-decoration: none;
}

.cms-seo-content--v3 .seo-section--contact a:hover { background: var(--seo-violet-dark); }
.cms-seo-content--v3 .seo-section p:last-child { margin-bottom: 0; }

@media (max-width: 530px) {
  .cms-seo-content--v3 h1,
  .cms-seo-content--v3 .seo-section--lead h2 { font-size: 25px; }
  .cms-seo-content--v3 h2 { font-size: 21px; }
  .cms-seo-content--v3 table { font-size: 13px; }
  .cms-seo-content--v3 th,
  .cms-seo-content--v3 td { padding: 9px 10px; overflow-wrap: anywhere; }
}