/* Temporary overrides only. If it’s “real,” move it to the right module. */
/* ==============================================
   CLEANING & MAINTENANCE PAGE
   Scoped to .erg-cleaning-maintenance
   =========================================== */

.erg-cleaning-maintenance{
  color: var(--erg-text);
}

/* ---------- Layout shell ---------- */

.erg-cleaning-maintenance .erg-section{
  max-width: 1180px;
  margin: 0 auto;
  padding: clamp(22px, 4vw, 40px) clamp(16px, 3vw, 28px);
}

.erg-cleaning-maintenance .erg-section--tight{
  padding-top: clamp(18px, 3vw, 30px);
  padding-bottom: clamp(18px, 3vw, 30px);
}

.erg-cleaning-maintenance .erg-section--small{
  padding-top: 18px;
  padding-bottom: 18px;
}

.erg-cleaning-maintenance .erg-section--band{
  border-radius: var(--erg-radius);
  border: 1px solid var(--erg-border);
  background:
    radial-gradient(120% 80% at 20% 0%, rgba(255,255,255,.03) 0, rgba(255,255,255,0) 60%),
    var(--erg-panel-2);
}

.erg-cleaning-maintenance .erg-section--cta{
  border-radius: var(--erg-radius);
  border: 1px solid var(--erg-border);
  background:
    radial-gradient(120% 90% at 0% 0%, rgba(114,182,198,.28) 0, rgba(114,182,198,0) 55%),
    var(--erg-panel-2);
}

/* ---------- Section headers ---------- */

.erg-cleaning-maintenance .erg-section__header{
  max-width: 720px;
  margin: 0 auto clamp(20px, 3vw, 30px);
  text-align: left;
}

.erg-cleaning-maintenance .erg-section__header h2{
  margin: 0 0 8px;
  font-family: var(--erg-head);
  font-weight: 700;
  letter-spacing: .09em;
  text-transform: uppercase;
  font-size: clamp(18px, 3vw, 24px);
}

.erg-cleaning-maintenance .erg-section__header p{
  margin: 0;
  font-family: var(--erg-body);
  font-size: 15px;
  color: var(--erg-muted);
}

.erg-cleaning-maintenance .erg-section__note{
  margin-top: 14px;
  font-size: 13px;
  color: var(--erg-muted);
}

/* ---------- Hero ---------- */

.erg-cleaning-maintenance .erg-hero{
  border-radius: var(--erg-radius);
  border: 1px solid var(--erg-border);
  background:
    radial-gradient(140% 100% at 0% 0%, rgba(114,182,198,.24) 0, rgba(114,182,198,0) 55%),
    var(--erg-panel);
}

.erg-cleaning-maintenance .erg-hero__inner{
  display: grid;
  grid-template-columns: minmax(0, 1.4fr) minmax(0, 1fr);
  gap: clamp(18px, 3vw, 28px);
  align-items: center;
}

.erg-cleaning-maintenance .erg-hero__content{
  padding: clamp(18px, 3vw, 26px);
}

.erg-cleaning-maintenance .erg-hero__media{
  padding: clamp(12px, 2.5vw, 20px) clamp(12px, 2vw, 18px);
}

.erg-cleaning-maintenance .erg-kicker{
  margin: 0 0 8px;
  font-family: var(--erg-head);
  font-size: 11px;
  font-weight: 800;
  letter-spacing: .16em;
  text-transform: uppercase;
  color: var(--erg-muted);
}

.erg-cleaning-maintenance .erg-hero__title{
  margin: 0 0 10px;
  font-family: var(--erg-head);
  font-size: clamp(24px, 3.8vw, 30px);
  letter-spacing: .06em;
  text-transform: uppercase;
}

.erg-cleaning-maintenance .erg-hero__lead{
  margin: 0 0 14px;
  font-family: var(--erg-body);
  font-size: 15px;
  color: var(--erg-muted);
}

.erg-cleaning-maintenance .erg-hero__note{
  margin: 10px 0 0;
  font-size: 13px;
  color: var(--erg-text-dim);
}

/* hero image card */

.erg-cleaning-maintenance .erg-hero__image{
  margin: 0;
  border-radius: var(--erg-radius);
  border: 1px solid var(--erg-border);
  overflow: hidden;
  box-shadow: 0 18px 40px rgba(0,0,0,.85);
  background: #000;
}

.erg-cleaning-maintenance .erg-hero__image img{
  display: block;
  width: 100%;
  height: auto;
}

.erg-cleaning-maintenance .erg-hero__image figcaption{
  padding: 8px 12px;
  font-size: 12px;
  color: var(--erg-muted);
}

/* hero buttons use existing .erg-btn styles, just spacing */

.erg-cleaning-maintenance .erg-hero__actions{
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin: 14px 0 0;
}

/* ---------- Grids ---------- */

.erg-cleaning-maintenance .erg-grid{
  display: grid;
  gap: clamp(14px, 3vw, 22px);
}

