/* ==========================================================================
   Call-to-action banner ("Projeniz için bize ulaşın!")
   ========================================================================== */

.cta {
  position: relative;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 18px;
  padding: 30px 20px;
  background: linear-gradient(135deg, #b34a18 0%, #d9651f 45%, #f6d5be 100%);
}
.cta__title { font-size: 26px; font-weight: 700; line-height: 1.15; letter-spacing: 0; color: #fff; }
.cta__title span,
.cta__title strong { display: block; font-weight: 700; }
.cta__text { max-width: 420px; font-size: 16px; font-weight: 600; line-height: 1.5; color: #1f1308; }
.cta__media { display: none; }

/* ==========================================================================
   Desktop
   ========================================================================== */
@media (min-width: 992px) {
  .cta {
    margin-top: 2.4rem;
    display: block;
    height: 8.2rem;
    padding: 0;
    background: linear-gradient(90deg, #fcefe3 0%, #fbe7d8 45%, #f5f1ee 70%, #efefef 100%);
  }

  .cta__lead {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 31.4rem;
    padding: 2.5rem 0 0 5.7rem;
    background: linear-gradient(135deg, #a8431a 0%, #c9561d 50%, #e56d22 100%);
    clip-path: polygon(0 0, 100% 0, calc(100% - 7.8rem) 100%, 0 100%);
  }
  .cta__title { font-size: 2.35rem; line-height: 2.6rem; letter-spacing: 0; }
  .cta__title strong { font-size: 2.45rem; margin-top: .1rem; }

  .cta__text {
    position: absolute;
    left: 32.8rem;
    top: 2.3rem;
    width: 28rem;
    max-width: none;
    font-size: 1.28rem;
    line-height: 1.7rem;
    letter-spacing: 0;
  }
  .btn--cta {
    position: absolute;
    left: 64.9rem;
    top: 2.4rem;
    min-height: 3.6rem;
    min-width: 17.5rem;
    padding: 0 1.6rem;
    font-size: 1.28rem;
    gap: 1rem;
    border-radius: .4rem;
  }
  .btn--cta .icon { font-size: 1.5rem; }
  .btn--cta .icon:last-child { font-size: 1.3rem; }

  .cta__media {
    display: block;
    position: absolute;
    right: 0;
    top: 0;
    width: 20.4rem;
    height: 100%;
    clip-path: polygon(3.6rem 0, 100% 0, 100% 100%, 0 100%);
  }
  .cta__media img { width: 100%; height: 100%; object-fit: cover; }
}