/* Shared Industries presentation for About Us and the ten product categories. */
html:root[data-nemrex-refinements] body :is(#product-range,.product-range-section) .product-grid {
  display:grid!important; grid-template-columns:repeat(3,minmax(0,1fr))!important; gap:20px!important; align-items:stretch!important;
}
html:root[data-nemrex-refinements] body :is(#product-range,.product-range-section) .product-card {
  min-width:0!important; min-height:0!important; height:auto!important; padding:24px!important;
  background:#fff!important; border:1px solid #dce3eb!important; border-top:3px solid #E5A910!important;
  border-radius:8px!important; box-shadow:none!important; transform:none!important;
}
html:root[data-nemrex-refinements] body :is(#product-range,.product-range-section) .product-card-heading {
  display:grid!important; grid-template-columns:48px minmax(0,1fr)!important; align-items:center!important; gap:14px!important; min-height:58px!important; margin:0 0 16px!important;
}
html:root[data-nemrex-refinements] body :is(#product-range,.product-range-section) .product-card-icon {
  display:grid!important; place-items:center!important; width:48px!important; height:48px!important; margin:0!important;
  border:1px solid #E5A910!important; border-radius:50%!important; background:#fff!important; color:#0D1F3D!important;
}
html:root[data-nemrex-refinements] body :is(#product-range,.product-range-section) .product-card h3 { margin:0!important; color:#0D1F3D!important; font-size:22px!important; line-height:1.3!important; }
html:root[data-nemrex-refinements] body :is(#product-range,.product-range-section) .product-card p { margin:0!important; color:#545454!important; font-size:15px!important; line-height:1.7!important; }
@media(max-width:1000px) { html:root[data-nemrex-refinements] body :is(#product-range,.product-range-section) .product-grid { grid-template-columns:repeat(2,minmax(0,1fr))!important; gap:16px!important; } }
@media(max-width:600px) { html:root[data-nemrex-refinements] body :is(#product-range,.product-range-section) .product-grid { grid-template-columns:1fr!important; } }
@media(hover:hover) and (pointer:fine) { html:root[data-nemrex-refinements] body :is(#product-range,.product-range-section) .product-card:hover { border-color:#E5A910!important; box-shadow:0 6px 18px rgba(13,31,61,.07)!important; } }
html:root[data-nemrex-refinements] body .industry-grid, html:root[data-nemrex-refinements] body .application-grid {
  display:grid!important; grid-template-columns:repeat(8,minmax(0,1fr))!important;
  gap:12px!important; align-items:stretch!important;
}
html:root[data-nemrex-refinements] body .industry-grid > .industry-card, html:root[data-nemrex-refinements] body .application-grid > .application-card {
  display:flex!important; flex-direction:column!important; align-items:center!important;
  justify-content:center!important; gap:12px!important;
  min-width:0!important; min-height:148px!important; height:148px!important;
  padding:16px 10px!important; margin:0!important;
  border:1px solid #dce3eb!important; border-radius:8px!important;
  background:#fff!important; box-shadow:none!important; transform:none!important;
  transition:border-color .18s ease,box-shadow .18s ease!important;
}
html:root[data-nemrex-refinements] body .industry-grid .industry-icon, html:root[data-nemrex-refinements] body .application-grid .application-icon {
  display:grid!important; place-items:center!important; flex:0 0 44px!important;
  width:44px!important; height:44px!important; margin:0!important; padding:0!important;
  border:1px solid #E5A910!important; border-radius:50%!important;
  background:#ffffff!important; color:#0D1F3D!important;
}
html:root[data-nemrex-refinements] body .industry-grid .industry-icon svg, html:root[data-nemrex-refinements] body .application-grid .application-icon svg {
  width:25px; height:25px; fill:none; stroke:currentColor;
  stroke-width:1.65; stroke-linecap:round; stroke-linejoin:round;
}
html:root[data-nemrex-refinements] body .industry-grid .industry-card h3, html:root[data-nemrex-refinements] body .application-grid .application-card h3 {
  margin:0!important; padding:0!important; font-family:Arial,Helvetica,sans-serif!important;
  font-size:13px!important; font-weight:600!important; line-height:1.45!important;
  color:#0D1F3D!important; text-align:center!important; overflow-wrap:normal!important;
  display:flex!important; align-items:center!important; justify-content:center!important;
  width:100%!important; min-height:4.35em!important; flex:0 0 auto!important;
}
@media(hover:hover) and (pointer:fine) {
  html:root[data-nemrex-refinements] body .industry-grid > .industry-card:hover, html:root[data-nemrex-refinements] body .application-grid > .application-card:hover {
    border-color:#E5A910!important; box-shadow:0 5px 16px rgba(13,31,61,.07)!important;
  }
}
@media(max-width:1100px) {
  html:root[data-nemrex-refinements] body .industry-grid, html:root[data-nemrex-refinements] body .application-grid { grid-template-columns:repeat(4,minmax(0,1fr))!important; }
  html:root[data-nemrex-refinements] body .industry-grid > .industry-card, html:root[data-nemrex-refinements] body .application-grid > .application-card { min-height:148px!important; height:148px!important; padding:14px 12px!important; gap:12px!important; }
  html:root[data-nemrex-refinements] body .industry-grid .industry-card h3, html:root[data-nemrex-refinements] body .application-grid .application-card h3 { font-size:14px!important; }
}
@media(max-width:600px) {
  html:root[data-nemrex-refinements] body .industry-grid, html:root[data-nemrex-refinements] body .application-grid { grid-template-columns:repeat(2,minmax(0,1fr))!important; gap:10px!important; }
  html:root[data-nemrex-refinements] body .industry-grid > .industry-card, html:root[data-nemrex-refinements] body .application-grid > .application-card { min-height:148px!important; height:148px!important; padding:14px 10px!important; gap:12px!important; }
  html:root[data-nemrex-refinements] body .industry-grid .industry-card h3, html:root[data-nemrex-refinements] body .application-grid .application-card h3 { font-size:13px!important; }
}
/* Keep the ninth industry, with the same card dimensions, centered on mobile. */
@media(max-width:600px) {
  html:root[data-nemrex-refinements] body .industry-grid > .industry-card:last-child:nth-child(odd),
  html:root[data-nemrex-refinements] body .application-grid > .application-card:last-child:nth-child(odd) {
    grid-column:1/-1!important; justify-self:center!important; width:calc((100% - 10px)/2)!important;
  }
}
/* Touch feedback is transient: no browser-emulated hover colours remain after a tap. */
@media(hover:none), (pointer:coarse) {
  html:root[data-nemrex-refinements] body.about-page .about-card, html:root[data-nemrex-refinements] body.about-page .about-card .card-icon, html:root[data-nemrex-refinements] body.about-page .about-card h3 { transition:background-color .08s ease,color .08s ease,border-color .08s ease,box-shadow .08s ease!important; }
  html:root[data-nemrex-refinements] body.about-page .about-card, html:root[data-nemrex-refinements] body.about-page .about-card:hover, html:root[data-nemrex-refinements] body.about-page .about-card:focus-within {
    border-color:#d9dee6!important; border-top-color:#E5A910!important;
    box-shadow:none!important; transform:none!important;
  }
  html:root[data-nemrex-refinements] body.about-page .about-card h3, html:root[data-nemrex-refinements] body.about-page .about-card:hover h3, html:root[data-nemrex-refinements] body.about-page .about-card:focus-within h3 { color:#0D1F3D!important; }
  html:root[data-nemrex-refinements] body.about-page .about-card .card-icon, html:root[data-nemrex-refinements] body.about-page .about-card:hover .card-icon, html:root[data-nemrex-refinements] body.about-page .about-card:focus-within .card-icon {
    background:#fff!important; color:#E5A910!important; border-color:#E5A910!important;
  }
  html:root[data-nemrex-refinements] body.about-page .about-card.is-touch-active { border-color:#E5A910!important; box-shadow:0 5px 16px rgba(13,31,61,.07)!important; }
  html:root[data-nemrex-refinements] body.about-page .about-card.is-touch-active h3 { color:#E5A910!important; }
  html:root[data-nemrex-refinements] body.about-page .about-card.is-touch-active .card-icon { background:#E5A910!important; color:#0D1F3D!important; border-color:#E5A910!important; }
}
@media(prefers-reduced-motion:reduce) {
  html:root[data-nemrex-refinements] body .industry-card, html:root[data-nemrex-refinements] body .application-card, html:root[data-nemrex-refinements] body .about-card, html:root[data-nemrex-refinements] body .about-card .card-icon { transition:none!important; }
}