/* Scoped refinements for the multilingual homepage awards, product families and enquiry sections. */

.complete-renovation.home-page .cr-awards {
  background: #0d1014;
  padding: 64px 0;
}

.complete-renovation.home-page .cr-awards .cr-section-head {
  max-width: 900px;
  margin-bottom: 34px;
}

.complete-renovation.home-page .cr-award-layout {
  display: grid;
  grid-template-columns: 1fr;
  gap: 24px;
}

.complete-renovation.home-page .cr-award-marks {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 14px;
  border: 0;
  background: transparent;
}

.complete-renovation.home-page .cr-award-mark {
  flex: 0 0 calc((100% - 42px) / 4);
  min-width: 0;
  height: 140px;
  min-height: 140px;
  display: grid;
  place-items: center;
  padding: 24px 18px;
  box-sizing: border-box;
  border: 1px solid rgba(14, 17, 21, 0.18);
  border-radius: 3px;
  background: #f2efe7;
}

.complete-renovation.home-page .cr-award-mark img {
  width: auto;
  max-width: 120px;
  height: auto;
  max-height: 92px;
  display: block;
  object-fit: contain;
}

.complete-renovation.home-page .cr-award-product {
  display: grid;
  grid-template-columns: 24% 24% 52%;
  gap: 0;
  align-items: center;
  height: 194px;
  max-height: 194px;
  overflow: hidden;
  padding: 0;
  border: 0;
  border-top: 1px solid var(--cr-border);
  border-bottom: 1px solid var(--cr-border);
  border-radius: 0;
  background: #111419;
}

.complete-renovation.home-page .cr-award-product-media {
  height: 192px;
  min-height: 192px;
  display: grid;
  place-items: center;
  overflow: hidden;
  padding: 0;
  background: #0d1014;
}

.complete-renovation.home-page .cr-award-product-media img {
  width: 300px;
  max-width: none;
  max-height: none;
  height: auto;
  object-fit: contain;
}

.complete-renovation.home-page .cr-award-product-meta,
.complete-renovation.home-page .cr-award-product-copy {
  min-width: 0;
  padding: 20px 30px;
  border-left: 1px solid var(--cr-border);
}

.complete-renovation.home-page .cr-award-product-meta {
  display: grid;
  align-self: stretch;
  place-items: center start;
}

.complete-renovation.home-page .cr-award-product-meta .cr-eyebrow {
  max-width: 18ch;
  margin: 0;
}

.complete-renovation.home-page .cr-award-product h3 {
  margin-bottom: 6px;
}

.complete-renovation.home-page .cr-award-product-copy p {
  margin: 0 0 8px;
  font-size: 15px;
}

.complete-renovation.home-page .cr-awards .cr-note {
  margin-top: 18px;
}

.complete-renovation.home-page .cr-family {
  min-width: 0;
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: 220px 1fr;
  border-radius: 4px;
}

.complete-renovation.home-page .cr-family-media {
  position: relative;
  min-height: 0;
  display: grid;
  place-items: center;
  overflow: hidden;
  padding: 14px;
  border-right: 0;
  border-bottom: 1px solid var(--cr-border);
}

.complete-renovation.home-page .cr-family-media img {
  position: static;
  width: auto;
  height: auto;
  max-width: 100%;
  max-height: 192px;
  display: block;
  object-fit: contain;
  object-position: center;
  filter: drop-shadow(0 18px 28px rgba(0, 0, 0, 0.32));
}

.complete-renovation.home-page .cr-family-product--control {
  max-width: 78% !important;
  max-height: 192px !important;
}

.complete-renovation.home-page .cr-family-product--comfort {
  width: min(36%, 126px) !important;
  max-width: 126px !important;
  max-height: 126px !important;
}

.complete-renovation.home-page .cr-family-product--protection {
  max-width: 212px !important;
  max-height: 212px !important;
}

.complete-renovation.home-page .cr-family-media--protection {
  padding: 0;
}

.complete-renovation.home-page .cr-family-product--infrastructure {
  width: min(30%, 116px) !important;
  max-width: 116px !important;
  max-height: 116px !important;
}

.complete-renovation.home-page .cr-family-body {
  padding: 18px 24px 19px;
}

.complete-renovation.home-page .cr-family-body > span {
  margin-bottom: 9px;
}

.complete-renovation.home-page .cr-family p {
  margin-top: 10px;
  font-size: 16px;
  line-height: 1.55;
}

.complete-renovation.home-page .cr-family .cr-btn {
  margin-top: 12px;
}

@media (max-width: 760px) {
  .complete-renovation.home-page .cr-awards {
    padding: 56px 0;
  }

  .complete-renovation.home-page .cr-award-marks {
    gap: 12px;
  }

  .complete-renovation.home-page .cr-award-mark {
    flex-basis: calc((100% - 12px) / 2);
    height: 126px;
    min-height: 126px;
    padding: 18px;
    border: 1px solid rgba(14, 17, 21, 0.18);
  }

  .complete-renovation.home-page .cr-award-mark img {
    max-width: 104px;
    max-height: 86px;
  }

  .complete-renovation.home-page .cr-family {
    grid-template-columns: 1fr;
    grid-template-rows: 220px 1fr;
  }

  .complete-renovation.home-page .cr-family-media {
    min-height: 220px;
    border-right: 0;
    border-bottom: 1px solid var(--cr-border);
  }

  .complete-renovation.home-page .cr-award-product {
    grid-template-columns: minmax(0, 44%) minmax(0, 56%);
    grid-template-areas:
      "media meta"
      "copy copy";
    height: auto;
    max-height: none;
  }

  .complete-renovation.home-page .cr-award-product-media {
    grid-area: media;
    height: 160px;
    min-height: 160px;
    padding: 0;
  }

  .complete-renovation.home-page .cr-award-product-media img {
    width: 240px;
    max-width: none;
    max-height: none;
  }

  .complete-renovation.home-page .cr-award-product-meta {
    grid-area: meta;
    padding: 20px;
    border-top: 0;
    border-left: 1px solid var(--cr-border);
    place-items: center start;
  }

  .complete-renovation.home-page .cr-award-product-copy {
    grid-area: copy;
    padding: 20px 0 18px;
    border-top: 1px solid var(--cr-border);
    border-left: 0;
  }
}

@media (max-width: 380px) {
  .complete-renovation.home-page .cr-family-media {
    min-height: 220px;
  }
}