/* ========================================================================== BBN 内容卡片系统 —— 移植 8013 /technology/ 的 bbn-fixed-* 版式 8013 侧由 assets/preview.js 动态挂 bbn-fixed-* 类，线上 Elementor 未输出该类， 故此处直接以元素 id 定位（等价结果，不影响其它页面）。 权威实测来源：localhost:8013/technology/ 计算样式（2026-09-17 复核） split grid 2 列 558+558 / 容器 1240 / gap 52 / padding 76px 36px / align stretch copy 卡 558x470 / 白底 / 1px #e2e8ee / radius 24 / shadow 0 16px 44px rgba(7,21,38,.08) padding 48 / display flex row wrap gap 14 align-items center 标题段 100% 宽；每个按钮包一层 flex:0 0 auto + padding 0 19.5px -> 按钮实测 x=204 / x=408，宽 151 / 150，高 51 h1 54px 700 lh1.1 ls-.035em p 19px lh1.65 #4e6073 按钮 15.2px/1.65 650 / #e25b1b / radius 999 / padding 13px 22px / min-height 51 media radius 24 / overflow hidden / padding 0 / img 558x470 cover card-grid grid 3 列 374.66 / 容器 1240 / gap 22 / padding 26px 36px 78px 小卡 radius 20 / 白底 / shadow 0 12px 34px rgba(7,21,38,.07) / padding 24 适用页：2051 technology（本例）；2060 sustainability、3220 about-bbn 可同法追加 id ========================================================================== */ /* ===== pid 2051 /fabrics-bbn/technology/ ===== */ /* --- 两栏行 --- */ body.bbn-cards-ready .elementor-element-95e2382c, body.bbn-cards-ready .elementor-element-0f827cb9 { width: 100% !important; max-width: 100% !important; padding: 0 !important; margin: 0 !important; background: none !important; } body.bbn-cards-ready .elementor-element-95e2382c > .e-con-inner, body.bbn-cards-ready .elementor-element-0f827cb9 > .e-con-inner { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 52px !important; align-items: stretch !important; /* 8013 两栏等高 470 */ width: min(1240px, 100%) !important; max-width: 1240px !important; margin-left: auto !important; margin-right: auto !important; padding: 76px 36px !important; } body.bbn-cards-ready .elementor-element-95e2382c > .e-con-inner > *, body.bbn-cards-ready .elementor-element-0f827cb9 > .e-con-inner > * { width: 100% !important; max-width: 100% !important; } /* --- 白卡文字列：8013 是 row+wrap，标题占满行、两个按钮各占一列 --- */ body.bbn-cards-ready .elementor-element-75bbb1be, body.bbn-cards-ready .elementor-element-bf8f96db, body.bbn-cards-ready .elementor-element-75bbb1be > .e-con-inner, body.bbn-cards-ready .elementor-element-bf8f96db > .e-con-inner { display: flex !important; flex-direction: row !important; flex-wrap: wrap !important; justify-content: flex-start !important; align-content: flex-start !important; align-items: center !important; gap: 14px !important; width: 100% !important; max-width: 100% !important; margin: 0 !important; padding: 48px !important; border: 1px solid #e2e8ee !important; border-radius: 24px !important; background: #fff !important; box-shadow: 0 16px 44px rgba(7, 21, 38, .08) !important; box-sizing: border-box !important; } body.bbn-cards-ready .elementor-element-75bbb1be > *, body.bbn-cards-ready .elementor-element-bf8f96db > *, body.bbn-cards-ready .elementor-element-75bbb1be > .e-con-inner > *, body.bbn-cards-ready .elementor-element-bf8f96db > .e-con-inner > * { flex: 0 0 100% !important; max-width: 100% !important; } /* 按钮独立占列（8013: 外宽 190 / 188，即按钮 151 / 150 + 左右各 19.5px） */ body.bbn-cards-ready .elementor-element-75bbb1be > .elementor-widget-button, body.bbn-cards-ready .elementor-element-bf8f96db > .elementor-widget-button, body.bbn-cards-ready .elementor-element-75bbb1be > .e-con-inner > .elementor-widget-button, body.bbn-cards-ready .elementor-element-bf8f96db > .e-con-inner > .elementor-widget-button { flex: 0 0 auto !important; width: auto !important; max-width: 100% !important; padding: 0 19.5px !important; } body.bbn-cards-ready .elementor-element-75bbb1be .elementor-heading-title { margin: 0 !important; color: #0b1b2e !important; font-size: clamp(36px, 4.2vw, 54px) !important; font-weight: 700 !important; line-height: 1.1 !important; letter-spacing: -.035em !important; } body.bbn-cards-ready .elementor-element-bf8f96db .elementor-heading-title, body.bbn-cards-ready .elementor-element-f6088625 .elementor-heading-title, body.bbn-cards-ready .elementor-element-ac6496c9 .elementor-heading-title { margin: 0 !important; color: #0b1b2e !important; font-size: 24px !important; /* 8013 实测 h2 = 24px/700/lh1.1 */ font-weight: 700 !important; line-height: 1.1 !important; letter-spacing: -.01em !important; } body.bbn-cards-ready .elementor-element-75bbb1be p, body.bbn-cards-ready .elementor-element-bf8f96db p { margin: 0 !important; color: #4e6073 !important; font-size: 19px !important; line-height: 1.65 !important; } body.bbn-cards-ready .elementor-element-75bbb1be .elementor-button, body.bbn-cards-ready .elementor-element-bf8f96db .elementor-button { display: inline-flex !important; align-items: center !important; justify-content: center !important; width: auto !important; min-width: 0 !important; min-height: 51px !important; padding: 13px 22px !important; border: 0 !important; border-radius: 999px !important; background: #e25b1b !important; color: #fff !important; font-size: 15.2px !important; font-weight: 650 !important; line-height: 1.65 !important; white-space: nowrap !important; } body.bbn-cards-ready .elementor-element-75bbb1be .elementor-button:hover, body.bbn-cards-ready .elementor-element-bf8f96db .elementor-button:hover { background: #cf4f13 !important; color: #fff !important; } /* --- 右栏图片：8013 无内边距，图 558x470 通铺 --- */ body.bbn-cards-ready .elementor-element-9a45587e, body.bbn-cards-ready .elementor-element-6105ea7e { width: 100% !important; max-width: 100% !important; margin: 0 !important; padding: 0 !important; border-radius: 24px !important; overflow: hidden !important; } body.bbn-cards-ready .elementor-element-9a45587e > *, body.bbn-cards-ready .elementor-element-6105ea7e > *, body.bbn-cards-ready .elementor-element-9a45587e > .e-con-inner > *, body.bbn-cards-ready .elementor-element-6105ea7e > .e-con-inner > * { width: 100% !important; max-width: 100% !important; margin: 0 !important; padding: 0 !important; } body.bbn-cards-ready .elementor-element-9a45587e > .e-con-inner, body.bbn-cards-ready .elementor-element-6105ea7e > .e-con-inner { width: 100% !important; max-width: 100% !important; padding: 0 !important; margin: 0 !important; } body.bbn-cards-ready .elementor-element-9a45587e img, body.bbn-cards-ready .elementor-element-6105ea7e img { display: block !important; width: 100% !important; height: 470px !important; margin: 0 !important; border-radius: 24px !important; object-fit: cover !important; object-position: center !important; } /* --- Key Areas 三卡片 --- */ body.bbn-cards-ready .elementor-element-68b6d834 { width: 100% !important; max-width: 100% !important; padding: 0 !important; margin: 0 !important; } body.bbn-cards-ready .elementor-element-68b6d834 > .e-con-inner { display: grid !important; grid-template-columns: repeat(3, minmax(0, 1fr)) !important; gap: 22px !important; align-items: stretch !important; width: min(1240px, 100%) !important; max-width: 1240px !important; margin-left: auto !important; margin-right: auto !important; padding: 26px 36px 78px !important; } body.bbn-cards-ready .elementor-element-68b6d834 > .e-con-inner > * { width: 100% !important; max-width: 100% !important; height: 100% !important; } body.bbn-cards-ready .elementor-element-b5defc2a, body.bbn-cards-ready .elementor-element-bbe42a1a, body.bbn-cards-ready .elementor-element-2664f500 { border-radius: 20px !important; background: #fff !important; box-shadow: 0 12px 34px rgba(7, 21, 38, .07) !important; } body.bbn-cards-ready .elementor-element-b5defc2a .elementor-heading-title, body.bbn-cards-ready .elementor-element-bbe42a1a .elementor-heading-title, body.bbn-cards-ready .elementor-element-2664f500 .elementor-heading-title { margin: 0 !important; color: #0b1b2e !important; font-size: 28px !important; /* 8013 实测卡内 h3 = 28px/700/lh1.2 */ font-weight: 700 !important; line-height: 1.2 !important; letter-spacing: -.01em !important; } body.bbn-cards-ready .elementor-element-b5defc2a p, body.bbn-cards-ready .elementor-element-bbe42a1a p, body.bbn-cards-ready .elementor-element-2664f500 p { margin: 0 !important; color: #536477 !important; font-size: 17px !important; line-height: 1.5 !important; } /* --- Key Areas / Discuss 两个「说明块」：8013 是 1180 宽 + padding 54/34/30 --- */ body.bbn-cards-ready .elementor-element-f6088625, body.bbn-cards-ready .elementor-element-ac6496c9 { width: 100% !important; max-width: 100% !important; padding: 0 !important; margin: 0 !important; background: none !important; } body.bbn-cards-ready .elementor-element-f6088625 > .e-con-inner, body.bbn-cards-ready .elementor-element-ac6496c9 > .e-con-inner { width: min(1180px, 100%) !important; max-width: 1180px !important; margin-left: auto !important; margin-right: auto !important; padding: 54px 34px 30px !important; } body.bbn-cards-ready .elementor-element-f6088625 p, body.bbn-cards-ready .elementor-element-ac6496c9 p { margin: 0 !important; color: #4e6073 !important; font-size: 19px !important; line-height: 1.65 !important; } /* --- Discuss a Technical Requirement 的橙色胶囊按钮（对齐 8013）--- */ body.bbn-cards-ready .elementor-element-ac6496c9 .elementor-button { display: inline-flex !important; align-items: center !important; justify-content: center !important; width: auto !important; min-width: 0 !important; min-height: 51px !important; padding: 13px 22px !important; border: 0 !important; border-radius: 999px !important; background: #e25b1b !important; color: #fff !important; font-size: 15.2px !important; font-weight: 650 !important; line-height: 1.65 !important; white-space: nowrap !important; } body.bbn-cards-ready .elementor-element-ac6496c9 .elementor-button:hover { background: #cf4f13 !important; color: #fff !important; } /* --- 平板 / 手机 --- */ @media (max-width: 1024px) { body.bbn-cards-ready .elementor-element-95e2382c > .e-con-inner, body.bbn-cards-ready .elementor-element-0f827cb9 > .e-con-inner { grid-template-columns: 1fr !important; gap: 26px !important; padding: 34px 18px !important; } body.bbn-cards-ready .elementor-element-68b6d834 > .e-con-inner { grid-template-columns: 1fr !important; padding: 18px !important; } body.bbn-cards-ready .elementor-element-75bbb1be, body.bbn-cards-ready .elementor-element-bf8f96db, body.bbn-cards-ready .elementor-element-75bbb1be > .e-con-inner, body.bbn-cards-ready .elementor-element-bf8f96db > .e-con-inner { padding: 28px !important; } body.bbn-cards-ready .elementor-element-9a45587e img, body.bbn-cards-ready .elementor-element-6105ea7e img { height: 300px !important; } } @media (max-width: 767px) { body.bbn-cards-ready .elementor-element-9a45587e img, body.bbn-cards-ready .elementor-element-6105ea7e img { height: 220px !important; } body.bbn-cards-ready .elementor-element-75bbb1be, body.bbn-cards-ready .elementor-element-bf8f96db, body.bbn-cards-ready .elementor-element-75bbb1be > .e-con-inner, body.bbn-cards-ready .elementor-element-bf8f96db > .e-con-inner { padding: 22px !important; } body.bbn-cards-ready .elementor-element-75bbb1be p, body.bbn-cards-ready .elementor-element-bf8f96db p { font-size: 16px !important; } body.bbn-cards-ready .elementor-element-75bbb1be > .elementor-widget-button, body.bbn-cards-ready .elementor-element-bf8f96db > .elementor-widget-button { padding: 0 !important; flex: 1 1 100% !important; } body.bbn-cards-ready .elementor-element-75bbb1be .elementor-button, body.bbn-cards-ready .elementor-element-bf8f96db .elementor-button { width: 100% !important; justify-content: center !important; } } /* ========================================================================== 以下为追加块：2052 /fabrics-bbn/quality/ 的卡片版式 上半部分（2051 technology 的规则）逐字节未改动。 ========================================================================== */ /* ========================================================================== BBN 内容卡片系统 —— 2052 /fabrics-bbn/quality/ 版式还原（追加块，v3） 参照：localhost:8013/quality/ 与线上 /fabrics-bbn/technology/（同引擎同 CSS） 定位方式：元素 id（Elementor 容器上的自定义类不输出，只有 id 可用） 关键前提：technology 的卡片是 e-con-full（无 .e-con-inner）， quality 的卡片是 e-con-boxed（有 .e-con-inner）。 同一选择器里同时写 .e-con 与 .e-con-inner 会让内边距叠加两次 —— 本块 已按单层处理。 实测对照（1440）： 两栏行 grid 2 列 558+558 / 容器 1240 / gap 52 / padding 76px 36px / 等高 470 白卡 558x470 / 白底 / 1px #e2e8ee / r24 / shadow 0 16px 44px rgba(7,21,38,.08) 按钮外层 190x87（按钮 151x51 落在 x=204 与 x=408，同一行） media img 558x470 cover r24 三卡 grid 3 列 375 / gap 22 / padding 26px 36px 78px / 卡内 gap 12 -> 卡高 147 说明块 inner 1112 宽（容器 1180）/ padding 54px 34px 30px / gap 14 适用页：2052 quality（本块）。2051 technology 由本文件上半部分原有规则负责。 ========================================================================== */ /* ========================================================================== BBN 内容卡片系统 —— 移植 8013 /technology/ 的 bbn-fixed-* 版式 8013 侧由 assets/preview.js 动态挂 bbn-fixed-* 类，线上 Elementor 未输出该类， 故此处直接以元素 id 定位（等价结果，不影响其它页面）。 权威实测来源：localhost:8013/technology/ 计算样式（2026-09-17 复核） split grid 2 列 558+558 / 容器 1240 / gap 52 / padding 76px 36px / align stretch copy 卡 558x470 / 白底 / 1px #e2e8ee / radius 24 / shadow 0 16px 44px rgba(7,21,38,.08) padding 48 / display flex row wrap gap 14 align-items center 标题段 100% 宽；每个按钮包一层 flex:0 0 auto + padding 0 19.5px -> 按钮实测 x=204 / x=408，宽 151 / 150，高 51 h1 54px 700 lh1.1 ls-.035em p 19px lh1.65 #4e6073 按钮 15.2px/1.65 650 / #e25b1b / radius 999 / padding 13px 22px / min-height 51 media radius 24 / overflow hidden / padding 0 / img 558x470 cover card-grid grid 3 列 374.66 / 容器 1240 / gap 22 / padding 26px 36px 78px 小卡 radius 20 / 白底 / shadow 0 12px 34px rgba(7,21,38,.07) / padding 24 适用页：2051 technology（本例）；2060 sustainability、3220 about-bbn 可同法追加 id ========================================================================== */ /* ===== pid 2051 /fabrics-bbn/technology/ ===== */ /* --- 两栏行 --- */ body.bbn-cards-ready .elementor-element-22add02e, body.bbn-cards-ready .elementor-element-64c7699a { width: 100% !important; max-width: 100% !important; padding: 0 !important; margin: 0 !important; background: none !important; } body.bbn-cards-ready .elementor-element-22add02e > .e-con-inner, body.bbn-cards-ready .elementor-element-64c7699a > .e-con-inner { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 52px !important; align-items: stretch !important; /* 8013 两栏等高 470 */ width: min(1240px, 100%) !important; max-width: 1240px !important; margin-left: auto !important; margin-right: auto !important; padding: 76px 36px !important; } body.bbn-cards-ready .elementor-element-22add02e > .e-con-inner > *, body.bbn-cards-ready .elementor-element-64c7699a > .e-con-inner > * { width: 100% !important; max-width: 100% !important; } /* --- 白卡文字列 ------------------------------------------------------------ ⚠ 关键差异：technology 的卡片是 e-con-full（无 .e-con-inner）， quality 的卡片是 e-con-boxed（有 .e-con-inner）。 把 .e-con 与 .e-con-inner 写进同一个选择器会让 48px 内边距叠加成 96px： 内容宽 558-2-96=460 退化成 362，正文多折行、两个按钮被挤成两行、 卡高 470→494。故此处把「盒外观 + padding」只给 .e-con， .e-con-inner 只当 flex 排版器（padding:0）。 实测目标（8013 参照）：卡片 558x470，内容起点 x=185，按钮 x=204/408 同行。 */ body.bbn-cards-ready .elementor-element-3147e586, body.bbn-cards-ready .elementor-element-a9059d1e { display: flex !important; flex-direction: column !important; align-items: stretch !important; width: 100% !important; max-width: 100% !important; margin: 0 !important; padding: 48px !important; border: 1px solid #e2e8ee !important; border-radius: 24px !important; background: #fff !important; box-shadow: 0 16px 44px rgba(7, 21, 38, .08) !important; box-sizing: border-box !important; } /* 内层：纯排版容器，不再叠加内边距与边框 */ body.bbn-cards-ready .elementor-element-3147e586 > .e-con-inner, body.bbn-cards-ready .elementor-element-a9059d1e > .e-con-inner { display: flex !important; flex-direction: row !important; flex-wrap: wrap !important; justify-content: flex-start !important; align-content: flex-start !important; align-items: center !important; gap: 14px !important; width: 100% !important; max-width: 100% !important; margin: 0 !important; padding: 0 !important; border: 0 !important; border-radius: 0 !important; background: none !important; box-shadow: none !important; box-sizing: border-box !important; } /* 标题/正文各占满一行；两个按钮各占一列 （8013: 外宽 190/189，即按钮 151/150 + 左右各 19.5px） */ body.bbn-cards-ready .elementor-element-3147e586 > .e-con-inner > *, body.bbn-cards-ready .elementor-element-a9059d1e > .e-con-inner > * { flex: 0 0 100% !important; max-width: 100% !important; } body.bbn-cards-ready .elementor-element-3147e586 > .e-con-inner > .elementor-widget-button, body.bbn-cards-ready .elementor-element-a9059d1e > .e-con-inner > .elementor-widget-button { flex: 0 0 auto !important; width: auto !important; max-width: 100% !important; /* 8013 / technology: 按钮外层高 87（= 按钮 51 + 上下 18），按钮因此比标题行低 18px。 横向 19.5 让按钮落在 x=204（8013 实测 204/408）。 */ padding: 18px 19.5px !important; } body.bbn-cards-ready .elementor-element-3147e586 .elementor-heading-title { margin: 0 !important; color: #0b1b2e !important; font-size: clamp(36px, 4.2vw, 54px) !important; font-weight: 700 !important; line-height: 1.1 !important; letter-spacing: -.035em !important; } body.bbn-cards-ready .elementor-element-a9059d1e .elementor-heading-title, body.bbn-cards-ready .elementor-element-c3946be9 .elementor-heading-title, body.bbn-cards-ready .elementor-element-3b53195e .elementor-heading-title { margin: 0 !important; color: #0b1b2e !important; font-size: 24px !important; /* 8013 实测 h2 = 24px/700/lh1.1 */ font-weight: 700 !important; line-height: 1.1 !important; letter-spacing: -.01em !important; } body.bbn-cards-ready .elementor-element-3147e586 p, body.bbn-cards-ready .elementor-element-a9059d1e p { margin: 0 !important; color: #4e6073 !important; font-size: 19px !important; line-height: 1.65 !important; } body.bbn-cards-ready .elementor-element-3147e586 .elementor-button, body.bbn-cards-ready .elementor-element-a9059d1e .elementor-button { display: inline-flex !important; align-items: center !important; justify-content: center !important; width: auto !important; min-width: 0 !important; min-height: 51px !important; padding: 13px 22px !important; border: 0 !important; border-radius: 999px !important; background: #e25b1b !important; color: #fff !important; font-size: 15.2px !important; font-weight: 650 !important; line-height: 1.65 !important; white-space: nowrap !important; } body.bbn-cards-ready .elementor-element-3147e586 .elementor-button:hover, body.bbn-cards-ready .elementor-element-a9059d1e .elementor-button:hover { background: #cf4f13 !important; color: #fff !important; } /* --- 右栏图片：8013 无内边距，图 558x470 通铺 --- */ body.bbn-cards-ready .elementor-element-c6fe2a73, body.bbn-cards-ready .elementor-element-cfd2b349 { width: 100% !important; max-width: 100% !important; margin: 0 !important; padding: 0 !important; border-radius: 24px !important; overflow: hidden !important; } body.bbn-cards-ready .elementor-element-c6fe2a73 > *, body.bbn-cards-ready .elementor-element-cfd2b349 > *, body.bbn-cards-ready .elementor-element-c6fe2a73 > .e-con-inner > *, body.bbn-cards-ready .elementor-element-cfd2b349 > .e-con-inner > * { width: 100% !important; max-width: 100% !important; margin: 0 !important; padding: 0 !important; } body.bbn-cards-ready .elementor-element-c6fe2a73 > .e-con-inner, body.bbn-cards-ready .elementor-element-cfd2b349 > .e-con-inner { width: 100% !important; max-width: 100% !important; padding: 0 !important; margin: 0 !important; } body.bbn-cards-ready .elementor-element-c6fe2a73 img, body.bbn-cards-ready .elementor-element-cfd2b349 img { display: block !important; width: 100% !important; height: 470px !important; margin: 0 !important; border-radius: 24px !important; object-fit: cover !important; object-position: center !important; } /* --- Key Areas 三卡片 --- */ body.bbn-cards-ready .elementor-element-11e36926 { width: 100% !important; max-width: 100% !important; padding: 0 !important; margin: 0 !important; } body.bbn-cards-ready .elementor-element-11e36926 > .e-con-inner { display: grid !important; grid-template-columns: repeat(3, minmax(0, 1fr)) !important; gap: 22px !important; align-items: stretch !important; width: min(1240px, 100%) !important; max-width: 1240px !important; margin-left: auto !important; margin-right: auto !important; padding: 26px 36px 78px !important; } body.bbn-cards-ready .elementor-element-11e36926 > .e-con-inner > * { width: 100% !important; max-width: 100% !important; height: 100% !important; } body.bbn-cards-ready .elementor-element-224fb877, body.bbn-cards-ready .elementor-element-58281f13, body.bbn-cards-ready .elementor-element-8990fded { border-radius: 20px !important; background: #fff !important; box-shadow: 0 12px 34px rgba(7, 21, 38, .07) !important; } /* 卡片是 boxed（有 .e-con-inner），行间距落在内层；8013/technology 实测 12px -> 卡片高 375x147。quality 默认继承 20px，会变成 155。 */ body.bbn-cards-ready .elementor-element-224fb877 > .e-con-inner, body.bbn-cards-ready .elementor-element-58281f13 > .e-con-inner, body.bbn-cards-ready .elementor-element-8990fded > .e-con-inner { gap: 12px !important; } body.bbn-cards-ready .elementor-element-224fb877 .elementor-heading-title, body.bbn-cards-ready .elementor-element-58281f13 .elementor-heading-title, body.bbn-cards-ready .elementor-element-8990fded .elementor-heading-title { margin: 0 !important; color: #0b1b2e !important; font-size: 28px !important; /* 8013 实测卡内 h3 = 28px/700/lh1.2 */ font-weight: 700 !important; line-height: 1.2 !important; letter-spacing: -.01em !important; } body.bbn-cards-ready .elementor-element-224fb877 p, body.bbn-cards-ready .elementor-element-58281f13 p, body.bbn-cards-ready .elementor-element-8990fded p { margin: 0 !important; color: #536477 !important; font-size: 17px !important; line-height: 1.5 !important; } /* --- Key Areas / Discuss 两个「说明块」：8013 是 1180 宽 + padding 54/34/30 --- */ body.bbn-cards-ready .elementor-element-c3946be9, body.bbn-cards-ready .elementor-element-3b53195e { width: 100% !important; max-width: 100% !important; padding: 0 !important; margin: 0 !important; background: none !important; } body.bbn-cards-ready .elementor-element-c3946be9 > .e-con-inner, body.bbn-cards-ready .elementor-element-3b53195e > .e-con-inner { display: flex !important; flex-direction: column !important; align-items: stretch !important; /* 说明块文字必须满宽 1112（8013 实测） */ width: min(1180px, 100%) !important; max-width: 1180px !important; margin-left: auto !important; margin-right: auto !important; padding: 54px 34px 30px !important; gap: 14px !important; /* 8013/technology 实测 14（quality 默认 20 -> 高 162/233） */ } body.bbn-cards-ready .elementor-element-c3946be9 p, body.bbn-cards-ready .elementor-element-3b53195e p { margin: 0 !important; color: #4e6073 !important; font-size: 19px !important; line-height: 1.65 !important; } /* --- Discuss a Technical Requirement 的橙色胶囊按钮（对齐 8013）--- */ /* 按钮外层不再通栏：8013 实测 236x87，按钮 197x51 落在 x=183（= 内容 164 + 19.5）。 */ body.bbn-cards-ready .elementor-element-3b53195e > .e-con-inner > .elementor-widget-button { flex: 0 0 auto !important; width: auto !important; max-width: 100% !important; align-self: flex-start !important; /* 外层是 column+stretch，按钮不能被拉通栏 */ padding: 18px 19.5px !important; } body.bbn-cards-ready .elementor-element-3b53195e .elementor-button { display: inline-flex !important; align-items: center !important; justify-content: center !important; width: auto !important; min-width: 0 !important; min-height: 51px !important; padding: 13px 22px !important; border: 0 !important; border-radius: 999px !important; background: #e25b1b !important; color: #fff !important; font-size: 15.2px !important; font-weight: 650 !important; line-height: 1.65 !important; white-space: nowrap !important; } body.bbn-cards-ready .elementor-element-3b53195e .elementor-button:hover { background: #cf4f13 !important; color: #fff !important; } /* --- 平板 / 手机 --- */ @media (max-width: 1024px) { body.bbn-cards-ready .elementor-element-22add02e > .e-con-inner, body.bbn-cards-ready .elementor-element-64c7699a > .e-con-inner { grid-template-columns: 1fr !important; gap: 26px !important; padding: 34px 18px !important; } body.bbn-cards-ready .elementor-element-11e36926 > .e-con-inner { grid-template-columns: 1fr !important; padding: 18px !important; } body.bbn-cards-ready .elementor-element-3147e586, body.bbn-cards-ready .elementor-element-a9059d1e { padding: 28px !important; } body.bbn-cards-ready .elementor-element-c6fe2a73 img, body.bbn-cards-ready .elementor-element-cfd2b349 img { height: 300px !important; } } @media (max-width: 767px) { body.bbn-cards-ready .elementor-element-c6fe2a73 img, body.bbn-cards-ready .elementor-element-cfd2b349 img { height: 220px !important; } body.bbn-cards-ready .elementor-element-3147e586, body.bbn-cards-ready .elementor-element-a9059d1e { padding: 22px !important; } body.bbn-cards-ready .elementor-element-3147e586 p, body.bbn-cards-ready .elementor-element-a9059d1e p { font-size: 16px !important; } body.bbn-cards-ready .elementor-element-3147e586 > .e-con-inner > .elementor-widget-button, body.bbn-cards-ready .elementor-element-a9059d1e > .e-con-inner > .elementor-widget-button { padding: 0 !important; flex: 1 1 100% !important; } body.bbn-cards-ready .elementor-element-224fb877 > .e-con-inner, body.bbn-cards-ready .elementor-element-58281f13 > .e-con-inner, body.bbn-cards-ready .elementor-element-8990fded > .e-con-inner { gap: 12px !important; } body.bbn-cards-ready .elementor-element-3147e586 .elementor-button, body.bbn-cards-ready .elementor-element-a9059d1e .elementor-button { width: 100% !important; justify-content: center !important; } } /* ========================================================================== 以下为追加块：2060 /fabrics-bbn/sustainability/ 的卡片版式 上半部分（2051 technology + 2052 quality 的规则）逐字节未改动。 ========================================================================== */ /* ========================================================================== BBN 内容卡片系统 —— 2060 /fabrics-bbn/sustainability/ 版式还原（追加块 v1） 唯一参照：线上 https://sinoworkwear.com/fabrics-bbn/quality/（1440 视口实测） 定位方式：元素 id。Elementor 容器上的自定义类不会输出到前端，只有 id 可用； 故本块与其它页互不干扰，也不会波及主站与 /fabrics/。 结构前提：本页 12 个目标容器与参照页 quality 完全同构 —— 全部是 e-con-boxed（带 .e-con-inner）。若把 .e-con 与 .e-con-inner 写进 同一个选择器，48px 内边距会叠加成 96px，卡片内容宽 460→362， 正文多折行、两个按钮被挤成两行、卡高 470→494。 「盒外观 + 内边距」只给 .e-con，.e-con-inner 仅作排版器。 id 映射（参照页 quality → 本页 2060）： 两栏行① 22add02e→90db9725 白卡① 3147e586→f8c8ec2b 图列① c6fe2a73→7a27df2b 两栏行② 64c7699a→cdba1ef0 白卡② a9059d1e→1cba6969 图列② cfd2b349→bfdc0ed4 三卡父 11e36926→f41e4c6c 卡1 224fb877→4fabf5dd 卡2 58281f13→8af1354d 卡3 8990fded→33112ec3 说明块A c3946be9→550dfef5 说明块B 3b53195e→fde4b9db 实测目标（1440，取自参照页 quality）： 两栏行 grid 2 列 558+558 / 容器 1240 / gap 52 / padding 76px 36px / 等高 470 白卡 558x470 / 白底 / 1px #e2e8ee / r24 / shadow 0 16px 44px rgba(7,21,38,.08) 按钮外层高 87 → 按钮 151x51 与 150x51 同排落在 x=204 / x=408 图列 img 558x470 / object-fit:cover / r24 三卡 grid 3 列 375 / gap 22 / padding 26px 36px 78px / 卡内 gap 12 → 卡高 147 说明块 inner 1112 宽（外层 1180）/ padding 54px 34px 30px / gap 14 上线前提：2060 已在 snippet 316 的 bbn_cards_pages() 内（body.bbn-cards-ready）。 ========================================================================== */ /* ===== pid 2060 /fabrics-bbn/sustainability/ ===== */ /* --- 两栏行 --- */ body.bbn-cards-ready .elementor-element-90db9725, body.bbn-cards-ready .elementor-element-cdba1ef0 { width: 100% !important; max-width: 100% !important; padding: 0 !important; margin: 0 !important; background: none !important; } body.bbn-cards-ready .elementor-element-90db9725 > .e-con-inner, body.bbn-cards-ready .elementor-element-cdba1ef0 > .e-con-inner { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 52px !important; align-items: stretch !important; /* 参照页两栏等高 470 */ width: min(1240px, 100%) !important; max-width: 1240px !important; margin-left: auto !important; margin-right: auto !important; padding: 76px 36px !important; } body.bbn-cards-ready .elementor-element-90db9725 > .e-con-inner > *, body.bbn-cards-ready .elementor-element-cdba1ef0 > .e-con-inner > * { width: 100% !important; max-width: 100% !important; } /* --- 白卡文字列 ------------------------------------------------------------ ⚠ 关键前提：本页这 12 个目标容器与参照页 quality 完全同构 —— 全部是 e-con-boxed（带 .e-con-inner）。把 .e-con 与 .e-con-inner 写进同一个选择器 会让 48px 内边距叠加成 96px：内容宽 558-2-96=460 退化成 362，正文多折行、 两个按钮被挤成两行、卡高 470→494。故此处把「盒外观 + padding」只给 .e-con， .e-con-inner 只当 flex 排版器（padding:0）。 实测目标（参照页 quality）：卡片 558x470，内容起点 x=185，按钮 x=204/408 同行。 */ body.bbn-cards-ready .elementor-element-f8c8ec2b, body.bbn-cards-ready .elementor-element-1cba6969 { display: flex !important; flex-direction: column !important; align-items: stretch !important; width: 100% !important; max-width: 100% !important; margin: 0 !important; padding: 48px !important; border: 1px solid #e2e8ee !important; border-radius: 24px !important; background: #fff !important; box-shadow: 0 16px 44px rgba(7, 21, 38, .08) !important; box-sizing: border-box !important; } /* 内层：纯排版容器，不再叠加内边距与边框 */ body.bbn-cards-ready .elementor-element-f8c8ec2b > .e-con-inner, body.bbn-cards-ready .elementor-element-1cba6969 > .e-con-inner { display: flex !important; flex-direction: row !important; flex-wrap: wrap !important; justify-content: flex-start !important; align-content: flex-start !important; align-items: center !important; gap: 14px !important; width: 100% !important; max-width: 100% !important; margin: 0 !important; padding: 0 !important; border: 0 !important; border-radius: 0 !important; background: none !important; box-shadow: none !important; box-sizing: border-box !important; } /* 标题/正文各占满一行；两个按钮各占一列 （参照页: 外宽 190/189，即按钮 151/150 + 左右各 19.5px） */ body.bbn-cards-ready .elementor-element-f8c8ec2b > .e-con-inner > *, body.bbn-cards-ready .elementor-element-1cba6969 > .e-con-inner > * { flex: 0 0 100% !important; max-width: 100% !important; } body.bbn-cards-ready .elementor-element-f8c8ec2b > .e-con-inner > .elementor-widget-button, body.bbn-cards-ready .elementor-element-1cba6969 > .e-con-inner > .elementor-widget-button { flex: 0 0 auto !important; width: auto !important; max-width: 100% !important; /* 参照页 quality: 按钮外层高 87（= 按钮 51 + 上下 18），按钮因此比标题行低 18px。 横向 19.5 让按钮落在 x=204（参照页实测 204/408）。 */ padding: 18px 19.5px !important; } body.bbn-cards-ready .elementor-element-f8c8ec2b .elementor-heading-title { margin: 0 !important; color: #0b1b2e !important; font-size: clamp(36px, 4.2vw, 54px) !important; font-weight: 700 !important; line-height: 1.1 !important; letter-spacing: -.035em !important; } body.bbn-cards-ready .elementor-element-1cba6969 .elementor-heading-title, body.bbn-cards-ready .elementor-element-550dfef5 .elementor-heading-title, body.bbn-cards-ready .elementor-element-fde4b9db .elementor-heading-title { margin: 0 !important; color: #0b1b2e !important; font-size: 24px !important; /* 参照页实测 h2 = 24px/700/lh1.1 */ font-weight: 700 !important; line-height: 1.1 !important; letter-spacing: -.01em !important; } body.bbn-cards-ready .elementor-element-f8c8ec2b p, body.bbn-cards-ready .elementor-element-1cba6969 p { margin: 0 !important; color: #4e6073 !important; font-size: 19px !important; line-height: 1.65 !important; } body.bbn-cards-ready .elementor-element-f8c8ec2b .elementor-button, body.bbn-cards-ready .elementor-element-1cba6969 .elementor-button { display: inline-flex !important; align-items: center !important; justify-content: center !important; width: auto !important; min-width: 0 !important; min-height: 51px !important; padding: 13px 22px !important; border: 0 !important; border-radius: 999px !important; background: #e25b1b !important; color: #fff !important; font-size: 15.2px !important; font-weight: 650 !important; line-height: 1.65 !important; white-space: nowrap !important; } body.bbn-cards-ready .elementor-element-f8c8ec2b .elementor-button:hover, body.bbn-cards-ready .elementor-element-1cba6969 .elementor-button:hover { background: #cf4f13 !important; color: #fff !important; } /* --- 右栏图片：参照页无内边距，图 558x470 通铺 --- */ body.bbn-cards-ready .elementor-element-7a27df2b, body.bbn-cards-ready .elementor-element-bfdc0ed4 { width: 100% !important; max-width: 100% !important; margin: 0 !important; padding: 0 !important; border-radius: 24px !important; overflow: hidden !important; } body.bbn-cards-ready .elementor-element-7a27df2b > *, body.bbn-cards-ready .elementor-element-bfdc0ed4 > *, body.bbn-cards-ready .elementor-element-7a27df2b > .e-con-inner > *, body.bbn-cards-ready .elementor-element-bfdc0ed4 > .e-con-inner > * { width: 100% !important; max-width: 100% !important; margin: 0 !important; padding: 0 !important; } body.bbn-cards-ready .elementor-element-7a27df2b > .e-con-inner, body.bbn-cards-ready .elementor-element-bfdc0ed4 > .e-con-inner { width: 100% !important; max-width: 100% !important; padding: 0 !important; margin: 0 !important; } body.bbn-cards-ready .elementor-element-7a27df2b img, body.bbn-cards-ready .elementor-element-bfdc0ed4 img { display: block !important; width: 100% !important; height: 470px !important; margin: 0 !important; border-radius: 24px !important; object-fit: cover !important; object-position: center !important; } /* --- Key Areas 三卡片 --- */ body.bbn-cards-ready .elementor-element-f41e4c6c { width: 100% !important; max-width: 100% !important; padding: 0 !important; margin: 0 !important; } body.bbn-cards-ready .elementor-element-f41e4c6c > .e-con-inner { display: grid !important; grid-template-columns: repeat(3, minmax(0, 1fr)) !important; gap: 22px !important; align-items: stretch !important; width: min(1240px, 100%) !important; max-width: 1240px !important; margin-left: auto !important; margin-right: auto !important; padding: 26px 36px 78px !important; } body.bbn-cards-ready .elementor-element-f41e4c6c > .e-con-inner > * { width: 100% !important; max-width: 100% !important; height: 100% !important; } body.bbn-cards-ready .elementor-element-4fabf5dd, body.bbn-cards-ready .elementor-element-8af1354d, body.bbn-cards-ready .elementor-element-33112ec3 { border-radius: 20px !important; background: #fff !important; box-shadow: 0 12px 34px rgba(7, 21, 38, .07) !important; } /* 卡片是 boxed（有 .e-con-inner），行间距落在内层；参照页实测 12px -> 卡片高 375x147。本页默认继承 20px，会变成 155。 */ body.bbn-cards-ready .elementor-element-4fabf5dd > .e-con-inner, body.bbn-cards-ready .elementor-element-8af1354d > .e-con-inner, body.bbn-cards-ready .elementor-element-33112ec3 > .e-con-inner { gap: 12px !important; } body.bbn-cards-ready .elementor-element-4fabf5dd .elementor-heading-title, body.bbn-cards-ready .elementor-element-8af1354d .elementor-heading-title, body.bbn-cards-ready .elementor-element-33112ec3 .elementor-heading-title { margin: 0 !important; color: #0b1b2e !important; font-size: 28px !important; /* 参照页实测卡内 h3 = 28px/700/lh1.2 */ font-weight: 700 !important; line-height: 1.2 !important; letter-spacing: -.01em !important; } body.bbn-cards-ready .elementor-element-4fabf5dd p, body.bbn-cards-ready .elementor-element-8af1354d p, body.bbn-cards-ready .elementor-element-33112ec3 p { margin: 0 !important; color: #536477 !important; font-size: 17px !important; line-height: 1.5 !important; } /* --- Key Areas / Request Documents 两个「说明块」：参照页 1180 宽 + padding 54/34/30 --- */ body.bbn-cards-ready .elementor-element-550dfef5, body.bbn-cards-ready .elementor-element-fde4b9db { width: 100% !important; max-width: 100% !important; padding: 0 !important; margin: 0 !important; background: none !important; } body.bbn-cards-ready .elementor-element-550dfef5 > .e-con-inner, body.bbn-cards-ready .elementor-element-fde4b9db > .e-con-inner { display: flex !important; flex-direction: column !important; align-items: stretch !important; /* 说明块文字必须满宽 1112（参照页实测） */ width: min(1180px, 100%) !important; max-width: 1180px !important; margin-left: auto !important; margin-right: auto !important; padding: 54px 34px 30px !important; gap: 14px !important; /* 参照页实测 14（本页默认 20 -> 高 162/233） */ } body.bbn-cards-ready .elementor-element-550dfef5 p, body.bbn-cards-ready .elementor-element-fde4b9db p { margin: 0 !important; color: #4e6073 !important; font-size: 19px !important; line-height: 1.65 !important; } /* --- Request Sustainability Documents 的橙色胶囊按钮（对齐参照页）--- */ /* 按钮外层不再通栏：参照页实测 236x87，按钮 197x51 落在 x=184（= 内容 164 + 19.5）。 */ body.bbn-cards-ready .elementor-element-fde4b9db > .e-con-inner > .elementor-widget-button { flex: 0 0 auto !important; width: auto !important; max-width: 100% !important; align-self: flex-start !important; /* 外层是 column+stretch，按钮不能被拉通栏 */ padding: 18px 19.5px !important; } body.bbn-cards-ready .elementor-element-fde4b9db .elementor-button { display: inline-flex !important; align-items: center !important; justify-content: center !important; width: auto !important; min-width: 0 !important; min-height: 51px !important; padding: 13px 22px !important; border: 0 !important; border-radius: 999px !important; background: #e25b1b !important; color: #fff !important; font-size: 15.2px !important; font-weight: 650 !important; line-height: 1.65 !important; white-space: nowrap !important; } body.bbn-cards-ready .elementor-element-fde4b9db .elementor-button:hover { background: #cf4f13 !important; color: #fff !important; } /* --- 平板 / 手机 --- */ @media (max-width: 1024px) { body.bbn-cards-ready .elementor-element-90db9725 > .e-con-inner, body.bbn-cards-ready .elementor-element-cdba1ef0 > .e-con-inner { grid-template-columns: 1fr !important; gap: 26px !important; padding: 34px 18px !important; } body.bbn-cards-ready .elementor-element-f41e4c6c > .e-con-inner { grid-template-columns: 1fr !important; padding: 18px !important; } body.bbn-cards-ready .elementor-element-f8c8ec2b, body.bbn-cards-ready .elementor-element-1cba6969 { padding: 28px !important; } body.bbn-cards-ready .elementor-element-7a27df2b img, body.bbn-cards-ready .elementor-element-bfdc0ed4 img { height: 300px !important; } } @media (max-width: 767px) { body.bbn-cards-ready .elementor-element-7a27df2b img, body.bbn-cards-ready .elementor-element-bfdc0ed4 img { height: 220px !important; } body.bbn-cards-ready .elementor-element-f8c8ec2b, body.bbn-cards-ready .elementor-element-1cba6969 { padding: 22px !important; } body.bbn-cards-ready .elementor-element-f8c8ec2b p, body.bbn-cards-ready .elementor-element-1cba6969 p { font-size: 16px !important; } body.bbn-cards-ready .elementor-element-f8c8ec2b > .e-con-inner > .elementor-widget-button, body.bbn-cards-ready .elementor-element-1cba6969 > .e-con-inner > .elementor-widget-button { padding: 0 !important; flex: 1 1 100% !important; } body.bbn-cards-ready .elementor-element-4fabf5dd > .e-con-inner, body.bbn-cards-ready .elementor-element-8af1354d > .e-con-inner, body.bbn-cards-ready .elementor-element-33112ec3 > .e-con-inner { gap: 12px !important; } body.bbn-cards-ready .elementor-element-f8c8ec2b .elementor-button, body.bbn-cards-ready .elementor-element-1cba6969 .elementor-button { width: 100% !important; justify-content: center !important; } } /* ========================================================================== 以下为追加块：2053 /fabrics-bbn/factory/ 的卡片版式 上半部分（2051/2052/2060 的规则）逐字节未改动。 ========================================================================== */ /* ========================================================================== BBN 内容卡片系统 —— pid 2053 /fabrics-bbn/factory/ 版式还原（追加块 v1） 参照：线上 https://sinoworkwear.com/fabrics-bbn/quality/ 与 localhost:8013/factory/ （两者为同一套卡片系统，1440 实测几何一致） 定位方式：元素 id。Elementor 容器上的自定义类不会输出到前端，只有 id 可用； 故本块与其它页互不干扰，也不会波及主站与 /fabrics/。 结构前提：本页 12 个目标容器与参照页 quality 完全同构 —— 全部是 e-con-boxed（带 .e-con-inner）。若把 .e-con 与 .e-con-inner 写进 同一个选择器，48px 内边距会叠加成 96px，卡片内容宽 460→362， 正文多折行、两个按钮被挤成两行、卡高 470→494。 「盒外观 + 内边距」只给 .e-con，.e-con-inner 仅作排版器。 id 映射（参照页 quality → 本页 2053）： 两栏行① 22add02e→9486bb15 白卡① 3147e586→3afe3160 图列① c6fe2a73→eb7bd9cb 两栏行② 64c7699a→7c5a9342 白卡② a9059d1e→33e154d0 图列② cfd2b349→3884eafc 三卡父 11e36926→ad95debb 卡1 224fb877→4a170306 卡2 58281f13→c2c52f92 卡3 8990fded→ef5088aa 说明块A c3946be9→2ec69ae2 说明块B 3b53195e→ede52ef5 实测目标（1440，取自参照页）： 两栏行 grid 2 列 558+558 / 容器 1240 / gap 52 / padding 76px 36px / 等高 470 白卡 558x470 / 白底 / 1px #e2e8ee / r24 / shadow 0 16px 44px rgba(7,21,38,.08) 按钮外层高 87 → 按钮 151x51 与 150x51 同排落在 x=204 / x=408 图列 img 558x470 / object-fit:cover / r24 三卡 grid 3 列 375 / gap 22 / padding 26px 36px 78px / 卡内 gap 12 → 卡高 147 说明块 inner 1112 宽（外层 1180）/ padding 54px 34px 30px / gap 14 上线前提：2053 必须已在 snippet 316 的 bbn_cards_pages() 内 （否则页面拿不到 body.bbn-cards-ready，本块不会命中）。 ========================================================================== */ /* ===== pid 2053 /fabrics-bbn/factory/ ===== */ /* --- 两栏行 --- */ body.bbn-cards-ready .elementor-element-9486bb15, body.bbn-cards-ready .elementor-element-7c5a9342 { width: 100% !important; max-width: 100% !important; padding: 0 !important; margin: 0 !important; background: none !important; } body.bbn-cards-ready .elementor-element-9486bb15 > .e-con-inner, body.bbn-cards-ready .elementor-element-7c5a9342 > .e-con-inner { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 52px !important; align-items: stretch !important; /* 参照页两栏等高 470 */ width: min(1240px, 100%) !important; max-width: 1240px !important; margin-left: auto !important; margin-right: auto !important; padding: 76px 36px !important; } body.bbn-cards-ready .elementor-element-9486bb15 > .e-con-inner > *, body.bbn-cards-ready .elementor-element-7c5a9342 > .e-con-inner > * { width: 100% !important; max-width: 100% !important; } /* --- 白卡文字列 ------------------------------------------------------------ ⚠ 关键前提：本页这 12 个目标容器与参照页 quality 完全同构 —— 全部是 e-con-boxed（带 .e-con-inner）。把 .e-con 与 .e-con-inner 写进同一个选择器 会让 48px 内边距叠加成 96px：内容宽 558-2-96=460 退化成 362，正文多折行、 两个按钮被挤成两行、卡高 470→494。故此处把「盒外观 + padding」只给 .e-con， .e-con-inner 只当 flex 排版器（padding:0）。 实测目标（参照页 quality / 8013）：卡片 558x470，内容起点 x=185，按钮同行。 */ body.bbn-cards-ready .elementor-element-3afe3160, body.bbn-cards-ready .elementor-element-33e154d0 { display: flex !important; flex-direction: column !important; align-items: stretch !important; width: 100% !important; max-width: 100% !important; margin: 0 !important; padding: 48px !important; border: 1px solid #e2e8ee !important; border-radius: 24px !important; background: #fff !important; box-shadow: 0 16px 44px rgba(7, 21, 38, .08) !important; box-sizing: border-box !important; } /* 内层：纯排版容器，不再叠加内边距与边框 */ body.bbn-cards-ready .elementor-element-3afe3160 > .e-con-inner, body.bbn-cards-ready .elementor-element-33e154d0 > .e-con-inner { display: flex !important; flex-direction: row !important; flex-wrap: wrap !important; justify-content: flex-start !important; align-content: flex-start !important; align-items: center !important; gap: 14px !important; width: 100% !important; max-width: 100% !important; margin: 0 !important; padding: 0 !important; border: 0 !important; border-radius: 0 !important; background: none !important; box-shadow: none !important; box-sizing: border-box !important; } /* 标题/正文各占满一行；两个按钮各占一列 （参照页: 外宽 190/189，即按钮 151/150 + 左右各 19.5px） */ body.bbn-cards-ready .elementor-element-3afe3160 > .e-con-inner > *, body.bbn-cards-ready .elementor-element-33e154d0 > .e-con-inner > * { flex: 0 0 100% !important; max-width: 100% !important; } body.bbn-cards-ready .elementor-element-3afe3160 > .e-con-inner > .elementor-widget-button, body.bbn-cards-ready .elementor-element-33e154d0 > .e-con-inner > .elementor-widget-button { flex: 0 0 auto !important; width: auto !important; max-width: 100% !important; /* 参照页: 按钮外层高 87（= 按钮 51 + 上下 18），按钮因此比标题行低 18px。 横向 19.5 让按钮落在 x=204（参照页实测 204/408）。 */ padding: 18px 19.5px !important; } body.bbn-cards-ready .elementor-element-3afe3160 .elementor-heading-title { margin: 0 !important; color: #0b1b2e !important; font-size: clamp(36px, 4.2vw, 54px) !important; font-weight: 700 !important; line-height: 1.1 !important; letter-spacing: -.035em !important; } body.bbn-cards-ready .elementor-element-33e154d0 .elementor-heading-title, body.bbn-cards-ready .elementor-element-2ec69ae2 .elementor-heading-title, body.bbn-cards-ready .elementor-element-ede52ef5 .elementor-heading-title { margin: 0 !important; color: #0b1b2e !important; font-size: 24px !important; /* 参照页实测 h2 = 24px/700/lh1.1 */ font-weight: 700 !important; line-height: 1.1 !important; letter-spacing: -.01em !important; } body.bbn-cards-ready .elementor-element-3afe3160 p, body.bbn-cards-ready .elementor-element-33e154d0 p { margin: 0 !important; color: #4e6073 !important; font-size: 19px !important; line-height: 1.65 !important; } body.bbn-cards-ready .elementor-element-3afe3160 .elementor-button, body.bbn-cards-ready .elementor-element-33e154d0 .elementor-button { display: inline-flex !important; align-items: center !important; justify-content: center !important; width: auto !important; min-width: 0 !important; min-height: 51px !important; padding: 13px 22px !important; border: 0 !important; border-radius: 999px !important; background: #e25b1b !important; color: #fff !important; font-size: 15.2px !important; font-weight: 650 !important; line-height: 1.65 !important; white-space: nowrap !important; } body.bbn-cards-ready .elementor-element-3afe3160 .elementor-button:hover, body.bbn-cards-ready .elementor-element-33e154d0 .elementor-button:hover { background: #cf4f13 !important; color: #fff !important; } /* --- 右栏图片：参照页无内边距，图 558x470 通铺 --- */ body.bbn-cards-ready .elementor-element-eb7bd9cb, body.bbn-cards-ready .elementor-element-3884eafc { width: 100% !important; max-width: 100% !important; margin: 0 !important; padding: 0 !important; border-radius: 24px !important; overflow: hidden !important; } body.bbn-cards-ready .elementor-element-eb7bd9cb > *, body.bbn-cards-ready .elementor-element-3884eafc > *, body.bbn-cards-ready .elementor-element-eb7bd9cb > .e-con-inner > *, body.bbn-cards-ready .elementor-element-3884eafc > .e-con-inner > * { width: 100% !important; max-width: 100% !important; margin: 0 !important; padding: 0 !important; } body.bbn-cards-ready .elementor-element-eb7bd9cb > .e-con-inner, body.bbn-cards-ready .elementor-element-3884eafc > .e-con-inner { width: 100% !important; max-width: 100% !important; padding: 0 !important; margin: 0 !important; } body.bbn-cards-ready .elementor-element-eb7bd9cb img, body.bbn-cards-ready .elementor-element-3884eafc img { display: block !important; width: 100% !important; height: 470px !important; margin: 0 !important; border-radius: 24px !important; object-fit: cover !important; object-position: center !important; } /* --- Key Areas 三卡片 --- */ body.bbn-cards-ready .elementor-element-ad95debb { width: 100% !important; max-width: 100% !important; padding: 0 !important; margin: 0 !important; } body.bbn-cards-ready .elementor-element-ad95debb > .e-con-inner { display: grid !important; grid-template-columns: repeat(3, minmax(0, 1fr)) !important; gap: 22px !important; align-items: stretch !important; width: min(1240px, 100%) !important; max-width: 1240px !important; margin-left: auto !important; margin-right: auto !important; padding: 26px 36px 78px !important; } body.bbn-cards-ready .elementor-element-ad95debb > .e-con-inner > * { width: 100% !important; max-width: 100% !important; height: 100% !important; } body.bbn-cards-ready .elementor-element-4a170306, body.bbn-cards-ready .elementor-element-c2c52f92, body.bbn-cards-ready .elementor-element-ef5088aa { border-radius: 20px !important; background: #fff !important; box-shadow: 0 12px 34px rgba(7, 21, 38, .07) !important; } /* 卡片是 boxed（有 .e-con-inner），行间距落在内层；参照页实测 12px -> 卡片高 375x147。本页默认继承 20px，会变成 155。 */ body.bbn-cards-ready .elementor-element-4a170306 > .e-con-inner, body.bbn-cards-ready .elementor-element-c2c52f92 > .e-con-inner, body.bbn-cards-ready .elementor-element-ef5088aa > .e-con-inner { gap: 12px !important; } body.bbn-cards-ready .elementor-element-4a170306 .elementor-heading-title, body.bbn-cards-ready .elementor-element-c2c52f92 .elementor-heading-title, body.bbn-cards-ready .elementor-element-ef5088aa .elementor-heading-title { margin: 0 !important; color: #0b1b2e !important; font-size: 28px !important; /* 参照页实测卡内 h3 = 28px/700/lh1.2 */ font-weight: 700 !important; line-height: 1.2 !important; letter-spacing: -.01em !important; } body.bbn-cards-ready .elementor-element-4a170306 p, body.bbn-cards-ready .elementor-element-c2c52f92 p, body.bbn-cards-ready .elementor-element-ef5088aa p { margin: 0 !important; color: #536477 !important; font-size: 17px !important; line-height: 1.5 !important; } /* --- Key Areas / 收尾两个「说明块」：参照页 1180 宽 + padding 54/34/30 --- */ body.bbn-cards-ready .elementor-element-2ec69ae2, body.bbn-cards-ready .elementor-element-ede52ef5 { width: 100% !important; max-width: 100% !important; padding: 0 !important; margin: 0 !important; background: none !important; } body.bbn-cards-ready .elementor-element-2ec69ae2 > .e-con-inner, body.bbn-cards-ready .elementor-element-ede52ef5 > .e-con-inner { display: flex !important; flex-direction: column !important; align-items: stretch !important; /* 说明块文字必须满宽 1112（参照页实测） */ width: min(1180px, 100%) !important; max-width: 1180px !important; margin-left: auto !important; margin-right: auto !important; padding: 54px 34px 30px !important; gap: 14px !important; /* 参照页实测 14（本页默认 20 -> 高 162/233） */ } body.bbn-cards-ready .elementor-element-2ec69ae2 p, body.bbn-cards-ready .elementor-element-ede52ef5 p { margin: 0 !important; color: #4e6073 !important; font-size: 19px !important; line-height: 1.65 !important; } /* --- 收尾说明块的橙色胶囊按钮（对齐参照页）--- */ /* 按钮外层不再通栏：参照页实测 236x87，按钮落在 x=164（= 内边距 + 19.5）。 */ body.bbn-cards-ready .elementor-element-ede52ef5 > .e-con-inner > .elementor-widget-button { flex: 0 0 auto !important; width: auto !important; max-width: 100% !important; align-self: flex-start !important; /* 外层是 column+stretch，按钮不能被拉通栏 */ padding: 18px 19.5px !important; } body.bbn-cards-ready .elementor-element-ede52ef5 .elementor-button { display: inline-flex !important; align-items: center !important; justify-content: center !important; width: auto !important; min-width: 0 !important; min-height: 51px !important; padding: 13px 22px !important; border: 0 !important; border-radius: 999px !important; background: #e25b1b !important; color: #fff !important; font-size: 15.2px !important; font-weight: 650 !important; line-height: 1.65 !important; white-space: nowrap !important; } body.bbn-cards-ready .elementor-element-ede52ef5 .elementor-button:hover { background: #cf4f13 !important; color: #fff !important; } /* --- 平板 / 手机 --- */ @media (max-width: 1024px) { body.bbn-cards-ready .elementor-element-9486bb15 > .e-con-inner, body.bbn-cards-ready .elementor-element-7c5a9342 > .e-con-inner { grid-template-columns: 1fr !important; gap: 26px !important; padding: 34px 18px !important; } body.bbn-cards-ready .elementor-element-ad95debb > .e-con-inner { grid-template-columns: 1fr !important; padding: 18px !important; } body.bbn-cards-ready .elementor-element-3afe3160, body.bbn-cards-ready .elementor-element-33e154d0 { padding: 28px !important; } body.bbn-cards-ready .elementor-element-eb7bd9cb img, body.bbn-cards-ready .elementor-element-3884eafc img { height: 300px !important; } } @media (max-width: 767px) { body.bbn-cards-ready .elementor-element-eb7bd9cb img, body.bbn-cards-ready .elementor-element-3884eafc img { height: 220px !important; } body.bbn-cards-ready .elementor-element-3afe3160, body.bbn-cards-ready .elementor-element-33e154d0 { padding: 22px !important; } body.bbn-cards-ready .elementor-element-3afe3160 p, body.bbn-cards-ready .elementor-element-33e154d0 p { font-size: 16px !important; } body.bbn-cards-ready .elementor-element-3afe3160 > .e-con-inner > .elementor-widget-button, body.bbn-cards-ready .elementor-element-33e154d0 > .e-con-inner > .elementor-widget-button { padding: 0 !important; flex: 1 1 100% !important; } body.bbn-cards-ready .elementor-element-4a170306 > .e-con-inner, body.bbn-cards-ready .elementor-element-c2c52f92 > .e-con-inner, body.bbn-cards-ready .elementor-element-ef5088aa > .e-con-inner { gap: 12px !important; } body.bbn-cards-ready .elementor-element-3afe3160 .elementor-button, body.bbn-cards-ready .elementor-element-33e154d0 .elementor-button { width: 100% !important; justify-content: center !important; } } /* ========================================================================== 以下为追加块：2740 /fabrics-bbn/partners/ 的卡片版式 上半部分（2051/2052/2060 的规则）逐字节未改动。 ========================================================================== */ /* ========================================================================== BBN 内容卡片系统 —— pid 2740 /fabrics-bbn/partners/ 版式还原（追加块 v1） 参照：线上 https://sinoworkwear.com/fabrics-bbn/quality/ 与 localhost:8013/partners/ （两者为同一套卡片系统，1440 实测几何一致） 定位方式：元素 id。Elementor 容器上的自定义类不会输出到前端，只有 id 可用； 故本块与其它页互不干扰，也不会波及主站与 /fabrics/。 结构前提：本页 12 个目标容器与参照页 quality 完全同构 —— 全部是 e-con-boxed（带 .e-con-inner）。若把 .e-con 与 .e-con-inner 写进 同一个选择器，48px 内边距会叠加成 96px，卡片内容宽 460→362， 正文多折行、两个按钮被挤成两行、卡高 470→494。 「盒外观 + 内边距」只给 .e-con，.e-con-inner 仅作排版器。 id 映射（参照页 quality → 本页 2740）： 两栏行① 22add02e→9f1161e2 白卡① 3147e586→15ef84a0 图列① c6fe2a73→68d5a5f0 两栏行② 64c7699a→6ee2b589 白卡② a9059d1e→30073fce 图列② cfd2b349→40a2e43d 三卡父 11e36926→90438444 卡1 224fb877→c10b2dc6 卡2 58281f13→4409a43d 卡3 8990fded→49e852b7 说明块A c3946be9→1e9cb79b 说明块B 3b53195e→4dec07bf 实测目标（1440，取自参照页）： 两栏行 grid 2 列 558+558 / 容器 1240 / gap 52 / padding 76px 36px / 等高 470 白卡 558x470 / 白底 / 1px #e2e8ee / r24 / shadow 0 16px 44px rgba(7,21,38,.08) 按钮外层高 87 → 按钮 151x51 与 150x51 同排落在 x=204 / x=408 图列 img 558x470 / object-fit:cover / r24 三卡 grid 3 列 375 / gap 22 / padding 26px 36px 78px / 卡内 gap 12 → 卡高 147 说明块 inner 1112 宽（外层 1180）/ padding 54px 34px 30px / gap 14 上线前提：2740 必须已在 snippet 316 的 bbn_cards_pages() 内 （否则页面拿不到 body.bbn-cards-ready，本块不会命中）。 ========================================================================== */ /* ===== pid 2740 /fabrics-bbn/partners/ ===== */ /* --- 两栏行 --- */ body.bbn-cards-ready .elementor-element-9f1161e2, body.bbn-cards-ready .elementor-element-6ee2b589 { width: 100% !important; max-width: 100% !important; padding: 0 !important; margin: 0 !important; background: none !important; } body.bbn-cards-ready .elementor-element-9f1161e2 > .e-con-inner, body.bbn-cards-ready .elementor-element-6ee2b589 > .e-con-inner { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 52px !important; align-items: stretch !important; /* 参照页两栏等高 470 */ width: min(1240px, 100%) !important; max-width: 1240px !important; margin-left: auto !important; margin-right: auto !important; padding: 76px 36px !important; } body.bbn-cards-ready .elementor-element-9f1161e2 > .e-con-inner > *, body.bbn-cards-ready .elementor-element-6ee2b589 > .e-con-inner > * { width: 100% !important; max-width: 100% !important; } /* --- 白卡文字列 ------------------------------------------------------------ ⚠ 关键前提：本页这 12 个目标容器与参照页 quality 完全同构 —— 全部是 e-con-boxed（带 .e-con-inner）。把 .e-con 与 .e-con-inner 写进同一个选择器 会让 48px 内边距叠加成 96px：内容宽 558-2-96=460 退化成 362，正文多折行、 两个按钮被挤成两行、卡高 470→494。故此处把「盒外观 + padding」只给 .e-con， .e-con-inner 只当 flex 排版器（padding:0）。 实测目标（参照页 quality / 8013）：卡片 558x470，内容起点 x=185，按钮同行。 */ body.bbn-cards-ready .elementor-element-15ef84a0, body.bbn-cards-ready .elementor-element-30073fce { display: flex !important; flex-direction: column !important; align-items: stretch !important; width: 100% !important; max-width: 100% !important; margin: 0 !important; padding: 48px !important; border: 1px solid #e2e8ee !important; border-radius: 24px !important; background: #fff !important; box-shadow: 0 16px 44px rgba(7, 21, 38, .08) !important; box-sizing: border-box !important; } /* 内层：纯排版容器，不再叠加内边距与边框 */ body.bbn-cards-ready .elementor-element-15ef84a0 > .e-con-inner, body.bbn-cards-ready .elementor-element-30073fce > .e-con-inner { display: flex !important; flex-direction: row !important; flex-wrap: wrap !important; justify-content: flex-start !important; align-content: flex-start !important; align-items: center !important; gap: 14px !important; width: 100% !important; max-width: 100% !important; margin: 0 !important; padding: 0 !important; border: 0 !important; border-radius: 0 !important; background: none !important; box-shadow: none !important; box-sizing: border-box !important; } /* 标题/正文各占满一行；两个按钮各占一列 （参照页: 外宽 190/189，即按钮 151/150 + 左右各 19.5px） */ body.bbn-cards-ready .elementor-element-15ef84a0 > .e-con-inner > *, body.bbn-cards-ready .elementor-element-30073fce > .e-con-inner > * { flex: 0 0 100% !important; max-width: 100% !important; } body.bbn-cards-ready .elementor-element-15ef84a0 > .e-con-inner > .elementor-widget-button, body.bbn-cards-ready .elementor-element-30073fce > .e-con-inner > .elementor-widget-button { flex: 0 0 auto !important; width: auto !important; max-width: 100% !important; /* 参照页: 按钮外层高 87（= 按钮 51 + 上下 18），按钮因此比标题行低 18px。 横向 19.5 让按钮落在 x=204（参照页实测 204/408）。 */ padding: 18px 19.5px !important; } body.bbn-cards-ready .elementor-element-15ef84a0 .elementor-heading-title { margin: 0 !important; color: #0b1b2e !important; font-size: clamp(36px, 4.2vw, 54px) !important; font-weight: 700 !important; line-height: 1.1 !important; letter-spacing: -.035em !important; } body.bbn-cards-ready .elementor-element-30073fce .elementor-heading-title, body.bbn-cards-ready .elementor-element-1e9cb79b .elementor-heading-title, body.bbn-cards-ready .elementor-element-4dec07bf .elementor-heading-title { margin: 0 !important; color: #0b1b2e !important; font-size: 24px !important; /* 参照页实测 h2 = 24px/700/lh1.1 */ font-weight: 700 !important; line-height: 1.1 !important; letter-spacing: -.01em !important; } body.bbn-cards-ready .elementor-element-15ef84a0 p, body.bbn-cards-ready .elementor-element-30073fce p { margin: 0 !important; color: #4e6073 !important; font-size: 19px !important; line-height: 1.65 !important; } body.bbn-cards-ready .elementor-element-15ef84a0 .elementor-button, body.bbn-cards-ready .elementor-element-30073fce .elementor-button { display: inline-flex !important; align-items: center !important; justify-content: center !important; width: auto !important; min-width: 0 !important; min-height: 51px !important; padding: 13px 22px !important; border: 0 !important; border-radius: 999px !important; background: #e25b1b !important; color: #fff !important; font-size: 15.2px !important; font-weight: 650 !important; line-height: 1.65 !important; white-space: nowrap !important; } body.bbn-cards-ready .elementor-element-15ef84a0 .elementor-button:hover, body.bbn-cards-ready .elementor-element-30073fce .elementor-button:hover { background: #cf4f13 !important; color: #fff !important; } /* --- 右栏图片：参照页无内边距，图 558x470 通铺 --- */ body.bbn-cards-ready .elementor-element-68d5a5f0, body.bbn-cards-ready .elementor-element-40a2e43d { width: 100% !important; max-width: 100% !important; margin: 0 !important; padding: 0 !important; border-radius: 24px !important; overflow: hidden !important; } body.bbn-cards-ready .elementor-element-68d5a5f0 > *, body.bbn-cards-ready .elementor-element-40a2e43d > *, body.bbn-cards-ready .elementor-element-68d5a5f0 > .e-con-inner > *, body.bbn-cards-ready .elementor-element-40a2e43d > .e-con-inner > * { width: 100% !important; max-width: 100% !important; margin: 0 !important; padding: 0 !important; } body.bbn-cards-ready .elementor-element-68d5a5f0 > .e-con-inner, body.bbn-cards-ready .elementor-element-40a2e43d > .e-con-inner { width: 100% !important; max-width: 100% !important; padding: 0 !important; margin: 0 !important; } body.bbn-cards-ready .elementor-element-68d5a5f0 img, body.bbn-cards-ready .elementor-element-40a2e43d img { display: block !important; width: 100% !important; height: 470px !important; margin: 0 !important; border-radius: 24px !important; object-fit: cover !important; object-position: center !important; } /* --- Key Areas 三卡片 --- */ body.bbn-cards-ready .elementor-element-90438444 { width: 100% !important; max-width: 100% !important; padding: 0 !important; margin: 0 !important; } body.bbn-cards-ready .elementor-element-90438444 > .e-con-inner { display: grid !important; grid-template-columns: repeat(3, minmax(0, 1fr)) !important; gap: 22px !important; align-items: stretch !important; width: min(1240px, 100%) !important; max-width: 1240px !important; margin-left: auto !important; margin-right: auto !important; padding: 26px 36px 78px !important; } body.bbn-cards-ready .elementor-element-90438444 > .e-con-inner > * { width: 100% !important; max-width: 100% !important; height: 100% !important; } body.bbn-cards-ready .elementor-element-c10b2dc6, body.bbn-cards-ready .elementor-element-4409a43d, body.bbn-cards-ready .elementor-element-49e852b7 { border-radius: 20px !important; background: #fff !important; box-shadow: 0 12px 34px rgba(7, 21, 38, .07) !important; } /* 卡片是 boxed（有 .e-con-inner），行间距落在内层；参照页实测 12px -> 卡片高 375x147。本页默认继承 20px，会变成 155。 */ body.bbn-cards-ready .elementor-element-c10b2dc6 > .e-con-inner, body.bbn-cards-ready .elementor-element-4409a43d > .e-con-inner, body.bbn-cards-ready .elementor-element-49e852b7 > .e-con-inner { gap: 12px !important; } body.bbn-cards-ready .elementor-element-c10b2dc6 .elementor-heading-title, body.bbn-cards-ready .elementor-element-4409a43d .elementor-heading-title, body.bbn-cards-ready .elementor-element-49e852b7 .elementor-heading-title { margin: 0 !important; color: #0b1b2e !important; font-size: 28px !important; /* 参照页实测卡内 h3 = 28px/700/lh1.2 */ font-weight: 700 !important; line-height: 1.2 !important; letter-spacing: -.01em !important; } body.bbn-cards-ready .elementor-element-c10b2dc6 p, body.bbn-cards-ready .elementor-element-4409a43d p, body.bbn-cards-ready .elementor-element-49e852b7 p { margin: 0 !important; color: #536477 !important; font-size: 17px !important; line-height: 1.5 !important; } /* --- Key Areas / 收尾两个「说明块」：参照页 1180 宽 + padding 54/34/30 --- */ body.bbn-cards-ready .elementor-element-1e9cb79b, body.bbn-cards-ready .elementor-element-4dec07bf { width: 100% !important; max-width: 100% !important; padding: 0 !important; margin: 0 !important; background: none !important; } body.bbn-cards-ready .elementor-element-1e9cb79b > .e-con-inner, body.bbn-cards-ready .elementor-element-4dec07bf > .e-con-inner { display: flex !important; flex-direction: column !important; align-items: stretch !important; /* 说明块文字必须满宽 1112（参照页实测） */ width: min(1180px, 100%) !important; max-width: 1180px !important; margin-left: auto !important; margin-right: auto !important; padding: 54px 34px 30px !important; gap: 14px !important; /* 参照页实测 14（本页默认 20 -> 高 162/233） */ } body.bbn-cards-ready .elementor-element-1e9cb79b p, body.bbn-cards-ready .elementor-element-4dec07bf p { margin: 0 !important; color: #4e6073 !important; font-size: 19px !important; line-height: 1.65 !important; } /* --- 收尾说明块的橙色胶囊按钮（对齐参照页）--- */ /* 按钮外层不再通栏：参照页实测 236x87，按钮落在 x=164（= 内边距 + 19.5）。 */ body.bbn-cards-ready .elementor-element-4dec07bf > .e-con-inner > .elementor-widget-button { flex: 0 0 auto !important; width: auto !important; max-width: 100% !important; align-self: flex-start !important; /* 外层是 column+stretch，按钮不能被拉通栏 */ padding: 18px 19.5px !important; } body.bbn-cards-ready .elementor-element-4dec07bf .elementor-button { display: inline-flex !important; align-items: center !important; justify-content: center !important; width: auto !important; min-width: 0 !important; min-height: 51px !important; padding: 13px 22px !important; border: 0 !important; border-radius: 999px !important; background: #e25b1b !important; color: #fff !important; font-size: 15.2px !important; font-weight: 650 !important; line-height: 1.65 !important; white-space: nowrap !important; } body.bbn-cards-ready .elementor-element-4dec07bf .elementor-button:hover { background: #cf4f13 !important; color: #fff !important; } /* --- 平板 / 手机 --- */ @media (max-width: 1024px) { body.bbn-cards-ready .elementor-element-9f1161e2 > .e-con-inner, body.bbn-cards-ready .elementor-element-6ee2b589 > .e-con-inner { grid-template-columns: 1fr !important; gap: 26px !important; padding: 34px 18px !important; } body.bbn-cards-ready .elementor-element-90438444 > .e-con-inner { grid-template-columns: 1fr !important; padding: 18px !important; } body.bbn-cards-ready .elementor-element-15ef84a0, body.bbn-cards-ready .elementor-element-30073fce { padding: 28px !important; } body.bbn-cards-ready .elementor-element-68d5a5f0 img, body.bbn-cards-ready .elementor-element-40a2e43d img { height: 300px !important; } } @media (max-width: 767px) { body.bbn-cards-ready .elementor-element-68d5a5f0 img, body.bbn-cards-ready .elementor-element-40a2e43d img { height: 220px !important; } body.bbn-cards-ready .elementor-element-15ef84a0, body.bbn-cards-ready .elementor-element-30073fce { padding: 22px !important; } body.bbn-cards-ready .elementor-element-15ef84a0 p, body.bbn-cards-ready .elementor-element-30073fce p { font-size: 16px !important; } body.bbn-cards-ready .elementor-element-15ef84a0 > .e-con-inner > .elementor-widget-button, body.bbn-cards-ready .elementor-element-30073fce > .e-con-inner > .elementor-widget-button { padding: 0 !important; flex: 1 1 100% !important; } body.bbn-cards-ready .elementor-element-c10b2dc6 > .e-con-inner, body.bbn-cards-ready .elementor-element-4409a43d > .e-con-inner, body.bbn-cards-ready .elementor-element-49e852b7 > .e-con-inner { gap: 12px !important; } body.bbn-cards-ready .elementor-element-15ef84a0 .elementor-button, body.bbn-cards-ready .elementor-element-30073fce .elementor-button { width: 100% !important; justify-content: center !important; } }