/*
Theme Name: Manyu Child
Theme URI: https://manyugardening.com
Description: Child theme of Hello Elementor - floating header over banner, unified page layout and brand colour system for Manyu Gardening
Author: Manyu
Template: hello-elementor
Version: 1.8.1
Text Domain: manyu-child
*/

/* ==========================================================
   品牌色板
   深墨绿(主) + 黄铜金(强调) + 暖白(底) —— 工业/园林机械质感
   ========================================================== */
:root {
  --manyu-ink:        #16241F;  /* 近黑墨绿 */
  --manyu-forest:     #1F3A2E;  /* 品牌主色：深林绿 */
  --manyu-brass:      #C79A4B;  /* 黄铜金，强调/按钮 */
  --manyu-brass-dark: #A87F35;  /* 金色的深一档，hover */
  --manyu-paper:      #F6F4EF;  /* 暖白底 */
  --manyu-line:       #E3E0D8;  /* 分隔线 */
  --manyu-text:       #2A3430;  /* 正文 */
  --manyu-muted:      #6B7671;  /* 次要文字 */
  --manyu-header-h:   148px;    /* 页眉高度（桌面）：内容垂直居中，logo 上边距约 50px */
}

/* ==========================================================
   1. 页眉：Logo + 菜单嵌入 banner，整体居中，滚动吸顶
   - 初始：透明渐变浮在 banner 上（一眼看是 banner 的一部分）
   - 滚动后：加深为实色并轻微收窄，始终贴在顶部
   ========================================================== */
.site-header {
  position: fixed;
  inset: 0 0 auto 0;
  z-index: 1000;
  padding-block: 0;
  border: 0;
  /* 默认实色：没有深色大图的页面（产品分类、商城、空页面）用实色条，避免在白色背景上糊成一片 */
  background: rgba(18, 32, 26, .97);
  transition: background-color .25s ease, box-shadow .25s ease;
}

/* 首屏本身是深色大图的页面（首页 banner / About / Contact）：页眉透明渐变，融进图里 */
body.home .site-header,
body.page-id-95 .site-header,
body.page-id-101 .site-header {
  background: linear-gradient(
    180deg,
    rgba(13, 26, 21, .90) 0%,
    rgba(13, 26, 21, .62) 62%,
    rgba(13, 26, 21, 0) 100%
  );
}

.site-header.is-stuck {
  background: rgba(18, 32, 26, .97);
  box-shadow: 0 6px 26px rgba(0, 0, 0, .22);
  -webkit-backdrop-filter: blur(10px) saturate(140%);
  backdrop-filter: blur(10px) saturate(140%);
}

/* 一行布局，整体水平居中 */
.site-header .header-inner {
  display: flex;
  align-items: center;
  justify-content: center;      /* 关键：logo 与菜单整体居中 */
  flex-wrap: nowrap;            /* 关键：永不换行 */
  gap: 56px;                    /* 关键：logo 与菜单的间距 */
  max-width: 1320px;
  margin-inline: auto;
  padding-inline: 32px;
  min-height: var(--manyu-header-h);
  transition: min-height .2s ease;
}

.site-header.is-stuck .header-inner { min-height: 92px; }

.site-header .site-branding {
  flex: 0 0 auto;
  min-width: 0;
  margin: 0;
}

/* 站点描述是占位文案，隐藏以免撑高页眉 */
.site-header .site-branding .site-description {
  display: none !important;
}

/* Logo：新 logo 已是深底版（白字+橙色+工具线稿），不再需要反白滤镜 */
.site-header .site-logo img {
  display: block;
  width: auto;
  max-height: 54px;
  object-fit: contain;
  transition: max-height .2s ease;
}
.site-header.is-stuck .site-logo img { max-height: 46px; }

.site-header .site-navigation {
  margin: 0;
  min-width: 0;
}

/* 菜单：独立浅色胶囊底 + 白字 */
.site-header .site-navigation ul.menu {
  display: flex;
  align-items: center;
  flex-wrap: nowrap;
  gap: 2px;
  margin: 0;
  padding: 6px;
  background: rgba(255, 255, 255, .13);
  border: 1px solid rgba(255, 255, 255, .22);
  border-radius: 999px;
  -webkit-backdrop-filter: blur(8px);
  backdrop-filter: blur(8px);
  white-space: nowrap;
  list-style: none;
}

.site-header .site-navigation ul.menu > li {
  margin: 0;
  position: relative;
}

.site-header .site-navigation ul.menu > li > a {
  display: block;
  color: #fff !important;
  font-size: 15px;
  font-weight: 500;
  letter-spacing: .01em;
  line-height: 1.2;
  padding: 9px 18px;
  border-radius: 999px;
  text-decoration: none;
  transition: background-color .18s ease, color .18s ease;
}

.site-header .site-navigation ul.menu > li > a:hover,
.site-header .site-navigation ul.menu > li:hover > a {
  background: rgba(255, 255, 255, .20);
  color: #fff !important;
}

/* 当前页：金色胶囊 */
.site-header .site-navigation ul.menu > li.current-menu-item > a,
.site-header .site-navigation ul.menu > li.current-menu-ancestor > a,
.site-header .site-navigation ul.menu > li.current-menu-parent > a,
.site-header .site-navigation ul.menu > li.current_page_parent > a {
  background: var(--manyu-brass);
  color: var(--manyu-ink) !important;
}

/* 二级菜单：深底白字 */
.site-header .site-navigation ul.menu li ul.sub-menu,
.site-header .site-navigation ul.menu li ul {
  position: absolute;
  top: 100%;
  left: 0;
  min-width: 210px;
  margin: 6px 0 0;
  padding: 6px;
  background: rgba(18, 32, 26, .98);
  border: 1px solid rgba(255, 255, 255, .14);
  border-radius: 12px;
  box-shadow: 0 18px 34px rgba(0, 0, 0, .30);
  list-style: none;
  -webkit-backdrop-filter: blur(8px);
  backdrop-filter: blur(8px);
}

.site-header .site-navigation ul.menu li ul li {
  margin: 0;
  border: 0;
}

.site-header .site-navigation ul.menu li ul a {
  display: block;
  padding: 9px 14px;
  color: rgba(255, 255, 255, .90) !important;
  font-size: 14px;
  border-radius: 7px;
}

.site-header .site-navigation ul.menu li ul a:hover {
  background: rgba(255, 255, 255, .13);
  color: #fff !important;
}

/* 汉堡按钮白色 */
.site-header .site-navigation-toggle-holder .site-navigation-toggle,
.site-header .site-navigation-toggle-holder .site-navigation-toggle i,
.site-header .site-navigation-toggle-holder .site-navigation-toggle svg {
  color: #fff;
}

/* --- 移动端 / 平板 --- */
@media (max-width: 1024px) {
  :root { --manyu-header-h: 108px; }
  .site-header .header-inner {
    justify-content: space-between;
    gap: 20px;
    min-height: 108px;
    padding-inline: 22px;
  }
  .site-header .site-logo img { max-height: 44px; }
  .site-header .site-navigation ul.menu { border-radius: 12px; }
}

@media (max-width: 767px) {
  :root { --manyu-header-h: 96px; }
  .site-header .header-inner { min-height: 96px; padding-inline: 16px; }
  .site-header .site-logo img { max-height: 34px; }
  .site-header.is-stuck .site-logo img { max-height: 30px; }
  .site-header.is-stuck .header-inner { min-height: 78px; }
}

/* 移动端展开的菜单：深色背景，与页眉连成一体 */
@media (max-width: 1024px) {
  .site-header .site-navigation {
    background: rgba(18, 32, 26, .98);
    border-radius: 12px;
  }
  .site-header .site-navigation ul.menu {
    background: transparent;
    border: 0;
    border-radius: 0;
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
  }
  .site-header .site-navigation ul.menu > li > a {
    padding: 11px 16px;
    border-radius: 8px;
  }
  .site-header .site-navigation ul.menu li ul,
  .site-header .site-navigation ul.menu li ul.sub-menu {
    position: static;
    margin: 0;
    border: 0;
    box-shadow: none;
    background: transparent;
    padding: 0 0 0 14px;
  }
}

/* ==========================================================
   2. 页面顶部让位：页眉是 fixed 浮层，除首屏本身就是满屏图的页面外，
      其余页面首屏顶部留出与页眉等高的空白（数值跟页眉高度联动）
   ========================================================== */
