/* =========================================================
   ChemSP Brand — 独立品牌样式（青绿体系，区别于 com 全量站）
   覆盖 chemsp-base.css（com 基础块样式）与产品模板 sh-* 类
   ========================================================= */
:root{
  --chemsp-teal-900:#0b3d3a;
  --chemsp-teal-700:#0f766e;
  --chemsp-teal-500:#14b8a6;
  --chemsp-teal-050:#f0fdfa;
  --chemsp-amber:#f59e0b;
  --chemsp-ink:#0f172a;
  --chemsp-text:#1f2937;
  --chemsp-muted:#64748b;
  --chemsp-line:#e2e8f0;
  --chemsp-white:#ffffff;
  --chemsp-radius:14px;
  --chemsp-shadow:0 10px 30px rgba(15,61,58,.10);
  --chemsp-maxw:1240px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{color:var(--chemsp-text);font-family:"Manrope",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"PingFang SC","Microsoft YaHei",sans-serif;line-height:1.65;background:#fff}
a{color:var(--chemsp-teal-700);text-decoration:none}
a:hover{color:var(--chemsp-teal-900);text-decoration:underline}
h1,h2,h3,h4{color:var(--chemsp-teal-900);line-height:1.2;font-weight:800;letter-spacing:-.01em}
img{max-width:100%;height:auto}

/* 按钮 */
.wp-block-button__link,.sh-btn-primary,.chemsp-quote{
  background:var(--chemsp-teal-700)!important;color:#fff!important;border:none;border-radius:999px;
  padding:12px 22px;font-weight:700;cursor:pointer;display:inline-block;transition:.2s;
  box-shadow:0 6px 16px rgba(15,118,110,.25)}
.wp-block-button__link:hover,.sh-btn-primary:hover,.chemsp-quote:hover{background:var(--chemsp-teal-900)!important;color:#fff!important;text-decoration:none;transform:translateY(-1px)}
.sh-btn-secondary{background:#fff!important;color:var(--chemsp-teal-700)!important;border:1.5px solid var(--chemsp-teal-700)!important;border-radius:999px;padding:11px 20px;font-weight:700}
.sh-btn-secondary:hover{background:var(--chemsp-teal-050)!important;text-decoration:none}

/* ===================== 顶部条 ===================== */
.chemsp-header{position:sticky;top:0;z-index:1000;background:#fff;box-shadow:0 2px 14px rgba(15,61,58,.08);font-family:inherit}
.chemsp-topbar{background:var(--chemsp-teal-900);color:#cfeee9;font-size:12.5px;text-align:center;padding:7px 14px;letter-spacing:.02em}
.chemsp-navbar{max-width:var(--chemsp-maxw);margin:0 auto;display:flex;align-items:center;gap:18px;padding:12px 20px}
.chemsp-brand{display:flex;flex-direction:column;line-height:1;font-weight:900;font-size:26px;color:var(--chemsp-teal-700);letter-spacing:-.02em}
.chemsp-brand-sub{font-size:11px;font-weight:600;color:var(--chemsp-muted);letter-spacing:.04em;margin-top:3px}
.chemsp-burger-toggle{display:none}
.chemsp-burger{display:none;flex-direction:column;gap:5px;width:42px;height:42px;border:1px solid var(--chemsp-line);border-radius:10px;align-items:center;justify-content:center;cursor:pointer;background:#fff}
.chemsp-burger span{display:block;width:20px;height:2px;background:var(--chemsp-teal-900);border-radius:2px;transition:.25s}
.chemsp-collapse{flex:1;display:flex;align-items:center;justify-content:space-between;gap:18px}
.chemsp-menu{display:flex;align-items:center;gap:22px}
.chemsp-menu a{color:var(--chemsp-ink);font-weight:600;font-size:15px;padding:6px 2px;position:relative}
.chemsp-menu a:hover{color:var(--chemsp-teal-700);text-decoration:none}
.chemsp-menu a::after{content:"";position:absolute;left:0;bottom:-2px;width:0;height:2px;background:var(--chemsp-teal-500);transition:.2s}
.chemsp-menu a:hover::after{width:100%}
.chemsp-actions{display:flex;align-items:center;gap:14px}
.chemsp-search{display:flex;align-items:center;background:var(--chemsp-teal-050);border:1px solid var(--chemsp-line);border-radius:999px;padding:4px 6px 4px 14px}
.chemsp-search input{border:none;background:transparent;outline:none;font-size:14px;width:170px;color:var(--chemsp-ink)}
.chemsp-search button{border:none;background:var(--chemsp-teal-700);color:#fff;width:34px;height:34px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center}
.chemsp-quote{font-size:14px;padding:11px 20px}

/* ===================== 语言切换器 ===================== */
.chemsp-lang{position:relative}
.chemsp-lang-btn{display:flex;align-items:center;gap:6px;background:#fff;border:1px solid var(--chemsp-line);border-radius:999px;padding:8px 14px;font-weight:600;color:var(--chemsp-ink);cursor:pointer;font-size:14px}
.chemsp-lang-btn:hover{border-color:var(--chemsp-teal-500)}
.chemsp-lang-menu{position:absolute;top:calc(100% + 8px);right:0;min-width:200px;max-height:60vh;overflow:auto;background:#fff;border:1px solid var(--chemsp-line);border-radius:14px;box-shadow:var(--chemsp-shadow);padding:8px;list-style:none;margin:0;opacity:0;visibility:hidden;transform:translateY(-6px);transition:.18s;z-index:1100}
.chemsp-lang.open .chemsp-lang-menu{opacity:1;visibility:visible;transform:translateY(0)}
.chemsp-lang-menu li a{display:block;padding:8px 12px;border-radius:9px;color:var(--chemsp-ink);font-size:14px}
.chemsp-lang-menu li a:hover{background:var(--chemsp-teal-050);text-decoration:none;color:var(--chemsp-teal-700)}
.chemsp-lang-menu li.is-current a{background:var(--chemsp-teal-700);color:#fff;font-weight:700}
/* 页脚语言横排 */
.chemsp-lang-list-bar{margin-top:18px;border-top:1px solid rgba(255,255,255,.16);padding-top:16px}
.chemsp-lang-list-label{display:block;color:rgba(255,255,255,.7);font-size:13px;margin-bottom:8px}
.chemsp-lang-list{display:flex;flex-wrap:wrap;gap:6px}
.chemsp-lang-list a{display:inline-block;padding:5px 12px;border:1px solid rgba(255,255,255,.3);border-radius:999px;color:#fff;font-size:12.5px;white-space:nowrap}
.chemsp-lang-list a:hover{background:rgba(255,255,255,.12);text-decoration:none}
.chemsp-lang-list a.is-current{background:var(--chemsp-amber);color:var(--chemsp-teal-900);border-color:var(--chemsp-amber);font-weight:700}

/* ===================== 页脚 ===================== */
.chemsp-footer{background:var(--chemsp-teal-900);color:#cdeee8;margin-top:60px}
.chemsp-footer .chemsp-foot-grid{max-width:var(--chemsp-maxw);margin:0 auto;display:grid;grid-template-columns:1.2fr 1fr 1fr 1.2fr;gap:34px;padding:54px 20px 30px}
.chemsp-footer h3{color:#fff;font-size:17px;margin:0 0 14px}
.chemsp-footer a{color:#bfeee7}
.chemsp-footer a:hover{color:#fff;text-decoration:none}
.chemsp-foot-col p{margin:0 0 8px;font-size:14px;line-height:1.7}
.chemsp-foot-social{display:flex;gap:10px;margin-top:12px;flex-wrap:wrap}
.chemsp-foot-social a{width:36px;height:36px;border-radius:50%;background:rgba(255,255,255,.1);display:flex;align-items:center;justify-content:center;color:#fff;font-size:13px}
.chemsp-foot-social a:hover{background:var(--chemsp-teal-500)}
.chemsp-foot-bottom{max-width:var(--chemsp-maxw);margin:0 auto;padding:18px 20px;border-top:1px solid rgba(255,255,255,.14);text-align:center;font-size:13px;color:rgba(255,255,255,.6)}
/* 姊妹站链接条（shenghechemical.com 全语言站）— 2026-09-28，与 shenghechemical.net 页脚同款
   放在 .chemsp-footer a 规则之后，保证同特异性下本组样式生效 */
.chemsp-sister-bar{margin-top:14px;border-top:1px solid rgba(255,255,255,.16);padding-top:16px}
.chemsp-sister-label{display:block;color:rgba(255,255,255,.7);font-size:13px;margin-bottom:8px}
.chemsp-sister-list{display:flex;flex-wrap:wrap;gap:6px}
.chemsp-sister-list a{display:inline-block;padding:5px 12px;border:1px dashed rgba(255,255,255,.3);border-radius:999px;color:#fff;font-size:12.5px;white-space:nowrap}
.chemsp-sister-list a:hover{background:rgba(255,255,255,.12);color:#fff;text-decoration:none}
.chemsp-sister-list a.is-current{border-style:solid;border-color:var(--chemsp-amber);color:var(--chemsp-amber);font-weight:700}
/* 2026-09-28（用户指令）：两条语言栏的标题改为「站点域名」并做成超链接。
   特异性必须压过 .chemsp-footer a（0,1,1），故用 .chemsp-footer a.<class>（0,2,1）。 */
.chemsp-footer a.chemsp-lang-list-label,.chemsp-footer a.chemsp-sister-label{display:block;color:rgba(255,255,255,.7);font-size:13px;margin-bottom:8px;text-decoration:none}
.chemsp-footer a.chemsp-lang-list-label:hover,.chemsp-footer a.chemsp-sister-label:hover{color:#fff;text-decoration:underline}

/* ===================== 产品归档 ===================== */
.sh-archive{max-width:var(--chemsp-maxw);margin:0 auto;padding:40px 20px}
.sh-breadcrumb{font-size:13px;color:var(--chemsp-muted);margin-bottom:14px}
.sh-breadcrumb a{color:var(--chemsp-teal-700)}
.sh-archive-header{margin-bottom:24px}
.sh-archive-header h1{font-size:34px;margin:0 0 8px}
.sh-archive-count{color:var(--chemsp-muted);font-size:14px}
.sh-archive-desc{color:var(--chemsp-text);max-width:760px}
.sh-product-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:22px;margin-top:26px}
.sh-product-item{background:#fff;border:1px solid var(--chemsp-line);border-radius:var(--chemsp-radius);overflow:hidden;transition:.22s;display:flex;flex-direction:column}
.sh-product-item:hover{box-shadow:var(--chemsp-shadow);transform:translateY(-3px);border-color:var(--chemsp-teal-500)}
.sh-product-thumb{aspect-ratio:4/3;background:var(--chemsp-teal-050);display:flex;align-items:center;justify-content:center;overflow:hidden}
.sh-product-thumb img{width:100%;height:100%;object-fit:cover}
.sh-thumb-placeholder{width:64px;height:64px;border-radius:14px;background:var(--chemsp-teal-700);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:22px}
.sh-product-body{padding:16px 18px;display:flex;flex-direction:column;gap:8px;flex:1}
.sh-product-title{font-size:17px;font-weight:700;color:var(--chemsp-teal-900);margin:0}
.sh-product-title a{color:inherit}
.sh-product-desc{font-size:13.5px;color:var(--chemsp-muted);flex:1}
.sh-product-meta{display:flex;flex-wrap:wrap;gap:6px}
.sh-product-badge{font-size:11.5px;padding:3px 9px;border-radius:999px;background:var(--chemsp-teal-050);color:var(--chemsp-teal-700);border:1px solid var(--chemsp-line)}
.sh-product-badge.cas{background:#fff7ed;color:#b45309;border-color:#fed7aa}
.sh-product-badge.stock{background:#ecfdf5;color:#047857;border-color:#a7f3d0}
.sh-product-actions{display:flex;gap:8px;margin-top:10px}
.sh-product-actions .sh-btn-primary,.sh-product-actions .sh-btn-secondary{flex:1;text-align:center;font-size:13px;padding:9px 10px}
.sh-pagination{margin-top:34px;display:flex;gap:8px;justify-content:center}
.sh-pagination a,.sh-pagination span{padding:8px 14px;border-radius:9px;border:1px solid var(--chemsp-line);color:var(--chemsp-teal-700)}
.sh-pagination .current{background:var(--chemsp-teal-700);color:#fff;border-color:var(--chemsp-teal-700)}

/* ===================== 产品详情 ===================== */
.sh-pdp{max-width:var(--chemsp-maxw);margin:0 auto;padding:36px 20px}
.sh-title-row{display:flex;flex-wrap:wrap;align-items:baseline;gap:12px;justify-content:space-between}
.sh-title{font-size:38px;margin:0;color:var(--chemsp-teal-900)}
.sh-tagline{color:var(--chemsp-teal-700);font-weight:600}
.sh-stock{display:inline-flex;align-items:center;gap:7px;font-size:13px;color:#047857;background:#ecfdf5;padding:5px 12px;border-radius:999px}
.sh-stock-dot{width:8px;height:8px;border-radius:50%;background:#10b981}
.sh-block{margin-top:34px}
.sh-block h2{font-size:24px;margin:0 0 14px}
.sh-media{float:right;width:320px;max-width:42%;margin:0 0 20px 24px;background:var(--chemsp-teal-050);border-radius:var(--chemsp-radius);padding:14px;display:flex;align-items:center;justify-content:center}
.sh-media img{width:100%;border-radius:10px}
.sh-spec-table{width:100%;border-collapse:collapse;background:#fff;border:1px solid var(--chemsp-line);border-radius:var(--chemsp-radius);overflow:hidden}
.sh-spec-table th,.sh-spec-table td{border:1px solid var(--chemsp-line);padding:11px 14px;text-align:left;font-size:14px}
.sh-spec-table th{background:var(--chemsp-teal-050);color:var(--chemsp-teal-900);width:34%;font-weight:700}
.sh-spec-section{margin-bottom:22px}
.sh-faq-item{border:1px solid var(--chemsp-line);border-radius:12px;padding:14px 18px;margin-bottom:10px;background:#fff}
.sh-faq-q{font-weight:700;color:var(--chemsp-teal-900)}
.sh-faq-a{color:var(--chemsp-text);font-size:14.5px;margin-top:6px}
.sh-why-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:16px}
.sh-why-card{background:var(--chemsp-teal-050);border:1px solid var(--chemsp-line);border-radius:12px;padding:16px}
.sh-why-card h4{margin:0 0 6px;color:var(--chemsp-teal-700)}
.sh-value{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:14px}
.sh-value-item{background:#fff;border-left:4px solid var(--chemsp-teal-500);padding:12px 16px;border-radius:10px;box-shadow:0 4px 14px rgba(15,61,58,.06)}
.sh-syn-tags{display:flex;flex-wrap:wrap;gap:8px}
.sh-syn-tag{background:#fff;border:1px solid var(--chemsp-line);border-radius:999px;padding:5px 12px;font-size:13px;color:var(--chemsp-teal-700)}
.sh-rel-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:16px}
.sh-rel-card{background:#fff;border:1px solid var(--chemsp-line);border-radius:12px;padding:14px;transition:.2s}
.sh-rel-card:hover{box-shadow:var(--chemsp-shadow);border-color:var(--chemsp-teal-500)}
.sh-rel-name{font-weight:700;color:var(--chemsp-teal-900)}
.sh-rel-cas{font-size:12.5px;color:var(--chemsp-muted)}
.sh-quote-btn{margin-top:18px;font-size:16px;padding:14px 28px}
.sh-share-compact{display:flex;gap:10px;align-items:center;margin-top:18px}
.sh-share-btn{width:38px;height:38px;border-radius:50%;background:var(--chemsp-teal-700);color:#fff;display:flex;align-items:center;justify-content:center}
.sh-company-dt{font-weight:700;color:var(--chemsp-teal-900);width:40%}
.sh-company-dd{color:var(--chemsp-text)}

/* ===================== 通用区块 ===================== */
.wp-block-group.has-background{margin-top:40px}
.sh-block.has-color-2-background-color,.chemsp-section-dark{background:var(--chemsp-teal-900);color:#e6fffb;padding:50px 20px}
.sh-block.has-color-2-background-color h1,.sh-block.has-color-2-background-color h2,.sh-block.has-color-2-background-color h3{color:#fff}
.chemsp-hero{max-width:var(--chemsp-maxw);margin:0 auto;padding:64px 20px;display:grid;grid-template-columns:1.1fr .9fr;gap:40px;align-items:center}
.chemsp-hero h1{font-size:46px;margin:0 0 16px}
.chemsp-hero p{font-size:17px;color:var(--chemsp-text);max-width:540px}
.chemsp-hero-cta{display:flex;gap:12px;margin-top:22px}
.chemsp-hero-visual{background:linear-gradient(135deg,var(--chemsp-teal-700),var(--chemsp-teal-500));border-radius:24px;min-height:300px;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:800;font-size:22px;box-shadow:var(--chemsp-shadow)}
.chemsp-features{max-width:var(--chemsp-maxw);margin:0 auto;padding:20px;display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px}
.chemsp-feature{background:var(--chemsp-teal-050);border:1px solid var(--chemsp-line);border-radius:var(--chemsp-radius);padding:22px}
.chemsp-feature h3{margin:0 0 8px;color:var(--chemsp-teal-700);font-size:18px}
.chemsp-feature p{font-size:14px;color:var(--chemsp-muted);margin:0}

/* ===================== 响应式 ===================== */
@media (max-width:1080px){
  .chemsp-hero{grid-template-columns:1fr;padding:44px 20px}
  .chemsp-hero-visual{min-height:200px}
  .chemsp-footer .chemsp-foot-grid{grid-template-columns:1fr 1fr}
}
@media (max-width:900px){
  .chemsp-burger{display:flex}
  .chemsp-collapse{display:none;position:absolute;top:100%;left:0;right:0;background:#fff;flex-direction:column;align-items:stretch;gap:0;padding:14px 20px 22px;box-shadow:0 14px 30px rgba(15,61,58,.12);border-top:1px solid var(--chemsp-line)}
  .chemsp-burger-toggle:checked ~ .chemsp-collapse{display:flex}
  .chemsp-menu{flex-direction:column;align-items:stretch;gap:0}
  .chemsp-menu a{padding:13px 4px;border-bottom:1px solid var(--chemsp-line)}
  .chemsp-menu a::after{display:none}
  .chemsp-actions{flex-direction:column;align-items:stretch;gap:12px;margin-top:14px}
  .chemsp-search{width:100%}
  .chemsp-search input{width:100%}
  .chemsp-quote{text-align:center}
  .chemsp-lang{width:100%}
  .chemsp-lang-btn{width:100%;justify-content:space-between}
  .chemsp-lang-menu{position:static;box-shadow:none;border:none;max-height:none;opacity:1;visibility:visible;transform:none;display:none;padding:6px 0 0}
  .chemsp-lang.open .chemsp-lang-menu{display:block}
  .sh-media{float:none;width:100%;max-width:100%;margin:0 0 18px}
}
@media (max-width:560px){
  .chemsp-navbar{padding:10px 14px}
  .chemsp-brand{font-size:22px}
  .chemsp-footer .chemsp-foot-grid{grid-template-columns:1fr}
  .sh-title{font-size:28px}
  .sh-product-list{grid-template-columns:1fr 1fr;gap:14px}
  .chemsp-hero h1{font-size:34px}
  .chemsp-sister-list a{font-size:11.5px;padding:4px 10px}
  .chemsp-lang-list a{font-size:11.5px;padding:4px 10px}
}
@media (max-width:400px){
  .sh-product-list{grid-template-columns:1fr}
}

/* ===================== RTL（ar/fa） ===================== */
html[dir="rtl"] body{direction:rtl}
html[dir="rtl"] .chemsp-menu a::after{left:auto;right:0}
html[dir="rtl"] .chemsp-collapse{left:auto;right:0}
html[dir="rtl"] .sh-media{float:left;margin:0 24px 20px 0}
html[dir="rtl"] .sh-value-item{border-left:none;border-right:4px solid var(--chemsp-teal-500)}
html[dir="rtl"] .chemsp-lang-menu{right:auto;left:0}
html[dir="rtl"] .sh-company-dt{text-align:right}

/* ============================================================
   CHEMSP HOME REPAINT — override legacy .sh-home (blue) design
   Loaded from chemsp.css; inline #sh-home-css may print later,
   so these use .sh-home prefix + !important to guarantee win.
   ============================================================ */
.sh-home .hero{background:linear-gradient(135deg,#0b3d3a,#0f766e)!important;border-radius:16px!important;}
.sh-home .hero h1{color:#fff!important;}
.sh-home .hero .sub{color:rgba(255,255,255,.92)!important;}
.sh-home .btn.primary{background:#f59e0b!important;color:#0b3d3a!important;box-shadow:0 4px 14px rgba(245,158,11,.35)!important;}
.sh-home .btn.primary:hover{background:#fbbf24!important;}
.sh-home .btn.ghost{border:2px solid #fff!important;color:#fff!important;}
.sh-home .btn.ghost:hover{background:rgba(255,255,255,.12)!important;}
.sh-home .trust span{background:#f0fdfa!important;border:1px solid #99f6e4!important;color:#0f766e!important;}
.sh-home .intro h2,.sh-home .cats h2,.sh-home .why h2,.sh-home .cta h2{color:#0f766e!important;}
.sh-home .intro p,.sh-home .cta p,.sh-home .why-grid div p{color:#45556b!important;}
.sh-home .cat-card{border:1px solid #e2e8f2!important;}
.sh-home .cat-card:hover{border-color:#0f766e!important;box-shadow:0 4px 16px rgba(15,118,110,.14)!important;transform:translateY(-2px)!important;}
.sh-home .cat-name{color:#0b3d3a!important;}
.sh-home .cat-n{color:#0f766e!important;}
.sh-home .more a{color:#0f766e!important;}
.sh-home .why-grid div{background:#f0fdfa!important;border:1px solid #99f6e4!important;}
.sh-home .why-grid div h3{color:#0f766e!important;}
.sh-home .cta{background:#f0fdfa!important;}
.sh-home .cats h2 .cat-arrow{border-top-color:#0f766e!important;}
.sh-home .cats.collapsed h2 .cat-arrow{transform:rotate(180deg)!important;}
.sh-home .nav-search button{background:#f59e0b!important;color:#0b3d3a!important;}

/* =========================================================
   CHEMSP HOMEPAGE — brand-first rebuild (replaces com .sh-home skeleton)
   Loaded from chemsp.css; distinct structure: brand H1 + industry nav +
   dark difference band + curated spotlight.
   ========================================================= */
.chemsp-home{font-family:inherit;color:var(--chemsp-text)}
.ch-section{max-width:var(--chemsp-maxw);margin:0 auto;padding:60px 20px}
.ch-section-head{text-align:center;max-width:720px;margin:0 auto 38px}
.ch-section-head h2{font-size:34px;margin:0 0 12px;color:var(--chemsp-teal-900)}
.ch-section-head p{font-size:16px;line-height:1.7;color:var(--chemsp-muted);margin:0}
.ch-section-head-light h2{color:#fff}
.ch-section-head-light p{color:rgba(255,255,255,.82)}

/* HERO */
.ch-hero{max-width:var(--chemsp-maxw);margin:0 auto;padding:72px 20px;display:grid;grid-template-columns:1.05fr .95fr;gap:54px;align-items:center}
.ch-hero-inner{position:relative;z-index:1}
.ch-eyebrow{display:inline-block;font-size:13px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--chemsp-teal-700);background:var(--chemsp-teal-050);border:1px solid #99f6e4;padding:6px 14px;border-radius:999px;margin-bottom:20px}
.ch-title{font-size:72px;line-height:1;margin:0 0 18px;color:var(--chemsp-teal-900);letter-spacing:-.03em;font-weight:900}
.ch-lead{font-size:18px;line-height:1.75;color:var(--chemsp-text);max-width:560px;margin:0 0 28px}
.ch-cta{display:flex;gap:14px;flex-wrap:wrap;margin-bottom:34px}
.ch-btn{display:inline-block;font-weight:700;font-size:15px;padding:14px 26px;border-radius:999px;cursor:pointer;transition:.2s;text-decoration:none}
.ch-btn-primary{background:var(--chemsp-teal-700);color:#fff;box-shadow:0 8px 22px rgba(15,118,110,.28)}
.ch-btn-primary:hover{background:var(--chemsp-teal-900);color:#fff;text-decoration:none;transform:translateY(-1px)}
.ch-btn-ghost{background:#fff;color:var(--chemsp-teal-700);border:1.5px solid var(--chemsp-teal-700)}
.ch-btn-ghost:hover{background:var(--chemsp-teal-050);text-decoration:none}
.ch-hero-stats{display:flex;gap:34px;flex-wrap:wrap}
.ch-hero-stats div{display:flex;flex-direction:column}
.ch-hero-stats b{font-size:26px;font-weight:800;color:var(--chemsp-teal-900);line-height:1}
.ch-hero-stats span{font-size:13px;color:var(--chemsp-muted);margin-top:6px}

/* HERO VISUAL */
.ch-hero-visual{position:relative;min-height:340px;border-radius:28px;background:linear-gradient(135deg,var(--chemsp-teal-900),var(--chemsp-teal-500));overflow:hidden;display:flex;align-items:center;justify-content:center}
.ch-orb{position:absolute;border-radius:50%;background:rgba(255,255,255,.12)}
.ch-orb-1{width:200px;height:200px;top:-40px;right:-30px}
.ch-orb-2{width:140px;height:140px;bottom:-30px;left:-20px;background:rgba(245,158,11,.28)}
.ch-orb-3{width:90px;height:90px;top:40%;left:30%;background:rgba(255,255,255,.10)}
.ch-mark{position:relative;z-index:1;font-size:46px;font-weight:900;color:#fff;letter-spacing:-.02em;text-shadow:0 6px 20px rgba(0,0,0,.18)}

/* TRUST STRIP */
.ch-trust{background:var(--chemsp-teal-900);display:flex;flex-wrap:wrap;justify-content:center;gap:14px 34px;padding:22px 20px;margin-top:8px}
.ch-trust span{color:#bfeee7;font-size:14px;font-weight:600;letter-spacing:.02em;position:relative;padding-left:18px}
.ch-trust span::before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:8px;height:8px;border-radius:50%;background:var(--chemsp-amber)}

/* INDUSTRIES */
.ch-ind-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:22px}
.ch-ind-card{background:#fff;border:1px solid var(--chemsp-line);border-radius:18px;padding:26px;transition:.22s;text-decoration:none;display:flex;flex-direction:column;gap:10px}
.ch-ind-card:hover{box-shadow:var(--chemsp-shadow);border-color:var(--chemsp-teal-500);transform:translateY(-3px);text-decoration:none}
.ch-ind-ico{font-size:30px;width:56px;height:56px;border-radius:14px;background:var(--chemsp-teal-050);display:flex;align-items:center;justify-content:center}
.ch-ind-card h3{margin:4px 0 0;font-size:19px;color:var(--chemsp-teal-900)}
.ch-ind-card p{font-size:14px;line-height:1.65;color:var(--chemsp-muted);margin:0;flex:1}
.ch-ind-link{color:var(--chemsp-teal-700);font-weight:700;font-size:14px}

/* PILLARS (dark) */
.ch-pillars{background:var(--chemsp-teal-900);border-radius:24px;margin-top:20px}
.ch-pillar-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:20px;max-width:var(--chemsp-maxw);margin:0 auto}
.ch-pillar{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.14);border-radius:16px;padding:24px}
.ch-pillar-n{font-size:30px;font-weight:800;color:var(--chemsp-amber);line-height:1;margin-bottom:12px}
.ch-pillar h3{margin:0 0 8px;font-size:18px;color:#fff}
.ch-pillar p{margin:0;font-size:14px;line-height:1.65;color:rgba(255,255,255,.78)}

/* SPOTLIGHT */
.ch-spot-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px}
.ch-spot-card{background:#fff;border:1px solid var(--chemsp-line);border-radius:16px;padding:22px;transition:.22s;text-decoration:none;display:flex;flex-direction:column;gap:8px}
.ch-spot-card:hover{box-shadow:var(--chemsp-shadow);border-color:var(--chemsp-teal-500);transform:translateY(-3px);text-decoration:none}
.ch-spot-thumb{width:54px;height:54px;border-radius:14px;background:linear-gradient(135deg,var(--chemsp-teal-700),var(--chemsp-teal-500));color:#fff;font-weight:800;font-size:18px;display:flex;align-items:center;justify-content:center;margin-bottom:6px}
.ch-spot-card h3{margin:0;font-size:17px;color:var(--chemsp-teal-900)}
.ch-spot-tag{font-size:12.5px;color:var(--chemsp-muted);background:var(--chemsp-teal-050);border:1px solid var(--chemsp-line);border-radius:999px;padding:3px 10px;align-self:flex-start}

/* CTA BAND */
.ch-cta-band{background:linear-gradient(135deg,var(--chemsp-teal-700),var(--chemsp-teal-500));border-radius:24px;max-width:var(--chemsp-maxw);margin:0 auto;padding:54px 20px;text-align:center;color:#fff}
.ch-cta-band h2{font-size:30px;margin:0 0 12px;color:#fff}
.ch-cta-band p{font-size:16px;line-height:1.7;margin:0 0 24px;opacity:.92}
.ch-cta-band .ch-btn-primary{background:#fff;color:var(--chemsp-teal-900);box-shadow:0 8px 22px rgba(0,0,0,.16)}
.ch-cta-band .ch-btn-primary:hover{background:#f0fdfa;color:var(--chemsp-teal-900)}

/* RESPONSIVE */
@media (max-width:980px){
  .ch-hero{grid-template-columns:1fr;gap:36px;padding:52px 20px}
  .ch-hero-visual{min-height:220px;order:-1}
  .ch-title{font-size:56px}
}
@media (max-width:560px){
  .ch-section{padding:44px 16px}
  .ch-title{font-size:44px}
  .ch-hero-stats{gap:22px}
  .ch-trust{gap:12px 22px}
  .ch-cta-band{padding:40px 16px}
}

/* =========================================================
   MOBILE POLISH — chemsp.com (2026-10-22)
   Safe additive rules: overflow guard, thumb-friendly
   targets, footer language bars scroll, small-screen hero.
   ========================================================= */
html{overflow-x:clip}
body{overflow-x:clip}
img,svg,video{max-width:100%;height:auto}
:root{scroll-padding-top:78px}
.chemsp-burger{width:44px;height:44px}
@media (max-width:640px){
  /* footer language bars: swipe horizontally instead of wrapping overflow */
  .chemsp-lang-list,.chemsp-sister-list{flex-wrap:nowrap;overflow-x:auto;padding-bottom:6px;-webkit-overflow-scrolling:touch;scrollbar-width:none}
  .chemsp-lang-list::-webkit-scrollbar,.chemsp-sister-list::-webkit-scrollbar{display:none}
  .chemsp-lang-list a,.chemsp-sister-list a{white-space:nowrap}
  /* product cards: full-width tap targets on phones */
  .sh-product-actions{display:flex;flex-direction:column;gap:8px}
  .sh-product-actions .sh-btn-primary,.sh-product-actions .sh-btn-secondary{display:block;text-align:center;min-height:44px;line-height:1.4}
  .sh-product-item{font-size:15px}
  .chemsp-search input{width:100%}
}
@media (max-width:400px){
  .ch-title{font-size:38px}
  .chemsp-hero h1,.ch-hero h1{font-size:32px}
  .ch-hero{padding:40px 16px}
}