/* PMUK client industry image/layout correction - v7 - 2026-06-07
   Final stylesheet loaded after earlier hotfixes. */

:root {
  --pmuk-orange: #ff8216;
  --pmuk-black: #050505;
  --pmuk-card: #0b0b0b;
  --pmuk-card-2: #141414;
}

/* Remove unreadable overlay copy from industry landing cards. */
html body.pmuk-industry-page .needs-overlay,
html body.pmuk-industry-page .needs-content,
html body.pmuk-industry-page .product-card .needs-overlay,
html body.pmuk-industry-page .product-card .needs-content {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
  pointer-events: none !important;
}

/* Industry landing grid: no pseudo-element gaps, no Bootstrap clearfix cells, no left gutters. */
html body.pmuk-industry-page #product-grid,
html body.pmuk-industry-page .product-grid,
html body.pmuk-industry-page .pmuk-industry-landing-grid {
  display: grid !important;
  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)) !important;
  gap: 30px !important;
  width: min(1560px, calc(100% - 48px)) !important;
  max-width: none !important;
  margin-left: auto !important;
  margin-right: auto !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
  justify-content: center !important;
  align-items: stretch !important;
}
html body.pmuk-industry-page #product-grid::before,
html body.pmuk-industry-page #product-grid::after,
html body.pmuk-industry-page .product-grid::before,
html body.pmuk-industry-page .product-grid::after,
html body.pmuk-industry-page .video-grid::before,
html body.pmuk-industry-page .video-grid::after,
html body.pmuk-industry-page .video-grid1::before,
html body.pmuk-industry-page .video-grid1::after {
  display: none !important;
  content: none !important;
}
html body.pmuk-industry-page #product-grid > *,
html body.pmuk-industry-page .product-grid > * {
  width: 100% !important;
  max-width: none !important;
  min-width: 0 !important;
  margin: 0 !important;
  float: none !important;
  flex: none !important;
}