/* 注意：页脚模板（Elementor 153）在 DOM 里也是 data-elementor-type="wp-post"，
   不排除的话会被当成"页面首屏"，在非首页给它顶出 204px 内边距 ——
   页脚绿色块上方凭空多一大片空白、内容被挤到最下面。
   :not(.elementor-153) 就是把这个误伤挡掉。 */
body:not(.home) [data-elementor-type="wp-page"]:not(.elementor-153) > .e-con:first-child:not([data-id="1a10003"]),
body:not(.home) [data-elementor-type="wp-post"]:not(.elementor-153) > .e-con:first-child:not([data-id="1a10003"]) {
  padding-top: calc(var(--manyu-header-h) + 56px) !important;
}

/* About 页首屏是一张满宽大图：页眉直接叠在图上，不留白（留白会露白条、文字错位） */
body.page-id-95 [data-elementor-type="wp-page"].elementor > .e-con.e-con:first-child,
body.manyu-hero-first [data-elementor-type="wp-page"].elementor > .e-con.e-con:first-child {
  padding-top: 0 !important;
}

/* 商城 / 归档 / 404 / 博客等非 Elementor 模板：主内容区让出页眉高度 */
body:not(.home) main.site-main { padding-top: var(--manyu-header-h); }

/* 内容为空的页面：页眉下面直接是全站询价区块 */
body:not(.home) > .site-header + .global-inquiry-section {
  margin-top: calc(var(--manyu-header-h) + 20px);
}

/* ==========================================================
   2b. 横向溢出：About 首屏大图原始宽度 1920px，比屏幕宽。
       不能改图片尺寸（图里文字是绝对定位写死坐标的，缩放会错位），
       所以只裁掉溢出部分，不产生横向滚动条。
       clip 比 hidden 安全：不会创建滚动容器，fixed 页眉不受影响。
   ========================================================== */
html,
body {
  overflow-x: hidden;
}
@supports (overflow-x: clip) {
  html,
  body {
    overflow-x: clip;
  }
}

/* ==========================================================
   3. 兜底：默认模板残留的页面大标题
   ========================================================== */
body.page .page-header { display: none !important; }
body.page .page-content { max-width: 100%; padding-inline: 0; }

/* ==========================================================
   4. 全站品牌色落地
   ========================================================== */
body { color: var(--manyu-text); }

h1, h2, h3, h4, h5, h6,
.elementor-heading-title {
  color: var(--manyu-forest);
  letter-spacing: -.01em;
}

/* 按钮统一为黄铜金 */
.elementor-widget-button .elementor-button,
.elementor-element .elementor-button,
.elementor-button {
  background-color: var(--manyu-brass);
  border-radius: 3px;
  color: #fff;
  transition: background-color .2s ease;
}
.elementor-widget-button .elementor-button:hover,
.elementor-element .elementor-button:hover,
.elementor-button:hover {
  background-color: var(--manyu-brass-dark);
  color: #fff;
}

a { color: var(--manyu-forest); }
a:hover { color: var(--manyu-brass-dark); }

/* 页脚 */
.site-footer {
  background-color: var(--manyu-ink);
  color: rgba(255, 255, 255, .78);
}
.site-footer a { color: rgba(255, 255, 255, .88); }
.site-footer a:hover { color: var(--manyu-brass); }

/* ==========================================================
   5. 全站底部联系条 —— 已移除
   ------------------------------------------------------------
   原来由子主题在 wp_footer 注入一条 EMAIL / TEL / ADDRESS 的
   深色条。用户要求只保留自己在 Elementor 里搭的页脚，这条已删
   （functions.php 里的 manyu_contact_bar 同步移除）。
   页脚本体的高度修正见文末 section 13。
   ========================================================== */

/* ==========================================================
   6. WooCommerce 按钮
   （询价表单样式由后台「额外 CSS」统一控制，此处不再覆盖）
   ========================================================== */
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.woocommerce #respond input#submit {
  background-color: var(--manyu-forest);
  color: #fff;
  border-radius: 3px;
}
.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce input.button:hover {
  background-color: var(--manyu-brass-dark);
  color: #fff;
}

/* ==========================================================
   7. Contact 页面专用板块
   注意：这个 Elementor 版本不给 container 输出自定义 class
   （widget 的 class 是正常输出的），所以容器样式用 data-id 定位。
   若以后在编辑器里删掉重加区块，id 会变，需要同步改这里。
   ========================================================== */

/* --- Hero (1a10003) --- */
.e-con[data-id="1a10003"] {
  background-color: #12201A;
  background-image: radial-gradient(circle at 82% 18%, rgba(199, 154, 75, .20), transparent 58%);
}
.e-con[data-id="1a10003"] h1 {
  color: #fff;
  font-size: 46px;
  line-height: 1.14;
  margin: 0;
  letter-spacing: -.02em;
  text-align: center;
}
.manyu-c-hero-sub p,
.manyu-c-hero-sub {
  color: rgba(255, 255, 255, .82);
  font-size: 17px;
  line-height: 1.65;
  text-align: center;
  margin: 0;
}
.manyu-c-hero-sub p { margin: 0; }
.manyu-c-hero-meta p,
.manyu-c-hero-meta {
  color: var(--manyu-brass);
  font-size: 13px;
  font-weight: 600;
  letter-spacing: .10em;
  text-transform: uppercase;
  text-align: center;
  margin: 0;
}

/* --- 三张联系卡 (行 1a10010 / 卡 1a10007 1a1000b 1a1000f) --- */
.e-con[data-id="1a10010"] > .e-con-inner {
  display: flex;
  flex-direction: row;
  align-items: stretch;
  flex-wrap: nowrap;
  gap: 24px;
  width: 100%;
}
.e-con[data-id="1a10010"] > .e-con-inner > .e-con {
  flex: 1 1 0;
  width: auto;
  min-width: 0;
}

.e-con[data-id="1a10007"],
.e-con[data-id="1a1000b"],
.e-con[data-id="1a1000f"] {
  background: #fff;
  border: 1px solid var(--manyu-line);
  border-radius: 14px;
  box-shadow: 0 4px 18px rgba(22, 36, 31, .05);
  transition: box-shadow .22s ease, transform .22s ease;
}
.e-con[data-id="1a10007"]:hover,
.e-con[data-id="1a1000b"]:hover,
.e-con[data-id="1a1000f"]:hover {
  box-shadow: 0 12px 30px rgba(22, 36, 31, .11);
  transform: translateY(-2px);
}

.manyu-card-label {
  color: var(--manyu-brass-dark);
  font-size: 12px;
  font-weight: 700;
  letter-spacing: .12em;
  text-transform: uppercase;
  margin: 0;
}
.manyu-card-label .elementor-heading-title { margin: 0; }

.manyu-card-value .elementor-heading-title,
.manyu-card-value {
  color: var(--manyu-forest);
  font-size: 19px;
  line-height: 1.4;
  margin: 0;
  word-break: break-word;
}
.manyu-card-value .elementor-heading-title a {
  color: var(--manyu-forest);
  text-decoration: none;
  transition: color .18s ease;
}
.manyu-card-value .elementor-heading-title a:hover { color: var(--manyu-brass-dark); }

.e-con[data-id="1a10007"] .elementor-widget-text-editor p,
.e-con[data-id="1a1000b"] .elementor-widget-text-editor p,
.e-con[data-id="1a1000f"] .elementor-widget-text-editor p {
  color: var(--manyu-muted);
  font-size: 14px;
  line-height: 1.6;
  margin: 0;
}

/* --- 两栏 (1a10017 / 面板 1a10013 1a10016) --- */
.e-con[data-id="1a10017"] > .e-con-inner {
  display: flex;
  flex-direction: row;
  align-items: stretch;
  flex-wrap: nowrap;
  gap: 24px;
  width: 100%;
}
.e-con[data-id="1a10017"] > .e-con-inner > .e-con {
  flex: 1 1 0;
  width: auto;
  min-width: 0;
}
.e-con[data-id="1a10017"] > .e-con-inner > .e-con:first-child { flex: 1.12 1 0; }