.erg-cleaning-maintenance .erg-grid--3{
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.erg-cleaning-maintenance .erg-grid--4{
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

/* service levels 3-up */
.erg-cleaning-maintenance .erg-service-levels{
  align-items: stretch;
}

/* ---------- Cards / modifiers ---------- */

.erg-cleaning-maintenance .erg-card{
  /* base card styles already in 10-base.css; this just ensures layout */
  height: 100%;
}

.erg-cleaning-maintenance .erg-card--tier h3,
.erg-cleaning-maintenance .erg-card--reason h3,
.erg-cleaning-maintenance .erg-card--platform h3,
.erg-cleaning-maintenance .erg-card--timing h3{
  margin: 0 0 8px;
  font-family: var(--erg-head);
  font-size: 16px;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.erg-cleaning-maintenance .erg-card__subtitle{
  margin: 0 0 10px;
  font-size: 13px;
  color: var(--erg-muted);
}

.erg-cleaning-maintenance .erg-card__footnote{
  margin-top: 10px;
  font-size: 12px;
  color: var(--erg-text-dim);
}

/* Featured middle tier */
.erg-cleaning-maintenance .erg-card--tier.erg-card--featured{
  border-color: var(--erg-cta);
  box-shadow: 0 18px 40px rgba(0,0,0,.8);
}

/* ---------- Lists ---------- */

.erg-cleaning-maintenance .erg-list{
  margin: 0;
  padding-left: 18px;
  font-size: 14px;
}

.erg-cleaning-maintenance .erg-list li{
  margin-bottom: 4px;
}

/* ---------- Steps ---------- */

.erg-cleaning-maintenance .erg-steps{
  margin: 0;
  padding-left: 22px;
  counter-reset: erg-step;
}

.erg-cleaning-maintenance .erg-step{
  margin-bottom: 14px;
}

.erg-cleaning-maintenance .erg-step h3{
  margin: 0 0 4px;
  font-family: var(--erg-head);
  font-size: 15px;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.erg-cleaning-maintenance .erg-step p{
  margin: 0;
  font-size: 14px;
  color: var(--erg-muted);
}

/* ---------- FAQ ---------- */

.erg-cleaning-maintenance .erg-faq{
  display: grid;
  gap: 14px;
}

.erg-cleaning-maintenance .erg-faq__item{
  border-radius: var(--erg-radius-sm);
  border: 1px solid var(--erg-border);
  background: rgba(0,0,0,.35);
  padding: 12px 14px;
}

.erg-cleaning-maintenance .erg-faq__item h3{
  margin: 0 0 4px;
  font-family: var(--erg-head);
  font-size: 14px;
  letter-spacing: .06em;
  text-transform: uppercase;
}

.erg-cleaning-maintenance .erg-faq__item p{
  margin: 0;
  font-size: 14px;
  color: var(--erg-muted);
}

/* ---------- CTA ---------- */

.erg-cleaning-maintenance .erg-cta{
  padding: clamp(18px, 3vw, 26px);
}

.erg-cleaning-maintenance .erg-cta__content h2{
  margin: 0 0 8px;
  font-family: var(--erg-head);
  font-size: clamp(20px, 3vw, 24px);
  letter-spacing: .08em;
  text-transform: uppercase;
}

.erg-cleaning-maintenance .erg-cta__content p{
  margin: 0 0 10px;
  font-size: 14px;
  color: var(--erg-muted);
}

.erg-cleaning-maintenance .erg-cta__list{
  margin: 0 0 12px;
  padding-left: 18px;
  font-size: 14px;
}

.erg-cleaning-maintenance .erg-cta__list li{
  margin-bottom: 4px;
}

.erg-cleaning-maintenance .erg-cta__actions{
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}

/* ---------- Footer note ---------- */

.erg-cleaning-maintenance .erg-footer-note{
  margin: 4px 0;
  font-size: 12px;
  color: var(--erg-text-dim);
}

.erg-cleaning-maintenance .erg-footer-note a{
  color: var(--erg-link);
  text-decoration: none;
}

.erg-cleaning-maintenance .erg-footer-note a:hover{
  color: var(--erg-link-hover);
  text-decoration: underline;
}

/* ---------- Responsive tweaks ---------- */

@media (max-width: 1024px){
  .erg-cleaning-maintenance .erg-hero__inner{
    grid-template-columns: minmax(0, 1.2fr) minmax(0, 1fr);
  }

  .erg-cleaning-maintenance .erg-grid--4{
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 767px){
  .erg-cleaning-maintenance .erg-hero__inner{
    grid-template-columns: minmax(0, 1fr);
  }

  .erg-cleaning-maintenance .erg-hero__media{
    padding-top: 0;
  }

  .erg-cleaning-maintenance .erg-grid--3{
    grid-template-columns: minmax(0, 1fr);
  }

  .erg-cleaning-maintenance .erg-grid--4{
    grid-template-columns: minmax(0, 1fr);
  }

  .erg-cleaning-maintenance .erg-section{
    padding-inline: 16px;
  }
}