/**
 * Shared Health & Safety–style product blocks (split layout, image overlay pills, benefits grid).
 * Used by health-safety (optional) and manufacturing-productivity-products.
 */
.hs-product-block {
  position: relative;
  z-index: 0;
  isolation: isolate;
  scroll-margin-top: clamp(72px, 12vh, 120px);
  padding: clamp(64px, 9vw, 110px) 0 clamp(56px, 8vw, 96px);
  overflow: hidden;
}
.hs-product-block--wash,
.hs-product-block--ppe {
  background-color: #fff !important;
  background-image: none !important;
}
.hs-product-block::before {
  display: none;
}
.hs-product-block > .w-layout-blockcontainer.container {
  position: relative;
  z-index: 2;
  width: 100%;
  box-sizing: border-box;
}
.hs-product-block__surface {
  position: relative;
  z-index: 0;
  width: 100%;
  max-width: 100%;
  margin: 0;
  box-sizing: border-box;
  background: transparent !important;
  border: none !important;
  border-radius: 0;
  box-shadow: none !important;
  padding: 0;
}
.hs-product-block__split {
  display: grid;
  grid-template-columns: minmax(0, 1.02fr) minmax(0, 1fr);
  gap: clamp(32px, 5vw, 64px);
  align-items: start;
  margin-bottom: clamp(36px, 5vw, 56px);
}
/* Image-first layout: give copy column the wider track */
@media screen and (min-width: 992px) {
  .hs-product-block__split--flip {
    grid-template-columns: minmax(0, 1fr) minmax(0, 1.02fr);
  }
}
@media screen and (max-width: 991px) {
  .hs-product-block__split,
  .hs-product-block__split--flip {
    grid-template-columns: 1fr;
    gap: clamp(28px, 4vw, 40px);
  }
  .hs-product-block__figure {
    order: -1;
  }
}
.hs-product-block__copy {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  text-align: left;
  min-width: 0;
}
.hs-product-block__pill {
  display: inline-block;
  margin: 0 0 clamp(16px, 2.2vw, 22px);
  padding: 0.55em 1.35em 0.52em;
  font-family: Montserrat, sans-serif;
  font-size: clamp(12px, 0.72rem + 0.38vw, 14.5px);
  font-weight: 800;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: #063652;
  background: rgba(56, 182, 255, 0.34);
  border-radius: 999px;
  border: 1px solid rgba(56, 182, 255, 0.52);
  box-shadow: 0 2px 8px rgba(56, 182, 255, 0.25), 0 8px 28px rgba(56, 182, 255, 0.32),
    0 14px 40px rgba(56, 182, 255, 0.18);
  transition: box-shadow 0.25s ease, transform 0.25s ease, border-color 0.25s ease;
}
.hs-product-block__pill--ppe {
  color: #14532d;
  background: rgba(74, 173, 79, 0.26);
  border-color: rgba(74, 173, 79, 0.48);
  box-shadow: 0 2px 8px rgba(74, 173, 79, 0.22), 0 8px 28px rgba(74, 173, 79, 0.28),
    0 14px 42px rgba(34, 197, 94, 0.16);
}
.hs-product-block__pill:hover {
  transform: translateY(-1px);
}
.hs-product-block__copy .hs-product-block__title.section-heading,
.hs-product-block__copy .section-heading {
  text-align: left !important;
  padding-bottom: clamp(10px, 1.4vw, 16px) !important;
  margin: 0 !important;
  font-size: clamp(1.65rem, 1.2rem + 1.6vw, 2.55rem) !important;
  font-weight: 600 !important;
  line-height: 1.2 !important;
  letter-spacing: -0.02em;
  color: #0a1628 !important;
  -webkit-text-fill-color: #0a1628 !important;
}
.hs-product-block__copy .hs-product-block__lead.product-subheading.dark-colour,
.hs-product-block__copy .hs-product-block__prose.product-subheading.dark-colour {
  text-align: left !important;
  max-width: min(40rem, 100%) !important;
  width: 100%;
  margin: 0 0 clamp(14px, 1.8vw, 20px) !important;
  padding: 0 !important;
}
.hs-product-block__copy .hs-product-block__prose {
  margin-bottom: 0 !important;
}
.hs-product-block__figure {
  margin: 0;
  border-radius: clamp(18px, 2.5vw, 28px);
  overflow: hidden;
  box-shadow: 0 20px 50px rgba(0, 35, 70, 0.1), 0 4px 16px rgba(0, 35, 70, 0.04);
  border: 1px solid rgba(0, 35, 70, 0.06);
  position: relative;
  align-self: stretch;
}
.hs-product-block__img {
  display: block;
  width: 100%;
  height: auto;
  border-radius: clamp(18px, 2.5vw, 28px);
}
.hs-product-block__figure--pill-overlay {
  overflow: visible;
  align-self: start;
  background: transparent;
}
.hs-product-block__figure--pill-overlay .hs-product-block__img {
  position: relative;
  z-index: 0;
  display: block;
  width: 100%;
  height: auto;
}
.hs-product-block__features--overlay-pills {
  list-style: none !important;
  margin: 0 !important;
  padding: 0 !important;
  position: absolute;
  inset: 0;
  z-index: 2;
  pointer-events: none;
  box-sizing: border-box;
}
.hs-product-block__features--overlay-pills .hs-product-block__feature--pill {
  pointer-events: auto;
  position: absolute;
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  flex-wrap: nowrap !important;
  gap: 0.52em !important;
  margin: 0 !important;
  padding: 0.62em 1.08em 0.62em 0.85em !important;
  max-width: min(52%, 19.5rem);
  background: rgba(255, 255, 255, 0.52) !important;
  border: 1px solid rgba(255, 255, 255, 0.55) !important;
  border-radius: 999px !important;
  box-shadow: 0 12px 40px rgba(0, 35, 70, 0.12), 0 2px 12px rgba(0, 35, 70, 0.06),
    inset 0 1px 0 rgba(255, 255, 255, 0.65) !important;
  backdrop-filter: blur(20px) saturate(140%);
  -webkit-backdrop-filter: blur(20px) saturate(140%);
  transform: scale(1);
  transition: transform 0.28s cubic-bezier(0.22, 1, 0.36, 1), box-shadow 0.28s ease,
    background 0.28s ease, border-color 0.28s ease;
}
.hs-product-block__features--overlay-pills .hs-product-block__feature--pill:hover {
  z-index: 4;
  transform: scale(1.07);
  background: rgba(255, 255, 255, 0.62) !important;
  border-color: rgba(255, 255, 255, 0.72) !important;
  box-shadow: 0 20px 52px rgba(0, 35, 70, 0.18), 0 4px 16px rgba(0, 35, 70, 0.08),
    inset 0 1px 0 rgba(255, 255, 255, 0.85) !important;
}
.hs-product-block__features--overlay-pills .hs-product-block__check {
  width: 19px !important;
  height: 19px !important;
  flex-shrink: 0 !important;
  margin: 0 !important;
  opacity: 0.94 !important;
}
.hs-product-block__features--overlay-pills .hs-product-block__feature-text {
  font-family: Montserrat, sans-serif !important;
  font-size: clamp(12.5px, 0.78rem + 0.22vw, 15.5px) !important;
  line-height: 1.38 !important;
  font-weight: 500 !important;
  letter-spacing: 0.02em !important;
  color: #334155 !important;
}
.hs-product-block__features--overlay-pills .hs-product-block__feature--pill:nth-child(1) {
  top: clamp(-14px, -2vw, -6px);
  left: clamp(-16px, -2.5vw, -8px);
}
.hs-product-block__features--overlay-pills .hs-product-block__feature--pill:nth-child(2) {
  top: clamp(34%, 18vw, 44%);
  right: clamp(-14px, -2.5vw, -6px);
  left: auto;
}
.hs-product-block__features--overlay-pills .hs-product-block__feature--pill:nth-child(3) {
  bottom: clamp(-18px, -2.8vw, -8px);
  left: clamp(-12px, -2vw, -4px);
  top: auto;
}
@media (prefers-reduced-motion: reduce) {
  .hs-product-block__features--overlay-pills .hs-product-block__feature--pill {
    transition: none !important;
  }
  .hs-product-block__features--overlay-pills .hs-product-block__feature--pill:hover {
    transform: scale(1) !important;
  }
}
@media screen and (max-width: 991px) {
  .hs-product-block__features--overlay-pills .hs-product-block__feature--pill {
    max-width: min(88%, 23rem);
  }
  .hs-product-block__features--overlay-pills .hs-product-block__feature--pill:nth-child(2) {
    top: clamp(38%, 22vw, 50%);
    right: clamp(-10px, -2vw, -4px);
  }
}
@media screen and (max-width: 479px) {
  .hs-product-block__features--overlay-pills .hs-product-block__feature--pill:nth-child(1) {
    left: clamp(-8px, -2vw, -4px);
    top: clamp(-4px, -1vw, 1%);
  }
  .hs-product-block__features--overlay-pills .hs-product-block__feature--pill:nth-child(3) {
    left: clamp(-6px, -1.5vw, -2px);
    bottom: clamp(-12px, -2.5vw, -6px);
  }
}