.e-con[data-id="1a10013"],
.e-con[data-id="1a10016"] {
  background: var(--manyu-paper);
  border: 1px solid var(--manyu-line);
  border-radius: 14px;
}
.e-con[data-id="1a10013"] h3,
.e-con[data-id="1a10016"] h3 {
  color: var(--manyu-forest);
  font-size: 21px;
  margin: 0 0 4px;
}

/* --- FAQ (1a10029 / 条目 1a1001c 1a1001f 1a10022 1a10025 1a10028) --- */
.e-con[data-id="1a1001c"],
.e-con[data-id="1a1001f"],
.e-con[data-id="1a10022"],
.e-con[data-id="1a10025"],
.e-con[data-id="1a10028"] {
  border-bottom: 1px solid var(--manyu-line);
  padding-bottom: 20px;
}
.e-con[data-id="1a10029"] > .e-con-inner > .e-con:last-child {
  border-bottom: 0;
  padding-bottom: 0;
}
.e-con[data-id="1a1001c"] h3,
.e-con[data-id="1a1001f"] h3,
.e-con[data-id="1a10022"] h3,
.e-con[data-id="1a10025"] h3,
.e-con[data-id="1a10028"] h3 {
  color: var(--manyu-forest);
  font-size: 17px;
  line-height: 1.45;
  margin: 0;
}
.e-con[data-id="1a1001c"] p,
.e-con[data-id="1a1001f"] p,
.e-con[data-id="1a10022"] p,
.e-con[data-id="1a10025"] p,
.e-con[data-id="1a10028"] p {
  color: var(--manyu-muted);
  font-size: 15px;
  line-height: 1.68;
  margin: 0;
}

/* --- CTA (1a1002c) --- */
.e-con[data-id="1a1002c"] {
  background-color: var(--manyu-forest);
  background-image: radial-gradient(circle at 12% 20%, rgba(199, 154, 75, .18), transparent 60%);
  border-radius: 16px;
}
.e-con[data-id="1a1002c"] .elementor-heading-title,
.e-con[data-id="1a1002c"] h2 {
  color: #fff;
  font-size: 27px;
  line-height: 1.3;
  margin: 0;
}
.e-con[data-id="1a1002c"] .elementor-widget-text-editor p {
  color: rgba(255, 255, 255, .80);
  font-size: 15px;
  line-height: 1.65;
  margin: 0;
}
.e-con[data-id="1a1002c"] .elementor-widget-text-editor a { color: var(--manyu-brass); }

/* --- 标题与引导文（widget class） --- */
.manyu-section-title .elementor-heading-title {
  color: var(--manyu-forest);
  font-size: 30px;
  line-height: 1.25;
  margin: 0;
}
.manyu-section-lead p {
  color: var(--manyu-muted);
  font-size: 15px;
  line-height: 1.65;
  margin: 0;
}

/* --- 勾选列表 / 信息表 --- */
ul.manyu-tick-list {
  list-style: none;
  margin: 0;
  padding: 0;
}
ul.manyu-tick-list li {
  position: relative;
  padding: 0 0 0 26px;
  margin: 0 0 12px;
  color: var(--manyu-text);
  font-size: 15px;
  line-height: 1.6;
}
ul.manyu-tick-list li:last-child { margin-bottom: 0; }
ul.manyu-tick-list li::before {
  content: "";
  position: absolute;
  left: 2px;
  top: 8px;
  width: 11px;
  height: 6px;
  border-left: 2px solid var(--manyu-brass);
  border-bottom: 2px solid var(--manyu-brass);
  transform: rotate(-45deg);
}
ul.manyu-tick-list li strong { color: var(--manyu-forest); }

ul.manyu-fact-list {
  list-style: none;
  margin: 0;
  padding: 0;
}
ul.manyu-fact-list li {
  display: flex;
  gap: 14px;
  padding: 10px 0;
  border-bottom: 1px solid var(--manyu-line);
  font-size: 14px;
  line-height: 1.55;
  color: var(--manyu-text);
}
ul.manyu-fact-list li:last-child { border-bottom: 0; padding-bottom: 0; }
ul.manyu-fact-list li span:first-child {
  flex: 0 0 112px;
  color: var(--manyu-muted);
  font-weight: 600;
}

/* --- 响应式 --- */
@media (max-width: 1024px) {
  .e-con[data-id="1a10003"] h1 { font-size: 36px; }
  .manyu-section-title .elementor-heading-title { font-size: 26px; }
}

@media (max-width: 900px) {
  .e-con[data-id="1a10010"] > .e-con-inner,
  .e-con[data-id="1a10017"] > .e-con-inner {
    flex-direction: column;
    flex-wrap: wrap;
  }
  .e-con[data-id="1a10010"] > .e-con-inner > .e-con,
  .e-con[data-id="1a10017"] > .e-con-inner > .e-con {
    flex: 1 1 auto;
    width: 100%;
  }
}

@media (max-width: 767px) {
  .e-con[data-id="1a10003"] h1 { font-size: 29px; }
  .manyu-c-hero-sub p, .manyu-c-hero-sub { font-size: 15px; }
  .manyu-section-title .elementor-heading-title { font-size: 23px; }
  ul.manyu-fact-list li { flex-direction: column; gap: 2px; }
  ul.manyu-fact-list li span:first-child { flex: none; }
}

/* ==========================================================
   8. 询价板块（原「额外 CSS」内容，内置一份防丢失）
   后台「外观 → 自定义 → 额外 CSS」里的同名规则优先级更高，
   以后要改样式直接在后台改就行。
   ========================================================== */
/* 询价板块整体 */
.global-inquiry-section {
    width: 100%;
    max-width: 900px;
    margin: 30px auto;
    padding: 28px 32px;
    background: #f7faf7;
    border: 1px solid #dce8dc;
    border-radius: 14px;
    box-shadow: 0 5px 18px rgba(30, 70, 40, 0.07);
    box-sizing: border-box;
    overflow: hidden;
}

/* 标题 */
.global-inquiry-section h2 {
    max-width: 760px;
    margin: 0 auto 8px;
    color: #1f4d36;
    text-align: center;
    font-size: 30px;
    line-height: 1.2;
    font-weight: 700;
}

/* 说明文字 */
.global-inquiry-section > p {
    max-width: 700px;
    margin: 0 auto 20px;
    color: #5d6b61;
    text-align: center;
    font-size: 14px;
    line-height: 1.5;
}

/* 表单整体 */
.global-inquiry-section .forminator-ui#forminator-module-152 {
    width: 100%;
    max-width: 820px;
    margin: 0 auto;
}

/* 表单标签 */
.global-inquiry-section .forminator-label {
    display: block;
    margin-bottom: 5px;
    color: #294b38;
    font-size: 13px;
    font-weight: 600;
}

/* 输入框、下拉框、文本框 */
.global-inquiry-section .forminator-input,
.global-inquiry-section .forminator-textarea,
.global-inquiry-section .forminator-select {
    width: 100%;
    min-height: 42px;
    padding: 9px 12px;
    color: #26352b;
    background: #ffffff;
    border: 1px solid #c8d5ca;
    border-radius: 6px;
    font-size: 14px;
    box-sizing: border-box;
}

/* 文本框 */
.global-inquiry-section .forminator-textarea {
    min-height: 100px;
    resize: vertical;
}

/* 点击输入框 */
.global-inquiry-section .forminator-input:focus,
.global-inquiry-section .forminator-textarea:focus,
.global-inquiry-section .forminator-select:focus {
    border-color: #3d8b5c;
    outline: none;
    box-shadow: 0 0 0 2px rgba(61, 139, 92, 0.13);
}

/* 字段之间的间距 */
.global-inquiry-section .forminator-row {
    width: 100%;
    margin-bottom: 10px;
}

/* 文件上传区域 */
.global-inquiry-section .forminator-file-upload {
    display: flex;
    align-items: center;
    gap: 10px;
    width: 100%;
    min-height: 42px;
    padding: 8px 12px;
    background: #ffffff;
    border: 1px dashed #a9c2ae;
    border-radius: 6px;
    box-sizing: border-box;
}

/* 文件选择按钮 */
.global-inquiry-section .forminator-file-upload button,
.global-inquiry-section .forminator-file-upload .forminator-button {
    padding: 7px 13px;
    color: #ffffff;
    background: #3d8b5c;
    border: 0;
    border-radius: 5px;
    font-size: 13px;
    cursor: pointer;
}

