/* Почему выбирают: полоса вне #middle — фон на всю ширину сайта */

body.xl-redesign #xlFullband.xl-fullband,
body.xl-redesign #xlFullband {
  display: block !important;
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 !important;
  box-sizing: border-box !important;
}

body.xl-redesign #xlFullband:empty {
  display: none !important;
}

body.xl-redesign #xlFullband .xl-trustband,
body.xl-redesign .xl-fullband-src .xl-trustband {
  position: relative !important;
  width: 100% !important;
  max-width: none !important;
  margin: 16px 0 28px !important;
  padding: 40px 0 36px !important;
  overflow: hidden !important;
  border: 0 !important;
  border-radius: 0 !important;
  background:
    radial-gradient(120% 80% at 0% 0%, rgba(255, 255, 255, 0.55) 0%, transparent 55%),
    radial-gradient(90% 70% at 100% 100%, rgba(255, 140, 60, 0.10) 0%, transparent 50%),
    linear-gradient(180deg, #f3e6d6 0%, #efe0ce 48%, #ead8c4 100%) !important;
  box-shadow: none !important;
  box-sizing: border-box !important;
}

body.xl-redesign .xl-trustband__deco {
  position: absolute !important;
  inset: 0 !important;
  pointer-events: none !important;
  z-index: 0 !important;
  background-image:
    url("../icons/promo/burst.svg"),
    url("../icons/promo/burst.svg");
  background-repeat: no-repeat;
  background-size: 160px 160px, 120px 120px;
  background-position: 4% 12%, 96% 20%;
  opacity: 0.07 !important;
  filter: brightness(0) saturate(100%);
}

/* контент — в ширине shell, как #middle */
body.xl-redesign .xl-trustband__head,
body.xl-redesign .xl-trustband .xl-trust {
  position: relative !important;
  z-index: 1 !important;
  width: min(100%, var(--xl-shell-max, var(--xl-container, 1360px))) !important;
  max-width: var(--xl-shell-max, var(--xl-container, 1360px)) !important;
  margin-left: auto !important;
  margin-right: auto !important;
  padding-left: var(--xl-shell-pad, 24px) !important;
  padding-right: var(--xl-shell-pad, 24px) !important;
  box-sizing: border-box !important;
}

body.xl-redesign .xl-trustband__head {
  text-align: center !important;
  margin-top: 0 !important;
  margin-bottom: 24px !important;
}

body.xl-redesign .xl-trustband__title {
  position: relative !important;
  display: inline-block !important;
  margin: 0 0 10px !important;
  padding: 0 28px 0 0 !important;
  color: #171513 !important;
  font-size: 28px !important;
  font-weight: 800 !important;
  line-height: 1.2 !important;
  letter-spacing: -0.02em !important;
}

body.xl-redesign .xl-trustband__star {
  position: absolute !important;
  top: -2px !important;
  right: 0 !important;
  width: 16px !important;
  height: 16px !important;
  background: #ff6a00 !important;
  clip-path: polygon(
    50% 0%, 61% 35%, 98% 35%, 68% 57%, 79% 91%,
    50% 70%, 21% 91%, 32% 57%, 2% 35%, 39% 35%
  );
}

body.xl-redesign .xl-trustband__sub {
  margin: 0 auto !important;
  max-width: 36em !important;
  color: #8a847c !important;
  font-size: 15px !important;
  font-weight: 500 !important;
  line-height: 1.45 !important;
}

body.xl-redesign #xlFullband .xl-trust,
body.xl-redesign .xl-fullband-src .xl-trust,
body.xl-redesign .xl-trustband .xl-trust {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 16px !important;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

body.xl-redesign .xl-trustband .xl-trust__item {
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  min-height: 168px !important;
  margin: 0 !important;
  padding: 22px 20px 20px !important;
  border: 1px solid #efe6db !important;
  border-radius: 20px !important;
  background: #fff !important;
  box-shadow: 0 8px 22px rgba(32, 29, 26, 0.05) !important;
  box-sizing: border-box !important;
}

body.xl-redesign .xl-trust__ico {
  display: inline-grid !important;
  place-items: center !important;
  width: 52px !important;
  height: 52px !important;
  margin: 0 0 16px !important;
  border-radius: 50% !important;
  background: rgba(255, 106, 0, 0.12) !important;
  color: #ff6a00 !important;
  flex: 0 0 52px !important;
}

body.xl-redesign .xl-trust__ico img {
  display: block !important;
  width: 26px !important;
  height: 26px !important;
  margin: 0 !important;
  border: 0 !important;
  filter: brightness(0) saturate(100%) invert(48%) sepia(98%) saturate(2200%) hue-rotate(2deg) brightness(104%) contrast(104%) !important;
}

body.xl-redesign .xl-trustband .xl-trust__item strong {
  display: block !important;
  margin: 0 0 10px !important;
  color: #171513 !important;
  font-size: 18px !important;
  font-weight: 800 !important;
  line-height: 1.25 !important;
}

body.xl-redesign .xl-trust__line {
  display: block !important;
  width: 28px !important;
  height: 3px !important;
  margin: 0 0 12px !important;
  border-radius: 999px !important;
  background: #ff6a00 !important;
}

body.xl-redesign .xl-trustband .xl-trust__item > span:last-child {
  display: block !important;
  margin: 0 !important;
  color: #8a847c !important;
  font-size: 14px !important;
  font-weight: 500 !important;
  line-height: 1.4 !important;
}

body.xl-redesign #xlFullband .xl-seo,
body.xl-redesign .xl-fullband-src .xl-seo {
  width: min(100%, var(--xl-shell-max, var(--xl-container, 1360px))) !important;
  max-width: var(--xl-shell-max, var(--xl-container, 1360px)) !important;
  margin: 0 auto 20px !important;
  padding: 32px 36px !important;
  border: 1px solid #efe6db !important;
  border-radius: 22px !important;
  background: #fff !important;
  box-shadow: 0 8px 22px rgba(32, 29, 26, 0.04) !important;
  box-sizing: border-box !important;
}

@media (max-width: 1100px) {
  body.xl-redesign #xlFullband .xl-trustband,
  body.xl-redesign .xl-fullband-src .xl-trustband {
    padding: 32px 0 28px !important;
    margin: 12px 0 22px !important;
  }
  body.xl-redesign .xl-trustband .xl-trust {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
  body.xl-redesign .xl-trustband__title {
    font-size: 24px !important;
  }
}

@media (max-width: 700px) {
  body.xl-redesign #xlFullband .xl-trustband,
  body.xl-redesign .xl-fullband-src .xl-trustband {
    padding: 26px 0 22px !important;
  }
  body.xl-redesign .xl-trustband__head,
  body.xl-redesign .xl-trustband .xl-trust {
    padding-left: 14px !important;
    padding-right: 14px !important;
  }
  body.xl-redesign .xl-trustband .xl-trust {
    grid-template-columns: 1fr !important;
    gap: 12px !important;
  }
  body.xl-redesign #xlFullband .xl-seo,
  body.xl-redesign .xl-fullband-src .xl-seo {
    width: calc(100% - 28px) !important;
    padding: 20px 18px !important;
  }
}