/* Stacked product blocks (WashWatch layout + PPE / MP variants sharing --wash / --ppe rows) */
.hs-product-block__intro--wash,
.hs-product-block__intro--ppe {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  width: 100%;
  max-width: 100%;
  box-sizing: border-box;
  margin: 0 0 clamp(36px, 5vw, 56px);
}
.hs-product-block__intro--wash .hs-product-block__pill,
.hs-product-block__intro--ppe .hs-product-block__pill {
  margin-left: auto;
  margin-right: auto;
  margin-bottom: clamp(26px, 3.6vw, 42px) !important;
  font-size: clamp(13.5px, 0.74rem + 0.45vw, 16px) !important;
  padding: 0.65em 1.55em 0.6em !important;
}
.hs-product-block__intro--wash .hs-product-block__title.section-heading,
.hs-product-block__intro--wash .section-heading,
.hs-product-block__intro--ppe .hs-product-block__title.section-heading,
.hs-product-block__intro--ppe .section-heading {
  text-align: center !important;
  width: 100%;
  max-width: 100%;
}
.hs-product-block__intro--wash .hs-product-block__lead.product-subheading.dark-colour,
.hs-product-block__intro--ppe .hs-product-block__lead.product-subheading.dark-colour {
  text-align: center !important;
  max-width: none !important;
  width: 100% !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
  box-sizing: border-box !important;
}
.hs-product-block__prose--wash-below.product-subheading.dark-colour,
.hs-product-block__prose--ppe-below.product-subheading.dark-colour {
  text-align: center !important;
  max-width: none !important;
  width: 100% !important;
  margin: 0 0 clamp(32px, 5vw, 52px) !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
  box-sizing: border-box !important;
}
.hs-product-block__media-row--wash,
.hs-product-block__media-row--ppe {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  gap: clamp(28px, 5vw, 52px);
  align-items: center;
  width: 100%;
  box-sizing: border-box;
  margin: 0 0 clamp(36px, 5vw, 56px);
}
/* Same frame height as WashWatch hero screenshot (2558×1380); crops taller/shorter assets via cover */
.hs-product-block__figure--wash-media,
.hs-product-block__figure--ppe-media {
  margin: 0;
  min-width: 0;
  aspect-ratio: 2558 / 1380;
}
.hs-product-block__figure--wash-media .hs-product-block__img,
.hs-product-block__figure--ppe-media .hs-product-block__img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}
.hs-product-block__features--sidebar-icons {
  list-style: none !important;
  margin: 0 !important;
  padding: 0 !important;
  display: flex;
  flex-direction: column;
  gap: clamp(14px, 2.2vw, 20px);
  min-width: 0;
  width: 100%;
}
.hs-product-block__feature--sidebar {
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  gap: clamp(12px, 2vw, 16px) !important;
  margin: 0 !important;
  padding: clamp(6px, 1vw, 10px) 0 !important;
  width: 100%;
  max-width: 100%;
  box-sizing: border-box;
  background: transparent !important;
  border: none !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}
