/* Penny Connectors — Local preview 2026-10-25. A standalone, removable visual layer. */
:root{--p-ink:#18273b;--p-muted:#637387;--p-blue:#1763ba;--p-red:#be2e35;--p-line:#e2e9f0;--p-surface:#ffffff;--p-bg:#f6f8fb}
html{scroll-behavior:smooth}
body{background:var(--p-bg)!important;color:var(--p-ink)!important;font-family:Inter,Arial,"Microsoft YaHei","PingFang SC",sans-serif!important;padding-top:76px!important}
.wp-bd{max-width:1320px!important}
.top-bar{height:76px!important;background:#fff!important;border-bottom:1px solid #e5eaf1!important;box-shadow:0 3px 18px rgba(25,45,75,.045)!important}
.header-inner{height:76px!important;gap:20px!important;justify-content:space-between!important}
.header-inner .logo,.header-inner .logo-cluster .logo{background:none!important;background-image:none!important;display:inline-flex!important;align-items:center!important;justify-content:flex-start!important;gap:7px!important;min-width:max-content!important;width:auto!important;height:64px!important;line-height:1!important;text-decoration:none!important;flex:none!important}
.penny-brand-left{font-size:25px;font-weight:780;letter-spacing:-.65px;color:#243145}
.penny-brand-mark{font-size:29px;line-height:1;font-family:Georgia,"Times New Roman",serif;font-weight:900;letter-spacing:-1.8px;color:var(--p-red)}
.penny-brand-right{font-size:22px;font-weight:780;letter-spacing:0;color:#243145}
html[lang="en"] .penny-brand-right{font-size:14px;font-weight:800;letter-spacing:.3px}
.logo-cluster{gap:9px!important}
.since-inline-en{color:#84909f!important;text-shadow:none!important;font-size:11px!important;letter-spacing:.2px!important;border-left:1px solid var(--p-line)!important;padding-left:11px!important}
.header-inner .since-badge{color:#758296!important;text-shadow:none!important;top:53px!important;left:204px!important;font-size:11px!important}
.nav-link{margin-left:auto!important}
.nav-link ul{gap:6px!important;justify-content:center!important}
.nav-link li a:link,.nav-link li a:visited{background:transparent!important;box-shadow:none!important;border:1px solid transparent!important;border-radius:9px!important;color:#33475e!important;font-size:15px!important;font-weight:700!important;height:42px!important;line-height:40px!important;padding:0 17px!important;transition:background .2s,color .2s}
.nav-link li a:hover,.nav-link li:hover a{color:var(--p-blue)!important;background:#edf4fc!important;transform:none!important}
.nav-link li a.ov-nav,.nav-link .ov-nav{background:#eaf2fc!important;border-color:#dceafb!important;box-shadow:none!important;color:var(--p-blue)!important}
.lang{margin-left:0!important}
.lang-switch a{background:#f7f9fc!important;color:#42546b!important;border:1px solid var(--p-line)!important;border-radius:9px!important;padding:8px 11px!important;font-weight:650!important;gap:7px!important}
.lang-switch img{box-shadow:none!important}
.page-hero{background:linear-gradient(112deg,#edf4fb 0%,#f7fafe 66%,#f6f8fb 100%)!important;border-bottom:1px solid #e9eef5!important;padding:24px 0 24px!important}
.page-hero .page-grid{grid-template-columns:minmax(0,1.5fr) minmax(290px,.75fr)!important;gap:28px!important}
.page-hero .copy h1{font-size:clamp(28px,2.3vw,36px)!important;font-weight:850!important;line-height:1.25!important;margin:6px 0 10px!important;letter-spacing:-.35px!important;color:var(--p-ink)!important}
.page-hero .copy p{color:#546b83!important;max-width:770px!important;font-size:15px!important;line-height:1.85!important}
.hero-kicker{background:#e8f0fa!important;color:#28609b!important;border-radius:6px!important;letter-spacing:1.3px!important}
.brand-calligraphy{margin:0 0 12px!important}
.brand-calligraphy img{width:clamp(380px,36vw,570px)!important;filter:none!important}
.hero-contact-card{padding:17px 20px!important;border:1px solid #e0e7ef!important;border-radius:14px!important;box-shadow:0 4px 20px rgba(20,42,70,.045)!important}
.hero-contact-card h3{font-size:16px!important;color:#243c57!important;margin:0 0 10px!important}
.hero-contact-card .hc-item strong{color:#64758a!important}
.hero-contact-card .hc-item span{color:#243145!important}
.search-panel{margin:20px 0!important;border:1px solid #e2e8f0!important;border-radius:15px!important;padding:20px 24px!important;box-shadow:0 4px 22px rgba(17,37,63,.045)!important}
.search-title{font-size:18px!important;color:#21344b!important;letter-spacing:-.2px!important;margin-bottom:12px!important}
.catalog-search input{border:1.5px solid #cfdbe8!important;background:#fcfdff!important;border-radius:10px!important;color:#1c3047!important;height:50px!important;padding:0 16px!important}
.catalog-search input:focus{border-color:#3679c8!important;box-shadow:0 0 0 3px rgba(22,99,186,.11)!important}
.catalog-search button{background:var(--p-blue)!important;border-radius:10px!important;height:50px!important;padding:0 30px!important;box-shadow:none!important}
.catalog-search button:hover{background:#0e4d99!important}
.category-buttons{gap:8px!important}
.category-buttons a{background:#f6f9fc!important;border:1px solid #dbe5ee!important;border-radius:9px!important;color:#35516f!important;padding:8px 13px!important;font-size:14px!important;font-weight:700!important}
.category-buttons a:hover{color:var(--p-blue)!important;background:#eaf2fb!important;border-color:#bfd7ef!important}
.content .wp-bd.top-margin{gap:20px!important}
.left-type{border:1px solid #e3eaf2!important;background:#fff!important;border-radius:14px!important;overflow:hidden!important;box-shadow:0 4px 18px rgba(20,42,70,.04)!important}
.left-type > div:first-child{background:#213e62!important;color:#fff!important;width:auto!important;line-height:48px!important;height:48px!important;font-size:15px!important;font-weight:750!important;padding-left:18px!important}
.left-type li > a{color:#33465a!important}
.left-type li a:hover{background:#eff5fc!important;color:var(--p-blue)!important}
.left-type li > a:before{border-color:#4387c9!important}
.left-type li ul li > a:before{border-color:#a6c5e7!important}
.product-list > ul > li,.product-list li{border-color:#e4eaf0!important}
.product-list > ul > li:hover{border-color:#b9d0e9!important;box-shadow:0 10px 24px rgba(32,75,124,.08)!important;transform:translateY(-1px)!important}
.product-list img{object-fit:contain!important}
.PageNo .PV,.PageNo a:hover{background:var(--p-blue)!important;border-color:var(--p-blue)!important;color:#fff!important}
.site-footer{background:#fff!important;border-top:1px solid #e5eaf1!important;color:#728197!important;margin-top:26px!important}
.site-footer a{color:var(--p-blue)!important}
.contact-page{padding:30px 0 45px!important}
.contact-card{border:1px solid #e5ebf2!important;border-radius:15px!important;box-shadow:0 5px 20px rgba(21,44,74,.05)!important}
.contact-card h2{color:#253950!important}
.floating-tools button{background:var(--p-blue)!important;box-shadow:0 5px 17px rgba(18,68,118,.14)!important}
.floating-tools button.secondary{color:var(--p-blue)!important;border-color:#d7e4f2!important}
.penny-pop-panel{box-shadow:0 15px 44px rgba(24,48,80,.15)!important}
.search-result-item:hover{background:#f2f7fe!important;border-color:#d8e6f5!important}
.search-result-item mark{background:#e4f2ff!important;color:#1259a4!important}
a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid #78ade9!important;outline-offset:2px!important}
@media(max-width:1080px){.page-hero .page-grid{grid-template-columns:1fr!important}.hero-contact-card{max-width:660px!important}.header-inner{gap:9px!important}.nav-link li a:link,.nav-link li a:visited{padding:0 11px!important}}
@media(max-width:760px){body{padding-top:110px!important}.top-bar{height:110px!important}.header-inner{height:110px!important;display:flex!important;flex-wrap:wrap!important;justify-content:space-between!important;align-content:center!important;gap:2px 9px!important}.header-inner .logo,.header-inner .logo-cluster .logo{height:44px!important;gap:5px!important}.penny-brand-left{font-size:20px}.penny-brand-mark{font-size:25px}.penny-brand-right{font-size:19px}html[lang="en"] .penny-brand-right{font-size:12px}.since-inline-en,.since-badge{display:none!important}.nav-link{order:3!important;flex:1 0 100%!important;margin:0!important}.nav-link ul{justify-content:space-between!important}.nav-link li{flex:1!important}.nav-link li a:link,.nav-link li a:visited{display:block!important;text-align:center!important;font-size:13px!important;height:36px!important;line-height:34px!important;padding:0 4px!important}.lang{margin:0!important}.lang-switch a{padding:6px 8px!important}.lang-switch span{font-size:12px!important}.wp-bd{width:calc(100% - 28px)!important}.page-hero{padding:19px 0!important}.page-hero .copy h1{font-size:28px!important}.page-hero .copy p{font-size:14px!important}.brand-calligraphy img{width:min(100%,390px)!important}.hero-contact-card{margin-top:16px!important;padding:15px!important}.search-panel{margin:15px 0!important;padding:16px!important}.search-title{font-size:16px!important}.catalog-search{gap:7px!important}.catalog-search input{min-width:0!important;width:0!important;flex:1!important;font-size:14px!important}.catalog-search button{padding:0 16px!important;font-size:14px!important}.category-buttons a{padding:7px 10px!important;font-size:13px!important}.floating-tools button{width:34px!important;min-width:34px!important;min-height:72px!important;font-size:12px!important}.penny-pop-panel{right:40px!important}}
@media(max-width:420px){.penny-brand-left{font-size:17px}.penny-brand-mark{font-size:23px}.penny-brand-right{font-size:17px}html[lang="en"] .penny-brand-right{font-size:10px}.lang-switch img{width:21px!important;height:15px!important}.lang-switch a{gap:4px!important}.lang-switch span{font-size:11px!important}}

/* Final mobile readability and typographic consistency adjustments */
.left-type > div:first-child{font-family:Arial,"Microsoft YaHei",sans-serif!important}
.product-list h1,.product-list h2,.product-list h3{font-family:Arial,"Microsoft YaHei",sans-serif!important}
@media(max-width:760px){
 .page-hero .hero-contact-card{display:none!important}
 .catalog-search{display:flex!important;flex-direction:column!important;align-items:stretch!important;gap:8px!important}
 .catalog-search input{box-sizing:border-box!important;display:block!important;flex:none!important;width:100%!important;min-width:0!important;height:48px!important}
 .catalog-search button{display:block!important;width:100%!important;min-height:46px!important}
}