/* Product pages — 1차 고도화 / image-led industrial gallery */
.products-page{
  --product-dark:#071a36;
  --product-blue:#173a5e;
  --product-orange:#f45b0b;
  --product-sage:#61786d;
  --product-steel:#718394;
  --product-sand:#d9c5a5;
  --product-ice:#edf2f4;
  --product-line:#d8dee5;
  --product-paper:#f6f7f8;
}
.products-page .page-content{padding-top:96px}
.products-page .content-block{margin-top:104px}
.products-page .sub-hero:after{width:100%;height:4px}
.products-page .sub-hero:before{background:linear-gradient(90deg,rgba(5,20,42,.96),rgba(5,20,42,.67) 52%,rgba(5,20,42,.18))}
.products-page .sub-hero h1{font-weight:820}

/* Shared section title treatment aligned with the company pages. */
.products-page .product-section-head{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:48px;
  padding-top:22px;
  margin-bottom:38px;
  border-top:1px solid var(--product-line);
}
.products-page .product-section-head>div{position:relative;padding-left:24px}
.products-page .product-section-head>div:before{content:"";position:absolute;left:0;top:2px;width:4px;height:54px;background:var(--product-orange)}
.products-page .product-section-head h2{margin:10px 0 0;font-size:clamp(31px,3.5vw,46px);line-height:1.24;letter-spacing:-.045em}
.products-page .product-section-head>p{max-width:520px;margin:0;color:var(--muted);line-height:1.8}

