/* Kamla Electrodes correction pass v6
   Credibility, product hierarchy, sticky support rails, image variety and dark-mode gear visibility. */

:root{--ke-gear-angle:0deg;}

/* One fixed background gear only. Keep it visible, restrained and behind content. */
body::after{
  content:""!important;
  display:block!important;
  position:fixed!important;
  right:-11rem!important;
  bottom:-10rem!important;
  width:min(46rem,70vw)!important;
  aspect-ratio:1!important;
  z-index:-1!important;
  pointer-events:none!important;
  background:url('logo-gear.png') center/contain no-repeat!important;
  opacity:.075!important;
  transform:rotate(var(--ke-gear-angle))!important;
  transform-origin:center!important;
  filter:saturate(1.15) contrast(1.08)!important;
}
.section::after,.hero::before,.page-header::before{content:none!important;display:none!important;}

@media(prefers-color-scheme:dark){
  body::after{
    opacity:.24!important;
    filter:brightness(1.45) saturate(2.25) contrast(1.18) drop-shadow(0 0 28px rgba(255,35,45,.22))!important;
  }
}

/* Supporting columns stay with the reader; they never become a second scroll container. */
.support-rail{
  position:sticky!important;
  top:112px!important;
  align-self:start!important;
  height:auto!important;
  max-height:none!important;
  overflow:visible!important;
  overscroll-behavior:auto!important;
  scrollbar-width:auto!important;
}
.support-rail::before{content:none!important;display:none!important;}
.support-rail>.badge:first-child{display:none!important;}
.page-faq .support-rail,.page-privacy-policy .support-rail,.page-terms-and-conditions .support-rail,.page-official-notice .support-rail{
  max-height:none!important;
  overflow:visible!important;
}
@media(max-width:1024px){.support-rail{position:static!important;top:auto!important;}}

/* Expanded product cards should not continue asking to be expanded. */
.expand-card.is-open .expand-hint{display:none!important;}
.expand-card .expand-hint{transition:opacity .16s ease;}

