/* ======================================================
   RMWL What to Expect on GLP-1s Page Additions
   Load after rmw-what-to-expect.css
   ====================================================== */

.rmwexpect-glp-page .rmwexpect-hero {
  background:
    radial-gradient(circle at 78% 24%, rgba(105,49,137,0.13), transparent 34%),
    radial-gradient(circle at 10% 86%, rgba(176,155,110,0.14), transparent 28%),
    linear-gradient(90deg, #ffffff 0%, #ffffff 40%, #f4eef8 100%);
}

.rmwexpect-glp-page .rmwexpect-hero-note {
  border-left: 6px solid var(--rmwexpect-gold);
}

.rmwexpect-glp-page .rmwexpect-glp-quick-grid {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.rmwexpect-glp-page .rmwexpect-glp-two-col {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.rmwexpect-glp-page .rmwexpect-glp-note {
  margin-top: 22px;
  border-left: 6px solid var(--rmwexpect-gold);
}

.rmwexpect-glp-page .rmwexpect-cta-band .rmwexpect-btn-outline {
  background: transparent;
  border-color: #ffffff;
  color: #ffffff !important;
}

.rmwexpect-glp-page .rmwexpect-cta-band .rmwexpect-btn-outline:hover,
.rmwexpect-glp-page .rmwexpect-cta-band .rmwexpect-btn-outline:focus {
  background: #ffffff;
  color: var(--rmwexpect-purple) !important;
}

@media (max-width: 1180px) {
  .rmwexpect-glp-page .rmwexpect-glp-quick-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 900px) {
  .rmwexpect-glp-page .rmwexpect-glp-two-col {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 720px) {
  .rmwexpect-glp-page .rmwexpect-glp-quick-grid {
    grid-template-columns: 1fr;
  }
}