/* FPGAX black/white theme, 2026-10-07.
   Color-only overrides for the existing inner-page layouts.
   Homepage uses its separately reviewed theme. Brand imagery, photographs,
   social icon colors and validation/availability semantics are preserved. */

body:not(:has(#fpgax-home-centered)) {
  --bw-page: #f5f5f5;
  --bw-card: #ffffff;
  --bw-soft: #eeeeee;
  --bw-ink: #202020;
  --bw-muted: #626262;
  --bw-line: #d9d9d9;
  --bw-black: #101010;
  --product-primary: #202020;
  --product-primary-dark: #101010;
  --product-navy: #202020;
  --product-text: #202020;
  --product-muted: #626262;
  --product-line: #d9d9d9;
  --product-soft: #f5f5f5;
  background-color: var(--bw-page);
  color: var(--bw-ink);
  color-scheme: light;
}
body:not(:has(#fpgax-home-centered)) a:where(:not(.fshare-item, .customerItem, .fcr-control, .fcr-handle)):hover { color: #202020; }

/* Shared navigation: black identity bar, white search/navigation area. */
body:not(:has(#fpgax-home-centered)) :is(.header-about, .header-top) {
  background-color: var(--bw-black);
  color: #ffffff;
  border-color: #373737;
}
body:not(:has(#fpgax-home-centered)) :is(.header-about-right > a, .header-about-right > span > a, .header-about #eso-menu a) {
  color: #ffffff !important;
  background-color: #1c1c1c !important;
  border-color: #454545 !important;
}
body:not(:has(#fpgax-home-centered)) :is(.header-about-right > a, .header-about-right > span > a, .header-about #eso-menu a):hover {
  background-color: #303030 !important;
  border-color: #858585 !important;
}
body:not(:has(#fpgax-home-centered)) .header-all {
  background-color: #ffffff;
  color: var(--bw-ink);
  border-color: var(--bw-line);
}
body:not(:has(#fpgax-home-centered)) .header-all-right a {
  background-color: #f5f5f5;
  color: var(--bw-ink);
  border-color: var(--bw-line);
}
body:not(:has(#fpgax-home-centered)) :is(.header-all-right a i, .position_location i, .position_location a, .position_location, .blue, .font-color, #lm_hover) {
  color: var(--bw-ink);
}
body:not(:has(#fpgax-home-centered)) :is(.allsearch input, .hsearch input, .msearch input, .search-window) {
  background-color: #ffffff;
  color: var(--bw-ink);
  border-color: #a6a6a6;
  box-shadow: none;
}
body:not(:has(#fpgax-home-centered)) :is(.search-window a, .search-window p, .search-window b) { color: var(--bw-ink); }
body:not(:has(#fpgax-home-centered)) .search-window a { color: #202020 !important; }
body:not(:has(#fpgax-home-centered)) .search-window li:hover { background-color: #eeeeee; }

/* Shared actions. Keep semantic error/success styling out of this group. */
body:not(:has(#fpgax-home-centered)) :is(.btn-default, .allsearch button, .hsearch button, .msearch button,
  .product-menu-box-left-search button, .clear-btn, .sure-btn, .GSub1,
  .parts-list td .selectbtn a, .msg-tips a, .products-detail-left-info-pic a.sub_compare,
  .products-detail-left-info-list dl .flex a, .products-detail-price-list a,
  .products-detail-right-rfq button, .inquiry-tab-btn button,
  .inquiry-sucess-box-btn a, .contact-box-right-fed3 button, .member-modal-button,
  .user-accept-list dl dd a, .user-accept-list .btn-pay) {
  background: #202020;
  color: #ffffff;
  border-color: #202020;
  box-shadow: none;
}
body:not(:has(#fpgax-home-centered)) :is(.btn-default, .allsearch button, .hsearch button, .msearch button,
  .product-menu-box-left-search button, .clear-btn, .sure-btn, .GSub1,
  .parts-list td .selectbtn a, .msg-tips a, .products-detail-left-info-pic a.sub_compare,
  .products-detail-price-list a, .products-detail-right-rfq button,
  .inquiry-tab-btn button, .inquiry-sucess-box-btn a, .contact-box-right-fed3 button,
  .member-modal-button, .user-accept-list .btn-pay):hover {
  background: #3a3a3a;
  color: #ffffff;
  border-color: #3a3a3a;
}
body:not(:has(#fpgax-home-centered)) :is(.form-control, .form-control-small, input.input, select.input, textarea.input,
  .contact-box-right-fed1 input, .contact-box-right-fed2 input, .contact-box-right-fed2 textarea,
  .product-menu-box-left-search input, .Ginput1) {
  background-color: #ffffff;
  color: var(--bw-ink);
  border-color: #a6a6a6;
}
body:not(:has(#fpgax-home-centered)) :is(input, textarea)::placeholder { color: #6b6b6b; }
body:not(:has(#fpgax-home-centered)) :is(.form-control, .form-control-small, input.input, select.input, textarea.input):focus {
  border-color: #202020;
  box-shadow: 0 0 0 2px #20202026;
}
body:not(:has(#fpgax-home-centered)) :is(a, button, input, select, textarea):focus-visible { outline-color: #202020; }
body:not(:has(#fpgax-home-centered)) :is(.header-about, footer, #fpgax-contact-dock) :is(a, button):focus-visible { outline-color: #ffffff; }

/* Manufacturer directory, product family cards and rich manufacturer copy. */
body:not(:has(#fpgax-home-centered)) :is(.brand-page, .brand-detail-page, .brand-rich-section) { background: var(--bw-page); }
body:not(:has(#fpgax-home-centered)) .brand-detail-hero { background: #202020; }
body:not(:has(#fpgax-home-centered)) :is(.home-brand-list1 a, .brand-navigation ul, .brand-navigation-list dl,
  .brand-info-box, .brand-logo-card, .brand-info-list dl, .brand-pro dl, .brand-rich-card, .brand-mafan-list dl) {
  background: #ffffff;
  border-color: var(--bw-line);
  box-shadow: 0 8px 24px #0000000a;
}
body:not(:has(#fpgax-home-centered)) :is(.home-brand-list1 a, .brand-navigation-list dl, .brand-info-list dl, .brand-pro dl):hover {
  border-color: #8c8c8c;
  box-shadow: 0 10px 26px #00000014;
}
body:not(:has(#fpgax-home-centered)) :is(.home-brand-list1 a, .brand-logo-card)::before { background: #202020; }
body:not(:has(#fpgax-home-centered)) .brand-navigation { background: #f5f5f5f5; }
body:not(:has(#fpgax-home-centered)) :is(.brand-navigation ul li a, .brand-section-title span,
  .brand-info-box-right > span, .brand-detail-title span, .brand-navigation-list dl dd a,
  .brand-info-list dl dd a, .brand-cat-parent, .brand-cat-empty) {
  background: #eeeeee;
  color: var(--bw-ink);
  border-color: var(--bw-line);
}
body:not(:has(#fpgax-home-centered)) :is(.brand-cat-group, .brand-cat-group .brand-cat-group) {
  background: #ffffff;
  border-color: var(--bw-line);
}
body:not(:has(#fpgax-home-centered)) :is(.brand-navigation-list dl dt a, .brand-info-list dl dt a,
  .brand-navigation ul li a:hover) {
  background: #202020;
  color: #ffffff;
  box-shadow: none;
}
body:not(:has(#fpgax-home-centered)) :is(.brand-navigation ul li a.active, .brand-navigation ul li a.is-active,
  .brand-navigation-list dl.brand-group-active dt a) {
  background: #202020 !important;
  color: #ffffff !important;
  border-color: #202020 !important;
  box-shadow: none !important;
}
body:not(:has(#fpgax-home-centered)) .brand-navigation-list dl.brand-group-active {
  border-color: #666666 !important;
  box-shadow: 0 0 0 3px #2020201a, 0 10px 26px #00000014 !important;
}
body:not(:has(#fpgax-home-centered)) :is(.brand-navigation-list dl dd a:hover, .brand-info-list dl dd a:hover,
  .brand-navigation-list dl.brand-group-active dd a) {
  background: #e8e8e8;
  color: var(--bw-ink);
  border-color: #a6a6a6;
}
body:not(:has(#fpgax-home-centered)) :is(.brand-section-title h1, .brand-info-box-right h1, .brand-detail-title h2,
  .brand-cat-parent em, .brand-navigation-list dl dd a em, .brand-info-list dl dd a em,
  .brand-info-list dl dd a:hover em, .brand-pro dl dd > a, .brand-pro dl dd span,
  .brand-rich-content h2, .brand-rich-content h3, .brand-rich-content h4, .brand-rich-content strong,
  .brand-rich-content a, .brand-rich-content a:hover) { color: var(--bw-ink); }
body:not(:has(#fpgax-home-centered)) :is(.brand-section-title p, .brand-detail-title p, .brand-info-box-right-info,
  .brand-pro dl dd em, .brand-rich-content, .brand-rich-content p, .brand-rich-content ul li,
  .brand-navigation-list .brand-empty, .brand-cat-empty) { color: var(--bw-muted); }
body:not(:has(#fpgax-home-centered)) :is(.brand-rich-content table td, .brand-rich-content table th) {
  color: var(--bw-ink);
  border-color: var(--bw-line);
}
body:not(:has(#fpgax-home-centered)) :is(.brand-rich-content table th, .brand-rich-content table tr:nth-child(even),
  .brand-faq-card .brand-rich-content h3) { background: #f5f5f5; }
body:not(:has(#fpgax-home-centered)) :is(.brand-faq-card .brand-rich-content h3, .brand-faq-card .brand-rich-content h3 + p) {
  color: var(--bw-ink);
  border-color: var(--bw-line);
}
body:not(:has(#fpgax-home-centered)) .brand-faq-card .brand-rich-content h3::after {
  background: #202020;
  color: #ffffff;
}

/* Product catalogs, filtering and purchasing controls. */
body:not(:has(#fpgax-home-centered)) .products-all-main {
  --product-primary: #202020;
  --product-primary-dark: #101010;
  --product-navy: #202020;
  --product-text: #202020;
  --product-muted: #626262;
  --product-line: #d9d9d9;
  --product-soft: #f5f5f5;
  background: #f5f5f5;
}
body:not(:has(#fpgax-home-centered)) :is(.product-menu-box-left, .product-menu-box-right dl,
  .products-sub-menu-list, .products-list-manufacturers, .product-list-select,
  .products-detail-left-info, .products-detail-left-service, .products-detail-right-rfq,
  .products-detail-price-list, .products-spec, .pic-preview, .goods-category-copy,
  .product-tab-pane, .product-compare, .search-cta) {
  background: #ffffff;
  color: var(--bw-ink);
  border-color: var(--bw-line);
  box-shadow: 0 6px 20px #00000008;
}
body:not(:has(#fpgax-home-centered)) :is(.parts-list th, .products-detail-right-rfq > h2) {
  background: #202020;
  color: #ffffff;
  border-color: #454545;
}
body:not(:has(#fpgax-home-centered)) :is(.parts-list td, .parts-list .sticky-col) {
  background-color: #ffffff;
  color: var(--bw-ink);
  border-color: var(--bw-line);
}
body:not(:has(#fpgax-home-centered)) .parts-list th.sticky-col { background-color: #202020; color: #ffffff; }
body:not(:has(#fpgax-home-centered)) .parts-list tr:nth-child(even) td { background-color: #f5f5f5; }
body:not(:has(#fpgax-home-centered)) :is(.parts-list td.parts a, .product-compare table tr td a,
  .contrast .db-nr2-2, .goldenrod) { color: var(--bw-ink) !important; }
body:not(:has(#fpgax-home-centered)) .product-compare table tr td a.submit {
  background: #202020;
  color: #ffffff !important;
}
body:not(:has(#fpgax-home-centered)) :is(.products-list-info h1 i, .msg-tips p b,
  .products-detail-left-info-list dl dd p span, .product-tab-pane .product-cot-box li a,
  .product-tab-similar ul.pro-simibot li a, .products-detail-price-list h2 i,
  .product-pdf-right h2, .search-cta a span, .con-title .icon-item,
  .con-body.content-wrap .light-color, .tag-wrapper .couponbgs, .tag-wrapper .couponbgsBox,
  .s-submun-content-title, .goods-category-richtext a, .product-details-pane a) { color: var(--bw-ink); }
body:not(:has(#fpgax-home-centered)) :is(.product-image-note, .products-detail-left-info-list .product-info-table dt,
  .product-details-pane, .product-tab-faq p, .rfq-card-foot, .statistics-info) { color: var(--bw-muted); }
body:not(:has(#fpgax-home-centered)) :is(.products-detail-left-info .product-heading h1,
  .products-detail-right-rfq .rfq-card-head h2, .products-detail-right-rfq dl dt) { color: var(--bw-ink); }
body:not(:has(#fpgax-home-centered)) .products-detail-right-rfq .rfq-card-head h2 { background: transparent; }
body:not(:has(#fpgax-home-centered)) :is(.products-spec ul.product-tab-ul li, .key-wrap .key-item) {
  background: #eeeeee;
  color: var(--bw-ink);
  border-color: var(--bw-line);
}
body:not(:has(#fpgax-home-centered)) :is(.products-spec ul.product-tab-ul li.thistab, .key-wrap .key-item:hover) {
  background: #202020;
  color: #ffffff;
  border-color: #202020;
}
body:not(:has(#fpgax-home-centered)) .product-order-actions .btnbuy {
  background: #ffffff !important;
  color: #202020 !important;
  border-color: #202020;
}
body:not(:has(#fpgax-home-centered)) .product-order-actions .btnbuy1 {
  background: #202020 !important;
  color: #ffffff !important;
  border-color: #202020;
  box-shadow: none;
}
body:not(:has(#fpgax-home-centered)) :is(.product-order-actions .btnbuy:hover, .product-order-actions .btnbuy1:hover) {
  background: #3a3a3a !important;
  color: #ffffff !important;
  border-color: #3a3a3a;
}
body:not(:has(#fpgax-home-centered)) :is(.goods-category-richtext table th, .product-info-table) {
  color: var(--bw-ink);
  border-color: var(--bw-line);
}
body:not(:has(#fpgax-home-centered)) .goods-category-richtext table th { background: #eeeeee; }

/* Documentation modules retain the original dark first section. */
body:not(:has(#fpgax-home-centered)) :is(.eeat-doc-head, .eeat-doc-nav, .eeat-doc-section, .eeat-doc-table-wrap) {
  background: #ffffff;
  border-color: var(--bw-line);
  box-shadow: 0 8px 24px #0000000a;
}
body:not(:has(#fpgax-home-centered)) .eeat-doc-head::before,
body:not(:has(#fpgax-home-centered)) .eeat-doc-section::after,
body:not(:has(#fpgax-home-centered)) .eeat-doc-list li::before,
body:not(:has(#fpgax-home-centered)) :is(.eeat-doc-section-head span, .eeat-doc-process dt, .eeat-doc-service-grid i) {
  background: #202020;
  color: #ffffff;
  box-shadow: none;
}
body:not(:has(#fpgax-home-centered)) :is(.eeat-doc-label, .eeat-doc-chip, .eeat-doc-check-grid div,
  .eeat-doc-check-grid i, .eeat-doc-list li, .eeat-doc-process dl, .eeat-doc-risk-box,
  .eeat-doc-table th, .eeat-doc-service-grid div, .eeat-doc-decision span, .eeat-doc-disclaimer) {
  background: #f5f5f5;
  color: var(--bw-ink);
  border-color: var(--bw-line);
}
body:not(:has(#fpgax-home-centered)) :is(.eeat-doc-head h2, .eeat-doc-chip strong, .eeat-doc-nav-title,
  .eeat-doc-nav-title i, .eeat-doc-nav a, .eeat-doc-section-head h3, .eeat-doc-body b,
  .eeat-doc-check-grid strong, .eeat-doc-process strong, .eeat-doc-risk-box strong,
  .eeat-doc-risk-box > i, .eeat-doc-service-grid h4, .eeat-doc-decision i) { color: var(--bw-ink); }
body:not(:has(#fpgax-home-centered)) :is(.eeat-doc-head p, .eeat-doc-chip span, .eeat-doc-body,
  .eeat-doc-check-grid p, .eeat-doc-process p, .eeat-doc-risk-box p, .eeat-doc-service-grid p,
  .eeat-doc-table td) { color: var(--bw-muted); }
body:not(:has(#fpgax-home-centered)) :is(.eeat-doc-table th, .eeat-doc-table td, .eeat-doc-nav-title) { border-color: var(--bw-line); }
body:not(:has(#fpgax-home-centered)) :is(.eeat-doc-nav a:hover, .eeat-doc-check-grid div:hover, .eeat-doc-service-grid div:hover) {
  background: #eeeeee;
  color: var(--bw-ink);
  border-color: #a6a6a6;
  box-shadow: 0 8px 24px #0000000a;
}
body:not(:has(#fpgax-home-centered)) .eeat-doc-section-dark { background: #202020; border-color: #454545; }
body:not(:has(#fpgax-home-centered)) .eeat-doc-section-dark::after { background: #ffffff; }
body:not(:has(#fpgax-home-centered)) .eeat-doc-section-dark :is(.eeat-doc-section-head h3, .eeat-doc-body b, .eeat-doc-metrics dt) { color: #ffffff; }
body:not(:has(#fpgax-home-centered)) .eeat-doc-section-dark :is(.eeat-doc-body, .eeat-doc-metrics dd) { color: #d5d5d5; }
body:not(:has(#fpgax-home-centered)) .eeat-doc-section-dark .eeat-doc-section-head span { background: #3a3a3a; color: #ffffff; }

/* Editorial, support and information pages. */
body:not(:has(#fpgax-home-centered)) :is(.blog-main-left, .blog-main-right-cate, .blog-main-right-parts,
  .blog-list dl, .blog-show, .relate-blog-list dl, .blog-tab-pane-redblog dl, .post-list dl,
  .support-left, .support-right, .about-info, .contact-box) {
  background: #ffffff;
  color: var(--bw-ink);
  border-color: var(--bw-line);
  box-shadow: 0 8px 24px #0000000a;
}
body:not(:has(#fpgax-home-centered)) :is(.blog-list dl dd a, .relate-blog-list dl dd a,
  .blog-tab-pane-redblog dl dd a, .blog-main-right-parts-title a, .post-list dl dd a,
  .posts-info h2, .posts-info h3, .about-company-left h1 span, .contact-feedback-left h3 a,
  .support-left a, .support-right h2, .about-info h1) { color: var(--bw-ink); }
body:not(:has(#fpgax-home-centered)) :is(.posts-info a, .posts-info a b, .posts-info a span) { color: #202020 !important; }
body:not(:has(#fpgax-home-centered)) :is(.blog-time, .blog-list dl dd em, .relate-blog-list dl dd em,
  .blog-tab-pane-redblog dl dd em, .blog-tab-pane-topblog dl dd em,
  .posts-info .fpgax-editorial-article figcaption) { color: var(--bw-muted); }
body:not(:has(#fpgax-home-centered)) :is(.blog-tabs li, .about-exce dl, .about-info-list dl dd,
  .posts-info table th, .posts-info .fpgax-editorial-article th) {
  background: #eeeeee;
  color: var(--bw-ink);
  border-color: var(--bw-line);
}
body:not(:has(#fpgax-home-centered)) :is(.posts-info table td, .posts-info table th, .posts-info blockquote) { border-color: var(--bw-line); }
body:not(:has(#fpgax-home-centered)) .blog-tabs li.thistab { background: #202020; color: #ffffff; }
body:not(:has(#fpgax-home-centered)) .blog-tabs li.thistab a { color: #ffffff; }
body:not(:has(#fpgax-home-centered)) .blog-tab-pane-hotblog dl dd { background-color: #000000b3; color: #ffffff; }
body:not(:has(#fpgax-home-centered)) .blog-tab-pane-hotblog dl dd a { color: #ffffff; }
body:not(:has(#fpgax-home-centered)) .contact-box-left { background-color: #202020; color: #ffffff; }
body:not(:has(#fpgax-home-centered)) .contact-box-left :is(h2, .contact-box-left-info, a) { color: #ffffff; }

/* RFQ, cart, checkout and payment. No field behavior or validation changes. */
body:not(:has(#fpgax-home-centered)) :is(.inquiry-main, .inquiry-sucess-box, .cart-box-left-list,
  .cart-box-left-list-product, .cart-box-right-box, .shopping-main-left-item,
  .shopping-main-right-box, .pay-box, .pay-inner-box, .pay-inquiry-left-item) {
  background: #ffffff;
  color: var(--bw-ink);
  border-color: var(--bw-line);
}
body:not(:has(#fpgax-home-centered)) :is(.inquiry-box-left, .inquiry-tab th, .inquiry-tab td,
  .cart-box-left-list-item, .shopping-address-list li) { border-color: var(--bw-line); }
body:not(:has(#fpgax-home-centered)) :is(.inquiry-box-right, .cart-box-left-list-item ul.thead,
  .cart-box-left-list-item ul.tbody .tbdiv4 .price-range, .shopping-main-left-item-table tr:first-child) {
  background: #f5f5f5;
  color: var(--bw-ink);
}
body:not(:has(#fpgax-home-centered)) :is(.inquiry-box-left > div, .inquiry-loading-box) { background: #202020; color: #ffffff; }
body:not(:has(#fpgax-home-centered)) .inquiry-box-left > div span { color: #ffffff; }
body:not(:has(#fpgax-home-centered)) :is(.inquiry-box-left a, .inquiry-sucess-box h1,
  .cart-box-left-list h2 i, .cart-box-left-list-item ul.thead i,
  .cart-box-left-list-item ul.tbody .tbdiv4 p i, .cart-box-left-list-product h2 i,
  .cart-box-left-list-product-item dl dd p, .cart-box-right-box h2 i,
  .cart-box-right-box ul li i, .shopping-main-left-item h2 i, .shopping-address-list li h4 i,
  .shopping-main-right-box h1 i, .shopping-main-right-box dl dd, .pay-inner-box p a,
  .pay-inquiry-left-item h2 i) { color: var(--bw-ink); }
body:not(:has(#fpgax-home-centered)) :is(.cart-box-left-list-item ul.tbody .tbdiv4 li span.span-price,
  .cart-box-left-list-item ul.tbody .tbdiv2 a) { color: #202020 !important; }
body:not(:has(#fpgax-home-centered)) .shopping-address-list li.selected { border-color: #202020; }
body:not(:has(#fpgax-home-centered)) .cart-box-left-list-product-item dl dd em { color: var(--bw-muted); }

/* Authentication and account pages. Dark navigation and modal heads stay dark. */
body:not(:has(#fpgax-home-centered)) :is(.login-box, .register-box, .repass-box, .user-right,
  .user-box-item, .user-information-list, .user-order-list, .user-address-table,
  .user-accept-list, .accept-box-info) {
  background: #ffffff;
  color: var(--bw-ink);
  border-color: var(--bw-line);
  box-shadow: 0 8px 24px #0000000a;
}
body:not(:has(#fpgax-home-centered)) :is(.login-box-left, .register-box-left, .repass-box-left,
  .auth-kicker, .login-tips-txt, .register-box .register-agree-row, .register-inner-box,
  .repass-user-chip, .user-info-msg) {
  background: #f5f5f5;
  color: var(--bw-ink);
  border-color: var(--bw-line);
}
body:not(:has(#fpgax-home-centered)) :is(.login-box-right h1, .register-box-right h1, .repass-box-right h1,
  .register-box-right > h2, .repass-box-right h2, .user-right > h2, .user-right .info-list h2,
  .user-information-list h2, .accept-box-info h2, .user-order-list h3,
  .register-inner-box strong, .auth-kicker i, .login-box .font-line a, .member-agree-text a,
  .member-agree-text i, .register-inner-box p a, .send, .u-tab-head a i,
  .user-info li a, .user-order-list table td a, .user-address-table table td a,
  .user-order-list table td strong, .accept-box-info dl dt) { color: var(--bw-ink); }
body:not(:has(#fpgax-home-centered)) :is(.user-right .form-group label, .login-box .form-group > label,
  .register-box .form-group > label, .repass-box .repass-box-item > label,
  .user-information-list > div > label) { color: var(--bw-ink); }
body:not(:has(#fpgax-home-centered)) :is(.auth-subtitle, .user-info li, .user-right .info-list h2 label,
  .user-information-list h2 label, .login-box .font-line, .member-agree-text,
  .register-inner-box p, .repass-box-right .repass-box-item em, .member-modal-body,
  .member-modal-note, .user-order-list table td, .user-address-table table td,
  .user-accept-list dl, .accept-box-info dl) { color: var(--bw-muted); }
body:not(:has(#fpgax-home-centered)) :is(.user-right > h2, .user-right .info-list h2,
  .user-information-list h2, .accept-box-info h2)::before { background: #202020; }
body:not(:has(#fpgax-home-centered)) .user-left { background: #202020; border-color: #454545; box-shadow: none; }
body:not(:has(#fpgax-home-centered)) .user-left :is(a, a i, .user-nav-title, .user-nav-title strong) { color: #ffffff; }
body:not(:has(#fpgax-home-centered)) .user-nav-title span { color: #c5c5c5; }
body:not(:has(#fpgax-home-centered)) .user-nav-title .user-nav-icon { color: #202020; background: #eeeeee; }
body:not(:has(#fpgax-home-centered)) :is(#user-index .user-index, #user-proinfo .user-proinfo,
  #user-order .user-order, #user-inquiry .user-inquiry, #user-address .user-address,
  #user-password .user-password) { background: #ffffff; color: #202020; box-shadow: 0 6px 20px #00000018; }
body:not(:has(#fpgax-home-centered)) :is(#user-index .user-index i, #user-proinfo .user-proinfo i,
  #user-order .user-order i, #user-inquiry .user-inquiry i, #user-address .user-address i,
  #user-password .user-password i) { color: #202020; }
body:not(:has(#fpgax-home-centered)) .u-tab-head a { background: #f5f5f5; color: #626262; }
body:not(:has(#fpgax-home-centered)) :is(.u-tab-head a.selected, .user-order-list table tr:first-child,
  .user-address-table table tr:first-child, .step-box ul li.done .progress1,
  .member-modal-head) { background: #202020; color: #ffffff; }
body:not(:has(#fpgax-home-centered)) :is(.u-tab-head a.selected i, .user-order-list table th,
  .user-address-table table th, .member-modal-heading strong, .member-modal-close) { color: #ffffff; }
body:not(:has(#fpgax-home-centered)) .member-modal-icon { background: #eeeeee; color: #202020; border-color: #d9d9d9; }
body:not(:has(#fpgax-home-centered)) .user-right input[readonly] { background: #eeeeee; color: #626262; }
body:not(:has(#fpgax-home-centered)) .step-box ul li .progress1 { background: #eeeeee; color: #626262; }
body:not(:has(#fpgax-home-centered)) .step-box ul li.done .progress1 { background: #202020; color: #ffffff; }
body:not(:has(#fpgax-home-centered)) #user-address .user-address-table .btn-box a:not(:last-child) {
  background: #f5f5f5;
  color: #202020;
  border-color: #a6a6a6;
}
body:not(:has(#fpgax-home-centered)) #user-address .user-address-table .btn-box a:not(:last-child):hover {
  background: #202020;
  color: #ffffff;
  border-color: #202020;
}
body:not(:has(#fpgax-home-centered)) .ui-dialog-header { background: #202020 !important; }
body:not(:has(#fpgax-home-centered)) .ui-dialog { box-shadow: 0 24px 70px #0000003d !important; }
body:not(:has(#fpgax-home-centered)) .ui-popup-backdrop { background: #00000085 !important; }
body:not(:has(#fpgax-home-centered)) :is(.ui-dialog-title, .ui-dialog-close) { color: #ffffff !important; }
body:not(:has(#fpgax-home-centered)) .ui-dialog-body { background: #ffffff !important; color: #626262 !important; }
body:not(:has(#fpgax-home-centered)) .ui-dialog-footer button {
  background: #f5f5f5 !important;
  color: #202020 !important;
  border-color: #a6a6a6 !important;
}
body:not(:has(#fpgax-home-centered)) .ui-dialog-footer button.ui-dialog-autofocus {
  background: #202020 !important;
  color: #ffffff !important;
  border-color: #202020 !important;
}

/* Footer keeps colored social brands; only neutral surrounding surfaces change. */
body:not(:has(#fpgax-home-centered)) footer { background: #101010; color: #ffffff; }
body:not(:has(#fpgax-home-centered)) .footer-box1 dl dt { color: #ffffff; }
body:not(:has(#fpgax-home-centered)) .footer-box1 dl dd > a:not(.fshare-item) { color: #d5d5d5; }
body:not(:has(#fpgax-home-centered)) .footer-copy { color: #bcbcbc; border-color: #373737; background-color: #101010; }
body:not(:has(#fpgax-home-centered)) .footer-copy a { color: #d5d5d5; }
body:not(:has(#fpgax-home-centered)) .mobile-fixed-top { background: #ffffff; color: #202020 !important; border-color: #a6a6a6; }
body:not(:has(#fpgax-home-centered)) .mobile-fixed-top:hover { background: #eeeeee; color: #202020 !important; }
body:not(:has(#fpgax-home-centered)) #fpgax-contact-dock .fcr-panel { background: #202020; border-color: #484848; }
body:not(:has(#fpgax-home-centered)) #fpgax-contact-dock .fcr-handle { background: #202020; border-color: #484848; color: #eeeeee; }
body:not(:has(#fpgax-home-centered)) #fpgax-contact-dock :is(.fcr-control:hover, .fcr-handle:hover) { background: #383838; color: #ffffff; }
body:not(:has(#fpgax-home-centered)) #fpgax-contact-dock .fcr-divider { background: #484848; }
body:not(:has(#fpgax-home-centered)) #fpgax-contact-dock .fcr-tooltip { background: #202020; border-color: #484848; color: #eeeeee; }

/* Neutral pagination with a clear selected state. */
body:not(:has(#fpgax-home-centered)) :is(.default a, .default span) { background-color: #ffffff; color: #202020; border-color: #a6a6a6; }
body:not(:has(#fpgax-home-centered)) :is(.default a:hover, .default .current, .default .current a) { background-color: #202020; color: #ffffff; border-color: #202020; }

/* Additional legacy controls confirmed against the fresh server CSS. */
body:not(:has(#fpgax-home-centered)) :is(.posts-info .calculator, .user-avatar img) {
  border-color: #d9d9d9;
  box-shadow: 0 6px 20px #0000000a;
}
body:not(:has(#fpgax-home-centered)) .product-tab-similar ul.pro-simitop { border-color: #d9d9d9; }
body:not(:has(#fpgax-home-centered)) :is(.contrast .contrast-nr .contrast-cp .contrast-btn input, .light-btn) {
  background: #202020;
  color: #ffffff;
  border-color: #202020;
}
body:not(:has(#fpgax-home-centered)) :is(.contrast .contrast-nr .contrast-cp .contrast-btn a,
  .product-compare table tr td p span, .project-f-article a) { color: #202020; }
body:not(:has(#fpgax-home-centered)) .contrast .contrast-nr .contrast1 .contrast-bt a.hover { color: #202020 !important; }
body:not(:has(#fpgax-home-centered)) :is(.user-information-list h2 input, .login-box #chkRemember,
  #user-address .user-address-table input[type="checkbox"]) { accent-color: #202020; }
body:not(:has(#fpgax-home-centered)) .posts-info .fpgax-editorial-article .fpgax-article-table:focus { outline-color: #202020; }

/* Standalone utility pages have no shared header/footer but use the same theme. */
body:not(:has(#fpgax-home-centered)):has(.page-404) { background: #f5f5f5; }
body:not(:has(#fpgax-home-centered)):has(.page-404)::before {
  background-image: linear-gradient(90deg, #20202008 1px, transparent 1px), linear-gradient(#20202008 1px, transparent 1px);
}
body:not(:has(#fpgax-home-centered)):has(.page-404)::after { background: #20202008; }
body:not(:has(#fpgax-home-centered)) .page-404::before,
body:not(:has(#fpgax-home-centered)) :is(.page-404, .page-404-card)::after { background: #20202008; }
body:not(:has(#fpgax-home-centered)) .page-404-card { background: #ffffff; border-color: #d9d9d9; box-shadow: 0 16px 40px #00000012; }
body:not(:has(#fpgax-home-centered)) .page-404-card::before,
body:not(:has(#fpgax-home-centered)) .page-404-code::after,
body:not(:has(#fpgax-home-centered)) :is(.page-404-circuit span,
  .page-404-progress span, .page-404-hint b, .btn-home) { background: #202020; color: #ffffff; box-shadow: none; }
body:not(:has(#fpgax-home-centered)) .page-404-code { background-image: none; color: #202020; -webkit-text-fill-color: #202020; }
body:not(:has(#fpgax-home-centered)) :is(.page-404-label, .page-404-hint, .page-404-progress, .btn-back) {
  background: #eeeeee;
  color: #202020;
  border-color: #d9d9d9;
}
body:not(:has(#fpgax-home-centered)) :is(.page-404-card h1, .page-404-footer a, .page-404-footer a:hover) { color: #202020; }
body:not(:has(#fpgax-home-centered)) :is(.page-404-card p, .page-404-footer) { color: #626262; border-color: #d9d9d9; }
body:not(:has(#fpgax-home-centered)) .btn-home:hover { background: #3a3a3a; color: #ffffff; box-shadow: 0 8px 24px #00000012; }
body:not(:has(#fpgax-home-centered)) .btn-back:hover { background: #ffffff; color: #202020; box-shadow: 0 8px 24px #00000012; }
body:not(:has(#fpgax-home-centered)) .showMsg { border-color: #a6a6a6; }
body:not(:has(#fpgax-home-centered)) .showMsg h5 { background: #202020; color: #ffffff; }
body:not(:has(#fpgax-home-centered)) .showMsg .content { background: #ffffff; color: #202020; }
body:not(:has(#fpgax-home-centered)) .showMsg .footer { background: #eeeeee; color: #202020; }
body:not(:has(#fpgax-home-centered)) .showMsg a { color: #202020; }

/* Live-response QA: content-owned support styles and inherited document colors. */
body:not(:has(#fpgax-home-centered)) .support-right-info .section-box {
  background-color: #ffffff;
  border-color: #d9d9d9;
  border-left-color: #202020;
  box-shadow: 0 2px 12px #0000000d;
}
body:not(:has(#fpgax-home-centered)) .support-right-info .section-box:hover { box-shadow: 0 5px 20px #00000014; }
body:not(:has(#fpgax-home-centered)) .support-right-info .section-title { color: #202020; }
body:not(:has(#fpgax-home-centered)) .support-right-info :is(.text-item, .normal-text):not(.tip-danger) { color: #626262; }
body:not(:has(#fpgax-home-centered)) .support-right-info .text-item::before { color: #202020; }
body:not(:has(#fpgax-home-centered)) .eeat-doc-wrap { color: #202020; }
body:not(:has(#fpgax-home-centered)) .eeat-doc-section-dark { color: #d5d5d5; }
body:not(:has(#fpgax-home-centered)) .eeat-doc-section-dark :is(.eeat-doc-section-head h3, .eeat-doc-body b, .eeat-doc-body strong, .eeat-doc-metrics dt) { color: #ffffff; }
body:not(:has(#fpgax-home-centered)) .eeat-doc-section-dark :is(.eeat-doc-body p, .eeat-doc-metrics dd) { color: #d5d5d5; }
body:not(:has(#fpgax-home-centered)) .product-meta-badge:not(.is-active) { color: #626262; border-color: #d9d9d9; }
body:not(:has(#fpgax-home-centered)) .product-meta-badge:not(.is-active):not(.is-rohs) i { color: #626262; }
body:not(:has(#fpgax-home-centered)) .products-detail-trust-item i { background-color: #eeeeee; border-color: #d9d9d9; color: #202020; }

/* Exactly four legacy RFQ step illustrations; no logo or product-photo filtering. */
body:not(:has(#fpgax-home-centered)) .inquiry-box-right img:is(
  [src$="/templates/en/images/cart1.png"], [src$="/templates/en/images/cart2.png"],
  [src$="/templates/en/images/cart3.png"], [src$="/templates/en/images/cart4.png"]
) { filter: grayscale(1); }

/* Approved homepage black/white palette. Existing layout is preserved. */
html:has(#fpgax-home-centered),body:has(#fpgax-home-centered){background:#111111}
#fpgax-home-centered{--fp-base:#111111;--fx-bg:#111111;--fp-accent:#BDBDBD;--fp-hover-line:#BDBDBD;--fx-accent:#BDBDBD;--fb-teal:#BDBDBD;--fp-accent-on-light:#FFFFFF}
#fpgax-home-centered .fx-header{background:#111111}
#fpgax-home-centered .fx-title{color:#F3F3F3}
#fpgax-home-centered .fx-subtitle{color:#BCBCBC}
#fpgax-home-centered .fx-search-submit,
#fpgax-home-centered .fh-primary{background:#202020;color:#FFFFFF;box-shadow:none}
#fpgax-home-centered .fx-search-submit:hover,
#fpgax-home-centered .fh-primary:hover,
#fpgax-home-centered .bm-picker:hover .fh-primary{background:#000000;color:#FFFFFF;box-shadow:none}
#fpgax-home-centered :is(.fh-lower,.fe-editorial,.fs-social){
  --fp-base:#FFFFFF;--fp-section:#F5F5F5;--fp-card:#FFFFFF;
  --fp-hover:#EEEEEE;--fp-selected:#EEEEEE;
  --fp-line:#DADADA;--fp-hover-line:#202020;
  --fp-ink:#202020;--fp-secondary:#626262;--fp-muted:#626262;
  --fp-link:#202020;--fp-accent:#202020;--fp-accent-on-light:#FFFFFF;
  --fr-ink:#202020;--fr-secondary:#626262;--fr-line:#DADADA;--fr-surface:#FFFFFF;
  --fx-accent:#202020;--fb-teal:#202020;--fb-mint:#202020;
  color:#202020;color-scheme:light;
}
#fpgax-home-centered .fh-lower{background:#F5F5F5;border-color:#DADADA}
#fpgax-home-centered .fh-bom{background:#FFFFFF;border-color:#DADADA;box-shadow:none}
#fpgax-home-centered .fh-bom h2{color:#202020}
#fpgax-home-centered .fh-bom h2 span{color:#202020}
#fpgax-home-centered .fh-eyebrow::before{background:#202020;box-shadow:none}
#fpgax-home-centered .fh-checks .lucide{color:#202020}
#fpgax-home-centered .bm-upload{background:#EEEEEE;border-color:#DADADA;box-shadow:none}
#fpgax-home-centered .bm-stack{background:#E5E5E5;border-color:#BABABA;box-shadow:0 9px 18px #28282810}
#fpgax-home-centered .bm-stack-mid{background:#EBEBEB;border-color:#C7C7C7}
#fpgax-home-centered .bm-sheet{background:#FFFFFF;border-color:#A2A2A2;box-shadow:0 12px 24px #28282818}
#fpgax-home-centered .bm-sheet-heading{color:#444444}
#fpgax-home-centered .bm-sheet-heading .lucide{color:#202020}
#fpgax-home-centered .bm-sheet-dot{background:#202020}
#fpgax-home-centered .bm-table{background:#D2D2D2;border-color:#CACACA}
#fpgax-home-centered .bm-cell{background:#F4F4F4}
#fpgax-home-centered .bm-cell::after{background:#858585}
#fpgax-home-centered .bm-cell-wide::after{background:#696969}
#fpgax-home-centered .bm-cell-head{background:#E7E7E7}
#fpgax-home-centered .bm-cell-head::after{background:#646464}
#fpgax-home-centered .bm-file-badge{background:#202020;border-color:#202020;box-shadow:0 7px 18px #28282820}
#fpgax-home-centered .bm-file-badge :is(.lucide,span){color:#FFFFFF}
#fpgax-home-centered .bm-corner{background:#EBEBEB;border-color:#AFAFAF}
#fpgax-home-centered .bm-corner .lucide{color:#202020}
#fpgax-home-centered .fh-section-head h2{color:var(--fp-ink)}
#fpgax-home-centered .fh-view-more,
#fpgax-home-centered .fh-reset{color:#202020}
#fpgax-home-centered .fh-filter-state,
#fpgax-home-centered .fh-empty{color:#626262}
#fpgax-home-centered .fh-logo-window{background:#F2F2F2}
#fpgax-home-centered .fh-photo-window{background:#F5F5F5}
#fpgax-home-centered .fh-brand-foot{color:#202020}
#fpgax-home-centered .fh-products-section,
#fpgax-home-centered .fr-catalogue-help{border-color:#DADADA}
#fpgax-home-centered .fr-quote-list{background:#202020;color:#FFFFFF;border-color:#202020}
#fpgax-home-centered .fr-quote-list .lucide{color:#FFFFFF}
#fpgax-home-centered .fr-quote-list:hover{background:#000000;border-color:#000000}
#fpgax-home-centered .fr-quote-list:hover .lucide{color:#FFFFFF}
#fpgax-home-centered .fr-help-actions .fr-bom-link{border-color:#202020;color:#202020}
#fpgax-home-centered .fe-editorial{background:#FFFFFF;border-color:#DADADA}
#fpgax-home-centered .fr-insights-end{background:#F5F5F5}
#fpgax-home-centered .fs-social{background:#F5F5F5;border-color:#DADADA}
#fpgax-home-centered .fs-account h2{color:#202020}
#fpgax-home-centered .fs-followers{color:#202020;border-color:#C8C8C8}
#fpgax-home-centered .fs-media,
#fpgax-home-centered .fe-cover{border-color:#DADADA}
#fpgax-home-centered .fd-rail{background:#181818;border-color:#4B4B4B;box-shadow:0 4px 18px #00000018}
#fpgax-home-centered .fe-footer{background:#111111;border-color:#2F2F2F}

/* Palette-specific surface and text roles, without layout changes. */
#fpgax-home-centered{--fx-bg:#111111;--fp-base:#111111;--fp-section:#202020;--fp-card:#202020;--fp-line:#4D4D4D;--fp-ink:#F5F5F5;--fp-secondary:#BFBFBF;--fp-muted:#BFBFBF;--fp-link:#F5F5F5;--fx-ink:#F5F5F5;--fp-hover:#202020;--fp-accent:#BDBDBD;--fx-accent:#BDBDBD;color:#F5F5F5;color-scheme:dark}
#fpgax-home-centered .fx-header{background:#171717;border-color:#4D4D4D}
#fpgax-home-centered .fx-title{color:#F5F5F5}
#fpgax-home-centered .fx-subtitle,#fpgax-home-centered .fx-examples :is(a,button),#fpgax-home-centered .fx-note,#fpgax-home-centered .fx-motion-toggle{color:#BFBFBF}
#fpgax-home-centered .fx-search{background:#FFFFFF;border-color:#4D4D4D;box-shadow:none}
#fpgax-home-centered .fx-search input{color:#202020}
#fpgax-home-centered .fx-search input::placeholder,#fpgax-home-centered .fx-search>.lucide{color:#626262}
#fpgax-home-centered .fx-header-links .fx-signup{background:#202020;border-color:#4D4D4D;color:#F5F5F5}
#fpgax-home-centered .fx-shortcut{background:#202020;border-color:#4D4D4D;color:#F5F5F5}
#fpgax-home-centered .fx-examples :is(a,button):hover,#fpgax-home-centered .fx-motion-toggle:hover{color:#F5F5F5}
#fpgax-home-centered .fe-footer{--fp-base:#171717;--fp-card:#171717;--fp-line:#727272;--fp-ink:#F7F7F7;--fp-secondary:#CDCDCD;--fp-muted:#C5C5C5;--fp-link:#EBEBEB;--fp-accent:#C8C8C8;background:#171717;border-color:#171717}
#fpgax-home-centered .fe-legal{border-color:#727272}
#fpgax-home-centered .fd-rail,#fpgax-home-centered .fd-rail-handle{background:#171717;border-color:#8B8B8B;--fp-secondary:#E0E0E0;--fp-ink:#FFFFFF;--fp-link:#E0E0E0}
#fpgax-home-centered .fr-quote-total{background:#FFFFFF;color:#202020}
#fpgax-home-centered .fh-product{box-shadow:none}
#fpgax-home-centered .fe-footer{--fp-secondary:#BFBFBF;--fp-muted:#C2C2C2;--fp-line:#4D4D4D}#fpgax-home-centered .fe-legal,#fpgax-home-centered .fd-rail{border-color:#4D4D4D}

/* Neutral color concept. Only presentation colors change. */
#fpgax-home-centered .fx-header{background:#111111;border-color:#333333}
#fpgax-home-centered .fx-fabric,#fpgax-home-centered .fe-footer-art,#fpgax-home-centered .fh-bom canvas{filter:grayscale(1)}
#fpgax-home-centered .fe-footer{--fp-ink:#F5F5F5;--fp-secondary:#BFBFBF;--fp-muted:#BFBFBF;--fp-link:#EEEEEE;--fp-accent:#FFFFFF;--fp-line:#3F3F3F}
#fpgax-home-centered .fe-legal{border-color:#3F3F3F}
#fpgax-home-centered :is(.fh-lower,.fe-editorial,.fs-social) :is(a,button):focus-visible{outline-color:#202020}
#fpgax-home-centered .fx-search:focus-within{border-color:#FFFFFF}
#fpgax-home-centered .fx-search:focus-within>.lucide{color:#202020}
#fpgax-home-centered .fx-search :is(input,button):focus-visible{outline-color:#202020}
#fpgax-home-centered .fd-rail-collapse:hover,#fpgax-home-centered .fd-rail-handle:hover{background:#303030;color:#FFFFFF}

#fpgax-home-centered .fd-link{color:#E0E0E0}
#fpgax-home-centered .fd-divider{background-color:#454545}