/* ================= 共用基础样式 ================= */
.product-center-banner, .product-center-banner *, .ld18-banner, .ld18-banner *, .iolink-banner, .iolink-banner *, .limitswitch-banner, .limitswitch-banner *, .proximity-banner, .proximity-banner *, .laser-matrix-banner, .laser-matrix-banner * { box-sizing: border-box; }
.product-center-banner, .ld18-banner, .iolink-banner, .limitswitch-banner, .proximity-banner, .laser-matrix-banner { 
  position: relative; width: 100%; overflow: hidden; font-family: Arial, "Helvetica Neue", Helvetica, sans-serif; 
  container-type: inline-size; /* 开启容器查询，使内部元素可依赖容器宽度进行精确缩放 */
}

/* ================= 独立组件样式 ================= */
/* Product Center Banner (基准宽度: 1920px) */
.product-center-banner { aspect-ratio: 1920/400; min-height: 220px; background: url("/uploadfile/202608/productcenterbanner-bg.webp") center/cover no-repeat !important; }
.product-center-banner__content { position: absolute; left: 5.95%; top: 50%; z-index: 2; width: 33%; color: #003b9a; transform: translateY(-50%); }
.product-center-banner__title { margin: 0; color: #003b9a; font-family: Impact, "Arial Narrow", "Arial Black", Arial, sans-serif; font-size: clamp(54px, 4.35cqi, 86px); font-weight: 900; line-height: 0.92; letter-spacing: 0.04em; text-transform: uppercase; transform: scaleX(0.92); transform-origin: left center; }
.product-center-banner__subtitle { position: relative; margin: 0.94cqi 0 0; padding-bottom: 15px; color: #232323; font-size: clamp(16px, 1.08cqi, 22px); font-weight: 400; line-height: 1.25; white-space: nowrap; }
.product-center-banner__subtitle::after { position: absolute; left: 0; bottom: 0; width: 48px; height: 1px; background: #d7b5a3; content: ""; }
.product-center-banner__categories { display: flex; flex-wrap: wrap; align-items: center; gap: 0.94cqi 1.25cqi; margin: 0.73cqi 0 0; padding: 0; color: #003b9a; font-size: clamp(14px, 0.9cqi, 18px); font-weight: 500; line-height: 1.2; }
.product-center-banner__categories > div { position: relative; padding-left: 0.94cqi; white-space: nowrap; }
.product-center-banner__categories > div::before { position: absolute; left: 0; top: 50%; width: 5px; height: 5px; background: #ed1c24; content: ""; transform: translateY(-50%); }

/* LD18 Banner (基准宽度: 1916px) */
.ld18-banner { aspect-ratio: 1916/700; min-height: 360px; background: url("/uploadfile/202608/ld18-radar-banner-bg.webp") center/cover no-repeat !important; color: #07142d; }
.ld18-banner__main-copy { position: absolute; left: 3.45%; top: 13.8%; z-index: 2; width: 57%; }
.ld18-banner__model { margin: 0 0 0.36cqi; color: #004cab; font-size: clamp(42px, 4.45cqi, 86px); font-weight: 500; line-height: 0.98; letter-spacing: 0.045em; }
.ld18-banner__title { margin: 0; color: #07142d; font-size: clamp(26px, 2.35cqi, 46px); font-weight: 900; line-height: 1.02; letter-spacing: 0.015em; text-transform: uppercase; }
.ld18-banner__divider { display: block; width: 2.55cqi; height: 2px; margin: 0.94cqi 0 0.73cqi; background: #004cab; }
.ld18-banner__slogan { margin: 0; color: #004cab; font-size: clamp(17px, 1.3cqi, 25px); font-weight: 500; line-height: 1.1; letter-spacing: 0.025em; }
.ld18-banner__desc { margin: 0.3cqi 0 0; color: #111827; font-size: clamp(13px, 0.9cqi, 17px); font-weight: 400; line-height: 1.25; }
.ld18-banner__features { position: absolute; left: 2.05%; top: 65.3%; z-index: 2; display: grid; grid-template-columns: repeat(5, 1fr); width: 47.5%; margin: 0; padding: 0; transform: translateY(-50%); }
.ld18-banner__features > div { min-height: 6.05cqi; display: flex; flex-direction: column; justify-content: flex-start; padding: 3.65cqi 0.5cqi 0; text-align: center; }
.ld18-banner__features strong { display: block; color: #111827; font-size: clamp(10px, 0.73cqi, 14px); font-weight: 800; line-height: 1.35; }
.ld18-banner__features span { display: block; margin-top: 0.3cqi; color: #111827; font-size: clamp(10px, 0.72cqi, 14px); font-weight: 400; line-height: 1.35; }
.ld18-banner__features > div:nth-child(5) { transform: translateX(-0.62cqi); }
.ld18-banner__applications { position: absolute; left: 3.3%; bottom: 3.6%; z-index: 2; display: block; align-items: center; width: 74.7%; min-height: 6.57cqi; }
.ld18-banner__applications h2 { margin: 0; padding: 2.3cqi 0 0 1.15cqi; color: #004cab; font-size: clamp(16px, 1.25cqi, 24px); font-weight: 400; line-height: 1.18; text-transform: uppercase; }
.ld18-banner__applications-list { position: absolute; left: 15.2%; right: 0; top: 0; bottom: 0; display: block; margin: 0; padding: 0; }
.ld18-banner__applications-list > div { position: absolute; top: 4.28cqi; min-height: 2.2cqi; display: flex; align-items: flex-start; justify-content: center; width: 13%; padding: 0 0.2cqi; color: #111827; font-size: clamp(10px, 0.72cqi, 14px); font-weight: 400; line-height: 1.25; text-align: center; }
.ld18-banner__applications-list > div:nth-child(1) { left: -1.2%; }
.ld18-banner__applications-list > div:nth-child(2) { left: 11%; }
.ld18-banner__applications-list > div:nth-child(3) { left: 23.8%; }
.ld18-banner__applications-list > div:nth-child(4) { left: 36.9%; }
.ld18-banner__applications-list > div:nth-child(5) { left: 50.6%; }
.ld18-banner__applications-list > div:nth-child(6) { left: 64.5%; }
.ld18-banner__applications-list > div:nth-child(7) { left: 78.6%; }
.ld18-banner__certs { position: absolute; top: 7.5%; right: 2.9%; z-index: 2; display: flex; align-items: center; gap: 0.94cqi; }
.ld18-banner__certs span { display: inline-flex; align-items: center; justify-content: center; min-width: 2.5cqi; height: 2.5cqi; color: #07142d; font-size: 20px; font-weight: 900; line-height: 1; text-align: center; }
.ld18-banner__certs span:nth-child(2) { color: #009b47; font-size: 16px; font-style: italic; }
.ld18-banner__certs span:nth-child(3) { width: 2.6cqi; height: 2.6cqi; border: 2px solid #24378f; border-radius: 50%; color: #24378f; font-family: Georgia, "Times New Roman", serif; font-size: 12px; }
.ld18-banner__limit-card { position: absolute; right: 3.4%; bottom: 4.5%; z-index: 2; width: 18.1%; min-height: 4.9cqi; display: flex; align-items: center; justify-content: flex-start; padding: 0.73cqi 1cqi 0.73cqi 4.07cqi; color: #fff; }
.ld18-banner__limit-card p { margin: 0; font-size: clamp(12px, 0.9cqi, 17px); font-weight: 800; line-height: 1.18; }

/* IO-Link Banner (基准宽度: 2077px) */
.iolink-banner { aspect-ratio: 2077/757; min-height: 360px; background: url("/uploadfile/202608/iolink-banner-bg.webp") center/cover no-repeat !important; color: #111827; }
.iolink-banner__main-copy { position: absolute; left: 3.35%; top: 6.2%; z-index: 2; width: 41.5%; }
.iolink-banner__series { margin: 0; color: #004cab; font-size: clamp(48px, 4.65cqi, 94px); font-weight: 800; line-height: 1.05; letter-spacing: 0.035em; }
.iolink-banner__title { margin: 0.67cqi 0 0; color: #111; font-size: clamp(42px, 4.05cqi, 82px); font-weight: 900; line-height: 1.02; letter-spacing: 0.015em; white-space: nowrap; }
.iolink-banner__slogan { margin: 1.44cqi 0 0; color: #004cab; font-size: clamp(17px, 1.35cqi, 27px); font-weight: 800; line-height: 1.2; }
.iolink-banner__divider { display: block; width: 2.5cqi; height: 1px; margin: 0.86cqi 0 0.43cqi; background: #222; opacity: 0.8; }
.iolink-banner__features { position: absolute; left: 4.35%; top: 60.0%; z-index: 2; display: grid; grid-template-columns: repeat(5, 1fr); gap: 1.77cqi; width: 49.4%; margin: 0; padding: 0; }
.iolink-banner__features > div { min-height: 3cqi; display: flex; align-items: center; padding: 0 0.67cqi 0.86cqi 2.21cqi; font-size: clamp(11px, 0.78cqi, 16px); font-weight: 500; line-height: 1.25; white-space: nowrap; }
.iolink-banner__features > div:nth-child(4) { transform: translateX(0.48cqi); }
.iolink-banner__applications { position: absolute; left: 3.35%; right: 3.7%; bottom: 30.8%; z-index: 2; }
.iolink-banner__applications h2 { margin: 0 0 0.57cqi; color: #004cab; font-size: clamp(17px, 1.25cqi, 26px); font-weight: 800; line-height: 1.2; }
.iolink-banner__applications-list { display: grid; grid-template-columns: repeat(6, 1fr); gap: 1.86cqi; margin: 0; padding: 0; 
transform: translateY(7.35cqi); }
.iolink-banner__applications-list > div { min-height: 4.9cqi; display: flex; align-items: flex-end; justify-content: center; padding-left: 3.08cqi; font-size: clamp(11px, 0.82cqi, 17px); font-weight: 700; line-height: 1.22; text-align: center; white-space: nowrap; }
.iolink-banner__applications-list > div:nth-child(2), .iolink-banner__applications-list > div:nth-child(3), .iolink-banner__applications-list > div:nth-child(4) { transform: translateX(1.86cqi); }
.iolink-banner__footer { position: absolute; left: 13.35%; right: 5%; bottom: 2.3%; z-index: 2; display: grid; grid-template-columns: minmax(280px, 1fr) auto; align-items: center; gap: 1.06cqi; min-height: 1.63cqi; }
.iolink-banner__footer p { margin: 0; color: #004cab; font-size: clamp(12px, 0.78cqi, 16px); font-weight: 200; }
.iolink-banner__footer-list { position: relative; width: 33.22cqi; min-height: 1.15cqi; display: block; margin: 0; padding: 0; font-size: clamp(12px, 0.85cqi, 17px); font-weight: 500; }
.iolink-banner__footer-list > div { position: absolute; top: 0;white-space: nowrap; }
.iolink-banner__footer-list > div:nth-child(1) { left: 8.18%; }
.iolink-banner__footer-list > div:nth-child(2) { left: 42.12%; }
.iolink-banner__footer-list > div:nth-child(3) { left: 76.33%; }

/* Limit Switch Banner (基准宽度: 1920px) */
.limitswitch-banner { aspect-ratio: 1920/700; min-height: 360px; background: url("/uploadfile/202608/limitswitch-banner-bg.webp") center/cover no-repeat !important; color: #07142d; }
.limitswitch-banner__main-copy { position: absolute; left: 3.05%; top: 16.8%; z-index: 2; width: 42%; }
.limitswitch-banner__title { margin: 0; color: #004cca; font-family: Impact, "Arial Black", "Arial Narrow", Arial, sans-serif; font-size: clamp(62px, 6.35cqi, 122px); font-weight: 400; line-height: 0.9; letter-spacing: 0.035em; text-transform: uppercase; transform: scaleX(1.06); transform-origin: left center; }
.limitswitch-banner__divider { display: block; width: 3.9cqi; height: 5px; margin: 1.25cqi 0 0.83cqi; background: #004cca; }
.limitswitch-banner__subtitle { margin: 0; color: #07142d; font-size: clamp(18px, 1.45cqi, 28px); font-weight: 800; line-height: 1.2; }
.limitswitch-banner__features { position: absolute; left: 2.8%; top: 52.8%; z-index: 2; display: grid; grid-template-columns: repeat(3, 1fr); gap: 1.98cqi 0.52cqi; width: 60%; margin: 0; padding: 0; }
.limitswitch-banner__features > div { min-height: 4.8cqi; padding: 0.42cqi 0 0 4.06cqi; color: #07142d; }
.limitswitch-banner__features strong { display: block; margin-bottom: 0.36cqi; font-size: clamp(12px, 0.82cqi, 16px); font-weight: 900; line-height: 1.2; }
.limitswitch-banner__features span { display: block; font-size: clamp(11px, 0.74cqi, 15px); font-weight: 400; line-height: 1.32; }
.limitswitch-banner__features > div:nth-child(4) { grid-column: 1; transform: translateY(-1.0cqi); }
.limitswitch-banner__features > div:nth-child(5) { grid-column: 2; transform: translate(-4.54cqi, -1.0cqi); }
.limitswitch-banner__features > div:nth-child(2) { transform: translateX(-4.54cqi); }
.limitswitch-banner__features > div:nth-child(3) { transform: translateX(-10.23cqi); }
.limitswitch-banner__bottom-features { position: absolute; left: 2%; bottom: 4.5%; z-index: 2; display: grid; grid-template-columns: 1.08fr 1.35fr 1.12fr; width: 60%; min-height: 3.75cqi; margin: 0; padding: 0; }
.limitswitch-banner__bottom-features > div { min-height: 3.75cqi; display: flex; flex-direction: column; justify-content: center; padding: 0 0.52cqi 0 4.27cqi; color: #07142d; }
.limitswitch-banner__bottom-features strong { color: #004cca; font-size: clamp(12px, 0.84cqi, 16px); font-weight: 900; line-height: 1.2; }
.limitswitch-banner__bottom-features span { margin-top: 0.2cqi; color: #07142d; font-size: clamp(11px, 0.76cqi, 15px); font-weight: 400; line-height: 1.2; }
.limitswitch-banner__bottom-features > div:nth-child(2) { transform: translateX(-5.98cqi); }
.limitswitch-banner__bottom-features > div:nth-child(3) { transform: translateX(-13.51cqi); }
.limitswitch-banner__callout { position: absolute; z-index: 2; color: #004cca; font-size: clamp(14px, 1.1cqi, 22px); font-weight: 500; line-height: 1.15; text-align: center; }
.limitswitch-banner__callout--end { left: 53.5%; top: 13.3%; }
.limitswitch-banner__callout--travel { right: 3.65%; top: 34.2%; }

/* Proximity Banner (基准宽度: 1920px) */
.proximity-banner { aspect-ratio: 1920/700; min-height: 360px; background: url("/uploadfile/202608/proximitysensor-banner-bg.webp") center/cover no-repeat !important; color: #07142d; }
.proximity-banner__main-copy { position: absolute; left: 2.85%; top: 10.2%; z-index: 2; width: 44%; }
.proximity-banner__title { margin: 0; color: #004cca; font-family: Impact, "Arial Black", "Arial Narrow", Arial, sans-serif; font-size: clamp(60px, 5.9cqi, 116px); font-weight: 300; line-height: 0.92; letter-spacing: 0.035em; text-transform: uppercase; transform: scaleX(1.04); transform-origin: left center; }
.proximity-banner__divider { display: block; width: 3.54cqi; height: 4px; margin: 1.25cqi 0 0.83cqi; background: #004cca; }
.proximity-banner__subtitle { margin: 0; color: #111; font-size: clamp(18px, 1.36cqi, 27px); font-weight: 400; line-height: 1.22; }
.proximity-banner__features { position: absolute; left: 2.2%; top: 56.5%; z-index: 2; display: grid; grid-template-columns: repeat(3, 1fr); gap: 1.3cqi 3.33cqi; width: 60%; margin: 0; padding: 0; }
.proximity-banner__features > div { min-height: 3cqi; display: flex; align-items: center; padding: 0 0.2cqi 0 3.54cqi; color: #111; font-size: clamp(13px, 0.95cqi, 19px); font-weight: 400; line-height: 1.18; }
.proximity-banner__features > div:nth-child(4) { grid-column: 1; transform: translateY(-0.35cqi); }
.proximity-banner__features > div:nth-child(5) { grid-column: 2; transform: translate(-8cqi, -0.35cqi); }
.proximity-banner__features > div:nth-child(2) { transform: translateX(-8cqi); }
.proximity-banner__features > div:nth-child(3) { transform: translateX(-17.5cqi); }
.proximity-banner__applications { position: absolute; left: 2.9%; bottom: 4.8%; z-index: 2; display: block; width: 35.3%; min-height: 3.65cqi; margin: 0; padding: 0; }
.proximity-banner__applications > div { position: absolute; top: 0; width: 20%; min-height: 3.2cqi; display: flex; align-items: flex-end; justify-content: center; padding: 0 0.4cqi; color: #111; font-size: clamp(10px, 0.72cqi, 14px); font-weight: 500; line-height: 1.2; text-align: center; white-space: nowrap; }
.proximity-banner__applications > div:nth-child(1) { left: -2.5%; }
.proximity-banner__applications > div:nth-child(2) { left: 19.2%; }
.proximity-banner__applications > div:nth-child(3) { left: 41%; }
.proximity-banner__applications > div:nth-child(4) { left: 62.6%; }
.proximity-banner__applications > div:nth-child(5) { left: 83.6%; }
.proximity-banner__callout { position: absolute; z-index: 2; color: #004cca; font-size: clamp(13px, 0.95cqi, 19px); font-weight: 500; line-height: 1.18; }
.proximity-banner__callout--metal { left: 46.7%; top: 17.3%; }
.proximity-banner__callout--positioning { right: 11.2%; top: 14.2%; text-align: left; }

/* Laser Matrix Banner (基准宽度: 2076px) */
.laser-matrix-banner { max-width: 2076px; min-height: 320px; margin: 0 auto; aspect-ratio: 2076/757; background: url("/uploadfile/202608/laser-sensor-matrix-bg.webp") center/cover no-repeat !important; color: #05183f; }
.laser-matrix-banner__main-copy { position: absolute; left: 2.15%; top: 8.8%; z-index: 2; width: 50%; }
.laser-matrix-banner__main-copy h1 { margin: 0 0 1.35% 0; color: #061d52; font-size: clamp(34px, 3.35cqi, 70px); font-weight: 700; line-height: 1.05; letter-spacing: -0.02em; }
.laser-matrix-banner__categories { margin: 0 0 1.45% 0; color: #06183c; font-size: clamp(17px, 1.42cqi, 30px); font-weight: 400; line-height: 1.22; }
.laser-matrix-banner__categories span { display: inline-block; margin: 0 0.55em; color: #004ebc; font-weight: 700; }
.laser-matrix-banner__summary { margin: 0 0 1.35% 0; color: #091a39; font-size: clamp(15px, 1.23cqi, 26px); font-weight: 400; line-height: 1.25; }
.laser-matrix-banner__focus { margin: 0; color: #004cae; font-size: clamp(13px, 1.06cqi, 22px); font-weight: 500; line-height: 1.22; }
.laser-matrix-banner__focus strong { margin-right: 0.7em; font-weight: 800; }
.laser-matrix-banner__features { position: absolute; left: 2.7%; top: 54.9%; z-index: 2; display: block; width: 37.8%; min-height: 3.37cqi; margin: 0; padding: 0; }
.laser-matrix-banner__features > div { position: absolute; top: 0; width: 22%; min-height: 3.18cqi; display: flex; align-items: flex-end; justify-content: center; padding: 0 0.38cqi; color: #071741; font-size: clamp(11px, 0.78cqi, 17px); font-weight: 700; line-height: 1.18; text-align: center; white-space: nowrap; }
.laser-matrix-banner__features > div:nth-child(1) { left: -2.2%; }
.laser-matrix-banner__features > div:nth-child(2) { left: 24.9%; }
.laser-matrix-banner__features > div:nth-child(3) { left: 50.8%; }
.laser-matrix-banner__features > div:nth-child(4) { left: 77.7%; }
.laser-matrix-banner__bubble { position: absolute; z-index: 2; color: #00409d; font-size: clamp(15px, 1.06cqi, 22px); font-weight: 500; line-height: 1.18; text-align: center; }
.laser-matrix-banner__bubble strong, .laser-matrix-banner__bubble span { display: block; }
.laser-matrix-banner__bubble strong { font-weight: 800; }
.laser-matrix-banner__bubble--distance { left: 57.7%; top: 7.4%; width: 13.4%; }
.laser-matrix-banner__bubble--displacement { left: 73.3%; top: 6.7%; width: 13.2%; }
.laser-matrix-banner__products { position: absolute; left: 2.1%; bottom: 10.9%; z-index: 2; display: block; width: 91.4%; min-height: 3.46cqi; margin: 0; padding: 0; }
.laser-matrix-banner__products > div { position: absolute; top: 0; width: 13.2%; min-height: 3.37cqi; display: flex; align-items: flex-end; justify-content: center; padding: 0 0.38cqi; color: #061541; font-size: clamp(11px, 0.82cqi, 18px); font-weight: 700; line-height: 1.18; text-align: center; white-space: nowrap; }
.laser-matrix-banner__products > div:nth-child(1) { left: 0.3%; }
.laser-matrix-banner__products > div:nth-child(2) { left: 12.5%; }
.laser-matrix-banner__products > div:nth-child(3) { left: 26.0%; }
.laser-matrix-banner__products > div:nth-child(4) { left: 39.6%; }
.laser-matrix-banner__products > div:nth-child(5) { left: 53.1%; }
.laser-matrix-banner__products > div:nth-child(6) { left: 66.8%; }
.laser-matrix-banner__products > div:nth-child(7) { left: 81.0%; }
.laser-matrix-banner__usage { position: absolute; left: 6.4%; bottom: 2.9%; z-index: 2; width: 76%; margin: 0; color: #06183c; font-size: clamp(13px, 1cqi, 22px); font-weight: 400; line-height: 1.2; white-space: nowrap; }


/* ================= 整合后的 Media Queries ================= */
@media (max-width: 1200px) {
  .ld18-banner, .iolink-banner, .limitswitch-banner, .proximity-banner { min-height: 330px; }
  .laser-matrix-banner { min-height: 300px; }
  .ld18-banner__main-copy { top: 13%; width: 58%; }
  .ld18-banner__features { left: 2.05%; width: 47.5%; }
  .ld18-banner__features > div { padding-top: 5.16cqi; }
  .ld18-banner__limit-card { right: 3.2%; width: 21%; padding-left: 4.83cqi; }
  .iolink-banner__main-copy { width: 45%; }
  .iolink-banner__features { width: 52%; gap: 0.66cqi; }
  .iolink-banner__features > div { padding: 0 1.16cqi 1.16cqi 3.33cqi; }
  .iolink-banner__applications-list { gap: 1cqi; transform: translateY(7.66cqi); }
  .iolink-banner__applications-list > div { padding-left: 4cqi; padding-right: 0; }
  .iolink-banner__footer { grid-template-columns: minmax(220px, 1fr) auto; gap: 1.16cqi; }
  .iolink-banner__footer-list { width: 50cqi; }
  .iolink-banner__footer-list > div:nth-child(2) { left: 35.83%; }
  .iolink-banner__footer-list > div:nth-child(3) { left: 71.66%; }
  .limitswitch-banner__main-copy { width: 44%; }
  .limitswitch-banner__features { left: 3%; width: 58%; gap: 1.83cqi 3.83cqi; }
  .limitswitch-banner__features > div { padding-left: 4.83cqi; }
  .limitswitch-banner__bottom-features { left: 1.8%; bottom: 4.2%; width: 46%; }
  .limitswitch-banner__bottom-features > div { padding-left: 5.16cqi; }
  .proximity-banner__main-copy { width: 46%; }
  .proximity-banner__features { left: 2%; top: 53.5%; width: 44%; gap: 1.5cqi 3.5cqi; }
  .proximity-banner__features > div { padding-left: 4.5cqi; }
  .proximity-banner__applications { width: 38%; }
  .laser-matrix-banner__main-copy { width: 53%; }
  .laser-matrix-banner__features { width: 40%; }
  .laser-matrix-banner__products { width: 92%; }
  .laser-matrix-banner__products > div { font-size: 11px; }
}

@media (max-width: 1024px) {
  .product-center-banner { min-height: 190px; background-position: center center; }
  .product-center-banner__content { left: 5%; top: 50%; width: 42%; }
  .product-center-banner__subtitle { white-space: normal; }
  .product-center-banner__categories { gap: 10px 14px; }
}

@media (max-width: 768px) {
  /* Common mobile resets */
  .ld18-banner::before, .iolink-banner::before, .limitswitch-banner::before, .proximity-banner::before, .laser-matrix-banner::before { position: absolute; inset: 0; z-index: 1; content: ""; }
  .limitswitch-banner__callout, .proximity-banner__callout, .laser-matrix-banner__bubble, .product-center-banner__categories { display: none; }
  
  /* Before layer gradients */
  .ld18-banner::before { background: linear-gradient(90deg, rgba(238,246,255,0.96) 0%, rgba(238,246,255,0.86) 48%, rgba(238,246,255,0.28) 100%); }
  .iolink-banner::before { background: linear-gradient(90deg, rgba(235,246,255,0.96) 0%, rgba(235,246,255,0.88) 55%, rgba(235,246,255,0.35) 100%); }
  .limitswitch-banner::before { background: linear-gradient(90deg, rgba(255,255,255,.96) 0%, rgba(255,255,255,.88) 58%, rgba(255,255,255,.25) 100%); }
  .proximity-banner::before { background: linear-gradient(90deg, rgba(255,255,255,.96) 0%, rgba(255,255,255,.86) 58%, rgba(255,255,255,.25) 100%); }
  .laser-matrix-banner::before { background: linear-gradient(90deg, rgba(255,255,255,.96) 0%, rgba(255,255,255,.88) 58%, rgba(255,255,255,.28) 100%); }

  /* Product Center Banner */
  .product-center-banner { min-height: 170px; background-position: 58% center; }
  .product-center-banner__content { left: 5%; top: 50%; width: 48%; }
  .product-center-banner__title { font-size: clamp(30px, 8cqi, 46px); line-height: 0.95; letter-spacing: 0.03em; }
  .product-center-banner__subtitle { margin-top: 9px; padding-bottom: 8px; font-size: 12px; }

  /* LD18 */
  .ld18-banner { min-height: 560px; aspect-ratio: auto; background-position: 66% center; }
  .ld18-banner__main-copy { left: 6%; top: 4%; width: 88%; }
  .ld18-banner__model { font-size: 42px; }
  .ld18-banner__title { max-width: 92%; font-size: 22px; }
  .ld18-banner__slogan { font-size: 16px; }
  .ld18-banner__desc { max-width: 78%; font-size: 13px; }
  .ld18-banner__features { left: 6%; top: 43%; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px 10px; width: 52%; transform: none; }
  .ld18-banner__features > div { min-height: auto; padding: 0; text-align: left; }
  .ld18-banner__features strong, .ld18-banner__features span { font-size: 11px; }
  .ld18-banner__features > div:nth-child(5) { transform: none; }
  .ld18-banner__applications { left: 6%; right: 6%; bottom: 4%; width: auto; grid-template-columns: 1fr; min-height: 0; }
  .ld18-banner__applications h2 { padding: 24px 0 0; font-size: 18px; }
  .ld18-banner__applications-list { position: static; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 6px 10px; padding-top: 22px; }
  .ld18-banner__applications-list > div { position: static; justify-content: flex-start; width: auto; min-height: 0; padding: 0; font-size: 11px; text-align: left; }
  .ld18-banner__certs { top: 4%; right: 4%; gap: 6px; }
  .ld18-banner__certs span { min-width: 34px; height: 34px; font-size: 14px; }
  .ld18-banner__certs span:nth-child(3) { width: 36px; height: 36px; font-size: 9px; }
  .ld18-banner__limit-card { right: 4%; bottom: 21%; width: 40%; min-height: 70px; padding: 10px 12px; }
  .ld18-banner__limit-card p { font-size: 10px; }

  /* IOLink */
  .iolink-banner { min-height: 720px; aspect-ratio: auto; background-position: 72% center; }
  .iolink-banner__main-copy { left: 5%; top: 5%; width: 88%; }
  .iolink-banner__series { font-size: 42px; }
  .iolink-banner__title { margin-top: 8px; font-size: 34px; white-space: normal; }
  .iolink-banner__slogan { margin-top: 18px; font-size: 15px; }
  .iolink-banner__features { left: 5%; top: 45%; grid-template-columns: repeat(2, minmax(0, 1fr)); width: 54%; }
  .iolink-banner__features > div { min-height: auto; padding: 0; font-size: 11px; white-space: normal; }
  .iolink-banner__features > div:nth-child(4) { transform: none; }
  .iolink-banner__applications { left: 5%; right: 5%; bottom: 20%; }
  .iolink-banner__applications-list { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px 12px; transform: none; }
  .iolink-banner__applications-list > div { min-height: auto; padding: 0; font-size: 11px; text-align: center; white-space: normal; }
  .iolink-banner__applications-list > div:nth-child(2), .iolink-banner__applications-list > div:nth-child(3), .iolink-banner__applications-list > div:nth-child(4) { transform: none; }
  .iolink-banner__footer { left: 5%; right: 5%; bottom: 2%; grid-template-columns: 1fr; gap: 6px; }
  .iolink-banner__footer-list { flex-wrap: wrap; gap: 8px 14px; font-size: 11px; }

  /* Limit Switch */
  .limitswitch-banner { min-height: 640px; aspect-ratio: auto; background-position: 62% center; }
  .limitswitch-banner__main-copy { left: 5%; top: 6%; width: 90%; }
  .limitswitch-banner__title { font-size: 54px; }
  .limitswitch-banner__subtitle { font-size: 16px; }
  .limitswitch-banner__features { left: 5%; top: 34%; grid-template-columns: 1fr; gap: 10px; width: 46%; }
  .limitswitch-banner__features > div { min-height: auto; padding: 0; }
  .limitswitch-banner__features strong, .limitswitch-banner__features span { font-size: 11px; }
  .limitswitch-banner__features > div:nth-child(4), .limitswitch-banner__features > div:nth-child(5) { transform: none; }
  .limitswitch-banner__bottom-features { left: 5%; bottom: 6%; grid-template-columns: 1fr; gap: 8px; width: 48%; }
  .limitswitch-banner__bottom-features > div { min-height: auto; padding: 0; }
  .limitswitch-banner__bottom-features strong, .limitswitch-banner__bottom-features span { font-size: 11px; }
  .limitswitch-banner__bottom-features > div:nth-child(2), .limitswitch-banner__bottom-features > div:nth-child(3) { transform: none; }

  /* Proximity */
  .proximity-banner { min-height: 640px; aspect-ratio: auto; background-position: 62% center; }
  .proximity-banner__main-copy { left: 5%; top: 7%; width: 90%; }
  .proximity-banner__title { font-size: 46px; }
  .proximity-banner__subtitle { max-width: 78%; font-size: 15px; }
  .proximity-banner__features { left: 5%; top: 34%; grid-template-columns: 1fr; gap: 10px; width: 43%; }
  .proximity-banner__features > div { min-height: auto; padding: 0; font-size: 12px; }
  .proximity-banner__features > div:nth-child(2), .proximity-banner__features > div:nth-child(3), .proximity-banner__features > div:nth-child(4), .proximity-banner__features > div:nth-child(5) { transform: none; }
  .proximity-banner__applications { left: 5%; bottom: 7%; width: 43%; }
  .proximity-banner__applications > div { position: static; width: auto; min-height: auto; justify-content: flex-start; padding: 0; font-size: 11px; text-align: left; }

  /* Laser Matrix */
  .laser-matrix-banner { min-height: 640px; aspect-ratio: auto; background-position: 65% center; }
  .laser-matrix-banner__main-copy { left: 5%; top: 7%; width: 90%; }
  .laser-matrix-banner__main-copy h1 { font-size: 38px; }
  .laser-matrix-banner__categories { font-size: 16px; }
  .laser-matrix-banner__summary, .laser-matrix-banner__focus { max-width: 90%; font-size: 14px; }
  .laser-matrix-banner__features { left: 5%; top: 34%; display: grid; grid-template-columns: repeat(2, 1fr); gap: 10px 12px; width: 55%; }
  .laser-matrix-banner__features > div { position: static; width: auto; min-height: auto; justify-content: flex-start; padding: 0; font-size: 12px; text-align: left; }
  .laser-matrix-banner__products { left: 5%; bottom: 12%; width: 58%; min-height: auto; }
  .laser-matrix-banner__products > div { position: static; width: auto; min-height: auto; justify-content: flex-start; padding: 0 0 5px 0; font-size: 12px; text-align: left; }
  .laser-matrix-banner__usage { left: 5%; bottom: 5%; width: 86%; font-size: 12px; white-space: normal; }
}