/* Home intro hero (#iz2p) — dark overlay + crisp white text (loads after CMS styles on home) */

.cms-content .about-us-low[style*="background-image"]::before,
.cms-content .home-intro-hero#iz2p::before,
.cms-content #iz2p.home-intro-hero::before,
.cms-content #iz2p.about-us-low::before,
.public-page-content .about-us-low[style*="background-image"]::before,
.public-page-content .home-intro-hero#iz2p::before,
.public-page-content #iz2p.home-intro-hero::before,
.public-page-content #iz2p.about-us-low::before,
.about-us-low[style*="background-image"]::before,
.home-intro-hero#iz2p::before,
#iz2p.home-intro-hero::before,
#iz2p.about-us-low::before {
  content: "" !important;
  display: block !important;
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0.68) !important;
  z-index: 1;
  pointer-events: none;
}

.cms-content .about-us-low[style*="background-image"] .about-us-high,
.cms-content .home-intro-hero .about-us-high,
.cms-content #iz2p .about-us-high,
.public-page-content .about-us-low[style*="background-image"] .about-us-high,
.public-page-content .home-intro-hero .about-us-high,
.public-page-content #iz2p .about-us-high,
#iz2p .about-us-high {
  position: relative;
  z-index: 2;
  color: #ffffff !important;
}

.cms-content .about-us-low[style*="background-image"] .about-us-high p,
.cms-content .about-us-low[style*="background-image"] .about-us-high li,
.cms-content .home-intro-hero .about-us-high p,
.cms-content .home-intro-hero .about-us-high li,
.cms-content #iz2p .about-us-high p,
.cms-content #iz2p .about-us-high li,
.cms-content #iz2p ul li,
.public-page-content .about-us-low[style*="background-image"] .about-us-high p,
.public-page-content .about-us-low[style*="background-image"] .about-us-high li,
.public-page-content .home-intro-hero .about-us-high p,
.public-page-content .home-intro-hero .about-us-high li,
.public-page-content #iz2p .about-us-high p,
.public-page-content #iz2p .about-us-high li,
.public-page-content #iz2p ul li,
#iz2p .about-us-high p,
#iz2p .about-us-high li,
#iz2p ul li,
#iz2p .text-light {
  color: #ffffff !important;
}

.cms-content .about-us-low[style*="background-image"] .bi-check2-circle,
.cms-content .home-intro-hero .bi-check2-circle,
.cms-content #iz2p .bi-check2-circle,
.public-page-content .about-us-low[style*="background-image"] .bi-check2-circle,
.public-page-content .home-intro-hero .bi-check2-circle,
.public-page-content #iz2p .bi-check2-circle,
.genchemph-canvas .home-intro-hero .bi-check2-circle,
.genchemph-canvas #iz2p .bi-check2-circle,
#iz2p .bi-check2-circle {
  color: #ffffff !important;
  flex-shrink: 0;
  font-size: 1.25em;
  line-height: 1.5;
  margin-top: 0.1em;
}

/* Home hero checkmark list — icons replace default bullets */
.cms-content .about-us-low[style*="background-image"] ul.fs-4,
.cms-content #iz2p ul.fs-4,
.cms-content .home-intro-hero ul.fs-4,
.public-page-content .about-us-low[style*="background-image"] ul.fs-4,
.public-page-content #iz2p ul.fs-4,
.public-page-content .home-intro-hero ul.fs-4,
.genchemph-canvas .about-us-low[style*="background-image"] ul.fs-4,
.genchemph-canvas #iz2p ul.fs-4,
.genchemph-canvas .home-intro-hero ul.fs-4,
.about-us-low[style*="background-image"] ul.fs-4,
#iz2p ul.fs-4 {
  list-style: none !important;
  padding-left: 0 !important;
  margin-bottom: 0;
}

.cms-content .about-us-low[style*="background-image"] ul.fs-4 li,
.cms-content #iz2p ul.fs-4 li,
.cms-content .home-intro-hero ul.fs-4 li,
.public-page-content .about-us-low[style*="background-image"] ul.fs-4 li,
.public-page-content #iz2p ul.fs-4 li,
.public-page-content .home-intro-hero ul.fs-4 li,
.genchemph-canvas .about-us-low[style*="background-image"] ul.fs-4 li,
.genchemph-canvas #iz2p ul.fs-4 li,
.genchemph-canvas .home-intro-hero ul.fs-4 li,
.about-us-low[style*="background-image"] ul.fs-4 li,
#iz2p ul.fs-4 li {
  display: flex !important;
  align-items: center;
  gap: 0.65rem;
  margin-bottom: 0.5rem;
  list-style: none !important;
}

