.elementor-6135 .elementor-element.elementor-element-dfd64c1{--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--background-transition:0.3s;}.elementor-6135 .elementor-element.elementor-element-3041f5c{--background-transition:0.3s;}.elementor-6135 .elementor-element.elementor-element-3b22cc8{text-align:center;}.elementor-6135 .elementor-element.elementor-element-bfe9de0{--background-transition:0.3s;}/* Start custom CSS for text-editor, class: .elementor-element-dce64c6 *//* LANDING PAGE COLESTEROL STOP */

.colesterol-landing {
  max-width: 1080px;
  margin: 0 auto;
  padding: 70px 24px;
  font-family: inherit;
  color: #24352f;
  line-height: 1.75;
}

.colesterol-landing h1 {
  font-size: clamp(34px, 5vw, 58px);
  line-height: 1.08;
  font-weight: 800;
  letter-spacing: -1.2px;
  color: #18382f;
  margin: 0 0 28px;
  max-width: 900px;
}

.colesterol-landing h1::after {
  content: "";
  display: block;
  width: 90px;
  height: 5px;
  background: linear-gradient(90deg, #2f7d32, #9bbf45);
  border-radius: 30px;
  margin-top: 24px;
}

.colesterol-landing h2 {
  font-size: clamp(26px, 3vw, 38px);
  line-height: 1.18;
  font-weight: 750;
  color: #1e4b3d;
  margin: 58px 0 20px;
}

.colesterol-landing h3 {
  font-size: clamp(20px, 2vw, 26px);
  line-height: 1.25;
  font-weight: 700;
  color: #2f623f;
  margin: 36px 0 12px;
}

.colesterol-landing p {
  font-size: 18px;
  margin: 0 0 18px;
  color: #33443d;
}

.colesterol-landing strong {
  color: #18382f;
  font-weight: 750;
}

.colesterol-landing ul {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px 18px;
  padding: 0;
  margin: 24px 0 34px;
  list-style: none;
}

.colesterol-landing li {
  background: #f4f8f1;
  border: 1px solid #dce9d5;
  border-radius: 14px;
  padding: 13px 16px 13px 42px;
  font-size: 17px;
  color: #2f4038;
  position: relative;
}

.colesterol-landing li::before {
  content: "✓";
  position: absolute;
  left: 16px;
  top: 12px;
  color: #2f7d32;
  font-weight: 800;
}

/* Highlight sections */
.colesterol-landing h2 + p,
.colesterol-landing h3 + p {
  max-width: 940px;
}

/* CTA buttons */
.colesterol-landing a[href*="colesterol-stop"] {
  display: inline-block;
  background: linear-gradient(135deg, #2f7d32, #1e5d35);
  color: #ffffff !important;
  padding: 16px 34px !important;
  border-radius: 999px !important;
  text-decoration: none !important;
  font-weight: 750 !important;
  font-size: 18px;
  box-shadow: 0 14px 30px rgba(47, 125, 50, 0.25);
  transition: all 0.25s ease;
}

.colesterol-landing a[href*="colesterol-stop"]:hover {
  transform: translateY(-3px);
  box-shadow: 0 18px 38px rgba(47, 125, 50, 0.35);
  background: linear-gradient(135deg, #276b2a, #184c2c);
}

/* Phone + site links */
.colesterol-landing a[href^="tel"],
.colesterol-landing a[href="https://saranatural.ro"] {
  color: #2f7d32;
  font-weight: 700;
  text-decoration: none;
}

.colesterol-landing a[href^="tel"]:hover,
.colesterol-landing a[href="https://saranatural.ro"]:hover {
  text-decoration: underline;
}

/* Card-like effect for protocol headings */
.colesterol-landing h3 {
  background: #ffffff;
  border-left: 5px solid #2f7d32;
  padding: 14px 18px;
  border-radius: 12px;
  box-shadow: 0 8px 26px rgba(24, 56, 47, 0.06);
}

/* First section hero feel */
.colesterol-landing > h1,
.colesterol-landing > h1 + h2,
.colesterol-landing > h1 + h2 + p,
.colesterol-landing > h1 + h2 + p + p,
.colesterol-landing > h1 + h2 + p + p + p,
.colesterol-landing > h1 + h2 + p + p + p + p {
  position: relative;
  z-index: 2;
}

.colesterol-landing::before {
  content: "";
  display: block;
  height: 0;
  box-shadow: 0 0 140px 70px rgba(155, 191, 69, 0.13);
}

/* Soft separators before major sections */
.colesterol-landing h2 {
  border-top: 1px solid #e3ecdd;
  padding-top: 38px;
}

.colesterol-landing h2:first-of-type {
  border-top: none;
  padding-top: 0;
}

/* Better CTA alignment */
.colesterol-landing p[style*="text-align:center"] {
  margin: 38px 0 48px !important;
}

/* Mobile */
@media (max-width: 768px) {
  .colesterol-landing {
    padding: 44px 18px;
  }

  .colesterol-landing p {
    font-size: 16.5px;
    line-height: 1.7;
  }

  .colesterol-landing ul {
    grid-template-columns: 1fr;
  }

  .colesterol-landing li {
    font-size: 16px;
  }

  .colesterol-landing a[href*="colesterol-stop"] {
    width: 100%;
    text-align: center;
    font-size: 16.5px;
    padding: 15px 22px !important;
  }
}/* End custom CSS */