/* Every replaceable image fills its slot regardless of source aspect ratio. */
.products-page .product-media{position:relative;overflow:hidden;background:#dfe5e8;border:1px solid rgba(7,26,54,.12);border-radius:0}
.products-page .product-media img{width:100%;height:100%;object-fit:cover;object-position:center;transition:transform .48s ease}
.products-page .product-media:hover img{transform:scale(1.025)}
.products-page .product-media figcaption{position:absolute;left:0;right:0;bottom:0;padding:14px 16px;color:#fff;font-size:10px;font-weight:850;letter-spacing:.13em;background:linear-gradient(0deg,rgba(5,20,42,.84),transparent)}

/* Product detail hero */
.products-page .product-hero{position:relative;min-height:610px;padding-top:86px;background:var(--product-dark);color:#fff;overflow:hidden}
.products-page .product-hero:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(5,20,42,.98) 0%,rgba(5,20,42,.82) 45%,rgba(5,20,42,.22) 100%);z-index:1}
.products-page .product-hero:after{content:"";position:absolute;left:0;right:0;bottom:0;height:4px;background:linear-gradient(90deg,var(--product-orange) 0 34%,var(--product-sage) 34% 58%,var(--product-steel) 58% 100%);z-index:3}
.products-page .product-hero-bg{position:absolute;inset:0;background-size:cover;background-position:center}
.products-page .product-hero .container{position:relative;z-index:2;min-height:520px;display:flex;align-items:center}
.products-page .product-hero-copy{max-width:720px;padding:66px 0}
.products-page .product-hero h1{font-size:clamp(46px,5.5vw,70px);line-height:1.1;letter-spacing:-.055em;margin:14px 0 22px}
.products-page .product-hero p{max-width:640px;color:rgba(255,255,255,.76);font-size:18px}
.products-page .product-code{display:inline-block;padding:7px 0;border-bottom:2px solid var(--product-orange);color:#ffb27f;font-size:11px;font-weight:900;letter-spacing:.14em}

/* Overview */
.products-page .product-overview-grid{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(360px,.92fr);gap:0;border-bottom:1px solid var(--product-line);background:linear-gradient(90deg,#fff 0 54%,var(--product-paper) 54% 100%)}
.products-page .product-media--main{min-height:650px;border-width:0 12px 0 0;border-color:#fff}
.products-page .product-overview-copy{display:flex;flex-direction:column;justify-content:center;padding:58px 54px;background:var(--product-paper)}
.products-page .product-title-block{position:relative;padding-left:22px}
.products-page .product-title-block:before{content:"";position:absolute;left:0;top:0;width:4px;height:52px;background:var(--product-sage)}
.products-page .product-title-block h2{margin:13px 0 0;font-size:clamp(31px,3.2vw,44px);line-height:1.24}
.products-page .overview-description{margin:28px 0 30px;color:var(--muted);line-height:1.85}
.products-page .product-point-list{position:relative;margin-top:4px;background:linear-gradient(135deg,var(--product-orange),#ff6d18);color:#fff;box-shadow:18px 18px 0 rgba(97,120,109,.12)}
.products-page .product-point{display:grid;grid-template-columns:62px 1fr;gap:16px;align-items:center;padding:20px 22px;border-bottom:1px solid rgba(255,255,255,.28)}
.products-page .product-point:last-child{border-bottom:0}
.products-page .product-point>span{color:#fff;font-size:31px;line-height:1;font-weight:900;letter-spacing:-.04em}
.products-page .product-point b{display:block;color:#fff;font-size:17px;letter-spacing:-.02em}
.products-page .product-point p{margin:5px 0 0;color:rgba(255,255,255,.84);font-size:13px;line-height:1.6}

/* Gallery */
.products-page .product-gallery-section{position:relative;padding:64px 0;background:linear-gradient(90deg,var(--product-paper) 0 72%,#fff 72% 100%)}
.products-page .product-gallery-section:before{content:"";position:absolute;left:0;top:0;width:34%;height:4px;background:var(--product-sage)}
.products-page .product-gallery{display:grid;grid-template-columns:1.25fr .75fr;grid-template-rows:1fr 1fr;gap:10px;min-height:670px}
.products-page .product-gallery-large{grid-row:1/3}
.products-page .product-gallery .product-media{min-height:330px}

/* Applications */
.products-page .product-application-section{padding:68px 0;background:#fff}
.products-page .application-gallery{display:grid;grid-template-columns:repeat(3,1fr);border-top:0;border-bottom:1px solid var(--product-line);box-shadow:0 22px 50px rgba(7,26,54,.07)}
.products-page .application-card{position:relative;border-right:1px solid var(--product-line);background:#fff;transition:transform .28s ease,box-shadow .28s ease}
.products-page .application-card:before{content:"";position:absolute;left:0;right:0;top:0;height:4px;background:var(--product-sage);z-index:2}
.products-page .application-card:nth-child(2):before{background:var(--product-orange)}
.products-page .application-card:nth-child(3):before{background:var(--product-steel)}
.products-page .application-card:hover{transform:translateY(-6px);box-shadow:0 20px 44px rgba(7,26,54,.12);z-index:3}
.products-page .application-card:last-child{border-right:0}
.products-page .product-media--application{height:270px;border:0;border-bottom:1px solid var(--product-line)}
.products-page .application-copy{min-height:210px;padding:28px}
.products-page .application-copy>span{color:var(--product-sage);font-size:11px;font-weight:900;letter-spacing:.12em}
.products-page .application-card:nth-child(2) .application-copy>span{color:var(--product-orange)}
.products-page .application-card:nth-child(3) .application-copy>span{color:var(--product-steel)}
.products-page .application-copy h3{margin:18px 0 10px;font-size:22px}
.products-page .application-copy p{margin:0;color:var(--muted)}

/* Engineering panel */
.products-page .engineering-panel{position:relative;display:grid;grid-template-columns:1fr .9fr;min-height:520px;margin-bottom:0;background:linear-gradient(135deg,var(--product-dark),#102b4a);color:#fff}
.products-page .engineering-panel:before{content:"";position:absolute;left:0;top:0;width:42%;height:5px;background:linear-gradient(90deg,var(--product-orange),var(--product-sage))}
.products-page .engineering-copy{display:flex;flex-direction:column;justify-content:center;padding:58px}
.products-page .engineering-copy .eyebrow{color:#9fb2c5}
.products-page .engineering-copy h2{margin:16px 0 20px;font-size:clamp(31px,3.5vw,46px);line-height:1.28}
.products-page .engineering-copy>p{margin:0;color:#b7c3d2;line-height:1.85}
.products-page .engineering-steps{display:grid;grid-template-columns:repeat(4,1fr);margin-top:34px;border-top:1px solid rgba(255,255,255,.2);border-bottom:1px solid rgba(255,255,255,.2)}
.products-page .engineering-steps>div{padding:20px 10px;border-right:1px solid rgba(255,255,255,.15)}
.products-page .engineering-steps>div:last-child{border-right:0}
.products-page .engineering-steps b{display:block;color:#ff9d62;font-size:12px}
.products-page .engineering-steps span{display:block;margin-top:7px;font-size:13px}
.products-page .product-media--engineering{border:0;min-height:520px}


/* Direct product portfolio URL: editorial gallery, even though the major nav label is not a link. */
.products-page .product-showcase-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:30px 18px}
.products-page .product-showcase-card{grid-column:span 6;display:block;border-bottom:2px solid var(--product-dark);background:#fff}
.products-page .product-showcase-card:nth-child(5n+1){grid-column:span 7}
.products-page .product-showcase-card:nth-child(5n+2){grid-column:span 5}
.products-page .product-showcase-card:nth-child(5n+5){grid-column:span 12}
.products-page .product-showcase-card .product-media{height:430px;border:0}
.products-page .product-showcase-card:nth-child(5n+5) .product-media{height:500px}
.products-page .product-showcase-copy{position:relative;padding:25px 8px 27px}
.products-page .product-showcase-copy:before{content:"";position:absolute;left:0;top:0;width:52px;height:3px;background:var(--product-orange)}
.products-page .product-showcase-card:nth-child(3n+2) .product-showcase-copy:before{background:var(--product-sage)}
.products-page .product-showcase-card:nth-child(3n) .product-showcase-copy:before{background:var(--product-steel)}
.products-page .product-showcase-copy>span{color:var(--product-steel);font-size:10px;font-weight:900;letter-spacing:.13em}
.products-page .product-showcase-copy h2{margin:10px 0 8px;font-size:29px}
.products-page .product-showcase-copy p{max-width:700px;margin:0;color:var(--muted)}
.products-page .product-showcase-copy>b{display:inline-block;margin-top:18px;color:var(--product-dark);font-size:13px}
.products-page .index-visual-band{display:grid;grid-template-columns:1fr 1fr .9fr;min-height:440px;background:var(--product-paper)}
.products-page .index-visual-band .product-media{border:0;border-right:8px solid #fff}
.products-page .index-engineering-copy{display:flex;flex-direction:column;justify-content:center;padding:42px}
.products-page .index-engineering-copy h2{margin:16px 0;font-size:34px;line-height:1.3}
.products-page .index-engineering-copy p{color:var(--muted)}
.products-page .dynamic-product-content{max-width:960px;margin:0 auto;font-size:16px;line-height:1.85;color:var(--text)}
.products-page .dynamic-product-content img{max-width:100%;height:auto;border-radius:0}
.products-page .empty-product{padding:90px 0;text-align:center}

@media(max-width:980px){
  .products-page .product-overview-grid{grid-template-columns:1fr}
  .products-page .product-media--main{min-height:560px;border:0;border-bottom:10px solid #fff}
  .products-page .product-overview-copy{padding:44px}
  .products-page .product-overview-grid{background:var(--product-paper)}
  .products-page .application-gallery{grid-template-columns:1fr 1fr}
  .products-page .application-card:nth-child(2){border-right:0}
  .products-page .application-card:nth-child(3){grid-column:1/-1;border-top:1px solid var(--product-line)}
  .products-page .engineering-panel{grid-template-columns:1fr}
  .products-page .product-media--engineering{min-height:430px}
  .products-page .product-showcase-card:nth-child(n){grid-column:span 6}
  .products-page .product-showcase-card:nth-child(5n+5){grid-column:span 12}
  .products-page .index-visual-band{grid-template-columns:1fr 1fr}
  .products-page .index-engineering-copy{grid-column:1/-1}
}
@media(max-width:700px){
  .products-page .page-content{padding-top:68px}
  .products-page .content-block{margin-top:72px}
  .products-page .product-section-head{align-items:flex-start;flex-direction:column;gap:18px;margin-bottom:28px}
  .products-page .product-section-head h2{font-size:34px}
  .products-page .product-hero{min-height:560px}
  .products-page .product-hero .container{min-height:474px}
  .products-page .product-hero h1{font-size:42px}
  .products-page .product-media--main{min-height:400px}
  .products-page .product-overview-copy{padding:34px 22px}
  .products-page .product-point-list{box-shadow:10px 10px 0 rgba(97,120,109,.12)}
  .products-page .product-point{grid-template-columns:50px 1fr;padding:17px 16px}
  .products-page .product-point>span{font-size:26px}
  .products-page .product-gallery-section,.products-page .product-application-section{padding:46px 0}
  .products-page .product-gallery{grid-template-columns:1fr;grid-template-rows:auto;min-height:0}
  .products-page .product-gallery-large{grid-row:auto}
  .products-page .product-gallery .product-media{min-height:320px}
  .products-page .application-gallery{grid-template-columns:1fr}
  .products-page .application-card,.products-page .application-card:nth-child(2){border-right:0;border-bottom:1px solid var(--product-line)}
  .products-page .application-card:nth-child(3){grid-column:auto;border-top:0}
  .products-page .engineering-copy{padding:38px 25px}
  .products-page .engineering-steps{grid-template-columns:1fr 1fr}
  .products-page .engineering-steps>div:nth-child(2){border-right:0}
  .products-page .engineering-steps>div:nth-child(-n+2){border-bottom:1px solid rgba(255,255,255,.15)}
  .products-page .product-showcase-card:nth-child(n){grid-column:1/-1}
  .products-page .product-showcase-card .product-media,.products-page .product-showcase-card:nth-child(5n+5) .product-media{height:350px}
  .products-page .index-visual-band{grid-template-columns:1fr}
  .products-page .index-visual-band .product-media{min-height:320px;border-right:0;border-bottom:8px solid #fff}
}


/* Product pages — source material integration */
.products-page .product-hero--source .product-hero-bg{filter:saturate(.9) contrast(1.02)}
.products-page .product-media--contain{background:#f4f5f5}
.products-page .product-media--contain img{object-fit:contain;padding:18px;background:#f4f5f5}
.products-page .product-fact-strip{
  display:grid;grid-template-columns:repeat(3,1fr);margin-top:34px;border-top:2px solid var(--product-dark);border-bottom:1px solid var(--product-line);background:#fff;
}
.products-page .product-fact-strip>div{padding:28px 32px;border-right:1px solid var(--product-line)}
.products-page .product-fact-strip>div:last-child{border-right:0}
.products-page .product-fact-strip b{display:block;color:var(--product-dark);font-size:30px;line-height:1.05;letter-spacing:-.04em}
.products-page .product-fact-strip span{display:block;margin-top:8px;color:var(--product-steel);font-size:12px;font-weight:800;letter-spacing:.04em}
.products-page .product-feature-section{padding:68px 0;background:linear-gradient(90deg,#fff 0 58%,var(--product-paper) 58% 100%)}
.products-page .feature-grid{display:grid;grid-template-columns:1fr 1fr;border-top:2px solid var(--product-dark);border-bottom:1px solid var(--product-line);background:#fff}
.products-page .feature-panel{position:relative;padding:42px 44px 44px;border-right:1px solid var(--product-line)}
.products-page .feature-panel:last-child{border-right:0}
.products-page .feature-panel:before{content:"";position:absolute;left:0;top:0;width:78px;height:4px;background:var(--product-orange)}
.products-page .feature-panel--sage:before{background:var(--product-sage)}
.products-page .feature-panel>span{color:var(--product-orange);font-size:11px;font-weight:900;letter-spacing:.14em}
.products-page .feature-panel--sage>span{color:var(--product-sage)}
.products-page .feature-panel h3{margin:14px 0 26px;font-size:27px;letter-spacing:-.035em}
.products-page .feature-panel ul{list-style:none;margin:0;padding:0}
.products-page .feature-panel li{position:relative;padding:14px 0 14px 22px;border-top:1px solid var(--product-line);color:#445366;line-height:1.7}
.products-page .feature-panel li:before{content:"";position:absolute;left:0;top:24px;width:7px;height:7px;background:var(--product-orange)}
.products-page .feature-panel--sage li:before{background:var(--product-sage)}
.products-page .product-spec-section{padding:68px 0 8px;background:#fff}
.products-page .product-spec-wrap{border-top:2px solid var(--product-dark);border-bottom:1px solid var(--product-line)}
.products-page .product-spec-table{width:100%;border-collapse:collapse;table-layout:fixed;background:#fff}
.products-page .product-spec-table th,.products-page .product-spec-table td{padding:18px 22px;border-bottom:1px solid var(--product-line);vertical-align:top;line-height:1.6}
.products-page .product-spec-table tr:last-child th,.products-page .product-spec-table tr:last-child td{border-bottom:0}
.products-page .product-spec-table th{width:34%;background:#f3f5f6;color:var(--product-dark);text-align:left;font-size:14px}
.products-page .product-spec-table td{color:#4e5c6e;font-size:14px}
.products-page .product-spec-table tr:nth-child(even) td{background:#fafbfb}
.products-page .spec-note{margin:0;padding:18px 22px;border-top:1px solid var(--product-line);background:#f7f4ee;color:#6d655a;font-size:12px;line-height:1.7}
.products-page .product-development-section{padding-bottom:10px}
.products-page .development-panel{display:grid;grid-template-columns:.92fr 1.08fr;border-top:2px solid var(--product-dark);border-bottom:1px solid var(--product-line);background:#fff}
.products-page .development-status{padding:48px;background:var(--product-dark);color:#fff}
.products-page .development-status>span{display:inline-block;color:#ff9d62;font-size:11px;font-weight:900;letter-spacing:.14em}
.products-page .development-status>b{display:block;margin:16px 0 18px;font-size:38px;letter-spacing:-.045em}
.products-page .development-status p{margin:0;color:#b9c6d4;line-height:1.8}
.products-page .development-facts{display:grid;grid-template-columns:repeat(3,1fr);align-items:stretch}
.products-page .development-facts>div{display:flex;flex-direction:column;justify-content:center;padding:32px;border-right:1px solid var(--product-line)}
.products-page .development-facts>div:last-child{border-right:0}
.products-page .development-facts b{font-size:25px;color:var(--product-dark);letter-spacing:-.03em}
.products-page .development-facts span{margin-top:8px;color:var(--product-steel);font-size:12px;line-height:1.6}

@media(max-width:900px){
  .products-page .feature-grid{grid-template-columns:1fr}
  .products-page .feature-panel{border-right:0;border-bottom:1px solid var(--product-line)}
  .products-page .feature-panel:last-child{border-bottom:0}
  .products-page .development-panel{grid-template-columns:1fr}
}
@media(max-width:700px){
  .products-page .product-fact-strip{grid-template-columns:1fr}
  .products-page .product-fact-strip>div{border-right:0;border-bottom:1px solid var(--product-line);padding:21px 22px}
  .products-page .product-fact-strip>div:last-child{border-bottom:0}
  .products-page .product-fact-strip b{font-size:25px}
  .products-page .feature-panel{padding:32px 24px}
  .products-page .product-spec-table th,.products-page .product-spec-table td{display:block;width:100%;padding:13px 16px}
  .products-page .product-spec-table th{border-bottom:0;padding-bottom:5px}
  .products-page .product-spec-table td{padding-top:5px}
  .products-page .development-status{padding:36px 24px}
  .products-page .development-facts{grid-template-columns:1fr}
  .products-page .development-facts>div{border-right:0;border-bottom:1px solid var(--product-line);padding:24px}
  .products-page .development-facts>div:last-child{border-bottom:0}
}