/* Shared technical reference block for the mild-steel portfolio. */
.shared-product-reference{
  margin:22px 0 24px;
  padding:clamp(18px,3vw,28px);
  border:1px solid rgba(179,0,0,.18);
  border-radius:20px;
  background:linear-gradient(135deg,rgba(255,255,255,.98),rgba(255,247,247,.94));
  box-shadow:0 18px 46px rgba(17,24,39,.09);
}
.shared-product-reference .reference-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:18px;}
.shared-product-reference .reference-item{padding:14px;border-radius:14px;background:#fff;border:1px solid var(--line);}
.shared-product-reference .reference-item strong{display:block;color:#111827;margin-bottom:3px;}
.product-status{display:inline-flex;align-items:center;gap:7px;margin-bottom:10px;padding:6px 10px;border-radius:999px;background:#fff2f2;color:#7a0000;border:1px solid rgba(179,0,0,.15);font-size:.76rem;font-weight:900;text-transform:uppercase;letter-spacing:.05em;}
@media(prefers-color-scheme:dark){
  .shared-product-reference{background:linear-gradient(145deg,#242d3b,#2c171d)!important;border-color:rgba(255,119,119,.28)!important;}
  .shared-product-reference .reference-item{background:linear-gradient(145deg,#202938,#171d28)!important;border-color:rgba(225,232,242,.2)!important;color:#d8e0eb!important;}
  .shared-product-reference .reference-item strong{color:#fff!important;}
  .product-status{background:rgba(255,94,94,.13);color:#ffb0b0;border-color:rgba(255,118,118,.3);}
}
@media(max-width:820px){.shared-product-reference .reference-grid{grid-template-columns:repeat(2,minmax(0,1fr));}}
@media(max-width:520px){.shared-product-reference .reference-grid{grid-template-columns:1fr;}}

/* Compact documentary fine print — no oversized defensive statements. */
.document-note{margin-top:16px;padding-top:12px;border-top:1px solid var(--line);font-size:.82rem;color:var(--ink-soft);}
.page-csr .transparency-note,.page-csr .transparency-panel{display:none!important;}

/* Clickable visual pathways used on the homepage. */
.visual-path-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin-top:22px;}
.visual-path-card{position:relative;min-height:360px;border-radius:24px;overflow:hidden;isolation:isolate;text-decoration:none!important;border:1px solid rgba(255,255,255,.2);box-shadow:0 26px 70px rgba(15,23,42,.2);}
.visual-path-card::before{content:"";position:absolute;inset:0;background:var(--visual-image) center/cover no-repeat;transform:scale(1.015);transition:transform .45s ease;z-index:-2;}
.visual-path-card::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(7,12,20,.04),rgba(7,12,20,.78));z-index:-1;}
.visual-path-card:hover::before{transform:scale(1.06);}
.visual-path-card .visual-copy{position:absolute;left:0;right:0;bottom:0;padding:clamp(22px,4vw,34px);color:#fff;}
.visual-path-card h3,.visual-path-card p{color:#fff!important;}
.visual-path-card .visual-link{display:inline-flex;margin-top:8px;font-weight:900;color:#fff;border-bottom:2px solid #ff5c57;}
.visual-path-card.products-path{--visual-image:url('https://images.unsplash.com/photo-1504917595217-d4dc5ebe6122?auto=format&fit=crop&w=1600&q=82');}
.visual-path-card.industries-path{--visual-image:url('https://images.unsplash.com/photo-1530124566582-a618bc2615dc?auto=format&fit=crop&w=1600&q=82');}
@media(max-width:820px){.visual-path-grid{grid-template-columns:1fr}.visual-path-card{min-height:300px;}}

/* Ensure every industry story receives a distinct supporting visual. */
.page-industries-served .industry-story:nth-of-type(1) .stock-visual{--stock-image:url('https://images.unsplash.com/photo-1504917595217-d4dc5ebe6122?auto=format&fit=crop&w=1400&q=80')!important;}
.page-industries-served .industry-story:nth-of-type(2) .stock-visual{--stock-image:url('https://images.unsplash.com/photo-1531834685032-c34bf0d84c77?auto=format&fit=crop&w=1400&q=80')!important;}
.page-industries-served .industry-story:nth-of-type(3) .stock-visual{--stock-image:url('https://images.unsplash.com/photo-1581092918056-0c4c3acd3789?auto=format&fit=crop&w=1400&q=80')!important;}
.page-industries-served .industry-story:nth-of-type(4) .stock-visual{--stock-image:url('https://images.unsplash.com/photo-1500382017468-9049fed747ef?auto=format&fit=crop&w=1400&q=80')!important;}
.page-industries-served .industry-story:nth-of-type(5) .stock-visual{--stock-image:url('https://images.unsplash.com/photo-1586528116311-ad8dd3c8310d?auto=format&fit=crop&w=1400&q=80')!important;}
.page-industries-served .industry-story:nth-of-type(6) .stock-visual{--stock-image:url('https://images.unsplash.com/photo-1565619624098-cf4168a4997c?auto=format&fit=crop&w=1400&q=80')!important;}

/* Actual facility photographs need a real visible stage while the image runtime hydrates them. */
.facility-photo{min-height:280px!important;background-color:#bcc5cf!important;}
.facility-photo.photo-load-failed::after{content:"Facility photograph temporarily unavailable";position:absolute;inset:auto 18px 18px;z-index:3;padding:9px 12px;border-radius:10px;background:rgba(10,15,23,.78);color:#fff;font-size:.82rem;font-weight:800;}
.ke-hydrated-photo{min-height:280px!important;max-height:560px!important;object-fit:cover!important;}
.home-facility .ke-hydrated-photo{min-height:390px!important;}

/* Clearer site cards without turning the site into a wall of identical blocks. */
.page-index .pathway-section{background:linear-gradient(180deg,rgba(248,250,252,.72),rgba(255,248,248,.62));}

@media(prefers-reduced-motion:reduce){
  body::after{transform:none!important;}
  .visual-path-card::before{transition:none!important;}
}