/* Shared Hero-integrated trust rail for the Renovations hub and service pages. */
body[data-business="renovations"]:not(:has(input[name="source_page"][value="/renovations/kitchen-renovations/"])) .hero--with-trust-rail {
  --renovation-hero-rail-gold: #f5b035;
  --renovation-hero-rail-bg: #f7f4ee;
  --renovation-hero-rail-title: #123047;
  --renovation-hero-rail-copy: #536978;
  --renovation-hero-rail-divider: rgba(18, 48, 71, 0.1);
  display: flex;
  flex-direction: column;
}

body[data-business="renovations"]:not(:has(input[name="source_page"][value="/renovations/kitchen-renovations/"])) .hero--with-trust-rail .hero-trust-rail {
  position: relative;
  z-index: 3;
  min-height: var(--dk-service-hero-rail-height, 87px);
  flex: 0 0 var(--dk-service-hero-rail-height, 87px);
  border-top: 1px solid var(--renovation-hero-rail-divider);
  background: var(--renovation-hero-rail-bg);
  background-image: none;
}

body[data-business="renovations"]:not(:has(input[name="source_page"][value="/renovations/kitchen-renovations/"])) .hero--with-trust-rail .hero-trust-rail__inner {
  width: min(1400px, calc(100% - 88px));
  min-height: var(--dk-service-hero-rail-height, 87px);
  margin-inline: auto;
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  align-items: stretch;
  outline: none;
}

body[data-business="renovations"]:not(:has(input[name="source_page"][value="/renovations/kitchen-renovations/"])) .hero--with-trust-rail .hero-trust-rail__inner:focus-visible {
  box-shadow: inset 0 0 0 2px rgba(245, 176, 53, 0.72);
}

body[data-business="renovations"]:not(:has(input[name="source_page"][value="/renovations/kitchen-renovations/"])) .hero--with-trust-rail .hero-trust-rail__item {
  position: relative;
  min-width: 0;
  padding: 14px 24px;
  display: flex;
  align-items: center;
  gap: 13px;
}

body[data-business="renovations"]:not(:has(input[name="source_page"][value="/renovations/kitchen-renovations/"])) .hero--with-trust-rail .hero-trust-rail__item + .hero-trust-rail__item {
  border-left: 1px solid var(--renovation-hero-rail-divider);
}

body[data-business="renovations"]:not(:has(input[name="source_page"][value="/renovations/kitchen-renovations/"])) .hero--with-trust-rail .hero-trust-rail__icon {
  width: 31px;
  height: 31px;
  flex: 0 0 31px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: var(--renovation-hero-rail-gold);
}

body[data-business="renovations"]:not(:has(input[name="source_page"][value="/renovations/kitchen-renovations/"])) .hero--with-trust-rail .hero-trust-rail__icon svg {
  width: 100%;
  height: 100%;
  display: block;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.7;
  stroke-linecap: round;
  stroke-linejoin: round;
}

body[data-business="renovations"]:not(:has(input[name="source_page"][value="/renovations/kitchen-renovations/"])) .hero--with-trust-rail .hero-trust-rail__copy {
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 3px;
}

body[data-business="renovations"]:not(:has(input[name="source_page"][value="/renovations/kitchen-renovations/"])) .hero--with-trust-rail .hero-trust-rail__copy strong {
  color: var(--renovation-hero-rail-title);
  font-size: 15px;
  font-weight: 700;
  line-height: 1.25;
}

body[data-business="renovations"]:not(:has(input[name="source_page"][value="/renovations/kitchen-renovations/"])) .hero--with-trust-rail .hero-trust-rail__copy span {
  color: var(--renovation-hero-rail-copy);
  font-size: 13px;
  font-weight: 500;
  line-height: 1.3;
}

@media (min-width: 1600px) {
  body[data-business="renovations"]:not(:has(input[name="source_page"][value="/renovations/kitchen-renovations/"])) .hero--with-trust-rail .hero-trust-rail__inner {
    width: min(1760px, calc(100% - 112px));
  }
}