html body.pmuk-industry-page .product-card {
  background: linear-gradient(180deg, #111 0%, #070707 100%) !important;
  border: 1px solid rgba(255,255,255,.16) !important;
  border-top: 4px solid var(--pmuk-orange) !important;
  border-radius: 18px !important;
  overflow: hidden !important;
  box-shadow: 0 20px 48px rgba(0,0,0,.50) !important;
  display: flex !important;
  flex-direction: column !important;
  height: 100% !important;
}
html body.pmuk-industry-page .product-card .product-image,
html body.pmuk-industry-page .product-card .ratio,
html body.pmuk-industry-page .product-card .ratio-4x3 {
  position: relative !important;
  height: 280px !important;
  min-height: 280px !important;
  aspect-ratio: auto !important;
  background: #fff !important;
  overflow: hidden !important;
  display: block !important;
}
html body.pmuk-industry-page .product-card .product-image > img,
html body.pmuk-industry-page .product-card img.pmuk-industry-card-image,
html body.pmuk-industry-page .product-card img {
  position: static !important;
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  max-width: none !important;
  max-height: none !important;
  object-fit: contain !important;
  object-position: center center !important;
  padding: 10px !important;
  background: #fff !important;
  opacity: 1 !important;
  filter: none !important;
  transform: none !important;
}
html body.pmuk-industry-page .product-card .product-body {
  position: static !important;
  min-height: 112px !important;
  padding: 20px 24px 22px !important;
  background: linear-gradient(180deg, #141414 0%, #070707 100%) !important;
  color: #fff !important;
  flex: 1 1 auto !important;
}
html body.pmuk-industry-page .product-card h1,
html body.pmuk-industry-page .product-card h2,
html body.pmuk-industry-page .product-card h3,
html body.pmuk-industry-page .product-card h4,
html body.pmuk-industry-page .product-card p,
html body.pmuk-industry-page .product-card a,
html body.pmuk-industry-page .product-card span {
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
  text-shadow: none !important;
}
html body.pmuk-industry-page .product-card h3 {
  font-size: clamp(20px, 1.35vw, 26px) !important;
  line-height: 1.2 !important;
  font-weight: 900 !important;
  margin: 0 0 8px !important;
}
html body.pmuk-industry-page .product-card .view-range,
html body.pmuk-industry-page .product-card a:not(.btn) {
  color: #fff !important;
  opacity: .95 !important;
}

/* Industry detail image grids: always show full machine image and do not crop. */
html body.pmuk-industry-page .video-grid,
html body.pmuk-industry-page .video-grid1,
html body.pmuk-industry-detail-page .video-grid,
html body.pmuk-industry-detail-page .video-grid1 {
  display: grid !important;
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)) !important;
  gap: 28px !important;
  width: min(1500px, calc(100% - 48px)) !important;
  max-width: none !important;
  margin: 30px auto !important;
  padding: 0 !important;
  align-items: stretch !important;
  justify-content: center !important;
}
html body.pmuk-industry-page .video-grid > *,
html body.pmuk-industry-page .video-grid1 > *,
html body.pmuk-industry-detail-page .video-grid > *,
html body.pmuk-industry-detail-page .video-grid1 > * {
  width: 100% !important;
  max-width: none !important;
  min-width: 0 !important;
  margin: 0 !important;
  float: none !important;
  flex: none !important;
}
html body.pmuk-industry-page .video-item,
html body.pmuk-industry-detail-page .video-item {
  position: relative !important;
  display: flex !important;
  flex-direction: column !important;
  min-height: 0 !important;
  background: linear-gradient(180deg, #151515 0%, #070707 100%) !important;
  border: 1px solid rgba(255,255,255,.16) !important;
  border-top: 4px solid var(--pmuk-orange) !important;
  border-radius: 18px !important;
  overflow: hidden !important;
  box-shadow: 0 20px 48px rgba(0,0,0,.48) !important;
}
html body.pmuk-industry-page .video-item .play-icon,
html body.pmuk-industry-detail-page .video-item .play-icon,
html body.pmuk-industry-page .play-icon,
html body.pmuk-industry-detail-page .play-icon,
html body.pmuk-industry-page .video-item::before,
html body.pmuk-industry-page .video-item::after,
html body.pmuk-industry-detail-page .video-item::before,
html body.pmuk-industry-detail-page .video-item::after {
  display: none !important;
  content: none !important;
  visibility: hidden !important;
}
html body.pmuk-industry-page .video-item > img,
html body.pmuk-industry-detail-page .video-item > img,
html body.pmuk-industry-page img.pmuk-industry-detail-image,
html body.pmuk-industry-detail-page img.pmuk-industry-detail-image {
  position: static !important;
  display: block !important;
  width: 100% !important;
  height: 280px !important;
  min-height: 280px !important;
  max-height: none !important;
  object-fit: contain !important;
  object-position: center center !important;
  padding: 12px !important;
  background: #fff !important;
  opacity: 1 !important;
  filter: none !important;
  transform: none !important;
}
html body.pmuk-industry-page .video-caption,
html body.pmuk-industry-detail-page .video-caption {
  position: static !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 68px !important;
  margin: 0 !important;
  padding: 14px 16px 18px !important;
  background: linear-gradient(180deg, #151515 0%, #070707 100%) !important;
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
  text-align: center !important;
  font-size: clamp(17px, 1.25vw, 21px) !important;
  font-weight: 900 !important;
  line-height: 1.25 !important;
  text-shadow: none !important;
  border-top: 1px solid rgba(255,255,255,.10) !important;
}

/* Keep enquiry/submission forms centred on all industry pages after this late stylesheet loads. */
html body.pmuk-industry-page form,
html body.pmuk-industry-detail-page form,
html body.pmuk-industry-page .contact-form,
html body.pmuk-industry-detail-page .contact-form,
html body.pmuk-industry-page .form-card,
html body.pmuk-industry-detail-page .form-card,
html body.pmuk-industry-page .enquiry-form,
html body.pmuk-industry-detail-page .enquiry-form {
  margin-left: auto !important;
  margin-right: auto !important;
}

@media (max-width: 1100px) {
  html body.pmuk-industry-page #product-grid,
  html body.pmuk-industry-page .product-grid,
  html body.pmuk-industry-page .video-grid,
  html body.pmuk-industry-page .video-grid1 {
    width: min(100% - 32px, 980px) !important;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)) !important;
    gap: 22px !important;
  }
}
@media (max-width: 640px) {
  html body.pmuk-industry-page #product-grid,
  html body.pmuk-industry-page .product-grid,
  html body.pmuk-industry-page .video-grid,
  html body.pmuk-industry-page .video-grid1 {
    width: min(100% - 24px, 520px) !important;
    grid-template-columns: 1fr !important;
    gap: 18px !important;
  }
  html body.pmuk-industry-page .product-card .product-image,
  html body.pmuk-industry-page .product-card .ratio,
  html body.pmuk-industry-page .product-card .ratio-4x3,
  html body.pmuk-industry-page .video-item > img,
  html body.pmuk-industry-detail-page .video-item > img {
    height: 235px !important;
    min-height: 235px !important;
  }
}