/* 提交按钮所在区域，占满询价板块宽度并居中 */
.global-inquiry-section .forminator-row-last,
.global-inquiry-section .forminator-pagination-footer {
    display: flex !important;
    align-items: center;
    justify-content: center !important;
    width: 100% !important;
    margin: 16px 0 0 !important;
    padding: 0 !important;
    background: transparent !important;
    text-align: center !important;
}

/* 提交按钮 */
.global-inquiry-section .forminator-button-submit {
    display: block;
    min-width: 125px;
    margin: 0 auto !important;
    padding: 10px 22px;
    color: #ffffff !important;
    background: #2f7448 !important;
    border: 0 !important;
    border-radius: 6px !important;
    font-size: 14px;
    font-weight: 600;
    text-align: center;
    cursor: pointer;
}

/* 提交按钮悬停 */
.global-inquiry-section .forminator-button-submit:hover {
    background: #225b37 !important;
}

/* 错误提示 */
.global-inquiry-section .forminator-error-message {
    margin-top: 4px;
    color: #c0392b;
    font-size: 12px;
}

/* 隐藏后台编辑链接 */
.global-inquiry-section .forminator-edit-module {
    display: none !important;
}

/* 手机端 */
@media (max-width: 767px) {
    .global-inquiry-section {
        width: calc(100% - 24px);
        margin: 22px 12px;
        padding: 22px 16px;
        border-radius: 12px;
    }

    .global-inquiry-section h2 {
        font-size: 25px;
    }

    .global-inquiry-section > p {
        margin-bottom: 16px;
        font-size: 14px;
    }

    .global-inquiry-section .forminator-file-upload {
        display: block;
    }

    .global-inquiry-section .forminator-file-upload button,
    .global-inquiry-section .forminator-file-upload .forminator-button {
        margin-bottom: 5px;
    }

    .global-inquiry-section .forminator-button-submit {
        width: auto !important;
        min-width: 125px;
    }
}

/* ==========================================================
   12. 产品页（分类列表 / 单品详情 / 总览）
   目标：看起来像外贸 B2B 产品目录，不是零售商城
   ========================================================== */

/* --- 通用按钮 --- */
.manyu-btn,
a.manyu-btn {
  display: inline-block;
  padding: 11px 22px;
  background: var(--manyu-brass);
  color: var(--manyu-ink) !important;
  font-size: 15px;
  font-weight: 600;
  line-height: 1.2;
  border-radius: 8px;
  text-decoration: none !important;
  transition: background-color .2s ease, transform .2s ease;
}
.manyu-btn:hover { background: var(--manyu-brass-dark); transform: translateY(-1px); }
.manyu-btn-lg { padding: 14px 30px; font-size: 16px; background: var(--manyu-forest); color: #fff !important; }
.manyu-btn-lg:hover { background: #16302a; }

/* --- 分类页顶部介绍 --- */
.manyu-cat-intro {
  background: var(--manyu-forest);
  color: #fff;
  /* 这条钩子输出在正文容器之外，是全宽区块，所以要自己让出页眉高度 */
  padding: calc(var(--manyu-header-h) + 30px) 24px 48px;
  margin: 0 0 42px;
}
.manyu-cat-intro-in { max-width: 1240px; margin: 0 auto; }
.manyu-cat-eyebrow {
  margin: 0 0 12px;
  font-size: 13px;
  letter-spacing: .08em;
  text-transform: uppercase;
  color: rgba(255, 255, 255, .55);
}
.manyu-cat-eyebrow a { color: rgba(255, 255, 255, .75) !important; text-decoration: none; }
.manyu-cat-eyebrow a:hover { color: var(--manyu-brass) !important; }
.manyu-cat-title {
  color: #fff;
  font-size: 44px;
  line-height: 1.08;
  margin: 0 0 14px;
  letter-spacing: -.01em;
}
.manyu-cat-desc {
  max-width: 760px;
  margin: 0 0 22px;
  font-size: 16px;
  line-height: 1.68;
  color: rgba(255, 255, 255, .82);
}

/* 分类页：引导带已经让出页眉高度，正文区不再叠加留白 */
body.tax-product_cat main.site-main { padding-top: 0; }
body.tax-product_cat .woocommerce-breadcrumb { display: none; }
/* 单品页：面包屑由详情正文里那条 .manyu-pd-crumb 承担，避免重复 */
.single-product .woocommerce-breadcrumb { display: none; }
/* 没有评价，去掉 Reviews 标签 */
.woocommerce div.product .woocommerce-tabs ul.tabs li#tab-title-reviews { display: none; }

/* Woo 默认的标题 / 排序 / 计数在分类页显得多余，隐藏 */
.woocommerce-products-header,
.woocommerce-ordering,
.woocommerce-result-count { display: none !important; }

/* --- 产品网格：4 列卡片 --- */
.woocommerce ul.products {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 26px;
  margin: 0 0 40px !important;
  padding: 0;
  list-style: none;
}
.woocommerce ul.products::before,
.woocommerce ul.products::after { display: none !important; }

.woocommerce ul.products li.product {
  width: 100% !important;
  float: none !important;
  margin: 0 !important;
  padding: 0 !important;
  display: flex;
  flex-direction: column;
  background: #fff;
  border: 1px solid var(--manyu-line);
  border-radius: 14px;
  overflow: hidden;
  text-align: left;
  transition: box-shadow .22s ease, transform .22s ease, border-color .22s ease;
}
.woocommerce ul.products li.product:hover {
  border-color: #cfd6cf;
  box-shadow: 0 14px 32px rgba(22, 36, 31, .10);
  transform: translateY(-3px);
}

.woocommerce ul.products li.product a.woocommerce-LoopProduct-link {
  display: block;
  background: #F4F2ED;
  padding: 12px;
}
.woocommerce ul.products li.product a img {
  width: 100% !important;
  height: auto !important;
  aspect-ratio: 1 / 1;
  object-fit: cover;
  margin: 0 !important;
  border-radius: 8px;
  display: block;
}

.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
  font-size: 15px !important;
  line-height: 1.42;
  font-weight: 600;
  color: var(--manyu-forest);
  padding: 16px 16px 10px !important;
  margin: 0 !important;
  min-height: 62px;
}

/* 卡片底部按钮 */
.manyu-loop-btn {
  margin: auto 16px 16px;
  padding: 10px 12px;
  text-align: center;
  font-size: 13px;
  font-weight: 600;
  letter-spacing: .02em;
  color: var(--manyu-forest) !important;
  background: var(--manyu-paper);
  border: 1px solid var(--manyu-line);
  border-radius: 8px;
  text-decoration: none !important;
  transition: background-color .18s ease, color .18s ease, border-color .18s ease;
}
.manyu-loop-btn:hover {
  background: var(--manyu-forest);
  border-color: var(--manyu-forest);
  color: #fff !important;
}

/* --- 单品详情页 --- */
.single-product .woocommerce-product-gallery__wrapper { border-radius: 16px; overflow: hidden; }
.single-product .product_title {
  font-size: 34px;
  line-height: 1.2;
  color: var(--manyu-forest);
  margin-bottom: 10px;
}
.single-product .woocommerce-product-details__short-description {
  font-size: 15.5px;
  line-height: 1.7;
  color: var(--manyu-muted);
}
.single-product .woocommerce-tabs ul.tabs li a { color: var(--manyu-forest); }
/* 注意：这里原来是「隐藏描述区第一个段落」，用来盖掉一度重复的首段文案。
   那个重复已经不存在了，而你之后会用 Elementor 自己做产品内容 ——
   再留着会把你写的第一段文字直接隐藏掉，所以整条删掉。 */

/* 详情页摘要区（主图右侧）的询盘按钮：墨绿底、白字 */
a.manyu-inquiry-btn {
  display: block;
  margin: 24px 0 12px;
  padding: 14px 24px;
  background: var(--manyu-ink);
  color: #fff;
  font-size: 16px;
  font-weight: 600;
  line-height: 1.2;
  text-align: center;
  border-radius: 8px;
  text-decoration: none;
  transition: background-color .2s ease;
}
a.manyu-inquiry-btn:hover { background: var(--manyu-forest); }

/* 详情页正文里的卖点列表 */
.manyu-feature-list { padding-left: 0; list-style: none; margin: 6px 0 18px; }
.manyu-feature-list li {
  position: relative;
  padding-left: 24px;
  margin-bottom: 8px;
  line-height: 1.6;
}
.manyu-feature-list li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 8px;
  width: 8px;
  height: 8px;
  border-radius: 2px;
  background: var(--manyu-brass);
}