@media (min-width: 1800px) {
  body[data-business="renovations"]:not(:has(input[name="source_page"][value="/renovations/kitchen-renovations/"])) .hero--with-trust-rail .hero-trust-rail__inner {
    width: min(1840px, calc(100% - 144px));
  }
}

/* Compact only the visible Hero form. Modal forms keep their existing dimensions. */
html:root:root:root:root:root body[data-business="renovations"]:not(:has(input[name="source_page"][value="/renovations/kitchen-renovations/"])) .hero--with-trust-rail .consultation-form.consultation-form--hero {
  padding: 22px !important;
}

html:root:root:root:root:root body[data-business="renovations"]:not(:has(input[name="source_page"][value="/renovations/kitchen-renovations/"])) .hero--with-trust-rail .consultation-form--hero > .consultation-form__supporting {
  margin-top: 6px !important;
}

html:root:root:root:root:root body[data-business="renovations"]:not(:has(input[name="source_page"][value="/renovations/kitchen-renovations/"])) .hero--with-trust-rail .consultation-form--hero > .consultation-form__phone {
  margin-top: 12px !important;
}

html:root:root:root:root:root body[data-business="renovations"]:not(:has(input[name="source_page"][value="/renovations/kitchen-renovations/"])) .hero--with-trust-rail .consultation-form--hero .consultation-form__fields {
  gap: 8px !important;
  margin-top: 12px !important;
}

html:root:root:root:root:root body[data-business="renovations"]:not(:has(input[name="source_page"][value="/renovations/kitchen-renovations/"])) .hero--with-trust-rail .consultation-form--hero .consultation-form__fields input:not([type="hidden"]),
html:root:root:root:root:root body[data-business="renovations"]:not(:has(input[name="source_page"][value="/renovations/kitchen-renovations/"])) .hero--with-trust-rail .consultation-form--hero .consultation-form__fields select {
  height: 46px !important;
  min-height: 46px !important;
  padding-top: 10px !important;
  padding-bottom: 10px !important;
}

html:root:root:root:root:root body[data-business="renovations"]:not(:has(input[name="source_page"][value="/renovations/kitchen-renovations/"])) .hero--with-trust-rail .consultation-form--hero .consultation-form__fields textarea {
  height: 82px !important;
  min-height: 82px !important;
}

html:root:root:root:root:root body[data-business="renovations"]:not(:has(input[name="source_page"][value="/renovations/kitchen-renovations/"])) .hero--with-trust-rail .consultation-form--hero .consultation-form__fields .consultation-form__submit {
  height: 50px !important;
  min-height: 50px !important;
}

html:root:root:root:root:root body[data-business="renovations"]:not(:has(input[name="source_page"][value="/renovations/kitchen-renovations/"])) .hero--with-trust-rail .consultation-form--hero > .consultation-form__reassurance {
  margin-top: 8px !important;
}

@media (min-width: 1025px) {
  body[data-business="renovations"]:not(:has(input[name="source_page"][value="/renovations/kitchen-renovations/"])) .hero--hub-trust-rail > .hero-inner {
    min-height: 566px !important;
    padding-top: 24px !important;
    padding-bottom: 24px !important;
  }

  body[data-business="renovations"]:not(:has(input[name="source_page"][value="/renovations/kitchen-renovations/"])) .hero--fixed-service-trust-rail > .hero-inner {
    min-height: 636px !important;
    padding-top: 24px !important;
    padding-bottom: 24px !important;
  }

  body[data-business="renovations"]:not(:has(input[name="source_page"][value="/renovations/kitchen-renovations/"])) .hero--service-trust-rail > .hero-inner {
    min-height: var(--dk-service-hero-main-height, 763px) !important;
    padding-top: 24px !important;
    padding-bottom: 24px !important;
  }
}

