/* CarPoint Care — Web App Typography Foundation V1
   Purpose: readable UI scale without changing layout geometry. */

:root{
  --cpc-app-copy:14.5px;
  --cpc-app-copy-mobile:13px;
  --cpc-app-list:13px;
  --cpc-app-list-mobile:12px;
  --cpc-app-action:13px;
  --cpc-app-action-mobile:12px;
  --cpc-app-chip:11.5px;
  --cpc-app-chip-mobile:10.5px;
  --cpc-app-label:10.5px;
  --cpc-app-label-mobile:9.75px;
}

/* Global app chrome */
body.cpc-bricks .cpc-site-nav__mobile summary,
body.cpc-bricks .cpc-site-nav__mobile-panel nav a{
  font-size:13px!important;
}
body.cpc-bricks .cpc-site-nav__mobile-group,
body.cpc-bricks .cpc-site-nav__mobile-label,
body.cpc-bricks .cpc-mega-menu__label{
  font-size:10.5px!important;
}
body.cpc-bricks .cpc-footer-v2__cta-copy span,
body.cpc-bricks .cpc-footer-v2__chips a,
body.cpc-bricks .cpc-footer-v2__bottom p{
  font-size:12px!important;
  line-height:1.5!important;
}
body.cpc-bricks .cpc-footer-v2__phone small{font-size:11px!important;}

/* Homepage */
body.home #brx-content p{
  font-size:var(--cpc-app-copy)!important;
  line-height:1.58!important;
}
body.home #brx-content li{
  font-size:var(--cpc-app-list)!important;
  line-height:1.5!important;
}
body.home .cpc3-service__body p{
  font-size:14px!important;
  line-height:1.55!important;
}
body.home .cpc3-service__chips span,
body.home .cpc3-service__subservices a,
body.home .cpc-carefinder__chips span{
  font-size:var(--cpc-app-chip)!important;
}
body.home .cpc3-service__price small,
body.home .cpc-carefinder__nav-label,
body.home .cpc-carefinder__nav-label small,
body.home .cpc-carefinder__result-kicker,
body.home .cpc-carefinder__diagnostic small{
  font-size:var(--cpc-app-label)!important;
}
body.home .cpc3-service__cta,
body.home .cpc3-btn,
body.home .cpc-carefinder button,
body.home .cpc-carefinder a{
  font-size:var(--cpc-app-action)!important;
}

/* All service pages — readable text baseline */
body[class*="cpc-service--"] #brx-content p{
  font-size:var(--cpc-app-copy)!important;
  line-height:1.6!important;
}
body[class*="cpc-service--"] #brx-content li{
  font-size:var(--cpc-app-list)!important;
  line-height:1.5!important;
}
body[class*="cpc-service--"] .cpc-service-hero .cpc-copy{
  font-size:15px!important;
  line-height:1.6!important;
}
body[class*="cpc-service--"] .cpc-service-hero-meta span{
  font-size:11.5px!important;
  line-height:1.25!important;
}
body[class*="cpc-service--"] #brx-content button,
body[class*="cpc-service--"] #brx-content .cpc-button,
body[class*="cpc-service--"] #brx-content [class*="__cta"],
body[class*="cpc-service--"] #brx-content [class*="-actions"] a{
  font-size:var(--cpc-app-action)!important;
}
body[class*="cpc-service--"] #brx-content small{
  font-size:10.5px!important;
  line-height:1.4!important;
}

/* Reusable UI labels — visible, still secondary */
body[class*="cpc-service--"] #brx-content [class*="kicker"],
body[class*="cpc-service--"] #brx-content [class*="eyebrow"],
body[class*="cpc-service--"] #brx-content [class*="badge"],
body[class*="cpc-service--"] #brx-content [class*="label"]{
  font-size:var(--cpc-app-label)!important;
  line-height:1.2!important;
}
body[class*="cpc-service--"] #brx-content [class*="chip"] span,
body[class*="cpc-service--"] #brx-content [class*="coverage"] span,
body[class*="cpc-service--"] #brx-content [class*="trust"] span{
  font-size:var(--cpc-app-chip)!important;
}

/* FAQ/questions */
body[class*="cpc-service--"] #brx-content details summary strong,
body.cpc-page--detailing-mobil #brx-content details summary strong{
  font-size:14px!important;
  line-height:1.4!important;
}
body[class*="cpc-service--"] #brx-content details p,
body.cpc-page--detailing-mobil #brx-content details p{
  font-size:13.5px!important;
  line-height:1.6!important;
}

/* Dedicated pages: lists and process copy should never look like legal microcopy */
:is(.cpc-wash-page,.cpc-nano-page,.cpc-one-step-page,.cpc-rust-page,.cpc-pc-page) li{
  font-size:12.75px!important;
}
:is(.cpc-wash-page,.cpc-nano-page,.cpc-one-step-page,.cpc-rust-page,.cpc-pc-page) [class*="process"] p,
:is(.cpc-wash-page,.cpc-nano-page,.cpc-one-step-page,.cpc-rust-page,.cpc-pc-page) [class*="note"] p,
:is(.cpc-wash-page,.cpc-nano-page,.cpc-one-step-page,.cpc-rust-page,.cpc-pc-page) p[class*="note"]{
  font-size:12.5px!important;
  line-height:1.55!important;
}

