/* Section: cta_banner — subsidy banner, charcoal with red top rule (mockup "Εξοικονομώ"). */

.ex-cta-banner {
  background: var(--ex-dark);
  border-top: 2px solid var(--ex-red);
}
.ex-cta-banner__grid {
  display: grid;
  grid-template-columns: 1.15fr 1fr;
  min-height: 320px;
}
.ex-cta-banner--no-image .ex-cta-banner__grid { grid-template-columns: minmax(0, 1fr); min-height: 0; }

.ex-cta-banner__content {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
  min-width: 0;
  padding: clamp(36px, 4.4vw, 68px) var(--ex-gutter);
  overflow: hidden;
}
.ex-cta-banner__eyebrow { margin-bottom: 16px; }
.ex-cta-banner__title { margin-bottom: 14px; }
.ex-cta-banner__text { margin-bottom: 26px; }
/* Rendered: the banner's CTA is 46px high (15px 24px), .07em, the arrow one word space after the label (226.7px wide). */
.ex-cta-banner__actions .ex-btn { --ex-btn-px: 24px; gap: .32em; padding-block: 15px; letter-spacing: .07em; }
.ex-cta-banner__text:last-child,
.ex-cta-banner__title:last-child { margin-bottom: 0; }

.ex-cta-banner__media {
  position: relative;
  min-height: 240px;
  overflow: hidden;
  clip-path: polygon(9% 0, 100% 0, 100% 100%, 0 100%);
}
.ex-cta-banner__img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  max-width: none;
  object-fit: cover;
}

/* ≤1199: stack, image below the text with a diagonal top edge (proposal) */
@media (max-width: 1199px) {
  .ex-cta-banner__grid { grid-template-columns: minmax(0, 1fr); min-height: 0; }
  .ex-cta-banner__media {
    height: clamp(200px, 38vw, 340px);
    min-height: 0;
    clip-path: polygon(0 clamp(16px, 4vw, 36px), 100% 0, 100% 100%, 0 100%);
  }
}

@media (max-width: 599px) {
  .ex-cta-banner__actions .ex-btn { width: 100%; }
}