/* CHIPER UI V3: About, Contact and Part Finder. No product/indexing changes. */
body.page-id-6 .site-content > .ast-container,
body.page-id-8 .site-content > .ast-container,
body.page-id-63787 .site-content > .ast-container { max-width:1250px; }
body.page-id-6 .entry-content,
body.page-id-8 .entry-content,
body.page-id-63787 .entry-content { margin-top:0; }
.ch-ui-about, .ch-ui-contact-v3, .ch-ui-popular { color:var(--ch-ink); font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",Arial,sans-serif; }
.ch-ui-about *, .ch-ui-contact-v3 *, .ch-ui-popular * { box-sizing:border-box; }
.ch-ui-about h1, .ch-ui-about h2, .ch-ui-about h3,
.ch-ui-contact-v3 h1, .ch-ui-contact-v3 h2,
.ch-ui-popular h1, .ch-ui-popular h2 { color:var(--ch-ink); letter-spacing:-.025em; }
.ch-ui-about a:focus-visible, .ch-ui-contact-v3 a:focus-visible,
.ch-ui-popular a:focus-visible, .ch-ui-popular button:focus-visible { outline:3px solid #f2ae35; outline-offset:3px; }

/* Navigation: clear destinations and a single visually dominant RFQ action. */
.ast-desktop .main-header-menu > .menu-item:not(#menu-item-64003) > .menu-link { font-weight:500 !important; }
.ast-desktop .main-header-menu > .menu-item.current-menu-item:not(#menu-item-64003) > .menu-link { color:var(--ch-blue) !important; font-weight:700 !important; }
.ast-desktop .main-header-menu > .menu-item:not(#menu-item-64003) > .menu-link:hover { color:var(--ch-blue) !important; }
.ast-desktop .main-header-menu #menu-item-64003 > .menu-link { font-weight:750 !important; }
body.page-id-6 .ast-desktop #menu-item-1120 > .menu-link,
body.page-id-8 .ast-desktop #menu-item-1128 > .menu-link,
body.page-id-63787 .ast-desktop #menu-item-63788 > .menu-link { color:var(--ch-blue) !important; font-weight:700 !important; }
@media (max-width:921px) {
  .ast-header-break-point #ast-hf-mobile-menu .menu-item-1128 > .menu-link { background:transparent !important; color:var(--ch-ink) !important; border-radius:0 !important; font-weight:500 !important; }
  body.page-id-8.ast-header-break-point #ast-hf-mobile-menu .menu-item-1128 > .menu-link { color:var(--ch-blue) !important; font-weight:700 !important; }
  .ast-header-break-point #ast-hf-mobile-menu .menu-item-64003 { padding:8px 12px 12px; }
  .ast-header-break-point #ast-hf-mobile-menu .menu-item-64003 > .menu-link { min-height:46px; padding:10px 18px !important; border-radius:8px; }
}

/* About: evidence-led service overview with obvious next steps. */
.ch-ui-about { padding:20px 0 36px; }
.ch-ui-about-hero { display:grid; grid-template-columns:minmax(0,1.3fr) minmax(300px,.7fr); gap:26px; align-items:stretch; margin-bottom:56px; padding:43px; border:1px solid var(--ch-line); border-radius:19px; background:linear-gradient(120deg,#f6fbff,#eaf3fb); }
.ch-ui-about-hero-copy h1 { max-width:690px; margin:0 0 19px; font-size:clamp(36px,4vw,51px); line-height:1.13; }
.ch-ui-about-hero-copy > p:not(.ch-ui-eyebrow) { max-width:720px; margin:0 0 24px; color:#48627b; font-size:17px; line-height:1.66; }
.ch-ui-about-actions { display:flex; flex-wrap:wrap; gap:11px; }
.ch-ui-about-hero-copy > small { display:block; max-width:690px; margin-top:20px; color:#667d92; font-size:12px; line-height:1.55; }
.ch-ui-about-hero-panel { padding:29px; border-radius:13px; background:#102d50; color:#e6f1fb; }
.ch-ui-about-hero-panel .ch-ui-eyebrow { color:#8bccff; }
.ch-ui-about-hero-panel h2 { margin:0 0 20px; color:#fff; font-size:25px; }
.ch-ui-about-hero-panel ol { margin:0 0 20px; padding:0; list-style:none; counter-reset:about-steps; }
.ch-ui-about-hero-panel li { position:relative; padding:0 0 20px 38px; counter-increment:about-steps; }
.ch-ui-about-hero-panel li:before { content:counter(about-steps); position:absolute; left:0; top:1px; display:grid; place-items:center; width:26px; height:26px; border-radius:50%; background:#d9ecff; color:#063763; font-size:12px; font-weight:800; }
.ch-ui-about-hero-panel li:last-child { padding-bottom:0; }
.ch-ui-about-hero-panel strong { display:block; color:#fff; font-size:14px; }
.ch-ui-about-hero-panel li span { display:block; margin-top:2px; color:#c5d9ec; font-size:13px; line-height:1.45; }
.ch-ui-about-hero-panel a { color:#fff !important; font-size:14px; font-weight:700; text-decoration:underline; text-underline-offset:4px; }
.ch-ui-about-section { margin:0 0 61px; }
.ch-ui-about-section-head { margin-bottom:23px; }
.ch-ui-about-section-head h2 { margin:0 0 7px; font-size:clamp(28px,2.8vw,37px); line-height:1.2; }
.ch-ui-about-section-head > p:not(.ch-ui-eyebrow) { max-width:730px; margin:0; color:var(--ch-muted); font-size:16px; line-height:1.6; }
.ch-ui-about-card-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:15px; }
.ch-ui-about-card-grid article { display:flex; flex-direction:column; min-width:0; padding:29px; border:1px solid var(--ch-line); border-radius:13px; background:#fff; box-shadow:0 6px 22px rgba(9,55,99,.04); }
.ch-ui-about-card-grid article > span { color:var(--ch-blue); font-size:12px; font-weight:800; letter-spacing:.12em; }
.ch-ui-about-card-grid h3 { margin:14px 0 9px; font-size:21px; }
.ch-ui-about-card-grid p { margin:0 0 22px; color:var(--ch-muted); font-size:14px; line-height:1.6; }
.ch-ui-about-card-grid a { margin-top:auto; color:var(--ch-blue); font-size:14px; font-weight:750; text-decoration:none; }
.ch-ui-about-card-grid a:hover { text-decoration:underline; }
.ch-ui-about-principles { display:grid; grid-template-columns:1fr 1fr; gap:36px; align-items:start; margin:0 0 64px; padding:40px; border-radius:17px; background:#f2f7fc; }
.ch-ui-about-principles h2 { margin:0 0 13px; font-size:clamp(27px,2.6vw,35px); line-height:1.2; }
.ch-ui-about-principles > div:first-child > p:not(.ch-ui-eyebrow) { max-width:530px; margin:0; color:var(--ch-muted); font-size:15px; line-height:1.7; }
.ch-ui-about-principles-list p { display:grid; gap:3px; margin:0; padding:13px 0; border-bottom:1px solid #d7e3ed; }
.ch-ui-about-principles-list p:first-child { padding-top:0; }
.ch-ui-about-principles-list p:last-child { border-bottom:0; padding-bottom:0; }
.ch-ui-about-principles-list strong { color:var(--ch-ink); font-size:15px; }
.ch-ui-about-principles-list span { color:var(--ch-muted); font-size:14px; line-height:1.55; }
.ch-ui-about-gallery { margin:0 0 64px; }
.ch-ui-about-gallery-featured, .ch-ui-about-gallery-more { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:14px; }
.ch-ui-about-gallery picture { display:block; min-width:0; }
.ch-ui-about-gallery img { width:100%; height:240px; object-fit:cover; border-radius:11px; background:#e8eef4; }
.ch-ui-about-gallery-featured img:first-child { object-position:center; }
.ch-ui-about-more { margin-top:14px; }
.ch-ui-about-more summary { display:inline-flex; align-items:center; gap:12px; padding:10px 0; color:var(--ch-blue); font-size:14px; font-weight:750; cursor:pointer; }
.ch-ui-about-more summary:hover { text-decoration:underline; }
.ch-ui-about-gallery-more { margin-top:14px; }
.ch-ui-about-company { display:grid; grid-template-columns:minmax(0,.7fr) minmax(0,1.3fr); gap:34px; margin:0 0 51px; padding:32px 0; border-top:1px solid var(--ch-line); border-bottom:1px solid var(--ch-line); }
.ch-ui-about-company h2 { margin:0 0 14px; font-size:28px; }
.ch-ui-about-company p { color:var(--ch-muted); font-size:14px; line-height:1.6; }
.ch-ui-about-company strong { color:var(--ch-ink); }
.ch-ui-about-company a { color:var(--ch-blue); overflow-wrap:anywhere; }
.ch-ui-about .ch-ui-cta h2 { color:#fff; }

/* Contact: honest BOM guidance and a compact, readable RFQ form. */
.ch-ui-contact-v3 { padding-top:17px; }
.ch-ui-contact-top { display:grid; grid-template-columns:minmax(0,1.25fr) minmax(270px,.75fr); gap:30px; align-items:start; margin:0 0 29px; padding:34px 38px; border:1px solid var(--ch-line); border-radius:17px; background:linear-gradient(120deg,#f7fbff,#edf5fc); }
.ch-ui-contact-top h1 { max-width:720px; margin:0 0 12px; font-size:clamp(34px,3.7vw,48px); line-height:1.15; }
.ch-ui-contact-top > div > p:not(.ch-ui-eyebrow) { max-width:700px; margin:0 0 20px; color:var(--ch-muted); font-size:16px; line-height:1.65; }
.ch-ui-contact-top-actions { display:flex; flex-wrap:wrap; gap:10px; }
.ch-ui-contact-top small { display:block; max-width:670px; margin-top:17px; color:#60788e; font-size:12px; line-height:1.5; }
.ch-ui-contact-top aside { padding:24px; border:1px solid #d9e6f2; border-radius:12px; background:#fff; }
.ch-ui-contact-top aside ul { margin:0; padding:0; list-style:none; }
.ch-ui-contact-top aside li { display:grid; gap:2px; padding:8px 0; border-bottom:1px solid #e7edf3; }
.ch-ui-contact-top aside li:last-child { border-bottom:0; }
.ch-ui-contact-top aside strong { color:var(--ch-ink); font-size:14px; }
.ch-ui-contact-top aside span { color:var(--ch-muted); font-size:13px; line-height:1.4; }
.ch-ui-contact-v3 .ch-ui-contact-form { padding:30px 31px; }
.ch-ui-contact-v3 .ch-ui-contact-form h2 { font-size:28px; }
.ch-ui-contact-v3 .ch-ui-form-help { margin-bottom:23px; }
.ch-ui-contact-v3 .wpcf7-form { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:0 14px; }
.ch-ui-contact-v3 .wpcf7-form > fieldset,
.ch-ui-contact-v3 .wpcf7-form > p:nth-of-type(1),
.ch-ui-contact-v3 .wpcf7-form > p:nth-of-type(10),
.ch-ui-contact-v3 .wpcf7-form > p:nth-of-type(11),
.ch-ui-contact-v3 .wpcf7-form > p:nth-of-type(12),
.ch-ui-contact-v3 .wpcf7-form > p:nth-of-type(13),
.ch-ui-contact-v3 .wpcf7-form > .wpcf7-response-output { grid-column:1/-1; }
.ch-ui-contact-v3 .wpcf7-form > p { min-width:0; margin:0 0 15px; }
.ch-ui-contact-v3 .wpcf7-form label { line-height:1.4; }
.ch-ui-contact-v3 .wpcf7-form input:not([type="checkbox"]):not([type="submit"]):not([type="hidden"]),
.ch-ui-contact-v3 .wpcf7-form textarea { margin-top:6px; }
.ch-ui-contact-v3 .wpcf7-form textarea { height:130px; min-height:130px; }
.ch-ui-contact-v3 .ch-ui-contact-aside { gap:14px; }
.ch-ui-contact-v3 .ch-ui-contact-aside-card { padding:27px; }
.ch-ui-contact-v3 .ch-ui-contact-aside-card:first-child { background:#102d50; color:#fff; scroll-margin-top:24px; }
.ch-ui-contact-v3 .ch-ui-contact-aside-card:first-child h2 { color:#fff; }
.ch-ui-contact-v3 .ch-ui-contact-aside-card:first-child .ch-ui-eyebrow { color:#8bccff; }
.ch-ui-contact-v3 .ch-ui-contact-aside-card:first-child a { color:#fff; overflow-wrap:anywhere; }
.ch-ui-contact-v3 .ch-ui-contact-aside-card:last-child { background:var(--ch-pale); color:var(--ch-ink); }
.ch-ui-contact-v3 .ch-ui-contact-aside-card:last-child h2 { color:var(--ch-ink); }
.ch-ui-contact-v3 .ch-ui-contact-aside-card:last-child .ch-ui-eyebrow { color:var(--ch-blue); }
.ch-ui-contact-v3 .ch-ui-contact-aside-card:last-child ol { margin:0 0 12px; padding-left:20px; }
.ch-ui-contact-v3 .ch-ui-contact-aside-card:last-child li { padding:4px 0; color:var(--ch-muted); font-size:14px; line-height:1.5; }
.ch-ui-contact-v3 .ch-ui-contact-aside-card:last-child p { color:var(--ch-muted); }

/* Part Finder: clearer hero, mixed-brand first page, compact mobile cards. */
.ch-ui-popular { padding:17px 0 30px; }
.ch-ui-popular-hero { display:grid; grid-template-columns:minmax(0,1.35fr) minmax(280px,.65fr); gap:26px; align-items:stretch; margin:0 0 38px; padding:35px 39px; border:1px solid var(--ch-line); border-radius:17px; background:linear-gradient(120deg,#f7fbff,#ebf4fd); }
.ch-ui-popular-hero h1 { max-width:700px; margin:0 0 12px; font-size:clamp(34px,3.7vw,47px); line-height:1.16; }
.ch-ui-popular-hero > div > p:not(.ch-ui-eyebrow) { max-width:700px; margin:0 0 20px; color:var(--ch-muted); font-size:16px; line-height:1.65; }
.ch-ui-popular-hero small { display:block; margin-top:15px; color:#60788e; font-size:12px; line-height:1.5; }
.ch-ui-popular-hero aside { padding:27px; border-radius:12px; background:#102d50; color:#d7e8f5; }
.ch-ui-popular-hero aside .ch-ui-eyebrow { color:#8bccff; }
.ch-ui-popular-hero aside h2 { margin:0 0 8px; color:#fff; font-size:24px; }
.ch-ui-popular-hero aside p:not(.ch-ui-eyebrow) { color:#c4d9ec; font-size:14px; line-height:1.55; }
.ch-ui-popular-hero aside a { color:#fff !important; font-size:14px; font-weight:700; text-decoration:underline; text-underline-offset:3px; }
.ch-ui-popular-heading { margin-bottom:16px; }
.ch-ui-popular-heading h2 { margin:0; font-size:clamp(25px,2.5vw,32px); }
.ch-ui-popular .ch-pp-tabs { gap:8px; margin-bottom:17px; }
.ch-ui-popular .ch-pp-tab { height:39px; padding:0 13px; border-radius:8px; font-size:13px; font-weight:650; text-decoration:none; }
.ch-ui-popular .ch-pp-tools { align-items:center; gap:18px; margin:0 0 20px; padding:18px; border:1px solid var(--ch-line); border-radius:11px; background:#f7fbfe; }
.ch-ui-popular .ch-pp-search { max-width:420px; min-width:260px; }
.ch-ui-popular .ch-pp-az { gap:1px; }
.ch-ui-popular .ch-pp-status { margin-bottom:15px; }
.ch-ui-popular .ch-pp-status-label { color:var(--ch-muted); font-size:13px; }
.ch-ui-popular .ch-pp-grid { gap:9px; }
.ch-ui-popular .ch-pp-item { min-height:75px; padding:14px 35px 14px 15px; border-radius:8px; }
.ch-ui-popular .ch-pp-pn { font-family:ui-monospace,SFMono-Regular,Consolas,monospace; font-size:13px; overflow-wrap:anywhere; }
.ch-ui-popular .ch-pp-brand { font-size:12px; }
.ch-ui-popular .ch-pp-cta { background:#102d50; text-align:left; }
.ch-ui-popular .ch-pp-cta h2 { color:#fff; }
.ch-ui-popular .ch-pp-cta p { color:#cbdcec; }
.ch-ui-popular .ch-pp-cta-actions { justify-content:flex-start; }
.ch-ui-popular .ch-pp-btn-secondary { color:#fff; background:transparent; border-color:#9fc7e9; }
.ch-ui-popular .ch-pp-btn-secondary:hover { background:rgba(255,255,255,.12); }
body.page-id-6 .ch-mobile-quote, body.page-id-8 .ch-mobile-quote { display:none !important; }

@media (max-width:1000px) {
  .ch-ui-about-hero, .ch-ui-contact-top, .ch-ui-popular-hero { grid-template-columns:1fr; }
  .ch-ui-about-card-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .ch-ui-about-principles { grid-template-columns:1fr; gap:20px; }
  .ch-ui-about-gallery-featured, .ch-ui-about-gallery-more { grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media (max-width:700px) {
  .ch-ui-about, .ch-ui-contact-v3, .ch-ui-popular { padding-top:8px; }
  .ch-ui-about-hero, .ch-ui-contact-top, .ch-ui-popular-hero { gap:17px; padding:26px 20px; }
  .ch-ui-about-hero { margin-bottom:43px; }
  .ch-ui-about-hero-copy h1, .ch-ui-contact-top h1, .ch-ui-popular-hero h1 { font-size:clamp(32px,8.3vw,42px); }
  .ch-ui-about-hero-copy > p:not(.ch-ui-eyebrow), .ch-ui-contact-top > div > p:not(.ch-ui-eyebrow), .ch-ui-popular-hero > div > p:not(.ch-ui-eyebrow) { font-size:15px; }
  .ch-ui-about-hero-panel, .ch-ui-contact-top aside, .ch-ui-popular-hero aside { display:none; }
  .ch-ui-about-actions, .ch-ui-contact-top-actions { flex-direction:column; }
  .ch-ui-about-actions .ch-ui-button, .ch-ui-contact-top-actions .ch-ui-button { width:100%; }
  .ch-ui-about-card-grid { grid-template-columns:1fr; }
  .ch-ui-about-card-grid article { padding:24px; }
  .ch-ui-about-section, .ch-ui-about-gallery, .ch-ui-about-principles { margin-bottom:43px; }
  .ch-ui-about-principles { padding:27px 22px; }
  .ch-ui-about-gallery-featured img { height:160px; }
  .ch-ui-about-gallery-featured > picture:first-child, .ch-ui-about-gallery-featured > img:first-child { grid-column:1/-1; }
  .ch-ui-about-gallery-featured > picture:first-child img, .ch-ui-about-gallery-featured > img:first-child { height:220px; }
  .ch-ui-about-gallery-more img { height:155px; }
  .ch-ui-about-company { grid-template-columns:1fr; gap:12px; }
  .ch-ui-contact-top { margin-bottom:18px; }
  .ch-ui-contact-v3 .ch-ui-contact-form { padding:23px 18px; }
  .ch-ui-contact-v3 .wpcf7-form { grid-template-columns:1fr; gap:0; }
  .ch-ui-contact-v3 .wpcf7-form > p { grid-column:1/-1; }
  .ch-ui-popular-hero { margin-bottom:31px; }
  .ch-ui-popular .ch-pp-tools { padding:13px; }
  .ch-ui-popular .ch-pp-search { min-width:0; }
  .ch-ui-popular .ch-pp-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .ch-ui-popular .ch-pp-item { min-height:92px; padding:12px 14px; }
  .ch-ui-popular .ch-pp-item:after { right:9px; top:12px; transform:none; font-size:12px; }
  .ch-ui-popular .ch-pp-pn { padding-right:8px; font-size:12px; line-height:1.4; }
  .ch-ui-popular .ch-pp-brand { font-size:11px; line-height:1.35; }
  .ch-ui-popular .ch-pp-cta-actions { display:grid; grid-template-columns:1fr; }
}
@media (max-width:355px) {
  .ch-ui-popular .ch-pp-grid { grid-template-columns:1fr; }
}