@import url("zl-redesign-v022.css?v=20260826-024");

/* v1.9.15: align related-article text with the knowledge-category rows above. */
body.zl-v022 .article-sidebar .related-article {
  box-sizing: border-box;
  padding: 11px 17px;
}

/* v1.9.16: restore the intended inset inside the article inquiry panel. */
body.zl-v022 .knowledge-article > .article-contact {
  box-sizing: border-box;
  padding: 28px;
}

@media (max-width: 620px) {
  body.zl-v022 .knowledge-article > .article-contact {
    padding: 22px;
  }
}

/* V02.4 targeted delivery fixes: contact/quote, about, and cache-safe loading. */
html[dir="rtl"] .header .nav {
  direction: ltr !important;
}

html[dir="rtl"] .header .navlinks {
  direction: ltr !important;
  margin-left: auto !important;
  margin-right: 0 !important;
}

html[dir="rtl"] .header .navlinks > a,
html[dir="rtl"] .header .drop > summary,
html[dir="rtl"] .header .mega,
html[dir="rtl"] .header .language-switcher,
html[dir="rtl"] .header .language-menu {
  direction: rtl !important;
  text-align: right !important;
}

html[dir="rtl"] .header .mega,
html[dir="rtl"] .header .language-menu {
  left: auto !important;
  right: 0 !important;
}

body.zl-v022 .zl-contact-single .internal-hero,
body.zl-v022.zl-quote-page .internal-hero {
  overflow: visible !important;
}

body.zl-v022 .zl-contact-single .internal-hero-media,
body.zl-v022.zl-quote-page .internal-hero-media,
body.zl-v022 .zl-about-page .internal-hero-media {
  display: block !important;
  min-width: 0 !important;
  height: 440px !important;
  min-height: 440px !important;
}

body.zl-v022 .zl-contact-single .internal-hero-media > img,
body.zl-v022.zl-quote-page .internal-hero-media > img,
body.zl-v022 .zl-about-page .internal-hero-media > img {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  min-height: 0 !important;
  object-fit: cover !important;
}

body.zl-v022 .zl-about-page .about-original-copy .cms-richtext img {
  display: none !important;
}

body.zl-v022 .zl-about-page [data-managed-about-hero][hidden],
body.zl-v022 .zl-about-page [data-managed-about-overview][hidden],
body.zl-v022 .zl-about-page [data-managed-about-facts][hidden],
body.zl-v022 .zl-about-page [data-managed-about-philosophy][hidden],
body.zl-v022 .zl-about-page [data-managed-about-team][hidden],
body.zl-v022 .zl-about-page [data-managed-about-products][hidden],
body.zl-v022 .zl-about-page [data-managed-about-certifications][hidden],
body.zl-v022 .zl-about-page [data-managed-about-industries][hidden],
body.zl-v022 .zl-about-page [data-managed-about-gallery][hidden],
body.zl-v022 .zl-about-page [data-managed-about-commitment][hidden],
body.zl-v022 .zl-about-page [data-managed-about-inquiry][hidden],
body.zl-v022 .zl-about-page [data-about-product-category][hidden],
body.zl-v022 .zl-about-page .about-overview-media[hidden],
body.zl-v022 .zl-about-page .about-philosophy-action[hidden],
body.zl-v022 .zl-about-page .about-inquiry-card-copy[hidden] {
  display: none !important;
}

body.zl-v022 .zl-about-page .family-card {
  display: grid !important;
  grid-template-columns: 58px minmax(0, 1fr) !important;
  gap: 15px !important;
  align-items: start !important;
  padding: 20px !important;
  height: 180px !important;
  min-height: 180px !important;
  overflow: hidden !important;
}

body.zl-v022 .zl-about-page .family-icon {
  display: grid !important;
  place-items: center !important;
  width: 58px !important;
  height: 58px !important;
  border-radius: 13px !important;
  color: #fff !important;
  background: linear-gradient(145deg, #377fbd, #103f69) !important;
}

body.zl-v022 .zl-about-page .family-icon.has-managed-image {
  color: transparent !important;
  background-color: #eef5fb !important;
  background-position: center !important;
  background-repeat: no-repeat !important;
  background-size: cover !important;
}

body.zl-v022 .zl-about-page .family-body {
  min-width: 0 !important;
  height: 100% !important;
  display: flex !important;
  flex-direction: column !important;
}

body.zl-v022 .zl-about-page .family-body p {
  display: -webkit-box !important;
  -webkit-box-orient: vertical !important;
  -webkit-line-clamp: 3 !important;
  overflow: hidden !important;
  margin: 6px 0 8px !important;
}

body.zl-v022 .zl-about-page .family-body .text-link {
  margin-top: auto !important;
}

body.zl-v022 .zl-about-page .about-original-copy .cms-richtext img,
body.zl-v022 .zl-about-page .about-original-copy .cms-richtext figure:has(img) {
  display: none !important;
}

body.zl-v022 .zl-about-page .about-intro {
  align-items: start !important;
}

body.zl-v022 .zl-about-page .about-original-copy h2 {
  margin-bottom: 22px !important;
}

body.zl-v022 .zl-about-page .about-intro-copy {
  display: grid !important;
  gap: 18px !important;
}

body.zl-v022 .zl-about-page .about-overview-entry {
  display: grid !important;
  gap: 10px !important;
}

body.zl-v022 .zl-about-page .about-overview-entry h3 {
  margin: 0 !important;
  color: #123f67 !important;
  font-size: 19px !important;
}

body.zl-v022 .zl-about-page .about-overview-entry-copy,
body.zl-v022 .zl-about-page .about-team-description,
body.zl-v022 .zl-about-page .about-commitment-description {
  color: #62788d !important;
  font-size: 15px !important;
  line-height: 1.8 !important;
}

body.zl-v022 .zl-about-page .about-overview-entry-copy > :first-child,
body.zl-v022 .zl-about-page .about-team-description > :first-child,
body.zl-v022 .zl-about-page .about-commitment-description > :first-child {
  margin-top: 0 !important;
}

body.zl-v022 .zl-about-page .about-overview-entry-copy > :last-child,
body.zl-v022 .zl-about-page .about-team-description > :last-child,
body.zl-v022 .zl-about-page .about-commitment-description > :last-child {
  margin-bottom: 0 !important;
}

body.zl-v022 .zl-about-page .about-overview-media,
body.zl-v022 .zl-about-page .about-overview-entry-media {
  margin: 8px 0 0 !important;
  overflow: hidden !important;
  border-radius: 16px !important;
  background: #eaf2f8 !important;
}

body.zl-v022 .zl-about-page .about-overview-media img,
body.zl-v022 .zl-about-page .about-overview-entry-media img {
  display: block !important;
  width: 100% !important;
  max-height: 360px !important;
  object-fit: cover !important;
}

body.zl-v022 .zl-about-page .about-intro-copy > p {
  margin: 0 !important;
  font-size: 15px !important;
  line-height: 1.8 !important;
}

body.zl-v022 .zl-about-page .company-facts {
  align-content: start !important;
}

body.zl-v022 .zl-about-page .about-proof-managed + .about-proof-fallback {
  display: none !important;
}

body.zl-v022 .zl-about-page .about-industries .industry-cloud {
  align-items: stretch !important;
}

body.zl-v022 .zl-about-page .about-industries .industry-cloud a {
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  color: inherit !important;
  text-decoration: none !important;
}

body.zl-v022 .zl-about-page .about-industries .industry-cloud img {
  width: 24px !important;
  height: 24px !important;
  border-radius: 6px !important;
  object-fit: cover !important;
}

body.zl-v022 .zl-about-page .about-industries .industry-cloud i {
  font-style: normal !important;
}

body.zl-v022 .zl-about-page .credential-image {
  display: block !important;
  width: 100% !important;
  height: 140px !important;
  margin-bottom: 14px !important;
  border-radius: 12px !important;
  object-fit: cover !important;
  background: rgba(255, 255, 255, .12) !important;
}

body.zl-v022 .zl-about-page .credential small {
  display: block !important;
  margin-top: 7px !important;
  color: rgba(255, 255, 255, .78) !important;
}

body.zl-v022 .zl-about-page .about-philosophy-action {
  margin-top: 24px !important;
  border-color: rgba(255, 255, 255, .7) !important;
  color: #fff !important;
}

body.zl-v022 .zl-about-page .about-commitment .media-card {
  min-height: 430px !important;
}

body.zl-v022 .zl-about-page .about-commitment .media-card > img {
  height: 100% !important;
  min-height: 430px !important;
  object-fit: cover !important;
}

body.zl-v022 .zl-about-page .internal-hero-media .hero-label span {
  display: block !important;
  margin-top: 5px !important;
  line-height: 1.5 !important;
  color: rgba(255, 255, 255, .86) !important;
}

body.zl-v022 .zl-about-page .about-commitment {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) minmax(420px, 1fr) !important;
  gap: 54px !important;
  align-items: center !important;
}