@media (max-width: 1024px) {
  body[data-business="renovations"]:not(:has(input[name="source_page"][value="/renovations/kitchen-renovations/"])) .hero--with-trust-rail > .hero-inner {
    min-height: auto !important;
    padding-top: 48px !important;
    padding-bottom: 36px !important;
    row-gap: 32px !important;
  }

  body[data-business="renovations"]:not(:has(input[name="source_page"][value="/renovations/kitchen-renovations/"])) .hero--with-trust-rail .hero-trust-rail {
    min-height: 0;
    flex-basis: auto;
  }

  body[data-business="renovations"]:not(:has(input[name="source_page"][value="/renovations/kitchen-renovations/"])) .hero--with-trust-rail .hero-trust-rail__inner {
    width: min(920px, calc(100% - 48px));
    min-height: 0;
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  body[data-business="renovations"]:not(:has(input[name="source_page"][value="/renovations/kitchen-renovations/"])) .hero--with-trust-rail .hero-trust-rail__item {
    min-height: 70px;
    padding: 12px 20px;
  }

  body[data-business="renovations"]:not(:has(input[name="source_page"][value="/renovations/kitchen-renovations/"])) .hero--with-trust-rail .hero-trust-rail__item:nth-child(3) {
    border-left: 0;
  }

  body[data-business="renovations"]:not(:has(input[name="source_page"][value="/renovations/kitchen-renovations/"])) .hero--with-trust-rail .hero-trust-rail__item:nth-child(3),
  body[data-business="renovations"]:not(:has(input[name="source_page"][value="/renovations/kitchen-renovations/"])) .hero--with-trust-rail .hero-trust-rail__item:nth-child(4) {
    border-top: 1px solid var(--renovation-hero-rail-divider);
  }
}

@media (max-width: 768px) {
  body[data-business="renovations"]:not(:has(input[name="source_page"][value="/renovations/kitchen-renovations/"])) .hero--with-trust-rail > .hero-inner {
    width: calc(100% - 32px) !important;
    padding-top: 42px !important;
    padding-bottom: 30px !important;
  }

  body[data-business="renovations"]:not(:has(input[name="source_page"][value="/renovations/kitchen-renovations/"])) .hero--with-trust-rail .hero-trust-rail__inner {
    width: calc(100% - 32px);
    display: flex;
    overflow-x: auto;
    overscroll-behavior-inline: contain;
    scroll-snap-type: x mandatory;
    scrollbar-width: none;
    -ms-overflow-style: none;
  }

  body[data-business="renovations"]:not(:has(input[name="source_page"][value="/renovations/kitchen-renovations/"])) .hero--with-trust-rail .hero-trust-rail__inner::-webkit-scrollbar {
    display: none;
  }

  body[data-business="renovations"]:not(:has(input[name="source_page"][value="/renovations/kitchen-renovations/"])) .hero--with-trust-rail .hero-trust-rail__item {
    min-height: 78px;
    flex: 0 0 min(82vw, 390px);
    padding: 13px 18px;
    scroll-snap-align: start;
  }

  body[data-business="renovations"]:not(:has(input[name="source_page"][value="/renovations/kitchen-renovations/"])) .hero--with-trust-rail .hero-trust-rail__item:nth-child(3),
  body[data-business="renovations"]:not(:has(input[name="source_page"][value="/renovations/kitchen-renovations/"])) .hero--with-trust-rail .hero-trust-rail__item:nth-child(4) {
    border-top: 0;
  }

  body[data-business="renovations"]:not(:has(input[name="source_page"][value="/renovations/kitchen-renovations/"])) .hero--with-trust-rail .hero-trust-rail__item + .hero-trust-rail__item {
    border-left: 1px solid var(--renovation-hero-rail-divider);
  }
}

@media (max-width: 600px) {
  html:root:root:root:root:root body[data-business="renovations"]:not(:has(input[name="source_page"][value="/renovations/kitchen-renovations/"])) .hero--with-trust-rail .consultation-form.consultation-form--hero {
    padding: 18px !important;
  }
}