@media (min-width: 768px) {
  .cms-content .about-us-low[style*="background-image"] ul.fs-4 li,
  .cms-content #iz2p ul.fs-4 li,
  .cms-content .home-intro-hero ul.fs-4 li,
  .public-page-content .about-us-low[style*="background-image"] ul.fs-4 li,
  .public-page-content #iz2p ul.fs-4 li,
  .public-page-content .home-intro-hero ul.fs-4 li,
  .genchemph-canvas .about-us-low[style*="background-image"] ul.fs-4 li,
  .genchemph-canvas #iz2p ul.fs-4 li,
  .genchemph-canvas .home-intro-hero ul.fs-4 li,
  .about-us-low[style*="background-image"] ul.fs-4 li,
  #iz2p ul.fs-4 li {
    white-space: nowrap;
  }
}

/* Reference: white outline circle + check (bi-check2-circle look) */
.cms-content .about-us-low[style*="background-image"] ul.fs-4 li::before,
.cms-content #iz2p ul.fs-4 li::before,
.cms-content .home-intro-hero ul.fs-4 li::before,
.public-page-content .about-us-low[style*="background-image"] ul.fs-4 li::before,
.public-page-content #iz2p ul.fs-4 li::before,
.public-page-content .home-intro-hero ul.fs-4 li::before,
.genchemph-canvas .about-us-low[style*="background-image"] ul.fs-4 li::before,
.genchemph-canvas #iz2p ul.fs-4 li::before,
.genchemph-canvas .home-intro-hero ul.fs-4 li::before,
.about-us-low[style*="background-image"] ul.fs-4 li::before,
#iz2p ul.fs-4 li::before {
  content: "";
  display: inline-block;
  width: 1.65rem;
  height: 1.65rem;
  min-width: 1.65rem;
  flex-shrink: 0;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Ccircle cx='8' cy='8' r='6.35' fill='none' stroke='%23ffffff' stroke-width='1.1'/%3E%3Cpath d='M5.15 8.15 L7.05 10.05 L10.95 6.1' fill='none' stroke='%23ffffff' stroke-width='1.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")
    center / contain no-repeat;
}

.cms-content .about-us-low[style*="background-image"] ul.fs-4 li .bi-check2-circle,
.cms-content #iz2p ul.fs-4 li .bi-check2-circle,
.cms-content .home-intro-hero ul.fs-4 li .bi-check2-circle,
.public-page-content .about-us-low[style*="background-image"] ul.fs-4 li .bi-check2-circle,
.public-page-content #iz2p ul.fs-4 li .bi-check2-circle,
.public-page-content .home-intro-hero ul.fs-4 li .bi-check2-circle,
.genchemph-canvas .about-us-low[style*="background-image"] ul.fs-4 li .bi-check2-circle,
.genchemph-canvas #iz2p ul.fs-4 li .bi-check2-circle,
.genchemph-canvas .home-intro-hero ul.fs-4 li .bi-check2-circle,
.about-us-low[style*="background-image"] ul.fs-4 li .bi-check2-circle,
#iz2p ul.fs-4 li .bi-check2-circle {
  display: none !important;
}

/* Center two-column feature list like reference design */
.cms-content .about-us-low[style*="background-image"] .about-us-high .row.d-flex.justify-content-center,
.public-page-content .about-us-low[style*="background-image"] .about-us-high .row.d-flex.justify-content-center,
.genchemph-canvas .about-us-low[style*="background-image"] .about-us-high .row.d-flex.justify-content-center,
.about-us-low[style*="background-image"] .about-us-high .row.d-flex.justify-content-center,
#iz2p .about-us-high .row.d-flex.justify-content-center {
  width: 100%;
  max-width: 1180px;
  margin-left: auto !important;
  margin-right: auto !important;
}

.cms-content .about-us-low[style*="background-image"] .about-us-high .row.d-flex.justify-content-center > .col-md-6,
.public-page-content .about-us-low[style*="background-image"] .about-us-high .row.d-flex.justify-content-center > .col-md-6,
.genchemph-canvas .about-us-low[style*="background-image"] .about-us-high .row.d-flex.justify-content-center > .col-md-6,
.about-us-low[style*="background-image"] .about-us-high .row.d-flex.justify-content-center > .col-md-6,
#iz2p .about-us-high .row.d-flex.justify-content-center > .col-md-6 {
  padding-left: 1.5rem !important;
  padding-right: 1.5rem !important;
}