body.zl-v022 .zl-about-page .about-commitment > .about-commitment-copy {
  grid-column: 1 !important;
  grid-row: 1 !important;
  position: relative !important;
  inset: auto !important;
  width: auto !important;
  height: auto !important;
  overflow: visible !important;
  opacity: 1 !important;
  pointer-events: auto !important;
  margin: 0 !important;
  padding: 42px 0 !important;
}

body.zl-v022 .zl-about-page .about-commitment > .about-commitment-copy h2 {
  margin: 10px 0 18px !important;
}

body.zl-v022 .zl-about-page .about-commitment > .about-commitment-copy p {
  margin: 0 0 17px !important;
  font-size: 15px !important;
  line-height: 1.8 !important;
}

body.zl-v022 .zl-about-page .about-commitment > .about-commitment-copy .btn {
  margin-top: 5px !important;
}

body.zl-v022 .zl-about-page .about-commitment > .media-card {
  grid-column: 2 !important;
  grid-row: 1 !important;
}

body.zl-v022 .zl-about-page .about-inquiry-card-copy {
  margin: 0 0 18px !important;
  color: #6a7f92 !important;
  line-height: 1.7 !important;
}

body.zl-v022 .container.contact-page-cards.contact-page-cards--stable::before,
body.zl-v022 .container.contact-page-cards.contact-page-cards--stable::after {
  content: none !important;
  display: none !important;
}

@media (min-width: 981px) {
  body.zl-v022 .zl-about-page .about-gallery {
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    grid-auto-rows: 244px !important;
    gap: 12px !important;
  }

  body.zl-v022 .zl-about-page .about-gallery figure {
    display: flex !important;
    flex-direction: column !important;
    min-width: 0 !important;
    height: 244px !important;
  }

  body.zl-v022 .zl-about-page .about-gallery figure:first-child {
    grid-column: span 2 !important;
    grid-row: span 2 !important;
    height: 500px !important;
  }

  body.zl-v022 .zl-about-page .about-gallery img {
    display: block !important;
    width: 100% !important;
    height: 210px !important;
    min-height: 210px !important;
    flex: 0 0 210px !important;
    object-fit: cover !important;
  }

  body.zl-v022 .zl-about-page .about-gallery figure:first-child img {
    height: 466px !important;
    min-height: 466px !important;
    flex-basis: 466px !important;
  }

  body.zl-v022 .zl-about-page .about-gallery figcaption {
    min-height: 34px !important;
    display: flex !important;
    align-items: center !important;
  }

  body.zl-v022 .container.contact-page-cards.contact-page-cards--stable {
    display: grid !important;
    grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
    align-items: stretch !important;
    gap: 12px !important;
    margin: -32px auto 48px !important;
    position: relative !important;
    z-index: 4 !important;
  }

  body.zl-v022 .contact-page-cards--stable > article.contact-page-card {
    width: auto !important;
    min-width: 0 !important;
    height: 160px !important;
    min-height: 160px !important;
    padding: 19px !important;
    overflow: hidden !important;
    flex: none !important;
  }
}

/* v1.9.31: the managed footer can contain any number of editable columns. */
body.zl-v022 .footer-v022.footer--managed .footer-grid[data-managed-footer-grid] {
  grid-template-columns: minmax(250px, 1.35fr) repeat(auto-fit, minmax(145px, .8fr)) !important;
  gap: 46px !important;
}

body.zl-v022 .footer-v022.footer--managed .footer-brand p {
  white-space: normal !important;
  overflow-wrap: anywhere !important;
}

@media (max-width: 980px) {
  body.zl-v022 .footer-v022.footer--managed .footer-grid[data-managed-footer-grid] {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 34px !important;
  }
}

@media (max-width: 620px) {
  body.zl-v022 .footer-v022.footer--managed .footer-grid[data-managed-footer-grid] {
    grid-template-columns: 1fr !important;
    gap: 28px !important;
  }
}

@media (max-width: 980px) {
  html[dir="rtl"] .header .navlinks {
    direction: rtl !important;
    text-align: right !important;
  }

  body.zl-v022 .container.contact-page-cards.contact-page-cards--stable {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 16px !important;
    margin: 24px auto 42px !important;
  }

  body.zl-v022 .zl-about-page .about-gallery {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    grid-auto-rows: auto !important;
  }

  body.zl-v022 .zl-about-page .about-gallery figure,
  body.zl-v022 .zl-about-page .about-gallery figure:first-child {
    height: auto !important;
    grid-row: auto !important;
  }

  body.zl-v022 .zl-about-page .about-gallery figure:first-child {
    grid-column: 1 / -1 !important;
  }

  body.zl-v022 .zl-about-page .about-gallery img {
    height: 230px !important;
    min-height: 230px !important;
  }

  body.zl-v022 .zl-about-page .about-gallery figure:first-child img {
    height: 360px !important;
    min-height: 360px !important;
  }

  body.zl-v022 .zl-about-page .about-commitment {
    grid-template-columns: 1fr !important;
    gap: 24px !important;
  }

  body.zl-v022 .zl-about-page .about-commitment > .about-commitment-copy {
    grid-column: 1 !important;
    grid-row: 1 !important;
    padding: 12px 0 !important;
  }

  body.zl-v022 .zl-about-page .about-commitment > .media-card {
    grid-column: 1 !important;
    grid-row: 2 !important;
  }

  body.zl-v022 .zl-contact-single .internal-hero-media,
  body.zl-v022.zl-quote-page .internal-hero-media,
  body.zl-v022 .zl-about-page .internal-hero-media {
    height: 360px !important;
    min-height: 360px !important;
  }
}

@media (max-width: 620px) {
  body.zl-v022 .container.contact-page-cards.contact-page-cards--stable {
    grid-template-columns: 1fr !important;
    margin-top: 18px !important;
  }

  body.zl-v022 .zl-about-page .about-gallery {
    grid-template-columns: 1fr !important;
  }

  body.zl-v022 .zl-about-page .about-gallery figure:first-child {
    grid-column: auto !important;
  }

  body.zl-v022 .zl-about-page .about-gallery img,
  body.zl-v022 .zl-about-page .about-gallery figure:first-child img {
    height: 260px !important;
    min-height: 260px !important;
  }

  body.zl-v022 .zl-about-page .family-card {
    grid-template-columns: 52px minmax(0, 1fr) !important;
    padding: 18px !important;
    height: auto !important;
    min-height: 168px !important;
  }

  body.zl-v022 .zl-about-page .family-icon {
    width: 52px !important;
    height: 52px !important;
  }

  body.zl-v022 .zl-contact-single .internal-hero-media,
  body.zl-v022.zl-quote-page .internal-hero-media,
  body.zl-v022 .zl-about-page .internal-hero-media {
    height: 280px !important;
    min-height: 280px !important;
  }
}

/* 2026-08-27: approved three-page refinement based on the Tango layout direction. */
body.zl-v022.zl-home .home-full-hero {
  min-height: clamp(540px, 45vw, 720px) !important;
  background: #0d2b45 !important;
  overflow: hidden !important;
  position: relative !important;
}

body.zl-v022.zl-home .home-full-hero .hero-media.hero-banner-slides {
  position: absolute !important;
  inset: 0 !important;
  z-index: 0 !important;
  width: 100% !important;
  height: 100% !important;
  min-height: 100% !important;
  border-radius: 0 !important;
}

body.zl-v022.zl-home .home-full-hero .hero-banner-slide {
  object-position: center 48% !important;
}

body.zl-v022.zl-home .home-full-hero .hero-media::after {
  content: none !important;
  display: none !important;
  position: absolute !important;
  inset: 0 !important;
  z-index: 1 !important;
  background: none !important;
  pointer-events: none !important;
}

body.zl-v022.zl-home .home-full-hero .hero-grid {
  position: relative !important;
  z-index: 2 !important;
  display: flex !important;
  align-items: center !important;
  min-height: clamp(540px, 45vw, 720px) !important;
  padding-top: 54px !important;
  padding-bottom: 72px !important;
}

body.zl-v022.zl-home .home-full-hero .hero-copy {
  width: min(690px, 60%) !important;
  padding: 0 !important;
  color: #fff !important;
}

body.zl-v022.zl-home .home-full-hero .hero-copy h1,
body.zl-v022.zl-home .home-full-hero .hero-copy .lead,
body.zl-v022.zl-home .home-full-hero .hero-copy .eyebrow,
body.zl-v022.zl-home .home-full-hero .proofs {
  color: #fff !important;
}

body.zl-v022.zl-home .home-full-hero .hero-copy .lead {
  color: rgba(255, 255, 255, .88) !important;
}

body.zl-v022.zl-home .home-full-hero .btn-outline {
  color: #fff !important;
  border-color: rgba(255, 255, 255, .72) !important;
  background: rgba(7, 29, 48, .18) !important;
}