/* --- Products 总览页（Elementor 容器用 data-id 定位） --- */
[data-id="2b20010"] { flex-wrap: wrap; }
[data-id="2b20010"] > .e-con {
  flex: 1 1 calc(25% - 18px);
  min-width: 220px;
  overflow: hidden;
}
[data-id="2b20010"] .elementor-widget-image img {
  width: 100%;
  aspect-ratio: 4 / 3;
  object-fit: cover;
  display: block;
}
[data-id="2b20010"] > .e-con > .elementor-widget-heading { padding: 0 20px; margin-top: 4px; }
[data-id="2b20010"] > .e-con > .elementor-widget-text-editor { padding: 0 20px; }
[data-id="2b20010"] > .e-con > .elementor-widget-text-editor p {
  font-size: 14px;
  line-height: 1.6;
  color: var(--manyu-muted);
  margin: 0;
}
[data-id="2b20010"] > .e-con > .elementor-widget-button { padding: 14px 20px 22px; margin-top: auto; }
[data-id="2b20010"] .elementor-button { font-size: 14px; padding: 10px 18px; }

/* --- 响应式 --- */
@media (max-width: 1200px) {
  .woocommerce ul.products { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}
@media (max-width: 900px) {
  .woocommerce ul.products { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 18px; }
  .manyu-cat-intro { padding: calc(var(--manyu-header-h) + 24px) 22px 34px; }
  .manyu-cat-title { font-size: 32px; }
  [data-id="2b20010"] > .e-con { flex: 1 1 calc(50% - 12px); }
}
@media (max-width: 600px) {
  .manyu-cat-title { font-size: 27px; }
  .manyu-cat-desc { font-size: 15px; }
  .single-product .product_title { font-size: 25px; }
  [data-id="2b20010"] > .e-con { flex: 1 1 100%; }
}

/* ==========================================================
   13. 页脚 / 单品页移动端修正（v1.4.4）
   ------------------------------------------------------------
   页脚（Elementor 模板 153）用一排 flex + 硬编码左右 margin 拼
   出四栏，手机上不会换行，实测 477px 视口里被撑到 741px，
   右侧约 190px 内容被 overflow-x 裁掉。这里强制改为纵向堆叠。
   ========================================================== */
/* --- 页脚本体：让绿色背景按内容自适应 ---
   Elementor 把绿色容器写死 height:357px、四栏各 319px，
   但第一栏那段公司介绍实际要 408px（整个容器内容高 461px），
   多出来的 104px 直接溢出到绿色块外面、压到页面最底部。
   这里统一改成 auto，背景就自然裹住文字，不多不少。 */
footer .elementor-153 [data-id="5b3ae97"],
footer .elementor-153 [data-id="5b3ae97"] > .e-con {
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
  overflow: visible !important;
}
footer .elementor-153 [data-id="5b3ae97"] {
  align-items: flex-start !important;
  padding: 36px 24px 40px !important;
}
footer .elementor-153 [data-id="5b3ae97"] > .e-con { padding-block: 0 !important; }

@media (max-width: 1024px) {
  footer .footer-width-fixer,
  footer .elementor-153,
  footer .elementor-153 > .e-con {
    max-width: 100%;
    min-width: 0;
  }
  footer [data-id="5b3ae97"] {
    /* 注意：column + wrap 在有固定高度的容器里会折成多列，
       反而铺得更宽，所以这里必须是 column + nowrap */
    flex-wrap: nowrap !important;
    flex-direction: column !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    gap: 26px !important;
    padding: 30px 20px 34px !important;
  }
  footer [data-id="5b3ae97"] > .e-con {
    flex: 0 0 100% !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    /* 第一栏在桌面端靠手写 margin-left 定位，手机上会把整块推出屏幕 */
    margin: 0 !important;
  }
  /* 清掉为桌面端四栏手写出来的正负缩进 */
  footer .elementor-153 .elementor-widget-text-editor,
  footer .elementor-153 .elementor-widget-heading,
  footer .elementor-153 .elementor-widget {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
  footer .elementor-153 p { overflow-wrap: break-word; }
}

/* 单品页手机端：标题与询价按钮排在图片上方，
   否则用户要划过一整屏大图才看得到型号 */
@media (max-width: 767px) {
  .woocommerce div.product,
  .woocommerce #content div.product {
    display: flex;
    flex-direction: column;
  }
  .woocommerce div.product > .woocommerce-product-gallery,
  .woocommerce #content div.product > .woocommerce-product-gallery { order: 2; }
  .woocommerce div.product > .summary,
  .woocommerce #content div.product > .summary { order: 1; margin-bottom: 22px; }
  .woocommerce div.product > .manyu-product-desc,
  .woocommerce #content div.product > .manyu-product-desc { order: 3; }
  .woocommerce div.product > section.related,
  .woocommerce div.product > .related.products { order: 4; }
}

/* --- 桌面端「主图 / 摘要」行：整行限宽 1240 居中，主图缩到改版前尺寸 ---
   WooCommerce 默认两列各 48% 且通栏，1366 下主图被拉到 637px（原图仅 600，
   轻微放大发虚，zoom 倍率也只有 1.25 倍不明显）。
   这里把整行收到与详情正文同宽（1240）并居中，主图列改 42%（≈520px），
   摘要列保持 48%，大屏下也不会出现「图在左、按钮在右、中间一大片空」的局面。 */
@media (min-width: 768px) {
  .woocommerce div.product,
  .woocommerce #content div.product {
    max-width: 1240px;
    margin: 0 auto;
    padding: 0 24px;
  }
  .woocommerce div.product .woocommerce-product-gallery,
  .woocommerce #content div.product .woocommerce-product-gallery {
    width: 42% !important;
  }
}

/* ==========================================================
   14. 产品详情页模板（v1.7.0）
   ------------------------------------------------------------
   按用户链锯模板统一的全站产品详情页版式：
   面包屑 → Description → Product Parameters → Details 三块 →
   Why Choose 四卡 → About → FAQ → 底部询价 CTA。
   HTML 由 product_content.py 生成，类名统一 manyu- 前缀。
   ========================================================== */

/* --- 详情正文容器：直接铺在「标题+图片」下方，不再藏进 Woo 标签页 --- */
.manyu-product-desc {
  /* 桌面端 WooCommerce 用 float 排「左图 / 右摘要」，
     正文必须清浮，否则会贴到图片旁边、行宽被挤成一圈 */
  clear: both;
  max-width: 1240px;
  margin: 0 auto;
  padding: 6px 24px 60px;
}
.manyu-product-desc p {
  font-size: 15.5px;
  line-height: 1.78;
  color: var(--manyu-text);
}
.manyu-product-desc p + p { margin-top: .9em; }
.manyu-product-desc a { color: var(--manyu-brass-dark); }

/* --- 面包屑（正文里自带一条，方便爬虫与分享链接识别层级） --- */
.manyu-pd-crumb {
  margin: 0 0 16px;
  font-size: 13px;
  letter-spacing: .02em;
  color: var(--manyu-muted);
}
.manyu-pd-crumb a { color: var(--manyu-muted); text-decoration: none; }
.manyu-pd-crumb a:hover { color: var(--manyu-brass-dark); text-decoration: underline; }
.manyu-pd-sep { margin: 0 8px; color: #b9b6ad; }
.manyu-pd-crumb-now { color: var(--manyu-forest); font-weight: 600; }

/* --- 章节标题：深林绿 + 黄铜金短横线 --- */
.manyu-pd-h2 {
  position: relative;
  margin: 48px 0 20px;
  padding-bottom: 12px;
  font-size: 25px;
  line-height: 1.28;
  color: var(--manyu-forest);
  border-bottom: 1px solid var(--manyu-line);
}
.manyu-pd-h2::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: -1px;
  width: 64px;
  height: 3px;
  background: var(--manyu-brass);
}
.manyu-pd > .manyu-pd-h2:first-of-type { margin-top: 0; }