/* Maintenance uses its own root naming */
body.cpc-service--maintenance-tune-up #brx-content [class*="cpc-maint-"] p{
  font-size:14px!important;
}
body.cpc-service--maintenance-tune-up #brx-content [class*="cpc-maint-"] li{
  font-size:12.75px!important;
}
body.cpc-service--maintenance-tune-up #brx-content [class*="cpc-maint-"] a,
body.cpc-service--maintenance-tune-up #brx-content [class*="cpc-maint-"] button{
  font-size:12.5px!important;
}

/* Detailing hub */
body.cpc-page--detailing-mobil #brx-content p{
  font-size:14px!important;
  line-height:1.58!important;
}
body.cpc-page--detailing-mobil #brx-content li{
  font-size:12.75px!important;
  line-height:1.5!important;
}
body.cpc-page--detailing-mobil #brx-content button,
body.cpc-page--detailing-mobil #brx-content a[class*="cta"],
body.cpc-page--detailing-mobil #brx-content [class*="actions"] a{
  font-size:12.5px!important;
}
body.cpc-page--detailing-mobil #brx-content [class*="badge"],
body.cpc-page--detailing-mobil #brx-content [class*="eyebrow"],
body.cpc-page--detailing-mobil #brx-content [class*="kicker"],
body.cpc-page--detailing-mobil #brx-content [class*="chips"] span{
  font-size:10.5px!important;
}

/* Mobile conversion */
body.cpc-has-mobile-conversion .cpc-mobile-conversion__eyebrow{
  font-size:10px!important;
  line-height:1.2!important;
}
body.cpc-has-mobile-conversion .cpc-mobile-conversion .cpc-button{
  font-size:12px!important;
  line-height:1.2!important;
}

/* Mobile web-app scale */
@media(max-width:700px){
  body.home #brx-content p,
  body[class*="cpc-service--"] #brx-content p,
  body.cpc-page--detailing-mobil #brx-content p{
    font-size:var(--cpc-app-copy-mobile)!important;
    line-height:1.55!important;
  }
  body.home #brx-content li,
  body[class*="cpc-service--"] #brx-content li,
  body.cpc-page--detailing-mobil #brx-content li{
    font-size:var(--cpc-app-list-mobile)!important;
    line-height:1.48!important;
  }
  body[class*="cpc-service--"] .cpc-service-hero .cpc-copy{
    font-size:13.5px!important;
    line-height:1.55!important;
  }
  body[class*="cpc-service--"] .cpc-service-hero-meta span{
    font-size:10.5px!important;
  }
  body.home .cpc3-service__body p{
    font-size:13.5px!important;
  }
  body.home .cpc3-service__chips span,
  body.home .cpc3-service__subservices a,
  body.home .cpc-carefinder__chips span{
    font-size:10.75px!important;
  }
  body.home .cpc3-service__cta,
  body.home .cpc3-btn,
  body[class*="cpc-service--"] #brx-content button,
  body[class*="cpc-service--"] #brx-content .cpc-button,
  body[class*="cpc-service--"] #brx-content [class*="__cta"],
  body[class*="cpc-service--"] #brx-content [class*="-actions"] a,
  body.cpc-page--detailing-mobil #brx-content button{
    font-size:var(--cpc-app-action-mobile)!important;
  }
  body[class*="cpc-service--"] #brx-content small{
    font-size:10px!important;
  }
  body[class*="cpc-service--"] #brx-content [class*="kicker"],
  body[class*="cpc-service--"] #brx-content [class*="eyebrow"],
  body[class*="cpc-service--"] #brx-content [class*="badge"],
  body[class*="cpc-service--"] #brx-content [class*="label"],
  body.cpc-page--detailing-mobil #brx-content [class*="badge"],
  body.cpc-page--detailing-mobil #brx-content [class*="eyebrow"],
  body.cpc-page--detailing-mobil #brx-content [class*="kicker"]{
    font-size:var(--cpc-app-label-mobile)!important;
  }
  body[class*="cpc-service--"] #brx-content details summary strong,
  body.cpc-page--detailing-mobil #brx-content details summary strong{
    font-size:13px!important;
  }
  body[class*="cpc-service--"] #brx-content details p,
  body.cpc-page--detailing-mobil #brx-content details p{
    font-size:12.5px!important;
  }
  :is(.cpc-wash-page,.cpc-nano-page,.cpc-one-step-page,.cpc-rust-page,.cpc-pc-page) [class*="process"] p,
  :is(.cpc-wash-page,.cpc-nano-page,.cpc-one-step-page,.cpc-rust-page,.cpc-pc-page) [class*="note"] p,
  :is(.cpc-wash-page,.cpc-nano-page,.cpc-one-step-page,.cpc-rust-page,.cpc-pc-page) p[class*="note"]{
    font-size:11.75px!important;
  }
  body.cpc-service--maintenance-tune-up #brx-content [class*="cpc-maint-"] p{
    font-size:13px!important;
  }
  body.cpc-service--maintenance-tune-up #brx-content [class*="cpc-maint-"] li{
    font-size:12px!important;
  }
}