.lem2-container { width: 90%; max-width: none; margin: 0 auto; padding: 0 15px; }
/* === ACCENT COLOR: match nav search button #0a64e0 === */
.lem2-hero {
  width: 100%; background: linear-gradient(135deg,#f0f4f8 0%,#e2ecf5 100%);
  border-bottom: 1px solid #e5e7eb; position: relative; overflow: hidden;
  padding: 48px 0; box-sizing: border-box;
}
.lem2-hero-banner-bg {
  position: absolute; top:0; left:0; right:0; bottom:0;
  background: linear-gradient(90deg, rgba(240,244,248,.92) 0%, rgba(226,236,245,.55) 60%, rgba(226,236,245,.25) 100%),
              url("/upload/lem/VoltageSensors-Series/LV25-Series/LV-25-P/LV-25-P.jpg") center/cover no-repeat;
  opacity: 1;
}
.lem2-hero.is-bussmann .lem2-hero-banner-bg {
  background: linear-gradient(90deg, rgba(240,244,248,.92) 0%, rgba(226,236,245,.55) 60%, rgba(226,236,245,.25) 100%),
              url("/upload/abouts/index-bussmann-pic.webp") center/cover no-repeat;
}
.lem2-hero.is-eaton .lem2-hero-banner-bg {
  background: linear-gradient(90deg, rgba(240,244,248,.92) 0%, rgba(226,236,245,.55) 60%, rgba(226,236,245,.25) 100%),
              url("/upload/abouts/index-eaton-pic.webp") center/cover no-repeat;
}
.lem2-hero-inner { position: relative; z-index: 2; }
/* Breadcrumb strip below the navbar — unified with About pages */
.lem2-crumbbar { background:#fff; border-bottom:1px solid #eceff3; padding:11px 0; }
.lem2-breadcrumb { font-size:12.5px; color:#6b7280; display:flex; align-items:center; flex-wrap:wrap; }
.lem2-breadcrumb a { color:#6b7280; text-decoration:none; }
.lem2-breadcrumb a:hover { color:#0055a4; text-decoration:none; }
.lem2-breadcrumb .fa-house { font-size:11px; color:#4b5563; margin-right:8px; }
.lem2-breadcrumb .fa-angle-right { margin:0 9px; font-size:10px; color:#9ca3af; }
.lem2-bc-current { color:#1f2937; font-weight:700; }
/* Hero row: yellow LEM pill (left) + text block (right) separated by a gray line */
.lem2-hero-content {
  display: flex; align-items: center; gap: 28px;
}
.lem2-hero-pill {
  flex: 0 0 auto; background:#F9D423; color:#0a2b4a;
  font-size:20px; font-weight:900; letter-spacing:1px;
  padding:5px 20px; border-radius:4px;
  font-family:"Arial Black",Arial,sans-serif; box-shadow:0 2px 6px rgba(0,0,0,.12);
}
/* brand-coloured pills: colour sampled from each brand logo */
.lem2-hero-pill.is-lem { background:#0032b4; color:#fff; }
.lem2-hero-pill.is-eaton { background:#0079c2; color:#fff; }
.lem2-hero-text {
  flex: 1; min-width: 0;
  padding-left: 28px;
  border-left: 2px solid #c8d0db;
}
.lem2-hero-text h1 { font-size:28px; font-weight:700; color:#0a2b4a; margin:0 0 10px; }
.lem2-hero-text .lem2-hero-desc { font-size:14px; color:#4a5568; line-height:1.7; margin:0; max-width:680px; }

/* Layout: sidebar + right content */
.lem2-layout { display:flex; gap:28px; align-items:stretch; padding:32px 0; }
.lem2-sidebar { flex:0 0 220px; position:sticky; top:80px; }
.lem2-content { flex:1; min-width:0; display:flex; flex-direction:column; }

/* Sidebar card */
.lem2-side-card { background:#fff; border:1px solid #e5e7eb; border-radius:6px; padding:18px 0 6px; }
.lem2-side-title {
  font-size:14px; font-weight:700; color:#0a2b4a;
  padding:0 18px 12px; text-transform:uppercase; letter-spacing:1px;
  border-bottom:2px solid #0a64e0; margin-bottom:10px; white-space:nowrap;
}
/* Main series links — now toggle sub open/close */
.lem2-cats { list-style:none; margin:0; padding:0; }
.lem2-cats > li { border-bottom:1px solid #f0f1f3; }
.lem2-cats > li:last-child { border-bottom:none; }
.lem2-cat-row { position:relative; }
.lem2-cat-row > a.lem2-cat-main {
  display:flex; align-items:center; justify-content:space-between;
  padding:11px 44px 11px 18px; font-size:13px; font-weight:500;
  color:#374151; text-decoration:none;
  cursor:pointer; user-select:none; transition:all .15s;
}
.lem2-cat-row > a.lem2-cat-main:hover { background:#f5f7fa; color:#0a64e0; }
.lem2-cat-row > a.lem2-cat-main.lem2-active {
  background:#eaf2ff; color:#0a2b4a; font-weight:600;
  border-left:3px solid #0a64e0;
}
/* Arrow sits OUTSIDE the <a>, so clicking it can never navigate */
.lem2-cat-arrow {
  font-size:10px; color:#9ca3af; transition:transform .2s,color .2s;
  position:absolute; top:0; right:0; bottom:0; width:40px; z-index:2;
  display:flex; align-items:center; justify-content:center; cursor:pointer;
}
.lem2-cats > li.lem2-cat-open > .lem2-cat-row .lem2-cat-arrow {
  transform:rotate(90deg); color:#0a64e0;
}
/* Sub-series (3rd level) — shown when parent is open */
.lem2-sub-cats {
  display:none; background:#fafbfc; list-style:none; margin:0; padding:0;
}
.lem2-cats > li.lem2-cat-open > .lem2-sub-cats { display:block; }
.lem2-sub-cats li a {
  display:flex; align-items:center;
  padding:9px 14px 9px 20px; font-size:12px; line-height:1;
  color:#6b7280; text-decoration:none;
  transition:all .15s; cursor:pointer;
}
/* RIGHT-triangle marker for active 3rd-level item */
.lem2-sub-cats li a::before {
  content:''; display:inline-block;
  border-top:3px solid transparent; border-bottom:3px solid transparent;
  border-left:4px solid transparent; margin-right:7px; flex-shrink:0;
}
.lem2-sub-cats li a.lem2-active::before {
  border-left-color:#0a64e0;
}
.lem2-sub-cats li a:hover { color:#0a64e0; background:#fff; }
.lem2-sub-cats li a.lem2-active {
  color:#0a64e0; font-weight:600; background:#eaf2ff;
}

/* Sidebar CTA */
.lem2-cta { background:#f9fafb; border:1px solid #e5e7eb; border-radius:6px; margin-top:16px; padding:18px 16px; display:flex; gap:12px; align-items:flex-start; }
.lem2-cta-icon { width:36px; height:36px; border-radius:50%; background:#eaf2ff; color:#0a64e0; display:flex; align-items:center; justify-content:center; font-size:16px; flex:0 0 auto; }
.lem2-cta-body { flex:1; min-width:0; }
.lem2-cta h4 { font-size:13.5px; font-weight:700; color:#0a2b4a; margin:0 0 6px; }
.lem2-cta p { font-size:12.5px; color:#6b7280; margin:0 0 10px; line-height:1.6; }
.lem2-cta a { color:#0a64e0; font-size:13px; font-weight:600; text-decoration:none; background:none; padding:0; display:inline; }
.lem2-cta a:hover { color:#0854bd; text-decoration:underline; }

/* Right side — 2nd-level title + desc (now INSIDE .lem2-content) */
.lem2-top-header { margin-bottom:24px; }
.lem2-top-header h1 { font-size:26px; font-weight:700; color:#0a2b4a; margin:0 0 10px; }
.lem2-top-header p { font-size:13.5px; color:#4a5568; line-height:1.7; margin:0; }

/* Sub-series accordion blocks */
.lem2-series-block {
  border:1px solid #e5e7eb; border-radius:6px; margin-bottom:12px;
  background:#fff; overflow:hidden; scroll-margin-top:120px;
}
.lem2-series-header {
  display:flex; align-items:center; justify-content:space-between;
  padding:10px 16px; cursor:pointer; background:#fff;
  transition:background .15s; user-select:none;
}
.lem2-series-header:hover { background:#f9fafb; }
.lem2-s-left { display:flex; align-items:center; gap:12px; }
.lem2-series-arrow {
  display:inline-block; width:10px; height:10px;
  border-right:2px solid #0a64e0; border-bottom:2px solid #0a64e0;
  transform:rotate(-45deg); transition:transform .2s; flex-shrink:0; margin-top:-3px;
}
.lem2-series-block.lem2-open .lem2-series-arrow { transform:rotate(45deg) translateY(2px); }
.lem2-series-title-main { font-size:15px; font-weight:600; color:#0a2b4a; }
.lem2-series-desc { font-size:12.5px; color:#6b7280; margin-left:10px; border-left:1px solid #e5e7eb; padding-left:12px; }
.lem2-series-body { display:none; border-top:1px solid #e5e7eb; background:#fff; }
.lem2-series-block.lem2-open .lem2-series-body { display:block; }

/* Inner layout: square thumb on left, table on right */
.lem2-series-body-inner {
  display:flex; gap:16px; padding:12px 16px;
}
/* Square thumbnail — fixed 270px square */
.lem2-series-thumb {
  flex:0 0 270px;
  background:#f9fafb; border:1px solid #e5e7eb;
  border-radius:4px; display:flex; align-items:center; justify-content:center;
  overflow:hidden; aspect-ratio:1/1;
  align-self:stretch;
}
.lem2-series-thumb img {
  width:100%; height:100%; object-fit:contain; padding:6px;
}
.lem2-table-wrap { flex:1; min-width:0; overflow-x:auto; }

/* Table */
table.lem2-table {
  /* 7 列 × 150px = 1050px：窄屏由 .lem2-table-wrap 横向滚动，不再截断内容 */
  width:100%; min-width:1050px; border-collapse:collapse; font-size:12px; white-space:nowrap;
  border:1px solid #e5e7eb; table-layout:fixed;
}
table.lem2-table thead th {
  background:#f5f7fa; color:#0a2b4a; font-weight:700; font-size:11px;
  text-transform:uppercase; letter-spacing:.5px; text-align:left;
  padding:6px 8px; border:1px solid #e5e7eb;
  white-space:nowrap; overflow:hidden; text-overflow:ellipsis;
  line-height:1.25; width:150px;
}
table.lem2-table tbody td {
  padding:6px 7px; border:1px solid #e5e7eb; color:#374151; font-size:12px;
  white-space:nowrap; overflow:hidden; text-overflow:ellipsis; line-height:1.4;
}
table.lem2-table tbody td a,
table.lem2-table tbody td .lem2-btn-pdf,
table.lem2-table tbody td .lem2-btn-inq {
  display:block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;
}
table.lem2-table tbody tr:hover td { background:#fafbfc; }
table.lem2-table .lem2-model-col a { color:#0a64e0; font-weight:600; text-decoration:none; }
table.lem2-table .lem2-model-col a:hover { text-decoration:underline; }
table.lem2-table .lem2-btn-pdf { border:none; background:none; color:#0a64e0; text-decoration:none; font-size:12px; font-weight:600; white-space:nowrap; }
table.lem2-table .lem2-btn-pdf:hover { text-decoration:underline; }
/* Request a Quote — WHITE BG + BLUE BORDER + BLUE TEXT (matches nav #0a64e0) */
table.lem2-table .lem2-btn-inq {
  background:#fff; color:#0a64e0; border:1.5px solid #0a64e0; padding:5px 12px;
  font-size:11.5px; font-weight:600; border-radius:3px; text-decoration:none; display:inline-block; white-space:nowrap;
}
table.lem2-table .lem2-btn-inq:hover { background:#0a64e0; color:#fff; border-color:#0a64e0; }
.lem2-view-all { display:block; text-align:left; padding:8px 4px 2px; font-size:12.5px; font-weight:600; color:#0a64e0; text-decoration:none; }
.lem2-view-all:hover { color:#0854bd; text-decoration:underline; }

/* Series page ("View All <Series> Models") — full-width table, no thumbnail */
.lem2-all-models { border:1px solid #e5e7eb; border-radius:6px; background:#fff; overflow:hidden; }
.lem2-all-models .lem2-series-body-inner { padding:12px 16px; }

/* Series page sidebar: every category expanded, so allow scrolling */
.lem2-series-page .lem2-sidebar { max-height:calc(100vh - 110px); overflow-x:hidden; overflow-y:auto; padding-right:4px; }

/* Bottom */
.lem2-bottom { display:grid; grid-template-columns:2fr 1fr; gap:16px; margin-top:24px; margin-bottom:44px; }
.lem2-card { background:#fff; border:1px solid #e5e7eb; border-radius:6px; padding:18px 20px; }
.lem2-card.lem2-card-why { background:#eaf2ff; border-color:#c6d7ee; }
.lem2-card h3 { font-size:16px; font-weight:700; color:#0a2b4a; margin:0 0 12px; }
.lem2-card.lem2-card-cream { background:#FFF9E6; border-color:#F5E8A0; }
.lem2-card p { font-size:13px; color:#6b7280; line-height:1.7; margin:0 0 12px; }
/* Button spans full width of its card content */
.lem2-card a.lem2-btn-primary {
  display:block; width:100%; box-sizing:border-box; text-align:center;
  background:#126fbc; color:#fff; font-size:13px; font-weight:600; text-decoration:none;
  padding:10px 18px; border-radius:3px; margin-top:auto;
}
.lem2-card a.lem2-btn-primary:hover { background:#0a2b4a; }
/* Why Buy features — 4 in one row with vertical dividers */
.lem2-features { display:grid; grid-template-columns:repeat(4,1fr); gap:0; }
.lem2-feature { display:flex; gap:10px; align-items:center; font-size:12px; color:#575757; padding:0 14px; border-right:1px solid #d1d5db; }
.lem2-feature:first-child { padding-left:0; }
.lem2-feature:last-child { border-right:none; padding-right:0; }
.lem2-feature .lem2-icon { width:44px; height:44px; border-radius:50%; background:#fff; color:#0a64e0; display:inline-flex; align-items:center; justify-content:center; font-size:20px; flex:0 0 auto; }
.lem2-feature .lem2-f-title { font-size:12.5px; font-weight:700; color:#0a2b4a; margin:0 0 2px; }
.lem2-feature .lem2-f-desc { font-size:11px; color:#6b7280; line-height:1.4; }

@media (max-width:960px) {
  .lem2-layout { flex-direction:column; }
  .lem2-sidebar { position:static; flex:none; width:100%; }
  .lem2-bottom { grid-template-columns:1fr; }
  /* Why Buy 四项改纵向排列：去掉竖分隔线，统一左对齐，行间留距 */
  .lem2-features { grid-template-columns:1fr; gap:0; }
  .lem2-feature { padding:0; border-right:none; align-items:center; gap:12px; }
  .lem2-feature:first-child { padding-left:0; }
  .lem2-feature:last-child { padding-right:0; }
  .lem2-feature + .lem2-feature { border-top:1px solid #d1d5db; padding-top:14px; margin-top:14px; }
  .lem2-feature > div { min-width:0; }
  .lem2-feature .lem2-f-title,
  .lem2-feature .lem2-f-desc { word-break:break-word; }
  .lem2-series-body-inner { flex-direction:column; }
  .lem2-series-thumb {
    /* 不固定高宽比，让图片自己撑出高度 → 既不裁切也不留白 */
    aspect-ratio:auto; width:100%; align-self:stretch;
    background:#f9fafb; padding:0;
  }
  .lem2-series-thumb img {
    width:100%; height:auto; object-fit:contain; padding:0; display:block;
  }
  .lem2-hero-content { flex-direction:column; align-items:flex-start; gap:16px; }
  .lem2-hero-text { padding-left:0; border-left:none; }
}