/* --- 关键参数条：显示在产品标题下方（excerpt 区） --- */
.manyu-pd-keyfacts {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
  margin: 16px 0 4px;
  padding: 0;
  list-style: none;
}
.manyu-pd-keyfacts li {
  display: flex;
  flex-direction: column;
  gap: 3px;
  padding: 10px 12px;
  background: var(--manyu-paper);
  border: 1px solid var(--manyu-line);
  border-radius: 10px;
}
.manyu-kf-label {
  font-size: 11.5px;
  letter-spacing: .05em;
  text-transform: uppercase;
  color: var(--manyu-muted);
}
.manyu-kf-value {
  font-size: 15px;
  font-weight: 700;
  color: var(--manyu-forest);
}

/* --- Product Parameters 表（用 grid 排，窄屏自动变两列） --- */
.manyu-spec-table {
  display: grid;
  grid-template-columns: 21% 29% 21% 29%;
  border: 1px solid var(--manyu-line);
  border-radius: 12px;
  overflow: hidden;
  background: #fff;
}
.manyu-spec-table tbody,
.manyu-spec-table tr { display: contents; }
.manyu-spec-table th,
.manyu-spec-table td {
  padding: 12px 16px;
  font-size: 14.5px;
  line-height: 1.5;
  text-align: left;
  vertical-align: top;
  border-bottom: 1px solid var(--manyu-line);
}
.manyu-spec-table tbody tr:last-child th,
.manyu-spec-table tbody tr:last-child td { border-bottom: 0; }
.manyu-spec-table th {
  font-weight: 600;
  color: var(--manyu-muted);
  background: #fbfaf7;
}
.manyu-spec-table td {
  font-weight: 600;
  color: var(--manyu-forest);
}
.manyu-spec-table td.on-request {
  font-weight: 500;
  font-style: italic;
  color: #9a968c;
}
.manyu-spec-note {
  margin: 12px 0 0;
  font-size: 13px !important;
  line-height: 1.6;
  color: var(--manyu-muted);
}

/* --- Details：左侧深绿瓷砖（编号+关键词），右侧文案 --- */
.manyu-detail-list {
  display: flex;
  flex-direction: column;
  gap: 14px;
}
.manyu-detail-row {
  display: grid;
  grid-template-columns: 230px 1fr;
  border: 1px solid var(--manyu-line);
  border-radius: 14px;
  overflow: hidden;
  background: #fff;
}
.manyu-detail-tile {
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 10px;
  padding: 26px 22px;
  background: linear-gradient(150deg, #24453a 0%, var(--manyu-forest) 55%, #142a22 100%);
  color: #fff;
}
.manyu-detail-num {
  font-size: 34px;
  font-weight: 800;
  line-height: 1;
  letter-spacing: -.02em;
  color: var(--manyu-brass);
}
.manyu-detail-tag {
  font-size: 13.5px;
  line-height: 1.45;
  color: rgba(255, 255, 255, .85);
}

/* --- Details 配图行（v1.7.0）：照片铺满左列，编号牌+关键词叠在图上 --- */
.manyu-detail-row--img { grid-template-columns: 260px 1fr; }
.manyu-detail-media {
  position: relative;
  min-height: 200px;
  background: #e8ece9;
}
.manyu-detail-media img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
/* 底部渐变压暗，保证白色关键词在任何照片上都读得清 */
.manyu-detail-media::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 46%;
  background: linear-gradient(to top, rgba(12, 28, 22, .74), rgba(12, 28, 22, 0));
  pointer-events: none;
}
.manyu-detail-media .manyu-detail-num {
  position: absolute;
  z-index: 2;
  top: 12px;
  left: 12px;
  padding: 3px 11px;
  font-size: 22px;
  background: rgba(20, 42, 34, .88);
  border-radius: 8px;
  text-shadow: none;
}
.manyu-detail-media .manyu-detail-tag {
  position: absolute;
  z-index: 2;
  left: 16px;
  right: 16px;
  bottom: 12px;
  color: #fff;
  font-weight: 600;
  text-shadow: 0 1px 8px rgba(10, 26, 20, .5);
}
.manyu-detail-body { padding: 24px 26px; }
.manyu-detail-body h3 {
  margin: 0 0 8px;
  font-size: 18px;
  line-height: 1.3;
  color: var(--manyu-forest);
}
.manyu-detail-body p {
  margin: 0;
  font-size: 14.5px;
  line-height: 1.72;
  color: var(--manyu-text);
}

/* --- Why Choose：四张卡片 --- */
.manyu-why-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 14px;
}
.manyu-why-card {
  padding: 22px 20px;
  background: var(--manyu-paper);
  border: 1px solid var(--manyu-line);
  border-top: 3px solid var(--manyu-brass);
  border-radius: 12px;
}
.manyu-why-card h3 {
  margin: 0 0 8px;
  font-size: 16px;
  line-height: 1.35;
  color: var(--manyu-forest);
}
.manyu-why-card p {
  margin: 0;
  font-size: 14px;
  line-height: 1.68;
  color: var(--manyu-text);
}

/* --- About：暖白卡片 + 左侧金线，右侧工厂实拍（v1.7.0 加图） --- */
.manyu-pd-about {
  display: grid;
  grid-template-columns: 1fr 240px;
  gap: 26px;
  align-items: center;
  padding: 24px 26px;
  background: var(--manyu-paper);
  border: 1px solid var(--manyu-line);
  border-left: 4px solid var(--manyu-brass);
  border-radius: 12px;
}
.manyu-pd-about p { margin: 0; }
.manyu-pd-about p + p { margin-top: .8em; }
.manyu-pd-about-img {
  display: block;
  width: 100%;
  aspect-ratio: 1 / 1;
  object-fit: cover;
  border-radius: 10px;
}

/* --- FAQ：原生 details 折叠，无需 JS --- */
.manyu-faq { border-top: 1px solid var(--manyu-line); }
.manyu-faq-item { border-bottom: 1px solid var(--manyu-line); }
.manyu-faq-item summary {
  position: relative;
  display: block;
  padding: 16px 46px 16px 0;
  font-size: 15.5px;
  font-weight: 600;
  line-height: 1.5;
  color: var(--manyu-forest);
  cursor: pointer;
  list-style: none;
}
.manyu-faq-item summary::-webkit-details-marker { display: none; }
.manyu-faq-item summary::after {
  content: "+";
  position: absolute;
  right: 2px;
  top: 50%;
  transform: translateY(-50%);
  width: 26px;
  height: 26px;
  display: grid;
  place-items: center;
  border-radius: 50%;
  background: var(--manyu-paper);
  border: 1px solid var(--manyu-line);
  color: var(--manyu-forest);
  font-size: 16px;
  font-weight: 700;
  line-height: 1;
}
.manyu-faq-item[open] summary::after {
  content: "\2212";
  background: var(--manyu-brass);
  border-color: var(--manyu-brass);
  color: var(--manyu-ink);
}
.manyu-faq-a { padding: 0 0 18px; }
.manyu-faq-a p {
  margin: 0;
  font-size: 14.5px;
  line-height: 1.74;
  color: var(--manyu-text);
}