body.zl-v022.zl-home .home-full-hero .proofs span::before {
  background: rgba(255, 255, 255, .94) !important;
}

body.zl-v022.zl-home .home-full-hero .hero-label {
  right: max(24px, calc((100vw - 1480px) / 2)) !important;
  bottom: 34px !important;
}

body.zl-v022.zl-product-list .product-category-hero {
  position: relative !important;
  min-height: 390px !important;
  display: flex !important;
  align-items: center !important;
  overflow: hidden !important;
  background: #102b40 !important;
}

body.zl-v022.zl-product-list .product-category-hero-media,
body.zl-v022.zl-product-list .product-category-hero-image {
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
}

body.zl-v022.zl-product-list .product-category-hero-image {
  display: block !important;
  object-fit: cover !important;
  object-position: center 48% !important;
}

body.zl-v022.zl-product-list .product-category-hero-cms {
  z-index: 1 !important;
}

body.zl-v022.zl-product-list .product-category-hero-media::after {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  z-index: 2 !important;
  background: linear-gradient(90deg, rgba(7, 29, 48, .9) 0%, rgba(7, 29, 48, .68) 48%, rgba(7, 29, 48, .18) 100%) !important;
}

body.zl-v022.zl-product-list .product-category-hero-content {
  position: relative !important;
  z-index: 3 !important;
  padding-top: 64px !important;
  padding-bottom: 64px !important;
  color: #fff !important;
}

body.zl-v022.zl-product-list .product-category-hero-content h1 {
  max-width: 860px !important;
  margin: 10px 0 16px !important;
  color: #fff !important;
  font-size: clamp(38px, 4.2vw, 62px) !important;
}

body.zl-v022.zl-product-list .product-category-hero-content p {
  max-width: 760px !important;
  margin: 0 0 26px !important;
  color: rgba(255, 255, 255, .88) !important;
  font-size: 17px !important;
  line-height: 1.75 !important;
}

body.zl-v022.zl-product-list .product-category-hero-content .eyebrow {
  color: #b9ddfa !important;
}

body.zl-v022.zl-product-list .product-filter-panel {
  margin: 0 0 28px !important;
  padding: 24px !important;
  border: 1px solid #d8e3ec !important;
  border-radius: 14px !important;
  background: #f8fafc !important;
  box-shadow: 0 12px 32px rgba(16, 55, 88, .06) !important;
  overflow: visible !important;
}

body.zl-v022.zl-product-list .product-filter-heading {
  display: flex !important;
  align-items: flex-end !important;
  justify-content: space-between !important;
  gap: 20px !important;
  margin: 0 0 20px !important;
  padding: 0 0 15px !important;
  border-bottom: 1px solid #dce6ef !important;
}

body.zl-v022.zl-product-list .product-filter-heading h2 {
  margin: 0 !important;
  font-size: 24px !important;
}

body.zl-v022.zl-product-list .product-filter-heading .eyebrow {
  margin-left: auto !important;
  order: 2 !important;
}

body.zl-v022.zl-product-list .product-filter-panel .filter-row {
  display: grid !important;
  grid-template-columns: repeat(auto-fit, minmax(175px, 1fr)) !important;
  gap: 14px !important;
  align-items: end !important;
}

body.zl-v022.zl-product-list .product-filter-panel .field {
  min-width: 0 !important;
}

body.zl-v022.zl-product-list .product-filter-panel .field label {
  display: block !important;
  margin: 0 0 7px !important;
  color: #24435d !important;
  font-size: 12px !important;
  font-weight: 800 !important;
}

body.zl-v022.zl-product-list .product-filter-panel input[type="search"],
body.zl-v022.zl-product-list .product-filter-panel select {
  display: block !important;
  width: 100% !important;
  min-width: 0 !important;
  height: 46px !important;
  padding: 0 13px !important;
  border: 1px solid #cbd9e5 !important;
  border-radius: 8px !important;
  background: #fff !important;
  color: #183b59 !important;
  outline: none !important;
}

body.zl-v022.zl-product-list .product-filter-panel input[type="search"]:focus,
body.zl-v022.zl-product-list .product-filter-panel select:focus {
  border-color: #377fbd !important;
  box-shadow: 0 0 0 3px rgba(55, 127, 189, .13) !important;
}

body.zl-v022.zl-product-list .product-filter-panel .filter-actions {
  display: flex !important;
  align-items: flex-end !important;
  min-width: 126px !important;
}

body.zl-v022.zl-product-list .product-filter-panel .filter-actions .btn {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 100% !important;
  min-height: 46px !important;
  margin: 0 !important;
}

body.zl-v022.zl-product-list .list-toolbar {
  margin: 0 0 18px !important;
  padding: 14px 0 !important;
  border-top: 1px solid #dce6ef !important;
  border-bottom: 1px solid #dce6ef !important;
  color: #102b40 !important;
  font-size: 16px !important;
}

body.zl-v022.zl-product-list .product-list-no-results {
  margin-top: 22px !important;
}