.hs-product-block__feature--sidebar:hover {
  transform: none !important;
  border: none !important;
  box-shadow: none !important;
}
.hs-product-block__feature-icon-wrap {
  flex-shrink: 0;
  width: 52px;
  height: 52px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 0;
  background: transparent;
  border: none;
}
.hs-product-block__feature-icon {
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  display: block;
  margin: 0 !important;
  opacity: 0.95;
}
.hs-product-block__features--sidebar-icons .hs-product-block__feature-text {
  font-family: Montserrat, sans-serif !important;
  font-size: clamp(17px, 0.86rem + 0.28vw, 19px) !important;
  line-height: 1.65 !important;
  font-weight: 400 !important;
  color: #4a5764 !important;
  -webkit-text-fill-color: #4a5764 !important;
  text-align: left !important;
}
@media screen and (max-width: 991px) {
  .hs-product-block__media-row--wash,
  .hs-product-block__media-row--ppe {
    grid-template-columns: 1fr;
    gap: clamp(24px, 4vw, 36px);
  }
  .hs-product-block__figure--wash-media,
  .hs-product-block__figure--ppe-media {
    order: -1;
  }
}
@media (prefers-reduced-motion: reduce) {
  .hs-product-block__feature--sidebar:hover {
    transform: none !important;
  }
}

