.mod-efkar-slideshow {
  --slideshow-navy: #09284d;
  --slideshow-navy-deep: #061c38;
  --slideshow-teal: #16b5a6;
  position: relative;
  overflow: hidden;
  min-height: 272px;
  border-radius: 12px;
  background: var(--slideshow-navy-deep);
  color: #fff;
}

.mod-efkar-slideshow__viewport { position: relative; min-height: inherit; }

.mod-efkar-slideshow__slide {
  display: grid;
  /* Keep grid columns physical: media on the left, copy on the right. */
  direction: ltr;
  grid-template-columns: minmax(300px, 46%) minmax(0, 54%);
  grid-template-areas: "media content";
  min-height: 272px;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transition: opacity .45s ease, visibility .45s ease;
}

.mod-efkar-slideshow__slide:not(:first-child) { position: absolute; inset: 0; width: 100%; }
.mod-efkar-slideshow__slide.is-active { opacity: 1; visibility: visible; pointer-events: auto; }

.mod-efkar-slideshow__content {
  grid-area: content;
  direction: rtl;
  position: relative;
  z-index: 2;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  padding: 34px clamp(30px, 5vw, 78px) 46px;
  background:
    radial-gradient(circle at 78% 14%, rgba(31, 97, 151, .26), transparent 35%),
    linear-gradient(110deg, #082445, #0b315b);
  text-align: right;
}

.mod-efkar-slideshow__content::after {
  content: "";
  position: absolute;
  z-index: -1;
  inset: 0 auto 0 -2px;
  width: 110px;
  background: linear-gradient(90deg, rgba(9, 40, 77, 0) 0%, #0b315b 100%);
}

.mod-efkar-slideshow__eyebrow { margin-bottom: 8px; color: #bcd2e9; font-size: .72rem; font-weight: 700; }
.mod-efkar-slideshow__title { max-width: 530px; margin: 0; /*font-size: clamp(1.7rem, 3.05vw, 2.95rem);*/ line-height: 1.25; font-weight: 850; letter-spacing: -.04em; }
.mod-efkar-slideshow__title span { display: block; color: var(--slideshow-teal); }
.mod-efkar-slideshow__description { max-width: 510px; margin: 12px 0 0; color: #e1ecf7; font-size: .9rem; line-height: 1.9; }

.mod-efkar-slideshow__action {
  display: inline-flex;
  direction: rtl;
  align-items: center;
  gap: 12px;
  margin-top: 18px;
  padding: 9px 16px;
  border: 1px solid rgba(255,255,255,.55);
  border-radius: 12px;
  color: #fff;
  font-size: .9rem;
  font-weight: 700;
  text-decoration: none;
  transition: background-color .2s ease, transform .2s ease;
}
.mod-efkar-slideshow__action:hover { background: rgba(255,255,255,.13); color: #fff; transform: translateX(-3px); }
.mod-efkar-slideshow__action b { font-size: 1rem; }

.mod-efkar-slideshow__media { grid-area: media; position: relative; min-height: 272px; overflow: hidden; background: #12365f; }
.mod-efkar-slideshow__media::after { content: ""; position: absolute; inset: 0; background: linear-gradient(90deg, rgba(6,28,56,.12) 0%, rgba(9,40,77,.05) 50%, #0b315b 100%); }
.mod-efkar-slideshow__media img { width: 100%; height: 100%; min-height: 272px; display: block; object-fit: cover; object-position: center; }

.mod-efkar-slideshow__controls { position: absolute; z-index: 5; inset: 0; display: flex; align-items: center; justify-content: space-between; pointer-events: none; }
.mod-efkar-slideshow__dots { display: flex; gap: 7px; }
.mod-efkar-slideshow__controls .mod-efkar-slideshow__dots { position: absolute; bottom: 12px; left: 50%; transform: translateX(-50%); }
.mod-efkar-slideshow__dots button { width: 8px; height: 8px; margin: 0; padding: 0; border: 0; border-radius: 99px; background: rgba(255,255,255,.54); cursor: pointer; transition: width .2s ease, background .2s ease; }
.mod-efkar-slideshow__dots button.is-active { width: 23px; background: var(--slideshow-teal); }
.mod-efkar-slideshow__nav { display: grid; place-items: center; width: 31px; height: 31px; margin: 0 7px; padding: 0; border: 0; border-radius: 50%; background: rgba(255,255,255,.96); color: #0a315b; box-shadow: 0 2px 7px rgba(0,0,0,.18); cursor: pointer; font-size: 1.8rem; line-height: 1; pointer-events: auto; }
.mod-efkar-slideshow__nav:hover { background: #fff; transform: scale(1.08); }
.mod-efkar-slideshow__nav span { margin-top: -3px; }

@media (max-width: 767px) {
  .mod-efkar-slideshow, .mod-efkar-slideshow__slide, .mod-efkar-slideshow__media, .mod-efkar-slideshow__media img { min-height: 0; }
  .mod-efkar-slideshow__slide { grid-template-columns: 1fr; grid-template-rows: 190px auto; grid-template-areas: "media" "content"; }
  .mod-efkar-slideshow__slide:not(:first-child) { position: absolute; }
  .mod-efkar-slideshow__media { min-height: 200px; }
  .mod-efkar-slideshow__media img { min-height: 200px; }
  .mod-efkar-slideshow__media::after { background: linear-gradient(0deg, var(--slideshow-navy) 0%, rgba(9,40,77,.08) 65%); }
  .mod-efkar-slideshow__content { padding: 24px 24px 52px; }
  .mod-efkar-slideshow__content::after { display: none; }
  .mod-efkar-slideshow__title { font-size: 2rem; }
  .mod-efkar-slideshow__description { margin-top: 12px; line-height: 1.8; font-size: .92rem; }
  .mod-efkar-slideshow__action { margin-top: 19px; }
  .mod-efkar-slideshow__nav { width: 28px; height: 28px; margin: 0 5px; }
  .mod-efkar-slideshow__controls .mod-efkar-slideshow__dots { bottom: 11px; }
}

@media (prefers-reduced-motion: reduce) {
  .mod-efkar-slideshow__slide, .mod-efkar-slideshow__dots button, .mod-efkar-slideshow__action { transition: none; }
}