/* ============================================
   Component: CTA + Contact Form Wrapper
   Shared decorative vectors spanning both sections
   ============================================ */
.cta-form-wrapper {
  position: relative;
  overflow: hidden;
}

.cta-form-wrapper__decor {
  position: absolute;
  pointer-events: none;
  z-index: 1;
  max-width: none;
}

.cta-form-wrapper__decor--vector10 {
  left: -691px;
  top: 0;
  width: 977px;
  height: 769.5px;
  transform: scaleY(-1);
}

.cta-form-wrapper__decor--vector11 {
  right: -462px;
  top: 0;
  width: 981px;
  height: 927.5px;
  transform: scaleX(-1);
}

.cta-form-wrapper__decor--rect28 {
  right: -5px;
  top: 0;
  width: 525px;
  height: 928px;
  transform: scaleX(-1);
}

.cta-form-wrapper__decor--rect29 {
  left: -70px;
  top: 0;
  width: 1171px;
  height: 927px;
  transform: scaleX(-1);
}

/* Yellow accent strip below the wrapper (detail page) */
.cta-form-wrapper__accent-strip {
  display: block;
  width: 66.8%;
  height: 13px;
  margin-top: -13px;
  position: relative;
  z-index: 1;
  background-color: var(--color-primary);
  clip-path: polygon(0 0, calc(100% - 5px) 0, 100% 100%, 0 100%);
}

@media (max-width: 1024px) {
  .cta-form-wrapper__decor--vector10,
  .cta-form-wrapper__decor--vector11,
  .cta-form-wrapper__decor--rect28 {
    display: none;
  }

  .cta-form-wrapper__decor--rect29 {
    left: -59px;
    top: 0;
    width: 1171px;
    height: 835px;
  }
}