/* Revision 3 representative product design and purpose-based catalog grouping. */
.product-index { gap:10px; }
.product-index a { min-height:44px; font-size:14px; }
.subpage-body #rust-removal,.subpage-body #steel-products,.subpage-body #zinc-products,
.subpage-body #elpang-products,.subpage-body #non-ferrous-products,.subpage-body #zinc-surface-care { scroll-margin-top:var(--revision3-anchor-offset,120px); }
.revision3-lineup > .lineup-process-group { margin-top:32px; }
.revision3-lineup > .lineup-surface-group { margin-top:52px; padding-top:36px; border-top:1px solid #d9dfe2; }
.revision3-lineup section > h3 { font-size:clamp(20px,2.1vw,26px); line-height:1.5; font-weight:700; margin:0 0 20px; }
.revision3-lineup section > .eyebrow { display:none; }
.revision3-lineup .product-card h4 { display:flex; align-items:center; min-height:62px; font-size:26px; margin:0 0 20px; }
.revision3-lineup .prod-logo { max-width:100%; max-height:54px; width:auto; height:auto; object-fit:contain; }
.revision3-lineup .text-link { display:inline-block; padding:10px 0; margin-bottom:20px; min-height:44px; }
.revision3-brand-hero { background:#fff; padding-top:calc(var(--header-h,90px) + 52px); color:#24333c; }
.revision3-brand-title { display:flex; align-items:center; justify-content:space-between; gap:24px; margin-bottom:32px; }
.revision3-brand-title h1 { display:flex; align-items:center; gap:24px; margin:0; font-size:22px; line-height:1.5; font-weight:500; }
.revision3-brand-title h1 img { display:block; width:min(290px,42vw); height:auto; max-height:65px; object-fit:contain; }
.revision3-brand-title h1 span { border-left:1px solid #cbd3d8; padding-left:24px; }
.revision3-brand-title .corp-kicker { margin:0 0 18px; }
.revision3-brand-scene { position:relative; min-height:440px; overflow:hidden; background:#17232b; }
.revision3-brand-scene > img { position:absolute; width:100%; height:100%; object-fit:cover; object-position:right center; }
.revision3-brand-scene::after { content:""; position:absolute; inset:0; background:linear-gradient(90deg,rgba(9,21,30,.95),rgba(9,21,30,.78) 38%,rgba(9,21,30,.08) 85%); }
.revision3-brand-copy { position:relative; z-index:1; width:min(680px,65%); padding:66px 50px; color:white; }
.revision3-brand-copy h2 { font-size:clamp(29px,3.3vw,44px); line-height:1.4; font-weight:650; letter-spacing:-.035em; margin:0 0 25px; word-break:keep-all; }
.revision3-brand-copy p { color:#e0e8ec; font-size:17px; line-height:1.9; margin:0; word-break:keep-all; }
.revision3-brand-links { display:flex; flex-wrap:wrap; gap:12px 28px; margin-top:28px; }
.revision3-brand-links a { color:white; border-bottom:1px solid #b4a16c; padding:10px 0; font-size:15px; min-height:44px; }
.revision3-brand-hero .section-return { margin-block:12px; }
.revision3-image-caption { color:#687680; font-size:13px; line-height:1.7; margin:12px 0 0; }
.revision3-evidence-link { padding-block:24px; }
.revision3-comparison { background:#f3f5f5; }
.revision3-comparison .comparison-scroll { overflow-x:auto; border:1px solid #d8dfe3; background:white; }
.revision3-comparison table { width:100%; border-collapse:collapse; min-width:570px; table-layout:fixed; }
.revision3-comparison th,.revision3-comparison td { padding:22px 24px; text-align:left; vertical-align:top; font-size:16px; line-height:1.7; border-bottom:1px solid #dce2e5; }
.revision3-comparison th:first-child { width:23%; }
.revision3-comparison thead th { background:#23313a; color:#fff; font-size:24px; font-weight:600; }
.revision3-comparison thead th:first-child { font-size:16px; vertical-align:middle; }
.revision3-comparison tbody th { font-weight:600; background:#f8f9f9; }
.revision3-comparison .comparison-sst { font-size:clamp(21px,2.2vw,30px); color:#715923; font-variant-numeric:tabular-nums; font-weight:650; white-space:nowrap; }
.revision3-comparison td a { display:inline-flex; min-height:44px; align-items:center; color:#735b26; font-weight:600; text-decoration:underline; text-underline-offset:5px; }
.revision3-product-nav { padding:20px 0; background:#fff; border-block:1px solid #e0e5e8; }
.revision3-product-nav .corp-shell { display:flex; gap:14px 28px; flex-wrap:wrap; }
.revision3-product-nav a { padding:8px 0; min-height:44px; font-size:14px; color:#445762; border-bottom:1px solid #cdd5da; }
/* Approved product-hero rollout: retain each product's image and native copy. */
.revision3-brand-title > div:first-child { min-width:0; }
.revision3-brand-title h1 { flex-wrap:wrap; }
.revision3-brand-title h1 img { flex-shrink:0; }
.revision3-brand-title h1 span { overflow-wrap:anywhere; }
.revision3-brand-title h1 .revision3-model { font-size:clamp(22px,2.2vw,30px); font-weight:550; letter-spacing:-.025em; }
.revision3-brand-hero[data-product^="elpang"] .revision3-brand-title h1 img { width:205px; max-width:42vw; }
.revision3-brand-action { text-align:right; flex:0 1 auto; max-width:45%; }
.revision3-brand-action .elpang-calc-button { min-height:48px; white-space:normal; line-height:1.6; max-width:100%; }
.revision3-brand-action p { font-size:14px; color:#63717b; line-height:1.65; margin:10px 0 0; }
.revision3-brand-scene > img { inset:0; object-position:var(--revision3-photo-position,center); }
.revision3-brand-copy { box-sizing:border-box; width:min(740px,70%); }
.revision3-brand-copy h2 { overflow-wrap:anywhere; }
.revision3-brand-copy p { overflow-wrap:anywhere; }
.revision3-brand-copy .revision3-scene-label { color:#e0cd9b; font-size:14px; letter-spacing:.08em; margin:0 0 20px; }
.revision3-brand-hero .upgrade-spec-summary dd { font-variant-numeric:tabular-nums; }
.revision3-brand-hero .section-return.corp-shell { width:100%; max-width:none; }
.revision3-product-nav a:focus-visible,.revision3-brand-hero a:focus-visible { outline:3px solid #9b8048; outline-offset:5px; }
.revision3-product-nav a[aria-current="page"] { color:#745a28; border-bottom-color:#9b8048; font-weight:650; }
.revision3-brand-hero[id],.revision3-product-nav[id] { scroll-margin-top:var(--revision3-anchor-offset,120px); }
.revision3-brand-copy:lang(en),.revision3-brand-copy:lang(vi),.revision3-brand-copy:lang(es),
.revision3-brand-copy:lang(tr),.revision3-brand-copy:lang(id),.revision3-brand-copy:lang(ms),
.revision3-brand-copy:lang(th),.revision3-brand-copy:lang(ja),.revision3-brand-copy:lang(zh) { word-break:normal; }
.revision3-brand-copy:lang(en) h2,.revision3-brand-copy:lang(vi) h2,.revision3-brand-copy:lang(es) h2,
.revision3-brand-copy:lang(tr) h2,.revision3-brand-copy:lang(id) h2,.revision3-brand-copy:lang(ms) h2,
.revision3-brand-copy:lang(th) h2,.revision3-brand-copy:lang(ja) h2,.revision3-brand-copy:lang(zh) h2,
.revision3-brand-copy:lang(en) p,.revision3-brand-copy:lang(vi) p,.revision3-brand-copy:lang(es) p,
.revision3-brand-copy:lang(tr) p,.revision3-brand-copy:lang(id) p,.revision3-brand-copy:lang(ms) p,
.revision3-brand-copy:lang(th) p,.revision3-brand-copy:lang(ja) p,.revision3-brand-copy:lang(zh) p { word-break:normal; }
@media(max-width:1000px) {
 .revision3-brand-title { flex-wrap:wrap; }
 .revision3-brand-action { margin-left:auto; max-width:100%; }
 .revision3-brand-copy { padding:48px 36px; width:75%; }
}
@media(max-width:760px) {
 .revision3-brand-hero { padding-top:calc(var(--header-h,70px) + 28px); }
 .revision3-brand-title { margin-bottom:22px; }
 .revision3-brand-title h1 { gap:16px; font-size:18px; }
 .revision3-brand-title h1 span { padding-left:16px; }
 .revision3-brand-title { align-items:flex-start; gap:20px; }
 .revision3-brand-action { margin-left:0; text-align:left; }
 .revision3-brand-scene { min-height:0; display:block; }
 .revision3-brand-scene > img { position:relative; height:auto; aspect-ratio:16/9; object-position:var(--revision3-photo-position,center); }
 .revision3-brand-scene::after { display:none; }
 .revision3-brand-copy { width:100%; padding:32px 26px; }
 .revision3-brand-copy h2 { font-size:29px; }
 .revision3-brand-copy p { font-size:16px; }
 .revision3-comparison th,.revision3-comparison td { padding:18px; }
}
@media(max-width:420px) {
 .revision3-brand-title h1 { display:block; }
 .revision3-brand-title h1 span { display:block; border:0; padding:0; margin-top:16px; }
 .revision3-brand-title h1 img { width:min(250px,75vw); max-width:100%; }
 .revision3-brand-hero[data-product^="elpang"] .revision3-brand-title h1 img { width:180px; max-width:100%; }
 .revision3-brand-copy { padding:28px 22px; }
 .revision3-brand-copy h2 { font-size:27px; }
}