:root{
      --heading-clr:#212529;
      --muted-clr:#6c757d;
    }
    body{ background:#f8f9fa;
          --bs-body-font-family: 'Lato', sans-serif;
          font-size: 1.10rem;
          line-height: 1.5;
          background-color: #f2eef5;
    }
    .page-wrap{ padding-block: 2rem 4rem; }
    .page-title{
      font-weight: 700;
      color: var(--heading-clr);
      letter-spacing:.2px;
    }
    .intro{ color: var(--muted-clr); }
    .toc{
      position: sticky;
      top: 10rem;
      border-left: 3px solid #e9ecef;
      padding-left: 1rem;
    }
    .toc a{ text-decoration: none; }
    .service-card .card-header{
      background:#fff;
    }

    .btn-purple {
        background-color: rgb(109,60,94);
        border-color: rgb(109,60,94);
        color: #fff;
    }

    .card-outline-purple {
  border-color: rgb(109,60,94);
}

    .btn-purple:hover,
    .btn-purple:focus {
       background-color: rgb(75, 41, 65);
       border-color: rgb(75, 41, 65);
       color: #fff;
   }
    
    .service-card .badge{ letter-spacing:.3px; }
    .checklist li::marker{ color:#198754; }
    /* Small helpers */
    .anchor-offset{ scroll-margin-top: 90px; } /* keeps headings visible when clicking sidebar links */

    /* HERO with background image (no gradient) */
.hero{
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  min-height: 340px;     /* adjust to taste */
  padding: 72px 0;
  color: #fff;
  overflow: hidden;
  background-color: #6d3c5e; /* safe fallback while image loads */
}

.hero::before{
  content: "";
  position: absolute;
  inset: 0;
  background: url("/mceyeclinic/images/clinic-color-banner.png") center/cover no-repeat;
  /*    ^^^^^ adjust this path for your project (see note below) */
  z-index: 0;
  filter:brightness(.55)
}

.hero .inner{ position: relative; z-index: 1; }
.hero .page-title{ font-weight: 800; letter-spacing: .2px; }
.hero .subtitle{ opacity: .95; margin-top: .4rem; }
@media (min-width: 992px){
  .hero .page-title{ font-size: 3rem; }
  .hero .subtitle{ font-size: 1.125rem; }
}


.btn-outline-purple {
    border-color: rgb(109,60,94);
    color: rgb(109,60,94);
}

.btn-outline-purple:hover,
.btn-outline-purple:focus {
    border-color: rgb(75, 41, 65);
    color: rgb(75, 41, 65);
}
/* Breadcrumbs (scoped) */
    .disclaimer-breadcrumbs {
      background: #fff;
      border: 1px solid #eee;
      border-left: 4px solid var(--clinic-purple);
      border-radius: .5rem;
      padding: .5rem .75rem;
      margin-bottom: 1rem;
    }
    .disclaimer-breadcrumbs .breadcrumb { margin: 0; }
    .disclaimer-breadcrumbs .breadcrumb-item + .breadcrumb-item::before { color: #888; }
    .disclaimer-breadcrumbs a { color: var(--clinic-purple); text-decoration: none; }
    .disclaimer-breadcrumbs a:hover { text-decoration: underline; }