/* --- 响应式 --- */
@media (max-width: 1024px) {
  .manyu-why-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .manyu-detail-row { grid-template-columns: 180px 1fr; }
  .manyu-detail-row--img { grid-template-columns: 200px 1fr; }
  .manyu-pd-about { grid-template-columns: 1fr 200px; gap: 18px; }
}
@media (max-width: 767px) {
  .manyu-product-desc { padding: 4px 18px 44px; }
  .manyu-pd-h2 { margin: 36px 0 16px; font-size: 21px; }
  .manyu-pd-keyfacts { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .manyu-detail-list { gap: 12px; }
  .manyu-detail-row { grid-template-columns: 1fr; }
  /* 配图行手机端：照片横铺在上、文字在下 */
  .manyu-detail-row--img { grid-template-columns: 1fr; }
  .manyu-detail-media { min-height: 0; aspect-ratio: 16 / 10; }
  .manyu-detail-tile {
    flex-direction: row;
    align-items: baseline;
    gap: 12px;
    padding: 14px 20px;
  }
  .manyu-detail-num { font-size: 24px; }
  .manyu-detail-tag { font-size: 13px; }
  .manyu-detail-body { padding: 18px 20px 20px; }
  .manyu-pd-about { grid-template-columns: 1fr; gap: 16px; padding: 20px 18px; }
  .manyu-pd-about-img { aspect-ratio: 16 / 9; }
  .manyu-faq-item summary { font-size: 15px; }
}
@media (max-width: 700px) {
  /* 参数表窄屏改两列：标签 / 数值 一一对应 */
  .manyu-spec-table { grid-template-columns: minmax(92px, 34%) 1fr; }
  .manyu-spec-table th,
  .manyu-spec-table td { padding: 11px 13px; font-size: 13.5px; }
}

/* ==========================================================
   16. 首页博客网格（短代码 [manyu_blog_grid]）
   ========================================================== */
.manyu-blog-sec {
  max-width: 1240px;
  margin: 0 auto;
  padding: 78px 24px 74px;
  box-sizing: border-box;
}
.manyu-blog-head {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 30px;
  margin-bottom: 34px;
}
.manyu-blog-headtext { max-width: 720px; }
.manyu-blog-kicker {
  margin: 0 0 10px;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: .16em;
  text-transform: uppercase;
  color: var(--manyu-brass);
}
.manyu-blog-title {
  margin: 0 0 12px;
  font-size: 32px;
  line-height: 1.25;
  font-weight: 700;
  color: var(--manyu-forest);
}
.manyu-blog-sub {
  margin: 0;
  font-size: 15.5px;
  line-height: 1.65;
  color: var(--manyu-muted);
}
.manyu-blog-all {
  flex: 0 0 auto;
  padding: 12px 22px;
  border: 1px solid var(--manyu-line);
  border-radius: 8px;
  font-size: 14.5px;
  font-weight: 600;
  color: var(--manyu-forest);
  text-decoration: none;
  transition: border-color .2s ease, color .2s ease;
}
.manyu-blog-all:hover { border-color: var(--manyu-brass); color: var(--manyu-brass-dark); }

.manyu-blog-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 26px;
}
.manyu-blog-card {
  display: flex;
  flex-direction: column;
  background: #fff;
  border: 1px solid var(--manyu-line);
  border-radius: 14px;
  overflow: hidden;
  transition: box-shadow .22s ease, transform .22s ease;
}
.manyu-blog-card:hover {
  box-shadow: 0 14px 34px rgba(24, 44, 34, .10);
  transform: translateY(-3px);
}
.manyu-blog-thumb {
  display: block;
  aspect-ratio: 16 / 10;
  background: #eef1ee;
  overflow: hidden;
}
.manyu-blog-thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  transition: transform .35s ease;
}
.manyu-blog-card:hover .manyu-blog-thumb img { transform: scale(1.04); }
.manyu-blog-body { padding: 20px 22px 22px; display: flex; flex-direction: column; flex: 1 1 auto; }
.manyu-blog-cat {
  display: inline-block;
  margin-bottom: 10px;
  font-size: 11.5px;
  font-weight: 700;
  letter-spacing: .12em;
  text-transform: uppercase;
  color: var(--manyu-brass-dark);
}
.manyu-blog-ttl {
  margin: 0 0 10px;
  font-size: 18px;
  line-height: 1.4;
  font-weight: 700;
}
.manyu-blog-ttl a { color: var(--manyu-forest); text-decoration: none; }
.manyu-blog-ttl a:hover { color: var(--manyu-brass-dark); }
.manyu-blog-exc {
  margin: 0 0 16px;
  font-size: 14px;
  line-height: 1.62;
  color: var(--manyu-muted);
}
.manyu-blog-more {
  margin-top: auto;
  font-size: 14px;
  font-weight: 600;
  color: var(--manyu-forest);
  text-decoration: none;
}
.manyu-blog-more:hover { color: var(--manyu-brass-dark); }

/* ==========================================================
   17. 产品分类页 SEO 内容板块
   ========================================================== */
