.elementor .e-74e2ccd-1fa362e{--ink: #101923;
--navy: #102333;
--orange: #f5a000;
--cream: #f4f0e8;
width: min(1240px, calc(100% - 48px));
margin: clamp(56px, 7vw, 104px) auto 100px;
display: grid;
grid-template-columns: repeat(12, minmax(0, 1fr));
gap: clamp(20px, 2.2vw, 30px);

& > .elementor-widget:has(.fl-product-story) { grid-column: 1 / -1; width: 100%; }
& > .elementor-widget-woocommerce-product-additional-information { grid-column: 1 / 5; order: 20; align-self: start; }
& > .elementor-widget:has(.fl-spec-item) { grid-column: 5 / -1; order: 20; }
& > .elementor-widget:has(.fl-spec-item) + .elementor-widget:has(.fl-spec-item) { margin-top: -16px; }

& .fl-product-story {
  position: relative;
  overflow: hidden;
  isolation: isolate;
  min-height: 520px;
  border-radius: 28px;
  color: #fff;
  box-shadow: 0 22px 55px rgba(16,25,35,.12);
}
& .fl-product-story > * { position: relative; z-index: 2; }
& .fl-product-story > p:first-child { margin: 0 0 18px; color: var(--orange); font-size: 13px; font-weight: 800; letter-spacing: .16em; }
& .fl-product-story h2 { margin: 0 0 24px; font-size: clamp(36px,4.2vw,62px); line-height: 1.05; letter-spacing: -.045em; }
& .fl-product-story > div:last-child { font-size: 17px; line-height: 2; white-space: pre-line; }

/* 01 問題診斷：左側影像、右側深色診斷面板 */
& .fl-pain {
  min-height: 560px;
  padding: clamp(48px,6vw,82px) clamp(38px,5vw,72px) clamp(48px,6vw,82px) 58%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  background: #0c1822 url('https://u0jhfqddeald.wpsite.pro/wp-content/uploads/2026/10/fieldline-barrier-scene.png') center/cover no-repeat;
}
& .fl-pain::before { content:''; position:absolute; inset:0; background:linear-gradient(90deg,rgba(7,15,22,.08) 25%,rgba(7,15,22,.94) 61%); z-index:0; }
& .fl-pain::after { content:'01'; position:absolute; right:34px; top:26px; font:800 72px/1 Arial,sans-serif; color:rgba(255,255,255,.08); }
& .fl-pain h2 { font-size: clamp(34px,3.7vw,54px); }
& .fl-pain > div:last-child { padding-left: 22px; border-left: 2px solid var(--orange); }

/* 02 核心利益：明亮編輯式版面與獨立產品情境窗 */
& .fl-benefits {
  min-height: 610px;
  padding: clamp(54px,6vw,84px) 54% clamp(54px,6vw,84px) clamp(42px,6vw,82px);
  display:flex;
  flex-direction:column;
  justify-content:center;
  color:var(--ink)!important;
  background:#f6f2ea!important;
  background-image:none!important;
  border:1px solid #e3ddd2;
  box-shadow:none;
}
& .fl-benefits::before { content:''; position:absolute; z-index:0; width:43%; inset:36px 36px 36px auto; border-radius:20px; background:url('https://u0jhfqddeald.wpsite.pro/wp-content/uploads/2026/10/fieldline-stanchion-scene.png') center/cover no-repeat!important; }
& .fl-benefits::after { content:'02'; position:absolute; left:38px; bottom:18px; font:800 84px/1 Arial,sans-serif; color:rgba(16,25,35,.055); }
& .fl-benefits > p:first-child { color:#b76d00; }
& .fl-benefits h2 { font-size:clamp(38px,4.2vw,60px); max-width:640px; color:var(--ink)!important; }
& .fl-benefits > div:last-child { color:#303b43!important; background:#fff!important; border-radius:16px; padding:20px 24px; box-shadow:0 12px 30px rgba(16,25,35,.07); }

/* 03 場域：深色畫廊卡，文字像策展標籤浮在照片上 */
& .fl-scenarios {
  min-height: 630px;
  padding: clamp(52px,7vw,88px) 55% clamp(52px,7vw,88px) clamp(42px,6vw,78px);
  display:flex;
  flex-direction:column;
  justify-content:flex-end;
  background:var(--navy) url('https://u0jhfqddeald.wpsite.pro/wp-content/uploads/2026/10/fieldline-signage-scene.png') center/cover no-repeat;
}
& .fl-scenarios::before { content:''; position:absolute; inset:0; background:linear-gradient(90deg,rgba(9,22,32,.9) 0%,rgba(9,22,32,.73) 44%,rgba(9,22,32,.08) 72%); z-index:0; }
& .fl-scenarios::after { content:'SHOP · OFFICE · EVENT'; position:absolute; right:30px; top:38px; color:#fff; font:700 11px/1 Arial,sans-serif; letter-spacing:.18em; writing-mode:vertical-rl; }
& .fl-scenarios h2 { font-size:clamp(40px,4.6vw,64px); }
& .fl-scenarios > div:last-child { display:inline-block; width:fit-content; padding:18px 22px; background:rgba(7,16,23,.62); backdrop-filter:blur(8px); border:1px solid rgba(255,255,255,.18); border-radius:14px; }

/* 04 採購指南：工程圖式流程，與前三段形成節奏反差 */
& .fl-procurement {
  min-height: 440px;
  padding: clamp(52px,6vw,78px);
  color:var(--ink)!important;
  background:#fff!important;
  background-image:none!important;
  border:1px solid #dfe3e5;
  box-shadow:0 18px 45px rgba(16,25,35,.08);
}
& .fl-procurement::before { content:''; position:absolute; right:0; top:0; width:43%; height:100%; background:linear-gradient(90deg,#fff0,rgba(16,25,35,.12)),url('https://u0jhfqddeald.wpsite.pro/wp-content/uploads/2026/10/fieldline-quality-scene.png') center/cover no-repeat; clip-path:polygon(18% 0,100% 0,100% 100%,0 100%); z-index:0; }
& .fl-procurement::after { content:'尺寸  →  數量  →  客製  →  交期'; position:absolute; left:clamp(52px,6vw,78px); bottom:52px; padding-top:18px; width:43%; border-top:1px solid #cdd3d7; color:#6b747b; font-size:13px; letter-spacing:.1em; }
& .fl-procurement > * { max-width:49%; }
& .fl-procurement > p:first-child { color:#b76d00; }
& .fl-procurement h2 { font-size:clamp(38px,4.2vw,58px); color:var(--ink)!important; }
& .fl-procurement > div:last-child { line-height:1.8; color:#39434a!important; }

/* 規格：深色索引卡＋橫向規格清單 */
& .woocommerce-product-attributes { border:0; border-collapse:separate; border-spacing:0 10px; }
& .woocommerce-product-attributes tr { background:#f3efe7; }
& .woocommerce-product-attributes th, & .woocommerce-product-attributes td { padding:18px 20px; border:0; }
& .woocommerce-product-attributes th { width:38%; color:#7b5a1d; font-size:13px; letter-spacing:.08em; text-transform:uppercase; }
& .woocommerce-product-attributes tr > *:first-child { border-radius:12px 0 0 12px; }
& .woocommerce-product-attributes tr > *:last-child { border-radius:0 12px 12px 0; }
& .fl-spec-item { padding:18px 22px; background:#fff; border:1px solid #e4e6e8; border-radius:14px; }

@media (max-width: 767px) {
  width: min(100% - 28px, 620px);
  margin: 42px auto 64px;
  gap:18px;
  & > .elementor-widget-woocommerce-product-additional-information,
  & > .elementor-widget:has(.fl-spec-item) { grid-column:1 / -1; }
  & .fl-product-story { min-height:auto; border-radius:20px; }
  & .fl-product-story h2 { font-size:34px; }
  & .fl-product-story > div:last-child { font-size:15px; line-height:1.85; }
  & .fl-pain { padding:300px 26px 36px; background-position:34% center; }
  & .fl-pain::before { background:linear-gradient(180deg,rgba(7,15,22,.05) 26%,rgba(7,15,22,.96) 58%); }
  & .fl-benefits { padding:320px 26px 36px; }
  & .fl-benefits::before { width:auto; height:270px; inset:24px 24px auto; }
  & .fl-scenarios { padding:300px 26px 36px; background-position:64% center; }
  & .fl-scenarios::before { background:linear-gradient(180deg,rgba(9,22,32,.04) 24%,rgba(9,22,32,.94) 62%); }
  & .fl-procurement { padding:300px 26px 92px; }
  & .fl-procurement::before { width:100%; height:260px; clip-path:none; }
  & .fl-procurement > * { max-width:100%; }
  & .fl-procurement::after { left:26px; bottom:30px; width:calc(100% - 52px); font-size:11px; }
}  --ink: #101923;
--navy: #102333;
--orange: #f5a000;
--cream: #f4f0e8;
width: min(1240px, calc(100% - 48px));
margin: clamp(56px, 7vw, 104px) auto 100px;
display: grid;
grid-template-columns: repeat(12, minmax(0, 1fr));
gap: clamp(20px, 2.2vw, 30px);

& > .elementor-widget:has(.fl-product-story) { grid-column: 1 / -1; width: 100%; }
& > .elementor-widget-woocommerce-product-additional-information { grid-column: 1 / 5; order: 20; align-self: start; }
& > .elementor-widget:has(.fl-spec-item) { grid-column: 5 / -1; order: 20; }
& > .elementor-widget:has(.fl-spec-item) + .elementor-widget:has(.fl-spec-item) { margin-top: -16px; }

& .fl-product-story {
  position: relative;
  overflow: hidden;
  isolation: isolate;
  min-height: 520px;
  border-radius: 28px;
  color: #fff;
  box-shadow: 0 22px 55px rgba(16,25,35,.12);
}
& .fl-product-story > * { position: relative; z-index: 2; }
& .fl-product-story > p:first-child { margin: 0 0 18px; color: var(--orange); font-size: 13px; font-weight: 800; letter-spacing: .16em; }
& .fl-product-story h2 { margin: 0 0 24px; font-size: clamp(36px,4.2vw,62px); line-height: 1.05; letter-spacing: -.045em; }
& .fl-product-story > div:last-child { font-size: 17px; line-height: 2; white-space: pre-line; }

/* 01 問題診斷：左側影像、右側深色診斷面板 */
& .fl-pain {
  min-height: 560px;
  padding: clamp(48px,6vw,82px) clamp(38px,5vw,72px) clamp(48px,6vw,82px) 58%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  background: #0c1822 url('https://u0jhfqddeald.wpsite.pro/wp-content/uploads/2026/10/fieldline-barrier-scene.png') center/cover no-repeat;
}
& .fl-pain::before { content:''; position:absolute; inset:0; background:linear-gradient(90deg,rgba(7,15,22,.08) 25%,rgba(7,15,22,.94) 61%); z-index:0; }
& .fl-pain::after { content:'01'; position:absolute; right:34px; top:26px; font:800 72px/1 Arial,sans-serif; color:rgba(255,255,255,.08); }
& .fl-pain h2 { font-size: clamp(34px,3.7vw,54px); }
& .fl-pain > div:last-child { padding-left: 22px; border-left: 2px solid var(--orange); }

/* 02 核心利益：明亮編輯式版面與獨立產品情境窗 */
& .fl-benefits {
  min-height: 610px;
  padding: clamp(54px,6vw,84px) 54% clamp(54px,6vw,84px) clamp(42px,6vw,82px);
  display:flex;
  flex-direction:column;
  justify-content:center;
  color:var(--ink);
  background:#f6f2ea;
  border:1px solid #e3ddd2;
  box-shadow:none;
}
& .fl-benefits::before { content:''; position:absolute; z-index:0; width:43%; inset:36px 36px 36px auto; border-radius:20px; background:url('https://u0jhfqddeald.wpsite.pro/wp-content/uploads/2026/10/fieldline-stanchion-scene.png') center/cover no-repeat; }
& .fl-benefits::after { content:'02'; position:absolute; left:38px; bottom:18px; font:800 84px/1 Arial,sans-serif; color:rgba(16,25,35,.055); }
& .fl-benefits > p:first-child { color:#b76d00; }
& .fl-benefits h2 { font-size:clamp(38px,4.2vw,60px); max-width:640px; }
& .fl-benefits > div:last-child { background:#fff; border-radius:16px; padding:20px 24px; box-shadow:0 12px 30px rgba(16,25,35,.07); }

/* 03 場域：深色畫廊卡，文字像策展標籤浮在照片上 */
& .fl-scenarios {
  min-height: 630px;
  padding: clamp(52px,7vw,88px) 55% clamp(52px,7vw,88px) clamp(42px,6vw,78px);
  display:flex;
  flex-direction:column;
  justify-content:flex-end;
  background:var(--navy) url('https://u0jhfqddeald.wpsite.pro/wp-content/uploads/2026/10/fieldline-signage-scene.png') center/cover no-repeat;
}
& .fl-scenarios::before { content:''; position:absolute; inset:0; background:linear-gradient(90deg,rgba(9,22,32,.9) 0%,rgba(9,22,32,.73) 44%,rgba(9,22,32,.08) 72%); z-index:0; }
& .fl-scenarios::after { content:'SHOP · OFFICE · EVENT'; position:absolute; right:30px; top:38px; color:#fff; font:700 11px/1 Arial,sans-serif; letter-spacing:.18em; writing-mode:vertical-rl; }
& .fl-scenarios h2 { font-size:clamp(40px,4.6vw,64px); }
& .fl-scenarios > div:last-child { display:inline-block; width:fit-content; padding:18px 22px; background:rgba(7,16,23,.62); backdrop-filter:blur(8px); border:1px solid rgba(255,255,255,.18); border-radius:14px; }

/* 04 採購指南：工程圖式流程，與前三段形成節奏反差 */
& .fl-procurement {
  min-height: 440px;
  padding: clamp(52px,6vw,78px);
  color:var(--ink);
  background:#fff;
  border:1px solid #dfe3e5;
  box-shadow:0 18px 45px rgba(16,25,35,.08);
}
& .fl-procurement::before { content:''; position:absolute; right:0; top:0; width:43%; height:100%; background:linear-gradient(90deg,#fff0,rgba(16,25,35,.12)),url('https://u0jhfqddeald.wpsite.pro/wp-content/uploads/2026/10/fieldline-quality-scene.png') center/cover no-repeat; clip-path:polygon(18% 0,100% 0,100% 100%,0 100%); z-index:0; }
& .fl-procurement::after { content:'尺寸  →  數量  →  客製  →  交期'; position:absolute; left:clamp(52px,6vw,78px); bottom:52px; padding-top:18px; width:43%; border-top:1px solid #cdd3d7; color:#6b747b; font-size:13px; letter-spacing:.1em; }
& .fl-procurement > * { max-width:49%; }
& .fl-procurement > p:first-child { color:#b76d00; }
& .fl-procurement h2 { font-size:clamp(38px,4.2vw,58px); }
& .fl-procurement > div:last-child { line-height:1.8; }

/* 規格：深色索引卡＋橫向規格清單 */
& .woocommerce-product-attributes { border:0; border-collapse:separate; border-spacing:0 10px; }
& .woocommerce-product-attributes tr { background:#f3efe7; }
& .woocommerce-product-attributes th, & .woocommerce-product-attributes td { padding:18px 20px; border:0; }
& .woocommerce-product-attributes th { width:38%; color:#7b5a1d; font-size:13px; letter-spacing:.08em; text-transform:uppercase; }
& .woocommerce-product-attributes tr > *:first-child { border-radius:12px 0 0 12px; }
& .woocommerce-product-attributes tr > *:last-child { border-radius:0 12px 12px 0; }
& .fl-spec-item { padding:18px 22px; background:#fff; border:1px solid #e4e6e8; border-radius:14px; }

@media (max-width: 767px) {
  width: min(100% - 28px, 620px);
  margin: 42px auto 64px;
  gap:18px;
  & > .elementor-widget-woocommerce-product-additional-information,
  & > .elementor-widget:has(.fl-spec-item) { grid-column:1 / -1; }
  & .fl-product-story { min-height:auto; border-radius:20px; }
  & .fl-product-story h2 { font-size:34px; }
  & .fl-product-story > div:last-child { font-size:15px; line-height:1.85; }
  & .fl-pain { padding:300px 26px 36px; background-position:34% center; }
  & .fl-pain::before { background:linear-gradient(180deg,rgba(7,15,22,.05) 26%,rgba(7,15,22,.96) 58%); }
  & .fl-benefits { padding:320px 26px 36px; }
  & .fl-benefits::before { width:auto; height:270px; inset:24px 24px auto; }
  & .fl-scenarios { padding:300px 26px 36px; background-position:64% center; }
  & .fl-scenarios::before { background:linear-gradient(180deg,rgba(9,22,32,.04) 24%,rgba(9,22,32,.94) 62%); }
  & .fl-procurement { padding:300px 26px 92px; }
  & .fl-procurement::before { width:100%; height:260px; clip-path:none; }
  & .fl-procurement > * { max-width:100%; }
  & .fl-procurement::after { left:26px; bottom:30px; width:calc(100% - 52px); font-size:11px; }
}  element.style {
--ink: #101923;
--navy: #102333;
--orange: #f5a000;
--cream: #f4f0e8;
width: min(1240px, calc(100% - 48px));
margin: clamp(56px, 7vw, 104px) auto 100px;
display: grid;
grid-template-columns: repeat(12, minmax(0, 1fr));
gap: clamp(20px, 2.2vw, 30px);

& > .elementor-widget:has(.fl-product-story) { grid-column: 1 / -1; width: 100%; }
& > .elementor-widget-woocommerce-product-additional-information { grid-column: 1 / 5; order: 20; align-self: start; }
& > .elementor-widget:has(.fl-spec-item) { grid-column: 5 / -1; order: 20; }
& > .elementor-widget:has(.fl-spec-item) + .elementor-widget:has(.fl-spec-item) { margin-top: -16px; }

& .fl-product-story {
  position: relative;
  overflow: hidden;
  isolation: isolate;
  min-height: 520px;
  border-radius: 28px;
  color: #fff;
  box-shadow: 0 22px 55px rgba(16,25,35,.12);
}
& .fl-product-story > * { position: relative; z-index: 2; }
& .fl-product-story > p:first-child { margin: 0 0 18px; color: var(--orange); font-size: 13px; font-weight: 800; letter-spacing: .16em; }
& .fl-product-story h2 { margin: 0 0 24px; font-size: clamp(36px,4.2vw,62px); line-height: 1.05; letter-spacing: -.045em; }
& .fl-product-story > div:last-child { font-size: 17px; line-height: 2; white-space: pre-line; }

/* 01 問題診斷：左側影像、右側深色診斷面板 */
& .fl-pain {
  min-height: 560px;
  padding: clamp(48px,6vw,82px) clamp(38px,5vw,72px) clamp(48px,6vw,82px) 58%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  background: #0c1822 url('https://u0jhfqddeald.wpsite.pro/wp-content/uploads/2026/10/fieldline-barrier-scene.png') center/cover no-repeat;
}
& .fl-pain::before { content:''; position:absolute; inset:0; background:linear-gradient(90deg,rgba(7,15,22,.08) 25%,rgba(7,15,22,.94) 61%); z-index:0; }
& .fl-pain::after { content:'01'; position:absolute; right:34px; top:26px; font:800 72px/1 Arial,sans-serif; color:rgba(255,255,255,.08); }
& .fl-pain h2 { font-size: clamp(34px,3.7vw,54px); }
& .fl-pain > div:last-child { padding-left: 22px; border-left: 2px solid var(--orange); }

/* 02 核心利益：明亮編輯式版面與獨立產品情境窗 */
& .fl-benefits {
  min-height: 610px;
  padding: clamp(54px,6vw,84px) 54% clamp(54px,6vw,84px) clamp(42px,6vw,82px);
  display:flex;
  flex-direction:column;
  justify-content:center;
  color:var(--ink);
  background:#f6f2ea;
  border:1px solid #e3ddd2;
  box-shadow:none;
}
& .fl-benefits::before { content:''; position:absolute; z-index:0; width:43%; inset:36px 36px 36px auto; border-radius:20px; background:url('https://u0jhfqddeald.wpsite.pro/wp-content/uploads/2026/10/fieldline-stanchion-scene.png') center/cover no-repeat; }
& .fl-benefits::after { content:'02'; position:absolute; left:38px; bottom:18px; font:800 84px/1 Arial,sans-serif; color:rgba(16,25,35,.055); }
& .fl-benefits > p:first-child { color:#b76d00; }
& .fl-benefits h2 { font-size:clamp(38px,4.2vw,60px); max-width:640px; }
& .fl-benefits > div:last-child { background:#fff; border-radius:16px; padding:20px 24px; box-shadow:0 12px 30px rgba(16,25,35,.07); }

/* 03 場域：深色畫廊卡，文字像策展標籤浮在照片上 */
& .fl-scenarios {
  min-height: 630px;
  padding: clamp(52px,7vw,88px) 55% clamp(52px,7vw,88px) clamp(42px,6vw,78px);
  display:flex;
  flex-direction:column;
  justify-content:flex-end;
  background:var(--navy) url('https://u0jhfqddeald.wpsite.pro/wp-content/uploads/2026/10/fieldline-signage-scene.png') center/cover no-repeat;
}
& .fl-scenarios::before { content:''; position:absolute; inset:0; background:linear-gradient(90deg,rgba(9,22,32,.9) 0%,rgba(9,22,32,.73) 44%,rgba(9,22,32,.08) 72%); z-index:0; }
& .fl-scenarios::after { content:'SHOP · OFFICE · EVENT'; position:absolute; right:30px; top:38px; color:#fff; font:700 11px/1 Arial,sans-serif; letter-spacing:.18em; writing-mode:vertical-rl; }
& .fl-scenarios h2 { font-size:clamp(40px,4.6vw,64px); }
& .fl-scenarios > div:last-child { display:inline-block; width:fit-content; padding:18px 22px; background:rgba(7,16,23,.62); backdrop-filter:blur(8px); border:1px solid rgba(255,255,255,.18); border-radius:14px; }

/* 04 採購指南：工程圖式流程，與前三段形成節奏反差 */
& .fl-procurement {
  min-height: 440px;
  padding: clamp(52px,6vw,78px);
  color:var(--ink);
  background:#fff;
  border:1px solid #dfe3e5;
  box-shadow:0 18px 45px rgba(16,25,35,.08);
}
& .fl-procurement::before { content:''; position:absolute; right:0; top:0; width:43%; height:100%; background:linear-gradient(90deg,#fff0,rgba(16,25,35,.12)),url('https://u0jhfqddeald.wpsite.pro/wp-content/uploads/2026/10/fieldline-quality-scene.png') center/cover no-repeat; clip-path:polygon(18% 0,100% 0,100% 100%,0 100%); z-index:0; }
& .fl-procurement::after { content:'尺寸  →  數量  →  客製  →  交期'; position:absolute; left:clamp(52px,6vw,78px); bottom:52px; padding-top:18px; width:43%; border-top:1px solid #cdd3d7; color:#6b747b; font-size:13px; letter-spacing:.1em; }
& .fl-procurement > * { max-width:49%; }
& .fl-procurement > p:first-child { color:#b76d00; }
& .fl-procurement h2 { font-size:clamp(38px,4.2vw,58px); }
& .fl-procurement > div:last-child { line-height:1.8; }

/* 規格：深色索引卡＋橫向規格清單 */
& .woocommerce-product-attributes { border:0; border-collapse:separate; border-spacing:0 10px; }
& .woocommerce-product-attributes tr { background:#f3efe7; }
& .woocommerce-product-attributes th, & .woocommerce-product-attributes td { padding:18px 20px; border:0; }
& .woocommerce-product-attributes th { width:38%; color:#7b5a1d; font-size:13px; letter-spacing:.08em; text-transform:uppercase; }
& .woocommerce-product-attributes tr > *:first-child { border-radius:12px 0 0 12px; }
& .woocommerce-product-attributes tr > *:last-child { border-radius:0 12px 12px 0; }
& .fl-spec-item { padding:18px 22px; background:#fff; border:1px solid #e4e6e8; border-radius:14px; }

@media (max-width: 767px) {
  width: min(100% - 28px, 620px);
  margin: 42px auto 64px;
  gap:18px;
  & > .elementor-widget-woocommerce-product-additional-information,
  & > .elementor-widget:has(.fl-spec-item) { grid-column:1 / -1; }
  & .fl-product-story { min-height:auto; border-radius:20px; }
  & .fl-product-story h2 { font-size:34px; }
  & .fl-product-story > div:last-child { font-size:15px; line-height:1.85; }
  & .fl-pain { padding:300px 26px 36px; background-position:34% center; }
  & .fl-pain::before { background:linear-gradient(180deg,rgba(7,15,22,.05) 26%,rgba(7,15,22,.96) 58%); }
  & .fl-benefits { padding:320px 26px 36px; }
  & .fl-benefits::before { width:auto; height:270px; inset:24px 24px auto; }
  & .fl-scenarios { padding:300px 26px 36px; background-position:64% center; }
  & .fl-scenarios::before { background:linear-gradient(180deg,rgba(9,22,32,.04) 24%,rgba(9,22,32,.94) 62%); }
  & .fl-procurement { padding:300px 26px 92px; }
  & .fl-procurement::before { width:100%; height:260px; clip-path:none; }
  & .fl-procurement > * { max-width:100%; }
  & .fl-procurement::after { left:26px; bottom:30px; width:calc(100% - 52px); font-size:11px; }
}
}  width: min(1280px, calc(100% - 40px));
margin: clamp(36px, 6vw, 84px) auto 96px;
display: grid;
grid-template-columns: repeat(12, minmax(0, 1fr));
gap: 24px;

& > .elementor-widget:has(.fl-product-story) {
  grid-column: 1 / -1;
  width: 100%;
}

& > .elementor-widget-woocommerce-product-additional-information {
  grid-column: 1 / -1;
  order: 20;
}

& > .elementor-widget:has(.fl-spec-item) {
  grid-column: span 6;
  order: 30;
}

& .jet-listing-dynamic-field,
& .jet-listing-dynamic-field__inline-wrap,
& .jet-listing-dynamic-field__content {
  display: block;
  width: 100%;
}

& .fl-product-story {
  width: 100%;
  max-width: none;
  position: relative;
  min-height: clamp(420px, 48vw, 620px);
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  padding: clamp(28px, 5vw, 72px);
  overflow: hidden;
  border-radius: 26px;
  background-size: cover;
  background-position: center;
  color: #fff;
  box-shadow: 0 24px 70px rgba(15, 24, 32, .16);
}

& .fl-product-story::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(90deg, rgba(10,18,25,.92) 0%, rgba(10,18,25,.68) 48%, rgba(10,18,25,.08) 100%);
}

& .fl-product-story > * {
  position: relative;
  z-index: 1;
  max-width: 620px;
}

& .fl-eyebrow {
  margin: 0 0 18px;
  color: #f2b438;
  font-size: 13px;
  font-weight: 800;
  letter-spacing: .16em;
}

& .fl-product-story h2 {
  max-width: 12ch;
  margin: 0 0 22px;
  color: #fff;
  font-size: clamp(34px, 4.8vw, 66px);
  line-height: 1.06;
  letter-spacing: -.035em;
}

& .fl-product-story__content {
  max-width: 36em;
  color: rgba(255,255,255,.88);
  font-size: clamp(16px, 1.5vw, 20px);
  line-height: 1.9;
  white-space: pre-line;
}

& .fl-pain {
  background-image: url("https://u0jhfqddeald.wpsite.pro/wp-content/uploads/2026/10/fieldline-barrier-scene.png");
}
& .fl-benefits {
  align-items: flex-end;
  background-image: url("https://u0jhfqddeald.wpsite.pro/wp-content/uploads/2026/10/fieldline-stanchion-scene.png");
}
& .fl-benefits::before {
  background: linear-gradient(270deg, rgba(10,18,25,.94) 0%, rgba(10,18,25,.62) 50%, rgba(10,18,25,.08) 100%);
}
& .fl-scenarios {
  background-image: url("https://u0jhfqddeald.wpsite.pro/wp-content/uploads/2026/10/fieldline-signage-scene.png");
}
& .fl-procurement {
  align-items: flex-end;
  background-image: url("https://u0jhfqddeald.wpsite.pro/wp-content/uploads/2026/10/fieldline-quality-scene.png");
}
& .fl-procurement::before {
  background: linear-gradient(270deg, rgba(10,18,25,.94) 0%, rgba(10,18,25,.66) 52%, rgba(10,18,25,.1) 100%);
}

& .woocommerce-product-attributes {
  overflow: hidden;
  border: 1px solid #dfe3e6;
  border-radius: 18px;
  background: #fff;
}

& .fl-spec-item {
  display: grid;
  grid-template-columns: 140px 1fr;
  align-items: center;
  gap: 18px;
  min-height: 72px;
  padding: 18px 22px;
  border: 1px solid #dfe3e6;
  border-radius: 14px;
  background: #fff;
}
& .fl-spec-item span {
  color: #9a6800;
  font-size: 13px;
  font-weight: 800;
  letter-spacing: .06em;
}
& .fl-spec-item strong {
  color: #101820;
  font-size: 16px;
  font-weight: 700;
}

@media (max-width: 767px) {
  width: min(100% - 24px, 1280px);
  gap: 16px;
  margin-top: 24px;

  & .fl-product-story {
    min-height: 470px;
    padding: 28px 22px;
    border-radius: 18px;
    background-position: 58% center;
  }
  & .fl-product-story::before,
  & .fl-benefits::before,
  & .fl-procurement::before {
    background: linear-gradient(0deg, rgba(10,18,25,.95) 0%, rgba(10,18,25,.72) 52%, rgba(10,18,25,.16) 100%);
  }
  & .fl-benefits,
  & .fl-procurement {
    align-items: flex-start;
  }
  & > .elementor-widget:has(.fl-spec-item) {
    grid-column: 1 / -1;
  }
  & .fl-spec-item {
    grid-template-columns: 1fr;
    gap: 6px;
    min-height: 0;
  }
}

/* FIELDLINE editorial rhythm + readable specs 2026-10-02 */
background:transparent!important;
border-radius:0!important;
box-shadow:none!important;
padding-inline:0!important;
gap:72px!important;

& .fl-product-story{
border-radius:0!important;
box-shadow:none!important;
overflow:hidden!important;
}
& .fl-pain,
& .fl-scenarios{
border-left:6px solid var(--accent)!important;
}
& .fl-benefits{
border-top:1px solid var(--line)!important;
border-bottom:1px solid var(--line)!important;
background-color:#f4f0e8!important;
}
& .fl-procurement{
border-top:8px solid var(--accent)!important;
background-color:#fff!important;
}
& .fl-benefits .fl-product-story__content,
& .fl-procurement .fl-product-story__content{
border-radius:0!important;
border-left:3px solid var(--accent)!important;
box-shadow:none!important;
padding:22px 0 22px 28px!important;
background:transparent!important;
}
& .elementor-element-97347ce{
width:100%!important;
background:#fff!important;
color:#111820!important;
border:1px solid var(--line)!important;
border-top:8px solid #111820!important;
border-radius:0!important;
box-shadow:none!important;
padding:0!important;
overflow:hidden!important;
}
& .elementor-element-97347ce h2{
margin:0!important;
padding:28px 32px 22px!important;
color:#111820!important;
font-size:clamp(26px,3vw,38px)!important;
line-height:1.12!important;
border-bottom:1px solid var(--line)!important;
}
& .elementor-element-97347ce table,
& .elementor-element-97347ce tbody{
width:100%!important;
background:transparent!important;
}
& .elementor-element-97347ce tbody{
display:grid!important;
grid-template-columns:repeat(2,minmax(0,1fr))!important;
gap:0!important;
}
& .elementor-element-97347ce tr{
display:grid!important;
grid-template-columns:120px minmax(0,1fr)!important;
align-items:start!important;
gap:24px!important;
min-height:92px!important;
padding:24px 32px!important;
margin:0!important;
background:transparent!important;
border:0!important;
border-bottom:1px solid var(--line)!important;
border-radius:0!important;
box-shadow:none!important;
}
& .elementor-element-97347ce tr:nth-child(odd){border-right:1px solid var(--line)!important}
& .elementor-element-97347ce th,
& .elementor-element-97347ce .woocommerce-product-attributes-item__label{
width:auto!important;margin:0!important;padding:0!important;background:transparent!important;
color:var(--accent)!important;font-size:14px!important;line-height:1.5!important;
font-weight:800!important;letter-spacing:.04em!important;text-align:left!important;
}
& .elementor-element-97347ce td,
& .elementor-element-97347ce td p,
& .elementor-element-97347ce .woocommerce-product-attributes-item__value,
& .elementor-element-97347ce .woocommerce-product-attributes-item__value p{
width:auto!important;margin:0!important;padding:0!important;background:transparent!important;
color:#1f2933!important;font-size:15px!important;line-height:1.7!important;
font-weight:650!important;word-break:break-word!important;
}
& .elementor-element-c1e40e4,
& .elementor-element-f87686c,
& .elementor-element-f377258{
background:transparent!important;border:0!important;border-radius:0!important;
box-shadow:none!important;padding:0!important;
}
& .fl-spec-item{
display:grid!important;grid-template-columns:150px minmax(0,1fr)!important;
align-items:start!important;gap:28px!important;padding:22px 0!important;
background:transparent!important;border:0!important;border-bottom:1px solid var(--line)!important;
border-radius:0!important;box-shadow:none!important;
}
& .fl-spec-item span{
color:var(--accent)!important;font-size:14px!important;font-weight:800!important;line-height:1.5!important;
}
& .fl-spec-item strong{
color:#1f2933!important;font-size:15px!important;font-weight:600!important;line-height:1.7!important;
display:-webkit-box!important;-webkit-box-orient:vertical!important;-webkit-line-clamp:3!important;
overflow:hidden!important;word-break:break-word!important;
}
@media (max-width:767px){
gap:44px!important;
& .fl-pain,& .fl-scenarios{border-left:0!important;border-top:5px solid var(--accent)!important}
& .fl-benefits .fl-product-story__content,
& .fl-procurement .fl-product-story__content{padding:18px 0 0!important;border-left:0!important;border-top:2px solid var(--accent)!important}
& .elementor-element-97347ce tbody{grid-template-columns:1fr!important}
& .elementor-element-97347ce tr,
& .elementor-element-97347ce tr:nth-child(odd){grid-template-columns:1fr!important;gap:8px!important;min-height:0!important;padding:18px 22px!important;border-right:0!important}
& .elementor-element-97347ce h2{padding:24px 22px 18px!important}
& .fl-spec-item{grid-template-columns:1fr!important;gap:8px!important;padding:18px 0!important}
}\n}