/* Penny Connectors v3.3 — compact hero and consistently coloured UI.
 * This layer intentionally loads after v3.2 to preserve the approved product design.
 * The original picture files, catalog routes and search implementation are unchanged.
 */
:root {
  --p-blue:#176FC1; --p-blue-hover:#105A9F; --p-ink:#26384C;
  --p-muted:#52677B; --p-line:#C8DFEF; --p-tint:#F0F7FD;
}
/* Remove legacy 236/238px forced hero heights and 47px title offset. */
.page-hero { padding:21px 0!important; }
.page-hero .page-grid { min-height:0!important; align-items:start!important; gap:28px!important; }
.page-hero .copy { padding:7px 0 0!important; margin:0!important; align-self:start!important; box-sizing:border-box!important; }
.page-hero .copy h1 { margin:0 0 12px!important; line-height:1.3!important; }
.page-hero .copy p { margin:0!important; }
/* The contact card retains its original width, padding, typography and content. */
.page-hero .hero-contact-card { margin-top:0!important; align-self:start!important; }
/* Home-only concise business summary: do not repeat the brand/logo name. */
.pc-hero-intro { max-width:610px; margin-top:22px; padding:15px 18px; border-left:3px solid #76B4E5;
 background:rgba(255,255,255,.65); border-radius:0 9px 9px 0; }
.pc-hero-intro .pc-hero-intro-heading { display:block; font-size:13px; line-height:1.4;
 font-weight:750; color:#176FC1; margin-bottom:6px; }
.page-hero .copy .pc-hero-intro p { font-size:13px!important; line-height:1.65!important;
 color:#465E73!important; margin:0!important; }
/* UI tokens: pager and jump input, including the inherited focus/highlight rules. */
.PageNo a,.PageNo .p,.PageNo span:not(:first-child),.page-jump {
 border-color:var(--p-line)!important; color:var(--p-blue)!important;
}
.PageNo span:first-child {color:#52677B!important;}
.PageNo .PV,.PageNo .PV:hover,.PageNo a:hover,.PageNo a:focus-visible {
 background:var(--p-blue)!important;border-color:var(--p-blue)!important;color:white!important;
}
.PageNo span:not(.PV):not(:first-child) {color:#8A9BAD!important;background:#F5F9FD!important; border-color:#E0EBF5!important;}
.page-jump {background:#F0F7FD!important;border-color:var(--p-line)!important;color:var(--p-ink)!important;}
.page-jump-input {background:white!important;color:#26384C!important;border-color:#BDD9EE!important;}
.page-jump-input:focus {border-color:#176FC1!important;box-shadow:0 0 0 3px rgba(23,111,193,.14)!important;}
.page-jump-btn,.page-jump-btn:hover {background:#176FC1!important;color:white!important;border-color:#176FC1!important;}
/* Remaining legacy blue surfaces within documented interactive components. */
.catalog-search button,.pc-modal-ok,.copy-btn,.copy-all-btn,.copy-model-btn,.ask-model-btn,
.penny-pop-actions button:not(.light),.floating-tools button:not(.secondary) {
 background:#176FC1!important; border-color:#176FC1!important;color:white!important;
}
.category-buttons a:hover,.nav-link li a:hover,.lang-switch a:hover {color:#176FC1!important;background:#EAF4FD!important;}
.left-type > div:first-child {background:#176FC1!important;}
.contact-action-row button,.floating-tools button.secondary,.penny-pop-actions button.light {
 color:#176FC1!important;background:#F0F7FD!important;border-color:#C8DFEF!important;
}
/* English brand hierarchy: main logotype larger, old identity as a discreet third line. */
.header-inner .logo.brand-v32.en-brand {
 width:342px!important;min-width:342px!important;height:90px!important;gap:4px!important;
}
.brand-en-title{width:330px!important;height:49px!important;}
.brand-en-title img{width:327px!important;max-height:49px!important;}
.brand-en-sub{font-size:11px!important;letter-spacing:1.3px!important;line-height:1.1!important;}
.brand-en-legacy{font-size:9px;font-weight:500;color:#8999A9;letter-spacing:.06em;white-space:nowrap;line-height:1.2;margin-left:3px;}
/* Keep the approved small-device stacking with adequate room for language switch. */
@media(max-width:760px){
 .page-hero{padding:20px 0!important;}
 .page-hero .page-grid{min-height:0!important;gap:0!important;}
 .page-hero .copy{padding:0!important;}
 .pc-hero-intro{margin-top:17px;padding:12px 14px;}
 .page-hero .copy .pc-hero-intro p{font-size:12px!important;}
 .header-inner .logo.brand-v32.en-brand{height:56px!important;width:220px!important;min-width:220px!important;gap:2px!important;}
 .brand-en-title{width:220px!important;height:28px!important;}
 .brand-en-title img{width:220px!important;max-height:28px!important;}
 .brand-en-sub{font-size:9px!important;}
 .brand-en-legacy{font-size:8px;letter-spacing:0;}
}
@media(max-width:395px){
 .header-inner .logo.brand-v32.en-brand{width:194px!important;min-width:194px!important;}
 .brand-en-title,.brand-en-title img{width:194px!important;}
 .brand-en-legacy{font-size:7.8px;}
}