@media (min-width: 768px) {
  .cms-content .about-us-low[style*="background-image"] .about-us-high .row.d-flex.justify-content-center > .col-md-6,
  .public-page-content .about-us-low[style*="background-image"] .about-us-high .row.d-flex.justify-content-center > .col-md-6,
  .genchemph-canvas .about-us-low[style*="background-image"] .about-us-high .row.d-flex.justify-content-center > .col-md-6,
  .about-us-low[style*="background-image"] .about-us-high .row.d-flex.justify-content-center > .col-md-6,
  #iz2p .about-us-high .row.d-flex.justify-content-center > .col-md-6 {
    flex: 0 0 50% !important;
    width: 50% !important;
    max-width: 50% !important;
  }
}

/* Read More — keep dark text on white; white text on maroon hover */
.cms-content #iz2p a.button.button-light,
.cms-content #iz2p a.button.bg-white,
.public-page-content #iz2p a.button.button-light,
.public-page-content #iz2p a.button.bg-white,
#iz2p a.button.button-light,
#iz2p a.button.bg-white {
  background-color: #ffffff !important;
  color: #212529 !important;
  border: 0 !important;
}

.cms-content #iz2p a.button.button-light:hover,
.cms-content #iz2p a.button.button-light:focus,
.cms-content #iz2p a.button.button-light:focus-visible,
.cms-content #iz2p a.button.bg-white:hover,
.cms-content #iz2p a.button.bg-white:focus,
.public-page-content #iz2p a.button.button-light:hover,
.public-page-content #iz2p a.button.button-light:focus,
.public-page-content #iz2p a.button.bg-white:hover,
.public-page-content #iz2p a.button.bg-white:focus,
#iz2p a.button.button-light:hover,
#iz2p a.button.button-light:focus,
#iz2p a.button.bg-white:hover,
#iz2p a.button.bg-white:focus {
  background-color: #9b2d1f !important;
  color: #ffffff !important;
  outline-color: #ffffff !important;
}

#iz2p a.button:hover,
#iz2p a.button:focus,
#iz2p a.button:hover *,
#iz2p a.button:focus * {
  color: #ffffff !important;
}

/* Trust bar above footer — white text + icons */
.cms-content .footer-stick.dark,
.public-page-content .footer-stick.dark,
.footer-stick.dark {
  background-color: #212529 !important;
  color: #ffffff !important;
}

.cms-content .footer-stick.dark span,
.cms-content .footer-stick.dark i,
.public-page-content .footer-stick.dark span,
.public-page-content .footer-stick.dark i,
.footer-stick.dark span,
.footer-stick.dark i {
  color: #ffffff !important;
}

.cms-content .footer-stick.dark span,
.footer-stick.dark i,
.footer-stick.dark .fa-solid {
  color: #ffffff !important;
}

.footer-stick.dark .fa-shield-halved::before {
  display: inline-block;
}

/* Trust bar inline SVG icons */
.footer-stick.dark .genchem-trust-icon,
.cms-content .footer-stick.dark .genchem-trust-icon,
.public-page-content .footer-stick.dark .genchem-trust-icon,
.genchemph-canvas .footer-stick.dark .genchem-trust-icon {
  display: inline-block;
  width: 1.25em;
  height: 1.25em;
  flex-shrink: 0;
  color: #ffffff !important;
  fill: currentColor;
}

/* GrapesJS sometimes saves broken icon <img> placeholders — hide if any remain */
.footer-stick.dark img {
  display: none !important;
}

/* Home “Our Products” category cards (Films / Cables / Packaging) */
.public-page-content .hover-scale .card-body,
.cms-content .hover-scale .card-body {
  position: relative;
  overflow: visible;
}

.public-page-content .hover-scale .card-body > a.position-absolute,
.cms-content .hover-scale .card-body > a.position-absolute {
  z-index: 2;
  line-height: 0;
}

.public-page-content .hover-scale .card-body img,
.cms-content .hover-scale .card-body img {
  display: block !important;
  max-width: 100%;
  height: auto;
}

.footer-stick.dark i.fa-solid {
  display: inline-block;
  width: 1.25em;
  text-align: center;
  flex-shrink: 0;
}