/*
Theme Name: Liangpu B2B
Description: B2B international website theme for Liangpu Environmental.
Version: 1.0.0
Text Domain: liangpu-b2b
*/

:root { --ink:#172026; --muted:#60707b; --line:#d9e2e7; --paper:#f7faf9; --white:#fff; --steel:#256d85; --deep:#123844; --accent:#d86b36; --green:#4d7c59; }
* { box-sizing:border-box; }
body { margin:0; color:var(--ink); background:var(--paper); font-family:Arial,Helvetica,sans-serif; line-height:1.6; }
a { color:inherit; text-decoration:none; }
.site-header { display:flex; align-items:center; justify-content:space-between; gap:24px; padding:14px clamp(18px,4vw,56px); background:rgba(255,255,255,.96); border-bottom:1px solid var(--line); position:sticky; top:0; z-index:10; }
.brand { display:flex; align-items:center; gap:12px; font-weight:700; }
.brand-mark { display:grid; place-items:center; width:42px; height:42px; border-radius:8px; background:var(--deep); color:#fff; }
.brand small { display:block; color:var(--muted); font-size:12px; }
.nav { display:flex; gap:20px; color:var(--muted); font-size:14px; }
.button { display:inline-flex; align-items:center; justify-content:center; min-height:44px; padding:0 18px; border-radius:6px; background:var(--accent); color:#fff; font-weight:700; }
.hero { padding:clamp(70px,10vw,130px) clamp(18px,7vw,86px); color:#fff; background:linear-gradient(135deg,#123844,#256d85); }
.hero > div { max-width:760px; }
.eyebrow { margin:0 0 12px; color:#ffb188; font-size:13px; font-weight:800; text-transform:uppercase; }
h1,h2,h3,p { margin-top:0; }
h1 { margin-bottom:20px; font-size:clamp(38px,5vw,64px); line-height:1.04; }
h2 { font-size:clamp(28px,4vw,42px); line-height:1.15; }
.hero p:not(.eyebrow) { max-width:680px; font-size:18px; color:rgba(255,255,255,.9); }
.section { padding:clamp(56px,8vw,96px) clamp(18px,5vw,70px); }
.section-heading { max-width:760px; margin-bottom:32px; }
.section-heading p { color:var(--muted); }
.card-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:18px; }
.card { display:flex; flex-direction:column; padding:24px; border:1px solid var(--line); border-radius:8px; background:#fff; box-shadow:0 10px 28px rgba(18,56,68,.06); }
.card img { width:100%; aspect-ratio:4/3; margin-bottom:18px; border-radius:6px; object-fit:cover; background:#eef3f4; }
.card p { color:var(--muted); }
.text-link { margin-top:auto; color:var(--steel); font-weight:800; }
.band { background:var(--deep); color:#fff; }
.band .section-heading p { color:rgba(255,255,255,.76); }
.post-hero, .content-wrap { max-width:1000px; margin:0 auto; }
.post-hero { padding:clamp(56px,8vw,96px) 18px 32px; }
.post-hero p { color:var(--muted); font-size:18px; }
.content-wrap { padding:24px 18px 90px; }
.content-wrap img { max-width:100%; height:auto; }
.content-wrap table { width:100%; border-collapse:collapse; }
.content-wrap td,.content-wrap th { padding:12px; border:1px solid var(--line); text-align:left; }
.specs { margin:30px 0; padding:20px; border-left:4px solid var(--accent); background:#f1f7f4; white-space:pre-line; }
.site-footer { padding:28px clamp(18px,5vw,70px); background:#0d252d; color:rgba(255,255,255,.76); }
@media (max-width:760px) { .site-header { flex-wrap:wrap; } .nav { order:3; width:100%; overflow-x:auto; } .card-grid { grid-template-columns:1fr; } }