.manyu-cat-seo { background: #fff; }
.manyu-seo-block {
  max-width: 1240px;
  margin: 0 auto;
  padding: 66px 24px 60px;
  box-sizing: border-box;
}
.manyu-seo-block--alt { background: var(--manyu-paper); max-width: none; }
.manyu-seo-block--alt > * { max-width: 1192px; margin-left: auto; margin-right: auto; }
.manyu-seo-kicker {
  margin: 0 0 10px;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: .16em;
  text-transform: uppercase;
  color: var(--manyu-brass);
}
.manyu-seo-h2 {
  margin: 0 0 14px;
  font-size: 30px;
  line-height: 1.28;
  font-weight: 700;
  color: var(--manyu-forest);
  max-width: 900px;
}
.manyu-seo-lead {
  margin: 0 0 34px;
  max-width: 800px;
  font-size: 15.5px;
  line-height: 1.68;
  color: var(--manyu-muted);
}
.manyu-seo-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 20px;
}
.manyu-seo-grid--4 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.manyu-seo-card {
  position: relative;
  padding: 24px 26px 24px 62px;
  background: var(--manyu-paper);
  border: 1px solid var(--manyu-line);
  border-radius: 12px;
}
.manyu-seo-block--alt .manyu-seo-card { background: #fff; }
.manyu-seo-num {
  position: absolute;
  left: 22px;
  top: 24px;
  font-size: 15px;
  font-weight: 700;
  color: var(--manyu-brass);
  letter-spacing: .04em;
}
.manyu-seo-card h3 {
  margin: 0 0 8px;
  font-size: 16.5px;
  line-height: 1.42;
  font-weight: 700;
  color: var(--manyu-forest);
}
.manyu-seo-card p {
  margin: 0;
  font-size: 14.5px;
  line-height: 1.66;
  color: var(--manyu-muted);
}
.manyu-seo-card--check { padding-left: 26px; }
.manyu-seo-card--check h3::before {
  content: "";
  display: inline-block;
  width: 9px;
  height: 9px;
  margin-right: 10px;
  border-radius: 50%;
  background: var(--manyu-brass);
  vertical-align: 2px;
}
.manyu-seo-list {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px 42px;
}
.manyu-seo-item {
  padding: 20px 0;
  border-bottom: 1px solid var(--manyu-line);
}
.manyu-seo-item h3 {
  margin: 0 0 7px;
  font-size: 16px;
  font-weight: 700;
  color: var(--manyu-forest);
}
.manyu-seo-item p {
  margin: 0;
  font-size: 14.5px;
  line-height: 1.66;
  color: var(--manyu-muted);
}
.manyu-seo-actions {
  display: flex;
  align-items: center;
  gap: 24px;
  margin: 34px 0 0;
}
.manyu-seo-link {
  font-size: 14.5px;
  font-weight: 600;
  color: var(--manyu-forest);
  text-decoration: none;
  border-bottom: 1px solid var(--manyu-brass);
  padding-bottom: 2px;
}
.manyu-seo-link:hover { color: var(--manyu-brass-dark); }
.manyu-seo-faq { max-width: 900px; }

@media (max-width: 1024px) {
  .manyu-blog-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .manyu-blog-head { flex-direction: column; align-items: flex-start; gap: 18px; }
  .manyu-seo-grid, .manyu-seo-grid--4 { grid-template-columns: 1fr; }
  .manyu-seo-list { grid-template-columns: 1fr; gap: 0; }
  .manyu-blog-title { font-size: 28px; }
  .manyu-seo-h2 { font-size: 26px; }
}
@media (max-width: 767px) {
  .manyu-blog-sec { padding: 54px 20px 50px; }
  .manyu-blog-grid { grid-template-columns: 1fr; gap: 20px; }
  .manyu-seo-block { padding: 48px 20px 44px; }
  .manyu-seo-card { padding: 20px 20px 20px 54px; }
  .manyu-seo-card--check { padding-left: 20px; }
  .manyu-seo-actions { flex-direction: column; align-items: stretch; gap: 16px; }
  .manyu-seo-actions .manyu-btn { text-align: center; }
}

/* ==========================================================
   18. 博客索引页 / 单篇文章
   ========================================================== */
.manyu-blog-wrap {
  max-width: 1240px;
  margin: 0 auto;
  padding: calc(var(--manyu-header-h) + 46px) 24px 80px;
  box-sizing: border-box;
}
.manyu-blog-hero { max-width: 780px; margin-bottom: 44px; }
.manyu-blog-h1 {
  margin: 0 0 14px;
  font-size: 40px;
  line-height: 1.2;
  font-weight: 700;
  color: var(--manyu-forest);
}
.manyu-blog-hsub {
  margin: 0;
  font-size: 16px;
  line-height: 1.66;
  color: var(--manyu-muted);
}
.manyu-blog-grid--index { margin-bottom: 10px; }
.manyu-blog-empty { font-size: 15px; color: var(--manyu-muted); }

.manyu-blog-pager { margin: 44px 0 0; }
.manyu-blog-pager .nav-links { display: flex; gap: 10px; align-items: center; flex-wrap: wrap; }
.manyu-blog-pager .page-numbers {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 42px;
  height: 42px;
  padding: 0 12px;
  border: 1px solid var(--manyu-line);
  border-radius: 8px;
  font-size: 14.5px;
  font-weight: 600;
  color: var(--manyu-forest);
  text-decoration: none;
}
.manyu-blog-pager .page-numbers.current {
  background: var(--manyu-forest);
  border-color: var(--manyu-forest);
  color: #fff;
}
.manyu-blog-pager .page-numbers:hover { border-color: var(--manyu-brass); }

/* --- 单篇 --- */
.manyu-post { background: #fff; }
.manyu-post-in {
  max-width: 820px;
  margin: 0 auto;
  padding: calc(var(--manyu-header-h) + 40px) 24px 80px;
  box-sizing: border-box;
}
.manyu-post-crumb {
  margin: 0 0 16px;
  font-size: 13px;
  font-weight: 600;
  letter-spacing: .04em;
  text-transform: uppercase;
  color: var(--manyu-muted);
}
.manyu-post-crumb a { color: var(--manyu-brass-dark); text-decoration: none; }
.manyu-post-h1 {
  margin: 0 0 16px;
  font-size: 38px;
  line-height: 1.22;
  font-weight: 700;
  color: var(--manyu-forest);
}
.manyu-post-meta {
  margin: 0 0 28px;
  font-size: 13.5px;
  color: var(--manyu-muted);
}
.manyu-post-dot { margin: 0 8px; }
.manyu-post-fig {
  margin: 0 0 34px;
  border-radius: 14px;
  overflow: hidden;
  background: #eef1ee;
}
.manyu-post-fig img { display: block; width: 100%; height: auto; }

.manyu-post-body { font-size: 16.5px; line-height: 1.78; color: var(--manyu-text); }
.manyu-post-body > p { margin: 0 0 1.15em; }
.manyu-post-body h2 {
  margin: 2.1em 0 .7em;
  font-size: 25px;
  line-height: 1.32;
  font-weight: 700;
  color: var(--manyu-forest);
}
.manyu-post-body h3 {
  margin: 1.7em 0 .55em;
  font-size: 19.5px;
  line-height: 1.4;
  font-weight: 700;
  color: var(--manyu-forest);
}
.manyu-post-body ul,
.manyu-post-body ol { margin: 0 0 1.2em; padding-left: 1.3em; }
.manyu-post-body li { margin-bottom: .5em; }
.manyu-post-body a { color: var(--manyu-brass-dark); text-decoration: underline; text-underline-offset: 2px; }
.manyu-post-body strong { color: var(--manyu-ink); }
.manyu-post-body blockquote {
  margin: 1.6em 0;
  padding: 18px 22px;
  background: var(--manyu-paper);
  border-left: 4px solid var(--manyu-brass);
  border-radius: 0 10px 10px 0;
  font-size: 16px;
  color: var(--manyu-text);
}
.manyu-post-body blockquote p:last-child { margin-bottom: 0; }
.manyu-post-body table {
  width: 100%;
  margin: 1.4em 0;
  border-collapse: collapse;
  font-size: 15px;
}
.manyu-post-body th,
.manyu-post-body td {
  padding: 11px 14px;
  border: 1px solid var(--manyu-line);
  text-align: left;
}
.manyu-post-body th { background: var(--manyu-paper); font-weight: 700; color: var(--manyu-forest); }
.manyu-post-body img { max-width: 100%; height: auto; border-radius: 10px; }

.manyu-post-cta {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 26px;
  margin: 48px 0 0;
  padding: 24px 26px;
  background: var(--manyu-paper);
  border: 1px solid var(--manyu-line);
  border-left: 4px solid var(--manyu-brass);
  border-radius: 12px;
}
.manyu-post-cta-title { margin: 0 0 6px; font-size: 16.5px; font-weight: 700; color: var(--manyu-forest); }
.manyu-post-cta-note { margin: 0; font-size: 13.5px; line-height: 1.6; color: var(--manyu-muted); }
.manyu-post-cta .manyu-btn { flex: 0 0 auto; }

.manyu-post-related { margin: 46px 0 0; padding-top: 28px; border-top: 1px solid var(--manyu-line); }
.manyu-post-related-h { margin: 0 0 14px; font-size: 18px; font-weight: 700; color: var(--manyu-forest); }
.manyu-post-related-list { margin: 0; padding-left: 18px; }
.manyu-post-related-list li { margin-bottom: 9px; font-size: 15.5px; }
.manyu-post-related-list a { color: var(--manyu-forest); text-decoration: none; }
.manyu-post-related-list a:hover { color: var(--manyu-brass-dark); text-decoration: underline; }

@media (max-width: 767px) {
  .manyu-blog-wrap { padding: calc(var(--manyu-header-h) + 30px) 20px 60px; }
  .manyu-blog-h1 { font-size: 30px; }
  .manyu-post-in { padding: calc(var(--manyu-header-h) + 26px) 20px 60px; }
  .manyu-post-h1 { font-size: 27px; }
  .manyu-post-body { font-size: 16px; }
  .manyu-post-cta { flex-direction: column; align-items: stretch; gap: 16px; text-align: left; }
  .manyu-post-cta .manyu-btn { text-align: center; }
}

/* ==========================================================
   19. 移动端排版修正（v1.8.1）
   —— 桌面端 Elementor 把首屏标题设成 59px、正文设成两端对齐，
      在 390px 宽的手机上标题会排成 8 行，首屏内容高度超过容器后被
      flex 居中往上顶，标题就钻到固定页眉后面去了；正文两端对齐则会
      把字间距拉出一大片空洞。这里只针对 <=767px 修正，不动桌面端。
   ========================================================== */
@media (max-width: 767px) {
  /* 1) 首页首屏：顶部让出页眉高度 + 标题按手机屏幕缩放 */
  body.home [data-elementor-type="wp-page"] > .e-con:first-child {
    padding-top: calc(var(--manyu-header-h) + 10px) !important;
    /* 关键：容器是 flex 垂直居中，手机端内容高于容器时溢出会被平分成上下两半，
       标题因此钻到页眉后面。改成从上往下排，内容多就自然往下长。 */
    justify-content: flex-start !important;
  }
  /* 真正把标题顶出屏幕的是 Elementor 给标题组件设的 margin-top:-506px，
     手机端不需要这个上叠，归零即可 */
  body.home .elementor-element-bcb1d16 { margin-top: 0 !important; }
  /* 首屏容器在桌面端是 padding: 0 80px 0 30px，390 屏上内容区只剩 280px，
     再配上 28px 的正文，一行塞不了几个词，看上去就像字距被拉开了 */
  body.home [data-elementor-type="wp-page"] > .e-con:first-child {
    padding-left: 20px !important;
    padding-right: 20px !important;
  }
  body.home [data-elementor-type="wp-page"] > .e-con:first-child .elementor-widget-text-editor p {
    font-size: 17px !important;
    line-height: 1.7 !important;
  }
  body.home [data-elementor-type="wp-page"] > .e-con:first-child .elementor-heading-title {
    font-size: 30px !important;
    line-height: 1.24 !important;
    letter-spacing: -0.2px;
    text-align: left !important;
  }
  /* 2) 正文两端对齐在窄屏会拉出字距空洞：移动端统一左对齐 */
  [data-elementor-type="wp-page"] .elementor-widget-text-editor,
  [data-elementor-type="wp-page"] .elementor-widget-text-editor p,
  [data-elementor-type="wp-page"] .elementor-widget-text-editor .elementor-widget-container {
    text-align: left !important;
    -webkit-hyphens: none;
    hyphens: none;
  }
}