body.zl-v022 .contact-simple-hero {
  padding: 72px 0 !important;
  color: #fff !important;
  background: linear-gradient(120deg, #0e3457 0%, #1f6da8 100%) !important;
}

body.zl-v022 .contact-simple-hero .eyebrow,
body.zl-v022 .contact-simple-hero h1,
body.zl-v022 .contact-simple-hero p {
  color: #fff !important;
}

body.zl-v022 .contact-simple-hero h1 {
  margin: 10px 0 14px !important;
  font-size: clamp(40px, 4.4vw, 62px) !important;
}

body.zl-v022 .contact-simple-hero p {
  max-width: 760px !important;
  margin: 0 !important;
  color: rgba(255, 255, 255, .86) !important;
  font-size: 17px !important;
}

body.zl-v022 .contact-simple-main {
  background: #f7f9fb !important;
}

body.zl-v022 .contact-simple-layout {
  display: grid !important;
  grid-template-columns: minmax(320px, .82fr) minmax(0, 1.18fr) !important;
  gap: 34px !important;
  align-items: start !important;
}

body.zl-v022 .contact-simple-details,
body.zl-v022 .contact-simple-form {
  border: 1px solid #dbe5ee !important;
  border-radius: 14px !important;
  background: #fff !important;
  box-shadow: 0 14px 36px rgba(16, 55, 88, .08) !important;
}

body.zl-v022 .contact-simple-details {
  padding: 30px !important;
}

body.zl-v022 .contact-simple-details h2 {
  margin: 8px 0 24px !important;
}

body.zl-v022 .contact-simple-list {
  display: grid !important;
  gap: 0 !important;
}

body.zl-v022 .contact-simple-list > div {
  display: grid !important;
  grid-template-columns: 44px minmax(0, 1fr) !important;
  gap: 14px !important;
  padding: 17px 0 !important;
  border-bottom: 1px solid #e8eef3 !important;
}

body.zl-v022 .contact-simple-list i {
  display: grid !important;
  place-items: center !important;
  width: 42px !important;
  height: 42px !important;
  border-radius: 10px !important;
  background: #eaf3fb !important;
  color: #155d96 !important;
  font-style: normal !important;
  font-weight: 900 !important;
}

body.zl-v022 .contact-simple-list p {
  margin: 0 !important;
  min-width: 0 !important;
}

body.zl-v022 .contact-simple-list b,
body.zl-v022 .contact-simple-list span,
body.zl-v022 .contact-simple-list small,
body.zl-v022 .contact-simple-list a {
  display: block !important;
  overflow-wrap: anywhere !important;
}

body.zl-v022 .contact-simple-list b {
  color: #102b40 !important;
  margin-bottom: 5px !important;
}

body.zl-v022 .contact-simple-list span,
body.zl-v022 .contact-simple-list small,
body.zl-v022 .contact-simple-list a {
  color: #617386 !important;
  line-height: 1.65 !important;
}

body.zl-v022 .contact-simple-location {
  min-height: 150px !important;
  margin-top: 24px !important;
  padding: 24px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 14px !important;
  text-align: left !important;
  border-radius: 12px !important;
  background: linear-gradient(135deg, #eaf3fb, #dceaf5) !important;
}

body.zl-v022 .contact-simple-location > span {
  display: grid !important;
  place-items: center !important;
  width: 48px !important;
  height: 48px !important;
  flex: 0 0 48px !important;
  border-radius: 50% !important;
  background: #f78b1f !important;
  color: #fff !important;
}

body.zl-v022 .contact-simple-location b,
body.zl-v022 .contact-simple-location small {
  display: block !important;
}

body.zl-v022 .contact-simple-location small {
  margin-top: 4px !important;
  color: #617386 !important;
  line-height: 1.55 !important;
}

body.zl-v022 .contact-simple-form {
  padding: 30px !important;
}

body.zl-v022 .contact-reference-hero {
  padding: 64px 0 !important;
  text-align: center !important;
}

body.zl-v022 .contact-reference-hero p {
  margin-inline: auto !important;
}

body.zl-v022 .contact-reference-main {
  padding-top: 84px !important;
  padding-bottom: 84px !important;
  background: #fff !important;
}

body.zl-v022 .contact-reference-main .contact-simple-layout {
  grid-template-columns: minmax(340px, .8fr) minmax(0, 1.2fr) !important;
  gap: 64px !important;
}

body.zl-v022 .contact-reference-main .contact-simple-details,
body.zl-v022 .contact-reference-main .contact-simple-form {
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}

body.zl-v022 .contact-reference-main .contact-simple-details {
  padding: 0 18px 0 0 !important;
}

body.zl-v022 .contact-reference-main .contact-simple-form {
  padding: 0 !important;
}

body.zl-v022 .contact-reference-main .contact-simple-list > div {
  padding: 22px 0 !important;
}

body.zl-v022 .contact-reference-main .contact-simple-list > div:first-child {
  border-top: 1px solid #e8eef3 !important;
}

body.zl-v022 .contact-reference-main .contact-simple-list i {
  width: 48px !important;
  height: 48px !important;
  border-radius: 50% !important;
}

body.zl-v022 .contact-reference-main .cms-inquiry-form {
  margin-top: 28px !important;
}

body.zl-v022 .contact-reference-map {
  width: 100% !important;
  height: 460px !important;
  overflow: hidden !important;
  background: #dceaf5 !important;
}

body.zl-v022 .contact-reference-map iframe {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  border: 0 !important;
}

@media (max-width: 980px) {
  body.zl-v022.zl-home .home-full-hero .hero-copy {
    width: min(690px, 78%) !important;
  }

  body.zl-v022 .contact-simple-layout {
    grid-template-columns: 1fr !important;
  }

  body.zl-v022 .contact-reference-main .contact-simple-layout {
    grid-template-columns: 1fr !important;
    gap: 42px !important;
  }

  body.zl-v022 .contact-reference-main .contact-simple-details {
    padding-right: 0 !important;
  }
}

@media (max-width: 620px) {
  body.zl-v022.zl-home .home-full-hero,
  body.zl-v022.zl-home .home-full-hero .hero-grid {
    min-height: 640px !important;
  }

  body.zl-v022.zl-home .home-full-hero .hero-media::after {
    background: none !important;
  }

  body.zl-v022.zl-home .home-full-hero .hero-grid {
    padding-top: 48px !important;
    padding-bottom: 92px !important;
  }

  body.zl-v022.zl-home .home-full-hero .hero-copy {
    width: 100% !important;
  }

  body.zl-v022.zl-home .home-full-hero .hero-label {
    right: 12px !important;
    bottom: 22px !important;
  }

  body.zl-v022.zl-product-list .product-category-hero {
    min-height: 430px !important;
  }

  body.zl-v022.zl-product-list .product-category-hero-content h1 {
    font-size: 38px !important;
  }

  body.zl-v022.zl-product-list .product-filter-panel {
    padding: 18px !important;
  }

  body.zl-v022.zl-product-list .product-filter-heading {
    align-items: flex-start !important;
    flex-direction: column !important;
  }

  body.zl-v022.zl-product-list .product-filter-heading .eyebrow {
    order: 0 !important;
    margin-left: 0 !important;
  }

  body.zl-v022.zl-product-list .product-filter-panel .filter-row {
    grid-template-columns: 1fr !important;
  }

  body.zl-v022 .contact-simple-hero {
    padding: 54px 0 !important;
  }

  body.zl-v022 .contact-simple-details,
  body.zl-v022 .contact-simple-form {
    padding: 22px !important;
  }

  body.zl-v022 .contact-reference-main {
    padding-top: 58px !important;
    padding-bottom: 58px !important;
  }

  body.zl-v022 .contact-reference-main .contact-simple-details,
  body.zl-v022 .contact-reference-main .contact-simple-form {
    padding: 0 !important;
  }

  body.zl-v022 .contact-reference-map {
    height: 340px !important;
  }
}

/* V02.4 product category lower-page sections restored from the final design. */
body.zl-v022.zl-product-list .product-category-seo {
  margin: 48px 0 0 !important;
  padding: 40px 42px !important;
  overflow: visible !important;
  border: 1px solid #d3e6f5 !important;
  border-radius: 16px !important;
  background: #eaf4fc !important;
  box-shadow: none !important;
}

body.zl-v022.zl-product-list .product-category-seo h2 {
  margin: 0 0 14px !important;
  color: #0b416d !important;
  font-size: clamp(28px, 2.3vw, 38px) !important;
  line-height: 1.2 !important;
}

body.zl-v022.zl-product-list .product-category-seo h3 {
  margin: 24px 0 12px !important;
  color: #0b416d !important;
  font-size: 22px !important;
}

body.zl-v022.zl-product-list .product-category-seo p,
body.zl-v022.zl-product-list .product-category-seo li {
  color: #5b7186 !important;
  font-size: 16px !important;
  line-height: 1.75 !important;
}

body.zl-v022.zl-product-list .product-category-seo ul {
  margin: 0 !important;
  padding-left: 28px !important;
}

body.zl-v022.zl-product-list .product-category-seo li + li {
  margin-top: 3px !important;
}

body.zl-v022.zl-product-list .product-category-seo li b,
body.zl-v022.zl-product-list .product-category-seo .text-link {
  color: #0b416d !important;
}

body.zl-v022.zl-product-list .product-category-seo-link {
  margin: 24px 0 0 !important;
  font-weight: 800 !important;
}

body.zl-v022.zl-product-list .product-category-faq {
  margin: 52px 0 70px !important;
}

body.zl-v022.zl-product-list .product-category-faq .section-head {
  margin-bottom: 18px !important;
}

body.zl-v022.zl-product-list .product-category-faq .section-head h2 {
  margin: 0 !important;
  color: #0b416d !important;
  font-size: clamp(30px, 2.5vw, 42px) !important;
}

body.zl-v022.zl-product-list .product-category-faq .home-faq {
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
}

body.zl-v022.zl-product-list .product-category-faq details {
  border-color: #d5e4f0 !important;
  border-radius: 10px !important;
}

body.zl-v022.zl-product-list .product-category-faq summary {
  padding: 18px 20px !important;
  font-size: 16px !important;
}

body.zl-v022.zl-product-list .product-category-faq details p {
  padding: 0 20px 18px !important;
  font-size: 14px !important;
  line-height: 1.7 !important;
}

body.zl-v022.zl-product-list .product-category-contact {
  padding: 72px 0 !important;
  background: linear-gradient(110deg, #08385d 0%, #155b98 100%) !important;
}

body.zl-v022.zl-product-list .product-category-contact .contact-grid {
  grid-template-columns: .82fr 1.18fr !important;
  gap: 64px !important;
  align-items: center !important;
}

body.zl-v022.zl-product-list .product-category-contact .contact-copy h2 {
  margin: 0 0 18px !important;
  color: #fff !important;
  font-size: clamp(36px, 3.5vw, 54px) !important;
  line-height: 1.12 !important;
}

body.zl-v022.zl-product-list .product-category-contact .contact-copy p {
  max-width: 680px !important;
  margin: 0 !important;
  color: #dbeaf7 !important;
  font-size: 18px !important;
  line-height: 1.65 !important;
}

body.zl-v022.zl-product-list .product-category-inquiry-form {
  padding: 32px 34px !important;
  border-radius: 18px !important;
  background: #fff !important;
  box-shadow: 0 18px 45px rgba(3, 29, 51, .18) !important;
}

body.zl-v022.zl-product-list .product-category-inquiry-form .form-grid {
  gap: 18px 20px !important;
}

body.zl-v022.zl-product-list .product-category-inquiry-form .field label {
  display: block !important;
  margin-bottom: 8px !important;
  color: #294963 !important;
  font-size: 14px !important;
  font-weight: 800 !important;
}

body.zl-v022.zl-product-list .product-category-inquiry-form input,
body.zl-v022.zl-product-list .product-category-inquiry-form textarea {
  width: 100% !important;
  border: 1px solid #cbddea !important;
  border-radius: 9px !important;
  background: #fff !important;
  color: #173750 !important;
  font-size: 16px !important;
}

body.zl-v022.zl-product-list .product-category-inquiry-form input {
  min-height: 54px !important;
  padding: 0 16px !important;
}

body.zl-v022.zl-product-list .product-category-inquiry-form textarea {
  min-height: 136px !important;
  padding: 14px 16px !important;
  resize: vertical !important;
}

body.zl-v022.zl-product-list .product-category-inquiry-form input:focus,
body.zl-v022.zl-product-list .product-category-inquiry-form textarea:focus {
  border-color: #2f7dbd !important;
  outline: 3px solid rgba(47, 125, 189, .13) !important;
}

body.zl-v022.zl-product-list .product-category-inquiry-form .form-actions {
  margin-top: 4px !important;
}

body.zl-v022.zl-product-list .product-category-inquiry-form .btn {
  min-height: 54px !important;
  padding: 0 26px !important;
  border: 0 !important;
  background: #ff8717 !important;
  box-shadow: 0 12px 24px rgba(255, 135, 23, .2) !important;
  color: #fff !important;
}

html[dir="rtl"] body.zl-v022.zl-product-list .product-category-seo ul {
  padding-right: 28px !important;
  padding-left: 0 !important;
}

@media (max-width: 980px) {
  body.zl-v022.zl-product-list .product-category-contact .contact-grid {
    grid-template-columns: 1fr !important;
    gap: 32px !important;
  }
}

@media (max-width: 620px) {
  body.zl-v022.zl-product-list .product-category-seo {
    padding: 26px 22px !important;
  }

  body.zl-v022.zl-product-list .product-category-seo p,
  body.zl-v022.zl-product-list .product-category-seo li {
    font-size: 14px !important;
  }

  body.zl-v022.zl-product-list .product-category-faq {
    margin-bottom: 52px !important;
  }

  body.zl-v022.zl-product-list .product-category-contact {
    padding: 52px 0 !important;
  }

  body.zl-v022.zl-product-list .product-category-contact .contact-copy p {
    font-size: 16px !important;
  }

  body.zl-v022.zl-product-list .product-category-inquiry-form {
    padding: 24px 20px !important;
  }
}

/* V02.4 upload review: homepage form, compact breadcrumb and complete category filters. */
body.zl-v022 .navlinks .drop > summary.cur {
  border-bottom-color: transparent !important;
  background: transparent !important;
}

body.zl-v022 .navlinks .drop > summary.cur:hover,
body.zl-v022 .navlinks .drop[open] > summary.cur,
body.zl-v022 .navlinks .drop:focus-within > summary.cur {
  border-bottom-color: #fff !important;
  background: #256ba5 !important;
}

body.zl-v022.zl-product-list .breadcrumb {
  min-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  border-radius: 0 !important;
}

body.zl-v022.zl-product-list .breadcrumb .container {
  height: 38px !important;
  min-height: 38px !important;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  line-height: 1.25 !important;
}

body.zl-v022.zl-home .home-contact-band {
  padding: 72px 0 !important;
  background: linear-gradient(110deg, #08385d 0%, #155b98 100%) !important;
}

body.zl-v022.zl-home .home-contact-band .contact-grid {
  grid-template-columns: .82fr 1.18fr !important;
  gap: 64px !important;
  align-items: center !important;
}

body.zl-v022.zl-home .home-contact-band .contact-copy h2 {
  max-width: 680px !important;
  margin: 10px 0 18px !important;
  color: #fff !important;
  font-size: clamp(38px, 4vw, 58px) !important;
  line-height: 1.12 !important;
}

body.zl-v022.zl-home .home-contact-band .contact-copy > p {
  max-width: 650px !important;
  margin: 0 !important;
  color: #dbeaf7 !important;
  font-size: 17px !important;
  line-height: 1.7 !important;
}

body.zl-v022.zl-home .home-contact-band .contact-list {
  gap: 15px !important;
  margin-top: 30px !important;
  color: #fff !important;
  font-size: 15px !important;
}

body.zl-v022.zl-home .home-inquiry-form {
  padding: 32px 34px !important;
  border-radius: 18px !important;
  background: #fff !important;
  box-shadow: 0 18px 45px rgba(3, 29, 51, .18) !important;
}

body.zl-v022.zl-home .home-inquiry-form .form-grid {
  gap: 18px 20px !important;
}

body.zl-v022.zl-home .home-inquiry-form label {
  display: block !important;
  margin-bottom: 8px !important;
  color: #294963 !important;
  font-size: 14px !important;
  font-weight: 800 !important;
}

body.zl-v022.zl-home .home-inquiry-form input,
body.zl-v022.zl-home .home-inquiry-form textarea {
  display: block !important;
  width: 100% !important;
  border: 1px solid #cbddea !important;
  border-radius: 9px !important;
  background: #fff !important;
  color: #173750 !important;
  font-size: 16px !important;
}

body.zl-v022.zl-home .home-inquiry-form input {
  min-height: 54px !important;
  padding: 0 16px !important;
}

body.zl-v022.zl-home .home-inquiry-form textarea {
  min-height: 136px !important;
  padding: 14px 16px !important;
  resize: vertical !important;
}

body.zl-v022.zl-home .home-inquiry-form input:focus,
body.zl-v022.zl-home .home-inquiry-form textarea:focus {
  border-color: #2f7dbd !important;
  outline: 3px solid rgba(47, 125, 189, .13) !important;
}

body.zl-v022.zl-home .home-inquiry-form .form-actions {
  margin-top: 4px !important;
}

body.zl-v022.zl-home .home-inquiry-form .btn {
  min-height: 54px !important;
  padding: 0 27px !important;
  border: 0 !important;
  background: #ff8717 !important;
  color: #fff !important;
}

body.zl-v022.zl-product-list .product-filter-panel {
  margin-bottom: 26px !important;
  padding: 24px !important;
  background: #f7fafc !important;
}

body.zl-v022.zl-product-list .product-filter-panel .filter-row {
  grid-template-columns: repeat(4, minmax(120px, 1fr)) minmax(210px, .78fr) !important;
  gap: 12px !important;
}

body.zl-v022.zl-product-list .product-filter-panel .field label {
  font-size: 13px !important;
}

body.zl-v022.zl-product-list .product-filter-panel select {
  height: 50px !important;
  font-size: 15px !important;
}

body.zl-v022.zl-product-list .product-filter-panel .filter-actions {
  display: flex !important;
  gap: 10px !important;
  min-width: 0 !important;
}

body.zl-v022.zl-product-list .product-filter-panel .filter-actions .btn {
  flex: 1 1 0 !important;
  width: auto !important;
  min-width: 96px !important;
  min-height: 50px !important;
  white-space: nowrap !important;
}

body.zl-v022.zl-product-list .product-filter-panel .filter-summary {
  margin-top: 16px !important;
  color: #607789 !important;
  font-size: 13px !important;
  line-height: 1.6 !important;
}

body.zl-v022.zl-product-list .product-filter-panel .filter-state {
  color: #1d6399 !important;
}

body.zl-v022.zl-product-list .list-toolbar {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 20px !important;
}

body.zl-v022.zl-product-list .list-toolbar label {
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  color: #24435d !important;
  font-size: 13px !important;
  font-weight: 700 !important;
}

body.zl-v022.zl-product-list .list-toolbar select {
  min-height: 42px !important;
  border: 1px solid #cbd9e5 !important;
  border-radius: 8px !important;
  background: #fff !important;
  color: #173750 !important;
}

@media (max-width: 1280px) {
  body.zl-v022.zl-product-list .product-filter-panel .filter-row {
    grid-template-columns: repeat(2, minmax(170px, 1fr)) !important;
  }

  body.zl-v022.zl-product-list .product-filter-panel .filter-actions {
    grid-column: 1 / -1 !important;
    justify-content: flex-end !important;
  }

  body.zl-v022.zl-product-list .product-filter-panel .filter-actions .btn {
    flex: 0 1 150px !important;
  }
}

@media (max-width: 980px) {
  body.zl-v022.zl-home .home-contact-band .contact-grid {
    grid-template-columns: 1fr !important;
    gap: 34px !important;
  }
}

@media (max-width: 620px) {
  body.zl-v022.zl-product-list .breadcrumb .container {
    height: auto !important;
    min-height: 40px !important;
    padding-top: 7px !important;
    padding-bottom: 7px !important;
  }

  body.zl-v022.zl-home .home-contact-band {
    padding: 52px 0 !important;
  }

  body.zl-v022.zl-home .home-inquiry-form {
    padding: 24px 20px !important;
  }

  body.zl-v022.zl-product-list .product-filter-panel .filter-row {
    grid-template-columns: 1fr !important;
  }

  body.zl-v022.zl-product-list .product-filter-panel .filter-actions {
    grid-column: auto !important;
  }

  body.zl-v022.zl-product-list .product-filter-panel .filter-actions .btn {
    flex: 1 1 0 !important;
  }

  body.zl-v022.zl-product-list .list-toolbar {
    align-items: flex-start !important;
    flex-direction: column !important;
  }
}

/* V02.4 product detail bottom inquiry restored from the final design. */
body.zl-v022.zl-product-detail #contact.contact-band {
  padding: 62px 0 !important;
  background: linear-gradient(110deg, var(--navy), var(--blue-dark)) !important;
}

body.zl-v022.zl-product-detail .product-inquiry-grid {
  display: grid !important;
  grid-template-columns: minmax(0, .85fr) minmax(520px, 1.15fr) !important;
  gap: 45px !important;
  align-items: center !important;
}

body.zl-v022.zl-product-detail .product-inquiry-grid .contact-copy h2 {
  max-width: 680px !important;
  margin: 0 0 18px !important;
  color: #fff !important;
  font-size: clamp(34px, 3.6vw, 52px) !important;
  line-height: 1.12 !important;
}

body.zl-v022.zl-product-detail .product-inquiry-grid .contact-copy > p {
  max-width: 680px !important;
  margin: 0 !important;
  color: #dbe9f6 !important;
  font-size: 16px !important;
}

body.zl-v022.zl-product-detail .product-inquiry-grid .contact-list {
  gap: 14px !important;
  margin-top: 28px !important;
  color: #fff !important;
}

body.zl-v022.zl-product-detail .product-inquiry-form {
  min-width: 0 !important;
  padding: 30px !important;
  border-radius: 14px !important;
  background: #fff !important;
  color: var(--ink) !important;
  box-shadow: 0 18px 42px rgba(6, 29, 48, .18) !important;
}

body.zl-v022.zl-product-detail .product-inquiry-form .cms-inquiry-form {
  margin-top: 0 !important;
}

body.zl-v022.zl-product-detail .product-inquiry-form .form-grid {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 16px 18px !important;
}

body.zl-v022.zl-product-detail .product-inquiry-form .field label {
  display: block !important;
  margin: 0 0 8px !important;
  color: #33485c !important;
  font-size: 12px !important;
  font-weight: 800 !important;
}

body.zl-v022.zl-product-detail .product-inquiry-form input,
body.zl-v022.zl-product-detail .product-inquiry-form textarea {
  width: 100% !important;
  border: 1px solid #cfdbe6 !important;
  border-radius: 7px !important;
  background: #fff !important;
  color: #33485c !important;
  padding: 12px 13px !important;
}

body.zl-v022.zl-product-detail .product-inquiry-form input {
  min-height: 48px !important;
}

body.zl-v022.zl-product-detail .product-inquiry-form input[readonly] {
  background: #f7f9fb !important;
}

body.zl-v022.zl-product-detail .product-inquiry-form textarea {
  min-height: 118px !important;
  resize: vertical !important;
}

body.zl-v022.zl-product-detail .product-inquiry-form .form-actions {
  margin-top: 2px !important;
}

@media (max-width: 980px) {
  body.zl-v022.zl-product-detail .product-inquiry-grid {
    grid-template-columns: 1fr !important;
  }
}

@media (max-width: 620px) {
  body.zl-v022.zl-product-detail #contact.contact-band {
    padding: 52px 0 !important;
  }

  body.zl-v022.zl-product-detail .product-inquiry-form {
    padding: 22px !important;
  }

  body.zl-v022.zl-product-detail .product-inquiry-form .form-grid {
    grid-template-columns: 1fr !important;
  }

  body.zl-v022.zl-product-detail .product-inquiry-form .form-grid .wide {
    grid-column: auto !important;
  }
}

/* V02.4 homepage quick selector and trust strip restored from the final design. */
body.zl-v022.zl-home .quickbar-managed + .quickbar-fallback {
  display: none !important;
}

body.zl-v022.zl-home .home-quick-state {
  grid-column: 1 / -1;
  min-height: 1.3em;
  margin: 0;
  color: #647b91;
  font-size: 13px;
}

body.zl-v022.zl-home [data-home-quick-button][aria-disabled="true"] {
  opacity: .65;
  cursor: not-allowed;
}

body.zl-v022.zl-home .family-icon.has-managed-image {
  width: 64px;
  height: 64px;
  border-radius: 12px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}

body.zl-v022.zl-home [data-managed-home-faq][hidden],
body.zl-v022.zl-home [data-home-family-card][hidden],
body.zl-v022.zl-home [data-home-product-card][hidden],
body.zl-v022.zl-home .home-faq-legacy[hidden] {
  display: none !important;
}

body.zl-v022.zl-home [data-home-product-card] {
  position: relative;
}

body.zl-v022.zl-home .product-card-badge {
  position: absolute;
  z-index: 2;
  top: 12px;
  left: 12px;
  padding: 6px 10px;
  border-radius: 6px;
  background: #2f78be;
  color: #fff;
  font-size: 12px;
  font-weight: 800;
}

body.zl-v022.zl-home .product-card-tags,
body.zl-v022.zl-home .product-card-parameters {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  margin: 10px 0 0;
}

body.zl-v022.zl-home .product-card-tags span,
body.zl-v022.zl-home .product-card-parameters span {
  padding: 4px 8px;
  border-radius: 999px;
  background: #edf5fc;
  color: #1d5f9c;
  font-size: 12px;
  font-weight: 700;
}

body.zl-v022.zl-home .managed-home-faq .faq-answer {
  padding: 0 18px 17px;
  color: #63798e;
}

body.zl-v022.zl-home .quickbar {
  position: relative !important;
  z-index: 5 !important;
  margin-top: -44px !important;
}

body.zl-v022.zl-home .quickbar-inner {
  display: grid !important;
  grid-template-columns: 1.1fr repeat(3, minmax(0, 1fr)) auto !important;
  gap: 12px !important;
  align-items: end !important;
  padding: 22px 18px !important;
  border: 1px solid var(--line) !important;
  border-radius: 12px !important;
  background: #fff !important;
  box-shadow: 0 16px 34px rgba(18, 59, 100, .12) !important;
}

body.zl-v022.zl-home .quickbar-inner .intro h3 {
  margin: 0 0 8px !important;
  font-size: 18px !important;
}

body.zl-v022.zl-home .quickbar-inner .intro p {
  margin: 0 !important;
}

body.zl-v022.zl-home .quickbar-inner .btn {
  min-height: 44px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
}

body.zl-v022.zl-home .trust-strip {
  display: block !important;
  margin-top: 0 !important;
  border-top: 1px solid var(--line) !important;
  border-bottom: 1px solid var(--line) !important;
  background: #fff !important;
}

body.zl-v022.zl-home .trust-grid {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
}

body.zl-v022.zl-home .trust-grid::before,
body.zl-v022.zl-home .trust-grid::after {
  display: none !important;
  content: none !important;
}

body.zl-v022.zl-home .trust-item {
  min-width: 0 !important;
  padding: 24px 20px !important;
  border-right: 1px solid var(--line) !important;
}

body.zl-v022.zl-home .trust-item:last-child {
  border-right: 0 !important;
}

@media (max-width: 980px) {
  body.zl-v022.zl-home .quickbar-inner {
    grid-template-columns: 1fr 1fr !important;
  }

  body.zl-v022.zl-home .quickbar-inner .intro {
    grid-column: 1 / -1 !important;
  }

  body.zl-v022.zl-home .trust-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 620px) {
  body.zl-v022.zl-home .quickbar {
    margin-top: 0 !important;
  }

  body.zl-v022.zl-home .quickbar-inner,
  body.zl-v022.zl-home .trust-grid {
    grid-template-columns: 1fr !important;
  }

  body.zl-v022.zl-home .quickbar-inner .intro {
    grid-column: auto !important;
  }

  body.zl-v022.zl-home .trust-item {
    border-right: 0 !important;
    border-bottom: 1px solid var(--line) !important;
  }
}

/* V02.4 knowledge center: restore the complete designed hero and use real category URLs. */
body.zl-v022.zl-knowledge-list .knowledge-hero-grid {
  min-height: 380px !important;
  grid-template-columns: minmax(0, 1.25fr) minmax(340px, .75fr) !important;
  gap: 54px !important;
}

body.zl-v022.zl-knowledge-list .knowledge-hero-copy {
  min-width: 0 !important;
  padding: 52px 0 !important;
}

body.zl-v022.zl-knowledge-list .knowledge-hero-copy .lead {
  display: block !important;
  min-height: 0 !important;
  max-width: 720px !important;
  margin-bottom: 0 !important;
}

body.zl-v022.zl-knowledge-list .knowledge-stats {
  display: flex !important;
  margin-top: 22px !important;
}

body.zl-v022.zl-knowledge-list .knowledge-filter-list a {
  display: block !important;
  width: 100% !important;
  padding: 12px 10px !important;
  border-bottom: 1px solid #edf1f5 !important;
  background: #fff !important;
  color: var(--ink) !important;
  font-size: 13px !important;
  text-align: left !important;
}

body.zl-v022.zl-knowledge-list .knowledge-filter-list a:hover,
body.zl-v022.zl-knowledge-list .knowledge-filter-list a.active,
body.zl-v022.zl-knowledge-list .knowledge-filter-list:not(:has(a.active)) a:first-child {
  background: var(--soft-blue) !important;
  color: var(--blue-dark) !important;
  font-weight: 900 !important;
}

body.zl-v022.zl-knowledge-list .knowledge-fallback[hidden] {
  display: none !important;
}

body.zl-v022.zl-knowledge-list .knowledge-fallback-title {
  margin: 18px 0 !important;
  padding: 12px 14px !important;
  border-left: 4px solid var(--blue) !important;
  background: #fff !important;
  color: var(--navy) !important;
}

/* V02.4 Contact Us: lock the original final-design module sequence and spacing. */
body.zl-v022 .zl-contact-single .internal-hero-grid {
  grid-template-columns: minmax(0, 1.02fr) minmax(360px, .98fr) !important;
  min-height: 440px !important;
  align-items: stretch !important;
}

body.zl-v022 .zl-contact-single .internal-hero-copy {
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  padding: 58px 0 !important;
}

body.zl-v022 .zl-contact-single .internal-hero-media {
  height: 440px !important;
  min-height: 440px !important;
}

body.zl-v022 .zl-contact-single .contact-page-cards--stable {
  margin-top: -32px !important;
  margin-bottom: 48px !important;
}

body.zl-v022 .zl-contact-single .inquiry-layout {
  display: grid !important;
  grid-template-columns: minmax(0, 1.15fr) minmax(300px, .85fr) !important;
  gap: 30px !important;
  align-items: start !important;
}

body.zl-v022 .zl-contact-single .selection-direct {
  display: grid !important;
  gap: 8px !important;
  margin-top: 22px !important;
  padding-top: 18px !important;
  border-top: 1px solid #c8dceb !important;
}

body.zl-v022 .zl-contact-single .selection-direct b {
  color: var(--navy) !important;
}

body.zl-v022 .zl-contact-single [data-contact-form-grid] select {
  width: 100%;
  min-height: 48px;
  padding: 0 14px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #fff;
  color: var(--navy);
  font: inherit;
}

body.zl-v022 .zl-contact-single [data-contact-extra-wrapper][hidden] {
  display: none !important;
}

body.zl-v022 .zl-contact-single [data-managed-contact-location] .map-card {
  background-repeat: no-repeat;
}

body.zl-v022 .zl-contact-single [data-managed-contact-faq] .faq-answer {
  padding: 0 18px 17px;
  color: #63798e;
}

body.zl-v022 .zl-contact-single .response-grid,
body.zl-v022 .zl-contact-single .location-panel,
body.zl-v022 .zl-contact-single .home-faq {
  width: 100% !important;
}

@media (max-width: 980px) {
  body.zl-v022.zl-knowledge-list .knowledge-hero-grid,
  body.zl-v022 .zl-contact-single .internal-hero-grid,
  body.zl-v022 .zl-contact-single .inquiry-layout,
  body.zl-v022 .zl-contact-single .location-panel {
    grid-template-columns: 1fr !important;
  }

  body.zl-v022.zl-knowledge-list .knowledge-hero-grid {
    gap: 20px !important;
    padding-bottom: 46px !important;
  }

  body.zl-v022 .zl-contact-single .contact-page-cards--stable {
    margin-top: 24px !important;
  }
}

@media (max-width: 620px) {
  body.zl-v022.zl-knowledge-list .knowledge-hero-copy {
    padding: 42px 0 10px !important;
  }

  body.zl-v022.zl-knowledge-list .knowledge-stats {
    display: grid !important;
  }

  body.zl-v022 .zl-contact-single .internal-hero-media {
    height: 300px !important;
    min-height: 300px !important;
  }

  body.zl-v022 .zl-contact-single .response-grid {
    grid-template-columns: 1fr !important;
  }
}

/* V02.4 global quick-contact rail: compact access to the four primary contact methods. */
body.zl-v022 .zl-floating-contact {
  position: fixed;
  top: 50%;
  right: 18px;
  z-index: 84;
  display: grid;
  gap: 7px;
  transform: translateY(-50%);
}

body.zl-v022 .zl-floating-contact__item {
  position: relative;
  display: grid;
  width: 52px;
  height: 52px;
  margin: 0;
  padding: 0;
  place-items: center;
  overflow: visible;
  border: 1px solid rgba(255, 255, 255, .28);
  border-radius: 12px;
  background: #244f78;
  color: #fff;
  box-shadow: 0 8px 22px rgba(8, 45, 78, .2);
  cursor: pointer;
  font: inherit;
  text-decoration: none;
  transition: transform .18s ease, background-color .18s ease, box-shadow .18s ease;
}

body.zl-v022 .zl-floating-contact__item:hover,
body.zl-v022 .zl-floating-contact__item:focus,
body.zl-v022 .zl-floating-contact__item:focus-visible {
  z-index: 2;
  outline: 0;
  background: var(--blue, #2d77bb);
  box-shadow: 0 10px 28px rgba(8, 45, 78, .28);
  transform: translateX(-3px);
}

body.zl-v022 .zl-floating-contact__item--whatsapp {
  background: #20b85a;
}

body.zl-v022 .zl-floating-contact__item--whatsapp:hover,
body.zl-v022 .zl-floating-contact__item--whatsapp:focus,
body.zl-v022 .zl-floating-contact__item--whatsapp:focus-visible {
  background: #159b49;
}

body.zl-v022 .zl-floating-contact__icon,
body.zl-v022 .zl-floating-contact__icon svg {
  display: block;
  width: 25px;
  height: 25px;
}

body.zl-v022 .zl-floating-contact__icon svg {
  fill: none;
  stroke: currentColor;
  stroke-width: 1.8;
  stroke-linecap: round;
  stroke-linejoin: round;
}

body.zl-v022 .zl-floating-contact__item--wechat .zl-floating-contact__icon svg,
body.zl-v022 .zl-floating-contact__item--whatsapp .zl-floating-contact__icon svg {
  fill: currentColor;
  stroke: none;
}

body.zl-v022 .zl-floating-contact__detail {
  position: absolute;
  top: 50%;
  right: 62px;
  display: grid;
  min-width: 210px;
  max-width: min(310px, calc(100vw - 96px));
  gap: 2px;
  padding: 12px 15px;
  border: 1px solid #d4e2ee;
  border-radius: 10px;
  background: #fff;
  color: var(--navy, #0d3e67);
  box-shadow: 0 10px 30px rgba(8, 45, 78, .18);
  opacity: 0;
  pointer-events: none;
  text-align: left;
  transform: translate(10px, -50%);
  transition: opacity .18s ease, transform .18s ease;
  white-space: nowrap;
}

body.zl-v022 .zl-floating-contact__detail::after {
  position: absolute;
  top: 50%;
  right: -6px;
  width: 10px;
  height: 10px;
  border-top: 1px solid #d4e2ee;
  border-right: 1px solid #d4e2ee;
  background: #fff;
  content: "";
  transform: translateY(-50%) rotate(45deg);
}

body.zl-v022 .zl-floating-contact__detail b {
  color: var(--navy, #0d3e67);
  font-size: 13px;
  line-height: 1.35;
}

body.zl-v022 .zl-floating-contact__detail small {
  color: #58728a;
  font-size: 13px;
  line-height: 1.45;
}

body.zl-v022 .zl-floating-contact__item:hover .zl-floating-contact__detail,
body.zl-v022 .zl-floating-contact__item:focus .zl-floating-contact__detail,
body.zl-v022 .zl-floating-contact__item:focus-visible .zl-floating-contact__detail {
  opacity: 1;
  transform: translate(0, -50%);
}

[dir="rtl"] body.zl-v022 .zl-floating-contact__detail,
body[dir="rtl"].zl-v022 .zl-floating-contact__detail {
  direction: rtl;
  text-align: right;
}

@media (max-width: 980px) {
  body.zl-v022 .zl-floating-contact {
    top: auto;
    right: 12px;
    bottom: 70px;
    display: flex;
    gap: 6px;
    transform: none;
  }

  body.zl-v022 .zl-floating-contact__item {
    width: 44px;
    height: 44px;
    border-radius: 50%;
  }

  body.zl-v022 .zl-floating-contact__item--email,
  body.zl-v022 .zl-floating-contact__item--wechat {
    display: none;
  }

  body.zl-v022 .zl-floating-contact__detail {
    display: none;
  }

  body.zl-v022 .zl-floating-contact__icon,
  body.zl-v022 .zl-floating-contact__icon svg {
    width: 22px;
    height: 22px;
  }
}

@media (prefers-reduced-motion: reduce) {
  body.zl-v022 .zl-floating-contact__item,
  body.zl-v022 .zl-floating-contact__detail {
    transition: none;
  }
}

/* v1.9.4: keep product-list card content aligned with the approved design. */
body.zl-v022.zl-product-list .product-card .card-body h3 a {
  display: -webkit-box;
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

body.zl-v022.zl-product-list .product-card .product-summary {
  display: -webkit-box;
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
}

body.zl-v022.zl-product-list .product-card-managed-tags {
  flex-wrap: nowrap;
  gap: 6px;
  min-height: 25px;
  margin: 0 0 14px;
  overflow: hidden;
}

body.zl-v022.zl-product-list .product-card-managed-tags span {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

body.zl-v022.zl-product-list .card-meta {
  align-items: center;
  min-height: 33px;
}

body.zl-v022.zl-product-list .product-card-managed-parameters {
  display: inline-flex;
  min-width: 0;
  margin: 0;
  overflow: hidden;
  white-space: nowrap;
}

body.zl-v022.zl-product-list .product-card-managed-parameters span {
  border: 0;
  border-radius: 0;
  padding: 0;
  background: transparent;
  color: inherit;
  font: inherit;
}

body.zl-v022.zl-product-list .product-card-managed-parameters span + span::before {
  content: " · ";
  white-space: pre;
}

/* P1-6: author display rules must not override the filter/pagination hidden state. */
body.zl-v022.zl-product-list .product-card[hidden],
body.zl-v022.zl-product-list #productListPagination[hidden] {
  display: none !important;
}

/* P3-3: responsive, keyboard and reduced-motion regression fixes. */
body.zl-v022 {
  overflow-wrap: anywhere;
}

body.zl-v022 img,
body.zl-v022 video,
body.zl-v022 svg {
  max-width: 100%;
}

body.zl-v022 .page-layout > *,
body.zl-v022 .detail-top > *,
body.zl-v022 .form-grid > *,
body.zl-v022 .contact-grid > *,
body.zl-v022 .knowledge-layout > *,
body.zl-v022 .article-layout > * {
  min-width: 0;
}

body.zl-v022 :where(a,button,input,select,textarea,summary):focus-visible {
  outline: 3px solid rgba(255, 139, 27, .72);
  outline-offset: 3px;
}

body.zl-v022 :where(#inquiry,#overview,#specifications,#selection,#faq,#related,#product-list-content) {
  scroll-margin-top: 112px;
}

body.zl-v022 .table-scroll,
body.zl-v022 .article-table-scroll,
body.zl-v022 .tabs .container {
  -webkit-overflow-scrolling: touch;
  scrollbar-gutter: stable;
}

body.zl-v022 .zl-floating-contact__item--wechat.is-open {
  z-index: 3;
  background: var(--blue, #2d77bb);
}

body.zl-v022 .zl-floating-contact__item--wechat.is-open .zl-floating-contact__detail {
  opacity: 1;
  transform: translate(0, -50%);
}

@media (max-width: 980px) {
  body.zl-v022 .navlinks.is-open {
    max-height: calc(100dvh - 64px);
    overflow-y: auto;
    overscroll-behavior: contain;
  }

  body.zl-v022 .navlinks a,
  body.zl-v022 .navlinks summary,
  body.zl-v022 .language-menu a {
    min-height: 44px;
  }

  body.zl-v022 .tabs .container {
    display: flex;
    max-width: 100%;
    overflow-x: auto;
    scroll-snap-type: x proximity;
    white-space: nowrap;
  }

  body.zl-v022 .tabs a {
    flex: 0 0 auto;
    scroll-snap-align: start;
  }
}

@media (max-width: 620px) {
  body.zl-v022 input,
  body.zl-v022 select,
  body.zl-v022 textarea,
  body.zl-v022 button {
    max-width: 100%;
  }

  body.zl-v022 .filter-actions,
  body.zl-v022 .quote-actions,
  body.zl-v022 .hero-actions,
  body.zl-v022 .form-actions {
    gap: 10px;
  }

  body.zl-v022 .filter-actions .btn,
  body.zl-v022 .form-actions .btn {
    min-height: 44px;
  }
}

[dir="rtl"] body.zl-v022 .pagination,
[dir="rtl"] body.zl-v022 .pages,
[dir="rtl"] body.zl-v022 .tabs .container,
[dir="rtl"] body.zl-v022 .filter-actions,
[dir="rtl"] body.zl-v022 .quote-actions {
  direction: rtl;
}

[dir="rtl"] body.zl-v022 input[type="email"],
[dir="rtl"] body.zl-v022 input[type="tel"],
[dir="rtl"] body.zl-v022 input[type="url"] {
  direction: ltr;
  text-align: left;
}

@media (prefers-reduced-motion: reduce) {
  body.zl-v022 *,
  body.zl-v022 *::before,
  body.zl-v022 *::after {
    scroll-behavior: auto !important;
    animation-duration: .01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: .01ms !important;
  }
}

/* v1.9.19: keep the Knowledge Center submenu compact and away from the right-side navigation. */
@media (min-width: 981px) {
  body.zl-v022 .header .knowledge-drop > .mega {
    left: -24px !important;
    right: auto !important;
    width: 560px !important;
    max-width: calc(100vw - 48px) !important;
  }

  body.zl-v022 .header .knowledge-drop > .mega .mega-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    column-gap: 16px !important;
  }

  html[dir="rtl"] body.zl-v022 .header .knowledge-drop > .mega {
    left: auto !important;
    right: 0 !important;
  }
}

/* v1.9.22: compact knowledge spacing and secondary breadcrumb bars. */
body.zl-v022.zl-knowledge-list .section-soft {
  padding-top: 18px !important;
}

body.zl-v022.zl-knowledge-list .section-soft > .knowledge-layout {
  padding-top: 0 !important;
}

body.zl-v022.zl-single-page .breadcrumb,
body.zl-v022.zl-knowledge-list .breadcrumb,
body.zl-v022.zl-knowledge-detail .breadcrumb {
  min-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  border-radius: 0 !important;
}

body.zl-v022.zl-single-page .breadcrumb .container,
body.zl-v022.zl-knowledge-list .breadcrumb .container,
body.zl-v022.zl-knowledge-detail .breadcrumb .container {
  height: 38px !important;
  min-height: 38px !important;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  line-height: 1.25 !important;
}

@media (max-width: 620px) {
  body.zl-v022.zl-single-page .breadcrumb .container,
  body.zl-v022.zl-knowledge-list .breadcrumb .container,
  body.zl-v022.zl-knowledge-detail .breadcrumb .container {
    height: auto !important;
    min-height: 38px !important;
    padding-top: 6px !important;
    padding-bottom: 6px !important;
  }
}

/* v1.9.23: make About, Contact and Knowledge use the product-list spacing standard. */
body.zl-v022.zl-product-list .breadcrumb,
body.zl-v022.zl-single-page .breadcrumb,
body.zl-v022.zl-knowledge-list .breadcrumb {
  min-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  border-radius: 0 !important;
}

body.zl-v022.zl-product-list .breadcrumb .container,
body.zl-v022.zl-single-page .breadcrumb .container,
body.zl-v022.zl-knowledge-list .breadcrumb .container {
  height: 38px !important;
  min-height: 38px !important;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  line-height: 1.25 !important;
}

body.zl-v022.zl-single-page .breadcrumb + main > .internal-hero,
body.zl-v022.zl-knowledge-list .breadcrumb + main > .knowledge-hero {
  margin-top: 0 !important;
}

body.zl-v022.zl-knowledge-list .section-soft {
  padding-top: 0 !important;
}

body.zl-v022.zl-knowledge-list .section-soft > .knowledge-layout {
  padding-top: 42px !important;
  padding-bottom: 72px !important;
}

body.zl-v022.zl-knowledge-list .knowledge-feature-section,
body.zl-v022.zl-single-page .zl-about-page > [data-managed-about-overview] {
  padding-top: 42px !important;
}

body.zl-v022.zl-single-page .zl-contact-single > .contact-page-cards--stable {
  margin-top: 42px !important;
}

@media (max-width: 620px) {
  body.zl-v022.zl-product-list .breadcrumb .container,
  body.zl-v022.zl-single-page .breadcrumb .container,
  body.zl-v022.zl-knowledge-list .breadcrumb .container {
    height: auto !important;
    min-height: 40px !important;
    padding-top: 7px !important;
    padding-bottom: 7px !important;
  }

  body.zl-v022.zl-knowledge-list .section-soft > .knowledge-layout,
  body.zl-v022.zl-knowledge-list .knowledge-feature-section,
  body.zl-v022.zl-single-page .zl-about-page > [data-managed-about-overview] {
    padding-top: 24px !important;
  }

  body.zl-v022.zl-single-page .zl-contact-single > .contact-page-cards--stable {
    margin-top: 24px !important;
  }
}

/* v1.9.24: extend the About and Contact hero images to the viewport edge. */
@media (min-width: 981px) {
  body.zl-v022.zl-single-page .zl-about-page > .internal-hero,
  body.zl-v022.zl-single-page .zl-contact-single > .internal-hero {
    overflow: hidden !important;
  }

  body.zl-v022.zl-single-page .zl-about-page > .internal-hero .internal-hero-media,
  body.zl-v022.zl-single-page .zl-contact-single > .internal-hero .internal-hero-media {
    --zl-hero-edge-bleed: max(35px, calc((100vw - 1180px) / 2 + 15px));
    box-sizing: border-box !important;
    width: calc(100% + var(--zl-hero-edge-bleed)) !important;
    max-width: none !important;
    justify-self: start !important;
  }
}