.hs-product-block__benefits {
  margin-top: 0;
  padding-top: clamp(28px, 4vw, 44px);
  border-top: none;
}
.hs-product-block__benefits-title {
  margin: 0 0 clamp(22px, 3vw, 32px) !important;
  text-align: center !important;
}
.hs-product-block__benefits-grid {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: clamp(16px, 2.5vw, 22px) !important;
  width: 100% !important;
  align-items: stretch !important;
  padding: 0 !important;
}
@media screen and (max-width: 991px) {
  .hs-product-block__benefits-grid {
    grid-template-columns: 1fr !important;
  }
}
.hs-product-block .benefit-number {
  font-family: Montserrat, sans-serif !important;
  color: #38b6ff !important;
  -webkit-text-fill-color: #38b6ff !important;
  font-size: clamp(2rem, 1.65rem + 1.2vw, 2.85rem) !important;
  font-weight: 600 !important;
  letter-spacing: -0.02em !important;
  line-height: 1.15 !important;
}
.hs-product-block--ppe .benefit-number {
  color: #38b6ff !important;
  -webkit-text-fill-color: #38b6ff !important;
}
.hs-product-block .benefit-heading {
  font-family: Montserrat, sans-serif !important;
  font-size: clamp(0.98rem, 0.9rem + 0.25vw, 1.12rem) !important;
  font-weight: 600 !important;
  color: #475569 !important;
  -webkit-text-fill-color: #475569 !important;
  line-height: 1.45 !important;
}
.hs-product-block .benefit-text {
  font-family: Montserrat, sans-serif !important;
  font-size: clamp(16px, 0.9rem + 0.35vw, 18.5px) !important;
  font-weight: 400 !important;
  color: #4a5764 !important;
  -webkit-text-fill-color: #4a5764 !important;
  line-height: 1.65 !important;
}
.hs-product-block .section-heading.benefits {
  font-family: Montserrat, sans-serif !important;
  font-weight: 600 !important;
  color: #334155 !important;
  -webkit-text-fill-color: #334155 !important;
  text-align: center !important;
  letter-spacing: 0.02em !important;
}
.hs-product-block .benefits-heading-cell {
  text-align: center !important;
}
.hs-product-block--wash .benefit-cell {
  position: relative !important;
  overflow: hidden !important;
  border-radius: 16px !important;
  border: 1px solid rgba(255, 255, 255, 0.12) !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  box-shadow: 0 4px 24px rgba(0, 35, 70, 0.35), inset 0 1px 0 rgba(255, 255, 255, 0.06) !important;
  transition: border-color 0.32s ease, box-shadow 0.32s ease, transform 0.32s ease !important;
}
.hs-product-block--wash .benefit-cell:nth-child(1) {
  background: linear-gradient(160deg, #001329 0%, #002346 55%, #063652 100%) !important;
}
.hs-product-block--wash .benefit-cell:nth-child(2) {
  background: linear-gradient(160deg, #002346 0%, #032d47 50%, #074060 100%) !important;
}
.hs-product-block--wash .benefit-cell:nth-child(3) {
  background: linear-gradient(165deg, #001c33 0%, #023556 45%, #084868 100%) !important;
}
.hs-product-block--wash .benefit-cell:hover {
  border-color: rgba(56, 182, 255, 0.35) !important;
  box-shadow: 0 8px 32px rgba(0, 35, 70, 0.45), 0 0 0 1px rgba(56, 182, 255, 0.2),
    inset 0 1px 0 rgba(255, 255, 255, 0.08) !important;
  transform: translateY(-3px);
}
.hs-product-block--ppe .benefit-cell {
  position: relative !important;
  overflow: hidden !important;
  border-radius: 16px !important;
  border: 1px solid rgba(255, 255, 255, 0.12) !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  box-shadow: 0 4px 24px rgba(0, 35, 70, 0.35), inset 0 1px 0 rgba(255, 255, 255, 0.06) !important;
  transition: border-color 0.32s ease, box-shadow 0.32s ease, transform 0.32s ease !important;
}
.hs-product-block--ppe .benefit-cell:nth-child(1) {
  background: linear-gradient(160deg, #001329 0%, #002346 55%, #063652 100%) !important;
}
.hs-product-block--ppe .benefit-cell:nth-child(2) {
  background: linear-gradient(160deg, #002346 0%, #032d47 50%, #074060 100%) !important;
}
.hs-product-block--ppe .benefit-cell:nth-child(3) {
  background: linear-gradient(165deg, #001c33 0%, #023556 45%, #084868 100%) !important;
}
.hs-product-block--ppe .benefit-cell:hover {
  border-color: rgba(56, 182, 255, 0.35) !important;
  box-shadow: 0 8px 32px rgba(0, 35, 70, 0.45), 0 0 0 1px rgba(56, 182, 255, 0.2),
    inset 0 1px 0 rgba(255, 255, 255, 0.08) !important;
  transform: translateY(-3px);
}
.hs-product-block--wash .benefit-heading,
.hs-product-block--ppe .benefit-heading {
  color: rgba(247, 247, 253, 0.92) !important;
  -webkit-text-fill-color: rgba(247, 247, 253, 0.92) !important;
}
.hs-product-block--wash .benefit-text,
.hs-product-block--ppe .benefit-text {
  color: rgba(226, 236, 245, 0.88) !important;
  -webkit-text-fill-color: rgba(226, 236, 245, 0.88) !important;
}
.hs-product-block--wash .benefit-text a,
.hs-product-block--wash .benefit-text .link,
.hs-product-block--wash .benefit-text .link-2,
.hs-product-block--ppe .benefit-text a,
.hs-product-block--ppe .benefit-text .link,
.hs-product-block--ppe .benefit-text .link-2 {
  color: #7dd3fc !important;
}
.hs-product-block--wash .benefit-text a:hover,
.hs-product-block--ppe .benefit-text a:hover {
  color: #bae6fd !important;
}
.hs-product-block--wash .benefit-text .text-span,
.hs-product-block--ppe .benefit-text .text-span {
  color: inherit !important;
}
.hs-product-block--wash .benefit-heading sub,
.hs-product-block--wash .benefit-heading .credit-name,
.hs-product-block--ppe .benefit-heading sub,
.hs-product-block--ppe .benefit-heading .credit-name {
  color: rgba(226, 236, 245, 0.72) !important;
  -webkit-text-fill-color: rgba(226, 236, 245, 0.72) !important;
}
@media (prefers-reduced-motion: reduce) {
  .hs-product-block--wash .benefit-cell,
  .hs-product-block--wash .benefit-cell:hover,
  .hs-product-block--ppe .benefit-cell,
  .hs-product-block--ppe .benefit-cell:hover {
    transform: none !important;
  }
}

/* ── WashWatch mosaic: intro | tall media; full-bleed feature strip row ── */
.hs-product-block__wash-mosaic {
  position: relative;
  z-index: 0;
  isolation: isolate;
  width: 100%;
  margin: 0 0 clamp(36px, 5vw, 56px);
  box-sizing: border-box;
}
.hs-product-block__wash-mosaic-top {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  grid-template-rows: auto auto;
  gap: clamp(28px, 4vw, 52px);
  align-items: start;
  width: 100%;
  box-sizing: border-box;
}
.hs-product-block__wash-mosaic-intro {
  grid-column: 1;
  grid-row: 1;
  text-align: left;
  padding: 0;
  box-sizing: border-box;
  position: relative;
  z-index: 2;
  min-width: 0;
}
.hs-product-block__wash-mosaic-intro .hs-product-block__pill {
  margin-left: 0 !important;
  margin-right: 0 !important;
  margin-bottom: clamp(18px, 2.5vw, 26px) !important;
}
.hs-product-block__wash-mosaic-intro .hs-product-block__title.section-heading,
.hs-product-block__wash-mosaic-intro .section-heading {
  text-align: left !important;
  width: 100%;
  max-width: 42rem;
}
.hs-product-block__wash-mosaic-intro .hs-product-block__lead.product-subheading.dark-colour {
  text-align: left !important;
  max-width: min(40rem, 100%) !important;
  width: 100% !important;
  margin-bottom: 0 !important;
}
.hs-product-block__wash-mosaic-intro .hs-product-block__lead.product-subheading.dark-colour + .hs-product-block__lead.product-subheading.dark-colour {
  margin-top: clamp(14px, 2vw, 20px) !important;
}
.hs-product-block__wash-mosaic-media {
  grid-column: 2;
  grid-row: 1 / span 2;
  margin: 0;
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: clamp(12px, 2vw, 18px);
  position: relative;
  z-index: 2;
  align-self: start;
}
.hs-product-block__wash-mosaic-media .hs-product-block__figure {
  width: 100%;
  margin: 0;
  border-radius: clamp(16px, 2.2vw, 24px);
  overflow: hidden;
  box-shadow: 0 24px 56px rgba(0, 35, 70, 0.12), 0 8px 24px rgba(0, 35, 70, 0.06);
  border: 1px solid rgba(0, 35, 70, 0.06);
  background: #f4f7fa;
}
/* Dashboard mock: single wide before/after compare (replaces paired thumbnails) */
.hs-product-block__wash-mosaic-media .hs-product-block__wash-mosaic-compare.hs-product-block__img-compare {
  width: 100%;
  margin: 0;
  border-radius: clamp(12px, 1.8vw, 20px);
  overflow: hidden;
  box-shadow: 0 10px 28px rgba(0, 35, 70, 0.09), 0 4px 12px rgba(0, 35, 70, 0.05);
  border: 1px solid rgba(0, 35, 70, 0.06);
  background: #f4f7fa;
}
.hs-product-block__img-compare-track {
  position: relative;
  width: 100%;
  aspect-ratio: 16 / 10;
  --compare: 50%;
  touch-action: none;
  user-select: none;
  -webkit-user-select: none;
}
.hs-product-block__img-compare-track .hs-product-block__img-compare-layer {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: left center;
  display: block;
  margin: 0;
  border-radius: 0;
}
.hs-product-block__img-compare-layer--under {
  z-index: 1;
}
.hs-product-block__img-compare-layer--top {
  z-index: 2;
  clip-path: inset(0 calc(100% - var(--compare, 50%)) 0 0);
  pointer-events: none;
}
.hs-product-block__img-compare-handle {
  position: absolute;
  top: 0;
  bottom: 0;
  left: var(--compare, 50%);
  z-index: 3;
  width: 44px;
  margin: 0;
  padding: 0;
  border: 0;
  background: transparent;
  transform: translateX(-50%);
  cursor: ew-resize;
  touch-action: none;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.hs-product-block__img-compare-handle-line {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 50%;
  width: 3px;
  transform: translateX(-50%);
  background: #fff;
  box-shadow: 0 0 10px rgba(0, 35, 70, 0.12);
  pointer-events: none;
}
.hs-product-block__img-compare-handle-knob {
  position: relative;
  width: 38px;
  height: 38px;
  border-radius: 50%;
  background: #fff;
  box-shadow: 0 2px 14px rgba(0, 35, 70, 0.18);
  display: flex;
  align-items: center;
  justify-content: center;
  pointer-events: none;
}
.hs-product-block__img-compare-handle:focus {
  outline: none;
}
.hs-product-block__img-compare-handle:focus-visible {
  outline: 2px solid #f97316;
  outline-offset: 3px;
}
.hs-product-block__img-compare-handle.is-dragging .hs-product-block__img-compare-handle-knob {
  box-shadow: 0 4px 20px rgba(0, 35, 70, 0.22);
}
.hs-product-block__wash-mosaic-media .hs-product-block__img-compare-track .hs-product-block__img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: left center;
}
.hs-product-block__figure.hs-product-block__figure--wash-mosaic {
  aspect-ratio: auto !important;
}
.hs-product-block__wash-mosaic-media .hs-product-block__img {
  display: block;
  width: 100%;
  height: auto;
  object-fit: contain;
  object-position: center;
  border-radius: inherit;
}
.hs-product-block__wash-mosaic-strip.hs-product-block__wash-mosaic-strip--fullbleed {
  grid-column: 1 / -1;
  grid-row: 2;
  width: 100vw;
  max-width: none;
  margin-left: calc(50% - 50vw);
  margin-right: calc(50% - 50vw);
  margin-top: clamp(6px, 1.5vw, 14px);
  padding: clamp(36px, 6.5vw, 72px) 0;
  box-sizing: border-box;
  background: #eef1f5;
  position: relative;
  z-index: 1;
}
.hs-product-block__wash-mosaic-strip-inner {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  gap: clamp(28px, 4vw, 52px);
  align-items: start;
  width: 100%;
  max-width: none;
  margin: 0;
  /* Match centered `.container` (max-width 1600px — overrides Webflow 940px block container) */
  padding-left: max(clamp(16px, 4vw, 24px), calc((100vw - min(1600px, 100vw)) / 2));
  padding-right: max(clamp(16px, 4vw, 24px), calc((100vw - min(1600px, 100vw)) / 2));
  box-sizing: border-box;
}
.hs-product-block__wash-mosaic-strip-features-col {
  grid-column: 1;
  min-width: 0;
}
.hs-product-block__wash-mosaic-strip-spacer {
  grid-column: 2;
  min-width: 0;
  pointer-events: none;
}
.hs-product-block__wash-mosaic-features {
  list-style: none !important;
  margin: 0 !important;
  padding: 0 !important;
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: clamp(16px, 3vw, 36px);
  width: 100%;
  box-sizing: border-box;
}
.hs-product-block__wash-mosaic-strip--fullbleed .hs-product-block__wash-mosaic-features > li {
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  gap: clamp(12px, 2vw, 16px) !important;
  margin: 0 !important;
  padding: 0 !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}
.hs-product-block__wash-mosaic-strip--fullbleed .hs-product-block__feature-icon-wrap {
  width: 39px !important;
  height: 39px !important;
  border-radius: 10px !important;
  background: #4493f0 !important;
  box-shadow: none !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}
.hs-product-block__wash-mosaic-strip--fullbleed .hs-product-block__feature-icon {
  width: 18px !important;
  height: 18px !important;
  filter: none !important;
  opacity: 1 !important;
  display: block !important;
}
.hs-product-block__wash-mosaic-strip--fullbleed .hs-product-block__feature-text {
  font-family: Montserrat, sans-serif !important;
  font-size: clamp(11px, 0.7rem + 0.2vw, 13px) !important;
  line-height: 1.4 !important;
  font-weight: 400 !important;
  color: #4a5764 !important;
  -webkit-text-fill-color: #4a5764 !important;
  text-align: left !important;
  max-width: 18rem;
}
@media screen and (max-width: 991px) {
  .hs-product-block__wash-mosaic-top {
    grid-template-columns: 1fr;
    grid-template-rows: auto auto auto;
    gap: clamp(22px, 4vw, 32px);
  }
  .hs-product-block__wash-mosaic-intro {
    grid-column: 1;
    grid-row: 1;
  }
  .hs-product-block__wash-mosaic-media {
    grid-column: 1;
    grid-row: 2;
  }
  .hs-product-block__wash-mosaic-strip.hs-product-block__wash-mosaic-strip--fullbleed {
    grid-column: 1;
    grid-row: 3;
  }
  .hs-product-block__wash-mosaic-strip-inner {
    grid-template-columns: 1fr;
    gap: 0;
  }
  .hs-product-block__wash-mosaic-strip-spacer {
    display: none;
  }
  .hs-product-block__wash-mosaic-strip-features-col {
    grid-column: 1;
  }
  .hs-product-block__wash-mosaic-features {
    grid-template-columns: 1fr !important;
    gap: clamp(18px, 4vw, 26px) !important;
  }
  .hs-product-block__wash-mosaic-strip--fullbleed .hs-product-block__feature-text {
    max-width: none;
  }
}
@media screen and (max-width: 767px) {
  .hs-product-block__wash-mosaic-strip-inner {
    padding-left: clamp(16px, 4vw, 24px);
    padding-right: clamp(16px, 4vw, 24px);
  }
}

/* "And more" footer between product blocks */
.hs-products-more-footer {
  width: 100%;
  max-width: min(1680px, 94vw);
  margin: 0 auto;
  padding: clamp(40px, 6vw, 72px) clamp(24px, 3vw, 48px) clamp(40px, 6vw, 72px);
  text-align: center;
  box-sizing: border-box;
  position: relative;
  z-index: 2;
}

.hs-products-more-footer .hs-product-divider {
  margin: 0 0 clamp(40px, 6vw, 72px) !important;
}

.hs-products-more-footer__heading {
  font-size: clamp(2rem, 4.2vw, 3.35rem) !important;
  font-weight: 600 !important;
  line-height: 1.08 !important;
  color: #0a1628 !important;
  -webkit-text-fill-color: #0a1628 !important;
  margin: 0 0 clamp(4px, 0.6vw, 8px) !important;
  padding: 0 !important;
  letter-spacing: 0.01em !important;
  text-shadow:
    0 0 18px rgba(56, 182, 255, 0.42),
    0 0 36px rgba(56, 182, 255, 0.28),
    0 0 56px rgba(56, 182, 255, 0.14) !important;
}

.hs-products-more-footer__subtext {
  font-size: clamp(calc(1.125rem - 2px), calc(1.45vw - 2px), calc(1.75rem - 2px)) !important;
  line-height: 1.55 !important;
  font-weight: 300 !important;
  letter-spacing: 0.02em !important;
  color: #4a5764 !important;
  -webkit-text-fill-color: #4a5764 !important;
  margin: 0 auto !important;
  padding: 0 !important;
  max-width: min(36rem, 100%) !important;
}